.header {background:#8a8a8a}
body{font-size:16px;font-family:Montserrat,sans-serif;margin:0;padding:0;color:#555;background: url(../images/background.jpg);}
p{font-family:Open Sans,sans-serif}
img{max-width:100%;height:auto}
a{color:#232323;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
a:hover{color:#3779bc;text-decoration:none}
a:hover,a:focus{outline:0;text-decoration:none}
a:active{outline:0;text-decoration:none}
.clear-float{clear:both}
.wrapper{width:1140px;margin:0 auto;position:relative;max-width:98%}
.boxed:not(.active){background:#fff}
.main-menu-placeholder.wrapper{max-width:100%}
.active.boxed{width:1210px;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);padding:0;min-height:100%}
.left{float:left}
.right{float:right}
.material-icons,i.fa{line-height:inherit;font-weight:400;vertical-align:bottom;font-size:inherit}
.material-icons{font-size:1.2em}
button:active,button,select:active,select,textarea:active,textarea,input:active,input{outline:none}
p{margin-bottom:15px;line-height:150%}
p:last-child{margin-bottom:0}
@keyframes ot-menu-slidein {
from{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}
to{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes ot-menu-slidein {
from{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}
to{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ot-menu-slideout {
from{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
to{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}
}
@-webkit-keyframes ot-menu-slideout {
from{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
to{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}
}
h6{font-size:20px}
h5{font-size:22px}
h4{font-size:24px}
h3{font-size:26px}
h2{font-size:28px}
h1{font-size:30px}
h6,h5,h4,h3,h2,h1{color:#4f5357}
body.nomorefixd{overflow-x:hidden;overflow-y:scroll}
body.nomorefixd>.boxed{display:block;top:0;left:0;overflow:hidden;width:100%;height:auto;position:fixed}
body>.boxed:before{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:121;background-color:rgba(0,0,0,.2);content:'';opacity:0;filter:alpha(opacity=0)}
body.nomorefixd>.boxed:before{display:block;-webkit-animation:fadeout .2s forwards;animation:fadeout .2s forwards}
body.ot-responsive-menu-show>.boxed:before{display:block;-webkit-animation:fadein .2s forwards;animation:fadein .2s forwards}
body.nomorefixd .ot-responsive-menu-background,body.nomorefixd .ot-responsive-menu-content{display:block}
.ot-responsive-menu-content-c-header,.ot-responsive-menu-background,.ot-responsive-menu-content{width:300px}
.ot-responsive-menu-content{display:none;left:0;top:0;position:relative;background-color:#fff;max-width:100%;z-index:1;-webkit-animation:ot-menu-slideout .2s forwards;animation:ot-menu-slideout .2s forwards}
.ot-responsive-menu-background{display:none;position:fixed;left:0;top:0;height:100%;z-index:0;background-color:#fff;-webkit-animation:ot-menu-slideout .2s forwards;animation:ot-menu-slideout .2s forwards}
body.ot-responsive-menu-show .ot-responsive-menu-content{display:block;-webkit-animation:ot-menu-slidein .2s forwards;animation:ot-menu-slidein .2s forwards}
body.ot-responsive-menu-show .ot-responsive-menu-background{display:block;-webkit-animation:ot-menu-slidein .2s forwards;animation:ot-menu-slidein .2s forwards}
.ot-responsive-menu-content-inner{display:block;position:relative;z-index:2;background-color:inherit;padding-top:50px}
.ot-responsive-menu-content-inner form{display:block;padding:14px 20px;font-size:18px;position:relative}
.ot-responsive-menu-content-inner form input[type=search],.ot-responsive-menu-content-inner form input[type=text]{display:block;border-radius:2px;border:1px solid transparent;background-color:#f2f2f2;width:100%;padding:9px 36px 9px 12px;line-height:28px;font-family:Arial}
.ot-responsive-menu-content-inner form button,.ot-responsive-menu-content-inner form input[type=submit]{display:block;position:absolute;right:20px;top:14px;margin:0;padding:9px 12px;line-height:28px;background-color:transparent;color:#232323}
.ot-responsive-menu-header{display:none;position:fixed;top:0;left:0;width:100%;height:50px;line-height:50px;z-index:120;background-color:#fff;box-shadow:0 5px 25px rgba(0,0,0,.1);text-align:center;vertical-align:middle}
.ot-responsive-menu-header-logo{display:inline-block;height:50px;line-height:50px;vertical-align:middle}
.ot-responsive-menu-header-logo img{display:inline-block;height:33px;line-height:50px;vertical-align:middle}
.ot-responsive-menu-header-burger{position:absolute;left:0;top:0;line-height:inherit;height:inherit;font-size:20px;padding:0 12px;color:#aaa}
.ot-responsive-menu-header-burger:hover{background-color:#f0f0f0;color:#828282}
.ot-responsive-menu-content-c-header{display:none;box-shadow:0 1px 0 rgba(0,0,0,.06),0 5px 10px rgba(0,0,0,.05);height:50px;position:fixed;z-index:3;line-height:50px;background-color:inherit;-webkit-animation:ot-menu-slideout .2s forwards;animation:ot-menu-slideout .2s forwards}
body.nomorefixd .ot-responsive-menu-content-c-header{display:block}
body.ot-responsive-menu-show .ot-responsive-menu-content-c-header{display:block;-webkit-animation:ot-menu-slidein .2s forwards;animation:ot-menu-slidein .2s forwards}
.ot-responsive-menu-content-inner ul{display:block;padding:0;margin:0}
.ot-responsive-menu-content-inner ul[data-res-menu-title]:before{display:block;content:attr(data-res-menu-title);padding:14px 20px;font-size:14px;font-weight:700;border-bottom:1px solid #f2f2f2}
.ot-responsive-menu-content-inner ul.sub-menu:not(.ot-mega-menu) li,.ot-responsive-menu-content-inner>ul>li{position:relative}
.ot-responsive-menu-content-inner{overflow:hidden}
.ot-responsive-menu-content-inner ul li{display:block;padding:0;margin:0}
.ot-responsive-menu-content-inner ul.sub-menu:not(.ot-mega-menu) li>a,.ot-responsive-menu-content-inner>ul>li>a{display:block;padding:14px 20px;font-size:14px}
.ot-responsive-menu-content-inner ul.sub-menu:not(.ot-mega-menu) li>a:hover,.ot-responsive-menu-content-inner>ul>li>a:hover{background-color:#f2f2f2;color:#232323}
.ot-responsive-menu-content-inner .lets-do-1>.item,.ot-responsive-menu-content-inner .lets-do-2>.item,.ot-responsive-menu-content-inner .lets-do-3>.item,.ot-responsive-menu-content-inner .lets-do-4>.item,.ot-responsive-menu-content-inner .lets-do-5>.item{float:none;margin-left:0;width:100%;display:block;margin-bottom:40px}
.ot-responsive-menu-content-inner .lets-do-1>.item:last-child,.ot-responsive-menu-content-inner .lets-do-2>.item:last-child,.ot-responsive-menu-content-inner .lets-do-3>.item:last-child,.ot-responsive-menu-content-inner .lets-do-4>.item:last-child,.ot-responsive-menu-content-inner .lets-do-5>.item:last-child{margin-bottom:0}
.ot-responsive-menu-content-inner .lets-do-2.ot-theme-list>.item:nth-child(2n+1),.ot-responsive-menu-content-inner .lets-do-3.ot-theme-list>.item:nth-child(3n+1),.ot-responsive-menu-content-inner .lets-do-4.ot-theme-list>.item:nth-child(4n+1),.ot-responsive-menu-content-inner .lets-do-5.ot-theme-list>.item:nth-child(5n+1){display:block!important;margin-left:auto!important;margin-right:auto!important}
.ot-responsive-menu-content-inner .ot-w-flickr-feed{text-align:center}
.ot-responsive-menu-content-inner .ot-w-flickr-feed .item{display:inline-block;width:100px;margin:6px 4px!important;padding:0!important}
.ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-2>.item:nth-child(2n+1),.ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-3>.item:nth-child(3n+1),.ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-4>.item:nth-child(4n+1),.ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-5>.item:nth-child(5n+1),.ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-3>.item:nth-child(2n+1),.ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-4>.item:nth-child(2n+1),.ot-responsive-menu-content-inner .ot-w-flickr-feed.lets-do-5>.item:nth-child(2n+1){margin:6px 4px!important}
.header{display:block;margin-bottom:40px}
.header .header-top{display:block;position:relative;border-bottom:2px solid #e8eaeb;font-size:13px;z-index:110}
.header .header-top ul{display:block;padding:0;margin-bottom:0}
.header .header-top ul:after{display:block;clear:both;content:''}
.header .header-top ul li{display:block;float:left;padding:0}
.header .header-top ul li a{display:block;padding:17px 10px}
.header .header-top ul li a i {line-height:100%}
.header .header-top>ul>li:first-child>a{display:block;padding-left:0}
.header .header-top>ul>li:first-child>ul.sub-menu{margin-left:-10px}
.header .header-top ul li a span{display:block}
.header .header-top ul li a span:after{display:inline-block;content:'\f0d7';font-family:FontAwesome;padding-left:4px;font-size:12px}
.header-top-socials{display:block;float:right}
.header-top-socials:after{display:block;clear:both;content:''}
.header-top-socials>a{display:block;float:left;margin-left:8px;position:relative;padding:8px 0}
.header-top-socials>a i.fa{display:block;line-height:36px;height:36px;width:36px;text-align:center;border:2px solid #f0f0f0;border-radius:50%;transition:background-color .2s,border-color .2s;-moz-transition:background-color .2s,border-color .2s;-webkit-transition:background-color .2s,border-color .2s;-o-transition:background-color .2s,border-color .2s}
.header-top-socials>a:hover{color:#fff}
.header-top-socials>a:hover i.fa{background-color:#4f5357;border-color:transparent}
a.ot-color-hover-facebook:hover{color:#3b5998}
a.ot-color-hover-facebook:hover i.fa{background-color:#3b5998;color:#fff}
a.ot-color-hover-twitter:hover{color:#00aced}
a.ot-color-hover-twitter:hover i.fa{background-color:#00aced;color:#fff}
a.ot-color-hover-google-plus:hover{color:#dd4b39}
a.ot-color-hover-google-plus:hover i.fa{background-color:#dd4b39;color:#fff}
a.ot-color-hover-linkedin:hover{color:#007bb6}
a.ot-color-hover-linkedin:hover i.fa{background-color:#007bb6;color:#fff}
a.ot-color-hover-pinterest:hover{color:#cb2027}
a.ot-color-hover-pinterest:hover i.fa{background-color:#cb2027;color:#fff}
a.ot-color-hover-rss:hover{color:#f60}
a.ot-color-hover-rss:hover i.fa{background-color:#f60;color:#fff}
a.ot-color-hover-youtube:hover{color:#e52d27}
a.ot-color-hover-youtube:hover i.fa{background-color:#e52d27;color:#fff}
.header-top-socials>a span{display:block;position:absolute;bottom:8px;right:-3px;background-color:#8b949d;color:#fff;font-size:8px;padding:2px 5px;border-radius:2px}
.header .header-content{display:table;padding:20px 0;height:130px;width:100%}
.header .header-content>div{display:table-cell;vertical-align:middle}
.header .header-content-o{width:728px}
.paragraph-row{display:block;clear:both;position:relative;margin-bottom:0}
.paragraph-row:after{display:block;clear:both;content:''}
.paragraph-row .column12{width:100%}
.paragraph-row .column11{width:91.489361702128%;width:91.436170212766%}
.paragraph-row .column10{width:82.978723404255%;width:82.925531914894%}
.paragraph-row .column9{width:74.468085106383%;width:74.414893617021%}
.paragraph-row .column8{width:65.957446808511%;width:65.904255319149%}
.paragraph-row .column7{width:57.446808510638%;width:57.393617021277%}
.paragraph-row .column6{width:48.936170212766%;width:48.882978723404%}
.paragraph-row .column5{width:40.425531914894%;width:40.372340425532%}
.paragraph-row .column4{width:31.914893617021%;width:31.86170212766%}
.paragraph-row .column3{width:23.404255319149%;width:23.351063829787%}
.paragraph-row .column2{width:14.893617021277%;width:14.840425531915%}
.paragraph-row .column1{width:6.3829787234043%;width:6.3297872340426%}
.paragraph-row>li,.paragraph-row>div{float:left;margin-left:2.1276595744681%;box-sizing:border-box}
.paragraph-row>li:first-child,.paragraph-row>div:first-child{margin-left:0}
.paragraph-row{display:block;clear:both;position:relative;margin-bottom:0}
.content-wrapper{display:block;position:relative}
.content-wrapper:after{display:block;clear:both;content:''}
.content-wrapper>.composs-main-content{display:block;width:100%}
.content-wrapper>.composs-main-content.composs-main-content-s-1{width:68.421052631579%;margin-left:5.2631578947368%;float:left}
.content-wrapper>.composs-main-content.composs-main-content-s-1:first-child{margin-left:0}
.content-wrapper>#sidebar{display:block;float:left;width:26.315789473684%;margin-left:5.2631578947368%}
.content-wrapper>#sidebar:first-child{margin-left:0}
.content-wrapper>#sidebar:before{display:block;width:2px;height:100%;background-color:#f2f2f2;right:26.315789473684%;margin:0 2.6315789473684%;content:'';position:absolute}
.content-wrapper>#sidebar:first-child:before{left:26.315789473684%}
.content-wrapper>#sidebar.isfixedsidebar:before{right:auto;left:-30px;margin:0}
.content-wrapper>#sidebar.isfixedsidebar:first-child:before{left:auto;right:-30px}
.lets-do-1:after,.lets-do-2:after,.lets-do-3:after,.lets-do-4:after,.lets-do-5:after{display:block;clear:both;content:''}
.lets-do-1 .item,.lets-do-2 .item,.lets-do-3 .item,.lets-do-4 .item,.lets-do-5 .item{display:block;float:left;margin-left:3.8461538461538%}
.lets-do-1 .item{width:100%;margin-left:0}
.lets-do-2 .item{width:48.076923076923%}
.lets-do-3 .item{width:30.769230769231%}
.lets-do-4 .item{width:22.115384615385%}
.lets-do-5 .item{width:16.923076923077%}
.lets-do-2 .item:nth-child(2n+1),.lets-do-3 .item:nth-child(3n+1),.lets-do-4 .item:nth-child(4n+1),.lets-do-5 .item:nth-child(5n+1){margin-left:0!important;clear:both}
.lets-do-5 .item:nth-child(n+6),.lets-do-4 .item:nth-child(n+5),.lets-do-3 .item:nth-child(n+4),.lets-do-2 .item:nth-child(n+3),.lets-do-1 .item:nth-child(n+2){margin-top:30px}
.item-header img{width: 100%;object-fit: cover;height: 200px}
.composs-panel{display:block;margin-bottom:48px}
.composs-panel>.composs-panel-title{display:block;border-bottom:2px solid #8a8a8a;cursor:default;margin-bottom:30px}
.composs-panel>.composs-panel-title a.right{font-size:14px;color:#8b949d;line-height:40px}
.composs-panel>.composs-panel-title a.right:hover{color:#4f5357}
.composs-panel>.composs-panel-title>strong{display:inline-block;border-radius:2px 2px 0 0;background-color:transparent;padding:10px 20px;cursor:default;border:2px solid #f2f2f2;border-bottom:0;font-size:16px}
.composs-panel>.composs-panel-title.composs-panel-title-tabbed>strong{cursor:pointer}
.composs-panel>.composs-panel-title>strong:hover{border-color:transparent;background-color:#f2f2f2}
.composs-panel>.composs-panel-title:not(.composs-panel-title-tabbed)>strong,.composs-panel>.composs-panel-title>strong.active{color:#fff!important;border-color:transparent;background-color:#9f9f9f}
.composs-panel-inner>.composs-panel-tab{display:none}
.composs-panel-inner>.composs-panel-tab.active{display:block}
.composs-article-split-block{display:block}
.composs-article-split-block:after{display:block;clear:both;content:''}
.composs-article-split-block .item-large,.composs-article-split-block .item-small{width:48.1%;margin-left:3.8%;float:left}
.composs-article-split-block .item-large:first-child,.composs-article-split-block .item-small:first-child{margin-left:0}
.composs-article-split-block .item-large .item-header{display:block;margin-bottom:20px;overflow:hidden;position:relative;border-radius:3px}
.composs-article-split-block .item-large .item-content h2{display:block;margin-bottom:12px;font-weight:700;font-size:18px;margin-top:0}
.composs-article-split-block .item-large .item-content h2 a{line-height:140%;display:inline-block}
.composs-article-split-block .item-meta{display:block;margin-bottom:15px;font-size:13px;line-height:100%}
.composs-article-split-block .item-meta .item-meta-item{display:inline-block;margin-right:18px;color:#8b949d}
.composs-article-split-block .item-meta .item-meta-item .material-icons,.composs-article-split-block .item-meta .item-meta-item i.fa{padding-right:8px}
.composs-article-split-block .item-meta a.item-meta-item:hover{color:#3779bc}
.composs-article-split-block .item-small .item-meta .item-meta-item{margin-bottom:0}
.composs-article-split-block .item-small .item-content p,.composs-article-split-block .item-large .item-content p{line-height:170%;display:block;font-size:13px}
.img-read-later-button{display:block;position:absolute;top:3px;right:3px;font-size:12px;font-weight:700;background-color:#256dc1;color:#FFF;padding:12px 19px;line-height:100%;border-radius:2px;opacity:0;filter:alpha(opacity=0);z-index:2}
.img-read-later-button:hover{color:#4f5357;background-color:#fff}
.item-article:hover>.item-header>.img-read-later-button,.item:hover>.item-header>.img-read-later-button{opacity:1;filter:alpha(opacity=100)}
.img-read-later-button.rm-btn-small{left:3px;text-align:center;padding:9px 5px;font-size:11px}
.composs-article-split-block .item{display:block;margin-bottom:25px}
.composs-article-split-block .item:last-child{margin-bottom:0}
.composs-article-split-block .item-small .item:after{display:block;clear:both;content:''}
.composs-article-split-block .item-small .item .item-header{float:left;overflow:hidden;border-radius:3px;position:relative}
.composs-article-split-block .item-small .item .item-content{margin-left:110px}
.composs-article-split-block .item-small .item .item-content h2{margin-top:0;font-size:14px;margin-bottom:8px;font-weight:700}
.composs-article-split-block .item-small .item .item-content h2 a{line-height:140%;display:inline-block}
.composs-article-split-block .item-small .item-meta:last-child{margin-bottom:0}
.composs-article-list .item-header{display:block;position:relative;overflow:hidden;border-radius:3px;margin-bottom:15px}
.composs-article-list .item-header img{overflow:hidden;border-radius:3px}
.composs-article-list .item-meta:last-child{margin-bottom:0}
.composs-article-list .item-content h2{display:block;margin-bottom:12px;font-weight:700;font-size:15px;margin-top:0}
.composs-article-list .item-content h2 a{line-height:140%;display:inline-block}
.composs-article-list .item-meta{display:block;margin-bottom:12px;font-size:13px;line-height:100%}
.composs-article-list .item-meta .item-meta-item{display:inline-block;margin-right:18px;color:#8b949d}
.composs-article-list .item-meta .item-meta-item .material-icons,.composs-article-list .item-meta .item-meta-item i.fa{padding-right:8px}
.composs-article-list .item-meta a.item-meta-item:hover{color:#3779bc}
.composs-article-list .item-content p{line-height:170%;display:block;font-size:13px}
.composs-article-list .item-stars{margin-bottom:12px}
.composs-article-list .item-stars:last-child{margin-bottom:0}
.composs-blog-list .item-header{display:block;float:left;width:32.051282051282%;overflow:hidden;position:relative;border-radius:3px}
.composs-blog-list .item-content{display:block;margin-left:35.897435897436%}
.composs-blog-list .item-content h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:10px;font-weight:600;font-size:13px;margin-top:0}
.composs-blog-list .item-content h2 a{line-height:140%}
.composs-blog-list .item-meta{display:block;margin-bottom:15px;font-size:12px;line-height:100%}
.composs-blog-list .item-meta .item-meta-item{display:inline-block;margin-right:18px;color:#8b949d}
.composs-blog-list .item-meta .item-meta-item .material-icons,.composs-blog-list .item-meta .item-meta-item i.fa{padding-right:5px}
.composs-blog-list .item-meta a.item-meta-item:hover{color:#3779bc}
.composs-blog-list .item-content p{line-height:170%;display:block;font-size:14px;margin-bottom:0}
.composs-blog-list.lets-do-5 .item-header,.composs-blog-list.lets-do-4 .item-header,.composs-blog-list.lets-do-3 .item-header{float:none;margin-bottom:12px;width:100%}
.composs-blog-list.lets-do-5 .item-content,.composs-blog-list.lets-do-4 .item-content,.composs-blog-list.lets-do-3 .item-content{float:none;margin-left:0;width:100%}
.composs-blog-list.lets-do-1 .item-content h2{font-size:21px}
.big-error-message{display:block;text-align:center;padding:50px 0}
.big-error-message h3{display:block;padding-top:50px;font-size:70px;font-weight:900;margin-bottom:0}
.big-error-message strong{display:block;font-size:30px;font-weight:900;letter-spacing:-.4px;margin-bottom:30px}
.big-error-message p{display:block;width:300px;margin-left:auto;margin-right:auto;font-size:14px}
.big-error-message p a{font-weight:700}
.composs-archive-list .item{position:relative}
.composs-archive-list h3.item-title>a.right{position:absolute;right:0;float:none;cursor:pointer;font-size:13px}
.composs-archive-list h3.item-title>a.right:hover{color:#232323!important}
.composs-archive-list .item-article{position:relative}
.footer-button{display:block;text-align:center;font-size:14px;font-weight:700;border-radius:2px;background-color:#f0f0f0;color:#8b949d;padding:12px 10px!important;position:relative;z-index:2}
.footer-button.item{margin-top:-22px}
.footer-button:hover{color:#fff;background-color:#8b949d}
.composs-main-article-content{display:block}
.composs-main-article-content h6,.composs-main-article-content h5,.composs-main-article-content h4,.composs-main-article-content h3,.composs-main-article-content h2,.composs-main-article-content h1{display:block;margin-bottom:20px;margin-top:0;line-height:130%}
.composs-main-article-content p{font-size:16px;color:#4e565d;line-height:150%;margin-bottom:25px}
.composs-main-article-content p:last-child{margin-bottom:0}
.composs-main-article-head{display:block;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #f0f1f2}
.composs-main-article-head>p{margin-top:30px;font-size:18px;font-weight:700;position:relative;padding-left:50px}
.composs-main-article-head>p:before{display:block;content:'"';left:0;top:0;position:absolute;font-size:60px;line-height:80%}
.composs-main-article-head .composs-main-article-media{display:block;margin-bottom:5px;border-radius:3px;overflow:hidden}
.composs-main-article-head .composs-main-article-meta{display:block;padding:15px 18px;border-radius:3px;background-color:#f0f1f2;font-size:15px}
.composs-main-article-head .composs-main-article-meta:last-child{margin-bottom:-32px}
.composs-main-article-head .composs-main-article-meta .item{display:inline-block;margin-right:18px;color:#4f5357;line-height:100%}
.composs-main-article-head .composs-main-article-meta .item .material-icons,.composs-main-article-head .composs-main-article-meta .item i.fa{display:inline-block;margin-right:10px}
.composs-main-article-head .composs-main-article-meta .item a{display:inline-block;margin-right:6px;color:#4f5357}
.composs-main-article-head .composs-main-article-meta .item a:after{display:inline-block;content:',';color:#aaa;padding-left:2px}
.composs-main-article-head .composs-main-article-meta .item a:last-child:after{display:none}
.composs-main-article-head .composs-main-article-meta a.item:hover,.composs-main-article-head .composs-main-article-meta .item a:hover{color:#3779bc}
.composs-tag-list{display:block;cursor:default}
.composs-tag-list a{color: #555;display:inline-block;line-height:100%;background-color:#f2f2f2;border-radius:2px;padding:8px 15px;font-size:14px;margin:0 4px 9px 0;font-weight:400}
.composs-tag-list a:hover{color:#232323;background-color:#e2e2e2}
.composs-author-block{display:block;margin:30px 0;padding:30px 0;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2}
.composs-author-block:after{display:block;content:'';clear:both}
.composs-author-block .item-header{display:block;float:left;width:80px;overflow:hidden;border-radius:50%}
.composs-author-block .item-content{display:block;margin-left:115px}
.composs-author-block .item-content>strong{display:block;margin-bottom:14px;color:#232323;font-size:20px;line-height:100%}
.composs-author-block .item-content>p{display:block;margin-bottom:15px;font-size:14px}
.composs-button{display:inline-block;line-height:120%;color:#aaa;padding:10px 14px;border-radius:2px;margin-right:8px;font-size:14px;border:1px solid #aaa}
.composs-button:hover{color:#232323;border-color:transparent!important;background-color:#f2f2f2}
.composs-button.composs-button-green{color:#5cb71a;border-color:#5cb71a}
.composs-button.composs-button-green:hover{color:#fff;background-color:#5cb71a}
.composs-button.composs-button-orange{color:#f08722;border-color:#f08722}
.composs-button.composs-button-orange:hover{color:#fff;background-color:#f08722}
.composs-button .material-icons,.composs-button i.fa{padding-right:8px}
.ot-shortcode-tabs:not(.style-2){padding:32px!important}
.shortcode-content ol,.shortcode-content ul{margin-bottom:25px}
.shortcode-content ol li,.shortcode-content ul li{margin-top:15px}
.shortcode-content ul .fa-li.fa{margin-top:-4px}
.pos-photo-gallery{margin-bottom:30px!important}
.composs-panel-buttons{display:block;margin-bottom:2px;padding-bottom:30px;border-bottom:2px solid #f2f2f2;margin-bottom:30px;cursor:default}
.composs-panel-buttons a{border:0;box-shadow:inset 0 0 0 100px #f4f4f4;background-color:#8b949d;color:#8b949d;border-radius:2px;border:2px solid #f4f4f4}
.composs-panel-buttons a.active,.composs-panel-buttons a:hover{color:#fff;background-color:#8b949d;box-shadow:inset 0 0 0 100px transparent;border-color:transparent}
.composs-secondary-title{display:block;padding-bottom:30px;border-bottom:2px solid #f2f2f2;margin-bottom:30px}
.composs-secondary-title a.right{margin-right:0}
.composs-secondary-title>strong{display:block;line-height:40px;font-size:20px}
.composs-secondary-title>strong .material-icons,.composs-secondary-title>strong i.fa{padding-right:14px}
.composs-comments .comment-list{display:block;position:relative}
.composs-comments .comment-list ul,.composs-comments .comment-list ol{display:block;margin:0;padding:0}
.composs-comments .comment-list li{display:block}
.composs-comments .comment-list li li .comment-block{padding-left:50px}
.composs-comments .comment-list .comment-block{display:block;margin-bottom:30px;border-bottom:2px solid #f2f2f2;padding-bottom:30px}
.composs-comments .comment-list .image-avatar{display:block;float:left;width:50px;height:50px;overflow:hidden;border-radius:50%}
.composs-comments .comment-list .comment-text{display:block;margin-left:70px}
.composs-comments .comment-list .comment-text .time-stamp{display:block;font-size:13px;color:#c5c5c5}
.composs-comments .comment-list .comment-text .user-nick{display:block;font-size:14px;margin-bottom:15px;line-height:100%}
.composs-comments .comment-list .comment-text .user-nick .user-label{display:inline-block;margin-left:10px;font-size:10px;background-color:#8b949d;color:#fff;vertical-align:top;padding:0 6px;border-radius:2px;line-height:20px;margin-top:-1px}
.composs-comments .comment-list .comment-text p{display:block;font-size:14px;margin-bottom:15px}
.composs-comments .comment-list .comment-text .read-more-button{font-size:12px;padding:9px 13px}
.comment-form{width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.comment-info{display:block;margin-bottom:20px;font-size:13px}
.comment-info strong{display:block;margin-bottom:10px;font-size:16px;font-weight:900}
button,input[type=submit]{border:0;line-height:42px;font-size:14px;color:#fff;padding:0 23px;border-radius:2px;background-color:#8b949d;box-shadow:inset 0 0 0 100px transparent;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
button:hover,input[type=submit]:hover{box-shadow:inset 0 0 0 100px rgba(255,255,255,.1)}
button:active,input[type=submit]:active{box-shadow:inset 0 0 0 100px rgba(0,0,0,.1)}
.form-submit{margin-top:24px}
.comments-big-message{display:block;padding:30px 0 60px;margin-left:auto;margin-right:auto;width:50%;margin-bottom:30px}
.comments-big-message:before{display:block;position:absolute;left:0;width:100%;bottom:0;content:'';border-bottom:2px solid #f2f2f2}
.comments-big-message .material-icons,.comments-big-message i.fa{display:block;float:left;font-size:60px;line-height:100%}
.comments-big-message strong{display:block;margin-left:90px;font-size:24px;margin-bottom:4px}
.comments-big-message p{display:block;margin-bottom:0;font-size:14px;margin-left:90px;opacity:.5;filter:alpha(opacity=50)}
.comment-form .alert-message{border-radius:2px;overflow:hidden}
.comment-form .alert-message,.comment-form .alert-message p,.comment-form .alert-message strong{color:#fff!important}
.comment-form .alert-message p{position:relative;z-index:2}
.comment-form .alert-message:before{opacity:1;filter:alpha(opacity=100)}
.widget{position:relative;display:block;margin-bottom:30px}
.composs-archive-list h3.item-title,#sidebar .widget>h3{display:inline-block;border-radius:2px 2px 0 0;background-color:transparent;padding:10px 20px;cursor:default;border:2px solid #f2f2f2;border-bottom:0;font-size:15px;color:#fff;border-color:transparent;background-color:#9f9f9f;margin-top:0;margin-bottom:20px}
.composs-archive-list h3.item-title:after,#sidebar .widget>h3:after{display:block;font-size:16px;height:2px;content:'';width:100%;left:0;background:inherit;position:absolute;margin-top:10px}
.widget .search-form{display:block;width:100%;font-size:0;vertical-align:bottom}
.widget .search-form label{display:inline-block;font-size:13px;margin-bottom:0;width:71%}
.widget .search-form label span{display:none}
.widget .search-form label input{font-weight:400;width:100%;border:0;background-color:#f2f2f2;border-radius:2px;padding:12px 16px;line-height:140%}
.widget .search-form>input{display:inline-block;font-size:13px;width:27%;border:1px solid transparent;border-radius:2px;border:0;background-color:#256dc1;color:#fff;padding:12px 16px;margin-left:2%;line-height:140%}
.widget .search-form>input:hover{background-color:#4f5357}
.widget .tagcloud{cursor:default}
.widget .tagcloud a{display:inline-block;font-size:13px;padding:8px 13px;font-weight:400;background-color:#f4f4f4;letter-spacing:-.4px;color:#8b949d;border-radius:2px;margin:0 3px 7px 0}
.widget .tagcloud a:hover{background-color:#8b949d;color:#fff}
.widget .menu{display:block;margin:0;padding:0;font-size:14px}
.widget .menu li{display:block;padding:0;margin-top:8px;padding-left:15px;position:relative;font-weight:400}
.widget .menu li a {color:#fff}
.widget .menu li:before{display:block;font-family:FontAwesome;content:'\f0da';position:absolute;left:0}
.widget .menu li ul{padding-left:0}
.widget .menu>li:first-child{margin-top:0}
.ot-w-article-list{display:block}
.ot-w-article-list .item:after,.ot-w-article-list:after{display:block;content:'';clear:both}
.ot-w-article-list .item{display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #f2f2f2}
.ot-w-article-list .item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.ot-w-article-list .item .item-header{float:left;overflow:hidden;border-radius:3px;position:relative;width:80px}
.ot-w-article-list .item .item-content{margin-left:100px}
.ot-w-article-list .item .item-content h4{margin-top:0;font-size:14px;margin-bottom:5px;font-weight:700}
.ot-w-article-list .item .item-content h4 a{line-height:140%;display:inline-block}
.ot-w-article-list .item .item-meta{display:block;margin-bottom:6px;font-size:12px}
.ot-w-article-list .item .item-meta:last-child{margin-bottom:0}
.ot-w-article-list .item .item-meta .item-meta-item{display:inline-block;margin-right:18px;color:#8b949d;line-height:100%}
.ot-w-article-list .item .item-meta .item-meta-item .material-icons,.ot-w-article-list .item .item-meta .item-meta-item i.fa{padding-right:8px}
.ot-w-article-list .item .item-stars{margin-bottom:10px;font-size:14px}
.ot-w-article-list .item .item-stars:last-child{margin-bottom:0}
.ot-w-article-list .item p{margin-bottom:0;font-size:13px;line-height:150%}
.ot-w-comments-list{display:block}
.ot-w-comments-list .item:after,.ot-w-comments-list:after{display:block;content:'';clear:both}
.ot-w-comments-list .item{display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #f2f2f2}
.ot-w-comments-list .item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.ot-w-comments-list .item .item-header{float:left;overflow:hidden;border-radius:3px;position:relative;width:50px}
.ot-w-comments-list .item .item-content{margin-left:70px}
.ot-w-comments-list .item .item-content h4{margin-top:0;font-size:14px;margin-bottom:5px;font-weight:700}
.ot-w-comments-list .item .item-content h4 a{line-height:140%;display:inline-block}
.ot-w-comments-list .item .item-meta{display:block;margin-bottom:6px;font-size:13px}
.ot-w-comments-list .item .item-meta:last-child{margin-bottom:0}
.ot-w-comments-list .item .item-meta .item-meta-item{display:inline-block;margin-right:18px;color:#8b949d}
.ot-w-comments-list .item .item-meta .item-meta-item i.fa{padding-right:8px}
.ot-w-comments-list .item .item-stars{margin-bottom:10px;font-size:14px}
.ot-w-comments-list .item .item-stars:last-child{margin-bottom:0}
.ot-w-comments-list .item p{margin-bottom:0;font-size:13px;line-height:150%;margin-bottom:8px}
.ot-w-comments-list .item p:last-child{margin-bottom:0}
.ot-w-comments-list .item .item-meta .item-meta-item.meta-button{color:#3779bc;font-weight:700;line-height:100%}
.ot-w-comments-list .item .item-meta a.item-meta-item.meta-button:hover{color:#232323}
.ot-w-comments-list .item .item-meta .item-meta-item.meta-button i.fa{padding-left:4px;padding-right:0}
#footer{display:block;margin-top:30px;background:#256dc1;padding:20px 0}
#footer>.wrapper>ul:after,#footer>.wrapper:after{display:block;clear:both;content:''}
#footer>.wrapper>ul{display:block;margin-bottom:30px;text-align:center;border:2px solid #f2f2f2;cursor:default;padding-left:0}
#footer>.wrapper>ul>li{display:inline-block}
#footer>.wrapper>ul>li a{display:block;padding:14px 7px;font-size:14px;font-weight:400}
#footer .footer-widgets{display:block}
#footer .footer-widgets .widget-split{white-space:normal;vertical-align:top}
#footer .footer-widgets .widget-split .widget{margin-bottom:20px}
#footer .footer-widgets .widget-split .widget:last-child{margin-bottom:0}
.footer-copyright{display:block;margin-top:40px;padding-top:20px;padding-bottom:20px;text-align:center;font-size:13px;border-top:1px solid rgba(255,255,255,.2)}
#footer .widget h3{margin-top:0;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:16px;font-weight:600;display:block}
#footer p{font-size:13.5px;color:#fff}
.ot-wrapper{position:relative}

/* ============ Выпадающее меню ================ */
/* Обертка для меню */
.widget.catmenus .widget-content {
    position: relative;
    background: #fff;
    border-radius: 8px;
    min-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

/* Основной контейнер */
.book-nav-categorymenu {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* Стилизация скроллбара для основного меню */
.book-nav-categorymenu::-webkit-scrollbar {
    width: 6px;
}

.book-nav-categorymenu::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.book-nav-categorymenu::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.book-nav-categorymenu::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Контейнер для подменю - абсолютное позиционирование поверх основного меню */
.book-nav-categorymenu .sub-menu-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    z-index: 10;
    background: #fff;
    display: block;
}

/* При активации - становится видимым */
.book-nav-categorymenu .sub-menu-wrapper.active {
    visibility: visible;
    pointer-events: all;
}

/* Сам список подкатегорий */
.book-nav-categorymenu .sub-menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    overflow-y: auto; /* Добавляем скролл для подменю */
    overflow-x: hidden;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    height: 100%; /* Занимает всю высоту родителя */
    position: relative;
}

/* Стилизация скроллбара для подменю */
.book-nav-categorymenu .sub-menu::-webkit-scrollbar {
    width: 6px;
}

.book-nav-categorymenu .sub-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.book-nav-categorymenu .sub-menu::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.book-nav-categorymenu .sub-menu::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* При активации подменю выезжает на место */
.book-nav-categorymenu .sub-menu-wrapper.active .sub-menu {
    transform: translateX(0);
}

/* При закрытии подменю уезжает обратно вправо */
.book-nav-categorymenu .sub-menu-wrapper.closing .sub-menu {
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Стили для пунктов меню */
.book-nav-categorymenu li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    flex-shrink: 0; /* Предотвращаем сжатие пунктов */
}

.book-nav-categorymenu li:last-child {
    border-bottom: none;
}

.book-nav-categorymenu li a {
    display: block;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    font-size: 13.5px;
    transition: background 0.2s;
    position: relative;
}

.book-nav-categorymenu li a:hover {
    background: #256dc1;
    color: #fff;
}

/* Стрелка-индикатор для пунктов с подкатегориями */
.book-nav-categorymenu .book-nav-has-sub > a::after {
    content: "›";
    position: absolute;
    left: 7px;
    top: 47%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #232323;
}
.book-nav-categorymenu .book-nav-has-sub > a:hover::after,
.book-nav-active.book-nav-has-sub > a::after { color: #fff; }

/* Кнопка "Назад" */
.book-nav-categorymenu .back-button {
    display: block;
    padding: 12px 16px;
    color: #007aff;
    font-size: 13.5px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    background: #f8f9fa;
    font-weight: 500;
    transition: background 0.2s;
    flex-shrink: 0;
}

.book-nav-categorymenu .back-button::before {
    content: "‹ ";
    font-size: 16px;
}

.book-nav-categorymenu .back-button:hover {
    background: #e9ecef;
}

/* Пагинация */
.book-nav-categorymenu .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    flex-shrink: 0;
    border-top: 1px solid #eee;
    background: #f8f9fa;
    margin-top: auto;
}

.book-nav-categorymenu .pagination button {
    padding: 0 7px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    color: #007aff;
    transition: all 0.2s;
}

.book-nav-categorymenu .pagination button:hover:not(:disabled) {
    background: #007aff;
    color: #fff;
    border-color: #007aff;
}

.book-nav-categorymenu .pagination button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
    color: #999;
}

.book-nav-categorymenu .pagination span {
    font-size: 13px;
    color: #666;
    min-width: 60px;
    text-align: center;
}

/* Стиль для активной категории */
.book-nav-categorymenu .book-nav-active > a {
    background: #bfbfbf;
    color: #fff;
    font-weight: 500;
}

/* Блокируем скролл основного контейнера при открытом подменю */
.widget.catmenus .widget-content.menu-open {
    overflow: hidden !important;
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    .book-nav-categorymenu li a {
        padding: 14px 16px;
        font-size: 15px;
    }
}

#navContainerHeader .book-nav-categorymenu,
#navContainerHeader .sub-menu-wrapper { height: 100%!important; }
/* ============ /Выпадающее меню ================ */