@charset "utf-8";
/* CSS Document */

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

}


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

}

*{-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
-ms-box-sizing: border-box;
-o-box-sizing: border-box; margin:0; padding:0;}
.transition, .transition:before, .transition:after, .transition:hover {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; outline:none; }
a:hover{ color:#ff0000; }
a, a:focus{ outline:none;}
body{ font-family: 'latoregular'; background:#FFF url(../images/bg.png) no-repeat center center;  background-position: 54% 773px;}
a{ font-weight:normal; color:#176e94;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
div, input, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box;  }

.header-bg{ float:left; width:100%; background:#F8F8F8;  padding-bottom:20px; }
.header{ width:100%; float:left;}
.main-fix{ width:1170px; margin:0 auto;}
.main-full{ width:100%; float:left;}
.logo{ float:left; padding-top:18px;}
.header-right{ float:right; padding-top:16px; padding-right:27px;}
ul.header-right-top{ float:right;}
ul.header-right-top li{ float:left; list-style:none; padding-left:25px;}
ul.header-right-top li a{ text-decoration:none; color:#000; font-size:11px; display:block; padding-top:10px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.header-right-top li a i{ font-size:16px;}
ul.header-right-top li a:hover, ul.header-right-top li a:focus{color:#F00;}
.search-field-main{ width:267px; height:40px; background:#FFF; border:1px solid #cbcbcb; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; box-shadow: -1px -1px 3px #D6D3D3; -moz-box-shadow: -1px -1px 3px #D6D3D3; -webkit-box-shadow: -1px -1px 3px #D6D3D3; -o-box-shadow: -1px -1px 3px #D6D3D3; -ms-box-shadow: -1px -1px 3px #D6D3D3;}
.search-field{ color:#787d7f; font-size:16px;  font-family: 'latoregular'; border:none; background:none; float:left; padding:10px; width:85%;}
.search-btn{ color:#b4b2b2; font-size:22px; border:none; background:none; float:right;   padding: 7px 3px; width:15%; cursor:pointer; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.search-btn:hover, .search-btn:focus{ color:#F00;}
.clear{ clear:both;}
.nav {	position:relative;	display:inline-block;	font-size:14px; float:right; padding-top:20px;}
.nav-list {	text-align:left;}
.nav-item { list-style:none;	float:left; *display:inline; zoom:1;	position:relative; margin-left:1px;}
.nav-item a {display:block;	color:#000;	padding:12px 20px; font-size:14px; text-decoration:none; text-transform:uppercase; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.nav-item a:hover, .nav-item a:focus, .nav-item a.current {background:#ff0000; color:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:5px; -ms-border-radius:6px;}
.nav-item:hover .nav-submenu {	display:block;}
.nav-submenu { list-style:none;	display:none;	position:absolute;	left:0;	width:180px; z-index:999;}
.nav-submenu-item a {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;	background:#ff0000;	border-bottom:1px solid #d30202;display:block;padding:15px; color:#fff; }
.nav-submenu-item a:hover, .nav-submenu-item a:focus {	background:#000;border-radius: inherit;} 
.nav-mobile {display:none;cursor:pointer;position:absolute;top:0;	right:0;	background:#3D3D3B url(../images/nav.png) no-repeat center center;	background-size:18px;height:50px;	width:50px;}
.nav-click {	position:absolute;top:0;	right:0;display:none;border-left:1px solid #a30505;height:49px;width:50px;cursor:pointer;}
.nav-click i {display:block;height:48px;width:48px;	background:url(../images/drop.png) no-repeat center center;background-size:20px;}
.nav-click:hover {background-color:#ff0000;}
.nav-rotate {-webkit-transform:rotate(180deg);	-moz-transform:rotate(180deg);	-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

#back_to_camera {clear: both;	display: block;	height: 80px;	line-height: 40px;	padding: 20px;}
.fluid_container {	margin: 0 auto;	max-width: 1000px;width: 90%;}
.section{ width:100%; float:left;}
.banner{ width:100%; float:left; position:relative;}
.camera_pag{ display:none;}
.slider-left{ float:left; padding-top:50px;  width: 60%;}
.slider-right{ float:right; margin-right:-109px; margin-top:-33px;}

.slider-content{ position:absolute; width:90%; left:5%; right:5%; top:0;}
.slide-heading{ padding-bottom:14px; padding-right:68px;float:left; border-bottom:1px solid #d8d8d8; position:relative;}
.slide-heading h2{ color:#fff; font-size:18px; text-transform:uppercase;}
.slide-heading:after{left:0; background:#ff0000; height:3px; width:49px; position:absolute; content:""; bottom:-2px;}

ul.slider-dec{ padding-top:12px; float:left;  padding-right: 90px;}
ul.slider-dec li{  list-style:none; float:left;  padding:6px 12px 6px 0;}
ul.slider-dec li img{ float:left; border:5px solid #e5e5e5;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
.slide-heading-main{ width:100%; float:left;}
.slide-txt-bold{ padding-bottom:10px; color:#f8f8f8; font-size:28px; width:100%; float:left; text-transform:uppercase; padding-top:80px;} 
.slide-txt{color:#fff; line-height:40px; font-size:23px; width:100%; float:left;}
.read-more{ font-size:14px; color:#000; width:123px; height:40px; display:block; background:#ffff00; float:left; text-transform:uppercase; text-decoration:none; text-align:center; line-height:40px; text-shadow:-1px -1px 0 #fff; border-radius:3px; margin-top:20px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;} 
.read-more:hover, .read-more:focus{ background:#ff0000; color:#fff; text-shadow:-1px -1px 0 #000;}

.section-main{ width:100%; float:left;}
.section-bg{ background:#f8f8f8; float:left; width:100%; margin-top:-82px; padding:82px 24px 0 24px;}
.heading{ width:100%; float:left;}
.heading h2{ padding-bottom:14px; text-transform:uppercase; color:#000; font-size:18px; float:left; position:relative; border-bottom:1px solid #d8d8d8; min-width:338px;}
.heading h2:after{ background:#ff0000; height:3px; width:49px; left:0; position:absolute; content:""; bottom:-2px;}
ul.we-are{ margin-bottom:54px; width:100%; float:left; padding-top:24px;}
ul.we-are li{ position:relative; list-style:none; float:left; width:33.33%; text-align:center; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
ul.we-are li a{}
ul.we-are li a:hover{}
ul.we-are li .picture{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; background:url(../images/shadow.png) no-repeat bottom center; padding-bottom: 20px;}
/*ul.we-are li:hover .picture > img{ margin-top:-15px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}*/

ul.we-are li:hover .picture{ padding-bottom:0;}

.we-are-dec{ background:url(../images/tran.png) repeat; text-align:center;  position:absolute; bottom:124px; width:91%; left:0; margin-left:3%;}
.we-are-dec a{ text-transform:uppercase; font-size:23.52px; color:#fff; height:53px; line-height:53px; display:block; text-decoration:none; position:relative;}
.we-are-dec a:after{ position:absolute;width: 0px;height: 0px;border-style: solid;border-width: 0 0 13px 13px;border-color: transparent transparent #000000 transparent; content:""; left:0; top:-13px;}



ul.feature-product{ width:100%; float:left; padding-top:17px; }
ul.feature-product li{ margin-bottom:35px; position:relative; list-style:none; float:left; width:25%; .width:22.8%; text-align:center; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; padding:10px 12px;}
.read-btn{ font-size:13px; color:#fff;  background:#000000; width:141px; height:28px; line-height:28px; text-align:center; display:block; text-decoration:none; margin:12px auto 0; text-transform:uppercase;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.read-btn:hover, .read-btn:focus{text-shadow:-1px -1px 0 #6e0303; background:#ff0000; color:#fff;}
ul.we-are li a:hover{}
.feature-dec{ height:84px; overflow:hidden;}
.feature-pic{ border:1px solid #c9c9c9; width:100%; background:#fff;  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; height:200px; overflow:hidden;}
ul.feature-product li h2 { padding-bottom:20px; color:#000; font-size:20px; text-transform:uppercase; padding-top:18px;}
ul.feature-product li p{ color:#4a4a4a; font-size:14px; text-align:justify;  line-height:20px; }
.social{ width:100%; float:left; padding-bottom:24px;}
ul.social-media{ float:right;}
ul.social-media li{ float:left; padding-left:4px; list-style:none;}
ul.social-media li a i, ul.social-media li a{ text-decoration:none; background:#515151; color:#fff; width:36px; height:36px; display:block; text-align:center; line-height:36px; font-size:20px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;}
ul.social-media li a i:hover{ color:#ff0000;}

.footer{ width:100%; float:left;}
.footer-top{ padding-bottom:36px; padding-top:35px; width:100%; float:left; background:url(../images/footer-top.jpg) repeat; background-attachment:fixed; }
.footer-left{ float:left; width:195px;}
.footer-top .heading h2{ color:#fff; min-width:196px;}
.footer-top .heading{ padding-bottom:25px;}


.footer-top p{ line-height:20px; color:#8a8a8a; font-size:15px; padding-bottom:15px;}
ul.footer-link{  float:left; width:100%;}
ul.footer-link li{ list-style:none;}
ul.footer-link li a{ transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; line-height:30px; color:#8a8a8a; font-size:15px; text-decoration:none;}
ul.footer-link li a i{ padding-right:24px;}
ul.footer-link li a:hover{ color:#ff0000; margin-left:5px;}
ul.footer-link li a:focus{ color:#ff0000; }
.bold-txt{ font-size:17px; color:#8a8a8a; line-height:23px; display:block; font-family: 'latobold';}
.footer-middle{ float:left; margin-left:146px; width:400px;}
.mail{color:#8a8a8a;}
.footer-right{ float:right; width:250px;}
.footer-right p{ padding:0; line-height:32px;}
.footer-bottom{ padding:14px 0 17px 0; background:#000; float:left; width:100%; border-top:1px solid #2e2e2e;}
.footer-bottom-left{  padding-top: 11px; color:#8a8a8a; font-size:13px; float:left;}
.footer-bottom-right{ vertical-align:middle; float:right; color:#8a8a8a; font-size:18px;  line-height: 25px; font-family: 'latobold';}
.footer-bottom-right i{ font-size:30px; float:left; padding-right:10px;}

.banner-inner{ width:100%; float:left; height:127px; background:url(../images/inner-bg.jpg) repeat-x center top;}
.banner-inner h2{ line-height:127px; font-size:30px; color:#fff; text-transform:uppercase;}
ul.bred{ width:100%; float:left; padding-top:18px;}
ul.bred li{color:#000; font-size:16px; list-style:none; float:left;  padding-right:10px;   line-height: 32px;}
ul.bred li a{ color:#000; font-size:16px; text-decoration:none;}
ul.bred li a i{ font-size:30px; float:left;}
ul.bred li a:hover{ color:#FF0000;}

ul.nxt-pre{ float:left; width:100%; padding:38px 0;}
ul.nxt-pre li{ list-style:none;}
ul.nxt-pre li a{ text-decoration:none; color:#ff0000; font-size:14px;}
ul.nxt-pre li a:hover{ color:#000;}

.pre{ float:left;}
.nxt{ float:right;}

.car-dec{ float:left; width:100%; padding-top:17px; padding-bottom:36px;}
.car-dec-left{ float:left;}
.car-dec-right{ float:right; width:433px;}
.car-dec-right h2{ color:#000; font-size:16px; text-transform:uppercase; padding-bottom:20px;}
.car-dec-right p{ color:#4a4a4a; font-size:14px; line-height:22px;}

.pro-features{ width:100%; float:left; padding-top:30px; padding-bottom:44px;}
.pro-features p{ color:#4a4a4a; font-size:14px; line-height:30px;}
.car-pic{ float:left; width:100%; padding-top:22px;}