/*
Theme Name: Self
Theme URI: http://self.boxydemos.com
Author: Boxy Studio
Author URI: https://www.boxystudio.com
Description: A powerful vCard theme for WordPress.
Version: 2.1.1
Details URI: http://boxyupdates.com/changelogs/self_changelog.html
*/

/******* Self 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 }

img { padding:0; max-width: 100%; height:auto; }
img.home-banner { max-width:none; }
img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom:20px; }
img.alignright { margin: 2px 0 20px 20px; display: inline; }
img.alignleft { margin: 2px 20px 20px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

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

/******* /Self WordPress CSS *******/
* { margin: 0; padding: 0; outline: 0; }

html, body { height:100%; }

body { font-size: 17px; line-height: 1.6; min-width: 960px; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
img { vertical-align: middle; }

h1,
h2,
h3 { line-height: 1.4; }

h4,h5,h6 { line-height:1.6; }

h1 { font-size: 35px; font-weight:normal; }
h2 { font-size: 25px; font-weight:normal; }
h3 { font-size: 20px; }
h4 { font-size: 17px; font-weight:normal; }
h5 { font-size: 15px; }
h6 { font-size: 12px; font-weight:normal; }

.banner-text h1 { font-size: 45px; }

input, 
textarea, 
select { font-size: 17px; }
textarea { overflow: auto; resize: none; }

ul,
ol { list-style-position: inside; }

/* =====================================================
	#Common
====================================================== */

.clearfix:before,
.clearfix:after { content: " "; display: table; clear: both; }
.clearfix { *zoom: 1; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }

.container { min-height:100%; position:relative; overflow: hidden; }
.container-side { font-size: 0; line-height: 0; position: absolute; top: 0; bottom: 0; height: 100%; width: 50%; z-index: -1; }
.right-sidebar .container-side { left: 0; }
.left-sidebar .container-side { right: 0; }
.no-sidebar .container-side { display: none; }
.shell { width: 940px; margin: 0 auto; }

.btn, .wpcf7-form input[type=submit] { border:none; cursor:pointer; display: inline-block; font-weight: bold; text-transform: uppercase; padding: 2px 10px 3px;
    -webkit-transition: .2s;
            transition: .2s;
}
.btn-small { font-size: 14px; padding: 0 6px; }
.btn:hover { text-decoration: none; }
.btn i { margin-right: 9px; }
input.btn, .wpcf7-form input[type=submit] { width: auto; overflow: visible; cursor: pointer; }
.no-generatedcontent .fa-paper-plane-o { display: inline-block; background: url(images/icon-plane.png) no-repeat 0 0; width: 17px; height: 16px; }

a {
	-webkit-transition: opacity .2s;
	        transition: opacity .2s;
}

/* =====================================================
	#Header
====================================================== */

.header { position: relative; z-index: 1; margin-bottom: 45px; }
.header .color-bar { bottom: -10px; }
.page-template-template-home-php .header { background:none; position: absolute; top: 0; left: 0; right: 0; margin-bottom: 0; }
.page-template-template-home-php .header .color-bar { display: none; }

.header-main { position: relative; z-index: 1; height: 90px; }

.header div.menu { display:none; }

.logo { line-height: 84px; height:90px; float: left; font-size: 40px; font-weight: 300; line-height:84px; }
.logo a { color: #fff; height:90px; display:block; vertical-align:middle; position: relative; }
.logo a img { vertical-align: inherit; }
.logo a:hover { text-decoration: none; }

.nav-btn { display: none; width: 36px; }
.nav-btn span { display: block; height: 4px; background-color: #fff; }
.nav-btn span + span { margin-top: 7px; }

.nav { float: left; line-height: 36px; font-size: 16px; }
.nav ul { list-style: none outside none; line-height: 20px; font-size: 16px;}
.nav li { float: left; position: relative; line-height: 30px; font-size: 16px;}
.nav li a { float: left; padding: 0 25px;
    -webkit-transition: background-color .2s, color .2s;
            transition: background-color .2s, color .2s;
}
.nav li:hover > a { text-decoration: none; }

.nav ul ul { position: absolute; top: 100%; left: 0; line-height: 1.3; padding: 10px; width: 350px; }
.nav ul ul li { float: none; }
.nav ul ul a { float: none; display: block; padding: 5px 5px 5px; }

#mobileSlickNav, #mobileNav { display:none; }

.slicknav_btn { position:absolute; top:33px; right:10%; z-index:10; }
.slicknav_btn.slicknav_open { top:10px; right:10px; }
.slicknav_nav { padding:4%; margin:0 0 5px; margin-right:100px; }
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.slicknav_nav li { text-align:left; }
.slicknav_nav li { font-size:20px; }
.slicknav_nav li li { font-size:15px; }
.slicknav_nav li li a { padding:0 15px; }
.slicknav_nav ul { margin:0; }

.slicknav_btn {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.csstransitions .nav ul ul { opacity: 0; filter: alpha(opacity=0); visibility: hidden;
    -webkit-transition: .2s;
         -o-transition: .2s;
            transition: .2s;
}
.csstransitions .nav li:hover ul { opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.no-csstransitions .nav ul ul { display: none; }
.no-csstransitions .nav li:hover > ul { display: block; }

.utility-bar { padding: 11px 0; position: relative; z-index: 0; }

.socials { float: right; text-align: center; font-size: 15px; }
.socials ul { list-style: none outside none; height: 29px; }
.socials li { float: left; }
.socials li + li { padding-left: 5px; }
.socials a { float: left; width: 29px; height: 29px; line-height: 28px; position: relative; }
.socials a:hover { text-decoration: none; }
.socials i { display: inline; position: relative; z-index: 1;
    -webkit-transition: color .2s;
            transition: color .2s;
}
.socials small { border-radius: 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;
    -webkit-transition: background-color .2s;
            transition: background-color .2s;
}
.socials img { display: none; }

.job { float: left; }

.no-generatedcontent .socials i { opacity: 1; filter: alpha(opacity=100); }
.no-generatedcontent .socials small { display: none; }

.no-generatedcontent .fa { display: block; background: url(images/socials.png) no-repeat 0 0; }

.no-generatedcontent .fa-behance { background-position: 0 -30px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-dribbble { background-position: 0 -90px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-facebook { background-position: 0 -150px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-foursquare { background-position: 0 -210px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-github-alt { background-position: 0 -270px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-google-plus { background-position: 0 -330px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-instagram { background-position: 0 -390px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-linkedin { background-position: 0 -450px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-pinterest { background-position: 0 -510px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-skype { background-position: 0 -570px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-soundcloud { background-position: 0 -630px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-twitter { background-position: 0 -690px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-vimeo-square { background-position: 0 -750px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-youtube-play { background-position: 0 -810px; width: 29px; height: 29px; } 

.no-generatedcontent .fa-behance:hover { background-position: 0 0; width: 29px; height: 29px; } 
.no-generatedcontent .fa-dribbble:hover { background-position: 0 -60px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-facebook:hover { background-position: 0 -120px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-foursquare:hover { background-position: 0 -180px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-github-alt:hover { background-position: 0 -240px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-google-plus:hover { background-position: 0 -300px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-instagram:hover { background-position: 0 -360px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-linkedin:hover { background-position: 0 -420px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-pinterest:hover { background-position: 0 -480px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-skype:hover { background-position: 0 -540px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-soundcloud:hover { background-position: 0 -600px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-twitter:hover { background-position: 0 -660px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-vimeo-square:hover { background-position: 0 -720px; width: 29px; height: 29px; } 
.no-generatedcontent .fa-youtube-play:hover { background-position: 0 -780px; width: 29px; height: 29px; } 

/* ==========================================================================================================
    #Main
=========================================================================================================== */

.main { padding-bottom:100px; }

.right-sidebar .container { background-image: url(images/bg-right.png); }
.left-sidebar .container { background-image: url(images/bg-left.png); }
.page-template-template-home-php.right-sidebar .container { background-image: url(images/bg-home-right.png); }
.page-template-template-home-php.left-sidebar .container { background-image: url(images/bg-home-left.png); }

.banner { position:relative; overflow: hidden; margin-bottom: 50px; }
.color-bar { height: 10px; position: absolute; bottom: 0; left: 0; right: 0; display:block; }
.color-bar span { display:inline-block; margin:0; padding:0; height:10px; width:20%; float:left;
	-webkit-transition: all 5s ease-in-out;
	-moz-transition: all 5s ease-in-out;
	-o-transition: all 5s ease-in-out;
	transition: all 5s ease-in-out;
}
.banner img { position:relative; width:100%; height:auto; }
.banner-text { position: absolute; top: 50%; left: 0; right: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 1); text-align: right; }
.banner-text h1 { padding-bottom: 10px; }

.banner .with-text img { width:2000px; position: absolute; }

.content { width: 590px; }
.no-sidebar .content, .content.full { width: auto; }

.title { padding-bottom: 30px; }

/* article */
.articles { margin:0 0 20px; }
.articles .article { border-top: 3px solid #ddd; padding: 40px 0; }
.articles .article:after { clear:both; content:" "; display:block; }

.articles .wp-audio-shortcode { margin:15px 0 10px; }
.article .wp-audio-shortcode { margin:20px 0 18px; }

.article { padding-bottom: 20px; }

.article h1,
.article h2,
.article h4,
.article h5,
.article h6 { padding-bottom: 25px; }

.article h3 { padding-bottom:15px; }

.article p,
.article ul,
.article ol { padding-bottom: 25px; }

.article ul ul,
.article ul ol,
.article ol ol,
.article ol ul { padding: 0 0 0 25px; }

.article blockquote { padding: 10px 30px 10px; font-style: italic; font-size: 20px; position: relative; overflow: hidden; color: #888;  }
.article blockquote:before { content: '"'; position: absolute; top: 5px; left: 0; font-size: 40px; }

.article img { margin-bottom: 20px; max-width: 100%; height: auto; }

.article .alignleft { margin: 10px 20px 10px 0; }
.article .alignright { margin: 10px 0 10px 20px; }

.article .entry-meta { padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 25px; }
.entry .entry-meta { padding:0; border:none; }
.entry .fluid-width-video-wrapper { margin:20px 0 10px; }

.wp-caption { border: 1px solid #ddd; text-align: center; padding:10px 5px 5px; margin:0 0 20px; background: #fff; }
.wp-caption img { margin-bottom:10px; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size: 13px; line-height: 17px; padding: 0 0 5px; margin: 0; }

.entry { overflow: hidden; }

.entry-image { float: left; width: 170px; height: 170px; margin-right: 30px; }
.entry-image img { width: 100%; height: 100%; }

.entry-title { margin-top: -7px; }
.entry-title a:hover { text-decoration:none; color:#000; }

.entry-meta { font-size: 14px; }
.entry-meta a { margin-right: 16px; }
.entry-meta .fa { margin-right: 6px; }

.entry .entry-title { padding-bottom:12px; font-size:25px; }
.entry .entry-title a {
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.entry .entry-meta { margin-bottom:12px; }
.entry p { padding-bottom:15px; }

.cats-tags { margin:0 0 30px; }
.cats-tags .categories-links, .cats-tags .tags-links { font-size:13px; display:block; margin:0 0 5px; }

.no-generatedcontent .entry-meta .fa { display: inline-block; }
.no-generatedcontent .fa-calendar-o { background: url(images/icon-calendar.png) no-repeat 0 0; width: 13px; height: 14px; }
.no-generatedcontent .fa-user { background: url(images/icon-user.png) no-repeat 0 0; width: 13px; height: 14px; }
.no-generatedcontent .fa-comment-o { background: url(images/icon-bubble.png) no-repeat 0 0; width: 13px; height: 14px; }

.nav-single { overflow: hidden; }
.nav-single .alignleft,
.nav-single .alignright { max-width: 45%; }

/* section */
.section { padding: 13px 0; }
.section + .section { border-top: 3px solid #ddd; }
.section h4 { padding-bottom: 34px; }

.experience-item { padding-bottom: 27px; }
.experience-head p { float: right; font-size: 20px; }
.experience-head em { color: #aaa; }
.experience-head h5 { padding-bottom: 8px; }

/* about */
.about-image { float: left; width: 237px; margin-right: 30px; }
.about-image img { width: 100%; height: auto; }
.about-text { overflow: hidden; position: relative; top: -4px; }
.about h2 { line-height: 1; padding-bottom: 8px; }
.about h5 { padding-bottom: 13px; }
.about p { padding-bottom: 22px; }

.buttons .btn + .btn { margin-left: 10px; }

/* sidebar */
.sidebar { width: 270px; }
.sidebar > ul { list-style: none outside none; }

.widget { margin-bottom: 35px; position:relative; }
.widget-title { margin-bottom: 20px; font-size:22px; }

.widget ul, .widget ul > li { list-style:none outside none; }
.widget ul > li { border-top: 1px solid #ccc; padding: 8px 5px; font-size:15px; }
.widget ul > li a { color: #555; }
.widget ul ul { padding:10px 0 0 10px; }
.widget ul ul li { padding:5px; font-size:13px; }

.widget select { max-width:100%; }

/* Envira Gallery Adjustments */
body .envira-tags-filter-list { padding-top:20px; border-top:1px solid #ddd; margin-bottom:0; }
body .envira-tags-filter-list a.envira-tags-filter-link { font-size:15px; }
body .envira-tags-filter-list a.envira-tags-filter-link.envira-tags-filter-active { font-weight:bold; color:#000; }
body .envira-gallery-theme-captioned .envira-gallery-captioned-text { padding:0; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width:100%; }
#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%; font-weight: bold; padding: 0 0 5px; }
#wp-calendar td, #wp-calendar th { padding: 3px 0; text-align: center; }

/* RSS Widget */
.widget_rss > ul > li { padding:13px 5px 15px; }
.widget_rss a { font-size:17px; }
.widget_rss .rss-date, .widget_rss cite { display:block; font-size:14px; color:#aaa; }
.widget_rss .rssSummary { padding:5px 0; font-size:14px; }

.no-generatedcontent .widget_contact span { background: transparent; }
.no-generatedcontent .fa-paper-plane-o { background: url(images/icon-plane.png) no-repeat 0 0; width: 35px; height: 35px; }
.no-generatedcontent .btn .fa-paper-plane-o { display: inline-block; background-image: url(images/icon-plane-small.png); width: 17px; height: 17px; }
.no-generatedcontent .fa-phone { background: url(images/icon-phone.png) no-repeat 0 0; width: 35px; height: 35px; }
.no-generatedcontent .fa-desktop { background: url(images/icon-monitor.png) no-repeat 0 0; width: 35px; height: 35px; }
.no-generatedcontent .fa-map-marker { background: url(images/icon-pin.png) no-repeat 0 0; width: 35px; height: 35px; }

.widget_social { font-size: 15px; line-height: 1.55; }
.widget_social .widget-title { position: relative; padding-right: 75px; margin-bottom: 22px; }
.widget_social .widget-title .btn { position: absolute; top: 2px; right: 0; }
.widget_social ul { list-style: none outside none; }
.widget_social li { border-top: 1px solid #ccc; padding: 13px 0 15px; }
.widget_social p { padding-bottom: 8px; }

.textwidget p { margin:0 0 20px; font-size:14px; line-height:1.6; }

.widget-button { position:absolute; top:4px; right:0; }

/* Facebook & Twitter */
.widget .facebook-widget ul > li, .widget .tweets-container ul > li { padding: 14px 5px; }
.widget ul > li .tweet_time { display:block }
.widget ul > li .tweet_time, .widget ul > li .tweet_time a { font-size:13px; color:#aaa; }

.searchform { padding: 0; }
.searchform:after { clear:both; content:" "; display:block; }
.searchform .screen-reader-text { display: none; }
.searchform .field { -webkit-appearance:none; padding:6px 10px 8px; margin:0; float:left; width:72%; box-sizing:border-box; font-size:15px; border:1px solid #ccc; border-right:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-weight:normal; }
.searchform .searchsubmit { -webkit-appearance:none; height:36px; border: 0; background: 0; box-sizing:border-box; width:28%; padding:0 8px; float:right; font-size: 15px; text-transform: uppercase; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; cursor: pointer; margin:0; }

/* =====================================================
    #Post Comments
====================================================== */
#comments-block { padding:20px 0 0; margin:0 0 40px; border-top:1px solid #ddd; }
#comments-block h2 { padding-bottom:5px; }
#reply-title { display: none; }
#respond { padding: 0 0 15px; }
#respond .textarea_wrap { padding:15px; margin: 0 0 15px; width: 100%; box-sizing:border-box; }
#respond textarea#comment { width: 100%; box-sizing:border-box; border: none; -webkit-resize: none; -moz-resize: none; resize: none; height: 100px; line-height:19px; font-family:sans-serif; }
#respond input#author,#respond input#email,#respond input#url { padding: 8px 11px; margin: 0 10px 10px 0; width: 250px; }
#respond p.comment-form-author,#respond p.comment-form-email,#respond p.comment-form-url { font-size:13px; font-weight: bold; text-transform: uppercase; height: 45px; padding:0; position: relative; margin-bottom: 0 !important; }
#respond p.comment-form-author input,#respond p.comment-form-email input,#respond p.comment-form-url input { position: absolute; left: 70px; top:-5px; }
#respond p.comment-form-author label,#respond p.comment-form-email label,#respond p.comment-form-url label { position: relative; top: 3px; }
#respond span.required { font-weight: bold; }
#respond p.form-allowed-tags { color: #999999; font-size: 11px; line-height: 15px; }
p.closed-comments { display: none; }
ol.commentlist { list-style: none; margin:0 0 15px 0 !important; padding:0; }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; font-size: 19px; font-weight:600; color:#000; }
ol.commentlist li.comment div.vcard cite.fn a.url { text-decoration: none; }
ol.commentlist li.comment div.vcard img.avatar { width:38px; height:38px; float: left; margin:5px 20px 10px 0px; }
ol.commentlist li.comment div.vcard span.says { font-size: 19px; font-style: italic; }
ol.commentlist li.comment div.comment-meta { padding:0 0 10px; font-size: 13px; line-height:24px; }
ol.commentlist li.comment div.comment-meta a { text-decoration: none; }
ol.commentlist li.comment p { margin:0; padding: 5px 0 10px; }
ol.commentlist li.comment div.reply { font-size: 13px; }
ol.commentlist li.comment div.reply a,
#cancel-comment-reply-link { font-weight: bold; text-decoration: none; margin: 7px 0 10px; display: inline-block; border: none; padding:3px 6px 2px; font-size: 11px; line-height:15px; text-transform: uppercase; font-family: sans-serif; text-shadow: none; }
ol.commentlist li.comment div.reply a:hover,
#cancel-comment-reply-link:hover { background:#000; }
ol.commentlist li.comment ul.children { list-style: none; margin: 15px 0 0 10%; padding:0; }
ol.commentlist li.comment ul.children li { list-style:none; }
ol.commentlist li.comment ul.children li.depth-2 { border: none; margin: 0 0 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border: none; margin: 0 0 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border: none; margin: 0 0 10px; }
ol.commentlist li.comment ul.children li.depth-5 { border: none; margin: 0 0 10px; }
ol.commentlist li.parent { margin: 0 0 10px; }
#respond .textarea_wrap { border: 1px solid #ccc; background: #fff; }
#respond textarea#comment { color: #222; }
#respond input#submit {  }
#respond input#author,#respond input#email,#respond input#url { border: 1px solid #ccc; background: #fff; color: #222; }
ol.commentlist li.comment { padding: 15px 0; margin: 0 0 15px; }
ol.commentlist li.comment div.vcard span.says { color: #aaa; }
ol.commentlist li.comment div.comment-meta a { color: #aaa; }
ol.commentlist li.comment div.reply a,
#cancel-comment-reply-link { color: #fff; }
.entry ol.commentlist li.comment ul.children li.depth-2 { padding:15px 0 10px 0; list-style:none!important; }
.entry ol.commentlist li.comment ul.children li.depth-3 { padding:15px 0 10px 0; list-style:none!important; }
.entry ol.commentlist li.comment ul.children li.depth-4 { padding:15px 0 10px 0; list-style:none!important; }
.entry ol.commentlist li.comment ul.children li.depth-5 { padding:15px 0 10px 0; list-style:none!important; }
.comment-awaiting-moderation { font-size:11px; line-height:16px; }
#respond input#submit { text-decoration: none; display: inline-block; font-weight: bold; font-size: 14px; line-height: 2; padding: 0 10px; border:none; cursor:pointer; text-transform: uppercase; color: #fff; }
#respond input#submit:hover { text-decoration: none; }
.comment #respond { padding: 15px 0 15px; border-top:1px solid #ddd; margin-top:20px; }
ol.commentlist li.comment p.comment-notes { margin:0 0 15px; }
.sticky, .gallery-caption, .bypostauthor { }
.form-allowed-tags { display:none; }
.comment-reply-link, #cancel-comment-reply-link { position:relative; top:auto; right:auto; }


/* CONTACT FORM 7 */
form.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form input[type=date], textarea {
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width:100%; border:1px solid #ddd; padding:5px 10px; font-size:13px; color:#888; display:block; margin:9px 0 0; }
form.wpcf7-form .wpcf7-form-control-wrap { display:block; padding:9px 0 10px; }
form.wpcf7-form span.wpcf7-list-item { margin:0 10px 0 0; }
form.wpcf7-form span.wpcf7-list-item-label { font-size: 13px; position: relative; top: 1px; padding-left: 5px; padding-right: 10px; }
form.wpcf7-form div.wpcf7-mail-sent-ok { padding:10px 14px; margin-left:0; margin-right:0; border:1px solid #62BB46; background:#97d983; color:#fff; }
form.wpcf7-form div.wpcf7-validation-errors { padding:10px 14px; margin-left:0; margin-right:0; border:1px solid #f8dc23; background:#FFF5B0; color:#000; }
form.wpcf7-form span.wpcf7-not-valid-tip { top:18px; background:#FFA8A8; color:#fff; width:100%; left:0; padding:5px 13px 5px; }


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

.footer { font-size: 15px; padding: 12px 0 14px; position: absolute; bottom: 0; left: 0; width: 100%; }
.footer .left { float: left; max-width: 48%; }
.footer .right { float: right; max-width: 48%; }

.cancel-on-png, .cancel-off-png {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "FontAwesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.cancel-on-png:before {
  content: "\e600";
}

.cancel-off-png:before {
  content: "\e601";
}

.no-generatedcontent .rating i { display: inline-block; background: no-repeat 0 0; width: 16px; height: 16px; }
.no-generatedcontent .rating .star-on-png {
  background-image: url(images/star.png);
}

.no-generatedcontent .rating .star-off-png {
  background-image: url(images/star-off.png);
}

.no-generatedcontent .rating .star-half-png {
  background-image: url(images/star-half.png);
}

@media (max-width: 1024px) {
    .nav { margin-right: 0; }
    .nav li a { padding: 0 20px; }
    
    body .container { width:100%; margin:0; }
    
    .page-template-template-home-php.right-sidebar .container { background:#fff; }
	.page-template-template-home-php.left-sidebar .container { background:#fff; }
    
    .banner-text * { text-align:center; width:100%; }
    .banner-text br { display:none; }
    
    h1 { font-size: 35px; }
    h2 { font-size: 30px; }
    h3 { font-size: 28px; }
    h4 { font-size: 24px; }
    h5 { font-size: 18px; }
    body { min-width: 100%; }
    .shell { width: auto; padding: 0 5%; }

    .utility-bar { text-align: center; height:29px; }

    .job { float: none; padding-bottom: 10px; }
    .socials { float: none; display: inline-block; }

    .content { float: none; width: auto; margin-bottom: 40px; }

    .sidebar { float: none; width: auto; margin-bottom:40px; }
    .widget:last-child { margin-bottom: 0; }

    .widget_links li { padding: 0; }
    .widget_links a { display: block; padding: 10px 0; }
    .widget_links a:hover { text-decoration: none; }
    
    .container-side { display: none; }
    .page-template-template-home-php { background-color: #fff; }
    .container,
    .right-sidebar .container,
    .left-sidebar .container { background:#fff; }
    .page-template-template-home-php .sidebar { width: 100%; padding: 7% 6% 6%; margin-left: -6%; }

	.widget_contact span { background-color: #ddd; color: #555; }
	
	.page-template-template-home-php .main { padding-bottom:10px; }
	
}

@media (max-width: 830px) {

	.header-main { height: 80px; }
	.logo { line-height: 80px; }
	.nav { line-height: 80px; font-size: 19px; }	
	
	#mobileSlickNav { display:block; }
	nav { display:none; }

    .logo { font-size: 26px; }
    .logo a { top: 0; }
    
    .shell { width: auto; padding: 0 10%; }

    .nav-btn { display: inline-block; vertical-align: middle; margin-bottom: 4px; }
    .nav.open > ul { display: block; }
    .nav ul { display: none; background: url(images/transparent-red.png) repeat 0 0; position: absolute; top: 100%; left: 0; right: 0; text-align: right; line-height: 1.3; border-bottom: 1px solid #fff; }
    .nav li { float: none; border-top: 1px solid #fff; }
    .nav li a { float: none; display: block; padding: 10px; }

    .nav ul ul { display: none; position: static; }

    .csstransitions .nav ul ul { padding: 0; width: auto; opacity: 1; filter: alpha(opacity=100); visibility: visible; border-bottom: 0; }
    .csstransitions .nav ul ul a { padding: 8px 40px; }
    
    .utility-bar { padding-bottom: 5px; height:auto; }
    .socials:after { content:" "; clear:both; display:block; }
    .socials ul { display: block; height: auto; }
    .socials li { float:none; display: inline-block; margin-bottom: 3px; }
    
    .utility-bar .left, .utility-bar .right,
    .footer .left, .footer .right { max-width:100%; width:100%; float:none; text-align:center; display:block; }

    .title { padding-bottom: 30px; }

    .about-image { width: 150px; }
    .about-text { top: 0; }
    
    .page-template-template-home-php .sidebar { width: 106%; padding: 10% 12% 8%; margin-left: -13%; }

    .articles .article { padding: 20px 0; }

    .entry-meta a { display: block; }

    .footer { text-align: center; }
    .copyright { float: none; max-width: 100%; }
    .footer-text { float: none; max-width: 100%; }
   
	.logo a img { width:80%; }
	
	.page-template-template-home-php .main { padding-bottom:34px; }
	
}

@media (max-width: 570px) {
	.footer { font-size:12px; line-height:24px; }
	.footer .shell { padding:0; }
	.logo a img { width:70%; }
	.banner-text h1 { font-size:30px; }
    .banner { height: 350px; }
	.about-image { float: none; width: 200px; margin: 0 0 20px; }
	.entry-image { float: none; display: block; width: 200px; margin: 0 0 20px; }
}