/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 Sep, 2016, 11:09:26 AM
    Author     : Red Squares
*/
@font-face { font-family: "LATOLight",Verdana,Geneva,sans-serif; src: url(../fonts/lato-light.ttf);}
body{font-family: "LATOLight",Verdana,Geneva,sans-serif;font-size: 16px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 700;}
.dib{display: inline-block;}
/************HEADER***********/
#header{height:auto !important; margin: 0 !important;}
.menu-list { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin-top: 20px;}
.main-nav .navbar-brand { display: inline-block; height: auto;}
.main-nav {background: rgb(255, 255, 255) none repeat scroll 0 0; border-radius: 0; margin-bottom: 0;}
.menu-list li a {font-size: 18px;}
.menu-list .dropdown-menu > li {display: inline-block;width: 100%;}
.menu-list .dropdown-menu > li > a { width: 100%;}
.menu-list .dropdown-menu { min-width: 210px;}

/***********HOME***********/
.home-banner > img {width: 100%;}
.home-banner {display: inline-block;position: relative;width: 100%;overflow:hidden;}
.banner-content {position: absolute;width: 100%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.banner-in-content {color: rgb(255, 255, 255); font-size: 18px;font-family: "LATOLight",Verdana,Geneva,sans-serif;}
.camera_target_content {font-size: 26px; font-weight: 700;}
.banner-in-content > h2{margin-top:0;}
.getstartedbutton {display: block;margin: 10px auto 0 !important;width: 175px;}
.getstartedbutton .mybutton ,.h-main-content .mybutton{ border-radius: 0; display: block; height: 40px !important; line-height: 24px !important; margin: 0 auto; top: 0 !important; width: auto !important;max-width: 150px;}
.getstartedbutton .mybutton:hover,.getstartedbutton .mybutton:focus,
.h-main-content .mybutton:hover,.h-main-content .mybutton:focus{ color:#fff; border-radius: 0 !important;}
#our-client .bx-viewport {    left: auto;margin-bottom: 20px; padding: 40px 0 20px; top: 0;}
.top_tabs li { float: left;margin-left: 3px; width: calc(20% - 3px);}
.top_tabs .nav-tabs li:first-child { margin-left: 0;}
.top_tabs .nav-tabs li:last-of-type { margin-left: 3px;}
.top_tabs li a{background: rgb(217, 217, 217) none repeat scroll 0 0;display: inline-block;color: rgb(51, 51, 51);padding: 8px 0;text-align: center;width: 100% !important;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -o-transition: all 0.5s;  -ms-transition: all 0.5s; transition: all 0.5s;  }
.top_tabs li a.current,.top_tabs li a:hover,.top_tabs li a:focus{ background:#595959; color:#fff; text-decoration: none;}
.h-main-content { font-family: latolight; font-size: 18px;}
.why-content-single {padding-bottom: 50px;}
.why-content-single .content-part {padding-top: 10px;color: #555; font-size: 18px;font-family: "LATOLight",Verdana,Geneva,sans-serif;}
.why-content-single .content-part h4{font-size: 24px;color: #333;font-weight: 700;}
.why-content-head { margin-bottom: 50px;}
.content-heading-image{width:80% !important;margin: 0 auto !important;min-height: 265px;background-size: 100% auto !important;}
.content-heading-image:last-child {margin-bottom: 40px !important;}
.features-part .media-object {height: auto;max-width: 56px;}
.features-use-row > h2, .features-feature-row > h2 { margin-bottom: 30px;}
.sub-content-content{width: 100% !important;}
#how-works-content, .features-part, .pricing-section, .partners-section, .demos-section {padding: 25px 0;}
.demos-section .demos-body { margin-top: 25px;}
.user-reviews-section {background: rgb(239, 239, 239) none repeat scroll 0 0;font-size: 18px;}
.sub-content-leftbox,.sub-content-leftbox1,.sub-content-leftbox2,.sub-content-leftbox3{float:right;}
.p-apart-body .ui-selectmenu { display: block;margin: 10px auto 15px; border-radius: 0;}
.p-apart-body .ui-selectmenu:hover,.p-apart-body .ui-selectmenu:focus{background: rgb(191, 191, 191) none repeat scroll 0 0;}
.p-apart-body .view-btn {background: rgb(0, 116, 53) none repeat scroll 0 0;color: rgb(255, 255, 255);padding: 6px 25px;}
.content-heading-image > div { padding: 40px 20px 0; width: 70%;  font-family: "LATOLight",Verdana,Geneva,sans-serif;}
.sub-content-heading { font-size: 20px; font-weight: 700;}
.divnostyle { background-color: rgb(19, 81, 154);border-radius: 15px;height: 32px; margin-right: 8px; margin-top: 0;display: inline-block;width: 32px;}
.spannostyle { color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; padding: 0 9px;}
.partners-section,.pricing-section,.features-part,.demos-section,.why-content-b,.how-works-content { color: rgb(51, 51, 51);}
.headingstyle {color: rgb(0, 0, 0);font-family: "LATOLight",Verdana,Geneva,sans-serif;font-size: 24px; font-weight: 700;display: inline-block; padding-bottom: 5px; padding-top: 5px;}
.h-main-content .nav-tabs {padding-right: 0;  background: none;}
.p-apart-body select {background: rgb(191, 191, 191) none repeat scroll 0 0;border: medium none;  display: block; margin: 0 auto 18px; padding: 5px 10px;}
.ui-selectmenu { background: rgb(191, 191, 191) none repeat scroll 0 0; border: 0 none; border-radius: 0; height: 35px !important; margin-left: 70px; margin-top: 30px;}
.ui-selectmenu-menu li a, .ui-selectmenu-status {font-family: "LATOLight",Verdana,Geneva,sans-serif; font-size: 16px;}
.ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png");}
.ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png");border-left: 1px solid rgb(198, 193, 183);}
.ui-selectmenu-icon {margin-top: -8px; position: absolute; right: 6px; top: 50%;}
.ui-icon-triangle-1-s {background-position: -64px -16px;}
.ui-icon { background-image: url("images/ui-icons_222222_256x240.png");height: 16px; width: 16px;}
.ui-icon {background-repeat: no-repeat;display: block;overflow: hidden;text-indent: -99999px;}

/*******FOOTER*********/
#footerwrap { width: auto;}
.ftop_link{padding: 15px 0 !important;width: auto;}
.footer-link-section {background: rgb(58, 58, 58) none repeat scroll 0 0; padding: 25px 0;font-size: 16px;width: auto;}
.footer-link-section .headerfont {color: rgb(255, 255, 255);}
.foot_lnks {display: inline-block; margin-right: 0; width: auto;}
#footer{width:auto !important;}
.copyrgt-para,.all-r-r {display: inline-block;}
.copyrgt { padding: 20px 0; text-align: center; height:auto;font-family: "LATOLight",Verdana,Geneva,sans-serif;}
.copyrgt a:hover,.copyrgt a:focus{color:rgb(102,102,102); text-decoration: none;}
.footer-link-section .newa:hover, .footer-link-section .newa:focus { color: rgb(221, 221, 221);}

/************RESPONSIVE*********/

@media(min-width:992px) and (max-width:1199px){
    .content-heading-image > div {padding: 20px 15px; width: 75% !important; }
    .sub-content-content{font-size: 16px !important;}
    .content-heading-image > div { padding: 30px 25px 20px; width: 75% !important; }
}
@media(min-width:768px) and (max-width:991px){
    #header .main-nav .navbar-brand {left: 50%; margin: 0 !important; position: relative; transform: translateX(-50%); }
    #header .navbar-header {display: block;width: 100%; }
    #camera_wrap_2.camera_wrap .camera_target_content { font-size: 20px;}
    div#camera_wrap_2  {height: auto !important; margin-bottom: 10px;}
    .banner-in-content > h2 {
        font-size: 30px !important;
    }
    .trail-demo {  margin-top: 10px;}
    .getstartedbutton .mybutton, .h-main-content .mybutton {line-height: 37px !important; margin: 10px auto 0; }
}
@media(max-width:767px){
    #header .navbar-default .navbar-toggle { margin-top: 30px;}
    div#camera_wrap_2  {height: auto !important; margin-bottom: 0;}
    .banner-in-content > h2 {
        font-size: 24px !important;
    }
    #camera_wrap_2.camera_wrap .camera_target_content { font-size: 16px;}
    .trail-demo {  margin-top: 10px;}
    .getstartedbutton .mybutton, .h-main-content .mybutton {line-height: 37px !important; margin: 10px auto 0;}
    .menu-list {display: block !important;margin: 0;padding: 0;width: 100%;}
    .menu-list li a {padding: 10px 0;width: 100%; text-align: center;}
    .menu-list .dropdown-menu {position: relative;}
    #header .menu-list > li {display: block !important; float: none !important; position: static !important;width: 100% !important; }
    .banner-in-content > h2 { margin-top: 0;}
    .top_tabs li a{font-size: 16px;}
    .pic-part {width: 100%;}
    .getstartedbutton .mybutton, .h-main-content .mybutton {line-height: 40px !important;font-size: 20px;}
    .demo-apart,.partner-apart,pricing-apart,features-use-row { margin-bottom: 50px;}
    .content-heading-image { background-color: rgb(255, 255, 255) !important;margin-top: 30px !important;min-height: 220px;width: calc(100% - 30px) !important;}
    .content-heading-image > div { font-family: "LATOLight",Verdana,Geneva,sans-serif; padding: 10px 20px 0;width: 70%;}
    .home-banner > img { min-height: 240px;min-width:738px;}
}
@media (max-width:600px){
    .top_tabs li a {min-height: 65px;}
    .content-heading-image {  min-height: 275px;    }
    .getstartedbutton .mybutton {
        display: inline-block;
        font-size: 14px;
        height: auto !important;
        line-height: 24px !important;
        margin: 0 auto !important;
        min-width: 100px;
        padding: 4px 0;
        width: auto !important;
    }
    .trail-demo .getstartedbutton {
        display: inline-block;
        margin: 0 10px !important;
        width: auto;
    }
    .video_player.cboxElement > img {
        max-width: 200px;
    }
}
@media (max-width:480px){
    .top_tabs li {border-radius: 0 !important;display: block ; float: none;   margin: 0 auto 2px;   width: calc(100% - 30px); }
    .top_tabs .nav-tabs li:first-child,.top_tabs .nav-tabs li:last-of-type { margin-left: auto;}
    .top_tabs li a { border-radius: 0; min-height: 0;}
    .sub-content-heading {font-size: 18px; }
    .content-heading-image {font-size: 16px;}
}
@media (max-width:400px){
    #header .navbar-brand > img { max-width: 220px; }
    #header .navbar-default .navbar-toggle {margin-top: 20px;}
    .content-heading-image > div {padding: 10px 5px 0;}
    .content-heading-image { min-height: 325px;}
    .camera_caption {
        width:100% !important;
    }
}
/**changes **/
.trail-demo{display: inline-block;width:100%;}
.trail-demo .getstartedbutton{display: inline-block;}
.getstartedbutton .mybutton{margin:0 auto !important;}