/* Custom CSS */

html, body {
	
	/*font-family: "roboto";*/
    font-family: "arial";
	background-color:#f5f4f1;
}
h1, h2, h3 {font-family: "arial"; /*font-weight: 600;*/}

.logo{height: 80px; width: auto !important;}
.logo1{    height: 100px; width: auto;}
header h2{color: #4279b6;}

header{
		height: 110px;
		// set animation
        -webkit-transition: all 0.4s ease;
	    transition: all 0.4s ease;
		}
header.sticky {
            position: fixed;
			height: 80px; 
            width: 100%;
            background: rgba(245, 244, 241, 0.9) none repeat scroll 0 0;
			z-index: 1;
			}
header.sticky img {
	width:71px;
	height:60px;
}

.div_form2 {
    background: rgba(60, 139, 200, 0.7);
    /*background-color: #505050;*/
    padding: 50px;
}

.form-inline .form-group {
    padding: 0px 5px;
}

.form-inline .form-control {
    width: 100%;
    border-radius: 0px;
}

.btn_style{margin-top: 30px; border: none; border-radius: 0; color: #fff; background-color: #ed8c01; font-weight: 800;}
#submit{border: none; border-radius: 0; color: #fff; background-color: #ed8c01; padding: 5px 10px; font-size: 16px;}
.form_input{width: 100%; padding: 5px 10px;}

.sticky_form{position: fixed; top: 2%; right: 0; z-index: 81; background-color:#3c8bc8; max-width: 210px; z-index: 9999;}
.sticky_form h4{margin: 0; margin-bottom: 10px; color: #fff; /*height: 18px; overflow: hidden;*/}
.slide-toggle{position: absolute; top: 44px; left: -76px; background-color:#3c8bc8;  /*background:rgba(50, 57, 97, 0.8);*/ z-index: 1000; transform: rotate(-90deg); color: #fff; text-align: center; padding: 6px 15px; border: none; width:120px;}
.box{display: none; padding: 15px;}
/*.form-control{border-radius: 0; background: transparent; color: #fff; margin-top: 7px;}*/
.btncall{position: fixed;  top: 300px; right: 0;  background-color: #3c8bc8;  /* background: rgba(50, 57, 97, 0.8); */  z-index: 99999; /* transform: rotate(-90deg); */ /* color: #fff; */  text-align: center;   padding: 7px;  /* border: none; */ /* width: auto; */ /* height: auto; */}
.btncall span { position: relative;  /* transform: rotate(450deg); */ /*background-color: #323961;*/ /*padding: 7px;*/}
.btncall a{color: #fff; display: inline-block;}
.sticky_form .error_msg { color: #b5753b;}

.p-top-10{ padding-top:10px;}
.p-top-20{ padding-top:20px;}
.p-top-30{ padding-top:30px;}
.p-top-40{ padding-top:40px;}
.p-top-50{ padding-top:50px;}
.p-top-60{ padding-top:60px;}
.p-top-80{ padding-top:80px;}
.p-bottom-10{ padding-bottom:10px;}
.p-bottom-20{ padding-bottom:20px;}
.p-bottom-30{ padding-bottom:30px;}
.p-bottom-40{ padding-bottom:40px;}
//.p-bottom-50{ padding-bottom:50px;}
.m-top-10{ margin-top:10px;}
.m-top-20{ margin-top:20px;}
.m-top-30{ margin-top:30px;}
.m-top-40{ margin-top:40px;}
.m-top-50{ margin-top:50px;}
.m-top-60{ margin-top:60px;}
.m-top-80{ margin-top:80px;}
.m-bottom-10{ margin-bottom:10px;}
.m-bottom-20{ margin-bottom:20px;}
.m-bottom-30{ margin-bottom:30px;}
.m-bottom-40{ margin-bottom:40px;}
.m-bottom-50{ margin-bottom:50px;}

.top-title{
	text-align:right;
}
.form-bg {
	background:#f4f4f4 url("../img/slide.jpg")no-repeat center top; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:545px;
}
.form-box{
	background:rgba(60, 139, 200, 0.7);
	padding: 10px 20px 20px;
}
.form-box h3 {
	color:#fff;
	font-size: 21px;
    line-height: 32px;
    text-align: center;
}
.form-box h4 {
	color:#e5e8ed;
	font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.form-box a {
	color:#fafafa;
}
.content-bg {
	background:#f4f4f4 url("../img/content-bg.jpg")no-repeat center top; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Tab */
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	font-family: "arial";
	background: #3c8bc8;
	box-shadow: 0px 5px 5px #888888;
	padding: 25px 30px;
	font-size: 20px;
    border-radius: 0;
}	
.nav > li > a {
	font-family: "arial";
	padding: 24px 30px;
	background: #d1d2d5;
	box-shadow: 0px 3px 5px #888888;
	font-size: 20px;
	border-radius: 0;
	color:#3c8bc8;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	 border-right: 1px solid #b7b8ba;
}
.nav > li > a:hover {
	background: #3c8bc8;
	color:#fff;
}
.tab-content {
	 background:rgba(232, 238, 239, 0.7);
	 border: 1px solid #cfd1d4;
	 padding-left: 30px;
     padding-right: 30px;
	 /*height: 380px;*/
}
.nav-pills > li + li { margin-left: 0;}

.nav > li {width: 21%;}

/* end Tab */

.main ul{	
	/*list-style-image: url('../img/list.png');*/
}

.main ul li {
	font-family: "arial";
	font-size: 18px;
	line-height: 28px;
	color:#5d5d5d;
	margin-bottom: 10px;
}
.main h2 {
	text-align:center;
	margin-bottom:20px;
}
.main a {color: #3c8bc8;}

.about-us h1 {
	text-align: center;
	color:#c64327;
	margin-bottom:25px;
	margin-top: 0;
}
.about-us ul{	
	/*list-style-image: url('../img/list.png');*/
}

.about-us ul li {
	font-size: 18px;
	line-height: 28px;
	color:#5d5d5d;
	margin-bottom: 10px;
}
.client-bg {
	background: rgba(237, 239, 242, 0.45) none repeat scroll 0 0;
}
.client h1 {
   text-align: center;
	color:#c64327;
	margin-bottom:25px;
}

/*logo slider */
.glyphicon-chevron-right:before {color:#3c8bc8;}
.glyphicon-chevron-left:before {color:#3c8bc8;}
/* logo slider */

.footer-bg {
	background-color: #3c8bc8;
}
.footer-bg p {
	color:#fff;
	text-align: right;
}
.m-top-60{
    margin-top: 60%;
}

#mob {display:none;}
#submit{
 border:1px solid #ff9913; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #f5f5f5;
  background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
@media screen and (max-width: 480px) and (min-width: 320px) {
	#mob {display:block!important;}
	header { height: 115px;}
	header.sticky {display:none;}
	.logo img { width:71px; height:60px;  margin: 0 auto;}	
	.top-title {font-size: 18px; text-align: center; margin-bottom: 10px; margin-top: 10px;}
	.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
	.nav > li {width: 100%;}
	.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
	font-size: 18px;  padding: 20px 30px;}
	.p-top-50 { padding-top: 30px;}
	.nav > li > a {font-size: 18px; padding: 20px 30px;}
	.tab-content{ padding-left: 10px; padding-right: 10px;}
	.main h2{ font-size: 22px;}
	.main ul li{font-size: 16px; line-height: 27px;}
	.m-top-40 { margin-bottom: 20px;  margin-top: 20px; }
	.form-bg { height: auto;}
	.about-us h1 {font-size: 30px; margin-bottom: 20px;}
	.about-us ul li { font-size: 16px; line-height: 26px;}
	.client h1 { font-size: 30px; margin-bottom: 5px;}
	.form-box h3 { font-size: 20px; line-height: 30px;}
}
@media screen and (max-width: 640px) and (min-width: 360px) {
	.form-box h3 { font-size: 17px;  line-height: 28px; }	
	#mob {display:block!important;}
	header { height: 115px;}
	header.sticky {display:none;}
	.logo img { width:71px; height:60px;  margin: 0 auto;}	
	.top-title {font-size: 20px; text-align: center; margin-bottom: 10px; margin-top: 10px;}
	.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
	.nav > li {width: 100%;}
	.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
	font-size: 18px;  padding: 20px 30px;}
	.p-top-50 { padding-top: 30px;}
	.nav > li > a {font-size: 18px; padding: 20px 30px;}
	.tab-content{ padding-left: 10px; padding-right: 10px;}
	.main h2{ font-size: 22px;}
	.main ul li{font-size: 16px; line-height: 27px;}
	.m-top-40 { margin-bottom: 20px;  margin-top: 20px; }
	.form-bg { height: auto;}
	.about-us h1 {font-size: 30px; margin-bottom: 20px;}
	.about-us ul li { font-size: 16px; line-height: 26px;}
	.client h1 { font-size: 30px; margin-bottom: 5px;}

}
@media screen and (max-width: 600px) and (min-width: 800px) {
#mob {display:block!important;}
.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;}
.form-bg { height: auto; }
.form-box h3 {font-size: 20px; line-height: 30px;}
.m-top-40 {margin-bottom: 20px; margin-top: 20px; }
.nav > li { width: 100%; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	font-size: 18px; padding: 20px 30px; }
	.nav > li > a { font-size: 18px; padding: 20px 30px;}
	.main h2 {font-size: 26px;}
	.main ul li {font-size: 16px; line-height: 27px;}
	.about-us h1 { font-size: 32px;}
	.about-us ul li { font-size: 17px; line-height: 27px;}
	.client h1 { font-size: 32px; margin : 0;}
}


@media screen and (max-width: 1024px) and (min-width: 768px)  {
#mob {display:block!important;}
.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;}
.form-bg { height: auto; }
.form-box h3 {font-size: 20px; line-height: 30px;}
.m-top-40 {margin-bottom: 20px; margin-top: 20px; }
.nav > li { width: 100%; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	font-size: 18px; padding: 20px 30px; }
	.nav > li > a { font-size: 18px; padding: 20px 30px;}
	.main h2 {font-size: 26px;}
	.main ul li {font-size: 16px; line-height: 27px;}
	.about-us h1 { font-size: 32px;}
	.about-us ul li { font-size: 17px; line-height: 27px;}
	.client h1 { font-size: 32px; margin : 0;}
	
	.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;}
    
}

 @media screen and (min-width: 1900px) {
	.form-bg {   height: 540px!important;}
}