@charset "utf-8";

img {max-width: 100%;height: auto;}

@media \0screen {
  img { width: auto; /* for ie 8 */ }
}

/*------------- Font Face start here -----------*/

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

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

}
@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    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: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.ttf') format('truetype'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

/*------------- Font Face End here -----------*/

@media screen and (max-width: 1024px) {
.header_right{ width:80%; margin:0px; padding:0px; float:right;}

.bannerslider_textholder{ width:40%; margin:22.5% 0px 0px 1.5%; padding:1% 0% 0% 0%; position: relative; bottom:0px; left:0px; z-index:9999 !important; background:url(../images/banner_backgroung1.png) repeat;}
.iosSlider {position: absolute;	top: 0;	left: 0;overflow: hidden;width: 100%;height: 290px;}
.iosSlider .slider .item .inner {position: relative;top: 0;	left: 0; width:450px;margin: 0 auto;height: 100%;}

.banner_nav{ width:30%; padding:0px; position: absolute; right:0px; bottom:100px;}

.footer_sicon{ width:28%; margin:1.5% 0% 1% 0%; padding:0% 0% 0% 0%; float:left;}
.footer_copyright{ width:22%; margin:0% 0% 0% 0%; padding:2% 0% 1% 0%;float:left;}
.footer_link{ width:50%; margin:0px; padding:2% 0% 1% 0%; float:left;}

.contain{width:100%; float:left; margin:10% 0px 0px 0px;}

::-webkit-scrollbar { display:none;}

.wpcf7-validation-errors{ border:none !important; clear:both; margin:0px 0px 0px 0px; padding:20px 0px 20px 10px !important; background: none !important; width:60% !important; position:relative; left:0% !important; color:#C00 !important; line-height:20px !important;}
.wpcf7-mail-sent-ok,.wpcf7-response-output{ clear:both;width:60% !important; position:relative;padding:20px 0px 20px 10px;left:0% !important; color:#398F14; border:none !important; top:2%; line-height:20px !important; }
}
@media screen and (max-width: 800px) {
.logo{ width:98%; margin:0% auto 0%; padding:0% 0% 0% 0%; float: none; text-align:center;}
	
.header_right{ width:98%; margin:0px auto; padding:0px; float:none;}
ul.nav li { padding:0px 0px 0px 0px; margin:0% 16px 0% 16px; position:relative; z-index:999 !important; float:left; z-index:5000 !important; list-style-type:none;}

.banner_slider{ width:100%; margin:100% 0% 0% 0%; padding:0px; position: relative; clear:both;}
.bannerslider_textholder{ width:90%; margin:25% 0px 0px 0px; padding:1% 0% 0% 0%; position: relative; bottom:0px; left:0px; z-index:9999 !important; background:url(../images/banner_backgroung1.png) repeat; margin:0px auto;} 
.iosSlider {position: absolute;	top: 0;	left: 0;overflow: hidden;width: 100%;height: 230px;} 
.iosSlider .slider .item .inner {position: relative;top: 0;	left: 0; width:750px;margin: 0 auto;height: 100%;}

.banner_nav{ width:50%; padding:0px; position: absolute; right:0px; bottom:470px; margin:0% 25% 0% 25%; clear:both;}
.banner_nav ul li{ margin:0px 0px 10px 0px; padding:0px; list-style-type:none; display:list-item;}
.banner_nav ul li a{ margin:0px; padding:4% 0% 4% 4%; background:url(../images/banner_navbgres.png) no-repeat; background-size:100%;font: bold 20px 'oswaldlight'; color:#ffffff; text-align:left; text-decoration:none; line-height:30px; display:block;}
.banner_nav ul li a.select, .banner_nav ul li a:hover{ display:block; color:#e00000;}

.footer_sicon{ width:40%; margin:1.5% 0% 1% 1%; padding:0% 0% 0% 0%; float:left;}
.footer_copyright{ width:39%; margin:0% 0% 0% 0%; padding:2% 0% 1% 0%;float:right;}
.footer_link{ width:100%; margin:0px; padding:2% 0% 1% 0%; float:left;}
.footer_link ul{margin:0px; padding:0px; text-align:center;}

.innerbox_holder{ width:98%; margin:0px 0px 0px 0px; padding:3% 1% 3% 1%; background: url(../images/innerbox_bg2.png) repeat;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(ie-css3.htc); position:relative; z-index:9; min-height:450px;}

}

@media screen and (max-width: 768px) {
.nav_holder{ width:100%; margin:0% 0% 0% 0%; padding:0% 0% 0% 0%; float:right; text-align:right;}
.iosSlider .slider .item .inner {position: relative;top: 0;	left: 0; width:700px;margin: 0 auto;height: 100%;}

.banner_nav{ width:50%; padding:0px; position: absolute; right:0px; bottom:420px; margin:0% 25% 0% 25%; clear:both;}

.footer_sicon{ width:40%; margin:1.5% 0% 1% 1%; padding:0% 0% 0% 0%; float:left;}
.footer_contact{ width:100%; margin:0% 0% 5% 0%; padding:0% 0% 0% 0%; float:left;}

.contact_left{ width:98%; margin:0% auto 1%; padding:0.5% 0% 0% 1%; float:left;}
.contact_right{ width:98%; margin:3% auto 0%; padding:1%; float: right; /*background:#ffffff;*/}
}
@media screen and (max-width: 600px) {
.banner_nav{ width:50%; padding:0px; position: absolute; right:0px; bottom:340px; margin:0% 25% 0% 25%; clear:both;}

.iosSlider {position: absolute;	top: 0;	left: 0;overflow: hidden;width: 100%;height: 260px;} 
.iosSlider .slider .item .inner {position: relative;top: 0;	left: 30px; width:500px;margin: 0 auto;height: 100%;}

.footer_sicon{ width:45%; margin:1.5% 0% 1% 1%; padding:0% 0% 0% 0%; float:left;}
.footer_copyright{ width:45%; margin:0% 1% 0% 0%; padding:2% 0% 1% 0%;float:right;}

.wpcf7-validation-errors{ border:none !important; clear:both; margin:0px 0px 0px 0px; padding:20px 0px 20px 10px !important; background: none !important; width:60% !important; position:relative; left:0% !important; color:#C00 !important; line-height:20px !important;}
.wpcf7-mail-sent-ok,.wpcf7-response-output{ clear:both;width:60% !important; position:relative;padding:20px 0px 20px 10px;left:0% !important; color:#398F14; border:none !important; top:2%; line-height:20px !important; }
}

@media screen and (max-width: 480px) {
ul.nav li a { width:88%;font: bold 18px 'oswaldlight'; color:#494a4c; line-height:20px; text-align:left !important; text-decoration:none; text-transform:none; padding:10px 0px 10px 60px; margin:0px 0px 0px 0px; text-transform:uppercase; display:block;  float:left;}

.banner_nav ul li a{ margin:0px; padding:2% 0% 4% 4%; background:url(../images/banner_navbgres.png) no-repeat; background-size:100%;font: bold 20px 'oswaldlight'; color:#ffffff; text-align:left; text-decoration:none; line-height:30px; display:block;}

.footer_sicon{ width:50%; margin:1.5% 0% 1% 1%; padding:0% 0% 0% 0%; float:left;}

.contact_contain{ width:98%; margin:0% 0% 10% 0%; padding:0px; float:left;}
.contact_icon{ width:8%; margin:5px 0px 0px 2%; padding:0px; 0px 0px 0px; float:left;}
.contact_form{ width:100%; margin:0% 0% 5% 0%; padding:0px; float: none;}

.wpcf7-validation-errors{ border:none !important; clear:both; margin:0px 0px 0px -145px !important; padding:20px 0px 20px 10px !important; background: none !important; width:80% !important; position: relative; color:#C00 !important; line-height:20px !important; left:0% !important; float:left !important;}
.wpcf7-mail-sent-ok,.wpcf7-response-output{ clear:both;width:80% !important; position: relative;padding:20px 0px 20px 10px; color:#398F14; border:none !important; top:2%; line-height:20px !important; left:0% !important; left:0% !important; margin:0px 0px 0px -145px !important;}
}
@media screen and (max-width: 384px) {
ul.nav li a { width:81%;font: bold 18px 'oswaldlight'; color:#494a4c; line-height:20px; text-align:left !important; text-decoration:none; text-transform:none; padding:10px 0px 10px 60px; margin:0px 0px 0px 0px; text-transform:uppercase; display:block;  float:left;}

.banner_nav{ width:70%; padding:0px; position: absolute; right:0px; bottom:400px; margin:0% 15% 0% 15%; clear:both;}
.banner_nav ul li{ margin:0px 0px 5px 0px; padding:0px; list-style-type:none; display:list-item;}
.banner_nav ul li a{ margin:0px; padding:2% 0% 2% 4%; background:url(../images/banner_navbgres.png) no-repeat; background-size:100%;font: bold 16px 'oswaldlight'; color:#ffffff; text-align:left; text-decoration:none; line-height:26px; display:block;}

.banner_slider{ width:100%; margin:90% 0% 0% 0%; padding:0px; position: relative; clear:both;}

.iosSlider .slider .item .inner {position: relative;top: 0;	left: 10px; width:350px;margin: 0 auto;height: 100%;}
.iosSlider {position: absolute;	top: 0;	left: 0;overflow: hidden;width: 100%;height: 360px;} 

.footer_sicon{ width:98%; margin:1.5% auto 1%; padding:0% 0% 0% 0%; float:none;}
.footer_sicon p{font: normal 13px 'open_sans_semiboldregular'; color:#ffffff; text-align:center; text-decoration:none; line-height:20px; margin:0px 0px 0% 0px; padding:0px 0px 0px 0px;}
.footer_copyright{ width:98%; margin:0% auto 0%; padding:2% 0% 1% 0%;float: none; text-align: center;}

.innerbox_holder{ width:88%; margin:10px 15px 10px 8px; padding:3% 4% 3% 4%; background: url(../images/innerbox_bg2.png) repeat;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(ie-css3.htc); position:relative; z-index:9; min-height:450px;}

.scroll-padding h2{margin:0px; padding:0% 0% 1% 0%; font: bold 20px 'oswaldlight'; color:#fdff00; text-align: left; text-decoration:none; line-height:26px; text-shadow:1px 2px 5px #000000; text-transform: uppercase;}
.scroll-padding h2 span{margin:0px; padding:0% 0% 0% 0%; font: bold 20px 'oswaldlight'; color:#ffffff; text-align: left; text-decoration:none; line-height:26px; text-shadow:1px 2px 5px #000000; text-transform: uppercase;}
.scroll-padding h3{margin:0px; padding:1% 0% 1.2% 0%; font: bold 18px 'oswaldlight'; color:#fdff00; text-align: left; text-decoration:none; line-height:24px; text-shadow:1px 2px 5px #000000; text-transform: uppercase;}
.scroll-padding h3 span{margin:0px; padding:0% 0% 0% 1%; font: bold 18px 'oswaldlight'; color:#ffffff; text-align: left; text-decoration:none; line-height:24px; text-shadow:1px 2px 5px #000000; text-transform: uppercase;}
.scroll-padding p{margin:0px; padding:0% 0% 1.5% 0%; font: normal 13px 'robotoregular'; color:#020202; text-align: left; text-decoration:none; line-height:20px;}

.innerbox_holder h2{margin:0px; padding:1% 0% 1% 0%; font: bold 20px 'oswaldlight'; color:#fdff00; text-align: left; text-decoration:none; line-height:26px; text-shadow:1px 2px 5px #000000; text-transform: uppercase;}
.innerbox_holder h2 span{margin:0px; padding:0% 0% 0% 0%; font: bold 20px 'oswaldlight'; color:#ffffff; text-align: left; text-decoration:none; line-height:26px; text-shadow:1px 2px 5px #000000; text-transform: uppercase;}
.innerbox_holder p{margin:0px; padding:0% 0% 2% 0%; font: normal 13px 'robotoregular'; color:#020202; text-align: left; text-decoration:none; line-height:20px;}

.contact_left a{ margin:0% 0% 2% 0%; padding:0% 0% 1% 0%; font: normal 13px 'robotoregular'; color:#000000; text-align: left; text-decoration:none; line-height:18px; }

}
@media screen and (max-width: 320px) {
.iosSlider .slider .item .inner .text2 span { font: normal 14px 'robotoregular'; color:#ffffff; text-align: center; text-decoration:none; line-height:24px;}
.iosSlider .slider .item .inner {position: relative;top: 0;	left: 10px; width:300px;margin: 0 auto;height: 100%;}
.iosSlider {position: absolute;	top: 0;	left: 0;overflow: hidden;width: 100%;height: 320px;} 

.banner_nav{ width:70%; padding:0px; position: absolute; right:0px; bottom:340px; margin:0% 15% 0% 15%; clear:both;}

.wpcf7-validation-errors{ border:none !important; clear:both; margin:0px 0px 0px -190px !important; padding:20px 0px 20px 10px !important; background: none !important; width:80% !important; position: relative; color:#C00 !important; line-height:20px !important; left:0% !important; float:left !important;}
.wpcf7-mail-sent-ok,.wpcf7-response-output{ clear:both;width:80% !important; position: relative;padding:20px 0px 20px 10px; color:#398F14; border:none !important; top:2%; line-height:20px !important; left:0% !important; left:0% !important; margin:0px 0px 0px -90px !important;}
}

@media screen and (max-width: 240px) {
.banner_slider{ width:100%; margin:100% 0% 0% 0%; padding:0px; position: relative; clear:both;}	
.iosSlider .slider .item .inner {position: relative;top: 0;	left: 10px; width:240px;margin: 0 auto;height: 100%;}
.iosSlider {position: absolute;	top: 0;	left: 0;overflow: hidden;width: 100%;height: 400px;} 

.banner_nav{ width:70%; padding:0px; position: absolute; right:0px; bottom:420px; margin:0% 15% 0% 15%; clear:both;}
.banner_nav ul li a{ margin:0px; padding:1% 0% 1% 4%; background:url(../images/banner_navbgres.png) no-repeat; background-size:100%;font: bold 15px 'oswaldlight'; color:#ffffff; text-align:left; text-decoration:none; line-height:22px; display:block;}

ul.nav li a { width:75%;font: bold 16px 'oswaldlight'; color:#494a4c; line-height:20px; text-align:left !important; text-decoration:none; text-transform:none; padding:10px 0px 10px 60px; margin:0px 0px 0px 0px; text-transform:uppercase; display:block;  float:left;}

.contact_icon{ width:12%; margin:5px 0px 0px 2%; padding:0px; 0px 0px 0px; float:left;}
}