/* Custom CSS */
.padding_40{padding-left: 40px; padding-right: 40px;}
.no_padding{padding: 0;}
.no_margin{margin: 0;}
.carousel-control.left{margin-left: -42px;  padding: 0;}
.carousel-control.right{padding: 0; right: -22px !important;}
html, body {
	
	font-family: "Neue Helvetica BQ";
	background-color:#f5f4f1;
}

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;
}

.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;}


.logo img 
{    width: 110px;
    margin: auto;}

.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:379px;
}
.form-box{
	background: rgba(157, 49, 26, 0.75) none repeat scroll 0 0;
	padding: 10px 20px 20px;
}
.txt-thanks h4{
    color: #ffa621;  
}
.txt-thanks a{color: deepskyblue;}
.txt-thanks a:hover {color: skyblue;}

.form-box h3 {
	color:#e5e8ed;
	font-size: 22px;
    line-height: 32px;
    text-align: center;
}
.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: "Neue Helvetica BQ";
	background: #c33b1e;
	box-shadow: 0px 5px 5px #888888;
	padding: 25px 30px;
	font-size: 20px;
    border-radius: 0;
}	
.nav > li > a {
	font-family: "Neue Helvetica BQ";
	padding: 24px 30px;
	background: #d1d2d5;
	box-shadow: 0px 3px 5px #888888;
	font-size: 20px;
	border-radius: 0;
	color:#c33b1e;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	 border-right: 1px solid #b7b8ba;
}
.nav > li > a:hover {
	background: #c33b1e;
	color:#fff;
}
.tab-content {
	 background: rgba(237, 239, 242, 0.68) none repeat scroll 0 0;
	 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 */
ul li p{margin-bottom: 0; font-size: 96%;}

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

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

.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:#c33b1e;}
.glyphicon-chevron-left:before {color:#c33b1e;}
/* logo slider */

.footer-bg {
	background-color: #c33b1e;
}
.footer-bg p {
	color:#fff;
	text-align: right;
}

.banner_text{background-color: #383633;}
.banner_text p{color: #fff; font-size: 120%; margin: 0;}
.banner_text h3{color: #fd6166; font-weight: bold; margin: 0;}

#mob {display:none;}
.div_form2 {background: rgba(131, 50, 32, 0.9);/*background-color: #505050;*/padding: 40px;}
.btn_style{width: auto; background-color: #ffa621; color: #000; border: 1px solid #ffa621; border-radius: 0;padding: 0 10px;}
#submit{width: 100%}
.div_form2 h3{color: #fff;}
.form-inline .form-control{border-radius: 0; width:100%;}

@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: 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;}
	.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;}
}

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

 @media screen and (max-width:768px)
 {
    .form-box{padding:20px 0!important; margin: 0 !important;}
    .form-box h3{margin-top: 0 !important;}
    .no_padding_sm{padding: 0;}  
     .div_form2{padding: 10px 0;}
}

 @media screen and (max-width:320px)
 {
.carousel-control.left {margin-left: -16px;}
     .carousel-control .glyphicon-chevron-right{margin-right: 0;}
}