/*
Theme Name: Michon Exteriors
Theme URI: http://powerondesign.com
Description: Michon Exteriors Theme
Author: Marek Fafara
Version: 2.0
Tags: responsive, custom-menu, widgets
*/

/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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, img, 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 {
margin:0px; padding:0px; border:0px; outline:0px; font-style:inherit; vertical-align:baseline
}

*, *:before, *:after {
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box
}

img {
max-width:100%; height:auto; border:0px !important
}

dl {
margin-bottom:0px !important
}

.gallery-item {
padding-left:5px; padding-right:5px
}

.gallery-item img {
width:100%; height:auto
}

blockquote {
quotes:none
}

blockquote:before, blockquote:after {
content: ''; content:none
}

del {
text-decoration:line-through
}

sup,
sub { 
vertical-align: baseline;
vertical-align: bottom;
position: relative;
}

sup {
bottom:1ex 
}

sub {
top:.5ex
}

em {
font-style:italic
}

table {
border-spacing:0px
}

ol, ul {
list-style:none
}

a {
font-size:14px; color:#8f6297; text-decoration:none
}

a:hover {
color:#ab75b5; text-decoration:none
}

a img {
border:none
}

p {
margin:0px; padding-top:5px; padding-bottom:5px
}

h1, h2, h3, h4, h5 {
padding:0px; margin:0px
}

.clear {
clear:both
}

.center {
text-align:center
}

::-webkit-scrollbar {
width:12px; background-color:#c5e0e9
}

::-webkit-scrollbar-thumb {
-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color:#94a7ad
}

::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color:#c5e0e9
}

body {
padding:0px; margin:0px; background-color:rgb(3, 1, 150); height:100%; font-family:'Montserrat', sans-serif
}

.background {
padding-top:10px; padding-bottom:20px; padding-left:10px; padding-right:10px
}

.responsive-map {
overflow:hidden; padding-bottom:25.25%; position:relative; height:0; margin-top:10px; margin-bottom:10px
}

.responsive-map iframe {
left:0; top:0; height:100%; width:100%; position:absolute
}

/* Layout */

#wrapper {
width: calc(100% - 250px); vertical-align:top; background:#ffffff; float:right
}

#wrapper-sidebar {
width:250px; vertical-align:top; float:left; position:fixed; background-color:#bfbfbf; z-index:1001
}

#wrapper-sidebar .michon-logo {
width:auto; max-width:100%; height:auto; display:block; margin:auto
}

.content {
width:100%; max-width:1650px; margin:auto; background:#ffffff
}

.content-body {
width: calc(100% - 300px); float:left; padding-top:0px; padding-bottom:30px; padding-left:10px; padding-right:20px
}

.content-body-full-width {
width:100%; padding-top:10px; padding-bottom:30px; padding-left:40px; padding-right:40px
}

.content-sidebar {
width:300px; float:right; overflow:hidden; border-top:solid 1px #e5e5e5
}

.content-sidebar img {
max-width:100%; width:auto; height:auto; margin:auto
}

/* Navigation */
/* Top Level */

.fixed {
width:100% !important; padding-left:300px; position:fixed !important; top:0; right:0; left:0; margin-left:auto; margin-right:auto; z-index:1000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* IE 5-7 */
filter: alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8
}

#main-navigation li:last-child {
}

.main-navigation {
width:100%; margin:auto; position:relative; background:#94a7ad
}

ul#main-navigation {
width:100%; max-width:1200px; height:auto; display:block; margin:auto; list-style:none; position:relative; text-align:center; font-size:0
}
 
ul#main-navigation li {
display:inline-block; text-align:center; position:relative; top:0; padding:20px; padding-left:10px; padding-right:10px
}

ul#main-navigation a {
display:inline-block; font-size:18px; color:#ffffff; line-height:20px; text-decoration:none
}

ul#main-navigation li:hover,
ul#main-navigation li.current_page_item, 
ul#main-navigation li.current_page_parent, 
ul#main-navigation li.current_page_ancestor {
background:#bfbfbf;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}

ul#main-navigation a:hover,
ul#main-navigation li.current_page_item a, 
ul#main-navigation li.current_page_parent a, 
ul#main-navigation li.current_page_ancestor a {
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}

/* Sub Menus */

ul#main-navigation li ul a {
display:block; padding:0px; line-height:20px
}
 
ul#main-navigation ul {
list-style:none; margin:0; padding:0; position:absolute; z-index:0
}
 
ul#main-navigation li ul {
top:60px; left:0px; text-align:left
}
 
ul#main-navigation ul ul {
top:0px; left:100%
}
 
ul#main-navigation ul li {
width:200px; display:inline-block; float:none; background:#94a7ad; padding:7px !important;
border-bottom:0px; border-left:0px; border-right:0px !important; position:relative
}
 
/* Drop Down */
 
ul#main-navigation ul,
ul#main-navigation li:hover ul ul,
ul#main-navigation ul li:hover ul ul

{display:none; z-index:10000}
 
ul#main-navigation li:hover ul,
ul#main-navigation ul li:hover ul ,
ul#main-navigation ul li ul li:hover ul
{display:block}

ul#main-navigation li * a {
font-size:16px; font-weight:500; text-align:left; color:#ffffff
}

ul#main-navigation li ul li:hover,
ul#main-navigation li ul li.current-menu-item {
background:#bfbfbf
}

ul#main-navigation li ul li:hover,
ul#main-navigation li ul li.current-menu-item a {
color:#ffffff
}

.slider {
width:100%; height:auto; position:relative; overflow:hidden
}

/* Mobile Navigation */

.mobile-navigation {
display:none
}

#mobile-icon {
width:30px; height:30px; position:absolute; top:10px; left:15px; z-index:3000;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
cursor:pointer
}

#mobile-icon span {
display:block; position:absolute; height:2px; width:100%; background:#5aa0dc; opacity:1; left:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}

#mobile-icon span:nth-child(1) {
top:0px
}

#mobile-icon span:nth-child(2) {
top:8px
}

#mobile-icon span:nth-child(3) {
top:16px
}

#mobile-icon.open span:nth-child(1) {
top:18px;
-webkit-transform: rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg)
}

#mobile-icon.open span:nth-child(2) {
opacity:0;
left:-60px
}

#mobile-icon.open span:nth-child(3) {
top:18px;
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg)
}

#mobile-navigation {
width:100%; max-width:300px; height:100%; padding-top:50px; padding-bottom:30px; padding-left:40px; padding-right:40px; 
background:rgba(255, 255, 255, 0.9); position:absolute; top:0; z-index:2999; left:-300px;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}

ul#mobile-navigation ul {
text-align:left; list-style:none
}

#mobile-navigation li {
display:block
}

#mobile-navigation a {
display:block; padding:10px; font-size:16px; line-height:25px; color:#000000; text-decoration:none; text-align:left
}

#mobile-navigation li:hover > a,
#mobile-navigation li[class*="current"] > a {
color:#773908
}

/* Sidebar/Header */

.sidebar-badge {
width:100%; padding:60px; padding-top:5px; padding-bottom:0px
}

.sidebar-cards {
width:100%; padding:10px; padding-top:0px; padding-bottom:10px
}

.sidebar-cards p {
font-size:14px; text-align:center
}

.sidebar-badge img, .sidebar-cards img {
width:100%; height:auto
}

#social-net-buttons {
width:135px; height:auto; margin:auto; padding-bottom:5px
}

#social-net-buttons img {
width:30px; height:auto
}

.logo {
width:100%; height:auto; display:block; margin:auto
}

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

#laptop-header {
width:100%; height:120px; display:none; background:#5aa0dc; position:relative
}

#laptop-header h1 {
font-size:18px; line-height:22px; font-weight:500; text-align:center; color:#ffffff; padding-bottom:10px
}

#laptop-logo {
width:197px; height:70px; margin:auto
}

#header-contact {
width:200px; position:absolute; right:20px; top:30px; display:none
}

#header-contact h2 {
font-size:26px; line-height:30px; font-weight:500; color:#ffffff; text-align:center; padding:0px; padding-left:5px; margin:0px
}

#header-badge {
width:100px; position:absolute; left:20px; top:10px; display:none
}

#header-badge img {
width:100%; height:auto	
}

#mobile-header {
width:100%; height:170px; background:url("images/mobile-header.jpg") left center no-repeat; display:none
}

#mobile-logo {
width:250px; height:170px; display:none; margin:auto
}

#mobile-logo img, #laptop-logo img {
width:100%; height:auto
}

.mobile-form {
width:100%; background:#5aa0dc; display:none
}

/* Home Page */

.top-content-wrapper {
width:100%; max-width:1650px; margin:auto
}

.hp-slogan {
width:100%; background:#94a7ad; padding:10px; margin-bottom:10px
}

.hp-slogan h2 {
font-size:35px; color:#ffffff; line-height:40px; text-align:center; padding:0px; margin:0px
}

.promo {
width:100%; margin-bottom:5px
}

#banner {
width:50%; padding-left:5px; float:right
}

#banner img {
width:100%; height:auto
}

#video-wrap {
width:50%; padding-right:5px; float:left
}

#video-wrap img {
width:100%; height:auto
}

.embed-container {
width:100%; margin:auto; position:relative; padding-bottom:66.50%; height:0; overflow:hidden
}

.embed-container iframe, .embed-container object, .embed-container embed {
position:absolute; top:0; left:0; width:100%; height:100%
}

.video {
cursor:pointer
}

#hp-promotion {
width:100%; max-width:1180px; display:block; padding:0px; margin-top:-20px; background:#da251c
}

#hp-promotion h2, #hp-promotion a {
font-size:30px; line-height:35px; padding-top:10px; padding-bottom:5px; margin-bottom:0px; color:#ffffff; text-align:center; text-decoration:none
}

#hp-promotion p {
font-size:22px; line-height:25px; padding-top:0px; padding-bottom:10px; color:#ffffff; text-align:center; text-decoration:none
}

/* Text Boxes */

.text-box-wrapper {
width:100%;	max-width:1650px; height:auto; margin:auto; padding-top:5px; text-align:center; position:relative
}

.text-box {
width:24%; height:auto; display:inline-block; background:rgba(255, 255, 255, 0.8); border:solid 1px #f5f5f5; vertical-align:top; padding-top:10px; padding-bottom:10px; margin-bottom:10px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}

.text-box img {
width:100%; height:auto
}

.text-box p {
font-size:16px; line-height:25px; color:#333333
}

.text-box h2 {
font-size:32px; font-weight:bold; color:#94a7ad; text-align:center; width:100%; padding-bottom:10px; border-bottom:solid 1px #94a7ad; margin-bottom:10px
}

.text-box-content {
width:90%; min-height:450px; max-height:450px; overflow:hidden; text-align:left; margin:auto; position:relative; top:-15px; z-index:997; vertical-align:top
}

.textbox-readmore {
width:90%; margin:auto; text-align:left
}

a.more-button:link, a.more-button:active, a.more-button:visited {
width:82px; height:20px; display:block; background-image:url('images/read-more.png'); background-repeat:no-repeat; text-decoration:none
}

/* Services Areas */

#service-areas {
width:100%; max-width:1650px; margin:auto; padding:20px; padding-left:30px; padding-right:30px
}

#service-areas h2 {
font-size:24px; line-height:30px; font-weight:500
}

#service-areas a {
text-decoration:none
}

/* Showcase */

#hp-showcase {
width:100%; max-width:1650px; margin:auto; padding:30px; padding-top:0px; padding-bottom:0px
}

#hp-showcase h2 {
font-size:24px; line-height:30px; font-weight:500
}

.windows-showcase {
width:50%; padding:5px; float:left
}

.siding-showcase {
width:50%; padding:5px; float:right
}

.windows-showcase img, .siding-showcase img {
width:100%; height:auto
}

/* Search Form */

input.search-box {
width:calc(100% - 35px); height:40px; display:block; color:#333333; float:left; margin:0px; font-size:14px; line-height:35px; border:0; 
padding-left:5px; padding-top:5px; padding-bottom:5px; background:#ffffff
}

.search-button {
width:35px; height:40px; float:right
}

.search-form {
max-width:300px; display:block; margin:auto; border:1px solid #e5e5e5; border-top:0px; height:42px
}

.search-form input {
-webkit-appearance:none
}

.search-form input {
-webkit-border-radius:0; border-radius:0
}

/* Content */

#content {
width:100%; margin:auto; font-size:16px; font-weight:500; color:#333333
}

#content p {
line-height:28px
}

#content a {
font-size:16px; text-decoration:none
}

#content h1.entry-title {
font-size:32px; font-weight:500; color:#333333; margin-top:25px; margin-bottom:25px; padding:0px
}

#content h1 {
font-size:30px; font-weight:800; color:#94a7ad
}

#content h2 {
font-size:24px; font-weight:800; line-height:30px; color:#94a7ad
}

#content h3 {
font-size:22px; font-weight:800; color:#94a7ad
}

#content h4, #content h5 {
font-size:20px; font-weight:500; color:#94a7ad
}

.post ul {
margin-top:20px; margin-bottom:20px; margin-left:30px
}

.post ul li {
font-size:16px; line-height:28px; margin:0px; list-style:disc; list-style-position:outside
}

#content table {
width:95%; margin:auto; border:solid 1px #e5e5e5;
behavior:url(Include/PIE.htc); font-size:16px
}

#content td { 
padding:7px; border:#ffffff 1px solid; text-align:center
}

#content tr {
background:#ffffff
}

#content tr:nth-child(odd) { 
background:#fafafa
}

#content tr:nth-child(even) {
background:#ffffff
}

/* Images */

img.thumb-single-post, img.thumb-post {
margin-top:5px; margin-bottom:15px; width:100%px; height:550px; object-fit:cover
}

.alignleft {
float:left; padding:2px; margin-right:10px; display:block; max-width:100%; height:auto
}

.alignright {
float:right; padding:2px; margin-left:10px; display:block; max-width:100%; height:auto
}

.aligncenter {
padding:2px; margin-top:20px; margin-bottom:20px; display:block; margin:auto; max-width:100%; height:auto
}

.alignnone {
padding:20px; max-width:100%; height:auto
}

/* Gallery */

.ngg-galleryoverview {
position:relative !important; text-align:center !important
}

.ngg-gallery-thumbnail-box {
float:none !important; display:inline-block; padding:0px; width:24% !important; height:auto !important
}

.ngg-gallery-thumbnail {
width:100% !important; height:auto !important; padding:0px !important; margin:0px !important
}

.ngg-gallery-thumbnail img {
width:100% !important
}

/* Sidebar */

#sidebar {
width:100%; font-size:14px; font-weight:500; color:#5e6b69
}

#sidebar h2 {
width:100%; margin:0px; padding:10px; padding-left:40px; color:#333333; font-size:16px; font-weight:bold; text-align:left; background:#f9f9f9
}

#sidebar p {
margin:0px; padding:0px
}

.widget_nav_menu a:link, .widget_nav_menu a:active, .widget_nav_menu a:visited,
.widget_categories a:link, .widget_categories a:active, .widget_categories a:visited,
.widget_archive a:link, .widget_archive a:active, .widget_archive a:visited,
.widget_pages a:link, .widget_pages a:active, .widget_pages a:visited,
#news a:link, #news a:active, #news a:visited {
width:100%; height:35px; line-height:35px; display:inline-block; padding-left:40px; color:#333333; text-decoration:none; background-color:#f9f9f9;
background-image:url('images/sidebar-arrow1.png'); background-position:left center; background-repeat:no-repeat; border-bottom:solid 1px #e5e5e5
}

.widget_nav_menu a:hover,
.widget_categories a:hover,
.widget_archive a:hover,
#sidebar .current-cat a,
#sidebar .current_page_item a,
#news a:hover {
background-color:#ffffff;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out
}

#sidebar img {
display:block; margin:auto
}

#sidebar ul, #sidebar ul ol, #sidebar-store ul, #sidebar-store ul ol {
margin:0; padding:0 
}

#sidebar ul li, #sidebar-store ul li {
list-style-type:none
}

ol li, #sidebar ul ol li,
ol li, #sidebar-store ul ol li {
list-style:decimal outside
}

#sidebar ul ul li, #sidebar ul ol li,
#sidebar-store ul ul li, #sidebar-store ul ol li,
#sidebar-store ul, #sidebar-store ul ol {
margin:0; padding:0
}

.textwidget, .katb_widget_box_basic {
padding:15px !important; margin-top:5px; margin-bottom:5px
}

.widget_search {
}

.jetpack_subscription_widget {
padding:10px
}

.katb_widget_wrap_basic .katb_widget_box_basic {
padding:0 0 15px 0; border-bottom:1px solid #e5e5e5 !important
}

/* Calendar */

#wp-calendar {
empty-cells:show; border-collapse:collapse; margin-left:auto; margin-right:auto; margin-bottom:10px; overflow:hidden
}

#wp-calendar caption {
font-weight:bold; text-align:center; padding-top:5px; padding-bottom:5px
}

#wp-calendar td {
padding:10px; max-width:50px; font-size:12px; text-align:center; border:solid 1px #e5e5e5
}

#wp-calendar th {
padding-top:5px; padding-bottom:5px; text-align:center
}

#wp-calendar a:link, #wp-calendar a:active, #wp-calendar a:visited {
text-decoration:none; padding:0px
}

#wp-calendar a:hover {
text-decoration:underline; background-color:transparent
}

#wp-calendar #next a {
width:80px; display:block
}

#wp-calendar #next a:hover {
text-decoration:underline; background-color:transparent
}

#wp-calendar #prev a {
width:80px; display:block; text-align:left; text-decoration:underline
}

#wp-calendar #prev a:hover {
text-decoration:underline; background-color:transparent
}

#today {
background-color:#e5e5e5
}

/* Blog Content */

.entry {
width:100%; margin:auto
}

h1.post-title {
line-height:25px; padding-top:5px; padding-bottom:10px
}

#content a.post-title:link, #content a.post-title:active, #content a.post-title:visited {
font-size:22px; font-weight:normal; color:#333333; text-decoration:none
}

#content a.post-title:hover {
}

.read-more a {
width:90px; height:auto; float:left; padding:3px; display:block; background:#bfbfbf; color:#ffffff; text-align:center; text-decoration:none;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
text-decoration:none
}

.read-more a:hover {
background:#d2d2d2; color:#ffffff;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
text-decoration:none
}

.category-meta {
text-align:right; padding-right:5px; float:right; width:80%
}

#content .category p {
text-align:right
}

.more-button {
float:left; width:20%; min-width:90px
}

.separator {
width:100%; height:1px; background:#e5e5e5; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:10px
}

/* Pagination */

.pagination {
width:100%; margin:auto; margin-top:20px; text-align:center; clear:both; line-height:23px
}

.pagination a, .pagination span {
text-decoration:none; padding: 5px 7px; margin:2px; color:#ffffff; background-color:#bfbfbf; border:0px
}

.pagination a:hover {
text-decoration:none; color:#333333
}

.pagination span.active {
}

/* Comments */

#comments {
font-family:Arial, Helvetica, sans-serif; font-size:14px
}

#comments ul.children li {
list-style:none !important
}

#comments-box {
background-color:#f2f2f2; padding:10px
}

.commentlist li {
margin:0px; padding: 0px 5px 0px 0px; list-style:none
}

.commentlist li ul li {
margin-right:-5px; margin-left:30px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; padding-top:0px
}

.commentlist ol {
list-style:decimal; width:100%
}

.nocomments {
text-align:center; margin:0px; padding:0px
}

.commentmetadata {
margin:0px; display:block
}

#respond:after {
content: "."; display:block; height:0px; clear:both; visibility:hidden
}

/* Comment Box */

.comments-box {
width:100%; min-height:100px; display:block; margin:0px; padding:0px; margin-bottom:2px; margin-top:10px; font-size:14px
}

div.avatar {
display:inline-block; float:left
}

img.avatar {
border-left:0px
}

.comments-body {
margin-left:75px
}

.meta-box {
width:100%; height:24px; display:block; margin-bottom:10px; border-right:0px; float:right; border-top:solid 1px #595959
}

.meta {
display:inline-block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; float:right
}

.comments-author {
display:inline-block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; float:left; font-weight:bold
}

div.reply {
width:100%; padding:5px; margin-right:0px; display:inline-block; text-align:right
}

.reply a {
width:120px; color:#ffffff; text-decoration:none; padding:5px; padding-left:20px; padding-right:20px; background:#595959; border:solid 1px #595959; cursor:pointer
}

.leave-reply a {
margin-top:20px; font-weight:normal; font-size:14px
}

.com-navigation {
width:90%; height:20px; margin:auto
}

.com-nav-left {
float:left; padding:5px
}

.com-nav-right {
float:right; padding:5px
}

/* Comments Form */

#respond {
border-top:solid 1px #e5e5e5; padding-top:20px; padding-bottom:20px;
}

#comments-form {
border-top:solid 1px #e5e5e5; margin-top:20px
}

.com-form {
font-size:14px; height:30px; width:70%; padding-top:20px; padding-bottom:20px; padding-right:25px; padding-left:25px; margin-bottom:3px;
border:1px solid #e5e5e5; background:#ffffff
}

.com-textarea {
width:100%; height:220px; float:left; text-align:left; display: block; padding-right:10px; padding-top:10px; padding-bottom:10px; margin:0px; margin-right:5px; 
border:1px solid #e5e5e5; margin-bottom:1px; background:#ffffff
}

.com-label {
width:100%; float:left; text-align:right; display: block; padding-right:10px; padding-top:7px; padding-bottom:7px; margin:0px; margin-right:5px; 
background-color:#f3f3f3; border:1px solid #e5e5e5; margin-bottom:1px
}

.comment-btn {
width:120px; color:#ffffff; background-color:#595959; padding:5px; border:solid 1px #595959; cursor:pointer
}

.com-left p {
margin-bottom:0px !important
}

.com-left {
width:50%; padding-top:20px; float:left
}

.com-right {
width:50%; padding-top:20px; float:right
}

#cptch_input {
font-size:14px; height:30px; width:70%; padding-top:20px; padding-bottom:20px; padding-right:25px; padding-left:25px; margin-top:10px;
border:1px solid #e5e5e5; margin-bottom:1px
}

/* Footer */

.footer {
width:100%; background:#f5f5f5; padding-bottom:20px; padding-left:30px; padding-right:30px
}

#footer {
width:100%; max-width:1650px; padding:20px; margin:auto;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}

#footer p {
color:#595959; font-size:12px; line-height:20px
}

#footer h2 {
font-size:24px; line-height:30px; font-weight:500
}

#footer a {
font-size:12px; color:#595959
}

.footer-logo {
width:20%; max-width:180px; padding-right:20px; float:left; text-align:center
}

.footer-logo img {
width:100%; height:auto
}

.copyright {
width:50%; float:right; text-align:right
}

.footer-navigation {
float:right
}

.separator {
width:100%; height:1px; background:#eaeaea; margin-top:20px; margin-bottom:20px
}

/* Footer Navigation */

#footer-navigation li:last-child {
border-right:0 !important
}

ul#footer-navigation {
height:auto; display:block; margin:auto; list-style:none; position:relative; z-index:997; text-align:center; font-size:0; padding-top:20px
}

ul#footer-navigation li {
display:inline-block; padding-left:10px; padding-right:10px; text-align:center; position:relative; z-index:999; border-right:solid 1px #cccccc
}

ul#footer-navigation a {
width:100%; display:inline-block; font-size:14px; text-decoration:none; line-height:30px
}

ul#footer-navigation li:hover a {
color:#cccccc;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}

div.jetpack-likes-widget-wrapper {
width:100%; min-height:50px; max-height:120px; position:relative
}

.katb_excerpt_more:hover {
color:#0000ff !important
}

.katb_topopup {
z-index:10003 !important
}

.tos-wrapper.tos-fixed {
z-index:10001 !important
}

/* Forms */

.white-box-left {
width:100%; min-height:305px; padding:20px; padding-top:23px; background:#ffffff; border:solid 1px #d3d3d3; margin-left:1px
}

#contact-form {
width:100%; max-width:900px; margin:auto; margin-top:10px
}

#contact-form input[type=text], #contact-form input[type=url], #contact-form input[type=tel], #contact-form input[type=number], #contact-form input[type=color], 
#contact-form input[type=email], #contact-form input[type=password], #contact-form textarea, #contact-form select {
width:100%; height:50px; font-size:18px; line-height:50px; letter-spacing:1px; font-weight:500; padding:0px 18px; background:#ffffff;
border:solid 1px #d3d3d3
}

#contact-form textarea {
width:100%; height:150px; font-size:18px; line-height:50px; letter-spacing:1px; font-weight:500; padding:0px 18px; background:#ffffff; 
border:solid 1px #d3d3d3
}

input[type=submit] {-webkit-appearance: none}
#inf_other_Username, input[type=password] {text-transform:none}
input[type=radio] {margin-bottom:12px}

#contact-form input[type=submit] {
width:100%; max-width:200px; height:50px; display:block; margin:auto; color:#ffffff; font-size:30px; font-weight:700px; line-height:50px; 
text-align:center; text-transform:capitalize; letter-spacing:2px; background:#773908; border:0px; cursor:pointer; 
transition:none; position: relative; top:5px; border-radius:4px
}

#contact-form input[type=submit]:hover {
color:#ffffff; background:#9b4e12;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}

#contact-form ::-webkit-input-placeholder {
color:#afafaf; font-size:16px
}

#contact-form ::-moz-placeholder {  /* Firefox 19+ */
color:#afafaf; font-size:16px;
opacity:1
}

#contact-form :-ms-input-placeholder {
color:#afafaf; font-size:16px;
}

#contact-form td {
vertical-align:middle
} 

#sidebar-form {
width:100%; max-width:250px; display:block; margin:auto; 
padding:0px; padding-left:10px; padding-right:10px; padding-top:1px; margin-top:1px; background-color:#94a7ad
}

#slider-form {
width:100%; max-width:300px; display:none; position:absolute; top:0px; right:0px; z-index:999; 
padding:0px; padding-left:10px; padding-right:10px; padding-top:1px; background-color:rgba(90, 160, 220, 0.7)
}

#content-form {
width:100%; max-width:300px; display:block; margin-left:10px; margin-right:auto; margin-bottom:30px; 
padding:0px; padding-left:10px; padding-right:10px; background-color:#bcd5e9; float:right
}

#content-form p, #sidebar-form p, #slider-form p {
line-height:0px
}

#content-form form, #content-sidebar form, #content-slider form {
padding:0px; margin:0px
}

#content-form h2 {
font-size:24px; line-height:30px; color:#ffffff; text-align:center; font-weight:500 !important
}

#sidebar-form h2 {
font-size:22px; line-height:25px; color:#ffffff; text-align:center; font-weight:500 !important
}

#slider-form h2 {
font-size:24px; line-height:30px; color:#ffffff; text-align:center; font-weight:500 !important
}

#content-form input[type=text], #content-form input[type=url], #content-form input[type=tel], #content-form input[type=number], #content-form input[type=color], #content-form input[type=email], #content-form input[type=password], #content-form textarea, #content-form select,
#sidebar-form input[type=text], #sidebar-form input[type=url], #sidebar-form input[type=tel], #sidebar-form input[type=number], #sidebar-form input[type=color], #sidebar-form input[type=email], #sidebar-form input[type=password], #sidebar-form textarea, #sidebar-form select,
#slider-form input[type=text], #slider-form input[type=url], #slider-form input[type=tel], #slider-form input[type=number], #slider-form input[type=color], #slider-form input[type=email], #slider-form input[type=password], #slider-form textarea, #slider-form select{
width:100%; height:50px; font-size:16px; color:#333333; line-height:50px; letter-spacing:1px; font-weight:500; padding:0px 18px; background:#ffffff; border:solid 1px #ffffff; margin-bottom:10px
}

#content-form input[type=submit] {
margin:0 auto; width:100%; height:40px; display:block; color:#ffffff; font-size:20px; font-weight:700; line-height:40px; text-align:center;  
text-transform:uppercase; letter-spacing:2px; background:#84a4bf; border:none; cursor:pointer; transition:none;
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition:all 0.4s ease-out
}

#sidebar-form input[type=submit] {
margin:0 auto; width:100%; height:40px; display:block; color:#ffffff; font-size:20px; font-weight:700; line-height:40px; text-align:center;  
text-transform:uppercase; letter-spacing:2px; background:#bfbfbf; border:none; cursor:pointer; transition:none;
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition:all 0.4s ease-out
}

#slider-form input[type=submit] {
margin:0 auto; width:100%; height:40px; display:block; color:#ffffff; font-size:20px; font-weight:700; line-height:40px; text-align:center;  
text-transform:uppercase; letter-spacing:2px; background:#9ab1c5; border:none; cursor:pointer; transition:none;
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition:all 0.4s ease-out
}

#content-form input[type=submit]:hover {
background:#96b2c5;
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition:all 0.4s ease-out
}

#sidebar-form input[type=submit]:hover {
background:#d3d2d2;
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition:all 0.4s ease-out
}

#slider-form input[type=submit]:hover {
background:#b0c5d7;
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition:all 0.4s ease-out
}

#content-form ::-webkit-input-placeholder,
#slider-form ::-webkit-input-placeholder,
#sidebar-form ::-webkit-input-placeholder {
color:#bfbfbf; font-size:16px
}

#content-form ::-moz-placeholder,
#slider-form ::-moz-placeholder,
#sidebar-form ::-moz-placeholder {  /* Firefox 19+ */
color:#bfbfbf; font-size:16px; opacity:1
}

#content-form :-ms-input-placeholder,
#sidebar-form :-ms-input-placeholder,
#content-form :-ms-input-placeholder {
color:#bfbfbf; font-size:16px
}

@media only screen and (max-width: 1220px) {
#content-form {
float:none; padding-top:2px; margin-left:auto
}
}

/* Service Areas */

ul.service-areas-list, ul.service-areas-list {
-webkit-columns:4;
-moz-columns:4;
columns:4;
margin:20px 0
}

ul.service-areas-list li {
padding-right:10px
}

ul.service-areas-list li, ul.service-areas-list li a {
font-size:16px; line-height:27px
}

@media only screen and (max-width: 750px) {
ul.service-areas-list {
-webkit-columns:3;
-moz-columns:3;
columns:3
}
}

@media only screen and (max-width: 600px) {
ul.service-areas-list {
-webkit-columns:2;
-moz-columns:2;
columns:2
}
}

@media only screen and (max-width: 430px) {
ul.service-areas-list {
-webkit-columns:1;
-moz-columns:1;
columns:1
}
}

/* Contact Form 7 */

label {
font-size:14px; margin-bottom:0px; margin-top:0px; color:#000000
}

.wpcf7-form p {
max-width:100% !important; margin-right:0%!important; margin-left:0% !important
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border:2px solid #788b9b !important; background:#788b9b; color:#ffffff
}

span.wpcf7-not-valid-tip {
color:#788b9b !important; font-size:15px !important; line-height:25px !important; font-weight:normal; display:block
}

div.wpcf7-mail-sent-ok {
background:#788b9b !important;
color:#ffffff !important; border:0px !important
}

.easy_t_single_testimonial .easy_testimonial_title {
font-size:28px !important; font-weight:700
}

div[class^=style-dark_style] .wp-post-image.attachment-easy_testimonial_thumb, div[class^=style-default_style] .wp-post-image.attachment-easy_testimonial_thumb, div[class^=style-light_style] .wp-post-image.attachment-easy_testimonial_thumb {
max-height:80px !important;
max-width:80px !important
}

.wprevpro_t1_SPAN_5 {
padding-left:10px !important
}

.wprevpro_t1_DIV_2 {
padding: 10px 10px 20px 20px !important
}

.w3_wprs-row-padding, .w3_wprs-row-padding>.w3_wprs-col, .w3_wprs-row-padding>.w3_wprs-half, .w3_wprs-row-padding>.w3_wprs-quarter, .w3_wprs-row-padding>.w3_wprs-third, .w3_wprs-row-padding>.w3_wprs-threequarter, .w3_wprs-row-padding>.w3_wprs-twothird {
padding: 0 1px !important
}

.wprevpro_t1_P_3 {
margin: 25px 0 10px !important
}

.wprevpro_t1_DIV_2 {
box-shadow: rgba(0,0,0,.0980392) 0px 0px 0px 0 !important
}

.wprevpro_t1_DIV_2:after{
filter:drop-shadow(rgba(0, 0, 0, .0980392) 0px 0px 0px) !important
}