/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;background:url(../images/bg.jpg) repeat;}
*{border:none;outline:none;text-decoration:none;}
a{color:inherit;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
img{ vertical-align:top;}
iframe{width:100% !important;}
@font-face {
font-family: 'AvantGardeMdBTMedium';
src: url('avgardm-webfont.eot');
src: url('avgardm-webfont.eot?#iefix') format('embedded-opentype'),
	 url('avgardm-webfont.woff') format('woff'),
	 url('avgardm-webfont.ttf') format('truetype'),
	 url('avgardm-webfont.svg#AvantGardeMdBTMedium') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Roboto";
src: url('128814698-Roboto-Light.eot');
src: url('128814698-Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('128814698-Roboto-Light.svg#Roboto') format('svg'),
url('128814698-Roboto-Light.woff') format('woff'),
url('128814698-Roboto-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'open_sanslight';
src: url('opensans-light-webfont.eot');
src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('opensans-light-webfont.woff') format('woff'),
	 url('opensans-light-webfont.ttf') format('truetype'),
	 url('opensans-light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'ralewayregular';
src: url('raleway-regular-webfont.eot');
src: url('raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('raleway-regular-webfont.woff') format('woff'),
	 url('raleway-regular-webfont.ttf') format('truetype'),
	 url('raleway-regular-webfont.svg#ralewayregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MyriadProRegular';
src: url('myriadpe-webfont.eot');
src: url('myriadpe-webfont.eot?#iefix') format('embedded-opentype'),
	 url('myriadpe-webfont.woff') format('woff'),
	 url('myriadpe-webfont.ttf') format('truetype'),
	 url('myriadpe-webfont.svg#MyriadProRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MyriadProSemibold';
src: url('myriad10-webfont.eot');
src: url('myriad10-webfont.eot?#iefix') format('embedded-opentype'),
	 url('myriad10-webfont.woff') format('woff'),
	 url('myriad10-webfont.ttf') format('truetype'),
	 url('myriad10-webfont.svg#MyriadProSemibold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MyriadProBold';
src: url('myriadpro-bold-webfont.eot');
src: url('myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('myriadpro-bold-webfont.woff') format('woff'),
	 url('myriadpro-bold-webfont.ttf') format('truetype'),
	 url('myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Lato-Regular';
src: url('latoreg.eot');
src: url('latoreg.eot?#iefix') format('embedded-opentype'),
	 url('latoreg.woff') format('woff'),
	 url('latoreg.ttf') format('truetype'),
	 url('latoreg.svg#latoreg') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'latolight';
src: url('lato-light-webfont.eot');
src: url('lato-light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('lato-light-webfont.woff') format('woff'),
	 url('lato-light-webfont.ttf') format('truetype'),
	 url('lato-light-webfont.svg#latolight') format('svg');
font-weight: normal;
font-style: normal;
}

h1{font:normal 54px 'MyriadProRegular';color:#ff8504;margin:0 0 15px 0;padding:0 10px 0 0;text-transform:uppercase;float:left;line-height:normal;}
hr{background:url(../images/line.png) repeat-x left 8px;margin:0;padding:0;height:55px;}
h2{font:normal 28px 'MyriadProRegular';color:#ff8504;margin:0;padding:0 0px 15px 0;text-transform:uppercase;line-height:normal;}
h5{font:normal 18px 'MyriadProRegular';color:#474746;margin:0;padding:0 0px 30px 0;text-transform:uppercase;line-height:normal;}
h6{font:normal 16px 'MyriadProBold';color:#0abbcb;margin:0;padding:0 0px 33px 0;line-height:normal;}


p{font:normal 16px 'MyriadProRegular';color:#858585;margin:0;padding:0 0 25px 0;line-height:26px;}
p span{color:#ff8504;}

.blue{color:#0cbdcc;}




/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;margin:0 auto;padding:0 2%;}
img {
	max-width: 100%;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}




/*
----------------------------------
03. HEADER
----------------------------------
*/

#header{width:100%;background-color:#fff;}
.header_top{padding:19px 0px 14px 0px;}
.logo{float:left;}
.header_right{float:right;padding-top:9px;}
.header_right h2{font:normal 18px "Roboto";color:#ffffff;margin:0;padding:0 18px 0 48px;background:url(../images/call_icon.jpg) no-repeat 15px 9px #ff8604;text-transform:none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;line-height:45px;}
.header_right h2 a{color:#fff;}


@media(min-width:768px){
#navigation{background-color:#414141;height:51px;}
.ddsmoothmenu{}
.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style:none;text-align:center;}
.ddsmoothmenu ul li{position:relative;margin:0 0 0 45px;padding:0;display:inline-block;vertical-align:top;position:relative;}
.ddsmoothmenu ul li:first-child{margin-left:0;}
.ddsmoothmenu ul li a{margin:0;padding:17px 0px 15px 0;display:inline-block;vertical-align:top;font:normal 16px 'AvantGardeMdBTMedium';color:#9d9d9d;text-transform:uppercase;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.ddsmoothmenu ul li.active a, .ddsmoothmenu ul li:hover a{border-bottom:4px solid #ffffff;}


.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;background-color:rgba(10, 187, 203, 0.8);width:170px;margin-top:6px;padding:5px 0px;text-align:left;}
.ddsmoothmenu ul li ul li{display: list-item;float: none;margin:0;padding:5px 7px;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{color:#fff !important;padding:0;border:none !important;}
.ddsmoothmenu ul li ul li a:hover{}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
}

#banner{position:relative;}
.banner_img{min-height:570px;}
.banner_text{position:absolute;width:100%;left:0;top:118px;z-index:99;}
.text_sec{background-color:rgba(255, 255, 255, 0.8);padding:9px;width:420px;float:right;}
.text_sec_border{border:1px solid #ffffff;padding:40px 25px 37px 25px;text-align:center;}
.banner_text h2{font:normal 37px 'open_sanslight';color:#112b45;margin:0;padding:0 0 13px 0;line-height:normal;}
.banner_text p{font:normal 16px 'ralewayregular';color:#061c44;margin:0;padding:0 0 26px 0;line-height:normal;}
.btn1{ background:url(../images/arw.jpg) no-repeat 169px 17px #ff8604;font:normal 17px 'MyriadProRegular';color:#ffffff;padding:0 45px 0px 39px;display:inline-block;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;line-height:47px;} 


/*
----------------------------------
04. CONTENT
----------------------------------
*/

#content{width:100%;padding:4% 0;}
.welcome_sec h1{font:normal 28px 'MyriadProRegular';color:#ff8504;margin:0;padding:0 0 30px 0;text-transform:uppercase;float:none;line-height:normal;}
.welcome_sec p{font:normal 16px 'MyriadProRegular';color:#858585;margin:0;padding:0 0 35px 0;line-height:27px;}
.box1{/*width:281px;*/width:23.41%;float:left;margin:0 2.08% 20px 0;}
.box1_img{border:1px solid #fff;}
.box1_img img{width:100%;}
.box1_text{background-color:#ff8604;padding:20px 23px 29px 16px;}
.box1_text h2{font:normal 20px 'MyriadProSemibold';color:#ffffff;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #f59732;text-transform:uppercase;line-height:normal;}
.box1_text p{font:normal 14px 'MyriadProRegular';color:#ffffff;margin:0;padding:0 0 22px 0;line-height:normal;}
.more_btn{width:113px;height:32px;background-color:#ffffff;text-align:center;font:normal 14px 'MyriadProRegular';color:#ff8504;text-transform:uppercase;-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;display:inline-block;line-height:32px;}
.home_btm{padding:2% 0 0 0;}
.video_holder{/*width:584px;*/width:48.66%;float:left;}
.form_holder{/*width:593px;*/width:49.41%;float:right;background-color:#3a3a3a;}
.black_bg{padding:20px 21px 56px 21px;position:relative;}
.black_bg p{position:absolute;right:10px;top:20px;color:#fff;}
.form_holder h2{font:normal 26px 'MyriadProRegular';color:#ffffff;margin:0 0 25px 0;padding:0 0 20px 0;border-bottom:1px solid #afafaf;line-height:normal;}
.form_box{width:48%;}
.textbox1{width:95.59%;height:34px;background-color:#fff;border:1px solid #aeaeae;font:normal 13px 'MyriadProRegular';color:#313131;margin:0 0 14px 0;padding:0 2%;line-height:34px;}
.textarea1{width:95.59%;height:115px;background-color:#fff;border:1px solid #aeaeae;font:normal 13px 'MyriadProRegular';color:#313131;margin:0 0 14px 0;padding:10px 2%;resize:none;overflow-y:hidden;}
.form_box ::-webkit-input-placeholder {color: #313131;}
.form_box :-moz-placeholder { /* Firefox 18- */color: #313131;  }
.form_box ::-moz-placeholder {  /* Firefox 19+ */ color: #313131; }
.form_box :-ms-input-placeholder { color: #313131;}
.submit_btn{width:100%;height:36px;background-color:#ff8604;font:normal 22px 'MyriadProSemibold';color:#ffffff;cursor:pointer;text-transform:uppercase;-webkit-appearance:none;line-height:36px;}
.about_img{width:297px;float:left;margin:0 25px 39px 0;}
.about_text{overflow:hidden;}
.about_text h3{font:normal 18px 'MyriadProRegular';color:#474746;text-transform:uppercase;margin:0;padding:0 0 15px 0;line-height:normal;}
.staff_holder{margin-bottom:33px;}
.staff_img{width:213px;float:left;margin-right:16px;}
.staff_img img{border:1px solid #c6c6c6;}
.contact_left{/*width:520px;*/width:43.33%;float:left;}
.contact_right{/*width:656px;*/width:54.66%;float:right;}
.contact_left .textbox1{color:#000;font-size:16px;margin-bottom:4px;}
.contact_left .textarea1{color:#000;font-size:16px;margin-bottom:4px;}

.contact_left ::-webkit-input-placeholder {color: #000000;}
.contact_left :-moz-placeholder { /* Firefox 18- */color: #000000;  }
.contact_left ::-moz-placeholder {  /* Firefox 19+ */ color: #000000; }
.contact_left :-ms-input-placeholder { color: #000000;}


.box2{width:48%;margin-bottom:20px;}
.box2_bg1{background:url(../images/bg1.jpg) no-repeat left top;background-size:cover;padding:27px 5px 0px 24px;}
.box2_bg2{background:url(../images/bg2.jpg) no-repeat left top;background-size:cover;padding:27px 5px 0px 24px;}
.box2 h2{font:normal 28px 'MyriadProRegular';color:#ffffff;margin:0;padding:0 0 30px 0;text-transform:none;text-shadow:0 1px 0 #191919;line-height:normal;}
.box2 p{font:normal 17px 'MyriadProRegular';color:#ffffff;margin:0;padding:0 0 25px 0;text-shadow:0 1px 0 #191919;line-height:22px;}
ul.list2{margin:0;padding:0 0 20px 17px;list-style:none;}
ul.list2 li{margin:0;padding:0 0 22px 29px;font:normal 17px 'MyriadProRegular';color:#ffffff;text-shadow:0 1px 0 #191919;background:url(../images/arw3.png) no-repeat left top;}
.btm_video h2{font:normal 31px 'MyriadProSemibold';color:#858585;margin:0;padding:30px 0 29px 0;text-transform:none;line-height:normal;}
.video_holder2{width:62.08%;margin:0 auto 40px auto;}

.box2_bg3{background:url(../images/bg3.jpg) no-repeat left top;background-size:cover;padding:27px 5px 0px 24px;}
.box2_bg4{background:url(../images/bg4.jpg) no-repeat left top;background-size:cover;padding:27px 5px 0px 24px;}
.box2_bg4 p{font-size:18px;line-height:30px;}
.answer{width:28px;float:left;font:normal 20px 'MyriadProSemibold';color:#0abbcb;}
.videos{width:49%;margin-bottom:30px;}
.videos img{width:100%;}

.technology_img{width:43.33%;margin-right:30px;float:left;margin-bottom:40px;}
ul.list3{margin:0;padding:0 0 20px 17px;list-style:none;}
ul.list3 li{margin:0;padding:0 0 15px 29px;font:normal 16px 'MyriadProRegular';color:#858585;background:url(../images/arw3.png) no-repeat left top;}
.treatement_box{background-color:#fff;border:1px solid #eeeeee;width:85%;margin:0 auto 30px auto;padding:20px;text-align:center;}
.treatement_box2{width:24.75%;margin:0 2% 30px 0;float:left;border:1px solid #eeeeee;}
.treatement_box3{width:51.75%;margin:0 2% 30px 0;float:left;border:1px solid #eeeeee;}
.treatement_box img, .treatement_box2 img, .treatement_box3 img{width:100%;}

.testimonial_holder{margin-bottom:37px;}
.testimonial_img{width:297px;float:left;margin-right:22px;}
.testimonial_text{overflow:hidden;}
.testimonial_text h3{font:italic 16px 'MyriadProSemibold';color:#0abbcb;margin:0;padding:0;line-height:normal;}
.btn2{ background:url(../images/arw.jpg) no-repeat 242px 17px #ff8604;font:normal 17px 'MyriadProRegular';color:#ffffff;padding:0 45px 0px 39px;display:inline-block;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;line-height:47px;} 


.team_box{ margin-bottom:60px;}

.team_left{width:75%; float:left; margin-right:2%;}
.team_right{overflow:hidden;}
.team_left1{ width:297px; float:left; margin-right:2%;}

.team_left h3, .team_right h3 { color: #414141;font: 18px "MyriadProRegular"; margin: 0;padding: 0 0 15px;text-transform: uppercase;}


/*
----------------------------------
05. FOOTER
----------------------------------
*/

#footer{width:100%;}
.footer_top{background:url(../images/footer_bg1.jpg) repeat;padding:25px 0px 15px 0px;text-align:center;}
.footer_top h2{font:normal 25px 'MyriadProRegular';color:#ffffff;margin:0;padding:0;text-transform:none;line-height:30px;}
.footer_top h2 span{font-size:21px;color:#000000;text-transform:uppercase;}
.footer_top h2 a{color:#000;}
.footer_btm{background:url(../images/footer_bg2.jpg) repeat;padding:5% 0;}
.footer_box1{/*width:245px;*/width:20.41%;float:left;margin-right:1.41%;}
.footer_box2{/*width:249px;*/width:20.75%;float:left;margin-right:1.41%;}
.footer_box3{/*width:253px;*/width:21.08%;float:left;margin-right:1.41%;}
.footer_box4{overflow:hidden;}
.footer_btm h2{font:normal 19px 'MyriadProBold';color:#ffffff;margin:0;padding:0 0 10px 0;text-transform:uppercase;line-height:24px;}
ul.list1{margin:0;padding:0;list-style:none;}
ul.list1 li{margin:0;padding:0 0 13px 12px;background:url(../images/arw2.png) no-repeat left 2px;font:normal 14px 'AvantGardeMdBTMedium';color:#ffffff;line-height:normal;}
ul.list1 li a{color:#fff;}
.footer_box3 p{font:normal 14px 'Lato-Regular';color:#ffffff;margin:0;padding:0 0 13px 31px;line-height:normal;}
.footer_box3 p a{color:#fff;}
.footer_box3 p.address{background:url(../images/address.png) no-repeat left top;}
.footer_box3 p.phn{background:url(../images/phn.png) no-repeat left top;font-family:'latolight';padding-top:4px;padding-bottom:20px;}
.footer_box3 p.mail{background:url(../images/mail.png) no-repeat left top;font-family:'latolight';padding-top:4px;}
.copyright_sec{padding-top:25px;clear:both;}
.copyright_sec p{font:normal 14px 'AvantGardeMdBTMedium';color:#ffffff;margin:0;padding:0;line-height:normal;}