/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


a {transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/************************scroll******************************************/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(26,149,211,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(26,149,211,0.4); 
}
/*************************************************************************/
audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{ font-family: "Flaticon";}

.camera_wrap{ max-height:660px;}

nav ul li{ position:relative; display:block; float:left; width:auto;}
.child{ right:-30px; position:absolute;}
.main-hdr{ position:fixed; width:100%; background:#FFF; z-index:200; min-height:80px;}
.wrap{ max-width:1200px; width:100%; margin:auto auto;}
.wrap2{ max-width:1320px; width:100%; margin:auto auto; padding-bottom:25px;}

ul{ margin:0px; padding:0px;}
.logo{ float:left; padding-top:15px; min-width:100px;}

.trans{transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;-webkit-transition: all 0.4s ease-out 0s;-o-transition: all 0.4s ease-out 0s}
.nav-box{ width:80%; float:right; padding-top:39px;}
.logo img{ width:100%;}
.nav-box nav ul li a{font-family: "Flaticon"; font-size:20px; color:#717171; text-decoration:none; padding-left:44px;}
.nav-box nav ul{ float:right;}
.nav-box nav ul li a:hover{ color:#1a95d3; }
.camera_caption{ font-family: "Flaticon";}
.camera_caption h2{ font-weight:normal; font-size:75px; margin:0px 0px 10px 0px; line-height:25px; display:block; margin-bottom:20px; text-transform:none !important;}
.camera_caption span{ font-size:36px; color:#000; margin-bottom:25px; line-height:25px; display:block; margin-top:10px;padding-left: 2px;}
.banner .camera_caption > div{ background:transparent !important; box-sizing:border-box; padding-left:55%;}
.banner .camera_caption{ top:35% !important;}
.banner .camera_caption a{ padding:13px 35px 13px 35px; background:#1a95d3; margin-top:10px; display:block; float:left; -webkit-border-radius:5px; border-radius:5px; color:#fff; text-decoration:none; font-size:24px;}
.slid-1 h2{ color:#fff !important;}
.slid-1 span{ color:#989898;}
.slid-2 h2{ color:#e1a94b !important;}
.slid-2 span{ color:#695353;}
.slid-3 h2{ color:#fefefe !important;}
.slid-3 span{ color:#989898;}
.banner .camera_commands{ display:none !important;}
.banner .camera_prev{ width:95px; height:95px; background:url(../images/next.png) center top no-repeat; left:4%; background-size:cover}
.banner .camera_prev:hover{ background:url(../images/next-h.png) center top no-repeat;  background-size:cover}

.banner .camera_next{ width:95px; height:95px; background:url(../images/prev.png) center top no-repeat;  right:4%; background-size:cover}
.banner .camera_next:hover{ background:url(../images/prev-h.png) center top no-repeat;  background-size:cover}
.slid-1 div{ padding-right:0px !important;}

.banner .camera_prev span, .banner .camera_next span{ display:none !important;}
.banner .camera_caption a:hover{/*-webkit-border-radius:10px; border-radius:10px;*/ background:#1ea2e6;}
.banner { padding-top:104px;}
.text-align-center{ text-align:center;0}
.section-1{ padding: 20px 0px 60px 0px;}

h1{ font-weight:normal; font-size:55px; margin:25px 20px 25px 20px; color:#595959;}
.section-1 p{ width:70%; margin:auto auto; font-size:20px; color: #8b8a8a; line-height:30px; margin-bottom:60px;}

.section-1 a{ padding:20px 50px 20px 50px ; background:#1d96d4;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; text-transform:uppercase; font-size:19px; color:#FFF; text-decoration:none;}
.section-1 a:hover{ background:#1ea2e6;}
.section-2{ background:#121212; padding: 40px 0px 70px 0px;}
.home-sec1{ width:42.25%; /* 507 / 1200 */ float:left; padding-bottom:25px;}
.home-sec2{ width:57%; /* 694 / 1200 */ float:left;}
h2{ color:#1a95d3; text-transform:uppercase; font-size:34px; font-weight:normal; margin:0px 0px 5px 0px;}
.home-sec1 p{ color:#8f8f8f; font-size:17px; line-height:24px; width:60%;}
.text-box-1{ background:url(../images/cot.png) no-repeat left top; padding:60px 14% 0px 33px; box-sizing:border-box;}
.text-box-1 p{ margin:0px; font-size:40px; color:#b9b9b9; line-height:35px;}
.row{ width:100%; float:left;}
.home-sec3{ width:100%; float:left;}
.home-sec4{ width:66.66666666666666%; /* 800 / 1200 */ float:left; background:url(../images/bg-1.jpg) center top no-repeat; background-size:cover; text-align:center; color:#FFF; box-sizing:border-box; padding: 20% 0% 2% 0%;}
.home-sec5{ width:32.583333333333332%; /* 223 / 1200 */ float:left; background:#1c2124; box-sizing:border-box; 
padding:25px 3% 0%  5%;}
.row-2{ width:100%; padding-bottom:25px;}
.row-2 h3{ font-size:20px; font-weight:normal; margin:0px 0px 2px 0px; color:#e5e5e5;}
.row-2 p{ margin:0px; color:#15afff;}
.home-sec5 .row-2 a{ color:#FFF; font-size:17px; text-decoration:none;}
.home-sec5 .row-2 a:hover{ color:#15afff;}
.home-sec4 p{ font-size:17px; margin:0px;}
.row .home-sec4 h2{ font-weight:normal; font-size:60px; color:#FFF;}
.home-sec4 a{ background:#fca03d; padding:15px 30px 15px 30px; font-size:17px; color:#FFF; text-transform:uppercase; text-decoration:none; -webkit-border-radius: 5px; border-radius: 5px;}
.home-sec4 a:hover{ background:#fd982b;}
.section-3{ background:url(../images/sectiop-bg-2.jpg) repeat-x center -150px #333333; padding:30px 0px 30px 0px;}
.wrap2.clearfix .row ul li{ list-style:none; display:block; float:left; border:solid 1px #f5f5f5; margin:0% 0.4% 0% 0.4%; width:15.6%;}
.wrap2.clearfix .row ul li img{ width:100%;}
.list-1 li{ position:relative; overflow:hidden; list-style:none; width:25%; float:left; display:block; /*min-height:300px;*/ background:#1a95d3; box-sizing:border-box; /*padding:4%;*/}
/*.list-1{ margin-bottom:30px !important;}*/
.home-contact-box-left{ width:50%; float:left; text-align:right; box-sizing:border-box; padding-right:5%;}  
.home-contact-box-right{ width:50%; float:left; text-align:left; box-sizing:border-box; padding-left:6%;} 
.home-form li{ list-style:none; padding-bottom:20px; float:left; width:100%;} 
.home-form li input{ border:none; background:#4e4e4e; box-sizing:border-box; padding:0px 10px 0px 10px; height:32px; color:#FFF; font-size:12px; width:35%; float: right;}
.home-form li textarea{ border:none; background:#4e4e4e; box-sizing:border-box; padding:5px 10px 5px 10px; height:32px; color:#FFF; font-size:12px; width:35%; float: right; height:50px; resize:none;}

.home-form li label{ padding-right:3%; color:#FFF; font-size:18px; line-height:32px;}
.home-contact-box-left h2, .home-contact-box-right h2{ margin-bottom:45px !important; margin-top:70px !important;}
.home-contact-box-right ul li{ list-style:none; margin-bottom:30px; font-size:30px; color:#FFF; line-height:25px;}
.home-contact-box-right ul li span{ font-size:18px; color:#888888; display:block;}
.section-4{ height:480px;}
.section-4.clearfix iframe{ width:100%; height:480px; border:none;}
.list-1 li:nth-child(1){ padding:3.5% 3.5% 0% 3.5%;}
footer{ background:#333333; text-align:center; padding: 53px 0px 50px 0px;}
footer h4{ margin:0px 0px 10px 0px; font-size:18px; color:#888888; font-weight:normal;}
footer p{ font-size:15px; color:#888888; margin:0px 0px 8px 0px;}
footer span a{ color:#ffffff; font-size:19px; text-decoration: none;}
footer span a:hover{ color:#1a95d3;}
footer span{ color:#ffffff;}
footer ul li{ list-style:none;}
footer ul{ width:196px; margin:auto auto; margin-top:15px;}
footer ul li{ /*float:left;*/ display:inline-block;}
footer ul li a{ color:#FFF; text-decoration:none; font-size:27px;}
footer ul li a:hover{ color:#1a95d3;}
.bg{ background:#333333;}
.home-contact-box-right ul li a{ color:#fff; text-decoration:none;}
.home-contact-box-right ul li a:hover{ color:#1a95d3; text-decoration:none;}
h4{ margin:0px 0px 10px 0px; font-size:28px; font-weight:normal; color:#fff;}
 .list-1.clearfix li p{ color:#FFF; font-size:18px; line-height:19px; position:relative;}
  .list-1.clearfix li a{ text-transform:uppercase; color:#164f6e; text-decoration:none;}
    .list-1.clearfix li a:hover{ color:#000;}
.bg-1{ background:url(../images/thumb-1.jpg) center top no-repeat !important; background-size:100%;}
.bg-1:hover{background-size:110% !important;}
.list-1.clearfix li img{ 
width: -webkit-calc(100% + 0px);
	width: calc(100% + 0px);
	/*opacity: 1;*/
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;


}

.list-1.clearfix li:hover img{-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1.05);}

.thumb-txt{ position:absolute; width:100%; padding: 44% 12% 20% 12%; z-index:100; box-sizing:border-box;}
.thumb-txt h2{ font-size:60px; color:#1a95d3;margin:0px !important; display:block; line-height:40px; text-transform:none !important;}
.list-1.clearfix li h2 a{color:#1a95d3;}
.list-1.clearfix li h2 a:hover{color:#fff;}
.thumb-txt h2 span{ font-size:35px; color:#1a95d3; display:block; text-transform:none !important;}
.home-form li button{ padding: 10px 7% 10px 7%; background:#1a95d3; text-transform:uppercase; color:#FFF; text-decoration:none;border:none; /*line-height:30px;*/}
.home-form li button:hover{ background:#1ea2e6;}
.slid-1 div{ padding-left:0px !important; text-align: center}

.slid-1 a{ max-width:130px !important; margin:auto auto !important; float:none !important;}

.list-1{ background:#1a95d3;}


#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/loading.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
	
}

/*********20/4/15**********/
.inner-bnr{width:100%;padding-top:104px;position:relative;padding-bottom:4em;text-align:center;height:328px;box-sizing:border-box;}
.bnr-01{background:url(../images/banner-about.jpg) no-repeat bottom left;}
.inner-bnr h2 {color: #fff;font-size: 45px;line-height: 30px;margin: 0;padding: 2em 0 0;text-transform: uppercase;}
.inner-bnr h3{font-size:27px;color:#989898;margin:0;padding:0;font-weight: normal;}
.about-left{width:43.5625%; /* 697 / 1600 */ float:left; background:#1a95d3;}
.about-right{width:56.43749999999999%; /* 903 / 1600 */ float:right;background:#f3f3f3;}
.content{padding:50px 52px 0 230px;}
.content h4{text-transform:uppercase;padding-bottom:0;font-size:31px;}
.content p{padding-bottom:1.4em;font-size:18px;}
.about-left .content{color:#fff;}
.about-left .content h4{color:#fff;position:relative;top:0;}
.about-right .content{padding:50px 207px 2.8em 35px;}
.about-right .content h4{color:#595959;}
.about-right .content p{color:#8b8a8a;}
.cw-technology i{font-size:53px;color:#8b8a8a;}
.section-3 {
  background:#fff;
  padding: 40px 0 70px;
}
.section-3 h4{color:#595959;}
.section-3 .left{float:left;width:48.16666666666667%; /* 578 / 1200 */}
.section-3 .right{float:right;width:48.16666666666667%; /* 578 / 1200 */}
.section-3 .left .content, .section-3 .right .content{padding:0;}
.content h5{font-size:19px;color:#595959;margin:0;padding:0;font-family:"Flaticon";font-weight:normal;}
.section-3 p{color:#8b8a8a;font-size:17px;margin:0;padding:0;font-family:"Flaticon";}
.section-3 .content > div{margin:0;padding:0 0 25px;}
.section-3 .content h6{font-size:38px;color:#1a95d3;font-weight:normal;line-height:37px;margin:0;padding:0;}
.innr-sec-2 ul li{list-style:none;padding:0.6em 0;}
.innr-sec-2 ul li label{width:20%;}
.innr-sec-2 ul li label {display: inline-block;width:23%;font-size: 18px;}
.innr-sec-2 ul li input {float:right;width:72%;height:30px;background:none;border:1px solid #fff;padding-left:10px;}
.innr-sec-2 ul li button{width:auto;padding:7px 10px;background:#fff;color:#1a95d3;text-transform:uppercase;font-size:16px;font-family: "Flaticon";border:none;float:right;}
.innr-sec-2 .about-left .content{padding:50px 30px 5em 83px;} 
.innr-sec-2 .about-right .content{padding:50px 130px 4.7em 35px;}
.section-3 .content > ul{margin:2em 0 0;}
.innr-sec-2 .about-right .content label{color:#8b8a8a;}
.innr-sec-2 .about-right .content input{border-color:#dadada;}
.innr-sec-2 .about-right .content h4 {color: #1a95d3;}
.innr-sec-2 .about-left ul li input{color:#fff;}
.innr-sec-2 .about-right ul li input{color:#8a8a8a;}
.innr-sec-2 .about-right .content button{background:#1d96d4;color:#fff;}
.innr-sec-2 .about-left ul li button{color: #1a95d3;}
.innr-sec-3{width:100%}
.innr-sec-3 .bg{background:none;}
.innr-sec-3 .home-form li label{color:#888;}
.innr-sec-3 .home-contact-box-right ul li{color:#9e9e9e;}
.innr-sec-3 *{font-family:"Flaticon";font-weight:normal;}
.innr-sec-3 .home-contact-box-right ul li a{color:#9e9e9e;}
.innr-sec-3 .home-form li input, .innr-sec-3 .home-form li textarea{border:1px solid #dadada;background:none;color:#888;font-size:15px;}
.innr-sec-3 h3{color:#1a95d3;font-size:31px;text-transform:uppercase;margin:0;padding:1em 0 0 0;display:inline-block;}
.innr-sec-3 p{font-size:18px;color:#888;}
.innr-sec-3 .home-contact-box-right h3{padding-top:1.65em;}
.innr-sec-4{background:#fff;padding:50px 0 0;}
.plans{text-align:center;}
.plans .all-plans ul{display:inline-block;}
.plans table{background:#f3f3f3;margin: auto;width: 75%;}
.plans table th{font-size:20px;}
.plans table td{font-size:18px;}
.plans table td, .plans table th {border:1px solid #dadada;border-collapse:collapse;padding:4px 7px;color:#8b8a8a;font-family:"Flaticon";font-weight:normal;}
.plans table th{padding:7px 0;}
.plans table tr:nth-child(2n){background:#efefef;}
.tab-3 h4{color:#1a95d3}
ul.enq-form{width:50%;}
ul.enq-form li{list-style:none;margin:1em 0;width:100%;float:left;}
.tab-3 .content{width:75%;padding:0;margin:auto;}
ul.enq-form li label{width:33%;display:inline-block;font-size: 18px;color:#888;}
ul.enq-form li input, ul.enq-form li select, ul.enq-form li textarea{float:right;width:64%;border:1px solid #dadada;color:#888;height:30px;padding-left:8px;font-weight:normal;font-size:17px;font-family:"Flaticon";background:none;}
ul.enq-form li textarea{height:55px;}
ul.enq-form li select{width:66%;}
ul.enq-form li button {background:#1d96d4;color:#fff;font-family: "Flaticon";font-size: 16px;padding:8px 10px 6px;
height:auto;text-transform:uppercase;width:auto;border:none;float:right;}
.plans .all-plans ul.resp-tabs-list.hor_1{position:relative;bottom: -8px;}
footer ul li a{font-family:"FontAwesome";padding:5px;font-size:20px;width:15px;height:15px;color:#222;background:#fff;border-radius:30px;}
footer ul li a:hover{background:#1a95d3;color:#222;}
.innr-sec-2 {
  height: 400px;
  overflow: hidden;
}
.innr-sec-2.contact{height:464px;overflow:hidden;}
.tab-1 h5, .tab-2 h5{color: #1a95d3;font-size:23px;text-align:center;margin:0;}
.tab-1 h6{color: #888;font-size:20px;text-align:center;margin:0.4em 0;}
.plans table th{background:#1a95d3;color:#fff;}
.plans p{font-size:18px;font-family: "Flaticon";color:#888;}
.plans .content {padding: 50px 52px 0 170px;}
.plans ul.enq-form li label{width: 33%;}
.innr-sec-2 ul li.error input {border-color: red;}
h5.message{color:#1a95d3;font-size:30px;text-align:center;font-family: "Flaticon";padding-bottom:2em;}
.resp-tabs-list li strong{font-weight:normal;text-transform:uppercase;font-size:26px;color:#1a95d3;}
.pm-button {clear: left; width: 100%;text-align: center;padding: 20px 0;}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}