/*
Theme Name: Advanced Mechanical Services
Author: Pipe Media
Author URI: http://www.pipe.media
Description: Responsive WordPress Theme for Advanced Mechanical Services
Version: 1.0
*/

/* Basic Styles
------------------------------------------- */
	
	@font-face {font-family:"canela";src:url("fonts/canela_roman.eot?") format("eot"),url("fonts/canela_roman.woff") format("woff"),url("fonts/canela_roman.ttf") format("truetype"),url("fonts/canela_roman.svg#canela") format("svg");font-weight:normal;font-style:normal;}

	body {
		background-color: #FFF;
		font-family: "canela", Helvetica, Arial, Sans-serif;
		font-size: 16px;
		line-height: 21px;
		color: #454545;
	}

/* Typography
------------------------------------------- */
	
	h1, h2, h3, h4, h5, h6 {
		color: #337abd;
		font-weight: normal;
		margin: 0 0 12px; }
	h1 { font-size: 36px; line-height: 38px; }
	h2 { font-size: 26px; line-height: 30px; }
	h3 { font-size: 22px; line-height: 26px; }
	h4 { font-size: 20px; line-height: 24px; }
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	p { margin: 0 0 12px; }
	p img { margin: 0; }

	em { font-style: italic; }
	strong { font-weight: 600; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 22px; color: #555555; }
	blockquote { margin: 0; padding: 20px 0; }
	blockquote p:last-child { margin: 0; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	blockquote span.name { display: block; font-weight: 600; }

/*	Horizontal Line  */
	hr { border: solid #8797A7; border-width: 2px 0 0; clear: both; margin: 15px 0; height: 0; }

/* Links
------------------------------------------- */

	a { color: #454545; text-decoration: underline; outline: 0; -o-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; }
	a:hover { color: #444444; }

/* Lists
------------------------------------------- */

	ul {
		list-style: square;
		padding: 0 0 0 25px;
	}
	
	ul li, ol li {
		margin: 0 0 2px;
	}

/* Images
------------------------------------------- */

	img {
		max-width: 100%;
		height: auto;
	}

	img.alignleft {
		float: left;
		margin: 0 20px 0 0;
	}
	
	img.alignright {
		float: right;
		margin: 0 0 0 20px;
	}

/* Forms
------------------------------------------- */
	
	input, textarea, select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
	}

	form input, form textarea, form select {
		font-family: "canela", Helvetica, Arial, Sans-serif;
		box-shadow: none !important;
	}
	
	form .frm_submit button {
		background-color: #ED3338;
		border: none;
		color: #FFFFFF;
		font-size: 16px;
		padding: 10px 15px;
	}
	
	form .frm_submit .frm_ajax_loading {
		float: right;
		margin: 12px 0 0;
	}

/* Table
------------------------------------------- */

	table {
		margin: 0 0 20px;
	}

	table tr td {
		border-bottom: 1px solid #DDDDDD;
		padding: 10px;
	}

/* Cookie Consent
------------------------------------------- */

	#cookie-law {
	    background-color: #337abd;
		padding: 10px 0;
		width: 100%;
	}
	
	#cookie-law .sixteen.columns {
		width: 96%;
		margin: 0 2%;
	}

	#cookie-law p {
	    font-size: 14px;
	    color: #FFFFFF;
		margin: 0;
	}

	#cookie-law p a {
		color: #FFFFFF;
	}

	#cookie-law p a.close-cookie-banner {
		background: url('images/close.png') no-repeat;
		background-size: 20px 20px;
		float: right;
		width: 20px;
		height: 20px;
		display: block;
		text-indent: -9999px;
		margin: 1px 0 0;
	}

/* Header
------------------------------------------- */
	header .logo {
	    background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll 0 0 / 420px auto;
	    height: 76px;
	    width: 420px;
	}

	header .logo a {
	    display: block;
	    height: 100%;
	    text-indent: -9999px;
	    width: 100%;
	}
	.header_right .wrapper-right{
		float:right;
	}
	header .header_row{
		padding-top:35px;
		padding-bottom:35px;
	}

	header .tele_row .wrapper-right h2{
		color: #337abd;
		font-weight: lighter;
		text-align: right;
		margin:0px;
		padding-top: 8px;
	}
	header .tele_row .wrapper-right h3{
		color:#ed3338;
		text-align: right;
	}
	
	header .tele_row .wrapper-right h3 a {
		color:#ed3338;
		text-decoration: none;
	}
	a.menu{
		display:none;
	}
	
	nav ul{
		display:block;
	}
	ul#menu-primary{
		padding:0px 0px 0px 20px;
		margin:0px;
	}
	nav {
		background-color: #337abd;
	}
	.menu-primary-container ul li{
		display:inline;
		margin:0px;
	}
	.menu-primary-container ul li a{
		position: relative;
		color:#FFF;
		text-decoration:none;
		font-weight:100;
		font-size:20px;
		padding:15px 30px 13px;
		display: inline-block;
	}
	
	.menu .current-menu-item a{
		position: relative;
		background: url("images/selected.png") no-repeat;
		background-size: 17px 14px;
		background-position: 52% 37px; 
		display: inline-block;
	}



/* Footer
------------------------------------------- */
	.footer_wrapper  p.disclaimer{
		padding-top:20px;
		color: #454545;
		font-size:14px;
		line-height:1.5;
		
		text-align: center;
	}

	.footer_wrapper  p.disclaimer a{
		color: #454545;
		font-size:14px;
		text-decoration:none;
		font-weight:bold;
		margin: 0px 0px 20px 0px;
	}
	.footer_wrapper{
		border-top:2px solid #dddddd;
	}
	.footer_wrapper .footer-logo{
		position: relative;
		background: rgba(0, 0, 0, 0) url("images/ASM_footer.png") no-repeat scroll 0 0 / 38px auto;
	    height: 45px;
	    width: 38px;
	    left:50%;
	    -ms-transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    transform: translateX(-50%);
	    margin-top: 20px;
	}	
	
	
/* Page
------------------------------------------- */	
	
	.project-link{
		position: relative;
		display:inline-block;
		border-bottom:1px solid #DDD;
		text-decoration:none;
		width:100%;

		margin-top:20px;
		padding-bottom:10px;

	}

	.project-link .img-wrapper{
		width:150px;
		height:150px;
		position: relative;
		float:left;
		height:100%;
		display: block;
	}
	.project-link .text-wrapper{
		height:100%;
		display: block;
	}

	.project-link img{
		width:100%;
		height:150px;
	}

	.project-link h2{
		display:inline-block;
		position: relative;
		padding-left:10px;
		width: calc(100% - 160px);
	}

	.project-link p{
		display:inline-block;
		position: relative;
		padding-left:10px;
		width: calc(100% - 160px);
	}

	.project-link:last-child{
		border-bottom:0px;
	}

	.project{
		display: none;
		cursor: none;
	}

	.view-gallery{
		padding:8px 12px;
		color:#FFF;
		background: #337abd;
		display: inline-block;
		margin: 5px 0 10px 10px;
		cursor:pointer;
	}
	
	
/* Home
------------------------------------------- */
	.red-container{
		background-color: #ed3338;
		box-sizing: border-box;
		padding:20px;
		position: relative;
		overflow: auto;
		height: 372px;
	}

	.red-container h2{
		color:#FFF;
		font-weight: lighter;
		font-size: 20px;
		text-align: center;
		margin: 0px 0px 8px;
	}
	.red-container ul{
		list-style: none;
		width: 100%;
		padding:0px;
		margin-bottom: 20px;
	}

	.red-container ul li{
		color:#fbc1c2;
		text-align: center;
		font-size: 18px;
		margin-bottom: 5px;
	}	

	.red-container .img{
		position: relative;
	    display: inline-block;
	   	width:85px;
	   	height:85px;
	   	background-color: #FFF;
		box-sizing: border-box;
	}

	.red-container .img-1{
		float:left;
	}
	.red-container .img-2{
		float:right;
		width: 130px;
	}
	.red-container .img div{
		position: relative;
		left:50%;
		top:50%;
		-ms-transform: translate(-50% , -50%);
	    -webkit-transform: translate(-50% , -50%);
	    transform: translate(-50% , -50%);
	}

	.red-container .img-1 div{
		background: rgba(0, 0, 0, 0) url("images/red_img_1.png") no-repeat scroll 0 0 / 63px auto;
		height: 69px;
	    width: 63px;
	}


	.red-container .img-2 div{
		background: rgba(0, 0, 0, 0) url("images/storma.png") center no-repeat;
		background-size: 105px;
		height: 72px;
	    width: 110px;
	}
	
	.red-container .img-3 div {
		background: rgba(0, 0, 0, 0) url("images/safe_contractor.jpg") center no-repeat;
		background-size: 75px auto;
		height: 72px;
	    width: 110px;
	}


	.red-img-wrapper{
		position: relative;
		width:100%;
	}

	.slider-container{
		width:100%;
		height:300px;
		margin-top:20px;

	}
	h1.welcome{
		font-size: 24px;
		font-weight: lighter;
		color: #337abd;
	}
	h1.welcome span{
		color: #ed3338;
	}
	.lower-row{
		margin:30px 0px;
	}
	.slider-container{
		max-height:;
	}
	.bx-wrapper {
		border:0px;
		box-shadow: none;
	}
	.bx-wrapper, .bx-viewport {
	    height: 300px !important; 
	}
/* Tablet
------------------------------------------- */
	
@media only screen and (min-width: 768px) and (max-width: 959px) {
	a.menu{
		display:block;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		padding:10px 0px 10px 0px;
	}
	
	nav ul{
		display:none;
	}
	.menu .current-menu-item a {
		display:block;
		background:none;
	}
	.menu-primary-container ul li a {
		display: block;
		text-align: center;
		margin:0px;
		padding:10px 0px 8px 0px;
		border-top: 1px solid #86b4df;
	}
	ul#menu-primary {
		padding:0px;
	}

	header .logo {
    	background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll 0 0 / 420px auto;
    	height: 76px;
    	width: 420px;
	}
	
	header .tele_row .wrapper-right h3 {
		font-size: 20px;
	}

}

/* Mobile (Fluid)
------------------------------------------- */

@media only screen and (max-width: 767px) {
	a.menu{
		display:block;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		padding:10px 0px 10px 0px;
	}
	
	header .header_row {
		padding: 15px 0;
	}
	
	nav ul{
		display:none;
	}
	.red-img-wrapper {
		width:86%;
		left:7%;
	}
	.menu .current-menu-item a {
		display:block;
		background:none;
	}
	.menu-primary-container ul li a {
		display: block;
		text-align: center;
		margin:0px;
		padding:10px 0px 8px 0px;
		border-top: 1px solid #86b4df;
	}
	ul#menu-primary {
		padding:0px;
	}
	header .logo {
		position: relative;
	    background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll 0 0 / 420px auto;
	    height: 76px;
	    width: 420px;
	    box-sizing: border-box;
	    left:50%;
	    -ms-transform: translateX(-50%);
	    -webkit-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	header .tele_row .wrapper-right h2,
	header .tele_row .wrapper-right h3 {
		text-align: center;
	}
	.header_right .wrapper-right {
		margin-top: 20px; 
		float:none;
		width:100%;
	}
	.red-container {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 380px) {
	a.menu{
		display:block;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		padding:10px 0px 10px 0px;
	}
	
	nav ul{
		display:none;
	}
	.red-img-wrapper {
		width: 100%;
		left: 0;
	}
	.red-img-wrapper .img {
		width: 70px;
		margin: 0 5px 0 0;
	}
	.red-img-wrapper .img div {
		background-size: 60px auto;
		width: 60px;
	}
	.red-container .img-2 {
		width: 125px;
		float: left;
	}
	.red-container .img-2 div {
		background-size: 100px auto;
		width: 100px;
	}
	.menu .current-menu-item a {
		display:block;
		background:none;
	}
	.menu-primary-container ul li a {
		display: block;
		text-align: center;
		margin:0px;
		padding:10px 0px 8px 0px;
		border-top: 1px solid #86b4df;
	}
	ul#menu-primary {
		padding:0px;
	}
	header .logo {
	    background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll 0 0 / 100% auto;
	    height: 76px;
	    width: auto;
	    padding: 0px 10%;
	}
	header .tele_row .wrapper-right h2 {
		text-align: center;
	}
	.red-container {
		margin-top: 10px;
	}
}