@charset "utf-8";
/* CSS Document */

.heading16pt {
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	margin-bottom: 10px;
    margin-top: 20px;
}

/* --- GLOBAL RULES --- */
section{padding:40px 0;}
h2{font-size:42px;text-align:center;font-weight:bold;}
.button-primary{padding:15px 30px;display:block;text-align:center;border-radius:5px;font-size:16px;max-width:250px;}
.button-secondary{padding:10px 40px;display:inline-block;text-align:center;border-radius:5px;font-size:16px;max-width:200px;margin:0 auto;}
.top-buffer-5{margin-top:5px !important;}
.top-buffer-10{margin-top:10px !important;}
.top-buffer-20{margin-top:20px !important;}
.top-buffer-30{margin-top:30px !important;}


ul{list-style:none;padding:0;}
.list-big{margin-top:20px;}
.list-big li{margin-bottom:5px;font-size:16px;padding:0 0 3px 25px;}

/* --- RULES FOR HEADER --- */
	/* --- RULES FOR LOGO --- */
	#branding{padding:14px 0;z-index:9;}
	
	/* --- RULES FOR NAVBAR --- */
	#navbar, .navbar-collapse{padding:0;}
	.navbar-nav{float:right;}
	
		/* --- RULES FOR NAVBAR HEADER --- */
		.navbar-header{
			display:none !important
		}
		.icon-bar:before {
    		top: 5px;
			transition: all 0.5s ease 0s;
		}
		.navbar-toggle:hover .icon-bar:before{
			top:6px;
		}
		.icon-bar:after {
			top: -5px;
			transition: all 0.5s ease 0s;
		}
		.navbar-toggle:hover .icon-bar:after{
			top:-6px;
			
		}
		.icon-bar:before, .icon-bar:after {
			border-radius: 1px;
			content: "";
			display: inline-block;
			height: 2px;
			left: 0;
			position: absolute;
			transform-origin: 0.28571rem center 0;
			transition: all 0.5s ease 0s;
			width: 22px;
		}
		.icon-bar {
			border-radius: 0.28571rem;
			display: inline-block;
			height: 0.57143rem;
			position: relative;
			transition: all 0.5s ease 0s;
			width: 4rem;
		}
		.navbar-toggle:not(.collapsed) .icon-bar{background:transparent;}
		.navbar-toggle:not(.collapsed) .icon-bar:before {
			transform: rotate3d(0, 0, 1, 45deg);		
		}
		.navbar-toggle:not(.collapsed) .icon-bar:after {
			transform: rotate3d(0, 0, 1, -45deg);		
		}
		.navbar-toggle:not(.collapsed) .icon-bar:before, .navbar-toggle:not(.collapsed) .icon-bar:after {
			top: 0;
			transform-origin: 50% 50% 0;
		}
		
	#banner > img{max-width:100%;}
	
	
	.phone-wrap {
		margin-left:20px;	
	}
	.phone-wrap span {
		display:block;padding:30px 15px 25px 35px;
	}
	.phone-wrap span i {
		margin-right:5px;	
	}
	
	.list-hover-slide > li {
		position: relative;
		/*overflow: hidden;*/
	}
	
	.list-hover-slide > a {
		display: block;
		position: relative;
		z-index: 1;
	}
	
	.list-hover-slide > a:before {
		content: '';
		display: block;
		z-index: -1;
		position: absolute;
		left: 0;
		top: -100%;
		width: 100%;
		height: 100%;
		transition: 0.7s ease top;
	}
	
.alt-lists{list-style:none;padding:0;margin:20px 0 0;}
.alt-lists li{padding:8px 8px 8px 25px;background:url('../images/li-bg.png') no-repeat;background-position:top 15px left 10px !important;}
.alt-lists li:nth-child(odd){background-color:#ffffff;}
.alt-lists li:nth-child(even){background-color:#F3F2F0;}
	
	.menu-item-border {
		height: 0px;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		transition: 0.5 ease height;
		z-index: 9;
	}
	
	.list-hover-slide a.is-current:before, .list-hover-slide a:hover:before {
		top: 0;transition:0.5s top;
	}
	
	.list-hover-slide:hover .menu-item-border {
		height: 5px !important;
		transition: .5s ease height !important;
	}
	
	/* --- RULES FOR BANNER INTRO --- */
	#banner-intro{padding:30px 0;}
	.banner-header-brief{font-size:22px;text-align:center;margin:0;padding:12px 0;}
	
	
	/* --- RULES FOR CONTENT --- */
	#content .header-brief{font-size:20px;text-align:center;margin:0;}
	#content p{font-size:16px;line-height:24px;margin:20px 0 0;}
	
	#footer .footer-col-header{font-size:18px;}
	
	@media only screen and (min-width: 150px) and (max-width: 1200px) {
		#banner-intro .button-primary{margin:0 auto;}	
	}
	@media only screen and (min-width: 150px) and (max-width: 1200px) {
		.phone-wrap{display:none !important;}
		section.container{width:94%;padding:20px 3%;}	
	}
	@media only screen and (min-width: 150px) and (max-width: 768px) {
		#navbar{float:none !important;}
		.navbar-nav{width:100%;}
		.navbar-header{display:block !important;margin-top:15px;}
		.banner-header-brief{font-size:18px;}
		h2{font-size:24px;}
		.footer-section .top-buffer-20, .footer-section .top-buffer-30{margin:10px 0 40px !important}
	}
	@media only screen and (min-width: 150px) and (max-width: 480px) {
		.carousel-inner img{
			position:relative;
			left:-165px;
			height:200px !important;
			max-width:none !important;
		}
		
	.carousel-control{height:30px;width:30px;background-size:100% !important;}
	#banner-intro{padding:10px 0 20px;}
	.footer-section{margin-top:40px;}
	}