@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,900);

@import"grid.css";
@import"superfish.css";
@import"jquery.mmenu.css";
@import"jquery.mmenu.positioning.css";
@import"../cookies/cookiecuttr.css";



/* GLOBAL STYLES
--------------------------------------------- */
html, body { overflow:auto}

body { overflow-x: hidden; font: normal 15px/20px 'Lato', sans-serif; color: #666666; background: #a8b4be; }

img { max-width:100%; vertical-align: top;}

h1 { font-size: 40px; line-height: 50px; font-weight: 700}
h2 { font-size: 25px; line-height: 31px; font-weight: 700 }
h3 { font-size: 20px;line-height: 30px; font-weight: 700}
h4 { font-size: 17px; line-height: 23px}

p, ul { margin-bottom:15px}
p:last-of-type { margin-bottom:0;}
ul { list-style:none;}
li { padding-bottom:5px; overflow: hidden}

.small { font-size:12px;}
.bold, strong {font-weight: 700}




/* LINKS
--------------------------------------------- */
a, a:hover { cursor: pointer; font-weight:normal }
a {  color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover { text-decoration: underline; }
a[href^="tel:"] { color: inherit; text-decoration: none; }

a img { opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; cursor:pointer}
a:hover img  { opacity:.5}


/* HEADER/NAV
--------------------------------------------- */

header .wrapper1 { margin:12px 0 12px;}

nav { height:60px; position: relative;}

#container-headimg { overflow: hidden}
#container-headimg img { width: 100%; display: block;} 

/* Slide */
#flexslider-1 .slides li { padding: 0; position:relative }

#flexslider-1 .flex-caption { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#a8b4be; left: 0; position: absolute; bottom: 0; width: 100%; }

#flexslider-1 .flex-caption h1 { color: #fff; font-size: 27px; font-weight: 900; line-height: 31px; text-align: center; padding: 10px 0;}
	
	@media (max-width: 995px) {
		header { padding-top:50px; text-align: center}
		header .wrapper1 { margin: 12px 25px 12px; }
		header .logo-caption { float: none}
		
		nav { display:none;}
		#menu { display:block;}
		.mobile-menu {position: fixed; z-index: 9999; width: 100%; height: 50px; background: #687c8c;}
		#mobile-menu a { background: center center no-repeat transparent;display: block; width: 40px; height: 40px; position: absolute; top: 5px; left: 10px; z-index: 9999;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); }
		#menu .current { background: #a8b4be; }
	}

	@media (max-width: 690px) {
		header .wrapper1 { margin: 10px 20px;}
		#flexslider-1 .flex-caption { position: relative; }	
		#flexslider-1 .flex-caption h1 { font-size: 25px;}
	}


					 

/* CONTENT
--------------------------------------------- */

/* Global content styles */
.heading_1 { margin-bottom: 10px; }
.heading_2 { margin-bottom: 20px; }
.heading_3 { margin-bottom: 30px; }

.wrapper1 { margin: 40px 0 40px; }
.wrapper2 { margin: 20px 0 20px; }
.extra-wrap { overflow: hidden; }

.divider { border-bottom: 1px dashed #a8b4be; margin:20px 0}

.box { padding: 15px; margin-bottom: 20px; background: #fff; position: relative; overflow: hidden}
.box.transparent { background: transparent; border:none; }
.box.no-margin{ margin: 0; }
.box.no-padding { padding: 0;}
.box.no-padding-bottom { padding-bottom: 0;}
.box.margin-right { margin-right: 30px}

.dropcap {
    font-family: 'Lato', sans-serif;
	font-size: 15px !important;
	line-height: 29px !important;
	font-style: normal;
	font-weight: 900;
	color: #fff;
	position: relative;
	background: #a8b4be;
	margin: 0px 19px 10px 0;
	overflow: visible;
	display: block;
	float: left;
	text-align: center;
	width: 29px;
	height: 29px;
}

.dropcap:before {
    position: absolute;
    overflow: visible;
    content: "";
    right: -10px;
   	top: 8px;
	border-style: solid;
	border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #a8b4be;
}


.contacts { margin-top: 5px;}
.contacts p.nomarg { margin: 0;}
.contacts li:before { font-family: FontAwesome; padding-right:10px; padding-left: 1px; font-weight:normal; float: left}
.contacts .telno:before { content: "\f095";}
.contacts .address:before { content: "\f041";}
.contacts .webaddress:before { content: "\f0ac";}

#contact .address p { font-size:16px; line-height:23px; text-align:left; margin-bottom:0}
#contact .address p a  { color:#fff;}
#contact .address p a:hover { text-decoration:underline; color:#fff;}




.price-tbl_content { overflow:auto; padding:10px;}
.price-tbl_content:nth-child(odd) { background-color: #ccc;}
.price-tbl_content:nth-child(even){ background-color: #e0e0e0;}

.price-tbcol1, .price-tbcol2 {float:left; display:inline; margin-bottom:0;}
.price-tbcol1 { text-align:left; width:75%;}
.price-tbcol2 { text-align:right; width:25%;}

	@media (max-width: 995px) {
		.wrapper1 { margin: 40px 25px; }
		.wrapper2 { margin: 15px 25px }
		
		blockquote{ font-size:13px; padding:0; float:left; width:79.9% }
		
		#cat-box .wrapper1 { margin: 0 0 0}
		#cat-box .box {padding: 20px;}
	}

	@media (max-width: 767px) {
		.wrapper1 { margin: 30px 20px; }
		.wrapper2 { margin: 10px 20px }
		
		#cat-box a { height: 340px}
	}

	@media (max-width: 650px) {
		.box.margin-right { margin-right: 0}
		#cat-box a { height: auto}
		#cat-box .link { position:static; margin: 0; tex}
	}






/*  FOOTER 
--------------------------------------------- */

footer { z-index: 0; overflow:hidden; font-size:12px; text-align: center}
footer .top { background-color:#e8ecef;}
footer .wrapper1 { margin:20px 0;}

footer ul { list-style:none; margin:0; font-size:12px; width:100%}
footer .nav { margin-bottom:30px;}
footer .nav li { margin:0; padding:0;}
footer .nav li a { color: #666666;}

footer .bottom { background-color:#687c8c; color:#fff;}
footer .bottom a { color:#fff;}
footer .bottom a:hover {text-decoration:underline; color:#ddd;}

footer .copy li:last-child  { font-size: 10px; margin-top: 10px}

	@media (max-width: 995px) {
		footer .wrapper1 { margin: 20px 25px; }
	}

	@media (max-width: 767px) {
		footer .wrapper1 { margin: 10px 20px;}
		footer .nav { margin-bottom:10px;}
		footer .logos { padding-top:20px; }
		footer .copy { text-align: center}
		footer .copy .linebrk { display: block;} 
		footer .copy li { padding:0; margin:0; border-right:none; display: block }
		footer .copy li:first-child { margin-bottom: 10px;}
	}

	@media (max-width: 650px) {
		footer { text-align: center}
	}

/*============  Colors  =============*/
.color_1 { color: #ffffff; } 
.color_2 { color: #687c8c; } 
.color_3 { color: #d8e1e9; }
.color_4 { color: #a8b4be; } 
.color_5 { color: #e8ecef; } 
.color_6 { color: #333333; }
.color_7 { color: #ac0000;}

/*============  Backgrounds  =============*/
.bg_1 { background:#ffffff;}
.bg_2 { background:#687c8c;}
.bg_3 { background:#d8e1e9;}
.bg_4 { background:#a8b4be;}
.bg_5 { background:#e8ecef;}
.bg_6 { background:#333333;}