@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
/* ===========================================================
   GENERAL STYLESHEET BY BYINARY THEME    
   ============================================================*/


body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #666;
    /*line-height: 16px;*/
    font-weight: 400;
	
}

/* Headers */
h1 {
	font-size: 38px;
	line-height: 48px;
	}
h2 {
	font-size: 32px;
	line-height: 42px;
	}
h3 {
	font-size: 26px;
	line-height: 36px;
	}
h4 {
	font-size: 22px;
	line-height: 32px;
	}
h5 {
	font-size: 20px;
	line-height: 30px;
	}
h6 {
	font-size: 18px;
	line-height: 26px;
	}	
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Sans', sans-serif;
	/*margin-bottom: 20px;*/
	color: #444;
	}

p{
	line-height: 27px;
    /*margin-bottom: 23px;*/
}

.text-center {
    text-align: center;
}


.main-top-margin {
    margin-top: 120px;
}

.main-low-margin {
    /*margin-top: -112px;
	position:relative;
	z-index:9999;
	background:#253993;
	width:100%;
	height:80px;*/
	margin-top:55px;
}

.banner-top{
	background-image:url(../images/banner-top1.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top; 
	margin-top:-23px;
	width:100%;
	height:24px;
	float:left;
	
}

.banner-border{
	border-right:1px solid #3b51b5;
	width:25%;
	height:80px;
}

a, a:hover {
    text-decoration: none;
}

p {
    line-height: 27px;
    font-size:14px !important;
    /*margin-bottom: 23px;*/
	text-align:justify;
	/*font-weight:300;*/
}

.img-margin-product {
    margin-top: 30px;
}

.bottam-pad {
    padding-bottom: 40px;
}

.space-bottom {
    height: 120px;
}

.space-top {
    height: 70px;
}

.main-icon {
    font-size: 350px;
    color: rgba(102, 110, 197, 1);
}

.head-line {
    font-size: 70px;
    padding-bottom: 50px;
    line-height: 65px;
    font-weight: 900;
}

/* ==========================================================================
   COLOR CODES
   ========================================================================== */
.color-orange{
	color:#ffa500;
}
.color-red {
    color: #ff0000;
}

.color-green {
    color: #07BB00;
}

.color-light-blue {
    color: #a7d9ee;
}

.color-blue {
    color: #253993;
}

.color-brown {
    color: #EB8F2D;
   
}
.color-white{
	color:#FFF;
}

.color-black {
    color: #000000;
}
.color-head{
	color:#666666;
}

.section {
    /*background: #050c54 url(../images/about/banner-3.jpg) no-repeat 50% 50%;
    background-size: cover;
  	color: #fff;
  	padding-top: 150px;
  	padding-bottom:150px;*/
	background: #050c54 url(../images/about/banner-3.jpg) no-repeat 50% 50%;
 	background-size: cover;
 	color: #fff;
  	padding-top: 150px;
  	padding-bottom:150px;
}
.news{
	background-color: #253993;
    color: #fff;
	padding-bottom:50px;
}
.circle-body {
width:100%;
height: 90px;
background-color: #253993;
border-right:1px solid #3b51b5;
margin-bottom:50px;
}
.price{background: url(../images/48_Calculator-128.png) no-repeat center top; width:100%; height:27px; position:relative; top:3px; margin-bottom:20px;}
.request{background: url(../images/quote-2.png) no-repeat center top; width:100%; height:27px; position:relative; top:3px; margin-bottom:20px;}

.mleft10{margin-left:10px;}

.mtop0{margin-top:0px;}
.mtop15{margin-top:15px;}
.mtop5{margin-top:5px;}
.mtop20{margin-top:20px;}
.mtop30{margin-top:30px;}
.mtop40{margin-top:40px;}
.mtop50{margin-top:50px;}

.padding0{padding:0px;}
.mbot0{margin-bottom:0px;}
.mbot50{margin-bottom:50px;}
.width100{width:100%;}
.fac-video{background:#ffa500; width:100%; height:40px;}

.icon-set {
    position: relative;
	padding: 30px;
}
.download{
	background:#ebebeb;
	width:100%;
	height:315px;
}
.rigid-left{
	width:50%;
	float:left;
	border: 1px solid #ededed;
}
.rigid-right{
	width:50%;
	float:right;
	border: 1px solid #ededed;
	
}

/* ==========================================================================
   Our Standards
   ========================================================================== */

.standard{
	background:#253993;
	width:100%;
	height:90px;
	margin-top:-20px;
}
.standard-right{
	background-image:url(../images/standard-right.png);
	background-repeat:no-repeat;
	background-position:right;
	width:100%;
	height:33px;
	position: absolute;
    top: 27px;
    left: -2px;
}
.clearout {
height:20px;
clear:both;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
	float:right;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    
   
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:100px;
    max-height:70px;
}
/* ==========================================================================
   about SECTION
   ========================================================================== */
.about-right{
	width:100%;
	height:100%;
	border:1px solid #ededed;
	padding:10px 25px;
	margin-bottom:30px;
	margin-top:30px;
}
.about-left{
	width:100%;
	height:100%;
	margin-bottom:30px;
}

.bdr-bot{border-bottom:1px dashed #ddd; margin:10px 0px;}
.bdr-rgt{border-right:1px solid #e0e0e0;}
.bdr-bott{border-bottom:1px solid #ddd; margin:10px 0px;}
.bdr{border:1px solid #ddd; margin:10px 0px;}

/* ==========================================================================
   PRICE SECTION
   ========================================================================== */

/*.active-div {
    background: #83BEFF!important;
}

#pricing-section .plan-main {
    background: #FFFFFF;
list-style: none;
margin: 0 0 20px;
text-align: center;
padding: 0;
border-bottom: 1px solid #e1e1e1;
border: 1px solid #E9E9E9;
}

    #pricing-section .plan-main li {
        padding: 10px 0;
        margin: 0 15px;
        border-bottom: 1px dashed #eee;
    }

        #pricing-section .plan-main li.plan-name {
            padding: 15px 0;
            font-size: 18px;
            font-weight: 700;
        }

        #pricing-section .plan-main li.plan-price {
            color: #666;
            padding: 15px 0;
            font-size: 48px;
        }

        #pricing-section .plan-main li.plan-action {
            margin-top: 20px;
            margin-bottom: 20px;
            border-bottom: 0;
        }

   
        #pricing-section .plan-main.featured .plan-price {
            color: #fff;
            background-color: #242424;
            border-bottom-color: #52b6ec;
            margin: 0;
        }

*/

/*==========================================
   SOCIAL ICON STYLES
    =====================================================*/


.color-facebook {
    color: #a7d9ee;
	padding: 0px 7px;
}

.color-twitter {
    color: #a7d9ee;
	padding: 0px 7px;
}

.color-google-plus {
    color: #a7d9ee;
	padding: 0px 7px;
}

.color-linkedin {
    color: #a7d9ee;
	padding: 0px 7px;
}

.color-pinterest {
    color: #a7d9ee;
	padding: 0px 7px;
}
/* ===========================================================
   COMPONENT.CSS  CHANGES   
   ============================================================*/
.slideshow nav span.nav-prev, .slideshow nav span.nav-next {
left: 33%!important;

}
.slideshow {
    z-index: 1500!important; 
}
.slideshow nav span.nav-close {
color: #FF0000;
}
    .slideshow nav span {
        color: #FF0000;
    }
/* ===========================================================
   SLIDER ADJUSTMENTS (slider.css)  
   ============================================================*/

     .slidesjs-container {
            height:550px!important;
        }
#slides {
   /* border:1px dashed #e1e1e1;*/
    /*padding:0px 0px 15px 0px;*/	
	margin-top:100px;
	
}
/* ===========================================================
   BOOTSTRAP ELEMENTS CHANGES   
   ============================================================*/
/*.navbar {
    font-weight: 500;
    font-size: 12px;
}

.navbar-inverse {
    background: #fff;
    border-color: #000;
	
}

    .navbar-inverse .navbar-nav > .active > a {
        background: #ffffff;
    }

    .navbar-inverse .navbar-brand {
        color: #fff;
        font-weight: bolder;
        font-size: 25px;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .navbar-inverse :hover .navbar-brand:hover {
        color: #fff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #4a4f55;
    }*/


/* ==========================================================================
   pcb SECTION
   ========================================================================== */
#Library-1 {
	background-image:url(../images/pcb-11.png);
    height: 317px;
    width: 235px;
    }

    #Library-1:hover {

    background-image:url(../images/hover/pcb-11.png);
    height: 317px;
    width: 235px;
    }
#Library-2 {
	background-image:url(../images/pcb-12.png);
    height: 317px;
    width: 235px;
    }

    #Library-2:hover {

    background-image:url(../images/hover/pcb-12.png);
    height: 317px;
    width: 235px;
    }
#Library-3 {
	background-image:url(../images/pcb-13.png);
    height: 317px;
    width: 235px;
    }

    #Library-3:hover {

    background-image:url(../images/hover/pcb-13.png);
    height: 317px;
    width: 235px;
    }
#Library-4 {
	background-image:url(../images/pcb-14.png);
    height: 317px;
    width: 235px;
    }

    #Library-4:hover {

    background-image:url(../images/hover/pcb-14.png);
    height: 317px;
    width: 235px;
    }
#Library-5 {
	background-image:url(../images/pcb-15.png);
    height: 317px;
    width: 235px;
    }

    #Library-5:hover {

    background-image:url(../images/hover/pcb-15.png);
    height: 317px;
    width: 235px;
    }
#Library-6 {
	background-image:url(../images/pcb-16.png);
    height: 317px;
    width: 235px;
    }

    #Library-6:hover {

    background-image:url(../images/hover/pcb-16.png);
    height: 317px;
    width: 235px;
    }

/* ==========================================================================
   FOOTER SECTION
   ========================================================================== */


#footer-top {
    background-color: #2b2f34;
    color: #b4b4b4;
    padding: 18px;
	width:100%;
	height:100%;
}
#footer {
    background-color: #25282c;
    color: #fff;
    padding: 12px;
	width:100%;
	height:100%;
}

/* ==========================================================================
   contacts SECTION
   ========================================================================== */
 .contact-right {
	
	width:50%;
	float:right;
	height:100%;
}
.contact-left {
	
	width:50%;
	float:left;
	height:100%;
}  
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="password"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Source Sans Pro", sans-serif;
		
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:25px;
	/*background:#f0f0f0;*/
}
#contact-form h3 {
	color:#e31e24;
	display:block;
	font-size:28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:20px;
	/*color:#b70b0c;*/
}
#contact-form label  {
	cursor:pointer;
	display:block;
	margin:10px 0;
        font-weight:normal;
	
}
#contact-form label span {
	cursor:pointer;
	/*color:#991D57;*/
	display:block;
	margin:5px 0;
	font-size:14px;
	/*font-weight:900;*/
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="password"],
#contact-form select,

#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#f8f8f8;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
	font-size:13px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form input[type="submit"]:hover,
#contact-form select:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:150px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	/*width:100%;*/
	border:none;
	background:#253993;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	background:#2941b0;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}

.section-header {
 /* margin-bottom: 30px;*/
  margin-top:100px;
}
.section-header .section-title {
  font-size: 25px;
  color: #253993;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 5px;
  margin: 50 0 20px;
}
.section-header .section-title:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #e8e8e8;
}
.section-header .section-title:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  /*border: 5px solid #fff;
  border-radius: 20px;
  background: #253993;*/
}
.btn {
  border-width: 0;
  border-bottom-width: 3px;
  border-radius: 3px;
}
.btn.btn-primary {
  background: #253993;
  border-color: #2a42ae;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #2a42ae;
  
}



/*************************
*******Header******
**************************/
.navbar.navbar-default {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px;
}
.navbar.navbar-default .navbar-brand {
  height: auto;
  padding: 22px 15px 21px;
}
@media only screen and (min-width: 768px) {
  #main-menu.navbar-default {
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  }
  #main-menu.navbar-default .navbar-nav > li > a {
   /* padding-top: 15px;
    padding-bottom: 15px;*/
	font-size:14px;
	padding:30px 5px 10px ;
	text-transform:uppercase;
	
  }
  #main-menu.navbar-default .navbar-nav > li{
	  padding:0px 3px;
  }
  
  #main-menu.navbar-default .navbar-nav > li.active > a,
  #main-menu.navbar-default .navbar-nav > li.open > a,
  #main-menu.navbar-default .navbar-nav > li:hover > a {
   
    /*padding-top: 20px;*/
    background:transparent;
	color:#253993;
	
  }
   #main-menu.navbar-default .navbar-nav > li:hover > a {
	    background:#253993;
		/*text-decoration:underline;*/
		color:#fff;
  
  }
  #main-menu.navbar-default .dropdown-menu {
    background-color: #253993;
    height: auto;
    left: 3px;
    margin: 0;
    min-width: 127px;
    padding: 0;
    position: absolute;
    /*width: 225px;*/
    z-index: 200;
	border:0;
	border-radius:0;
  }
  #main-menu.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    /*margin-left: 20px;*/
    padding-left: 0px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
	
  }
  #main-menu.navbar-default .dropdown-menu > li > a {
    /*border-top: 1px solid #404455;*/
    padding: 10px 7px;
    color: #fff;
	text-transform:uppercase;
  }
  #main-menu.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-menu.navbar-default .dropdown-menu > li.active,
  #main-menu.navbar-default .dropdown-menu > li.open,
  #main-menu.navbar-default .dropdown-menu > li:hover {
    /*border-left-color: #45aed6;*/
  }
  #main-menu.navbar-default .dropdown-menu > li.active > a,
  #main-menu.navbar-default .dropdown-menu > li.open > a,
  #main-menu.navbar-default .dropdown-menu > li:hover > a {
    color: #fff;
    background-color: #2940a6;
	
  }
  
}

#main-slider {
  overflow: hidden;
  padding-top:80px;
}
#main-slider .item {
  height: 558px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#main-slider .slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
#main-slider .slider-inner h2 {
  margin-top: 140px;
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
#main-slider .slider-inner h2 > span {
  color: #45aed6;
}
#main-slider .slider-inner .btn {
  margin-top: 10px;
}
#main-slider .owl-prev,
#main-slider .owl-next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 30px;
  display: inline-block;
  margin-top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100px;
  z-index: 5;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
  background-color: #45aed6;
}
#main-slider .owl-prev {
  left: -35px;
  text-indent: 14px;
}
#main-slider .owl-next {
  right: -35px;
  text-indent: -14px;
}
#bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #45aed6;
}
#progressBar {
  margin-top: -4px;
  /*position: relative;*/
  z-index: 999;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}

#cta2 {
  background: #fff;
  background-size: cover;
  color: #fff;
  padding-top: 50px;
  padding-bottom:50px;
}

.uniformity{
	color:#444;
}
.uniformity:hover{
	color:#253993;
}

.pwd{
	background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
    font-size: 13px;
    margin: 10px 0px 50px 0px;
    padding: 10px;
    width: 50%;
}
.pwd:hover{
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
.pwd-sub{
	cursor:pointer;
	/*width:100%;*/
	border:none;
	background:#253993;
	color:#FFF;
	margin:0 0 5px 10px;
	padding:8px;
	border-radius:5px;
	text-transform:uppercase;
}
.pwd-sub:hover{
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	background:#2941b0;
}
.create-pwd{
	background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
    font-size: 13px;
    margin: 10px 0px 20px 0px;
    padding: 10px;
    width: 50%;
}
.create-pwd:hover{
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
.createpwd-sub{
	cursor:pointer;
	/*width:100%;*/
	border:none;
	background:#253993;
	color:#FFF;
	margin:0 0 5px 0px;
	padding:8px;
	border-radius:5px;
	text-transform:uppercase;
}
.createpwd-sub:hover{
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	background:#2941b0;
}
.btn-success-1,.label-success-1{background-color:rgb(168,204,42); color:#fff;}
.btn-success-1:hover , .btn-success-1.active{background-color:rgb(159,194,38); color:#fff !important;}
.warning_color{color:rgb(236, 151, 31);}
.info_color{color:rgb(49,176,213);}
.danger_color{color:rgb(201,48,44);}
.success_color{color:rgb(68,157,68);}
.success1_color{color:rgb(168,204,42);}
.banner{
 background:url(../images/slider/slide-bg1.jpg);
 width:100%;
 height:550px;
 position:relative;
}
.banner_left{
 position:absolute;
 margin-top:165px;
 width:100%;
 float:left;
}
.banner_left span{
 color:#45aed6;
}
.banner_left p{
 color:#fff;
}
.banner_right{
 background:url(../images/slider/ban-right.jpg);
 width:500px;
 height:166px;
 float:right;
 position:absolute;
 margin-top:200px;
 left:20%;
 
}
@media only screen and (min-width: 768px) {
 .banner_right{left:10%;}
}
@media screen and (max-width: 480px) {
 .banner_right{display:none;}
 .banner_left{width:85%;}
 .circle-body{display:none;}
}
@media screen and (max-width: 320px){
 .banner_left{margin-top:120px;}
}