@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nNeiznanRB67rGZDYkMvKPc.woff) format('woff');}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v9/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');}
.other{ padding-bottom:4% !important;}
body{font-family:'Roboto Condensed', Arial,Helvetica,sans-serif;}
*{ margin:0;padding:0;}
a:hover{ text-decoration:none;}
.container-fluid{ padding:0;}
.minlin > li{display:inline;}
.top1 { display: block !important; z-index:7;}
#top { bottom:15%; background:#3a87d7 !important; display: none; opacity: 0.34; position: fixed;  right: 2%; transition: all 0.15s linear 0s;}
#top a{ color:#fff;padding:16px 20px; display:inline-block; transition-duration:2s;}
#top:hover{ opacity:1; }
p{ margin:0;}
em{ padding-bottom:5%;font-size:14px; }
h2{ margin:0;}
/* toplayer start*/
.top_l{ background:#fff;padding:0.6% 0; font-size:13px; color:#6e6e6e; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);}
.top_l i{ color:#6e6e6e;margin: 0 1% 0 1.5%;}
.appot{ background:#009998; color:#fff;padding: 1.4% 2%;margin-left:2%;font-size:12px;}
.appot:hover{ color:#fff;}
.mank{font-size:18px !important;}
/* toplayer end*/
/* header start*/




nav > ul > li:hover > .sub_menu2{ display:block; }
nav > ul > li:hover > .sub_menu3{ display:block; }
nav > ul > li > .sub_menu{animation-name: slideUp1;animation-duration:1s; position:absolute;top:100%;left:5%;transition:.4s ease-out 0, 1s; min-width:730px;
 z-index:4; display:none; background:#fff;padding-top:0.8%; box-shadow: 1px 6px 4px 0px #777;}
nav > ul > li > .sub_menu > ul{ width:200px; float:left; background:#fff;list-style:none; padding-bottom:2%;}
nav > ul > li > .sub_menu > ul > li{ background:#fff; width:100%; color:#009998;  }
nav > ul > li > .sub_menu > ul > li.head{ background:#fff; width:100%; color:#009998;border-bottom:1px solid #ebebeb; }
nav > ul > li > .sub_menu > ul > li.head a{color:#000;font-size:14px;font-weight:bold;padding:3% 9% 3% 9%;text-transform:capitalize;width:100%;}
nav > ul > li > .sub_menu > ul > li > a{ padding: 2% 3%; display:block; text-align: left; width: 100%;color:#838383; font-size:13px;}
nav > ul > li > .sub_menu > ul > li > a > i{ font-size:13px; color:#009998; margin:0 6%; line-height:2;}
 nav > ul > li > ul{animation-name: slideUp1;animation-duration:1s; position:absolute;  top:99%; left:0;transition:.4s ease-out 0, 1s;
  min-width:200px; z-index:4; display:none; list-style:none;   padding-top:2px; box-shadow: 1px 6px 4px 0px #777;}
nav > ul > li > .sub_menu > .sec_item{text-align:center; width:240px; float:left; padding:1% 2%; margin-left:10px; border-left:1px solid #ebebeb;}
nav > ul > li > .sub_menu > .sec_item > h2{color:#000;font-size:14px;font-weight:bold;padding:0 1% 8%;text-align:left;text-transform:capitalize;
line-height: 1.4;}
nav > ul > li > .sub_menu > .sec_item > p {color: #000;font-size: 14px; margin: 0 auto;padding: 8% 0; font-weight:bold;}
nav > ul > li > .sub_menu > .sec_item > a{vertical-align: middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;
transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;padding:7px 20px; color:#fff; background:#009998; display:inline-block; margin-top:3%; position:relative;}
nav > ul > li > .sub_menu > .sec_item > a:before {content: ""; position: absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: #ff6600;
  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;
  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
nav > ul > li > .sub_menu > .sec_item > a:hover:before {-webkit-transform: scaleX(1); color:#fff;transform: scaleX(1);}
nav > ul > li > .sub_menu > .third_item{ width:280px; float:left;padding:1% 3%;border-left:1px solid #ebebeb;}
nav > ul > li > .sub_menu3 > ul > li.head{ background:#fff; width:100%; color:#009998;border-bottom:1px solid #ebebeb; }
nav > ul > li > .sub_menu3 > ul > li.head a {color:#000;font-size:13px;font-weight:bold;padding: 15% 10% 3% 10%;text-transform:capitalize;width: 100%;}
nav > ul > li > .sub_menu3{
 animation-name: slideUp1;
 animation-duration:1s;
 position:absolute;
 top:99%;
 left:0%;
 min-height: 255px;
 transition:.4s ease-out 0, 1s;
 min-width:701px;
 z-index:4;
 display:none;
 background:#fff;
 padding-top:0.8%;
 box-shadow: 1px 6px 4px 0px #777;
 }
nav > ul > li > .sub_menu3 > ul{ width:200px; float:left; background:#fff;list-style:none;}
nav > ul > li > .sub_menu3 > ul > li{ background:#fff; width:100%; color:#009998; border-bottom: 1px solid #e2e2e2;}
nav > ul > li > .sub_menu3 > ul > li > a{padding: 4% 3%;display:block;text-align: left;width: 100%;color:#838383;font-size:13px;font-family: 'Lato',sans-serif;}
nav > ul > li > .sub_menu3 > ul > li > a > i{font-size:13px;color: #00bad0;margin:0 6%;line-height:2;}
nav > ul > li > ul{animation-name: slideUp1;animation-duration:1s; position:absolute;  top:99%; left:0;transition:.4s ease-out 0, 1s;
  min-width:200px; z-index:4; display:none; list-style:none;   padding-top:2px; box-shadow: 1px 6px 4px 0px #777;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down{display:none;position:absolute; top:0;right:0%; width:502px; padding:2% 0%; border-left:1px solid #ebebeb; height:100%;z-index:5;}
nav > ul > li > .sub_menu3 > ul > li:hover > .drop_down{display:block; }
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down{height:100%;overflow:hidden;width:250px;float:left;background:#fff;text-align:left;padding:0% 2%;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down ul{ padding: 0% 9% 2%;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down ul li{font-size: 20px; list-style: outside none disc;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down ul li.head{width:100%;color:#009998;list-style:none; margin-left:-11%; }
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down ul li.head a {background:#fff;color:#000;font-size:13px;font-weight:bold;padding:6% 10% 3% 1%;text-transform:capitalize;width: 100%;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down ul li a{ color: #999;display: block; font-size: 14px; padding: 1.5% 0;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down h3 {text-transform:capitalize;color:#000;font-size:13px;font-weight:bold;margin: 0;/* padding: 4% 0; */}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down p{ color:#999; font-size:13px;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down > a{vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;
-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; position:relative;padding:7px 20px; color:#fff; background:#009998; display:inline-block; margin-top:3%;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down >  a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;
background: #ff6600;-webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .f_down >  a:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .s_down{overflow:hidden;width:250px;float:left;background:#fff;height:100%;padding:1% 4%;
 border-left:1px solid #ebebeb;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down > .s_down > img{ width:100%; float:left;}
.defult_open{ display:block !important ; z-index:4;}
nav > ul > li > ul > li{ background:#fff; width:100%; color:#009998; border-bottom: 1px solid #e2e2e2;}
nav > ul > li > ul > li:last-child{ border-bottom:none;}
nav > ul > li > ul > li > a{ padding: 4% 3%; display:block; text-align: left; width: 100%;color:#838383; font-size:13px;}
nav > ul > li > ul > li > a:hover{color:#009998;}
nav > ul > li > ul > li > a > i{ font-size:13px; color:#009998; margin:0 6%; line-height:2;}
nav > ul > li > ul > li > ul{animation-name: slidedown1;animation-duration:1s; position:absolute;  top:0%; left:100%;transition:.4s ease-out 0, 1s; min-width:200px; z-index:4; display:none; list-style:none;   padding-top:7px; box-shadow: 1px 6px 4px 0px #777;}
nav > ul > li > ul > li > ul > li > a{ padding: 3% 3%; display:block; text-align: left; width: 100%;color:#838383; font-size:12px;}
nav > ul > li > ul > li > ul > li > a > i{ font-size:13px; color:#009998; margin:0 6%; line-height:2;}
nav > ul > li > ul > li > ul > li{ background:#fff; width:100%; color:#009998; border-bottom: 1px solid #e2e2e2;}
nav > ul > li > ul > li > ul > li > a:hover{color:#009998;}
nav > ul > li > ul > li:hover > ul{ display:block; }
/* header end*/
/* banner start*/
.banner{padding:0% 0;position:relative;text-transform:capitalize;overflow:hidden;background-color:#0066cc;}
.banner .tag{position:absolute; width:100%;  height:40%; bottom:-4%; left:0; content:""; z-index:3;}
.box_sli {background: rgba(0, 0, 0, 0.6) ;float: left; padding: 8% 7%; width: 100%;}
.box_sli:hover{background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;}
.box_sli .box_left { background: #fff ; border-radius: 100%; float: left; height: 60px; width: 21%;}
.box_sli .box_right {  float: left;  margin-left: 8%;  width: 70%;}
.box_sli .box_left i { color: #009998;  font-size: 77px;  line-height: 0.8;  vertical-align: top;}
.box_sli .box_right h2 {  color: #fff;  float: left;  font-size: 19px;  font-weight: bold;  line-height: 1.6;  text-transform: uppercase;  width: 100%;}
.box_sli .box_right a {  color: #ff6600;  display: inline-block;  font-size: 16px;  margin-top: 9%;}
.banner:before{ position:absolute; background:rgba(255,255,255,0); width:100%;  height:100%; top:0; left:0; content:""; z-index:2;}
.banner ul{ margin:0; padding:0; width:100%; height:510px; overflow:hidden; position:relative; background:#ff666;}
.banner ul > li{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:1;}
.banner ul  > li > img{ width:100%; height:100%; opacity:1;}
.banner ul  > li > .text-slider{ position:absolute; width:70%; left:8%; top:14%; color:#fff; text-align:left;}
.banner ul  > li > .text-slider{ text-transform:uppercase;}
.banner .fadein{  z-index:2;opacity:1; display:block;  }
.banner .fadein img{animation-name: example;animation-duration: 8s; }
.banner ul > li.fadein > .text-slider .a{font-size:0px;animation-name:example2;animation-duration:0.8s;animation-fill-mode:forwards;display:inline !important;}
.banner ul > li.fadein > .text-slider .b{ margin-left:1%;font-size:0px;animation-name:example2;animation-duration:1s;animation-delay:1s;
animation-fill-mode: forwards;}
.banner ul > li.fadein > .text-slider .c{ margin-left:1%;font-size:0px; animation-name: example2;animation-duration:1s;animation-delay:1.8s;
animation-fill-mode: forwards;}
.banner ul > li.fadein > .text-slider .d{margin-left:1%; font-size:0px; animation-name: example2;animation-duration:1s; animation-delay:2s;
animation-fill-mode: forwards;}
.banner ul > li.fadein > .text-slider  .heading1{ font-size:37px; font-weight:bold; line-height:1;opacity:0;animation-name:heading;animation-duration:0.5s;animation-delay:0.2s;animation-fill-mode: forwards; padding:2% 0;}
.banner ul > li.fadein > .text-slider a{ background:#ff6600; color:#fff; font-size:15px; padding:1% 2%;animation-name:link;animation-duration:2s; animation-fill-mode: forwards;opacity:0; margin-top:2%;}
.banner ul > li> .text-slider a{ opacity:0; float:left;}
.banner ul > li > .text-slider .heading1{ font-size:50px; line-height:1;opacity:0;}
@keyframes link{ 0% { transform:translateX(-300px);opacity:0;} 100% { transform:translateX(0px);opacity:1;}}
@keyframes heading { 0% { transform:translateX(700px);opacity:1;} 100% { transform:translateX(0px);opacity:1;}}	
@keyframes example2 {  0% {font-size:1px;}50% {font-size:15px;}100% {font-size:20px;}}
@keyframes example {0% { transform:translateX(0px); opacity:1;}90% { transform:translateX(0px);opacity:1;} 100% { transform:translateX(1350px);opacity:1;}}
.divider_new{background:#fff;bottom:-50px;height: 148px;left:0px;padding-top:10px;position:absolute;transform:rotate(-3deg);width:200%;z-index: 10;}
.divider_new::before{background:rgba(255, 255, 255, 0.3);content:"";height:15px;left:0;padding-top:0;position:absolute;top:-10px;z-index:10;
transform: rotate(0deg); width: 100%; }
.divider_new1 { background: rgba(235, 235, 235, 0.5);bottom:-50px;height:109px;left:0;padding-top:8px;position:absolute;width:100%;z-index:10;}
.divider_new1::before {background: rgba(255, 255, 255, 0.3);box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.06);content:"";height:15px;left:0;padding-top:0;
  position: absolute;top: -14px;width: 100%; z-index: 10;}
.text_slider p { font-size: 22px;  line-height: 1.5;  margin: 0;  padding: 0;}
.text_slider p span{ background:rgba(22,116,209,0.5); padding:0.5% 2%;}
.text_slider h1{ margin:0; line-height:2; font-weight:600;}
.text_slider h1 span{background:rgba(22,116,209,0.5); padding:0.5% 2%;}
.text_slider a{ font-size:22px; background:#009998; color:#fff; margin-top: 3%;padding: 1% 2%; display:inline-block;}
.text_slider :hover{color:#fff;}
.carousel-inner > .item > img,.carousel-inner > .item > a > img {  width: 100%;margin: auto; height:500px;  }
.text_slider{ position:absolute; height:100%; width:100%;  top:0; color:#fff;  padding:7% 0 2%;}
/*banner end*/
/* service start*/
.service{ padding:4% 0; text-align:center; color:#838383;}
.service p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.service h2{ text-transform:uppercase; font-weight:bold; color:#000;}
.service p em { color: #999; font-size: 13px;  font-style: italic;}
.design-arrow { background: #dddddd none repeat scroll 0 0;height: 50px;margin: 10px auto;position: relative;width: 1px;}
.design-arrow::after {border: 2px solid #009998;border-radius: 50%;content: "";display:block;height:11px;left:-5px;position:absolute;top:103%;width: 11px;}	  
.service_item {padding: 40px 0; border-bottom:1px solid #e0e3e7; }
.left, .right { display: table-cell; vertical-align: top;  padding-right: 20px;}
.right{ padding-left: 17px;}
.service_item h3 { color: #333; font-size: 14px; font-weight: bold; margin-bottom: 5px;  text-align: left;  text-transform: uppercase;}
.service_item p{ line-height:1.6;text-align:left;}
.right .ser_text{font-size: 12px; line-height: 2; color:#333;}
.right p{margin-bottom:15px;}
.left i {  border: 9px solid #f2f2f2;  border-radius: 54px;  color: #999;  font-size: 22px;  padding: 30%;}
.service_item:hover .left i{ background:#009998;  color:#fff;}
.service_item .left i.default{ background:#009998;  color:#fff;}
/*service end*/
/* book start*/
.book{ padding:5% 0 10%; background:#f0f0f0;  position:relative; overflow:hidden;}
.rifght{ }
.book p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.book p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.book h2{ text-transform:uppercase; font-weight:bold; color:#000;}
.book ul{ padding-left:3%; font-size: 17px;  line-height: 1.7; color:#00C; }
.book ul li span{color: #505050; padding-left: 3%; font-size: 15px;}
.cirle { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.3);border-radius: 50%;margin: 6% auto 0%;text-align:center;ansition-duration: 0.5s; width:92%;}
.inner_circle {  border-radius:197px;  color: #fff;  padding:17% 0;  text-align: center;}
.inner_circle > p + p { text-transform:capitalize;color: #fff;font-size:24px;line-height: 1.3;}
.inner_circle > p {  font-size: 27px;padding:0; margin:0; font-size:36px; font-weight:bold; color:#fff;}
.color_1b{ background:#009998;}
.color_2b{ background:#6da643;}
.color_3b{ background:#ef711a;}
.color_4b{ background:#007fa9;}
.ftpa{margin-top:13.4%;}
/* book  end*/
/* why start*/
.book{ padding:4% 0 5%; text-align:center; color:#838383;}
.book p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.book p i { color: #fff; font-size: 64px;line-height: 1.4;}
.book h2{ text-transform:uppercase; font-weight:bold; color:#000;}
.book p em { color: #999; font-size: 13px;  font-style: italic;}
.design-arrow { background: #dddddd none repeat scroll 0 0;height: 50px;margin: 10px auto;position: relative;width: 1px;}
.design-arrow::after {border:2px solid #009998;border-radius:50%;content:"";display:block;height: 11px;left:-5px; position:absolute;top:103%;width: 11px;}	
.pp {  color: #999 !important;  font-size: 11px !important;  margin-top: 14%;  padding: 0 9%;  text-align:center;}
.why{padding:4% 0 9%;position:relative; text-align:center; color:#838383;  overflow:hidden;}
.why p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.why h2{ text-transform:uppercase; font-weight:bold; color:#000;}
.why p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.qu11{background: #009998 !important ;position: relative;}
.qu11::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
  border-color: #009998 transparent transparent !important; border-image: none; border-style: solid; border-width: 15px; content: "";
  display: block; left: 50%;  margin-left: -15px;  position: absolute; top: 100%; transition: all 0.3s ease-out 0s;}
.qu1 {background: #eff2f7 ; border-radius: 5px; margin: 0 auto 55px; max-width: 100%;  padding: 25px 0; position: relative;
  text-align: center;  transition: all 0.3s ease-out 0s;  width: 85%}
.qu1 i { background: #fff ; border: 1px solid #fff;border-radius: 50%;color: #000;display: inline-block;font-size: 32px;height:100px;
  line-height:3; text-align: center; transition: all 0.3s ease-out 0s;  width:100px;}
.qu1::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
  border-color: #eff2f7 transparent transparent; border-image: none; border-style: solid; border-width: 15px; content: "";
  display: block; left: 50%;  margin-left: -15px;  position: absolute; top: 100%; transition: all 0.3s ease-out 0s;}
.why h5 {color: #000;font-size: 22px;font-weight: bold; margin: 0;position: relative;}
.why h5 > span{color: #000;}
.why h5::after { position:absolute; background: #009998 ; left:43%; content: ""; display: block; height: 4px; margin-top: 20px; width: 25px;}
.hov:hover > .qu1{background: #009998 ;}
.hov:hover > .qu1::after { border-color: #009998  transparent transparent;}
.hov{ margin-top:4%;}
/* why  end*/
/* area start*/
.area{ padding:5% 0; position:relative; border-bottom:1px solid #e0e3e7;box-shadow: 0 15px 91px -21px rgba(235, 235, 235, 1) inset;}
.area::after {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -5%;width: 50px; z-index: 11;}
.area p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2;}
.area h2{ text-transform:uppercase; font-weight:bold;}
.area p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.design-arrow1 {margin-left:99%;background: #dddddd none repeat scroll 0 0;height: 50px; margin-bottom:30px; margin-top:10px;position: relative;width: 1px;}
.design-arrow1::after {border:2px solid #009998;border-radius:50%;content:"";display:block;height:11px;right:-5px;position:absolute;top:103%;width: 11px;}
.parah{font-size:11px !important; padding:3% 0;}
.right_img {margin-left: 17%;}
/* area  end*/
/* offer start*/
.offers{padding:5% 0 10%;position:relative; text-align:center; color:#838383; text-transform:capitalize; overflow:hidden;}
.offers p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.offers h2{ text-transform:uppercase; font-weight:bold; color:#000;}
.offers p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.offers em{ line-height:3.2; font-size:12px; padding:0;}
.offers .offer_text{color: #333;font-size: 12px; line-height: 2;}
.item1{ margin-bottom:14%; padding-right:17%;  text-align: right;position: relative;}
.item1:last-child{margin:0;}
.item2:last-child{margin:0;}
.item1:after{ top: 33px; background:#009998 ;border-radius: 50%;content: "";height: 10px; position: absolute;  right: 42px; width: 10px;}
.item2{ margin-bottom:14%; padding-left:17%;  text-align:left;position: relative;}
.item2:after{ top: 33px; background:#009998 ;border-radius: 50%;content: "";height: 10px; position: absolute;  left: 42px; width: 10px;}
.offers h5{color: #000;font-size: 17px;font-weight: bold; margin: 0;position: relative;}
.dot_line::before { background: #e7e8ec;border-radius: 50%; content: ""; height: 5px; left: 0; position: absolute;  top: -3px;  width: 5px;}
.dot_line::after {  background: #e7e8ec ;  border-radius: 50%;  content: "";  height: 5px;  position: absolute;  right: 0;  top: -3px;width: 5px;}
.dot_line {border-top: 1px solid #e7e8ec;height: 5px;position: absolute; right: -77px; top: 38px;  width: 108px;}
.dot_line1::before { background: #e7e8ec;border-radius: 50%; content: ""; height: 5px; left: 0; position: absolute;  top: -3px;  width: 5px;}
.dot_line1::after {  background: #e7e8ec ;  border-radius: 50%;  content: "";  height: 5px;  position: absolute;  right: 0;  top: -3px;width: 5px;}
.dot_line1 {border-top: 1px solid #e7e8ec;height: 5px;position: absolute; right:3px; top: 38px;  width: 32px;}
.padd_1{ padding:2% 0 0;}
.dot_line2::before { background: #e7e8ec;border-radius: 50%; content: ""; height: 5px; right: 0; position: absolute;  top: -3px;  width: 5px;}
.dot_line2::after {  background: #e7e8ec ;  border-radius: 50%;  content: "";  height: 5px;  position: absolute;  left: 0;  top: -3px;width: 5px;}
.dot_line2 {border-top: 1px solid #e7e8ec;height: 5px;position: absolute; left: -77px; top: 38px;  width: 108px;}
.dot_line3::before { background: #e7e8ec;border-radius: 50%; content: ""; height: 5px;right: 0; position: absolute;  top: -3px;  width: 5px;}
.dot_line3::after {  background: #e7e8ec ;  border-radius: 50%;  content: "";  height: 5px;  position: absolute;  left: 0;  top: -3px;width: 5px;}
.dot_line3 {border-top: 1px solid #e7e8ec;height: 5px;position: absolute; left:3px; top: 38px;  width: 32px;}
.cir_img{ margin-top:2.9%;}
/* offer end*/
/* how start*/
.how::before {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;top: -18%;width: 50px; z-index: 11;}
.how::after {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -5%;width: 50px; z-index: 11;}
.how{padding:3% 0 10%;position:relative;color:#838383;border-bottom:1px solid #e0e3e7;text-transform:capitalize;
box-shadow:0 15px 91px -21px rgba(235, 235, 235, 1) inset; }
.how p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.how p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; text-align:center;}
.how h2{ text-transform:uppercase; font-weight:bold; color:#000;text-align:center;}
.how1::after {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -5%;width: 50px; z-index: 11;}
.how1{padding:5% 0 10%;position:relative;color:#838383;border-bottom:1px solid #e0e3e7;text-transform:capitalize;
box-shadow: 0 15px 91px -21px rgba(235, 235, 235, 1) inset; }
.how1 p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.how1 p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; text-align:center;}
.how1 h2{ text-transform:uppercase; font-weight:bold; color:#000;text-align:center;}
.how_item,.arrow_t{position:relative; }
.arrow_t::before { background:url("../img/step-arrow.png") no-repeat;bottom:-106px;content:"";height: 29px; position: absolute;  right: -30%;  width: 46%;}
.arrow_t1::before {background:url("../img/step-arrow.png") repeat;bottom:-106px;content: "";height:29px;position: absolute; right: -30%; width: 46%;}
.how_item .how_inner { margin-left: 26%;}
.how_item .how_inner .icon_how {  background: #009998 ;  border-radius: 100%;  color: #fff;display: inline-block; float: left;  font-size: 17px; height: 65px; line-height: 3.9;  margin-right: 6%;  text-align: center;  width: 65px;}
.how_item .how_inner .icon_how:hover{ background:#000;}
.how_item .how_inner .text_how { float: left; color: #262626;  font-size: 18px;  font-weight: bold;  line-height: 1.4; margin-left:4%;}
/* how end*/
/* textimonal start*/
.testimonal{ clear:both;padding:3% 0;position:relative;  color:#838383; text-transform:capitalize;}
.testimonal p em{ color:#999; font-size:12px; margin:2% 0; padding:0; text-align:center; }
.testimonal p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; text-align:center; }
.testimonal h2{ text-transform:uppercase; font-weight:bold; color:#000;text-align:center;}
.user_testi{ background:#009998; color:#fff;text-align:center;}
.user_testi i{ font-size:161px;  line-height:2;}
.name { margin-left: 2% !important;  padding: 3% 0;  text-align: left !important;}
.name span{ font-weight:bold; font-size:17px; color:#000;}
.massg {background: #fff;box-shadow:3px 0 14px 1px #ebebeb;float: left;margin-left: -5%;padding: 5%;position: relative;z-index: 4;}
.massg p{ text-align:left !important;}
.massg p em {  font-size: 15px;  line-height: 2;  text-align: left;}
.qutes {  position: absolute;  right: 6%;  top: -14%;}
.qutes i{ font-size:50px; color:#eff2f7;}
/* textimonal end*/
/*upper start*/
.upper_footer p{ padding:0; margin:0;}
.upper_footer{ padding:2% 0; background:#009998; color:#fff;}
.upper_footer i{ font-size:71px; display:inline-block;}
.upper_footer span {display:inline-block;font-size:20px;line-height:2.9; margin-left:2%; padding-bottom:2%;text-transform:uppercase;vertical-align:top;}
.upper_footer span + span {  font-size: 15px;  margin-left: 10%;  margin-top: -5%;  vertical-align: top;}
.btn_book{background: #53afe7;border: 1px solid rgba(255, 255, 255, 0.5);color:#fff;float:left;font-size:20px;margin-top:5%;padding:3% 7%;text-align:right;}
.btn_book:hover{ color:#fff; border-color:rgba(255,255,255,1);}
/* tupper end*/

/*social start*/
.social{background:url("../img/social.jpg") no-repeat  center center / cover ;text-align: center; position:relative;padding: 4% 0;}
.socl{font-size:16px; font-style:italic; color:#999; line-height:1.2;}
.social:before{ background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
.list-socials { padding: 15px 0 3px; margin:0;}
.list-socials li { display: inline-block;}
.list-socials li a {border:2px solid #5a5a5a;border-radius:50%;color:#999999;display:block;height:48px;line-height:48px;margin:0 6px 12px;text-align:center;  transition: all 0.5s ease-out 0s;  width: 48px;}
.list-socials li a:hover{ color:#fff;background:#009998;}
 /*social end*/
/*footer start*/
footer{padding: 2% 0 0;background:#1a1a1a;color:#fff;}
footer h3{ font-size:16px; text-transform:uppercase; position:relative;}
footer h3::before { background: #009998 none repeat scroll 0 0; bottom: -101%; content: ""; height: 4px; left: 0;  position: absolute;  width: 31px;}
footer .aabt{ color:#999; padding:5% 0; font-size:12px; margin-top:10%;}
footer ul{margin-top: 0%;list-style:none;padding:0;}
footer ul li a{ color:#999; text-transform:capitalize;}
.no_padd{ padding:0;}
.cnt{ font-size:13px; color:#999; padding:0 0 5% 0;}
.cnt i {  display: inline-block;  float: left;  margin-right: 2%;  width: 10%;}
.cnt span {display: inline-block; float: left; font-size: 12px;  margin-bottom: 4%;  width: 88%;}
.inp{ background:none; color:#999; border:none; border-bottom:1px solid #333; border-radius:0; padding:0; position:relative;}
.inp:focus{ border-color:#fff; box-shadow:none;}
form{position:relative;}
form .sbt { bottom: 22%; position: absolute; right: 4%;}
/* footer end*/
/*footer below start*/
.below{ background: #000000 none repeat scroll 0 0;padding: 30px 0 6%;text-align: center;}
.below h4 { color: #999;font-size: 12px; margin-bottom: 0;  text-transform: uppercase;}
/* footer below end*/
/*animation start*/
@keyframes slideUp1 { 0% { opacity: 0;transform: translatey(10%); }   100% { opacity: 1;transform: translatey(0%);}	}
@keyframes slidedown1 { 0% { opacity: 0; transform: translatex(-30%);} 100% { opacity: 1; transform: translatex(0%);}	}
.fixed {background: #fff;left: 0;position: fixed;top: 0;width: 100%; z-index: 99; box-shadow:1px 1px 9px -2px #999;}
/*animation end*/
/*interne first start*/
.banner_inner p{ font-size:18px; text-transform:uppercase; line-height:2; }
.banner_inner h1{ text-transform:uppercase; font-weight:bold; margin:0; }
.banner_inner p em{  font-size:16px; margin:2% 0; padding:0; }
.banner_inner{padding:4% 0;background:url(../img/banner1.jpg);color:#fff;position:relative;text-transform:capitalize;overflow:hidden;}
.banner_inner:before{ background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
.tabing{ padding:5% 0 2%;}
.tabs { width:100%;display:block} 
.tab-links:after { display:block;clear:both;content:'';}
.tab-links{width:100%; float:left;}
.tab-links li { list-style:none;display:block; border: 1px solid #ebebeb;}
.tab-links li a{padding:15px 15px;display:block;border-radius:3px 3px 0px 0px;background:#f2f2f2;font-size:16px;color:#999;transition:all linear 0.15s;}
.tab-links li a i{ font-size: 22px;margin-right: 13%;}
.tab-links a:hover {background:#009998;text-decoration:none; color:#fff}
.tab-links li.active a, .tab-links li.active a:hover {background:#009998;color:#fff;text-decoration:none;}
.tab-content {float:left;  margin-top: -4%;}
.tab {display:none; opacity:1;animation-name: slideUp;animation-duration: 2s;	}
.tab.active {display:block; animation-name: slideUp;animation-duration: 2s;	 }
/*interne first start*/
.book_1{ padding:5% 0 3%; position:relative; width:100%;float:left;border-bottom:1px solid #ebebeb;}
.book_1 p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.book_1 p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.book_1 h2{ text-transform:uppercase; font-weight:bold; color:#000;}
.book_1 ul{ padding-left:3%; font-size: 17px;  line-height: 1.7; color:#00C; }
.book_1 ul li{ width:50%; float:left;}
.book_1 ul li span{color: #505050; padding-left: 3%; font-size: 15px;}
.cirle_1 { border: 10px solid #ebebeb; border-radius: 50%;margin: 15% 0%;text-align: center;ansition-duration: 0.5s; width: 68%;}
.inner_circle_1 {  border-radius: 190px;  color: #fff;  padding: 14% 0;  text-align: center;}
.inner_circle_1 > p + p { font-size: 13px;}
.inner_circle_1 > p {  font-size: 27px;padding:0; margin:0; font-size:36px; font-weight:bold; color:#fff;}
.book_1::after {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -5%;width: 50px; z-index: 11;}
.why1{padding:3% 0 5%;position:relative; text-align:center; color:#838383; float:left;}
.why1 p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.why1 h2{ text-transform:uppercase; font-weight:bold; color:#000;}
.why1 p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.why1 h5 {color: #000;font-size: 17px;font-weight: bold; margin: 0;position: relative;}
.why1 h5::after { position:absolute; background: #009998 ; left:43%; content: ""; display: block; height: 4px; margin-top: 20px; width: 25px;}
.form_1{background: #ebebeb; margin-top: 18%;padding: 5%;}
.form_1 h3{ text-align:center;}
.form-control{ margin-bottom:3%;}
.list_link{ width:100%; border:1px solid #ebebeb; margin-top:4%;}
.list_link h3{text-align:center; border-bottom:1px solid #999; line-height:2; margin:0;}
.list_link ul{ width:90%; margin:0 auto; list-style:none;}
.list_link ul li{ display:block;}
.list_link ul li a{ color:#999; padding:4%; display:block; border-bottom:1px solid #ebebeb; font-size:16px;}
.list_link ul li a i{ margin-right:12%; color:#009998;}
.accordian_second { box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 0 2px 2px rgba(0, 0, 0, 0.1); float: left;  width: 100%;  margin:3% 0;}
.accordian_second input[name='panel'] { display: none;}
.accordian_second label{display:block;padding:3% 0;background:#f6f6f6; line-height:2;position:relative;color:#999;cursor:pointer;transition: all 0.3s ease-in-out; font-size:20px; margin:0; border:1px solid #ebebeb;}
.accordian_second label i{ margin-right:5%; margin-left:3%;font-size:17px;}
.accordian_second label:after {content:"\f055"; font-family:FontAwesome;position:absolute;right:5%;top:15px; font-size:26px; }
.accordian_second label:hover {  color: #fff;background:#009998;}
.accordian_second input:checked + label {color: #fff;background:#009998;}
.accordian_second input:checked + label:after {content:"\f056";font-family: FontAwesome; color:#fff;}
.accordian_second .accordion__content{padding:3%;animation-name:slidedown;animation-duration:1s;position:relative;color:#999;transition: all 2s ease-in-out; display:none;}
.accordian_second input:checked ~ .accordion__content {display:block; }
.accordian_second .accordion__content p {  font-size: 14px;  line-height:2; }
.client{padding:4% 0 4%;position:relative;  color:#838383; text-transform:capitalize;border-bottom: 1px solid #e0e3e7}
.client p em{ color:#999; font-size:12px; margin:2% 0; padding:0; text-align:center; }
.client p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; text-align:center; }
.client h2{ text-transform:uppercase; font-weight:bold; color:#000;text-align:center;}
.client_img{ margin-top:5%;}
#demo_bottom{position:fixed; bottom:0; left:0; z-index:33; padding:0% 0 0; color:#fff; width:100%; background:#070707; visibility:hidden;}
#demo_bottom p i {float: left;font-size: 24px;line-height: 2;text-align: center;width: 15%;}
#demo_bottom p { line-height: 3.5;}
#demo_bottom p span {float: left;line-height: 3.4;width: 85%;}
#demo_bottom > a { float:right;background: #ff6600;color: #fff;padding: 9% 12%;vertical-align: bottom;}
.demo_bottom{position:fixed; bottom:0; left:0; z-index:33; padding:0% 0; color:#fff; width:100%; background:#070707; visibility:visible !important;}
.demo_bottom p i{ float:left; width:10%; line-height: 1.6;}
.demo_bottom p span{ float:left; width:90%;}
.demo_bottom p > span > a{color: #fff; background:none; padding:0;}
.demo_bottom a { background: #009998;color: #fff;padding: 10% 12%;vertical-align: bottom; float:left;}
.feature{ width:100%; float:left; }
.feature .feature_1{ height: 267px; background-color: #006699; color:#fff;padding: 55px; text-align:center;}
.feature .feature_1 p{opacity: 0.8;padding-top: 12px;}
.feature .feature_1 p i{ opacity:1; font-size: 55px;  margin-bottom: 15px;color:#fff;}
.feature .feature_1 h4{font-size: 1.4em;font-weight: 400; letter-spacing: normal; line-height: 27px; margin:0;padding:0;}
.feature .feature_2{height: 267px; background-color: #0077b3;color:#fff;padding: 55px; text-align:center;}
.feature .feature_2 p{opacity: 0.8;padding-top: 12px;}
.feature .feature_2 p i{opacity:1; font-size: 55px;  margin-bottom: 15px;color:#fff;}
.feature .feature_2 h4{font-size: 1.4em;font-weight: 400; letter-spacing: normal; line-height: 27px; margin:0;padding:0;}
.feature .feature_3{height: 267px;   background-color: #0088cc;color:#fff;padding: 55px; text-align:center;}
.feature .feature_3 p{ opacity: 0.8;padding-top: 12px;}
.feature .feature_3 p i{opacity:1; font-size: 55px;  margin-bottom: 15px;color:#fff;}
.feature .feature_3 h4{font-size: 1.4em;font-weight: 400; letter-spacing: normal; line-height: 27px; margin:0;padding:0;}
.feature .feature_4{height: 267px;background-color: #0099e6;color:#fff;padding: 55px; text-align:center;}
.feature .feature_4 p{opacity: 0.8;padding-top: 12px;}
.feature .feature_4 p i{opacity:1; font-size: 55px;  margin-bottom: 15px;color:#fff;}
.feature .feature_4 h4{font-size: 1.4em;font-weight: 400; letter-spacing: normal; line-height: 27px; margin:0;padding:0;}
.traning::before {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;top: -14%;width: 50px; z-index: 11;}
.traning::after {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -5%;width: 50px; z-index: 11;}
.traning{padding:3% 0 10%;position:relative;  color:#838383; border-bottom:1px solid #e0e3e7; text-transform:capitalize;box-shadow: 0 15px 91px -21px rgba(235, 235, 235, 1) inset; }
.traning p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.traning p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; text-align:center;}
.traning h2{ text-transform:uppercase; font-weight:bold; color:#000;text-align:center;}
.traning_box { box-shadow: -2px 7px 6px 0 rgba(0, 0, 0, 0.2); margin-top: 6%; padding: 4%; text-align: left; width: 100%;}
.traning_box h4{ color:#000;font-size: 24px;}
.traning_box ul{padding-left: 3%;}
.traning_box ul li{ font-size:14px; color:#999;}
.traning_box p a{ font-size:14px; }
.traning_box p{ text-align:left;}
.strip::after {background:#fff;border:6px solid #ebebeb;border-radius:100%;content: "\f078";font-family:FontAwesome;height:50px;width: 50px; z-index: 11;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -5%;}
.strip{padding:6% 0;position:relative;color:#838383;border-bottom:1px solid #e0e3e7;text-transform:capitalize;
box-shadow: 0 15px 91px -21px rgba(235, 235, 235, 1) inset; }
.accordian_second {box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 0 2px 2px rgba(0, 0, 0, 0.1);float: left;width: 100%;margin:0% 0;}
.accordian_second input[name='panel'] { display: none;}
.accordian_second label{display:block;padding:2% 9%;background:#f6f6f6; line-height:1;position:relative;color:#999;cursor:pointer;font-size:14px; margin:0; 
transition: all 0.3s ease-in-out; }
.accordian_second label:before{ border:1px solid #ff5a0e;content: "";height: 8px;left:4%; position:absolute;top:42%;width:8px; background:#fff;}
.accordian_second label:after {content:"\f107"; font-family:FontAwesome;position:absolute;right:5%;top:6px; font-size:22px; }
.accordian_second label:hover {  color: #fff;background:#ff5a0e;}
.accordian_second input:checked + label {color: #fff;background:#ff5a0e;}
.accordian_second input:checked + label {color: #fff;background:#ff5a0e;}
.accordian_second input checked + label:after {content:"\f106";font-family: FontAwesome; color:#fff;}
.accordian_second .accordion__content{padding:3%;animation-name:slidedown;animation-duration:1s;position:relative;color:#999;transition:all 2s ease-in-out; display:none;}
.accordian_second input:checked ~ .accordion__content {display:block; }
.accordian_second .accordion__content p {  font-size: 13px;  line-height:1.5; text-align:left; margin:0;padding: 0 0 2%;}
.accordian_second .accordion__content h5{font-size: 17px;  line-height:1.3; text-align:left; margin:0;padding: 0 0 2%; color:#7a7a7a;}
.accordian_second1 {box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 0 2px 2px rgba(0, 0, 0, 0.1);float: left;width: 100%;margin:0% 0;}
.accordian_second1 input[name='panel1'] { display: none;}
.accordian_second1 label{display:block;padding:2% 9%;background:#f6f6f6; line-height:1;position:relative;color:#999;cursor:pointer;font-size:14px; margin:0;
transition: all 0.3s ease-in-out;  }
.accordian_second1 label:before{ border:1px solid #ff5a0e;content: "";height: 8px;left:4%; position:absolute;top:42%;width:8px; background:#fff;}
.accordian_second1 label:after {content:"\f107"; font-family:FontAwesome;position:absolute;right:5%;top:6px; font-size:22px; }
.accordian_second1 label:hover {  color: #fff;background:#ff5a0e;}
.accordian_second1 input:checked + label {color: #fff;background:#ff5a0e;}
.accordian_second1 input:checked + label {color: #fff;background:#ff5a0e;}
.accordian_second1 input checked + label:after {content:"\f106";font-family: FontAwesome; color:#fff;}
.accordian_second1 .accordion__content { padding:3%;animation-name:slidedown;animation-duration:1s;position:relative;color:#999;transition:all 2s ease-in-out; display:none;}
.accordian_second1 input:checked ~ .accordion__content {display:block; }
.accordian_second1 .accordion__content p {  font-size: 13px;  line-height:1.5; text-align:left; margin:0; padding: 0 0 2%;}
.accordian_second1 .accordion__content h5{font-size: 17px;  line-height:1.3; text-align:left; margin:0;padding: 0 0 2%; color:#7a7a7a;}
.accordian_second1 .accordion__content ul{ list-style:decimal; padding-left:3%}
.accordian_second1 .accordion__content ul li{ font-size: 12px;  line-height:1.5; text-align:left; margin:0; padding: 0 0 2%;}
.accordian_second .accordion__content ul{ list-style:decimal; padding-left:3%}
.accordian_second .accordion__content ul li{ font-size: 12px;  line-height:1.5; text-align:left; margin:0; padding: 0 0 2%;}
.cont { border: 1px solid #fff; clear: both; height: 174px; margin:12% 0 4%; padding: 9% 3%;  width: 100%; background:#009998;}
.cont p{ text-align:center;}
.cont p i {  border: 1px solid #fff;  border-radius: 62px;  font-size: 18px;  padding: 6% 7%;  color:#fff;}
.cont h4{ text-align:center; color:#fff;}
.cont p span {  color: #777;  font-size: 12px; color:#fff;}
.contact1{padding:2% 0;}
.cont_1m { border: 1px solid #fff; clear: both; height: 174px; margin: 3% 0; padding: 9% 3%;  width: 100%; background:#009998;}
.cont_1m p{ text-align:center; color:#fff;}
.cont_1m p i {  border: 1px solid #fff;  border-radius: 62px;  font-size: 18px;  padding: 6% 7%;  color:#fff;}
.cont_1m p span {  color: #777;  font-size: 12px;color:#fff;}
.banner1{padding:3% 0;background:url(../img/banner1.jpg);text-align:left;color:#fff;position:relative;text-transform:capitalize;overflow:hidden;}
.banner1:before{ position:absolute; background:rgba(0,0,0,0.3); top:0; content:""; width:100%; height:100% ;left:0;}
.banner1 p { font-size: 14px;  line-height: 1.2;  margin: 0;  padding: 0;}
.banner1 h1{ margin:0; line-height:2; }
.btn_banner { border-bottom:3px solid #003c99;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;
  -webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;font-size:15px;
   background:#009998; color:#fff; margin-top: 10%;padding:2% 5%;}
.btn-banner1 { font-size: 18px; margin-top: 4%;  padding: 1% 2%;}
.btn_banner:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #ff6600;-webkit-transform: scaleX(0);
  transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;
  -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn_banner:hover, .btn_banner:focus, .btn_banner:active {color: white; border-bottom:3px solid #ff6600;}
.btn_banner:hover:before, .btn_banner:focus:before, .btn_banner:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.btn_banner1{ border-radius:0; font-size:12px; background:#009998; color:#fff; margin-top: 3%;padding: 1% 2%; display:inline-block;}
.btn_banner1:hover{color:#fff; background:#ff6600;}
.bread_crub{  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);}
.bread_crub .bre a{ font-size:14px; color:#777; line-height:3;}
.bread_crub .bre span{ font-size:12px; color:#ff6600;line-height:3;}
.bread_crub span {overflow: hidden;width: 11%;}
.bread_crub span a {color: #fff;float: right;line-height: 0;}
.course{ padding:0% 0;position:relative;color:#838383;text-transform:capitalize;}
.facebook{/* background:#3b5998; *//* padding: 12px 18px; */font-size: 17px;}
.facebook:hover{/* background:#062463; */}
.twitter{/* background:#7dc7fa; *//* padding: 12px 16px; */font-size: 17px;}
.twitter:hover{/* background:#2973a6; */}
.instagram{background:#4f3125;padding:12px 16px; font-size: 17px;}
.instagram:hover{background:#251616;}
.google{background:#d21919;padding: 13px 14px; font-size: 15px;}
.google:hover{background:#950000;}
.course p em{ color:#999; font-size:12px; margin:2% 0; padding:0; text-align:center; }
.course p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; text-align:center; }
.course h2{ text-transform:uppercase; font-weight:bold; color:#000;text-align:center;}
.list_copy{  border-bottom:1px solid #ebebeb; padding:3% 0;position:relative;width:100%;float: left;}
.list_copy::after { background: #fff ;border: 6px solid #ebebeb;border-radius: 100%;bottom:-26px;content: "\f078"; font-family: FontAwesome;
  height: 50px; left: 48%; line-height: 2.6; position: absolute; text-align: center; width: 50px;  z-index: 11;}
.list_copy h4 { color: #000;  font-size: 20px;}
.list_copy:last-child{ border-bottom:none;}
.list_copy:last-child:after{ display:none; z-index:-1}
.list_copy ul{ list-style:none; margin:0;}
.list_copy ul li {display: block;float: left;margin-bottom: 2%;width: 100%;}
.list_copy ul li i {color: #009998;display: block;float: left;font-size: 9px;line-height: 2;margin-right: 2%;width: 4%;}
.list_copy ul li span {color: #777;display: block;float: left;font-size: 15px;width: 88%;}
.contact{ padding-bottom:2%;}
.blog_main{ padding:5% 0;}
.blog_main h4{ color:#ff6600; line-height:2; margin:0; font-size:20px;}
.blog_main .blog_no{ width:100%; float:left; background:#fff; padding:0 5% 5% 0%;}
.blog_main .blog_no h2 {color: #000;font-size:30px;line-height: 2; font-weight:bold;}
.blog_main .blog_no h4 {color: #000;font-size:20px;line-height: 2; font-weight:bold; padding-top: 3%;}
.blog_main .blog_no p i{ font-size:12px; color:#ff6600;  margin-left:1%; margin-bottom:1.3em;}
.blog_main .blog_no p span{font-size:13px; color:#777;margin-right:1%;margin-left:1%;}
.blog_main .blog_no .blog_cont{ padding:0 2% 2% 0; margin:1% 0; width:100%; float:left;}
.blog_main .blog_no .blog_cont p{ color:#6b6b6b; font-size:1em; line-height:1.5; word-spacing:2px; float:left; margin-bottom: 2%;}
.blog_main .blog_no .blog_cont a{ float:right; padding:1% 2%; background:#ff6600; color:#fff; font-size:15px;}
.blog_main .blog_no .blog_cont ul{ width:100%; float:left; color:#6b6b6b;list-style-type:decimal; list-style:inside;}
.blog_main .blog_no .blog_cont h3{color: #000;font-size:20px;line-height: 2; font-weight:bold; float:left; width:100%;}
.blog_main .blog_no .blog_cont .img_article{ width:100%; padding:2%;  border: 1px solid #e2e2e2; float:left;}
.blog_main .blog_no .blog_cont .img_article img{  width:100%;}
.categories{ 	width:100%; border:1px solid #ccc; margin:12% 0; float:left; position:relative; background:#fff;}
.categories h4{  text-align:center; color:#000; border-bottom:1px solid #ccc; text-transform:capitalize; line-height:2;}
.categories ul{ list-style:none; }
.categories ul li{ text-align:left;border-bottom: 1px solid #ebebeb; padding: 3% 0;padding-left:4%; width:100%; float:left;}
.categories ul li a{ width:72%; float:left; margin-left:4%; margin-right:3%; line-height:1.5em;}
.categories ul li img { border-radius: 203px; float: left; width: 20%;  height: 49px;}
.categories ul li:last-child{ border-bottom:none; }
.categories::before {
 
  border-right: 6px solid #ccc;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -7px;
  width: 0;
}
.categories::after {
  border-bottom: 7px solid transparent;
  border-left: 6px solid #ccc;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}
.toggle-nav{ display:none;}
.traning1::after {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -5%;width: 50px; z-index: 11;}
.traning1{padding:3% 0 10%;position:relative;  color:#838383; border-bottom:1px solid #e0e3e7; text-transform:capitalize;box-shadow: 0 15px 91px -21px rgba(235, 235, 235, 1) inset; text-align:center; }
.traning1 p em{ color:#999; font-size:12px; margin:2% 0; padding:0; }
.traning1 p{ font-size:18px; color:#262626; text-transform:uppercase; line-height:2; }
.traning1 h2{ text-transform:uppercase; font-weight:bold; color:#000;text-align:center;}
.offers_1m{ padding:3% 0 5% !important; }
.why_1m {  border-bottom: 1px solid #ebebeb;  padding-bottom: 6%; position:relative; z-index:1; overflow:visible !important;}
.why_1m::after {background: #fff;border: 6px solid #ebebeb;border-radius: 100%;content: "\f078";font-family: FontAwesome;height: 50px;
  left: 48%;line-height: 2.6; position: absolute;text-align: center;bottom: -3%;width: 50px; z-index: 11;}
.home1{ display:none;}
.blog_ul{ width:100%; margin:0; padding:0; border-bottom:1px solid #009998;}
.blog_ul li{ display:inline-block;}
.blog_ul li a{ padding:10px 20px; background:#009998 ; color:#fff; display:block;}
.blog_articles{ padding:5% 5% 5% 0; border-bottom:1px solid #ccc; width:100%; float:left;  background:#fff; }
.articles_img{ width:22%; float:left;}
.article_content{ width:75%; float:left; margin-left:3%;}
.article_content h2{  font-size: 22px;color: #000; line-height:1.3em; letter-spacing:-0.025em; margin:0;}
.article_content h2 a{ color:#000; display:block;}
.article_content p{ color:#000; font-size:15px;text-align:left; padding-top:5px; line-height:1.4em;}
.article_content .author_item{ float: left; display:block; padding-top:10px;color: #ccc; font-size: 12px;}
.article_content .author_item .anthor_name{ color: #ccc; font-size: 12px;}
.article_content .author_item .anthor_name a{ color:#000;}
.sign_up{ background: #3c3c3c none repeat scroll 0 0; padding:5%; position:relative;}
.sign_up::before {
  border-bottom: 5px solid #3c3c3c;
  border-right: 6px solid #3c3c3c;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -7px;
  width: 0;
}
.sign_up::after {
  border-bottom: 7px solid transparent;
  border-left: 6px solid #3c3c3c;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}
.sign_body{}
.sign_body h3{ color:#fff;}
.sign_body p{ color:#fff;}
.sign_body form{}
.sign_body form input[type="email"]{ margin-top:3%;}
.sign_body form  .btn_s{ padding:2% 4%; background:#009998; color:#fff; border:none;}
.payment{ padding:3% 0; position:relative;}
.payment .via_paytm{ width:100%; padding:0 4%; }
.payment .via_paytm h2 {color: #000; font-size: 30px;font-weight: bold; text-transform: capitalize; line-height: 1.3;}
.payment .via_paytm > .pay_btn{color: #000;display: inline-block;float: left;font-size: 16px;margin-bottom: 4%;padding: 5px 10px 5px 0;text-transform: capitalize;}
.payment .via_paytm p{color: #999;font-size: 14px;font-style: oblique;line-height: 1.4;padding: 1% 0 6%;}
.payment .via_paytm p.click_cnt {color: #6b6b6b;float: left;font-size: 17px;line-height: 1.6;width: 100%; padding:0;}
.payment .via_paytm ul{ width:100%; list-style:none; float:left;}
.payment .via_paytm ul li{width:100%; display:block; float:left; padding:1%;}
.payment .via_paytm ul li i{width:10%; float:left; color:#999; font-size:16px;}
.payment .via_paytm ul li a{ width:85%; float:left; font-size:15px;}
.payment .via_paypal{width:100%; padding:0 4% 0 0; border-right:1px solid #ccc; float:left;}
.payment .via_paypal h2 {color: #000; font-size: 30px;font-weight: bold;text-transform: capitalize; line-height: 1.3;}
.payment .via_paypal > .pay_btn {color: #000;display: inline-block;float: left;font-size: 16px;margin-bottom: 4%;padding: 5px 10px 5px 0;
 text-transform: capitalize;}
.payment .via_paypal p {color: #999;font-size: 14px;font-style: oblique;line-height: 1.4;padding: 1% 0 6%;}
.payment .via_paypal p.click_cnt {color: #6b6b6b;float: left;font-size: 17px;line-height: 1.6;width: 100%; padding:0;}
.payment .via_paypal ul{ width:100%; list-style:none; float:left;}
.payment .via_paypal ul li{width:100%; display:block; float:left; padding:1%;}
.payment .via_paypal ul li i{width:10%; float:left; color:#999; font-size:16px;}
.payment .via_paypal ul li a{ width:85%; float:left; font-size:15px;}

/*responsive css */
@media only screen and (max-width : 767px) {
.btn_banner{float:left;margin-left:5%; font-size: 15px; text-align:center;}
.cont p i {  padding: 2%;}
.cirle { width:200px; height:200px;}
.inner_circle { padding: 27px 0;}
.home{ display:none;}
.home1{ display:block;}
nav > ul > li > a:before{ background:#fff !important;}
nav > ul > li > .sub_menu > .sec_item {display:none;}
nav > ul > li > .sub_menu > .third_item {display:none;}
nav > ul > li > .sub_menu { min-width: 71%;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down { display: none !important;}
nav > ul > li > .sub_menu3 { min-width: 70%;}
#header{ position:relative; box-shadow: 1px 1px 9px -2px #999;}
.toggle-nav {background: #fa721b ;border-radius: 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);color: #fff;display: inline-block;
  float: left;font-size: 22px;padding: 2% 16%;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);transition: color 0.15s linear 0s; margin-top:17px;}
.toggle-nav :hover,.toggle-nav :active,.toggle-nav :visited{ color: #fff; text-decoration:none;}
.active1 {background: #fff;display: none;left:4%;position: absolute;top:16px;z-index: 2; width:90%; box-shadow: -2px 1px 5px 1px #999;}
.top_l{ display:none;}
.banner p { font-size: 14px;}
.banner h1 { font-size: 20px;}
.service p,.book p,.why p ,.traning p,.traning1 p,.area p,.offers p,.how p,.client p,.testimonal p{ font-size: 14px;}
.service h2,.book h2,.why h2,.traning h2,.traning1 h2,.area h2,.offers h2,.how h2 ,.client h2,.testimonal h2{font-size: 20px;}
.service p em,.book p em,.why p em ,.traning p em,.traning1 p em,.area p em,.offers p em,.how p em,.client p em,.testimonal p em{ font-size: 11px;}
#demo_bottom { display:none;}
nav > ul > li { display: block; padding: 8px 14px; text-align:left; position:relative;}
nav > ul > li > ul {min-width: 59%; right: -90%; width: 88%;}
nav > ul > li > a {text-align: center; display:block;}
.banner{ display:none;}
.qu1 { margin: 49px auto 55px;}
.divider_new1 { display:none;}
.cirle { margin: 12% auto 0;}
.traning::before,.traning::after,.area::after,.item1::after,.item1::before,.dot_line,.dot_line1,.dot_line2,.dot_line3,.how::before,.arrow_t::before,.arrow_t::after,.arrow_t1::before,.how::before,.how::after,.why_1m::after,.strip::after,.traning1::after,.how1::after { display: none;}
.list_copy::after{ display:none;}
.social_bread{display:none;}
.blog_main .blog_no h2 {font-size: 22px;line-height: 2;}
.upper_footer span { font-size: 14px;}
.upper_footer span + span {font-size: 13px; margin-left: 2%;}
.upper_footer i {  font-size: 38px;}
.cont { padding: 4% 3%; margin:4% 0;}
.accordian_second1 { margin: 10% 0;}}
@media only screen and (min-width : 768px) and (max-width : 991px) {
.item2 {padding-left: 24%;}
.item1{ padding-right:24%;}
.cirle {  width: 300px;}
.inner_circle { height:300px;}
.banner ul { height: 299px;}
.home{ display:none;}
.home1{ display:block;}
nav > ul > li > .sub_menu3 { min-width: 70%;left:100%; top:0;}
nav > ul > li > .sub_menu { min-width: 71%; left:100%; top:0;}
nav > ul > li > .sub_menu > .sec_item {display:none;}
nav > ul > li > .sub_menu3 > ul > li > .drop_down { display: none !important;}
nav > ul > li > .sub_menu > .third_item {display:none;}