/*
Theme Name: Deus
Description: Profesional Portfolio theme.
Author: StepFox
Author URI: http://stepfox.net/
Theme URI: http://stepfox.net/deus/
Version: 1.0
Tags: black, white, custom-colors, custom-menu, featured-images, post-formats, theme-options
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*Css reset*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/*
Site Elements-------------------------------------------------------------
*/

a, a:visited {text-decoration: none;color:#000; }
a:hover, a:visited:hover { }
a:active, a:focus { outline: none;  }
img { max-width: 100%; height: auto; vertical-align: top;}
img:hover { }
::selection { background: #000; color: #FFF; }
::-moz-selection {background:#000;color:#FFF;}
body { overflow: hidden; overflow-y: scroll; margin: 0 auto; padding: 0; position: relative; }
#header { margin: 0 auto; width: 100%; }
#wrapper, .page.page-template-homepageforshortcodes #wrapper {overflow: hidden;margin: 0 auto;width: 100%;float:left; margin-top:90px;}
#main {margin:0 auto;background: #FFF; }
#fullwidth { counter-reset: widget_count; }
.archive #wrapper, .single #wrapper, .page #wrapper{margin-top:160px;}
  @font-face {
    font-family: 'socicon';
    src: url('css/font/socicon-webfont.eot');
    src: url('css/font/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/socicon-webfont.woff') format('woff'),
         url('css/font/socicon-webfont.woff2') format('woff2'),
         url('css/font/socicon-webfont.ttf') format('truetype'),
         url('css/font/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}
/*
widget header-------------------------------------------------------------
*/
.home_title_2.widget-text-box:before { counter-increment: widget_count; content: counter(widget_count, decimal-leading-zero); font-size: 75px; font-weight: 700; float: left; margin-right:1.1%; }
.home_title_2 .widget-title-and-subtitle {width: 38%;padding-right: 5%; }
.home_title_2 .widget-quote { width:40%;float: left; padding:0 0 0 5%; }

.home_title_3.widget-text-box:before { counter-increment: widget_count; content: counter(widget_count, upper-roman); font-size: 60px; font-weight: 700; float: left; margin-right:2%;min-width:4%; }
.home_title_3 .widget-title-and-subtitle {width: 38%;padding-right: 5%; }
.home_title_3 .widget-quote { width:40%;float: left; padding:0 0 0 5%; }

.home_title_4 .widget-title-and-subtitle {width: 100%;padding-right: 0%;border-right: 0; text-align:center;}
.home_title_4 .widgettitle{margin-bottom:2%;font-size:50px;}
.home_title_4 .widget-quote { width:100%;float: left; padding:3% 0 0 0; text-align:center;border:0;min-height:0;}
.home_title_4 .portfolio-menu, .alone-menu .portfolio-menu{width:100%;  margin-left: 0;text-align:center;}
.home_title_4 .portfolio-menu li, .alone-menu .portfolio-menu li{display: inline-block;float: none;}
.alone-menu.widget-text-box:before{display:none;}

.widget-text-box { float: left; padding: 4% 0; width: 100%; z-index: 2; position: relative; }
.widget-title-and-subtitle {width: 45%;float: left;padding-right: 5%;}
.widget-quote { font-size: 20px; font-style: italic; width:45%;float: left; padding:0 0 0 4.8%;line-height:24px;font-weight:300;border-left:1px solid #ebebeb; min-height:70px; }

.widgettitle { font-size: 49px; font-weight: 700;margin-bottom:1%; }
.widget-sub-title { font-size: 15px; text-transform: uppercase; font-weight: 700; }

.home-widget:first-child * .widget-title{ padding: 0 0 20px;}
.widget-title { padding: 20px 0; float: left; font-size: 20px; font-weight: 400; text-transform: uppercase; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;}
.widget-title.style_title2 {text-transform: none;font-weight: 700;}
.widget-title.style_title3 { font-style: italic; text-transform: none; }
.widget-title.style_title4 { text-align: center; }
.widget-title.style_title5 { font-weight: 700; }


.widget_author_show_ds .widget-text-box:after, .widget_single_item_ds .widget-text-box:after, .widget_services_ds .widget-text-box:after{border-bottom:1px solid #ebebeb;}
.widget_author_show_ds .widget-text-box, .widget_single_item_ds .widget-text-box, .widget_services_ds .widget-text-box{margin-bottom:5%;}
/*
--------------------------------------------------------------------------
*/

.home-widget { float: left; width: 100%;position:relative; }
.right-side.home-widget { -moz-box-shadow: 0px 0px 0px #ebebeb; -webkit-box-shadow: 0px 0px 0px #ebebeb; box-shadow: 0px 0px 0px #ebebeb; }
.home-widget.fixed-widget { position: fixed; top: 0; }
.home-widget.fixed-widget.navigation-has-menu { top: 37px; }
.admin-bar .home-widget.fixed-widget.navigation-has-menu { top: 69px; }
.admin-bar .home-widget.fixed-widget { top: 32px; }

/*type icon*/
.play-icon { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 34px; width: 34px; border-radius: 34px; position: absolute; background: #000; opacity: 0.7; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; }
.play-icon:after { content: ""; display: block; position: absolute; top: 12px; left: 13px; margin: 0 auto; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 11px solid #FFF; }

.add-menu { width: 100%; font-weight: 800; line-height:90px; float: left; font-size: 20px; text-align: center; }

/*
Widget Areas-------------------------------------------------------------
*/


#fullwidth { float: left; width: 100%; position: relative; opacity: 0; }
#primary { width: 64%; float: left; opacity: 0;margin-right:2%; }
.no-sidebar #primary { width: 100%; float: left; }
#secondary { width: 34%; float: left;}

.two-columns li { width:50%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;  padding: 0 2%;margin:28px 0;}
.three-columns li { width: 33.30%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;  padding: 0 2%;margin:28px 0;}
.four-columns li { width: 25%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;  padding: 0 2%; margin:28px 0;}

.light, .light a, .light a:visited{color:#000;}
.dark, .dark a, .dark a:visited{color:#FFF;}

.services-parallax ul, .clients ul, .featured-author ul, .statistics ul, .services ul, .menu-thumbs-small{display: flex; flex-wrap: wrap;}

/*Services parallax Widget*/

.widget_services_parallax_ds .widget-text-box.light{color:#FFF;}
.widget_services_parallax_ds .widget-text-box.dark{color:#000;}
.services-parallax ul { width: 100%; float: left; position: relative; z-index: 2;background: rgba(0, 0, 0, 0.75); margin-bottom:10%; }
.services-parallax.light ul{background: rgba(255, 255, 255, 0.75);}
.services-parallax li { float: left; margin:45px 0;}
.services-parallax li img { width: 100%; }
.services-parallax-image{width:13%;float:left;}
.services-parallax-title { width: 77%; font-size: 20px;margin-bottom:2%;float:right; margin-left:10%; }
.services-parallax-text { width: 77%; font-size: 13px;float:right; line-height:20px;margin-left:10%;}
.parallax-services { position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%;}
.parallax-services img {  min-height: 150%; width: auto;  position: relative;  background: #000;  pointer-events: none;  max-width: none;  min-width: 100%; }


/*Services Widget*/
.widget_services_ds .light.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#FFF;content: '';bottom:0;z-index:-1;}
.widget_services_ds .dark.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';bottom:0;z-index:-1;}
.services ul { width: 100%; float: left; position: relative;margin-bottom:5%; }
.services li { float: left; }
.services li img { width: 100%; }
.service-image{width: 34.85%;margin:0 auto;}
.service-title { width: 100%; text-align: center; margin: 10% 0; font-size: 28px; font-weight: 600; }
.service-text { width: 100%; text-align: center; font-size: 16px; line-height: 28px; color: #CCC; font-weight: 300; }


/* Testimonials */
.widget_testimonials_ds{float:left;width:100%;position:relative;  display: block;}
.testimonials { width: 100%; float: left; position: relative; z-index:2;margin: 5% 0;}
.testimonials li { float: left;width:100%;padding:0;}
.testimonial-image{width:10.5%;border-radius:100%;margin:0 auto;overflow:hidden;}
.testimonials li img { width: 100%; }
.testimonial-title { width: 100%; text-align: center;  font-size: 16px; font-weight: 300;padding: 10px 0; }
.testimonial-text { width: 100%; text-align: center; font-size: 18px; line-height: 24px;margin: 5% 0;font-style: italic; font-weight:300; }
.dark .testimonial-text{}
.testimonials .flex-control-nav { width: 100%; text-align: center; margin: 20px 0 60px; }
.testimonials .flex-control-paging li{width: 11px;float: none;margin: 0 5px;display: inline-block;}
.testimonials .flex-control-paging li a {border-radius:20px; width: 11px; height: 11px; display: block; border:1px solid #000; cursor: pointer; text-indent: -9999px; }
.testimonials .flex-control-paging li a:hover { background: #000; }
.testimonials .flex-control-paging li a.flex-active { background: #000; cursor: default; }
.testimonials.dark .flex-control-paging li a { border:1px solid #FFF;}
.testimonials.dark .flex-control-paging li a:hover, .testimonials.dark .flex-control-paging li a.flex-active  { background: #FFF; }


/* Clients */
.widget_clients_ds{ width: 100%;color:#FFF; }
.widget_clients_ds:after{ position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';}
.light .widget_clients_ds:after{background:#FFF;}
.light .clients-text-box, .widget_clients_ds .widget-text-box.light{color:#000;}
.widget_clients_ds .widget-text-box.dark{color:#FFF;}
.clients{ width: 100%; float: left; position: relative;z-index:2;margin: 2% 0;}
.clients-text-box{ width: 25%; float: left;}
.clients-title{font-size:44px;font-weight:700;margin:8% 0;}
.clients-text{line-height:26px;font-size:16px;font-weight:300;}
.clients ul{ width: 75%; float: right;}
.full-ul.clients ul{ width: 100%; float: left;}
.clients li { float: left;margin:1% 0; }
.clients li img { width: 100%; }
.clients-image{width: 100%;}

/* Statistics widget */

.widget_statistics_ds{ width: 100%;color:#FFF; }
.widget_statistics_ds:after{ position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';}
.light .widget_statistics_ds:after{background:#FFF;}
.light .statistics-text-box, .light .statistics ul{color:#000;}

.statistics{ width: 100%; float: left; position: relative;z-index:2;margin:2% 0;}
.statistics-text-box{ width: 25%; float: left;}
.stats-title{font-size:44px;font-weight:700;margin:8% 0;}
.stats-text{line-height:26px;font-size:16px;font-weight:300;}
.statistics ul{ width: 75%; float: right;}
.full-ul.statistics ul{ width: 100%; float: left;}
.statistics li { float: left; }
.statistics li img { width: 100%; }
.statistics-image{width: 34.85%;margin:0 auto;}
.statistics-title { width: 100%; text-align: center; margin: 10% 0; font-size: 20px; font-weight: 300; float:left;}
.statistics-text { width: 100%; font-size: 60px; float:right; text-align:center;margin:5% 0 ;font-weight:700;}

/*Authors-widget*/
.widget_author_show_ds .light.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#FFF;content: '';bottom:0;z-index:-1;}
.widget_author_show_ds .dark.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';bottom:0;z-index:-1;}
.featured-author{ width: 100%; float: left; position: relative;margin-bottom:5%; }
.featured-author li{ float: left; }
.author-image-social{position: relative;float:left;overflow:hidden;border-bottom:3px solid #000;width:100%;}
.featured-author-image img{width:100%;}
.featured-author-image{width:100%;}
.featured-author-desc{text-align:center;}
.featured-author-desc h2{font-size:20px; color:#000;margin:2% 0;float:left;width:100%;}
.author-role{float:left;color:#CCC;font-size:16px;font-style:italic;width:100%;margin-bottom:5%;}
.author-text{font-size:14px;line-height:18px;float:left;width:100%;color:#CCC;}
ul.author-social{display:block;position: absolute;float: none;margin: 0 auto;text-align: center;bottom: -100px;background: #FFF;width: 100%;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;left:0; }
.author-image-social:hover .author-social{bottom: 0;}
.featured-author .author-social li {display: inline-block;float: none;width:15%;padding:2%;margin:0;}

/*portfolio-widget*/
.dark .widget-text-box:after{margin-left: calc((100% - 100vw) / 2);width: 100vw;content:'';background:#000;position:absolute;height:100%;left:0;top:0;z-index:-1;}
.light .widget-text-box:after{margin-left: calc((100% - 100vw) / 2);width: 100vw;content:'';background:#FFF;position:absolute;height:100%;left:0;top:0;z-index:-1;}
.portfolio-thumbnails { position: relative; margin-left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; float:left;}
.portfolio-column{width:25%;float:left;}
.portfolio-thumbnails li{ width: 100%;float:left;position:relative;}
.portfolio-thumbnails li:after{ width: calc(100% - 20px);height:calc(100% - 20px);content:"";background: rgba(0, 0, 0, 0.0);position:absolute;top:0;left:0;pointer-events:none;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;z-index:2;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; margin:10px}
.light .portfolio-thumbnails li:hover:after{background: rgba(255, 255, 255, 0.45);}
.dark .portfolio-thumbnails li:hover:after{background: rgba(0, 0, 0, 0.45);}
.portfolio-posts-image img{width:100%;vertical-align: top;}
.portfolio-posts-image{width:100%;}
.portfolio-posts-text{position:absolute;bottom: 10%;width:80%;z-index:5;left:10%;opacity:0;}
.portfolio-thumbnails li:hover .portfolio-posts-text{opacity:1;}
.portfolio-posts-title{font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:5px;}
.portfolio-post-category{font-style:italic;font-size:16px;}
.portfolio-posts-title a, .portfolio-posts-title a:visited, .portfolio-post-category a, .portfolio-post-category a:visited{color:#000;}
.dark .portfolio-posts-title a, .dark .portfolio-posts-title a:visited, .dark .portfolio-post-category a, .dark .portfolio-post-category a:visited{color:#FFF;}
.portfolio-menu{float:left;margin-left:5%;width:40%;margin-top:16px;text-transform:uppercase;}
.portfolio-menu li{float:left;padding:1% 3%;font-size:14px;}
.portfolio-menu li.active a{color:#FFF;}

.animate-fade-out {  -webkit-animation: portfolio-out 1s ease both; animation: portfolio-out 1s ease both;-moz-animation:portfolio-out 1s ease both;}
.animate-fade-in {  -webkit-animation: portfolio-in 1s ease both; animation: portfolio-in 1s ease both;-moz-animation:portfolio-in 1s ease both;}

@-webkit-keyframes portfolio-in
{0% {opacity:0;-webkit-transform: scale(0);} 100% {-webkit-transform: scale(1);opacity: 1;}}
@keyframes portfolio-in
{0% {opacity:0;-webkit-transform: scale(0);transform: scale(0);} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}

@-webkit-keyframes portfolio-out
{ 0% {opacity:1;-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0);opacity: 0;}}
@keyframes portfolio-out
{0% {opacity:1;-webkit-transform: scale(1);transform: scale(1);} 100% {-webkit-transform: scale(0);transform: scale(0);opacity: 0;}}



.portfolio-column:nth-child(odd) li:nth-child(1), .portfolio-column:nth-child(even) li:nth-child(2){ -webkit-animation-delay: .3s;animation-delay: .3s; -moz-animation-delay: .3s; }

/*blog-widget*/
.widget_blog_ds .light.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#FFF;content: '';bottom:0;z-index:-1;}
.widget_blog_ds .dark.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';bottom:0;z-index:-1;}
.blog-box ul { width: 100%; float: left; position: relative; z-index: 2;margin: 5% 0; }
.blog-box.light ul{}
.blog-box li { width: 33.30%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 2%;float:left;margin:28px 0;}
.blog-posts-image img { width: 100%; }
.blog-posts-image{width:100%;position:relative; }
.blog-posts-image:after{width:100%;height:100%;content:"";background: rgba(0, 0, 0, 0.40);position:absolute;top:0;left:0;pointer-events:none;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;}
.light .blog-posts-image:after{background: rgba(255, 255, 255, 0.40);}
.blog-posts-image:hover:after {opacity:0;}
.blog-date{position:absolute;top:5%;left:5%;z-index:2;border: 1px solid #000;}
.blog-date .month{background:#000;color:#FFF;text-align:center;text-transform:uppercase;padding: 2px 6px;font-size:12px;font-weight:700;}
.blog-date .day{font-size:25px;text-align:center;width:100%;float:left;padding:5px 0;font-weight:700;}
.light .blog-date{border: 1px solid #FFF;}
.light .blog-date .month{background:#FFF;color:#000;}
.blog-featured-title { width: 90%; margin: 10% 5%; font-size: 23px; font-weight: 600;position:absolute;bottom:0;z-index:3; }
.blog-post-title { width: 100%; text-align: left; font-size: 20px; line-height: 24px;float:left;margin-bottom:5%;text-transform:uppercase; }
.blog-featured-text{font-size:14px;line-height:16px;float:left;text-align:justify;font-weight:300;}
.blog-review-score{}

/* contact widget */
.widget_contact_ds .light.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#FFF;content: '';bottom:0;z-index:-1;}
.widget_contact_ds .dark.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';bottom:0;z-index:-1;}
#map-size{position: relative; margin-left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 500px;margin-bottom:5%;float:left;}
.contact-us-text{float:left;width:45%;margin-left:5%;}
.contact-heading{font-size: 23px;font-weight: 800;text-transform: uppercase;margin-bottom: 5%;}
.contact-desc{font-size:14px;color:#CCC;font-weight:300;margin-bottom:5%;width:100%;float:left;line-height:20px;}
.contact-address{font-size:12px;color:#CCC;font-weight:400;margin-bottom:2%;width:100%;float:left;}
.contact-phone{font-size:12px;color:#CCC;font-weight:400;margin-bottom:2%;width:100%;float:left;}
.contact-email{font-size:12px;color:#CCC;font-weight:400;margin-bottom:2%;width:100%;float:left;}
/*contact-form*/
#deus-contact-form { width: 45%;float:left;margin-right:5% }
#deus-contact-form #myform input, #deus-contact-form #myform textarea {border: 1px solid #ddd ; padding:10px; font-size: 12px;width:100%; line-height:20px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;margin:5px 0;}
#deus-contact-form #myform table #deus-contact-form-name, #deus-contact-form #myform table #deus-contact-form-email, #deus-contact-form #myform table #deus-contact-form-mgs { width: 100% !important; }
#deus-contact-form #myform table #deus-contact-form-mgs { height: 200px !important; }
#deus-contact-form #myform table #name_label, #deus-contact-form #myform table #email_label, #deus-contact-form #myform table #mgs_label { font-weight: 700 !important; font-size: 16px !important; }
#deus-contact-form #myform table, #deus-contact-form-submit { padding: 10px 20px;float: left;cursor: pointer;border: none;font-size: 13px;font-weight: 700;background: #000;margin: 30px 0;color: #FFF;}
#deus-contact-form .deus-contact-form-name-valid, #deus-contact-form .deus-contact-form-email-empty, #deus-contact-form .deus-contact-form-mgs-valid { color: #f00 !important; font-size: 12px !important; float:right;}
#deus-contact-form-submit-success{float:right;}
#deus-contact-form .deus-contact-form-email-valid { }
#deus-contact-form #myform .sending { float: left; position: absolute; padding: 0; margin: 6px 0 0 -8px; display: inline-block; height: 20px !important; width: 20px !important; display: none; }

/* thumbnails widget */
.featured-thumbnails{width:100%;float:left;}
.featured-thumbnails li{float:left;width:100%;margin:0 0 30px;}
.featured-posts-image{width:25%;margin-right:5%;float:left;}
.featured-posts-image img{width:100%;}
.featured-posts-title{font-size:16px;font-weight:700;width:70%;float:left;margin-bottom:10px;}
.featured-posts-words{font-size:14px;font-weight:400;float:right;color:#CCC;width:70%;line-height:18px;}

/* slider widget */
.widget_slider_ds .light.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#FFF;content: '';bottom:0;z-index:-1;}
.widget_slider_ds .dark.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';bottom:0;z-index:-1;}
.slider{width:100%;float:left;max-height:calc(100vh - 90px);}
.slider .slides{z-index:2;}
.slider.fullwidth-slider{  position: relative;  margin-left: calc((100% - 100vw) / 2);  width: 100vw;  overflow: hidden; }
.slider-image{width:100%;float:left;}
.slider-image img{width:100%;}
.light .slider-text-box{color:#000;}
.light .slider-title:before, .light .slider-title:after{background-color:#000;}
.slider-text-box{top:58%;position:absolute;width:100%;color:#FFF;z-index:5;}
.slider-text{ font-size: calc(1.2vw + 28px);font-weight:700;width:60%;padding:0.3% 20%;text-align:center;z-index:9;float:left; -webkit-animation: fade-in-up 1s ease both; animation: fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both;}
.slider-title{font-size:20px;font-weight:300;width:70%;padding:0 15%;text-align:center;z-index:9;float:left;}
.slider-text a, .slider-text a:visited, .slider-title a, .slider-title a:visited{color:#FFF;}
.slider-title:before, .slider-title:after {background-color: #FFF;content: '';display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;width:7%;}
.slider-title:before {right: 10px;margin-left: -50%;}
.slider-title:after {left: 10px;margin-right: -50%;}
.slider .flex-control-paging { width: 100%; text-align: center; z-index:3;position:absolute;bottom:6%;}
.slider .flex-control-paging li{width: 11px;float: none;margin: 0 5px;display: inline-block;}
.slider .flex-control-paging li a {border-radius:20px; width: 11px; height: 11px; display: block; border:1px solid #FFF; cursor: pointer; text-indent: -9999px; }
.slider .flex-control-paging li a:hover { background: #FFF; }
.slider .flex-control-paging li a.flex-active { background: #FFF; cursor: default; }
.light.slider .flex-control-paging li a.flex-active, .light.slider .flex-control-paging li a:hover{background: #000;}
.light.slider .flex-control-paging li a{border-color:#000;}
.slider_fx1 li{position:relative;} /*fallback slide*/


/* carousel widget */
.widget_carousel_widget_ds .light.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#FFF;content: '';bottom:0;z-index:-1;}
.widget_carousel_widget_ds .dark.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';bottom:0;z-index:-1;}
.carousel {  position: relative;  margin-left: calc((100% - 100vw) / 2);  width: 100vw;  overflow: hidden;  height: 100%;  float: left;}
.carousel li{width:25%;float:left;}
.carousel img{width:100%;} 
.carousel-navigation{  float: none;  margin: 0 auto;  text-align: center;}
.carousel-prev, .carousel-next{width:35px;height:35px; background:#000;margin:15px;  display: inline-block; float: none;}
.carousel-prev{background-image:url(images/ds-arrows-slider.png); background-position: 4px -2px;}
.carousel-next{background-image:url(images/ds-arrows-slider.png);  background-position: 31px -2px;}

/* single item widget */
.widget_single_item_ds .light.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#FFF;content: '';bottom:0;z-index:-1;}
.widget_single_item_ds .dark.widget-text-box:after{position: absolute; left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; height: 100%; background:#000;content: '';bottom:0;z-index:-1;}
.big-item{float:left;width:100%;}
.big-item li{float:left;width:100%;margin-bottom:5%;}
.right .big-item-image{float:right;margin-right:0;margin-left:5%;}
.right .big-item-text-box{float:left;margin-left:0;margin-right:5%;}
.center .big-item-image{width:45%;margin-right:27.5%;margin-left:27.5%;}
.center .big-item-text-box{width:45%;margin-right:27.5%;margin-left:27.5%;text-align:center;}
.center .big-item-title{margin-top:5%;}
.left .big-item-video{width:45%;margin-right:5%;float:left;}
.right .big-item-video{width:45%;margin-left:5%;float:right;}
.center .big-item-video{width:60%;margin:0 20%;}
.video-box{ position: relative; padding-bottom: 56.25%; height: 0;width:100%; }
.video-box iframe { position: absolute;top:0;left: 0;width: 100%;height: 100%; }
.big-item-image{width:45%;margin-right:5%;float:left;}
.big-item-text-box{width:45%;margin-left:5%;float:right;}
.big-item-title{width:100%;float:left;margin-bottom:5%;font-size:35px;font-weight:700;}
.big-item-text{width:100%;float:left;font-size:15px;line-height:25px;color:#CCC;  font-style: italic;}
.big-item-button-wrapper{width:100%;text-align:center;margin:5% 0 0;float:left;}
a.big-item-button{padding: 2% 4%;  float: left;  cursor: pointer;  border: none;  font-size: 15px;  font-weight: 700;  background: #000;  color: #FFF;  display: inline-block;  float: none; }




/*
Main Menu-------------------------------------------------------------------------------------------------------------------------
*/
#main-nav{position:relative;max-width:calc(100% - 100px);}
.admin-bar #nav-wrapper .fixed-menu { top: 32px; }
#nav-wrapper .fixed-menu { position: fixed; left: 0; top: 0;}
#navigation { float: left; display: block; position: relative; width: 100%; z-index: 999; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background: #FFF;max-height:90px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
#main-nav ul li:hover > .menu-link { color: #000; }
.fixed-menu #main-nav { position: relative; transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; }
.sub-menu-wrapper.no-children .sub-menu{top:0;}
#nav-wrapper { width: 100%; float: left; position: absolute; }
#mob-menu { padding: 10px 0; text-align: center; display: none; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 15px; }
.menu-item { float: left; font-size: 14px; font-weight: 400; text-decoration: none; }
#main-nav ul li:hover .sub-menu-wrapper { display: block; }
.sub-menu-wrapper { position: absolute; left: 0; z-index: 998; width: 100%;  display: none; top: 90px; background: #FFF; }
.sub-menu { float: left; width: 100%; position: absolute; left: 0; top: 33px; z-index: 999; display: none;background: #FFF; }
.active .sub-menu { display: block; }
.active .menu-links.inside-menu .sub-menu { display: none; }
.menu-links.inside-menu .active .sub-menu { display: block; }
.sub-meni .menu-item-object-category.menu-item-has-children:after, .sub-menu-wrapper .menu-item-object-category.menu-item-has-children:after { display: none; }
.sub-menu-wrapper .menu-links.inside-menu .menu-links.inside-menu { display: none; }
.sub-menu-wrapper .menu-links.inside-menu .sub-meni { float: left; z-index: 999; position: absolute; display: none; margin-left: 0; top: 0; left: 0; width: auto; padding-top: 0; }
#main-nav ul li:hover > .sub-meni { display: block; }
.sub-meni .sub-meni { top: 0; }
.sub-meni { float: left; z-index: 999; position: absolute; display: none; top: 90px; width: 218px; }
.menu-links.inside-menu .sub-meni { left: 218px; display: none; padding-top: 0; }
#main-nav .sub-meni .menu-links.inside-menu { border-bottom: none; }
.sub-meni .menu-links.inside-menu li { position: relative; width: 100%; }
.sub-meni li { width: 164px; }
#main-nav .menu-links.inside-menu { width: 100%; float: left; }
.menu-links.inside-menu .menu-link { position: relative; padding: 0; margin: 10px 18px;line-height:inherit; }
.menu-link { padding: 0 24px; float: left; border-right: #000; text-transform: uppercase; line-height:90px; }
.menu-thumbs-small li { width: 50%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 2%; float: left; margin:28px 0; -webkit-animation: fade-in-up 1s ease both; animation: fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both;}
.menu-thumbs-small li:nth-child(even){ -webkit-animation-delay: .2s;animation-delay: .2s; -moz-animation-delay: .2s; }
.menu-posts-image{width:30%;margin-right:5%;float:left;}
.menu-posts-image img{width:100%;}
.menu-author-date{ width: 65%; color: #CCC; font-size: 14px; font-weight: 400; float: left; font-style: italic; margin:5px 0; text-transform:uppercase; }
.menu-post-author, .menu-post-date, .date-split{float:left;}
.menu-post-excerpt{float:right;width: 65%; color: #000; font-size: 12px; font-weight: 400;line-height:14px;}


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


/*
Logo and header ad-------------------------------------
*/

#site-logo {   float: left;  position: relative;  line-height: 90px;  min-width: 100px;  text-align: center;}
#site-logo img {  vertical-align: middle;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-box-sizing: border-box;  display: inline-block;}

/*
Social--------------------------------------------------------
*/

#navigation .content-social{position:absolute;right:0;}
.content-social { float: right; margin: 32px 20px 0 0; }
.content-social ul { float: right; }
.content-social ul li { float: left; }
.fb-social-icon, .twitter-social-icon, .pinterest-social-icon, .google-social-icon, .instagram-social-icon, .rss-social-icon, .youtube-social-icon { float: left; width: 28px; height: 28px; }
.fb-social-icon:before{content:'b';}
.twitter-social-icon:before{content:'a';}
.pinterest-social-icon:before{content:'d';}
.google-social-icon:before{content:'c';}
.youtube-social-icon:before{content:'r';}
.instagram-social-icon:before{content:'x';}
.rss-social-icon:before{content:',';}

.fb-social-icon:before, .twitter-social-icon:before, .pinterest-social-icon:before, .google-social-icon:before, .youtube-social-icon:before, .instagram-social-icon:before, .rss-social-icon:before{font-family: 'socicon' !important;line-height:28px;margin-left:5px;font-size:18px;}

#navigation .content-social a, #navigation .content-social a:visited{color:#000;}

.author-image-social .author-social a, .author-image-social .author-social a:visited{color:#000;}

/*
Search-------------------------------------------------------------------------------------------------------------------------
*/


.search-box { position: absolute; right: 0; }
#searchform { float: right; position: relative; }
#searchform input { cursor: pointer; background: #1D1D1D; float: left; font-size: 17px; line-height: 17px; margin: 0; padding: 0 10px; width: 100px; height: 37px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; -webkit-transition: all 0.2s; border: 0; color: transparent; color: #FFF; font-family: inherit; }
#searchform #s:focus { outline: none; }
#searchform input:focus { cursor: text; }
input#s:focus { display: block; }
/*
Footer-------------------------------------------------------------
*/


#footer { width: 100%; margin: 0 auto; background:#000;color:#FFF;float:left;}
.footer-wrap { float: none; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; margin:0 auto; }
#footer .content-social {padding: 34px 0; float:right; margin:0;}
#footer .content-social li {float: left; }
#footer .content-social li a, #footer .content-social li a:visited{color:#FFF; }
.copyright { padding: 34px 0; font-size: 12px; font-weight: 400; width: calc(100% - 224px); float: left; }
.copyright-text { font-variant: small-caps; margin:10px 0;}


/*
Post page elements-------------------------------------------------------------------------------------------------------------------------
*/


#post-page-title { width: 100%; margin: 0 0 10px 0; float: left;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;}
#post-page-title h1 { text-transform: uppercase; letter-spacing: -1px; font-size: 35px; line-height: 38px; font-weight: 700; }
#post-page-subtitle { width: 100%; margin: 0 0 10px 0; float: left; font-size: 16px; line-height: 20px; font-weight: 400; font-style: italic; color: #757575;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; }
.post-info { width: 100%; color: #CCC; font-size: 18px; font-weight: 400; float: left; font-style: italic; padding: 10px 0;margin-bottom:25px; text-transform:uppercase; }
.post-page-category a, .post-author a, .post-page-category a:visited, .post-author a:visited{color:#CCC;}


#media-wrapper { position: relative; float: left;  width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box; opacity:0;margin-bottom:25px;}
#media-wrapper img, #media-wrapper iframe{width:100%;}
#primary #media-wrapper img, #primary #media-wrapper iframe{width:100%;}
.format-gallery #primary #media-wrapper{padding:0 0 20px;}
.format-gallery #primary #media-wrapper img{padding:0;}
.post-page-content-wrapper { width: 100%; }
.embed-wrapper, .video-container, .tv-page-video-wrapper, .video-wrapper  { position: relative; padding-bottom: 56.25%; height: 0;width:100%; }
.tv-video-wrapper iframe, .video-container iframe, .video-container object, .video-container embed, .video-container video, .video-wrapper iframe { position: absolute;top:0;left: 0;width: 100%;height: 100%; }
#post-content { width: 100%; float: left; font-size: 13px; line-height: 20px; font-weight: 400; margin-top: 16px; margin-bottom:16px;}
.share-post { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; float: left; width: 100%; margin: 0 0 20px; }
.share-title { text-transform: uppercase; width: 170px; padding: 10px; text-align: center; font-size: 15px; font-weight: 700; float: left; }
.share-post ul{float:left;}
.share-post li { float: left;width:16.6%;text-align:center;margin-top:3px; }
.fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .stumble-share-icon, .reddit-share-icon { width: 30px; height: 30px; display: inline-block;float: none;}
.fb-share-icon { background: url(images/sharebuttons.png) -38px 0; }
.twitter-share-icon { background: url(images/sharebuttons.png) -3px 0; }
.google-share-icon { background: url(images/sharebuttons.png) -105px 0; }
.pinterest-share-icon { background: url(images/sharebuttons.png) 101px 0; }
.stumble-share-icon { background: url(images/sharebuttons.png) -72px 0; }
.reddit-share-icon { background: url(images/sharebuttons.png) 67px 0; }
.post-tags { float: left; padding: 0 0 20px; }
.tags-title { padding: 4px 10px;text-transform: uppercase;float: left;font-size: 14px;margin-right: 1px;color: #FFF;background: #4B4B4B; }
.post-tags a { font-size: 12px;float: left;font-weight: 400;margin: 0 1px 0px 0;padding: 4px;text-transform: uppercase;border: 1px solid #000; }
.post-categories-wrapper{width:100%;padding: 0 0 20px;float:left;}
.post-categories-wrapper .blog-post-categories{font-size:14px;}
.blog-post-categories{float: left;padding: 4px 8px;font-size: 11px;background: #000;margin-right: 1px;margin-bottom: 1px;text-transform: uppercase;}
.blog-post-categories a, .blog-post-categories a:visited{color:#FFF;}
.post-categories-title { padding: 4px 10px;text-transform: uppercase;float: left;font-size: 14px;margin-right: 1px;color: #FFF;background: #4B4B4B;}
.nav-next-prev { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; float: left; width: 100%; margin: 0 0 20px; padding: 16px 0; }
.nav-previous { width: 49%; float: left; }
.nav-next { width: 49%; float: right; }
.previous-article { padding: 2px 0; width: 338px; float: left; font-size: 15px; font-weight: 700; }
.previous-title { padding-right: 15px; text-transform: uppercase; line-height: 15px; padding: 0px; float: left; }
.next-article { padding: 2px 0; text-align: right; width: 338px; float: right; font-size: 15px; font-weight: 700; }
.next-title { padding-left: 15px; text-align: right; text-transform: uppercase; line-height: 15px; }
.next-title .post-date { float: right; width: 100%; }
.next-title .bypostauthor, .previous-title .bypostauthor { float: none; border: none; padding: 0; margin: 0; }
.next-title h2 { margin: 5px 0; float: right; width: 100% }
.previous-title h2 { margin: 5px 0; float: left; width: 100%; }
#author-info {width: 100%;float: left;position:relative;}
#author-image { padding: 20px 20px 20px 0; float: left; }
#author-desc { color: #9C9C9C; font-size: 13px; line-height: 15px; font-weight: 400; padding-top: 20px; float: left; }
#author-desc h2 { font-size: 15px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px; }
#author-info .author-social { float: left; padding-top: 5px; bottom:0; width:auto; }
.author-social li { float: left; }
.category-slider { float: left; overflow: hidden; padding: 0px 8px 25px 8px; }

.splitter { margin: 0 auto; margin-bottom: -10px; margin-top: -10px; float: left; height: 90px; border-left: 1px solid #ebebeb; }
.image-caption{font-size:12px;font-style:italic;padding:5px 20px;background:#1a1a1a;position:absolute;bottom:0;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;width:100%;color:#6c6c6c;}

.post .author-social, .archive .author-social{position:relative;}

.post-page-gallery-thumbnails { float: left; width: 100%; position: relative; background: #000; overflow: hidden; }
.post-page-gallery-thumbnails .slides li { float: left; position: relative; opacity: 0.5; }
.post-page-gallery-thumbnails .slides li:hover { cursor: pointer; opacity: 1; }
.post-page-gallery-thumbnails .slides li.flex-active-slide { opacity: 1; cursor: default; }
.post-page-gallery-thumbnails .flex-direction-nav a { top: 50%; }
.flex-direction-nav a { width: 30px; height: 56px; margin: -27px 0 0; display: block;  position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-prev{background: url(images/ds-arrows-slider.png) no-repeat 2px 7px;}
.flex-direction-nav .flex-next{background: url(images/ds-arrows-slider.png) no-repeat -40px 7px;right:0;}
.post-page-gallery-thumbnails:hover .flex-direction-nav a{opacity:1;}

.post-page-gallery-thumbnails .flex-active-slide:after { top: 0; z-index: 9; position: absolute; border: 4px solid #000; width: 100%; height: 100%; content: ""; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; opacity: 1; }
.post-page-gallery-slider { width: 100%; overflow: hidden; position:relative; }
.caption-gallery-slider { bottom: 0; width: 100%; color: #FFF; position: absolute; padding: 10px; background: #1a1a1a; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-size:13px;color:#6c6c6c; font-style:italic;}


/*
Post-page Review----------------------------------------------------------------
*/


#review-wrapper { width: 100%; float: left; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin: 20px 0px 30px 0px; }
.review-image { float: left; position: relative; width:25%; margin:2% 0; }
.total-score { position: absolute; bottom: 0; padding: 7px 9px; font-size: 15px; font-weight: 700; background: #000; color: #FFF; border-left: 1px solid #FFF; border-top: 1px solid #FFF; right: 0; }
.review-wrapper-title-good-bad { float: left; width: 72%; margin: 2% 0 0 3%; }
.review-title { font-size: 24px; font-weight: 600; width: 100%; margin-bottom: 16px; float: left; }
.review-good, .review-bad { float: left; width: 50%; }
.review-good ul, .review-bad ul { list-style: disc; margin: 16px 0; float: left; }
.review-good ul li, .review-bad ul li { margin-left: 20px; padding: 5px 0px; width: 100%; float: left; font-size: 13px; }
.good-title, .bad-title { font-size: 18px; float: left; width: 100%; }
.good-text { width: 80%; }
.bad-text { width: 80%; }
.review-title-scores { float: left; width: 100%; margin-bottom: 16px; }
.review-title-scores li { float: left; width: 100%; margin-bottom: 9px; }
.review-item-title { float: left; text-transform: uppercase; font-size: 12px; font-weight: 600; }
.review-item-score { float: right; font-size: 12px; font-weight: 600; }
.score-line { width: 100%; background: #ebebeb; height: 12px; float: left; overflow: hidden; }
.score-width { height: 12px; background: #000; float: left; display:none;}
.score-width.active{-webkit-animation: review 1s both ease; animation: review 1s both ease;display:block;}
@-webkit-keyframes review { from {	 width:0;} to {}}
@keyframes review { from {	 width:0;} to {}}

/*
Category Page-------------------------------------------------------------------------------------------------------------------------
*/

.archive .category-posts li{float:left;position:relative;margin-bottom:5%;}
.category-page{margin-top:200px;}
.category-date{float:left;margin-right:2%;z-index:2;border: 1px solid #000;}
.category-date .month{background:#000;color:#FFF;text-align:center;text-transform:uppercase;padding: 2px 6px;font-size:12px;font-weight:700;}
.category-date .day{font-size:25px;text-align:center;width:100%;float:left;padding:5px 0;font-weight:700;}
.category-thumb{ width: calc(98% - 42px);float:left;position:relative;}
.category-thumb img{width:100%;}
.category-text{width: calc(98% - 42px);float:left;margin-left:calc(42px + 2%);margin-top:3%;}
.category-text h2{width:100%;font-size:35px;font-weight:700;margin-bottom:3%;}
.category-text-content {font-size: 14px;font-weight: 400;color: #CCC;line-height:18px;}

.search-word, .tag-name, .archive-name { float: left; width: 100%; border-bottom: 1px solid #000; border-top: 3px solid #000; ; margin: 0 0 20px; }
.pagination { padding: 20px 0; font-size: 15px; font-weight: 700; text-align: center; float: left; width: 100%;}
.pagination.pagination-load-more a { padding: 20px 0; text-transform: uppercase; background: #ebebeb; width: 100%; float: left; }
.pagination.pagination-load-more { padding: 0; margin-top: 20px; }
#post-content .pagination { box-shadow: 0 0 0 0 #ebebeb; }



/*
Comments-------------------------------------------------------------------------------------------------------------------------
*/


#reply-title { float: left; width: 100%; padding: 16px 0 12px 0; font-size: 16px; line-height: 18px; font-weight: 400; }
#cancel-comment-reply-link { }
.comment-count { color: #9C9C9C; font-size: 14px; font-weight: 700; font-size: 18px; font-weight: 400; margin-bottom:20px;text-transform:uppercase;}
.comment-count .last-word{font-weight:700;}
.comment-author, .comment-email, .comment-url {color: #9C9C9C; font-size: 15px; line-height: 20px; font-weight: 400; float: left; width: 32%; }
.comment-author, .comment-email { padding-right: 2%; }
#author, #email, #url { border: 1px solid #ebebeb; font-size: 15px; font-weight: 400; height: 32px; width: 100%;color:#9c9c9c; }
.required {font-size:15px;font-weight:700; }
.comment-form-comment { float: left; padding: 30px 0; width: 100%; }
#comment { border: 1px solid #ebebeb; height: 180px; width: 100%; }
.form-submit { float: left; }
#submit { cursor: pointer; border: none;  font-size: 14px; font-weight: 700; background: #FFF; height: 32px; margin-bottom: 30px; color: #FFF;padding:0 15px; }
.comments { list-style: none; float: left; width: 100%; ; }
.gravatar-comment { padding-right: 20px; float: left; }
.comment-author-name { padding: 0 0 5px; font-size: 16px;  }
.comment-date-time { font-size: 12px; font-weight: 400; color: #9c9c9c;padding: 10px 0;float: left; }
.comments li { padding: 10px 0; width: 100%; float: left; }
.comments li.bypostauthor { border: none; }
.comment-content { font-size: 13px; line-height: 20px; font-weight: 400; float: left; width:100%;margin-top:10px;}
.children { padding-left: 30px; }
.logged-in-as { float: left; width: 100%; padding: 20px 0; font-size: 15px; font-weight: 400;}
.comment-pagination { float: left; width: 100%; font-size: 15px; font-weight: 600; text-align: center; }
.comment-reply-link{float: left;font-size: 12px;font-weight: 400;}

/*
Wp-css----------------------------------------------------------------
*/

blockquote { margin: 0 0 15px;padding: 1px 15px 1px 15px;float: left;width: 99%;font-size:18px; line-height:26px;text-transform:uppercase;}
q{margin: 0 0 15px; padding: 15px;float: left;width: 99%;font-size:18px;line-height:26px;text-transform:uppercase;}
q.left{width:40%;}
q.right{width:40%;text-align:right;float:right;}
p { display: block; margin-bottom: 15px; }
blockquote p { margin-top: 15px; }
.content h1, .homepage-shortcodes h1 { font-size: 35px; line-height: 38px; font-weight: 700; margin: 10px 0; width: 100%; }
.content h2, .homepage-shortcodes h2 { font-size: 30px; line-height: 32px; font-weight: 700; margin: 10px 0; width: 100%; }
.content h3, .homepage-shortcodes h3 { font-size: 26px; line-height: 28px; font-weight: 700; margin: 10px 0; width: 100%; }
.content h4, .homepage-shortcodes h4 { font-size: 22px; line-height: 24px; font-weight: 700; margin: 10px 0; width: 100%; }
.content h5, .homepage-shortcodes h5 { font-size: 18px; line-height: 20px; font-weight: 700; margin: 10px 0; width: 100%; }
.content h6, .homepage-shortcodes h6 { font-size: 14px; line-height: 16px; font-weight: 700; margin: 10px 0; width: 100%; }
.content ul { list-style: disc outside; margin: 10px 0; }
.content ol { list-style: decimal outside; margin: 10px 0; }
.content ul li, .content ol li { margin-left: 30px; padding: 5px 0px; }
.alignright { max-width: 100%; float: right; }
.alignleft { max-width: 100%; float: left; }
.aligncenter { max-width: 100%; display: block; margin: 0 auto; }
.alignnone { max-width: 100%; }
code, pre { padding: 2px 4px; border: 1px solid #e1e1e8; }
pre { word-break: break-all; word-wrap: break-word; white-space: pre-wrap; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -2px; }
sup { top: -5px; }
.wp-caption, .gallery-caption { margin-bottom: 10px; text-align: center; }
.wp-caption-text { margin-bottom: 2px; }
.sticky { }
.bypostauthor { }
img.alignright, .wp-caption.alignright { float: right; margin: 5px 0 20px 20px; }
img.alignleft, .wp-caption.alignleft { float: left; margin: 5px 20px 20px 0; }
table { margin-bottom: 30px; width: 100%; text-align:center;}
td { border: 1px solid #999; padding: 10px 15px; background: #ddd; }
tr:nth-child(odd) td { background: #ebebeb; }
th, tfoot td { padding: 10px 15px; background: #bbb!important; border: 1px solid #999; font-weight: normal; text-transform: uppercase;  }
/*error page*/
#post-404 h1 { font-size: 24px; font-weight: 700; text-align: center; }
#post-404 { font-size: 15px; font-weight: 700; text-align: center; margin-top: 50px; }
/*rss widget*/
.widget_rss { width: 100%; font-size: 14px; font-weight: 400; }
.widget_rss ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_rss ul li { padding: 8px 0; width:100%;}
.widget_rss a { color:#CCC; }
.rssSummary { color: #9C9C9C; ; font-size: 12px; font-weight: 700; padding-top: 10px; }
/*categories widget*/
.widget_categories { width: 100%; font-size: 14px; font-weight: 400; }
.widget_categories ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_categories ul li { padding: 8px 0; }
.widget_categories ul li:before{margin-top: 3px;margin-right: 10px;float: left;height: 9px;width: 9px;content:'';background:#000;}
.widget_categories ul ul.children { padding: 0; }
.widget_categories a { color:#CCC;}
.widget_categories select { }
.widget_categories select#cat { }
.widget_categories select.postform { }
.widget_categories option { }
.widget_categories .level-0 { }
.widget_categories .level-1 { }
.widget_categories .level-2 { }
.widget_categories .level-3 { }
/*Tag cloud*/
.tagcloud { width: 100%;}
.tagcloud a { font-size: 13px !important; float: left; font-weight: 400; margin: 0 4px 4px 0; padding: 5px; text-transform: uppercase; color:#FFF; }
#footer .tagcloud a { border-color: #FFF; }
/*recent comments widget*/
.widget_recent_comments { width: 100%; font-size: 14px; font-weight: 400; }
.recentcomments { padding: 8px 0;width:100%; }
#recentcomments { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
#recentcomments li { font-size: 15px; font-weight: 700; line-height: 18px; }
.widget_recent_comments a { font-weight: 400; font-size: 14px; color:#ccc; }
/*recent posts widget*/
.widget_recent_entries { width: 100%; font-size: 14px; font-weight: 400; }
.widget_recent_entries ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_recent_entries ul li { padding: 8px 0;width:100%; }
.widget_recent_entries a { color:#CCC;}
/*search*/
.widget_search #searchform #s { width: 100%; border: 1px solid #000; background:#FFF;color: #000;padding: 0 10%; }
.widget_search #searchform { float: left; width:100%;}
.widget_search #searchsubmit { width: 30%; margin: 0; padding: 0 5%; }
.widget_search { width: 100%;float:left; }
.screen-reader-text {display:none; }
/*calendar*/
.widget_calendar { width: 100%; font-size: 14px; font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #FFF; }
#wp-calendar { margin: 15px auto; }
#calendar_wrap { float: left; width: 100%; }
#calendar_wrap th {padding: 3%; }
#calendar_wrap td { padding: 3%;}
#wp-calendar tr td { padding: 3%; }
#wp-calendar caption { padding: 0 0 20px; }
#wp-calendar a { }
#wp-calendar #today { background: #FFF; }
#wp-calendar #prev { }
#wp-calendar #next { }
#wp-calendar #next a { }
#wp-calendar #prev a { }
/*nav menu widget*/
.widget_nav_menu { width: 100%; font-size: 14px; font-weight: 400; }
.widget_nav_menu ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_nav_menu ul li { padding: 8px 0;width:100%; }
.widget_nav_menu ul .menu-item-object-category.menu-item-has-children:after { display: none; }
.widget_nav_menu a {color:#CCC; }
.widget_nav_menu .sub-menu, .widget_nav_menu .sub-meni, .widget_nav_menu .active .sub-menu { display: none; }
/*Pages widget*/
.widget_pages { width: 100%; font-size: 14px; font-weight: 400; }
.widget_pages ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_pages ul li { padding: 8px 0; }
.widget_pages ul li:before{margin-top: 3px;margin-right: 10px;float: left;height: 9px;width: 9px;content:'';background:#000;}
.widget_pages ul li .children {padding:10px 0 10px 30px; }
.widget_pages a {color:#CCC; }
/*Arcvhive widget*/
.widget_archive { width: 100%; font-size: 14px; font-weight: 400; }
.widget_archive ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_archive ul li { padding: 8px 0; }
.widget_archive ul li:before{margin-top: 3px;margin-right: 10px;float: left;height: 9px;width: 9px;content:'';background:#000;}
.widget_archive a{color:#CCC; }
.widget_archive select { }
.widget_archive option { }
/*Links widget*/
.widget_links { width: 100%; font-size: 14px; font-weight: 400; }
.widget_links ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_links ul li { padding: 8px 0;width:100%; }
.widget_links a { color:#CCC;}
/*meta widget*/
.widget_meta { width: 100%; font-size: 14px; font-weight: 400; }
.widget_meta ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_meta ul li { padding: 8px 0; }
.widget_meta a { color:#CCC;}



.slider_fx3 .slides li.flex-active-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: popUp .4s ease-in forwards; animation: popUp .4s ease-in forwards; }
.slider_fx3 .slides li { }
.slider_fx4 .slides li.flex-active-slide { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUpslider 0.4s ease forwards; animation: moveUpslider 0.4s ease forwards; }
.slider_fx4 .slides li { }
.slider_fx5 .slides li.flex-active-slide { -webkit-animation: moveFromTop .6s ease both; animation: moveFromTop .6s ease both; }
.slider_fx5 .slides li { -webkit-animation: moveToBottom .6s ease both; animation: moveToBottom .6s ease both; }
.slider_fx6 .slides li.flex-active-slide { -webkit-animation: moveFromBottom .6s ease both; animation: moveFromBottom .6s ease both; }
.slider_fx6 .slides li { -webkit-animation: scaleDownCenter .3s ease-in both; animation: scaleDownCenter .3s ease-in both; z-index: 1; }
.slider_fx7 .slides li.flex-active-slide { -webkit-animation: scaleUpDown .3s both ease; animation: scaleUpDown .3s both ease; }
.slider_fx7 .slides li { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: rotateFall .5s both ease-in; animation: rotateFall .5s both ease-in; }
.slider_fx8 .slides li.flex-active-slide { -webkit-animation: scaleUpDown 1s both ease; animation: scaleUpDown 1s both ease; }
.slider_fx8 .slides li { -webkit-animation: scaleDownUp .5s both ease-in; animation: scaleDownUp .5s both ease-in; }
.slider_fx9 .slides li.flex-active-slide { -webkit-animation: blackwhitecol 1s both ease-in; animation: blackwhitecol 1s both ease-in; }
.slider_fx9 .slides li { -webkit-animation: blackwhite 1s both ease-in; animation: blackwhite 1s both ease-in; }

@-webkit-keyframes popUp { 0% {opacity:0;} 70% {-webkit-transform: scale(1.1);opacity: .8;-webkit-animation-timing-function: ease-out;} 100% {-webkit-transform: scale(1);opacity: 1;}}
@keyframes popUp { 0% {opacity:0;} 70% {-webkit-transform: scale(1.1);transform: scale(1.1);opacity: .8;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}}
 
 
@-webkit-keyframes moveUpslider { 0% {opacity:0;} 100% {-webkit-transform: translateY(0);opacity:1;}}
@keyframes moveUpslider {  0% {opacity:0;} 100% {-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}}

@-webkit-keyframes blackwhite { 0% {-webkit-filter: grayscale(1) contrast(4);} 100% {-webkit-filter: grayscale(1) contrast(4);}}
@keyframes blackwhite { 0% {-webkit-filter: grayscale(1) contrast(4);} 100% {-webkit-filter: grayscale(1) contrast(4);}}

@-webkit-keyframes blackwhitecol { 0% {-webkit-filter: grayscale(1) contrast(4);} 100% {-webkit-filter: grayscale(0) contrast(1);}}
@keyframes blackwhitecol { 0% {-webkit-filter: grayscale(1) contrast(4);} 100% {-webkit-filter: grayscale(0) contrast(1);}}

@-webkit-keyframes scaleUpDown { from {-webkit-transform: scale(1.2);}}
@keyframes scaleUpDown { from {-webkit-transform: scale(1.2);transform: scale(1.2);}}

@-webkit-keyframes scaleDownUp { from {} to {-webkit-transform: scale(1.2);}}
@keyframes scaleDownUp { from {} to {-webkit-transform: scale(1.2);transform: scale(1.2);}}

@-webkit-keyframes rotateFall { 0% {-webkit-transform: rotateZ(0deg);} 20% {-webkit-transform: rotateZ(10deg);-webkit-animation-timing-function: ease-out;} 40% {
-webkit-transform: rotateZ(37deg);} 60% {-webkit-transform: rotateZ(86deg);} 100% {-webkit-transform: translateY(100%) rotateZ(17deg);opacity:0;}}
@keyframes rotateFall { 0% {-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);} 20% {-webkit-transform: rotateZ(10deg);transform: rotateZ(10deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;} 40% {-webkit-transform: rotateZ(37deg);transform: rotateZ(37deg);} 60% {-webkit-transform: rotateZ(86deg);transform: rotateZ(86deg);} 100% {-webkit-transform: translateY(100%) rotateZ(17deg);transform: translateY(100%) rotateZ(17deg);opacity:0;}}

@-webkit-keyframes moveFromLeft { from {-webkit-transform: translateX(-100%);}}
@keyframes moveFromLeft { from {-webkit-transform: translateX(-100%);transform: translateX(-100%);}}

@-webkit-keyframes scaleDownCenter { from {} to {opacity: 0;-webkit-transform: scale(.7);}}
@keyframes scaleDownCenter { from {} to {opacity: 0;-webkit-transform: scale(.7);transform: scale(.7);}}

@-webkit-keyframes moveFromBottom { from {-webkit-transform: translateY(100%);}}
@keyframes moveFromBottom { from {-webkit-transform: translateY(100%);transform: translateY(100%);}}

@-webkit-keyframes moveFromTop { from {-webkit-transform: translateY(-100%);}}
@keyframes moveFromTop { from {-webkit-transform: translateY(-100%);transform: translateY(-100%);}}

@-webkit-keyframes moveToBottom { from {} to {-webkit-transform: translateY(100%);}}
@keyframes moveToBottom { from {} to {-webkit-transform: translateY(100%);transform: translateY(100%);}}


@-webkit-keyframes review { from {	 width:0;} to {}}
@keyframes review { from {	 width:0;} to {}}



/* Effect 1: opacity */
.widgetfx-1 { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
 @-webkit-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity: 1;
}
}
/* Effect 2: Move Up */
.widgetfx-2{ -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; }
 @-webkit-keyframes moveUp {
 0% {opacity:0;}
 100% {-webkit-transform: translateY(0);}
}
 @keyframes moveUp { 
 0% {opacity:0;}
 100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
 @-webkit-keyframes moveUpslider {
 0% {opacity:0;}
 100% {-webkit-transform: translateY(0);opacity:1;}
}
 @keyframes moveUpslider { 
 0% {opacity:0;}
 100% {-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}
}
/* Effect 3: Scale up */
.widgetfx-3 { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; }
 @-webkit-keyframes scaleUp {
 0% {
opacity:0;
}
 100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
 @keyframes scaleUp {
 0% {
opacity:0;
}
 100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Effect 4: rubber-band */
.widgetfx-4 {  -webkit-animation: rubber-band .8s ease both; animation: rubber-band .8s ease both;-moz-animation:rubber-band .8s ease both;}
@-webkit-keyframes rubber-band
{0%{-webkit-transform: scale(1);}25%{-webkit-transform: scaleX(1.06) scaleY(.75);}50%{-webkit-transform: scaleX(.75) scaleY(1.06);}   75%{-webkit-transform: scaleX(1.04) scaleY(.85);}100%{-webkit-transform: scale(1);}}
@-moz-keyframes rubber-band{0%{-moz-transform: scale(1);}25%{-moz-transform: scaleX(1.06) scaleY(.75);}50%{-moz-transform: scaleX(.75) scaleY(1.06);}75%{-moz-transform: scaleX(1.04) scaleY(.85);}100%{-moz-transform: scale(1);}}

@keyframes rubber-band
{0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}25%{-webkit-transform: scaleX(1.06) scaleY(.75);-moz-transform: scaleX(1.06) scaleY(.75);-ms-transform: scaleX(1.06) scaleY(.75);-o-transform: scaleX(1.06) scaleY(.75);transform: scaleX(1.06) scaleY(.75);}50%{-webkit-transform: scaleX(.75) scaleY(1.06);-moz-transform: scaleX(.75) scaleY(1.06);-ms-transform: scaleX(.75) scaleY(1.06);-o-transform: scaleX(.75) scaleY(1.06);transform: scaleX(.75) scaleY(1.06);}75%{-webkit-transform: scaleX(1.04) scaleY(.85);-moz-transform: scaleX(1.04) scaleY(.85);-ms-transform: scaleX(1.04) scaleY(.85);-o-transform: scaleX(1.04) scaleY(.85);transform: scaleX(1.04) scaleY(.85);}100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}}


/* Effect 5: bounce in up */
.widgetfx-5 {  -webkit-animation: bounce-in-up 1s ease both; animation: bounce-in-up 1s ease both;-moz-animation:bounce-in-up 1s ease both; }
@-webkit-keyframes bounce-in-up
{0%{-webkit-transform: translateY(2000px);opacity: 0;}50%{-webkit-transform: translateY(-30px);opacity: 1;}75%{-webkit-transform: translateY(10px);}100%{-webkit-transform: translateY(0);}}

@-moz-keyframes bounce-in-up
{0%{-moz-transform: translateY(2000px);opacity: 0;}50%{-moz-transform: translateY(-30px);opacity: 1;}75%{-moz-transform: translateY(10px);}100%{-moz-transform: translateY(0);}}

@keyframes bounce-in-up
{0%{-webkit-transform: translateY(2000px);-moz-transform: translateY(2000px);-ms-transform: translateY(2000px);-o-transform: translateY(2000px);transform: translateY(2000px);opacity: 0;}50%{-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);opacity: 1;}75%{-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}}




/* Effect 6: pulse */
.widgetfx-6 {-webkit-animation: pulse 1s ease both; animation: pulse 1s ease both;-moz-animation:pulse 1s ease both; }
@-webkit-keyframes pulse
{0%{-webkit-transform: scale(1);opacity:0;}50%{-webkit-transform: scale(1.04);}100%{-webkit-transform: scale(1);}}

@-moz-keyframes pulse
{0%{-moz-transform: scale(1);}50%{-moz-transform: scale(1.04);}100%{-moz-transform: scale(1);}}
@keyframes pulse
{0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);	transform: scale(1);}50%{-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04); -o-transform: scale(1.04);	transform: scale(1.04);}100%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);	transform: scale(1);}}

/* Effect 7: fade-in-up */
.widgetfx-7 {  -webkit-animation: fade-in-up 1s ease both; animation: fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both; }
@-webkit-keyframes fade-in-up
{0%{-webkit-transform: translateY(20px);opacity: 0;}100%{-webkit-transform: translateY(0);}}
@-moz-keyframes fade-in-up
{0%{-moz-transform: translateY(20px);opacity: 0;}100%{-moz-transform: translateY(0);}}
@keyframes fade-in-up
{0%{-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);opacity: 0;}100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}}

/* Effect 8: Pop up */
.widgetfx-8 { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .5s ease-in forwards; animation: popUp .5s ease-in forwards; }
 @-webkit-keyframes popUp {
 0% {
opacity:0;
}
 70% {
-webkit-transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
}
 100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
 @keyframes popUp {
 0% {
opacity:0;
}
 70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
 100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Effect 9: Bounce */

.widgetfx-9 {  -webkit-animation: bounce 1s ease both; animation: bounce 1s ease both;-moz-animation:bounce 1s ease both; transform: translateZ(0);
-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);-webkit-transform: translateZ(0);-webkit-font-smoothing: antialiased;}
@-webkit-keyframes bounce
{0%,25%,50%,75%,100%{-webkit-transform: translateY(0);}40%{-webkit-transform: translateY(-20px);}60%{-webkit-transform: translateY(-10px);}}
@-moz-keyframes bounce
{0%,25%,50%,75%,100%{-moz-transform: translateY(0);}40%{-moz-transform: translateY(-20px);}60%{-moz-transform: translateY(-10px);}}
@keyframes bounce
{0%,25%,50%,75%,100%{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}40%{-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);}60%{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}}






/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
#main {  width: 100% !important;}	
}

@media screen and (max-width: 1024px) and (min-width: 636px) {
#main, .footer-wrap {  width: 100% !important;}
.four-columns li, .two-columns li, .three-columns li, .portfolio-column{width:50%;}
.three-columns li:last-child:nth-child(odd){width:100%;padding:0 25%;}
.author-social li {  display: inline-block;  float: none;  width: 15% !important;  padding: 2% !important;}
.statistics-text-box, .statistics ul, .clients-text-box, .clients ul, .full-ul.clients ul, .full-ul.statistics ul{width:80%;text-align:center;margin:0 10% 3%;}
#main-nav{width:100% !important;max-width:100% !important;}
#main-nav ul{display:none;}
#mob-menu {  cursor: pointer;  width: 100%;  height: 90px;  margin: 0 auto;  display: block;  position: relative;  padding: 0;font-size:20px;text-align:center;}
#main-nav ul.active {  display: block;  position: absolute;  width: 100%;}
#main-nav ul li {  width: 100%;background:#FFF;}
#main-nav ul li:hover .sub-menu-wrapper, #main-nav ul li:hover .sub-meni{display:none;}
.active .menu-link{padding:10px 0; text-align:center;width:100%;line-height:30px;}
#navigation .content-social{display:none;}
#site-logo{display:none;}
.archive #wrapper #main, .single #wrapper #main, .page #wrapper #main{width:90% !important;}
#primary, #secondary{width:100%;}
#author-info .author-social{width:100%;}
#author-info .author-social, #author-info .author-social li{background:rgba(255, 255, 255, 0);}
.category-thumb, .category-text{width:100%;margin:0;}
.category-date {  position: absolute;  float: left;  left: 2%;  z-index: 2;  border: 1px solid #000;  top: 2%;}
.mob-parts{  display: inline-block; float: none;}
.mob-menu-image:before{content:"☰";float: left;  font-size: 25px;  line-height: 90px;}
.mob-menu-image{  float: left;  position: relative;  line-height: 90px;  min-width: 100px;}
.mob-menu-image img {vertical-align: middle;   -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-box-sizing: border-box;}
.portfolio-menu li {  display: inline-block;  float: none;}
.portfolio-menu{text-align:center;width:100%;margin:0;}
.widget-text-box:before, .widget-title-and-subtitle, .widget-quote{width:100% !important;text-align:center !important;padding:0 !important;margin:0 0 2% 0 !important;border:0 !important;}
}

@media screen and (max-width: 635px) and (min-width: 1px) {
#main, .big-item-video, .footer-wrap {  width: 100% !important;}
.four-columns li, .two-columns li, .three-columns li, .blog-box li{width:100%;padding:0 20%;margin-bottom:28px;}
.statistics ul, .statistics-text-box, .clients-text-box, .clients ul, .contact-us-text, #deus-contact-form, .big-item-text-box{margin-left:0;margin-right:0;width:100%;moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-box-sizing: border-box;padding:0 20%;margin-bottom:5%;text-align:center;}
.portfolio-column{width:50%;}
.testimonial-image{width:30%;}
.blog-featured-text{display:none;}
#deus-contact-form #myform table, #deus-contact-form-submit{width:100%;padding:5% 20%;moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-box-sizing: border-box;}
.author-social li {  display: inline-block;  float: none;  width: 15% !important;  padding: 2% !important;}
.widget-text-box:before, .widget-title-and-subtitle, .widget-quote{width:100% !important;text-align:center !important;padding:0 !important;margin:0 0 2% 0 !important;border:0 !important;}
.widgettitle{font-size:25px;}
.parallax-services img {  height: 150%;}
.widget-quote{font-size:16px}
.slider-text{font-size:20px;}
.slider-title, .blog-post-title{font-size:14px;}
.slider .flex-control-paging{display:none;}
.copyright{width:100%;text-align:center;}
.portfolio-menu li, #footer .content-social li {  display: inline-block;  float: none;}
.portfolio-menu, #footer .content-social ul, footer .content-social{text-align:center;width:100%;margin:0;}
#main-nav{width:100% !important;max-width:100% !important;}
#main-nav ul{display:none;}
#mob-menu {  cursor: pointer;  width: 100%;  height: 90px;  margin: 0 auto;  display: block;  position: relative; padding: 0; font-size:20px;text-align:center;}
#main-nav ul.active {  display: block;  position: absolute;  width: 100%;}
#main-nav ul li {  width: 100%;background:#FFF;}
#main-nav ul li:hover .sub-menu-wrapper, #main-nav ul li:hover .sub-meni{display:none;}
.active .menu-link{padding:10px 0; text-align:center;width:100%;line-height:30px;}
#navigation .content-social{display:none;}
#site-logo{display:none;}
.archive #wrapper #main, .single #wrapper #main, .page #wrapper #main{width:90% !important;}
#primary, #secondary{width:100%;}
.category-thumb, .category-text{width:100%;margin:0;}
.category-date {  position: absolute;  float: left;  left: 2%;  z-index: 2;  border: 1px solid #000;  top: 2%;}
.mob-parts{  display: inline-block; float: none;}
.mob-menu-image:before{content:"☰";float: left;  font-size: 25px;  line-height: 90px; }
.mob-menu-image{  float: left;  position: relative;  line-height: 90px;  min-width: 100px;}
.mob-menu-image img {vertical-align: middle;    -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-box-sizing: border-box;}
}