@charset "utf-8";

/* CSS Document */
@media  (min-width:1800px){
	
}

@media screen and (min-width:1490px){
	.container{
		width:1460px;
	}
}
@media screen and (max-width:1400px) {
	.navigation-outer .navbar-right {
		margin: 10px 0px 0px;
	}
	.navigation-outer .navbar-brand{
		max-width: 200px;
	}
	.banner .banner-content h2{
		font-size: 36px;
		margin: 0px 0px 20px;
		width: 650px;
	}
	.banner .banner-content p{
		font-size: 18px;
		max-width: 875px;
	}
	.contact-wrap:before{
		left: -500px;
	}
	.banner .banner-content{
		top: 58%;
	}


}



@media screen and (max-width:1200px) {
	.overlay-content-in h2{
		margin-bottom: 10px;
	}
	.overlay-content-in{
		top: 30%;
			padding: 0px 25px;
	}
	.overlay-content-in p {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.2;
}
.overlay-content-in h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 25px;
    margin-top: 15px;
    text-transform: uppercase;
}
.overlay-content-in .complete {

    margin-top: 15px;
	font-size:12px;
	line-height:12px;
	padding:5px;

}

}
@media (max-width: 1199px){
	.brand-wrap .brand-item:hover .overlay-logo{
		top:20%;
	}
	.overlay-content-in{
		top:40%;
	}
}

@media (max-width: 1026px){
	video{
		width:auto;
		height:100%;
	}
}


@media screen and (max-width:991px) {
	.navbar-nav>li>.dropdown-menu{
		width:100%;	

	}
	.banner-content h3 {
		font-size: 28px;
	}
	.banner-content p{
		font-size: 18px;
	}
	.navigation-outer .navbar-default .navbar-nav>li>a{
		margin-left:25px;
		line-height: 1.9;
	}
	.navigation-outer .navbar-brand{
		max-width:200px;
	}
	.header.scroll .navigation-outer .navbar-brand img{
		max-width: 103px;
	}
	.about-wrap{
		padding:35px 0px;
	}
	.about-wrap h2, .contact-wrap h2{
		font-size:36px;
	}
	.about-wrap .about-content{
		margin:30px auto;
	}
	.contact-wrap{
		padding:40px 0px 50px;
	}
	.contact-bottom-wrap .contact-address p a{
		color:#555;
	}
}
@media (min-width: 767px){
	.navigation-outer .navbar-nav>li:hover .dropdown-menu{
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInUp 400ms;
		-ms-animation: fadeInUp 400ms;
		-o-animation: fadeInUp 400ms;
		-moz-animation: fadeInUp 400ms;
	}
}
@media screen and (max-width:967px){
	.navigation-outer .navbar-default .navbar-nav>li>a{
		margin-left: 0px;
		font-size:18px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin: 15px -15px 0;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.container-fluid > .navbar-collapse {
		margin-left: -15px;
		margin-right: -15px;
	}
	.navbar-collapse {
		border-top: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: rgba(47, 47, 47, 0.92);
	}
	.navbar .navbar-toggle {
		border: none;
		padding: 0 0;
		box-shadow: none;
		margin-top: 12px;
	}
	.navbar .navbar-toggle, .innerHeader .navbar .navbar-toggle {
		margin-top: 20px;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}
	.header.scroll .navbar .navbar-toggle, 
	.header.scroll .innerHeader .navbar .navbar-toggle{
		margin-top:15px;
	}
	.navbar-toggle .icon-bar {
		width: 35px;
		height: 4px;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		background: #fff;
	}
	.navbar-toggle.collapsed .icon-bar:nth-child(2) {
		transform: rotate(0);
		-moz-ransform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	.navbar-toggle.collapsed .icon-bar:nth-child(3) {
		opacity: 1;
	}
	.navbar-toggle.collapsed .icon-bar:nth-child(4) {
		transform: rotate(0);
		-moz-ransform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	.navbar-toggle .icon-bar:nth-child(2) {
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform-origin: 10% 90%;
		-moz-transform-origin: 10% 90%;
		-ms-transform-origin: 10% 90%;
		-o-transform-origin: 10% 90%;
		-webkit-transform-origin: 10% 90%;
	}
	.navbar-toggle .icon-bar:nth-child(3) {
		opacity: 0;
	}
	.navbar-toggle .icon-bar:nth-child(4) {
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform-origin: 25% 90%;
		-moz-transform-origin: 25% 90%;
		-ms-transform-origin: 25% 90%;
		-o-transform-origin: 25% 90%;
		-webkit-transform-origin: 25% 90%;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color:#fff;	
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background: none;
	}
	.contact-bottom-wrap .contact-address{
		padding-top: 5px;
    	text-align: center;
	}
	.contact-form-wrap #fname{
		border-right:0;
	}
	.contact-bottom-wrap .contact-address h3{
		margin-bottom:12px;
	}
	.contact-bottom-wrap .contact-address p{
		font-size:16px;
	}
	.contact-wrap:before {
		left: -130%;
	}
	.contact-form-wrap #fname{
		border-bottom: 1px solid #a1a1a1;
	}
	.footer .footer-top{
		text-align: center;
	}
	.social-wrap ul>li>a{
		line-height: 2.7;
	}
	.footer-bottom{
		padding: 5px 0px;
	}
	.about-wrap h2, .contact-wrap h2{
		font-size: 26px;
		padding-bottom: 8px;
	}
	.about-wrap,.contact-wrap{
		padding: 30px 0px;
	}
	.navigation-outer .navbar-right .dropdown-menu{
		position: static;
	}

	.banner .banner-content h2{
		font-size: 25px;
		max-width: 100%;
	}
	.overlay-content-in .complete{
		    margin-top: 15px;
	font-size:12px;
	line-height:12px;
	padding:5px;
	}
	.banner .banner-content p{
		max-width: 100%;
	}
	.contact-bottom-wrap .contact-address p a{
		display: block;
	}
	.navigation-outer .navbar-brand{
		margin-left: 15px !important
	}
	.header{
		background:rgba(0, 0, 0, 0.80);
	}
	.navbar-nav .open .dropdown-menu{
	    background-color: #fff;		
	}
	.navigation-outer .navbar-default .navbar-nav>li:hover> a, .navigation-outer .navbar-default .navbar-nav>li:focus> a, .navigation-outer .navbar-default .navbar-nav>li:active> a{
		border-bottom:none;
	}
	.navigation-outer .navbar-default .navbar-nav>li.active:hover> a,
	.navigation-outer .navbar-default .navbar-nav>li.active:focus> a,
	.navigation-outer .navbar-default .navbar-nav>li.active:active> a{
		border-bottom: 6px solid #ed2427
	}
	.nav>li{
		margin:10px 0;
	}
	.navigation-outer .navbar-right{
		margin:10px 0px 15px;
	}
	.navigation-outer .navbar-brand{
		max-width:125px;
	}
	.header.scroll .navigation-outer .navbar-brand img{
		max-width: 96px;
	}
	.about-wrap .about-content p{
		font-size:15px;
	}
	.banner .banner-content p{
		font-size:16px;
	}
	.about-wrap .about-content{
		margin:30px auto 0;
	}
	.contact-in{
		font-size: 20px;
		margin:30px 0px 0px;
	}
	.contact-in p{
		font-size:16px;
	}
	.social-wrap{
		padding-bottom:5px;
	}
	.footer-menu ul li>a{
		padding-bottom:5px;
		font-size:16px;
	}
	.footer-menu ul li.active>a{
		border-bottom:4px solid #ed2427;
	}
	.footer-bottom p{
		text-align: center;
	}
	.contact-form-wrap textarea{
		min-height:160px;
	}
	.contact-form-wrap .form-control{
		height:40px;
	}
	/*
		Fixes 2017/4/4
	------------------------------------*/
	.brand-wrap .brand-item .overlay-content{
	    background: #ed2427;
		cursor: pointer;
		border-bottom: 1px solid #fff;
	}
	.brand-wrap .brand-item .overlay-logo{
		top: 25%;
	}
	.brand-wrap .brand-item  .overlay-content-in{
		opacity:1;
	}
}
@media screen and (max-width:600px){
	body{
		font-size:13px;	
	}
	.contact-wrap:before {
		left: auto;
		position: static;
		background: none;
	}
	.footer-menu ul li>a{
		margin-left: 15px;
		font-size: 18px;
	}
	.contact-bottom-wrap .contact-form-wrap{
		padding-top: 40px;
	}
	.navigation-outer .navbar-default .navbar-nav>li>a{
		font-size: 18px;
	}



}
@media screen and (max-width:480px){
	 .overlay-content-in{
	 	top:35%;
	 }
	 .footer-menu ul li>a{
	 	margin-left:10px;
	 	font-size:16px;
	 }
	 /*
		Fixes 2017/4/4
	------------------------------------*/
	.brand-wrap .brand-item .overlay-logo,
	.brand-wrap .brand-item:hover .overlay-logo{
		top:20%;
		max-width:180px;
	}
}