/*
Theme name: Ozone Hairdressing
Description: Custom Theme
Version: 1.0
*/
.home .sidebar {
    display: none;
}
.page-id-42 .section-content tr:nth-child(odd) { background-color: #eaeaea; color: #272626; }
.page-id-42 .section-content tr:nth-child(even) { background-color: #6b6666; color: #fff; }
.page-id-42 .table-prices td:nth-child(2) { width: 17%; }
.home .table-prices td {    padding: 5px 0px;}
.col-xs-12.col-sm-3.col-sm-offset-1.col-md-3.col-md-offset-1.col-lg-3 {
    float: right;
}

.section-comments .nocomments { display: none; }
.callout {display:block!important; padding: 30px 0!important;}
.copyright a { color: #868686; font-size: 11px; }
.copyright { font-size: 11px; }
p a { color: #868686; }
p a:hover { color: #484747; font-weight: 600; }
li#text-4 { padding-left: 29px; }
li#text-4 .widget-title { padding-bottom: 11px; font-size: 25px; }

.page-id-480 h1 { font-size: 27px; }
.page-id-480 h3 { font-size: 22px; }
.page-id-42 h3 { margin-top: 10px; margin-bottom: 10px; }
.page-id-42 td { padding-left: 16px; }
.page-id-42 p { color: #524f4f; width: 400px; font-size: 15px; font-weight: 600; }

.page-id-67 h3 {margin-top: 0px;}
.page-id-48 h3 {margin-top: 0px;}
.page-id-9 h1 { font-size: 33px; }
.page-id-9 h4 { padding-top: 11px; }
div#mapp1 {display: none;}
div#mapp1_links {display: none;}
div#mapp2 {display: none;}
div#mapp3_links {display: none;}
div#mapp3 {display: none;}
div#mapp3_links {display: none;}
.rsContent { background-color: white; }
.rsNav.rsThumbs.rsThumbsHor { background-color: white; padding-top: 12px; }
.mapp-layout { border: 0px!important; margin: 0px!important; }
.page-id-48 .callout { margin-bottom: 20px; }
.archive-title { display: none; }
.article-meta {
    display: none;
}


.page-id-234 h4 {
    color: #5F5E5E;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    padding-top: 18px;
}


.logo { height: 80px!important; margin-top: -26px; }

.widget .widget-title { font-family: 'Lato', sans-serif; font-weight: 200; margin-bottom: 14px; font-size: 25px; color: #777474; text-transform: uppercase; }


/******* Hair By Hannah WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.footer .socials.col-xs-12 {width: 100%;}
.footer-socials i { margin: 0; font-size: 16px; color: #fff; vertical-align: bottom !important; }

.archive-title {font-size: 28px; color: #222; text-align: left; font-weight: bold;}

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

.section-content.full { width: 100%;}
.section-content.full p { padding-right: 0; }

.article .wp-caption { padding: 0;}

.archive-title { text-transform: uppercase; }

.table-time tr { text-transform: capitalize; }

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

body .logo { height: 80px; margin-top: -26px; }

/******* /Hair By Hannah WordPress CSS *******/

/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

/* ================================================================ *\
	#Base
\* ================================================================ */

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

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 940px; background: #fff; font-family: 'Lato', sans-serif; font-size: 13px; line-height: 1.54; color: #868686; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; transition: all .3s; }
a:hover { text-decoration: none; }

ul,
ol { list-style: none; }

h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 25px; }
h4 { font-size: 18px; }

img { border: 0; vertical-align: middle; max-width: 100%; height: auto; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/*  Clear  */

.section-secondary ul:after,
.container:after { content:''; clear: both; display: table; }

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { width: auto; max-width: 940px;  padding: 0; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 47px 0 40px; }
.header p { text-align: right; color: #000; font-size: 17px; line-height: 1.57; }
.header p a { display: block; color: #000; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.socials {
    padding: 0px!important;
}
.footer { padding: 35px 0; }
.footer .footer-cols { margin-bottom: 28px; }
.footer h4 { color: #4d4d4d; line-height: 1.17; margin: 0 0 10px; }
.footer .col-md-3 { border: 1px solid #c8c8c8; position: relative; padding: 0 24px; margin-top: 8px; }
.footer .col-md-3 h4 { position: absolute; left: 14px; top: -10px; display: inline-block; background: #fff; padding: 0 14px 0 9px; }
.footer .col-md-4 > ul > li { margin-bottom: 17px; line-height: 18px; }
.footer .col-md-4 ul li a { color: #868686; }
.footer .col-md-4 li > i { display: inline-block; font-size: 18px; color: #868686; vertical-align: top; font-size: 18px; margin-right: 17px; }
.footer .col-md-4 li > p { display: inline-block;  width: 62%;  line-height: 18px; }
.footer .socials li { display: inline-block; margin-right: 0px; line-height: 1.54 !important; }
.footer .socials a { display: inline-block; width: 28px; height: 28px; border-radius: 50%; background: #868686; text-align: center; }
.footer .socials i { margin: 0; font-size: 18px; color: #fff; vertical-align: bottom !important; }

/* ------------------------------------------------------------ *\
	Default Page Style
\* ------------------------------------------------------------ */

.screen-reader-text { display: none; }
.post-form { width: 100%; }

/*  Article Simple  */

.article { color: #333; font-family: Arial, sans-serif; }
.article h1 { font-size: 28px; color: #333; }
.article h2 { font-size: 26px; color: #333; font-weight: 700; }
.article h3 { font-size: 24px; color: #333; } 
.article h4 { font-size: 22px; color: #333; }
.article h5 { font-size: 20px; color: #333; font-weight: 700; }
.article h6 { color: #333; }
.article .article-head { margin-bottom: 15px; }
 .article-meta p { margin-bottom: 5px; }
.article .article-title { color: #333; font-size: 40px; padding-bottom: 15px; margin-bottom: 0; }
.article .article-entry p { margin-bottom: 18px; padding-right: 25px; font-size: 16px; }
.article .article-entry h3 { color: #333; }
.article .article-body p strong { color: 333px; font-size: 18px; }
.article .article-body .wp-caption { position: relative; }
.article .article-body .wp-caption img { width: 100%; } 
.article .article-body .wp-caption-text { padding: 5px 10px; color: #fff; background: rgba(0,0,0, 0.3); position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 0; }
.article .article-body .gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; }
.article .article-body hr { border: 1px solid #787878; margin-bottom: 18px; }
.article .article-body blockquote { padding-left: 18px; border-left: 3px solid #000; margin-bottom: 18px; }
.article .article-body ul,
.article .article-body ol { padding-bottom: 18px; margin-left: 25px; }
.article .article-body ul { list-style-type: circle; margin-bottom: 0; }
.article .article-body ul li { padding-left: 0; }
.article .article-body ul li:before { display: none; }
.article .article-body ol { list-style: decimal; }
.article .alignnone { display: block; margin: 0 0 10px 0; }
.article .aligncenter { margin: 5px 15px 10px; margin-left: auto; margin-right: auto; display: block; }
.article .alignleft { float: left; margin: 5px 15px 10px 0; }
.article .alignright { float: right; margin: 5px 0 10px 15px; }

/*  Search Form  */

.search-form .search-field { width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; -webkit-appearance: none; 
   -moz-appearance: none; 
        appearance: none; border-radius: 0; }
.search-form .search-field:focus { background: #fff; }

/*  Gallery  */

.gallery { position: relative; overflow: hidden; padding-bottom: 20px; }
.gallery-item a { display: inline-block; }
.gallery-item img { width: 100%; height: auto; }
.gallery-item .gallery-icon { position: relative; }

.gallery-columns-1 .gallery-item { width: 100%; padding-bottom: 100%; }
.gallery-columns-2 .gallery-item { width: 49.5%; padding-bottom: 49.5%; }
.gallery-columns-3 .gallery-item { float: left; width: 28.9%; position: relative; padding: 10px; }
.gallery-columns-3 .gallery-item a { width: 100%; }
.gallery-columns-4 .gallery-item { width: 24.25%; padding-bottom: 24.25%; }
.gallery-columns-5 .gallery-item { width: 19.2%; padding-bottom: 19.2%; }
.gallery-columns-6 .gallery-item { width: 15.83%; padding-bottom: 15.83%; }
.gallery-columns-7 .gallery-item { float: left; width: 13.43%; padding-bottom: 13.43%; }

.gallery-columns-7 .gallery-item + .gallery-item { margin-left: 2%; }
.gallery-columns-8 .gallery-item { width: 11.6%; padding-bottom: 11.6%; }
.gallery-columns-9 .gallery-item { width: 10.22%; padding-bottom: 10.22%; }

.gallery-columns-1 .gallery-item:nth-child(1n+1),
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) { margin-left: 0; }

/*  Widgets  */
.widgets img {max-width:101%; align:center;}
.widgets .widget { margin-bottom: 20px; float: none; display: block; width: 100%; }
.widget:last-child { margin-bottom: 0; }
.widget a { color: #333; font-weight: normal; }
.widget.widget_recent_comments li.recentcomments a:hover,
.widget a:hover { text-decoration: underline; color: #0143b3; }
.widget .widget-title { margin-bottom: 5px; font-size: 25px; color: #222; text-transform: uppercase; }
.widget.widget_recent_comments li.recentcomments a { color: #808080; }
.widget.widget_tag_cloud .tagcloud a { color: #0143b3; }
.widget_calendar caption { padding: 12px; font-weight: bold; }
.widget_calendar td,
.widget_calendar th { padding: 5px; border: 1px solid #000; text-align: center; }
.widget_calendar tfoot td { font-weight: bold; }
.widget_calendar tfoot a { color: #555; }
.widget_calendar td#today { background: #00235f; }
.widget_calendar td#today a { color: #fff; }
.widget.widget_categories select { padding: 7px; border: 1px solid #ccc; background: #f7f7f7; }
.widget.widget_rss .rsswidget { color: #222; }
.widget.widget_rss .rsswidget:hover { color: #000; }
.widget.widget_rss li a { font-size: 16px; }
.widget.widget_rss > ul > li { margin-bottom: 10px; }

.widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.widget_calendar td,
.widget_calendar th { padding: 5px; border: 1px solid #000; }
.widget_calendar caption { padding: 12px; font-weight: bold; }
.widget_calendar tfoot { font-weight: bold; }

/*  Section Comments  */

.section-comments h3 { padding-bottom: 10px; font-size: 25px; }
.section-comments h3 small { position: absolute; top: 0; right: 0; }
.section-comments p { padding-bottom: 18px; }
.section-comments .nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; }

/*  Comments  */

.comments { color: #000; }
.comments .comment { border-top: 1px dashed #363636; }
.comments .comment .comment-reply-link { font-size: 16px; }
.comments .children { padding-left: 70px; position: relative; }
.comments .children:before,
.comments .children:after { content:''; position: absolute; display: block; }
.comments .children:after { top: -5px; left: 8px; border: 20px solid  transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3; }
.comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
.comments .moderation-notice { margin: 3px 0 8px; color: #999; }
.comments .comment-entry { position: relative; padding: 28px 0 0px 65px; }
.comments .comment-meta a { color: #363636; font-weight: normal; }
.comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ddd; }
.comments .comment-reply { padding-top: 10px; text-align: right; }
.comments .comment-reply a { display: inline-block; padding: 5px 10px; color: #fff; border-radius: 6px; background: #363636; font-weight: normal; }
.comments .comment-reply a:hover { text-decoration: none; opacity: .8; }

/*  Form Comment Respond  */

.comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; }
.comment-respond h3 { position: relative; }
.comment-respond .required { color: #e40000; }
.comment-respond .comment-notes { padding-top: 15px; }
.comment-respond label { padding-bottom: 4px; display: block; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; 
-webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
        box-sizing: border-box;
}
.comment-respond input[type="text"]:focus { background: #fff; }
.comment-respond textarea { width: 100%; height: 100px; box-sizing: border-box; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #363636; cursor: pointer; border-radius: 4px; }
.comment-respond .form-submit { transition: all .3s; }
.comment-respond .form-submit:hover { opacity: .8; }


/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/*  Intro  */

.intro { min-height: 373px; -webkit-background-size: cover; background-size: cover; position: relative; margin-bottom: 37px; }
/*  .intro > img { display: none; } */
.intro .intro-content { padding: 0; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; right: 0; }
.intro .intro-content h1 { line-height: 1; color: #fff; font-weight: 300; text-align: center; margin: 15px 0 16px; }

/*  Nav  */

.nav { margin-bottom: 30px; }
.nav .nav-trigger { display: none; }
.nav .menu:before { content: ''; display: inline-block; background: #c8c8c8; height: 1px; width: 195px; position: absolute; top: 50%; left: 0; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%);
}
.nav .menu:after { content: ''; display: inline-block; background: #c8c8c8; height: 1px; width: 195px; position: absolute; top: 50%; right: 0; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%); 
}
.nav li { display: inline-block; line-height: 1.62; padding: 0 15px; }
.nav a { color: rgba(65, 65, 65, 0.7);  text-transform: uppercase; }
.nav a:hover { color: #414141; }
.nav .menu { margin-bottom: 0; text-align: center; position: relative; }

.nav-trigger { position: relative; display: inline-block; width: 40px; height: 26px; }
.nav-trigger span { position: absolute; display: block; height: 1px; width: 100%; background: #000; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 12px; }
.nav-trigger span:nth-child(3) { top: 25px; }

.nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 12px;  background: red; }

.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { transform: rotate(-45deg); }
/*  Socials  */

.socials li { display: inline-block; padding: 0 3px; }
.socials a { display: block; }
.socials a:hover i { color: #636363; }
.socials i { font-size: 28px; color: #808080; transition: all .3s; }
.socials i:before { margin: 0; }

/*  Widgets Custom  */

.widget-table { border: 1px solid #c8c8c8; padding: 24px 29px 14px; }

/*  Section Primary  */

.section-primary { margin-bottom: 54px; }
.section-primary h1 { font-weight: 300; color: #4d4d4d; margin: 0 0 15px; }
.section-primary p { margin-bottom: 9px; padding-right: 15%; }
.section-primary .sidebar { padding-right: 0; }

/*  Section Secondary  */

.section-secondary { padding-bottom: 53px; border-bottom: 1px solid #bcbcbc; }
.section-secondary h3 { color: #4d4d4d; text-transform: uppercase; margin-bottom: 15px; text-align: center; }
.section-secondary img { border: 1px solid #bcbcbc; margin-bottom: 57px;  height: auto; }
.section-secondary a { display: block; position: relative; }
.section-secondary a:hover { opacity: .9; }
.section-secondary a:last-child img { margin-bottom: 0; }
.section-secondary ul img { margin-bottom: 0; }
.section-secondary li { float: left;  width: 46.5%; }
.section-secondary li a { max-height: 212px; }
.section-secondary li:nth-child(even) { float: right; }
.section-secondary .col-md-6:nth-child(1) { padding-left: 0; }
.section-secondary .col-md-6:nth-child(2) { padding-right: 0; }
.section-secondary > .col-md-6 > a { position: relative; }
.section-secondary a img { width: 100%; }
.section-secondary a h3 { position: absolute; display: inline-block; bottom: 0; left: 0; color: #fff; text-transform: none; font-weight: 300; line-height: 1.08; text-align: left; margin: 0; padding: 0 17px 17px; }
.section-secondary a h3 strong { font-size: 28px; display: block; line-height: 1.08; margin-top: 8px; }
.section-secondary a h3 span { color: #a7a7a7; font-size: 16px; font-weight: 400; }
.section-secondary > .col-md-6 > a p { position: absolute; left: 1px; bottom: 1px; margin-bottom: 0; margin: 0; color: #fff; padding: 12px 0; font-size: 23px; text-align: center;  text-transform: uppercase; width: 45%; background: rgba(0, 0, 0, .6); }

/*  Callout  */

.callout { display:none; border: 1px solid #c8c8c8; padding: 40px 0 28px; margin-bottom: 65px; }
.callout h2 { color: #363636; font-weight: 300; margin: 0; padding-left: 24px; line-height: 47px; }
.callout .btn { float: right; margin-right: 18px; }

/*  Table Time  */

.table-time { padding: 27px 0 23px; }
.table-time tr { }
.table-time td { padding: 3px 0; }
.table-time td:nth-child(2) { width: 17%; }

/*  Table Price  */

.table-prices { }
.table-prices td { color: #868686; line-height: 1.62; padding: 5px 0; }
.table-prices td:nth-child(2) { width: 17%; min-width: 90px!important; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; vertical-align: top; background: url(images/logo.png) no-repeat 0 0; width: 230px; height: auto; font-size: 0; line-height: 0; text-indent: -4004px; margin-top: 0 !important; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: top; background: #363636; border-radius: 0; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 1.44; padding: 12px 21px 12px 26px; }
.btn:hover { color: #fff; background: #414141; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media(max-width: 1024px){
	.container { max-width: 1024px; }
	.footer .footer-socials li { margin-bottom: 0 !important; }
}

@media(max-width: 767px){
	body { min-width: 0; }
	h1 { font-size: 24px; }
	h2 { font-size: 22px; }
	h3 { font-size: 21px; }
	.container { max-width: 480px; }
	.row { margin: auto 0; }
	.header { text-align: center; padding: 20px 0; }
	.header p { display: inline-block; text-align: center; margin-top: 10px; margin-bottom: 0; }
	.nav { text-align: center; margin-bottom: 17px; position: relative; }
	.nav .nav-trigger { display: inline-block; }
	.nav .menu { position: absolute; top: 100%; left: 0; opacity: 0; max-height: 0; width: 100%; visibility: hidden; transition: all .3s; z-index: 6; background: rgba(255, 255, 255, 0.8); margin-top: 17px; }
	.nav .menu:before,
	.nav .menu:after { display: none; }
	.nav .menu.show { opacity: 1; max-height: 700px; visibility: visible; z-index: 9999; }
	.nav li { display: block; padding: 5px 0; }
	.intro { background-position: center; }
	.socials { margin-bottom: 5px; }
	.callout { text-align: center; margin: 15px 5px; padding: 20px 0; }
	.callout h2 { padding-left: 0; margin-bottom: 10px; }
	.callout .btn { float: none; font-size: 14px; margin-right: 0; }
	.section-primary .section-content { padding-left: 15px; text-align: center; margin-bottom: 10px; }
	.section-primary .sidebar { padding-right: 15px; }
	.section-primary h1 { text-align: center; }
	.section-primary p { padding-right: 0; }
	.section-secondary { padding-bottom: 20px; }
	.section-secondary h3 { margin-top: 10px; margin-bottom: 10px; }
	.section-secondary li { max-height: none; }
	.section-secondary img { margin-bottom: 10px; }
	.section-secondary > .col-md-6 > a { }
	.section-secondary > .col-md-6 > a p { font-size: 20px; padding: 10px 0; }
	.section-secondary .col-md-6:nth-child(1) { padding-left: 15px; }
	.section-secondary .col-md-6:nth-child(2) { padding-right: 15px; }
	.section-secondary a h3 { font-size: 18px; }
	.section-secondary a h3 strong { font-size: 21px; margin-top: 3px; }
	.section-secondary a h3 span { font-size: 14px; }
	.widget-table { padding: 15px 0 14px; text-align: center; }
	.table-time { display: inline-block; padding: 24px 0 20px; }
	.table-time td { text-align: left; }
	.table-prices { display: inline-block; }
	.table-prices td { text-align: left; }
	.gallery-columns-3 .gallery-item { width: 48%; }
	.footer { text-align: center; padding: 20px 0; }
	.footer p { margin-bottom: 0; }
	.footer .footer-cols { margin-bottom: 20px; }
	.footer .footer-socials { margin-bottom: 5px; }
	.footer .col-md-3 { padding: 0; margin-top: 18px; }
	.footer .col-md-3 h4 { padding: 0 14px; left: 50%; -webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); }
	.footer .col-md-4 + .col-md-4 { margin-top: 10px; }
	.footer .col-md-4 ul li { margin-bottom: 5px; }
	.footer .col-md-4 li > p { margin-bottom: 0; width: auto; }
	.footer .col-md-4 li > i { margin-right: 10px; }
}

@media(max-width: 480px){
	.callout { padding: 10px 5px; }
	.callout h2 { line-height: 1.54; }
	.section-comments h3 small { position: static; display: block; }
}
.comment-respond label { padding-bottom: 4px; display: block; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; 
-webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
        box-sizing: border-box;
}
.comment-respond input[type="text"]:focus { background: #fff; }
.comment-respond textarea { width: 100%; height: 100px; box-sizing: border-box; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #363636; cursor: pointer; border-radius: 4px; }
.comment-respond .form-submit { transition: all .3s; }
.comment-respond .form-submit:hover { opacity: .8; }


/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.paging { padding: 0 0 20px; text-align: center; }
.paging ul { list-style: none outside none; }
.paging ul,
.paging li { display: inline-block; vertical-align: top; }
.paging li { padding: 0 2px; }
.paging a { display: inline-block; padding: 4px 10px; border: 1px solid #000; border-radius: 4px; }
.paging .current a,
.paging a:hover { text-decoration: none; background: #000; color: #fff; }

.paging-label { padding-right: 10px; }

.paging-prev {float: left;}
.paging-next {float: right;}

.paging {margin-bottom: 20px;}

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/*  Intro  */

.intro { min-height: 373px; margin-bottom: 37px; }
.intro .slide > img { opacity: 0; }  
.intro .intro-content { padding: 0; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; left: 0; right: 0; }
.intro .intro-content h1 { line-height: 1; color: #fff; font-weight: 300; text-align: center; margin: 15px 0 16px; }
.intro .slides img { min-height: 373px; }
.intro .slides { min-height: 373px; position: relative; }
.intro .slide {-webkit-background-size: cover; background-size: cover;}

/*  Nav  */

.nav { margin-bottom: 30px; }
.nav .nav-trigger { display: none; }
.nav .menu:before { content: ''; display: inline-block; background: #c8c8c8; height: 1px; width: 195px; position: absolute; top: 50%; left: 0; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%);
}
.nav .menu:after { content: ''; display: inline-block; background: #c8c8c8; height: 1px; width: 195px; position: absolute; top: 50%; right: 0; 
-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%); 
}
.nav li { display: inline-block; line-height: 1.62; padding: 0 15px; }
.nav a { color: rgba(65, 65, 65, 0.7);  text-transform: uppercase; }
.nav a:hover { color: #414141; }
.nav .menu { margin-bottom: 0; text-align: center; position: relative; }

.nav .menu-item-has-children { position: relative; }
.nav .menu-item-has-children > a { position: relative; }
.nav .menu-item-has-children > a:after { content: ''; display: inline-block; position: absolute; left: 105%; top: 4px;  width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #656565 transparent transparent transparent; }
.nav .menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; max-height: 900px; }
.sub-menu { padding-top: 10px; background: rgba(255, 255, 255, 0.8); position: absolute; top: 100%; left: -30px; opacity: 0; visibility: hidden; max-height: 0; width: 200px; z-index: 999; transition: all .3s; }
.sub-menu li { padding: 0 10px; margin-bottom: 8px; display: block; }
.sub-menu a { display: block; }

.nav-trigger { position: relative; display: inline-block; width: 40px; height: 26px; }
.nav-trigger span { position: absolute; display: block; height: 1px; width: 100%; background: #000; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 12px; }
.nav-trigger span:nth-child(3) { top: 25px; }

.nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 12px;  background: red; }

.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { transform: rotate(-45deg); }

/*  Socials  */

.socials li { display: inline-block; padding: 0 3px; }
.socials a { display: block; }
.socials a:hover i { color: #636363; }
.socials i { font-size: 28px; color: #808080; transition: all .3s; }
.socials i:before { margin: 0; }

/*  Widgets Custom  */

.carbon_table { border: 1px solid #c8c8c8; padding: 24px 29px 14px; }
.carbon_table .widget-title { font-weight: 300; color: #4d4d4d; margin: 0 0 15px; text-transform: none; font-size: 30px; border-bottom: 0 !important; }

/*  Section Primary  */

.section-primary { margin-bottom: 54px; }
.section-primary h1 { font-weight: 300; color: #4d4d4d; margin: 0 0 15px; }
.section-primary p {    margin-bottom: 14px;
    padding-right: 15%;
    font-size: 14px;
    line-height: 23px; }
.section-primary .section-content { padding-left: 0; }
.section-primary .sidebar { padding-right: 0; }

/*  Section Secondary  */

.section-secondary { padding-bottom: 46px; border-bottom: 1px solid #bcbcbc; }
.section-secondary h3 { color: #4d4d4d; text-transform: uppercase; margin-bottom: 15px; text-align: center; }
.section-secondary img { border: 1px solid #bcbcbc; margin-bottom: 57px;  height: auto; }
.section-secondary a { display: block; position: relative; }
.section-secondary a:hover { opacity: .9; }
.section-secondary a:last-child img { margin-bottom: 0; }
.section-secondary ul img { margin-bottom: 0; }
.section-secondary li { float: left;  width: 46.5%; }
.section-secondary li a { max-height: 212px; }
.section-secondary li:nth-child(even) { float: right; }
.section-secondary .col-md-6:nth-child(1) { padding-left: 0; }
.section-secondary .col-md-6:nth-child(2) { padding-right: 0; }
.section-secondary > .col-md-6 > a { position: relative; }
.section-secondary a img { width: 100%; }
.section-secondary a p { position: absolute; font-size: 16px; display: inline-block; bottom: 0; left: 0; color: #FFF;text-transform: none; font-weight: 400; line-height: 1.08; text-align: left; margin: 0; padding: 0 17px 24px; }
.section-secondary a p strong { color: #fff; font-size: 28px; display: block; line-height: 1.08; margin-top: 8px; }
/*.section-secondary a p em {   font-weight: 400; }*/
.service-1 ul li a p {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 23px;
    height: 100%;
    left: 1px;
    line-height: 41px;
    margin: 0;
    padding: 12px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}

.col-sm-6 ul li a { width: 100%; max-height: 219px; }
.service-1 ul li {float: none; width: 100%; }
.service-1 ul { margin-bottom: 0; }

.side li { margin-bottom: 10px;}
.side li img { height: 220px; }

/*  Callout  */

.callout { border: 1px solid #c8c8c8; padding: 40px 0 28px; margin-bottom: 65px; }
.callout h2 { color: #363636; font-weight: 300; margin: 0; padding-left: 24px; line-height: 47px; }
.callout .btn { float: right; margin-right: 18px; }

/*  Table Time  */

.table-time { padding: 27px 0 23px; }
.table-time tr { }
.table-time td { padding: 3px 0; }
.table-time td:nth-child(2) { width: 17%; }

/*  Table Price  */
.table-prices td { padding: 5px 32px 5px 0; }

.table-prices { }
.table-prices td { color: #868686; line-height: 1.62; padding: 5px 0; }
.table-prices td:nth-child(2) { width: 17%; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; vertical-align: top; background: url(images/logo.png) no-repeat 0 0; width: 230px; height: auto; -webkit-background-size: 100%; 
        background-size: 100%; font-size: 0; line-height: 0; text-indent: -4004px; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: top; background: #363636; border-radius: 0; color: #fff; text-transform: uppercase; font-size: 16px; line-height: 1.44; padding: 12px 21px 12px 26px; }
.btn:hover { color: #fff; background: #414141; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media(max-width: 1024px){
	.container { max-width: 1024px; }
	.footer .footer .socials li { margin-bottom: 0 !important; }
}

@media(max-width: 767px){
	body { min-width: 0; }
	h1 { font-size: 24px; }
	h2 { font-size: 22px; }
	h3 { font-size: 21px; }
	.container { max-width: 480px; }
	.row { margin: auto 0; }
	.logo { margin-top: 0; }
	.header { text-align: center; padding: 20px 0; }
	.header p { display: inline-block; text-align: center; margin-top: 10px; margin-bottom: 0; }
	.nav { text-align: center; margin-bottom: 17px; position: relative; }
	.nav .nav-trigger { display: inline-block; }
	.nav .menu { position: absolute; top: 100%; left: 0; opacity: 0; max-height: 0; width: 100%; visibility: hidden; transition: all .3s; z-index: 6; background: rgba(255, 255, 255, 0.8); margin-top: 17px; }
	.nav .menu:before,
	.nav .menu:after { display: none; }
	.nav .menu.show { opacity: 1; max-height: 700px; visibility: visible; }
	.nav li { display: block; padding: 5px 0; }
	.nav .menu-item-has-children a:after {  top: 5px;  }
	.nav .menu-item-has-children:hover .sub-menu { opacity: 0; visibility: hidden; max-height: 0; z-index: 1; }
	.sub-menu { position: relative !important; top: 0; left: 0; width: 100%; background: none; padding-top: 0; }
	.sub-menu li { margin-bottom: 0; padding: 5px 0; }
	.sub-menu.show { opacity: 1 !important; visibility: visible !important; max-height: 900px !important; z-index: 15; padding-top: 10px; }
	.intro { background-position: center; }
	.socials { margin-bottom: 5px; }
	.callout { text-align: center; margin: 15px 5px; padding: 20px 0; }
	.callout h2 { padding-left: 0; margin-bottom: 10px; }
	.callout .btn { float: none; font-size: 14px; margin-right: 0; }
	.section-primary .section-content { padding-left: 15px; text-align: center; margin-bottom: 10px; }
	.section-primary .sidebar { padding-right: 15px; }
	.section-primary h1 { text-align: center; }
	.section-primary p { padding-right: 0; }
	.section-secondary { padding-bottom: 20px; }
	.section-secondary h3 { margin-top: 10px; margin-bottom: 10px; }
	.section-secondary li { max-height: none; }
	.section-secondary img { margin-bottom: 10px; }
	.section-secondary > .col-md-6 > a { }
	.section-secondary > .col-md-6 > a p { font-size: 20px; padding: 10px 0; }
	.section-secondary .col-md-6:nth-child(1) { padding-left: 15px; }
	.section-secondary .col-md-6:nth-child(2) { padding-right: 15px; }
	.section-secondary a h3 { font-size: 18px; }
	.section-secondary a h3 strong { font-size: 21px; margin-top: 3px; }
	.section-secondary a h3 span { font-size: 14px; }
	.widget-table { padding: 15px 0 14px; text-align: center; }
	.table-time { display: inline-block; padding: 24px 0 20px; }
	.table-time td { text-align: left; }
	.table-prices { display: inline-block; }
	.table-prices td { text-align: left; }
	.gallery-columns-3 .gallery-item { width: 48%; }
	.footer { text-align: center; padding: 20px 0; }
	.footer p { margin-bottom: 0; }
	.footer .footer-cols { margin-bottom: 20px; }
	.footer .footer .socials { margin-bottom: 5px; }
	.footer .col-md-3 { padding: 0; margin-top: 18px; }
	.footer .col-md-3 h4 { padding: 0 14px; left: 50%; -webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); }
	.footer .col-md-4 + .col-md-4 { margin-top: 10px; }
	.footer .col-md-4 ul li { margin-bottom: 5px; }
	.footer .col-md-4 li > p { margin-bottom: 0; width: auto; }
	.footer .col-md-4 li > i { margin-right: 10px; }
}

@media(max-width: 480px){
	.callout { padding: 10px 5px; }
	.callout h2 { line-height: 1.54; }
	.section-comments h3 small { position: static; display: block; }
}