/*
Theme Name: Luv Croatia Website Theme
Theme URI: http://www.studosmith.co.uk
Description: A WordPress theme for Luv Croatia by StudioSmith Ltd.
Version: 1.0
Author: Jon Smith
Author URI: http://www.studosmith.co.uk
*/

/* Media Queries
================================================== */

	@media only screen and (min-width: 1020px) {}
	@media only screen and (min-width: 768px) and (max-width: 1019px) {}
	@media only screen and (max-width: 767px) {}
	
	
/* Reset
================================================== */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	-ms-interpolation-mode: bicubic;
	image-rendering: -moz-crisp-edges;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	font-family: 'Asap', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}




body {
	line-height: 1.5;
	padding:0px;
	margin: 0;
	text-align:left; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background:#007ab3;
	font-family: 'Asap', sans-serif;
	font-style: normal;
	font-weight: 400;
}


img,
.responsive-img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	image-rendering: -moz-crisp-edges;
	border:none!important
	
}


/* Accessibility
================================================== */	


/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Asap", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Asap", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}





/* Typography
================================================== */

.edit-link a {color:#ff0000}



h1 {
	font:400 26px/36px 'Asap', Helvetica, Arial, sans-serif;
	font-style: italic;
	text-align: left;
	display:block;
	clear:both;
	color:#fff;
	padding:0 0 10px 0;

}



h2 {
	font-family: 'Asap', Helvetica, Arial, sans-serif;
	font-style: italic;
	display:block;
	clear:both;
	font-weight:400;
	font-size:22px;
	text-align: center;
	padding:0 20px 30px 20px;

}

h2 span {font-size:18px}

h3 {
	font-family: 'Asap', Helvetica, Arial, sans-serif;
	font-style: italic;
	display:block;
	clear:both;
	font-weight:400;
	font-size:18px;
	text-align: left;
	margin-bottom:10px;
	color:#007ab3

}

p {
	font-family: 'Asap', Helvetica, Arial, sans-serif;
	font-style: normal;
	display:block;
	clear:both;
	font-weight:400;
	font-size:16px;
	text-align: left;
	margin-bottom:10px

}

a {color:inherit;text-decoration:underline}
a:hover {color:inherit;text-decoration:none}

p.credit {
	font-size:12px;
	text-align: center!important;
}


strong {font-weight:700}
.italic,
em {font-style: italic!important}
.center {text-align:center!important}
.left {text-align: left!important}
.right {text-align: right!important}

#content ul li,
#content ol li  {
font-family: 'Asap', Helvetica, Arial, sans-serif;
	font-style: normal;
	display:block;
	clear:both;
	color:#666;
	font-weight:400;
list-style-type: none;
background: url('http://luvcroatia.eu/wp-content/themes/luvcroatia_theme/images/sun_bullet.png') no-repeat 0px 5px;
margin: 0 0 10px 0;
padding: 5px 0px 3px 20px;
vertical-align: middle;
}



#content .blueback ul li,
#content .blueback ol li  {
color:#fff!important;
}



hr {
	background: #fff;
	border: 0;
	height: 1px;
	width:100%;
	margin: 20px 0;
}



/* Color + Text variations
================================================== */	

.blueback {background:#007ab3!important}
.whiteback {background:#fff!important}

.bluetext {color:#007ab3!important}
.whitetext {color:#fff!important}
.greytext {color:#666!important}

.blueback p, .blueback h2, 
.blueback ul li, .blueback ol li {color:#fff!important}

.blueback .listing_box p {color:#666!important}
.whiteback p, .whiteback h2 {color:#666!important}
.whiteback h3 {color:#007ab3!important;}
.brickback1 h2 {color:#fff!important}
.blue_text_box p {font-size:14px;color:#fff}
.blue_text_box h2, .blue_text_box h3 {color:#fff!important;}
.nomargin {padding:0;margin:0}

/* Links etc
================================================== */	


.to_top_clear_home {position:relative;z-index:1000;width:100%;height:40px;margin-top:-25px;background:url('images/top_top_back_clear.png') repeat-x}
.to_top_clear {position:relative;z-index:1000;width:100%;height:40px;margin-top:-28px;background:url('images/top_top_back_clear.png') repeat-x}
.to_top_white_clear {position:relative;z-index:1000;width:100%;height:40px;margin-top:-28px;background:url('images/top_top_back_white_clear.png') repeat-x}
.to_top_blue {position:relative;z-index:1000;width:100%;height:40px;background:url('images/top_top_back_blue.png') repeat-x}
.to_top_blue_blue {position:relative;z-index:1000;width:100%;height:40px;background:url('images/top_top_back_blue_blue.png') repeat-x}
.to_top_white {position:relative;z-index:1000;width:100%;height:40px;background:url('images/top_top_back_white.png') repeat-x}

.to_top_link {position:relative;z-index:1000;width:40px;height:40px;display:block;margin:0 auto;}

.info_icon {float:left;height:20px;width:20px;margin-right:10px}

.button:after {content:''}

.button-wide {width:100%!important}

.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #747474; /* Old browsers */
	background: -webkit-linear-gradient(top, #a5a5a5 0%, #747474 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #a5a5a5 0%, #747474 100%); /* W3C */
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff!important;
	display: inline-block;
	padding: 5px 10px!important;
	text-decoration: none;
	margin-bottom:20px;
	cursor:pointer;
text-align:center!important
}

.button:hover,
button:hover,
.button:focus,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #545454; /* Old browsers */
	background: -webkit-linear-gradient(top, #747474 0%, #545454 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #747474 0%, #545454 100%); /* W3C */
	outline: none;
	color: #fff!important;
	text-decoration:none;
}


button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #a5a5a5; /* Old browsers */
	background: -webkit-linear-gradient(top, #cecece 0%, #a5a5a5 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #cecece 0%, #a5a5a5 100%); /* W3C */
	outline: none;
	color:#fff!important;
	text-decoration:none;
}









/* Header Bar
================================================== */

.header {position:fixed;background:#fff;width:100%;top:0;height:90px;padding:0 30px!important;z-index:5000}



.shadow {
  -webkit-box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.4);/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 1px 4px 2px rgba(0, 0, 0, 0.4);/* Firefox 3.5 - 3.6 */
  box-shadow:         0px 1px 4px 2px rgba(0, 0, 0, 0.4); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
       
}



.navbar {height:90px;line-height:90px;margin-top:0!important}


.site-navigation ul {
	text-transform:capitalize;
	float:right;
	list-style: none;
	margin: 0;
	text-align:right;
	font-size:14px
}

.site-navigation li {
	display:inline;
	margin-left:0px
}

.site-navigation li:after {color:#999;content:'  |  '}
.site-navigation li:last-child:after {content:''}



@media only screen and (max-width: 1380px) {
.site-navigation ul {
	font-size:14px
}
}






/* http://www.wproots.com/how-to-style-wordpress-menus-dropdowns/ */

.site-navigation ul li ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: relative;
	top:90px; /* this should be the same height as the top level menu -- height + padding + borders */
	margin-left: 0px;
	background:#fff;
	padding:10px;
}
.site-navigation ul li ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 100px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	display:block;
	text-align:left;
	margin:0!important;
	padding:0!important;
}

.site-navigation ul li ul li a { /* target all sub menu item links */
	padding: 5px 10px; /* give our sub menu links a nice button feel */
}

.site-navigation ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}

.site-navigation ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 100px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
}


.site-navigation a {
	color: #666;
	display: inline;
	text-decoration:none
}

.site-navigation a:hover {
	color: #007ab3;
	text-decoration:none
}

.site-navigation .current_page_parent > a,
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.site-navigation .mPS2id-highlight-first {
	color: #007ab3;
}









.followbox {position:fixed;top:90px;right:30px;width:auto;height:30px;overflow:hidden;font-size:14px!important;color:#fff!important;padding:5px;z-index:3000;
    background:rgb(0,122,179);
    background: transparent\9;
    background:rgba(0,122,179,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2007ab3,endColorstr=#b2007ab3);
    zoom: 1;}



@media only screen and (max-width: 1380px) {
.header .span_1_of_3,
.header .span_2_of_3 {
	width: 100%;display:block;text-align:center
}


.navbar {height:40px;line-height:40px;margin-top:0!important}

.header {height:120px;text-align:center}

.site-navigation ul {
	float:none;
	margin: 0 auto;
	text-align:center;
}

.site-navigation ul {
	font-size:16px
}



.logo {margin:0 auto}

.followbox {top:120px}


}


@media only screen and (max-width: 1125px) {

.site-navigation ul {
	font-size:14px
}

}



@media only screen and (max-width: 930px) {

.header {height:70px;padding:0 10px!important}

.followbox {top:70px;width:100%;left:0;right:0}

.logo {float:left;margin:0;max-width:80%}

}


.top_spacer_mobile {height:130px;background:#007ab3}







/* Banner Image
================================================== */	

.panel_image h1 {text-align: center!important}

.topbanner {margin-top:20px!important}

.panel_image {
	text-align: center!important;
	position: relative; 
   width: 100%; /* for IE 6 */
 }
 

	

@media only screen and (max-width: 1265px) {
	.panel_image {margin-top: 70px!important;}
	} 

@media only screen and (max-width: 480px) {
	.panel_image {margin-top: 65px!important;}
	} 
 
.panel_image h1.left {font-size: 26px;text-align:left!important;margin:0!important;padding:0!important;text-shadow: 0 0 8px #000000;}


@media only screen and (max-width: 1130px) {
	.panel_image h1.left {font-size: 24px!important;}
	}
  

.panel_header_box_left {
	 position: absolute; 
   top: 10%; 
	text-align: left!important;
   width:auto;
   height:auto;
   padding:5px 10px;
   margin:0; 
 }


 
 /* Full width title box */  
.panel_header_box_wide {
	 position: absolute; 
   top: 7%; 
	text-align: center!important;
   width: 100%;
   height:auto;
   padding:10px auto;
   margin:0 auto; 
   background: rgb(0, 122, 179); /* fallback color */
    background: rgba(0, 122, 179, 0.7);}
    
.panel_header_box_wide h1 {padding-bottom:0}

.panel_header_box_wide  h1 span.spacer {
   padding:0px;
}


 /* non Full width title box */  

.panel_header_box {
	text-align: center!important;
   width: 90%;
   max-width:960px;
   margin:0 auto; }
   




h1.panel_header {
	 position: absolute; 
   top: 40%; 
   margin-left:auto!important;
   margin-right:auto!important;
	text-align: center!important;
	color:#fff;
	padding:10px;
   width: 90%; 
   max-width:960px;
	 
}

h1.panel_header span { 
   	font:400 28px/45px 'Asap', Helvetica, Arial, sans-serif;
	font-style: italic;
	text-align: center!important;
	background: rgb(0, 122, 179); /* fallback color */
    background: rgba(0, 122, 179, 1);
	color:#fff;
	padding:10px; 
   margin-left:auto!important;
   margin-right:auto!important;
}

h1.panel_header span.spacer {
   padding:0 5px;
}
@media only screen and (max-width: 860px) {

h1.panel_header span { 
   	font:400 22px/40px 'Asap', Helvetica, Arial, sans-serif;
	font-style: italic;
	text-align: center!important;
	background: rgb(0, 122, 179); /* fallback color */
    background: rgba(0, 122, 179, 1);
	color:#fff;
	padding:10px; 
   margin-left:auto!important;
   margin-right:auto!important;
}

}


@media only screen and (max-width: 985px) {
	.topbanner {margin-top:30px!important}
	}


@media only screen and (max-width: 930px) {

.topbanner {margin-top:10px!important}

.panel_header_box {
	text-align: center!important;
   width: 100%!important;
   background: rgb(0, 122, 179); /* fallback color */
    background: rgba(0, 122, 179, 1);
margin:0;
padding:10px 20px; }


h1.panel_header {
	 position: absolute; 
   margin-left:auto!important;
   margin-right:auto!important;
	text-align: center!important;
	color:#fff;
	 width: 100%!important; 
	 
}
   
h1 br {display: none}   

h1.panel_header span { 
font:400 22px 'Asap', Helvetica, Arial, sans-serif;
padding:0px; 
}

}




.mobile {display:none!important}
.desktop {display:block!important}

@media only screen and (max-width: 935px) {

.mobile {display:block!important}
.desktop {display:none!important}
.mobile h1{text-align:center!important;padding-top:20px;margin:0} 

}






/* Main Page Structure
================================================== */	


#container{
	width: 100%!important;
	background:#007ab3
}


.panel {width:100%;height:auto;padding-bottom:40px;clear:both;display:block}

.site-content {display:block;}

#gallery {text-align:center}


.section_intro p {display:block;margin-bottom:20px;text-align:center!important}

.blue_text_box {
	padding:10px;
    background:rgb(0,122,179);
    background: transparent\9;
    background:rgba(0,122,179,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2007ab3,endColorstr=#b2007ab3);
    zoom: 1;
    }
    
.blue_text_box:nth-child(n) {
    filter: none;
}

.promobanner {width:100%;height:auto;background:#fff;color:#007ab3;text-align:center!important;margin:20px 0;padding:10px;overflow:hidden}


.promobanner h3 {text-align:center!important;margin:0 0 10px 0;padding:0}

.promobanner h3 .button {margin:0!important;padding:0!important;}



/* Feature Banner Image
================================================== */	

.leisureback {padding:110px 0 40px 0; 
background-image:url('http://www.luvcroatia.eu/wp-content/uploads/2015/04/leisure_banner2.jpg');
background-repeat: no-repeat;
background-position: center bottom fixed #fff!important;  
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
min-height:400px;}

@media only screen and (max-width: 480px) {
.leisureback {height:300px!important;
min-height:300px;}
}
  
  
  
 .accommodationback1 {padding:110px 0 40px 0; 
background-image:url('http://www.luvcroatia.eu/wp-content/uploads/2015/02/accommodation_banner2.jpg');
background-repeat: no-repeat;
background-position: center bottom fixed #fff!important; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
min-height:400px;}

@media only screen and (max-width: 480px) {
.accommodationback1 {height:300px!important;
min-height:300px;}
}

  
  
 .diningback {padding:110px 0 40px 0; 
background-image:url('http://www.luvcroatia.eu/wp-content/themes/luvcroatia_theme/images/dining_banner.jpg');
background-repeat: no-repeat;
background-position: center bottom fixed #fff!important; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
min-height:400px;}

@media only screen and (max-width: 480px) {
.diningback {height:300px!important;
min-height:300px;}
}



.logback1 {padding:110px 0 40px 0; background:url('http://www.luvcroatia.eu/wp-content/uploads/2015/01/logs_large.jpg') no-repeat center center fixed #fff;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.brickback1 {padding:110px 0 40px 0; background:url('http://luvcroatia.eu/wp-content/uploads/2014/12/stone_wall.jpg') no-repeat center center fixed #fff;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.brickback2 {padding:20px 0; background:url('http://luvcroatia.eu/wp-content/uploads/2014/12/stone_wall.jpg') no-repeat center center fixed #fff;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.croatiaback1 {padding:110px 0 40px 0; background:url('http://luvcroatia.eu/wp-content/uploads/2015/01/croatia_seaside.jpg') no-repeat center center fixed #fff;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
.bosniaback1 {padding:110px 0 40px 0; background:url('http://luvcroatia.eu/wp-content/uploads/2015/08/bosnia_bridge.jpg') no-repeat center center fixed #fff;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  


.property1 {padding:110px 0 40px 0; background:url('http://luvcroatia.eu/wp-content/uploads/2014/12/croatia_plot_large.jpg') no-repeat center center fixed #fff;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
min-height:500px}
  
 .gallery1 {padding:110px 0 40px 0;  }




@media only screen and (max-width: 1265px) {
.accommodationback1,
.logback1,
.brickback1,
.croatiaback1,
.property1,
.gallery1 {padding-top:130px;  }

}


.image_border {border:1px solid #fff!important}

.center_image_border {display:block;width:150px!important;height:150px!important;margin:0 auto 20px auto;border:1px solid #fff!important}


/* Revolution Slider
================================================== */	

.rev_slider {max-width:800px;margin:0 auto;background:none!important;}

.rev_slider img,
.rev_slider .tp-simpleresponsive img,
 {border:1px solid #fff!important;
background-size: contain!important;
  background-position: center center!important;}


.rev_slider_wrapper {background:none!important}

.fullwidthbanner-container .tp-thumbs {padding:1px!important}

.rev_slider ul li {background:none!important;background-size: contain!important;
  background-position: center center!important;}

.tp-revslider-slidesli {
background-size: contain!important;
  background-position: center center!important;}


@media only screen and (max-width: 660px) { 
.tp-bullets {display:none!important;} 
}
/* Simple Share Buttons
================================================== */	
.ssbp-wrap {border:1px solid #ffffff;
 background:rgb(0,122,179);
    background: transparent\9;
    background:rgba(0,122,179,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2007ab3,endColorstr=#b2007ab3);
    zoom: 1;}

.ssbp-btn {
 background:rgb(0,122,179);
    background: transparent\9;
    background:rgba(0,122,179,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2007ab3,endColorstr=#b2007ab3);
    zoom: 1;}

.ssbp-facebook,
.ssbp-google,
.ssbp-twitter,
.ssbp-linkedin
{
 background:rgb(0,122,179);
    background: transparent\9;
    background:rgba(0,122,179,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2007ab3,endColorstr=#b2007ab3);
    zoom: 1;
}


.ssbp-facebook:hover,
.ssbp-google:hover,
.ssbp-twitter:hover,
.ssbp-linkedin:hover
{
  background-color: #007ab3;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #3b5998;
  color: #ffffff;
}


@media only screen and (max-width: 480px) { 
.ssbp-total-shares {display:none!important}
}

/* Google Map
================================================== */	


.acf-map {
	width: 100%;
	margin:0 auto;
	height: auto;
	border: #ccc solid 1px;
	margin: 0 0 20px 0;
}

.gm-style img { max-width: none; }


/* Footer
================================================== */	

#footer {width:100%;border-top:1px solid #fff;display:block;margin:40px 0;padding-top:5px}

#footer p {font-size:12px}


/* Responsive Grid
================================================== */	

	
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	width:95%;
	max-width:1020px;
	margin:0 auto
}

.sectiontop {
	clear: both;
	padding: 0px;
	margin:0 auto 0 auto
}

/*  COLUMN SETUP  */



.col,
.col_nav,
.col_listingsbox {
	display: block;
	float:left;
	margin: 1% 0 1% 2.4%;
}
.col:first-child { margin-left: 0; }

.col_listingsbox:nth-child(odd) { margin-left: 0; clear:left}



@media only screen and (max-width: 985px) {
.col_nav { 
		margin: 1% 0 1% 0%;
	}
}




/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.52%;
}
.span_3_of_5 {
	width: 59.04%;
}
.span_2_of_5 {
	width: 38.56%;
}
.span_1_of_5,
.span_1_of_5_links {
	width: 18.08%;
}





/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.4%;
}
.span_2_of_4 {
	width: 48.8%;
}
.span_1_of_4,
.span_1_of_4_links  {
	width: 23.2%;
}

@media only screen and (max-width: 885px) {
	.span_1_of_4_links,
	.span_1_of_5_links {
	width: 48.8%;
}
.span_1_of_4_links:nth-child(odd),
.span_1_of_5_links:nth-child(odd) { margin-left: 0; clear:left}
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.4%;
}
.span_2_of_4 {
	width: 48.8%;
}
.span_1_of_4 {
	width: 23.2%;
}



/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 65.86%;
}
.span_1_of_3 {
	width: 31.73%;
}

                                           
					
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2,
.span_1_of_2_listings {
	width: 48.8%;
}






/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.col,
.col_listingsbox { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_1_of_5,
	.span_1_of_5_links,
	.span_2_of_5,
	.span_3_of_5,
	.span_4_of_5,
	.span_5_of_5,
	.span_1_of_4,
	.span_1_of_4_links,
	.span_2_of_4,
	.span_3_of_4,
	.span_4_of_4,
	.span_1_of_3,
	.span_2_of_3,
	.span_3_of_3,
	.span_2_of_2,
	.span_1_of_2,
	.span_1_of_2_listings {
		display:block;width: 100%;
	}
}








/* Listings
================================================== */	



.left_col {float:left;width:65%}
.right_col {float:right;width:30%}

.left_half {float:left;width:48%}
.right_half {float:right;width:48%}

@media only screen and (max-width: 450px) {
.left_half,
.right_half {display:block;width:100%}
}

.listings a {text-decoration:none;background:#efefef;}


.listing_box {padding:10px;background:#efefef;border:1px solid #ccc;overflow:hidden;margin-bottom:20px}



.listing_box:first-child {margin-left:0}

.listing_logo {float:right;width:100%;max-width:260px;height:auto;}



.listing_box h3 {text-align:left;display:inline}

.listing_box p, .listing_box p a {color:#666; text-decoration:none}

/* Contact Form
================================================== */	

#form-two-column{
	width: 100%;
}
#form-two-column #left{
	width: 48.8%;
	float: left;
}
#form-two-column #right{
	width: 48.8%;
	float: right;
}

@media only screen and (max-width: 480px) {
	#form-two-column #left,
	#form-two-column #right {
		display:block;width: 100%;
	}
}



.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
	background-color: #fff;
    color: #666;
    width: 100%;
    border:none!important;
    display:block;
    margin-bottom:10px;
    padding:5px
}


.wpcf7 textarea
{
    height: 100px;
    padding:5px
}


.wpcf7 input[type="submit"] {
	background: #747474; /* Old browsers */
	background: -webkit-linear-gradient(top, #a5a5a5 0%, #747474 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #a5a5a5 0%, #747474 100%); /* W3C */
	font-family: 'Asap', sans-serif;
	font-size: 16px;
	font-weight: 400!important;
	line-height: 1.5;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff!important;
	display: inline-block;
	padding: 5px 10px!important;
	text-decoration: none;
	margin-bottom:20px;
	cursor:pointer;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
	background: #545454; /* Old browsers */
	background: -webkit-linear-gradient(top, #747474 0%, #545454 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #747474 0%, #545454 100%); /* W3C */
	outline: none;
	color: #fff!important;
	text-decoration:none;
}


.wpcf7 input[type="submit"]:active {
	background: #a5a5a5; /* Old browsers */
	background: -webkit-linear-gradient(top, #cecece 0%, #a5a5a5 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #cecece 0%, #a5a5a5 100%); /* W3C */
	outline: none;
	color:#fff!important;
	text-decoration:none;
}

div.wpcf7-mail-sent-ok {
	border: none!important;
}

div.wpcf7-mail-sent-ng {
	border: none!important;
}

div.wpcf7-spam-blocked {
	border: none!important;
}

div.wpcf7-validation-errors {
	border: none!important;
}


.wpcf7-response-output {display:}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	background:#ff0000;
	padding:5px;
	color: #fff!important;
	font-size: 1em;
	display: block;
}


.wpcf7-mail-sent-ok {
	background:#33cc00;
	padding:5px;
	color: #fff!important;
	font-size: 1em;
	display: block;
	clear:all
}

.wpcf7-response-output.wpcf7-display-none {
    border: none;
}





/* ------ wordpress.org/plugins/tabby-responsive-tabs/ ------ */

.responsive-tabs ul {margin:0 auto!important;
	margin: 0 auto;
	display: table;
	
	text-align: center!important;}

.responsive-tabs ul li {display:inline!important;margin-bottom:0!important;clear:none!important;padding:10px 12px!important;background:none!important;text-transform:none!important;margin:0 5px!important}

.responsive-tabs ul li:hover {color:#}


.responsive-tabs .responsive-tabs__list__item {
	color: #666!important;
	background: #e6e6e6!important;
}

.responsive-tabs .responsive-tabs__list__item:hover {
	color: #007ab3!important;
	background: #fff!important;
}

.responsive-tabs .responsive-tabs__list__item--active, 
.responsive-tabs .responsive-tabs__list__item--active:hover {
	border-color: #dddddd;
	border-bottom:none!important;
	color: #007ab3!important;
	background: #fff!important;
	padding-bottom: 11px;
	margin-top: 0;
	position: relative;
	top: 1px;
}

.responsive-tabs .responsive-tabs__heading:hover {
		background: #cccccc;
		color: #007ab3!important;
	}
	
	.responsive-tabs .responsive-tabs__heading:hover:after {	
		border-top: 6px solid #007ab3!important;
	}

	.responsive-tabs .responsive-tabs__heading--active,
	.responsive-tabs .responsive-tabs__heading--active:hover {
		background: #007ab3!important;
		color: #ffffff!important;
	}


/* ==== Google Translate Plugin ==== */


SELECT.goog-te-combo {width:70%}
#google_translate_element {text-align:center}
#google_translate_element select {width:30%;}