.contact-form .form-inline .form-control@charset "utf-8";
/* CSS Document */

*{font-family: 'Lato', sans-serif; margin:0; padding:0; border:0; text-decoration:none !important; outline:none !important; list-style:none; color:#666666;}
a:hover{ text-decoration:none;} 
p{ margin-bottom:0; line-height:22px;}
ul{ margin:0; padding:0}
.clr{ clear:both;}

 .navbar-nav {
    float: right !important;
    margin: 0;
}
.logo{margin:25px auto !important; display:block }
header {
  width: 100%;
  height:125px;
  background-color: #fff;
  text-align: center;
  position: relative;
  position: fixed;
  top: 0;
  overflow: hidden;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 999999;
}
.navbar-brand {
float: left;
height:auto
}

/* Sticky Header Style */
/* ---------------------------------------- */
body.sticky-header {
  
}
body.sticky-header header {
  height: 120px;
  background-color: #fff;
}
body.sticky-header header .logo{
	margin:15px auto !important; 	 
	-moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;}

/*nav*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #269ae3;
    border-radius:0px !Important;
}
.navbar-nav > li{ margin-left:1px;}
.navbar-nav > li > a{font-size:18px; }
.nav > li > a {     
    padding:65px 24px 10px !important; 
	position: relative;
    z-index: 1;
}
.navbar-default .navbar-nav>li>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
    background-color: #269ae3;
    z-index: -1;
    transition: transform 0.3s;
}

.navbar-default .navbar-nav>li>a:hover::after {
    transform: scaleY(1);
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus.active {     
   color:#fff
}
.navbar-default .navbar-nav>li>a:hover{  color: #fff; }



.banner{ width:100%; display:block;  position:relative; height:650px;}
.banner h1{ font-size:120px; text-align:center; font-family: 'Montserrat', sans-serif; color: #fff;
font-weight: bold; margin:0; padding:0; }
.banner h3{ font-size:92px; text-align:center; color: #fff;font-weight:lighter;margin:0 0 25px; padding:0; line-height:55px;}
.banner p{ font-size:23px; text-align:center; color: #fff;font-weight:500;margin:0; padding:0;     line-height: 32px;}
.banner-btn {
    -webkit-appearance: none;
    cursor: pointer;
    display:table;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 1.15em 3.6em;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 0;
    border-width: 0 !important;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2.5em;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background:#1357a8;
	margin:25px auto;
	color: #ffffff !important;
	    
}

.banner-btn_title{ 
    color: #ffffff !important;
	font-size:14px;
    letter-spacing:2px;
	
}

.banner-btn_slide_left:hover {
    background-position: left bottom !important;
    color: #ffffff !important;
	
}
.banner-btn_slide_left {
        background: linear-gradient(to right,	#098be2 50%, #f3bf0a 50%) no-repeat scroll right bottom / 210% 100% !important;
}

/*about us*/
.about-us{
	padding:2% 0; display:block
}
.about-us .about_subtitle{
 position: relative;
padding-left: 10em;
}
.about-us .about_subtitle::before {

    position: absolute;
    content: '';
    left: 0;
    height: 1px;
    top: 0.6em;
    width: 8.1em;
 background-color: #f5c909;
;
}
.about-us h6{
  color: #f5c909;
  font-size:20px;
}
.about-us h2{
  color: #333;
  font-size:45px;
  font-weight:bold
}
.about-us p{
  color: #666;
  font-size:16px;
  line-height:30px;
  text-align:justify;
  font-weight:500
  
}
.sc_button {
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 1.65em 4.6em;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 0;
    border-width: 0 !important;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2.5em;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background:#1357a8;
	margin-top:25px;
	color: #ffffff !important;
	    
}

.sc_button_title{
 
    color: #ffffff !important;
	font-size:14px;
	
}

.sc_button_hover_slide_left:hover {
    background-position: left bottom !important;
    color: #ffffff !important;
	
}
.sc_button_hover_slide_left {
        background: linear-gradient(to right,	#f3bf0a 50%,#1357a8 50%) no-repeat scroll right bottom / 210% 100% !important;
}

/*solution*/
.solution{
	background:#efefef; padding:5% 0 10%;
} 
.solution .solution_subtitle{
 position: relative;
padding-left: 10em;
width: 24%;
margin: 0 auto;
}
.solution .solution_subtitle::before {
       position: absolute;
    content: '';
    left: 0;
    height: 1px;
    top: 0.6em;
    width: 8.1em;
 background-color: #269ae3;
}
.solution h6{
  color: #269ae3;
  font-size:20px;
}
.solution h2{
  color: #333;
  font-size:30px;
  font-weight:bold;
  margin-bottom:35px;
}

.sc_align_center {
    text-align: center;
}
.solution-list{
	background:#fff;
	padding:10%;
	position:relative;
	margin-top:-38%;
	border-bottom:#fff 4px solid;
	
}
.solution-list:hover{	 
	border-bottom:#eea210 4px solid;
	
}
.solution-list h3{
  color: #333;
  font-size:20px;
  font-weight:600;
  margin-bottom:5px;
}
.solution-list p{
  color: #666;
  font-size:16px;
  line-height:30px;
  text-align:center;
  font-weight:500;  
}

.subscribe{
	background:url(../images/subcribe.jpg)no-repeat;
	margin:3% auto 0% auto;
	display:block;
	padding:3% 0;
}
.subscribe h6{
  color: #fff;
  font-size:30px;
  font-weight:600;
  margin-bottom:5px;line-height:22px
}
.subscribe h3{
  color: #fff;
  font-size:40px;
  font-weight:600;
  margin-bottom:0px; line-height:22px
}
.subscribe p{
  color: #fff;
  font-size:30px;
  line-height:30px;
  text-align:left;
  font-weight:ligher; line-height:22px 
}
.subscribe-form .btn-lg, .btn-group-lg > .btn{border-radius: 24px;  }
.subscribe-form .input-group{width:100%}
.subscribe-form .email{width:100%; position:relative; margin:3% 0; text-align:left}
 
.subscribe-form .email-btn  { 
 right: 0; top:-10%;
position: absolute;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 1.0em 3.6em;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 0;
    border-width: 0 !important;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2.5em;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background:#1357a8;
	margin-top:25px;
	color: #ffffff !important;
	    
}

.subscribe-form .email-btn .email_title{
 
    color: #ffffff !important;
	font-size:14px;
	
}

.subscribe-form .email-btn .email_slide_left:hover {
    background-position: left bottom !important;
    color: #ffffff !important;
	
}
.subscribe-form .email-btn .email_slide_left {
        background: linear-gradient(to right,	#f3bf0a 50%,#1357a8 50%) no-repeat scroll right bottom / 210% 100% !important;
}

/*contact form*/
.contact-form{
	background:#efefef;
	 
	display:block;
	padding:3%;
}
.contact-form .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
	width:100%;
	    height: auto;
    padding:16px 12px;
	border: none;
    border-radius: 0;
	margin-bottom:15px;
}
.contact-form h2{
  color: #333;
  font-size:30px;
  font-weight:bold;
  margin-bottom:35px;
  text-align:center
}
.contact-form .error {
    color: #ff0000e0 !important;
    font-size: 13px !important;
}
.contactform .error {
    color: #ff0000e0 !important;
    font-size: 13px !important;
}
.contact-form-success-result{
  text-align: center;
}
 #result-success-msg{
    font-size: 18px;
    font-weight: 600;
    color: #09a209;
    text-align: center;
    margin: 0 !important;
}
.contact-form-error-result{
  text-align: center;
}
#result-error-msg{
    font-size: 18px;
    font-weight: 600;
    color: red;
    text-align: center;
    margin: 0 !important;
}
#footer{
	background:#022e6a;
	display:block;
	padding:3% 0 ;
	width:100%;
}
#footer img{
	 margin-bottom:20px; 
}
#footer p{
	 color:#fff; 
	font-size:14px;
letter-spacing:1px;	
display:block;
 margin-bottom:20px;
 font-family: 'Lato', sans-serif; 
}
#footer h3{
	 color:#fff; 
	font-size:19px;
letter-spacing:1px;	
font-weight:bold;
display:block;
 margin-bottom:20px;
}
#footer .social-media{
 	display:block;
	margin:0% auto 0 auto;
	width: auto;
	 
 	}
#footer .social-media i{
	color:#383838; 
	font-size:19px; 
  	width:45px; 
	text-align:center; 
	height:45px; 
	padding:8px 5px;
	border-radius:50%;
	line-height:30px;	 
	margin-right:5px;
	background:#fff;
 }
#footer .social-media i:hover{
	color:#fff;
	background:#eea210;
	 
  }

#footer i{
	color:#fff;font-size:19px; 
  }

#back2Top {
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
     position: fixed;
    bottom: 50px;
    right: 10px;
     color: #000;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
 
}
/*inner page*/
 
.entry-header-wrapper .page-title span, .entry-header-wrapper .entry-title span {
	position: relative;
	z-index: 2;
 }
.page-title span{
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: #ffffff;
}

.entry-header-wrapper .page-title span::before, .entry-header-wrapper .entry-title span::before {
    content: '';
    display: block;
    height: 32px;
    width: 30px;
    position: absolute;
    top: -14px;
    left: -20px;
    border: solid 2px #f5c908;
        border-top-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
    border-width: 2px 0 0 2px;
}
.entry-header-wrapper .page-title span::after, .entry-header-wrapper .entry-title span::after {
    content: '';
    display: block;
    height: 32px;
    width: 30px;
    position: absolute;
    right: -20px;
    bottom: -14px;
    border: solid 2px #f5c908;
        border-top-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
    border-width: 0 2px 2px 0;
}
.entry-header-wrapper {
    position: relative;
   padding:12% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
    color: #ffffff;
}
.inner-page{
    padding: 2% 0;
    display: block;
}
.inner-page p {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    font-weight: 500;
	margin-bottom:22px;
}
.inner-page h2{
  color: #333;
  font-size:30px;
  font-weight:400
}
.inner-page h1{
  color: #1357a8;
  font-size:35px;
  font-weight:bold
}
.contact_media i {
font-size: 25px;
color: #269ae3;
line-height: 45px;
width: 45px;
text-align: center;
height: 45px;
border-radius: 50%;
border: 1px solid #269ae3;
}
.contact_media p, .contact_media a{ line-height:25px; margin-bottom:35px;     color: #000;}
.contact-section {
background: #F8F8F8;
padding: 45px 40px 25px;
display:block;
overflow:hidden
}
.contact-section label {
margin: 0;
font-size: 15px !important;
color: #404040 !important;
line-height: 26px !important;
font-weight: normal !important;
margin-bottom: 6px !important;
}
.about-us-area .content-column {
background: #f7f7f7 none repeat scroll 0 0;
float: right;
height:657px;
overflow: hidden;
padding:95px 15px 50px 65px;
position: relative;
width: 50%;
}
.about-us-area .image-column {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	height: 100%;
	overflow: hidden;
	padding: 100px 0;
	position: relative;
	width: 50%;
}
.sec-title {
	margin-top: -6px;
	position: relative;
	padding-left: 24px;
}
 
.sec-title h3 {
	color: #f1561b;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 12px;
	text-transform: capitalize;
}
 
.sec-title p{
	font-size: 17px;
	color: #222;
	line-height: 29px;
	font-weight: 400;
	margin-top:10px;font-family: 'Lato', sans-serif; 
}
a.email {color:#fff;     letter-spacing: 1px;}
a.email:hover {color:#f3bf0a;}


#myBtn{ display:none;}

.got-modal {
    display: block; 
    position: fixed;    
    width: 100%;    
    overflow: auto;
    background-color:#ebebeb; 
    bottom: 0;
}
.popup-content {
    background-color:#ebebeb;
    margin: auto;     max-width:60%;
    padding: 20px;  font-size:15px; color: #222;   
}
.popup-content p{
        margin-bottom: 5px;
            font-size: 14px;
            font-weight:500; padding-top:6px
}
.popup-content a{
   color: #222;
   text-decoration:underline !important;
}
.got {
    color: #222;
    float: right;
    font-size:15px;
    font-weight:500; 
	border:2px #100e0e solid;
	padding:6px 25px 3px;
}
.got:hover,
.got:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
	background:#100e0e;
}


@media screen and (max-width:980px) {
	.navbar-nav {
        width: 64%;
}
.nav > li > a {
padding: 65px 13px 10px !important; font-size: 15px;}
 
 .banner {
    padding: 26% 0 14%;
}
.subscribe p {
font-size: 25px;}
.subscribe h6 {
font-size: 25px; line-height:35px; margin:0; padding:0}
.subscribe h3 {
font-size: 30px; margin:0; padding:0}
.subscribe-form .email-btn {
    top: -22%;
}
}

@media screen and (max-width:767px) {

 .navbar-toggle {

    margin-top: 57px;
    margin-right: 0;
}
header {
    height:auto; 
    position:static; 
}
.navbar {
    margin-bottom: 0px;
}
.navbar-nav {
    float: left !important;
    width: 100%;
    text-align: left;
}
.nav > li > a {
    padding: 15px 24px 15px !important;
	width:100%;    
}
.nav > li {
    margin-top:2px;  
}
.nav > li:last-child {
    margin-bottom:2px;  
}
.banner h1 {
font-size: 70px;}
.banner h3 {
font-size: 60px;}
.banner p {
    font-size: 22px;
    text-align: center;
    color: #fff;
    line-height: 30px;    
}
.sc_button { 
    padding: 1.65em 4.6em 1.2em;
margin-bottom:35px;	
}
/*.solution .solution_subtitle {
 width: auto;
 margin: 0;
}*/
.solution-list {
    margin-top: 0;
}
.solution { 
    padding: 5% 0 0%;
}
.subscribe p {
     font-size:18px;
     text-align: center;
 }
 .subscribe h6 { 
    font-size: 22px;
	text-align: center;
	padding: 0;
    margin: 0;
 }
.subscribe h3 {
    font-size: 27px; 
	text-align: center;
    padding: 0;
    margin: 0;
}
.subscribe-form .email-btn {
 
top: -24%;}
}

.subscribe-form button{
	right: 0;
    top: -10%;
    position: absolute;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 1.0em 3.6em;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 0;
    border-width: 0 !important;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2.5em;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #1357a8;
    margin-top: 25px;
    color: #ffffff !important;
}
.subscribe-form button:hover{
	background: linear-gradient(to right,	#f3bf0a 50%,#1357a8 50%) no-repeat scroll right bottom / 210% 100% !important;
}
.subscribe-form{
	color: #fff;
    font-size: 21px;
}
@media only screen and (max-width: 767px){
	.popup-content{
		max-width: 100%;
	}
	.subscribe-form .email{
		margin: 0% 0;
	}
	.subscribe-form button{
		margin-top: 0;
		top: 0;
		position: absolute !important;
	}
	.subscribe-form form{
		margin: 40px 40px 0px;
		padding-bottom: 20px;
	}
	.banner {
		padding: 0% 0 14%;
	}
	.banner-content {
		position: absolute;
		top: 50% !important;
	}
	
	.solution .solution_subtitle{
		width: 40%;
		    margin: 0 auto;

	}
	#back2Top img{
		width: 100%;
	}
	#back2Top{
		right: 10px;
	}
	.subscribe{
		padding: 3% 0% 0%;
	}
	
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .subscribe-form button{
    top: -16%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .subscribe-form button{
    top: -22%;
  }
}
@media only screen and (max-width: 425px){
	.solution .solution_subtitle {
		width: 100%;
		padding-left: 0px;
		text-align: center;
	}
	.subscribe-form button{
		padding: 1.0em 2.6em;
	}
	.subscribe-form form {
		margin: 40px 0px 0px;
	}
	.page-title span{
		padding: 15px;
	}
	.entry-header-wrapper .page-title span::before{
		left: 0px;
	}
	.entry-header-wrapper .page-title span::after{
		right: 0px;
	}
	.about-us .about_subtitle::before{
		display: none;
	}
	.about-us .about_subtitle {
		padding-left: 0px;
		text-align: center;
	}
	.solution .solution_subtitle::before{
		display: none;
	}
	.about-us h2{
		font-size: 30px;
	}
	
}

@media only screen and (max-width: 375px){
	.about-us h2 {
		font-size: 24px;
	}
	.solution h2 {
		font-size: 24px;
	}
}
@media only screen and (max-width: 320px){
	.navbar-brand{
		width: 75%;
	}
	.about-us h2 {
		font-size: 21px;
	}
	.solution h2 {
		font-size: 21px;
	}
	.subscribe h6{
		font-size: 21px;
	}
	.subscribe h3{
		    font-size: 24px;
	}
	#footer .col-xs-11{
		width: 90% !important;
	}
	.subscribe-form .email{
		line-height: 23px;
	}
	.about-us .sc_button {
		padding: 1.65em 1.6em 1.2em;
	}
	.contact-form .sc_button {
    padding: 1.65em 2.6em 1.2em;
	}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .subscribe-form .input-group{
    text-align: center;
  }
  .subscribe-form button{
    position: relative;
    margin-top: 0;
  }
}