/* RESET */
body,html { margin:0; padding:0; border-top: 4px solid #eeeeee;}
ul { padding:0; margin:0; list-style:none;}
a { text-decoration:none;}

/* TOOLS */
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}


/* MAIN */
body { background-color:#fff; font-family: 'Raleway', sans-serif; color:#5d5c5c; }
h1 { font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase; color:#313131;}
h2 { font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase; color:#313131;}
h3 { font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase;}
a { color:#5d5c5c; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; outline:none;}
a:hover { color:#9FCCB5; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
p { font-size:14px; line-height:24px;}

#page-wrap { max-width:1115px; margin:0 auto; padding:0 10px;}
#header { }
#logo { padding-top:40px; padding-bottom:20px; width:300px; margin:0 auto;}
#logo img { width:100%;}
#nav { text-align:center; margin-bottom:20px;}
#nav ul li { display:inline-block; text-align:center; padding:0px 15px; font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase; font-size:16px;}
.current-menu-item a {color:#9FCCB5;}

#left-column { float:left; width:19%; margin: 0 1.5% 0 0; border-top: 1px solid #d8d8d8;}
#content { float:left; width:500px;}
#content-middle { float:left; width:59%; border-top: 1px solid #d8d8d8; padding-top:10px;}

#content-middle h2 { font-family: 'Oswald', sans-serif; font-weight:300; font-size:16px; }
#content-middle img { max-width:100%; width:100%; height:auto;}

.post-container { padding-bottom:20px; border-bottom: 1px solid #d8d8d8;}
.more-link { border: 1px solid #d8d8d8; padding:10px; font-size:14px; color:#d8d8d8;}
.more-link a { }
.more-link:hover { border: 1px solid #313131; color:#313131;}
.more-link a:hover { }


#sidebar h2, #sidebar2 h2 { font-size:18px;}


#sidebar2 { padding-top:22px;}

#sidebar3 { padding-top:20px;}
#sidebar, #sidebar2 { float:right; width:19%; border-top: 1px solid #d8d8d8;}
#sidebar h2, #sidebar2 h2, { font-family: 'Oswald', sans-serif; font-weight:300; font-size:14px; border-top: 1px solid #d8d8d8; padding-top:20px;}
#sidebar div:first-child h2, #sidebar2 div:first-child h2{ border-top:none; padding-top:0px;}

#sidebar3 h2 { font-family: 'Oswald', sans-serif; font-weight:300; font-size:14px; border-top: 1px solid #d8d8d8; padding-top:20px; margin-bottom:0px;}

.textwidget img { width:100%; height:auto;}

.widget { padding-bottom:10px;}

#sidebar ul li, #sidebar2 ul li { font-size: 14px;
    line-height: 24px;}
#sidebar ul li a, #sidebar2 ul li a { color:#acacac; }
#sidebar ul li a:hover, #sidebar2 ul li a:hover { color:#313131; }
#sidebar p, #sidebar2 p { color:#acacac; }

#sidebar-readmore a { border: 1px solid #d8d8d8; padding:10px; font-size:14px; color:#d8d8d8; margin-top:10px; display: block; float: left; clear: left; }
#sidebar-readmore a:hover { border: 1px solid #313131; color:#313131;}

#sidebar ul li.current-cat a { color:#9FCCB5;}
#sidebar ul li ul.children { padding-left:10px; list-style:disc;}


/* SEARCH */
.widget_search { border:none; position:relative; display:block; padding:0; margin-bottom:20px;}
.widget_search input#s {  border: 1px solid #9fccb5;
    box-sizing: border-box;
    height: 35px;
    padding: 5px 45px 5px 10px;
    width: 100%; }
.widget_search input#searchsubmit { background-color: #fff;
    border: 1px solid #9fccb5;
    position: absolute;
    right: 0;
    top: 0; height:35px; width:40px; background-color:#9fccb5; background-image:url(images/search.png); background-repeat:no-repeat; background-position:center;}
.widget_search input#searchsubmit:hover { background-image:url(images/search-hover.png); cursor:pointer; background-color:#FFF;}

#social { margin-bottom:20px; display:block;}
#social img {display:block; margin-right:5px; float:left;}


/* COMMENTS */
#commentform input { border:1px solid #d8d8d8; padding:5px; margin-bottom:20px;}
#commentform textarea { border:1px solid #d8d8d8; padding:5px; margin-bottom:20px;}
#commentform input#submit { background-color:#FFF; color:#d8d8d8; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
#commentform input#submit:hover { color:#313131; border-color:#313131; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}

/* PAGE NAVIGATION */
.navigation { padding-top:40px;}
.next-posts { float:left;}
.next-posts a { font-size:14px; color:#9FCCB5;}

.next-posts a:hover, .prev-posts a:hover { color:#313131;}

.prev-posts { float:right;}
.prev-posts a { font-size:14px; color:#9FCCB5;}

/* CONTACT FORM */

.wpcf7 { padding-bottom:10px !important; font-family: 'Raleway', sans-serif;}
#wpcf7-f41-p33-o1 { border-bottom: 1px solid #d8d8d8;
font-family: 'Raleway', sans-serif;}
.wpcf7-list-item { display: list-item; list-style: none outside none; margin: 0; padding: 0; margin-bottom:10px;
font-family: 'Raleway', sans-serif;}
.wpcf7-text { border: 1px solid #d8d8d8; padding:10px; 
font-family: 'Raleway', sans-serif;}
.wpcf7-textarea { border: 1px solid #d8d8d8; padding:10px; width:100%; max-width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
font-family: 'Raleway', sans-serif;

 }
.wpcf7-submit {border: 1px solid #d8d8d8; padding:10px; font-size:14px; color:#d8d8d8; margin-top:10px; display: block; background-color:transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.wpcf7-submit:hover { border: 1px solid #313131; color:#313131; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; cursor:pointer;}

/* QUOTE */
#quote-switch-container { padding:20px 0px; height: 38px;}

.quote-open { float:left; border: 1px solid #d8d8d8; color: #d8d8d8; display: block; font-size: 12px; padding: 10px; transition-duration: 0.5s; 
}
.quote-open:hover { border: 1px solid #313131; color: #313131; cursor:pointer; transition-duration: 0.5s; }

.quote-close { float:right; display:none; cursor:pointer; height:25px;}
#quote { display:none;}


/* GALLERY */
#gallery { border-top:1px solid #d8d8d8; padding-top:20px;}

#gallery-nav { margin-bottom:20px;}
#gallery-nav ul { width:auto; float:left;}
#gallery-nav ul li { display:inline-block; }
#gallery-nav ul li:first-child a { margin-left:0px;}
#gallery-nav ul li:last-child a { border-right:none;}
#gallery-nav ul li a { padding:0px 10px; display:inline-block; border-right:1px solid #d8d8d8; margin-left:-3px; transition-duration: 0.2s;}
#gallery-nav ul li a:hover { color:#9fccb5; transition-duration: 0.2s;}



.gallery-item { width:49.5%; position:relative; float: left; margin-right: 1%; }
.gallery-item:nth-child(2n + 0) { margin-right:0; margin-bottom:5px;}

	
@media only screen and (min-width: 600px) {
.gallery-item { width:24.25%; position:relative; float: left; margin-right: 1%; }

.gallery-item:nth-child(2n + 0) { margin-right:1%; margin-bottom:5px;}
.gallery-item:nth-child(4n + 0) { margin-right:0 !important; margin-bottom:1%;}



}

.gallery-item img { width:100%; height:auto; display:block;}
.gallery-item-overlay { width:100%; height:100%; background: rgba(255,255,255,0.8); position:absolute; top:0px; left:0px; opacity:0; padding:20px; padding-top:90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; font-family: "Oswald",sans-serif; transition-duration: 0.3s;}
.gallery-item-overlay:hover { opacity:1; transition-duration: 0.3s;}


.gallery-item-date { display:none;}
.gallery-item-title { display:none; font-size:18px; border-top:1px solid #333; border-bottom:1px solid #333; padding:10px 0px; margin:10px 0px;}
.gallery-item-category { display:none; font-weight: 100; margin-bottom:20px;}

@media only screen and (min-width: 900px) {
.gallery-item-date { font-style:italic; font-weight: 100; display:block;}
.gallery-item-title { font-size:18px; border-top:1px solid #333; border-bottom:1px solid #333; padding:10px 0px; margin:10px 0px; display:block;}
.gallery-item-title h3 { margin:0px;}
.gallery-item-category { font-weight: 100; margin-bottom:20px; display:block;}
}

.gallery-item-permalink { text-align:center;}
.gallery-item-permalink a {   background-color: #5d5d5d; margin:0 auto;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-family: open sans;
    font-size: 35px;
    height: 50px;
    width: 50px;}
.gallery-item-permalink a:hover { background-color:#9FCCB5; }

#archive-pagination .navigation { padding:20px 0;}

/* TPL ABOUT */
#about-column-left { float:left; width:100%;}
#about-column-right { float:left; width:100%;}

@media only screen and (min-width: 600px) {
#about-column-left { float:left; width:48%;}
#about-column-right { float:right; width:48%;}
}
h2.services-header { text-align:center; background-color:#fcfcfc; color:#9FCCB5; margin-bottom:10px; border:1px solid #d8d8d8; padding:10px; letter-spacing:1px;}
ul.services-list { text-align:center; border:1px solid #9FCCB5; padding:20px 40px 20px; color:#626262; letter-spacing:1px;}
ul.services-list li { border-bottom: 1px solid #e3e3e3; line-height:30px; font-size:14px;}
ul.services-list li:first-child { border-top: 1px solid #d8d8d8;}

#sidebar2 ul li ul.children {
    list-style: outside none disc;
    padding-left: 10px;
}


/* FOOTER */
#footer { height:120px; width:100%; background-color:#4C4C4C; margin-top:40px; position:relative; color:#FFF; font-size:12px; padding-top:70px;}
#footer a { color:#FFF;}
#footer-nav { text-align:center; margin-bottom:50px;}
#footer-nav ul li { display:inline-block; padding:0px 15px; font-style:italic; text-transform:lowercase; }
#footer-nav ul li a:hover { color:#9FCCB5;}
#copyright { text-align:center; text-transform:uppercase;}

#backtotop { position:absolute; right:20px; top:20px;}


.meta-date { color:#acacac; font-size:12px; font-style:italic; margin-bottom:20px;}




input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label.wpcf7-list-item-label {
    display:inline-block;
    width:10px;
    height:10px;
    margin:0px 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
	border:1px solid #BCBCBC;
	padding:5px;
	border-radius: 25px;
}
input[type="checkbox"]:checked + label.wpcf7-list-item-label span.inner {
	background-color:#9FCCB5;
	height:10px;
	width:10px;
	border-radius:10px;
	display:block;
	
}


input[type="checkbox"] + label span.outer {
     display:inline-block;
    width:10px;
    height:10px;
    margin:0px 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
	border:1px solid #BCBCBC;
	padding:5px;
	border-radius: 25px;
}
input[type="checkbox"]:checked + label span.outer span.inner {
    background-color:#9FCCB5;
	height:10px;
	width:10px;
	border-radius:10px;
	display:block;
	
}

.wpcf7 img { width:auto !important; height:auto !important;}