body{font-family:'Poppins', sans-serif; line-height:1.8em}
a{color:#0099FF}
.has-carousel a{color:#fff}
.logo-text{font-family:'Poppins', sans-serif}
.logo-text span{font-weight:normal}
#main-menu-container{font-size:0}
#main-menu, #phone-number-container, #small-logo{display:inline-block; text-align:right; vertical-align:middle; font-size:16px}
.has-carousel #main-menu{width:80%}
#phone-number-container{width:20%}
.no-carousel #main-menu{width:50%}
.no-carousel #small-logo{width:30%}
.no-carousel #small-logo h2{margin:0}
.no-carousel .mobile-menu-closed a{color:#000}
#phone-number-container p{margin:0}
#small-logo .logo-text{font-size:20px; text-align:left; color:#000}
.carousel-container{position:relative; overflow:hidden; max-height:750px}
.carousel-container ul{margin-top:-10%}
#home-carousel.rslides{position:relative; list-style:none; overflow:hidden; padding:0; margin:0 auto}
#home-carousel.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; list-style:none}
#home-carousel.rslides li:first-child{position:relative; display:block; float:left}
#home-carousel.rslides img{display:block; height:auto; float:left; width:100%; border:0}
.carousel-container .rslides_tabs{position:absolute; bottom:10px; right:15px; z-index:999; list-style:none; margin:0; padding:0}
.carousel-container .rslides_tabs li{display:inline-block}
.carousel-container .rslides_tabs li a{background:#fff; display:block; border-radius:50%; height:25px; margin:5px; overflow:hidden; text-indent:9999px; width:25px; cursor:pointer}
.carousel-container .rslides_tabs li.rslides_here a{background:#fff}
#home-carousel{width:100%; margin:auto; overflow:hidden; position:relative}

.page-template-tmpl-home .carousel-container{position:relative; margin-top:0; z-index:0}
#header.has-carousel, #logo-container.has-carousel{position:absolute; width:100%}
#header.has-carousel{z-index:2}
.has-carousel .logo-text{color:#fff; text-shadow:0 0 10px #000; margin-top:40px; font-size:50px; line-height:60px}
.has-carousel .logo-text span{font-size:45px}
.has-carousel #phone-number-container p{color:#fff; text-shadow:0 0 5px #000; margin-bottom:-2px}
.has-carousel .mobile-menu-closed > li > a{color:#fff; text-shadow:0 0 5px #000}
#header.has-carousel{background:rgba(0,0,0,0.75)}
#main-menu-container{padding:10px 0}
#logo-container.has-carousel{top:60px; z-index:1}

#header.no-carousel #menu-main-menu.mobile-menu-closed .sub-menu li{background:#fff; border-left:solid 2px #000; border-right:solid 2px #000}
#header.no-carousel #menu-main-menu.mobile-menu-closed .sub-menu li:last-child{border-bottom:solid 2px #000}
#header.no-carousel #menu-main-menu.mobile-menu-closed .sub-menu li a{color:#000}
#header.no-carousel{border-bottom:solid 2px #000}
#header.no-carousel #main-menu, #header.no-carousel #phone-number-container{vertical-align:bottom}
#header.no-carousel #phone-number-container p{padding-bottom:2px}
#header.no-carousel a{color:#000}
.central-column{width:60%; margin-left:auto; margin-right:auto; text-align:center}
h1{text-align:center}
#extra-content .container{padding-bottom:40px}
.page-template-tmpl-home .paragraph{margin-top:40px}
.page-template-tmpl-home .paragraph:last-child{margin-bottom:40px}

.services{font-size:0}
#services-section .service{display:inline-block; width:33.333%; vertical-align:top; font-size:16px; margin-bottom:40px; text-align:center}
#services-section .service .service-inner{margin:10px; padding:10px; border:solid 2px #aaa}
#services-section .service:hover .service-inner{border:solid 2px #333}
#services-section .service img{box-sizing:border-box; opacity:0.75}
#services-section .service:hover img{opacity:1}
#services-section .service h2, #services-section .service p{color:#aaa}
#services-section .service:hover h2, #services-section .service:hover p{color:#333}

h2.title{text-align:center; margin-top:0}

#extra-content, .page-template-tmpl-home #portfolio-section{background:#f1f1f1}
#extra-content .container, #services-section .container, #primary .container, #portfolio-section .container{padding:60px 0}

.portfolio{font-size:0}
#portfolio-section .portfolio-item{display:inline-block; width:33.333%; vertical-align:top; font-size:16px; margin-bottom:40px; text-align:center}
#portfolio-section .portfolio-item .portfolio-inner{margin:10px; padding:10px; border:solid 2px #aaa; background:#fff}
#portfolio-section .portfolio-item:hover .portfolio-inner{border:solid 2px #333}
#portfolio-section .portfolio-item img{box-sizing:border-box; opacity:0.75}
#portfolio-section .portfolio-item:hover img{opacity:1}
#portfolio-section .portfolio-item h2, #portfolio-section .portfolio-item p{color:#aaa}
#portfolio-section .portfolio-item:hover h2, #portfolio-section .portfolio-item:hover p{color:#333}
.image-container{position:relative; height:230px; border:solid 2px #aaa; overflow:hidden; margin-bottom:20px}

#portfolio-section .portfolio-item:hover .image-container, #services-section .service:hover .image-container, #blog-section .post:hover .image-container{border:solid 2px #333}

#footer{background:#222; color:#fff}
#footer .container{padding:40px 0}

#footer p{font-size:14px; margin-bottom:5px; line-height:22px}
#footer a{color:#fff}
#footer a:hover{color:#aaa}
#footer .social-media-link{display:inline-block; margin-top:5px}
#footer span.icon{width:30px; height:30px; display:block; border-radius:50%; background:#fff; text-align:center; line-height:30px; color:#222; margin-right:10px}
#footer span.icon:hover{background:#aaa}
#footer .footer-menu{list-style:none; margin-bottom:0}
#footer .footer-menu a{font-size:14px}
#footer .footer-menu li{line-height:22px}

#copyright{background:#000; color:#fff}
#copyright .container{padding:10px 0}
#copyright a{color:#fff}

.featured-image{max-height:400px; overflow:hidden; text-align:center}

.page-template-tmpl-services #primary .container, .page-template-tmpl-portfolio #primary .container, .page-template-tmpl-blog #primary .container{padding-bottom:0}
.small-carousel{max-height:400px}

.gallery-section{padding-bottom:60px}

.wpcf7 label{display:none}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{width:100%; box-sizing:border-box; border:1px #000 solid; padding:10px; color:#000; font-size:16px; font-family:'Poppins', sans-serif}
.wpcf7-submit{background:#000; color:#fff; padding:10px 15px; font-size:16px; border:none; font-family:'Poppins', sans-serif}
.wpcf7-submit:hover{background:#666; cursor:pointer}
.wpcf7-form br{display:none}
.wpcf7-textarea{max-width:100%; height:160px}
.page-template-tmpl-contact h1{text-align:left}

.blog-posts{font-size:0}
#blog-section .post{display:inline-block; width:33.333%; vertical-align:top; font-size:16px; margin-bottom:40px; text-align:center}
#blog-section .post .post-inner{margin:10px; padding:10px; border:solid 2px #aaa; background:#fff}
#blog-section .post:hover .post-inner{border:solid 2px #333}
#blog-section .post img{box-sizing:border-box; opacity:0.75}
#blog-section .post:hover img{opacity:1}
#blog-section .post h2, #blog-section .post p{color:#aaa}
#blog-section .post:hover h2, #blog-section .post:hover p{color:#333}
#blog-section .image-container{height:220px}
#blog-section .container{padding:60px 0}
.published-date{font-size:14px; line-height:20px}

#extra-content img, #primary img{border:solid 5px #000; padding:10px; box-sizing:border-box}
#phone-number-container a{margin-right:20px}
#phone-number-container a:last-child{margin-right:0}

#pre-footer .container{padding:40px 0}
@media(max-width:1260px){
.image-container{height:200px}
#blog-section .image-container{height:200px}
}
@media(max-width:1160px){
.image-container{height:160px}
#blog-section .image-container{height:150px}
h2{font-size:20px}
.carousel-container{max-height:600px}
.small-carousel{max-height:400px}
.has-carousel #main-menu{width:70%; text-align:left}
.has-carousel #phone-number-container{width:30%}
.no-carousel #phone-number-container{width:15%}
.central-column{width:75%}
.no-carousel #main-menu{width:55%}
#main-menu-container li a{padding:5px 8px}
#phone-number-container a{display:block; margin:0}
}
@media(max-width:960px){
.central-column{width:85%}
#services-section .service, #portfolio-section .portfolio-item, #blog-section .post{width:50%}
.image-container, #blog-section .image-container{height:220px}
.no-carousel #small-logo{width:75%; margin:10px auto; display:block}
.no-carousel #small-logo h2{text-align:center}
.no-carousel #main-menu{width:70%; text-align:left}
.no-carousel #phone-number-container{width:30%}
.footer-get-in-touch{width:40%}
.footer-services, .footer-sitemap{margin-top:20px; width:30%}
}
@media(max-width:840px){
#menu_switch{top:16px; width:40px; height:40px; text-align:center; line-height:40px}
.has-carousel .logo-text{font-size:40px; line-height:42px}
.has-carousel .logo-text span{font-size:35px}
.central-column{width:100%}
#services-section .service, #portfolio-section .portfolio-item, #blog-section .post{width:100%}
.image-container, #blog-section .image-container{height:auto}
.image-container img{display:block; opacity:1!important}
.footer-get-in-touch{width:100%}
.footer-services, .footer-sitemap{margin-top:20px; width:50%}
.no-carousel #menu_switch{color:#000}
.no-carousel #phone-number-container{width:100%; text-align:center}
.no-carousel #main-menu{display:inline}
.wpcf7-form{margin-top:20px}
}
@media(max-width:660px){
.footer-services, .footer-sitemap{width:100%}
.has-carousel .logo-text{font-size:30px; line-height:38px}
.has-carousel .logo-text span{font-size:25px}
.inner-right{margin-top:20px}
}
@media(max-width:460px){
.no-carousel #small-logo{width:100%}
#menu_switch{top:82px}
#header.has-carousel, #logo-container.has-carousel{position:relative}
#header.has-carousel{background:#fff; top:80px}
.has-carousel #phone-number-container{width:100%; text-align:center}
.has-carousel #main-menu{display:inline}
.has-carousel a{color:#000}
.has-carousel #phone-number-container p{color:#000; text-shadow:none}
#logo-container.has-carousel{top:0}
.has-carousel #small-logo{width:75%; margin:10px auto; display:block}
.has-carousel .logo-text{text-align:center; color:#000; text-shadow:none; font-size:20px; margin-top:10px}
.has-carousel .logo-text span{font-size:20px}
#logo-container.has-carousel{position:absolute; top:0; height:90px; background:#fff}
.has-carousel #menu_switch{top:5px; color:#000}
#menu-main-menu.mobile-menu-open{top:-81px}
#header.has-carousel{border-bottom:solid 2px #000}
}