/* Theme Name: Examiner Description: Profesional responsive news theme. Author: StepFox Author URI: http://stepfox.net/ Theme URI: http://stepfox.net/examiner/ Version: 1.5.2 Tags: black, white, one-column, two-columns, three-columns, four-columns, custom-colors, custom-menu, featured-images, post-formats, theme-options Text Domain: examiner License: License URI: */ /*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; background: url('https://ufacity.info/bitrix/templates/renewufacity/pattern.svg') center; background-size: contain; } 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; } @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; } @font-face { font-family: Nunito-Bold; src: url('font/Nunito-Bold.ttf'); } /* i.fa.fa-circle.fa-1.scope { vertical-align: middle; font-size: 5px; padding-right: 3px; color: #00d4ff; position: relative; bottom: 2px; } */ .mobile-show {display:none;} /* Site Elements------------------------------------------------------------- */ a, a:visited { color: #000; text-decoration: none; } a:hover { } .super-slider-post a:hover, .carousel-title a:hover, .carousel-author a:hover, .multi-category-title a:hover, .slide-title h2 a:hover, .img-featured-title a:hover, .small-title a:hover, .small-author a:hover, .img-featured-title h2 a:hover{color:#FFF;} a:active, a:focus { outline: none; } img { max-width: 100%; height: auto; vertical-align: top;} .image_fx5 img { width:100%;} /* img:hover {cursor: pointer; } */ .jumping-posts-image img, .featured-posts-image img, #media-wrapper img, .widget[class*=_exm1] img, .post-page-gallery-thumbnails img, .post-page-gallery-slider img, .tv-mode img, #primary.archive img, .fullwidth-image img, .fullwidth img{width:100%;} .page .fullwidth img{width:auto;} .error {color: red; margin:10px 0 0; font-size:0.9em; } ::selection { background: #000; color: #FFF; } ::-moz-selection {background:#000;color:#FFF;} body { overflow-y: scroll; margin: 0 auto; padding: 0; position: relative;overflow-x:hidden;} #header { margin: 0 auto; width: 100%; background: transparent; } #wrapper { margin: 0 auto; width: 100%; } #main { margin: 20px 0; display: block; float: left; background: #FFF; width: 100%; padding: 0 10px 30px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 80vh; opacity: 0;} .page .front-page#main{padding: 0 10px 30px;} .single #main, .tax-post_format #main, .bbpress #main, .buddypress #main, .page-template-default #main, .page-template-pagewithsidebar #main {padding:30px 10px;} .slide-title, .slide-excerpt, .slide-date, .top-menu-posts li, .auto-load{opacity:1;} /* -------------------------------------------------------------------------- */ .home-widget { float: left; overflow:hidden;} .home-widget.fixed-widget { position: fixed; top: 0;} .home-widget.fixed-widget.navigation-has-menu { top: 72px; } .admin-bar .home-widget.fixed-widget.navigation-has-menu { top: 104px; } .admin-bar .home-widget.fixed-widget { top: 32px; } #secondary .home-widget:last-child .widget-title{ transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; } .widget-title { position:relative;padding: 0 10px;float: left; z-index:1;font-size: 25px; font-weight: 700; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;margin-top:20px;color:#000; vertical-align: text-bottom; line-height: normal;} .widget-title h1{float:left;font-size:33px;font-weight: 800;} .widget-title a:hover, .featured-category a:hover{text-decoration:underline;} .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;z-index:99; } .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; } .load-content { padding-bottom: 30px;width: 100%; float: left; margin-top: 15px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .4s ease-in forwards; animation: popUp .4s ease-in forwards;} .load-circle { border: 5px solid rgba(0,0,0,0); opacity: .9; border-top: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 20px; box-shadow: 0 0 35px #2187e7; width: 20px; height: 20px; margin: 0 auto; -moz-animation: spin .5s infinite linear; -webkit-animation: spin .5s infinite linear; } #wrapper .load-content:first-child{position:absolute;left:0;z-index:-1;} /* Widget Areas------------------------------------------------------------- */ #fullwidth { float: left; width: 100%; position: relative;} .fullwidth { float: left; width: 100%; position: relative;} #primary { width: 75%; float: left;padding: 0 10px;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } #secondary { width: 25%; float: left;} .single #secondary{margin-top:-20px;} /* Social-------------------------------------------------------- */ .content-social, .content-lang { float: left; width:100%;padding:12px 0;} #footer .content-social{width:220px;float:right;} .content-social ul { float: left;text-align:center;width:100%; } .content-lang ul { float: left;text-align:center;width:100%; } .content-social ul li { display:inline-block;float:left;margin:0 3px; } .content-lang ul li { display:inline-block;float:left;margin:0 3px; } .fb-social-icon, .twitter-social-icon, .pinterest-social-icon, .google-social-icon, .vkontakte-social-icon, .ok-social-icon, .linkedin-social-icon, .instagram-social-icon, .rss-social-icon, .youtube-social-icon { float: left; font-family: 'socicon' !important; font-weight: 400 !important; font-size: 17px; line-height: 28px; margin-left:7px;} .fb-social-icon:before {content:'b';} .twitter-social-icon:before {content:'a'; } .pinterest-social-icon:before {content:'d'; } .google-social-icon:before { content:'c'; } .vkontakte-social-icon:before { content:';'; } .ok-social-icon:before { content:'.'; } .linkedin-social-icon:before{ content:'j'; } .youtube-social-icon:before {content:'r';} .instagram-social-icon:before {content:'x'; } .rss-social-icon:before {content:','; } .fb-social-float-icon, .twitter-social-float-icon, .pinterest-social-float-icon, .google-social-float-icon, .ok-social-float-icon, .vkontakte-social-float-icon, .reddit-social-float-icon{ float: left; font-family: 'socicon' !important;font-weight:400 !important;font-size:20px;line-height:20px;padding:12px;color:#FFF !important; } .floating-share-icons{float:left;width:84px;position:relative;} .floating-share-icons ul{float:left;width:44px;padding-right:40px;top:20px;position:absolute;-webkit-transform: translateZ(0);} .floating-share-icons li{float:left;margin:1px;background:#F00;} .fb-social-float-icon:before{content:'b';} .vkontakte-social-float-icon:before{content:';';} .ok-social-float-icon:before{content:'.';} .twitter-social-float-icon:before{content:'a';} .pinterest-social-float-icon:before{content:'d';} .google-social-float-icon:before{content:'c';} .reddit-social-float-icon:before{content:'C';} /* position: absolute; */ #navigation .content-social, #navigation .content-lang { width: auto; float: right; padding: 21px 10px; position: relative; right: 0;} #navigation .content-social ul, #navigation .content-lang ul {width:100%;max-width:85px;overflow:hidden;max-height:28px;-moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; -webkit-transition: all 0.6s;} #navigation .content-social:hover ul{ max-width:360px;} #navigation .content-social li, #navigation .content-lang li{margin:0 9px;} #navigation .content-social:hover li /*, #navigation .content-lang:hover li */{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0); transform: scale(0); -webkit-animation: popUp .2s ease-in forwards; animation: popUp .2s ease-in forwards;} #navigation .content-social:hover li:nth-child(2){ -webkit-animation-delay: .15s;animation-delay: .15s; -moz-animation-delay: .15s; } #navigation .content-social:hover li:nth-child(3){ -webkit-animation-delay: .2s;animation-delay: .2s; -moz-animation-delay: .2s; } #navigation .content-social:hover li:nth-child(4){ -webkit-animation-delay: .25s;animation-delay: .25s; -moz-animation-delay: .25s; } #navigation .content-social:hover li:nth-child(5){ -webkit-animation-delay: .3s;animation-delay: .3s; -moz-animation-delay: .3s; } #navigation .content-social:hover li:nth-child(6){ -webkit-animation-delay: .35s;animation-delay: .35s; -moz-animation-delay: .35s; } #navigation .content-social:hover li:nth-child(7){ -webkit-animation-delay: .4s;animation-delay: .4s; -moz-animation-delay: .4s; } /* Search------------------------------------------------------------------------------------------------------------------------- */ .search-box { position: absolute; right: 0; } .fixed-menu .search-box { padding: 0; } #searchform { float: right; position: relative; } #searchform input { cursor: pointer; background: #1D1D1D; float: left; font-size: 12px; line-height: 15px; 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: #000; font-family: inherit; } #searchform #s:focus { outline: none; } #searchform input:focus { cursor: text; color: #000; } .fixed-menu #searchform input { height: 28px; margin: 4px 0; } .fixed-menu .submit-button { width: 28px; height: 28px; margin: 4px 0; margin-left: 1px; background-position: 4px; } .submit-button { height: 37px; padding: 0; width: 35px; float: right; border: none; cursor: pointer; color: #000; text-transform: uppercase; font-size: 14px; padding: 5px; } input#s:focus + .submit-button { display: block; } #navigation #searchform { float: right; position: relative;} #navigation #searchform input { cursor:pointer; background:url(images/search-icon-black.png) no-repeat 50% 50%; float: left; font-size:25px;font-weight: 700; padding: 0 0 0 10px; width: 60px; height: 69px;-moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s;color: #000;} #navigation #searchform input:focus, #navigation .search-box.active #searchform input{ cursor:text;background-color:#FFF;background-image:none;width: 294px;} #navigation .submit-button{height: 60px;padding: 0;width: 60px;margin: 5px 0;position: absolute;right: 0;border: none;display:none;cursor:pointer;color:#FFF;text-transform:uppercase;font-size:14px;} #navigation input#s:focus + .submit-button, #navigation .search-box.active input + .submit-button {display:block;} #searchform .featured-thumbnails{position:absolute;display:none;width:100%;background:#FFF;top:70px;z-index: 1;} #searchform .featured-thumbnails li{width: 100%; margin: 20px 0 0; float: left; box-sizing: border-box; padding: 0 20px;position: relative;overflow:hidden;line-height:12px;} #searchform .featured-thumbnails li:last-child{padding-bottom:20px;} #searchform #s:focus ~ .featured-thumbnails, .active #searchform .featured-thumbnails{display:block;} .fixed-menu #searchform{display:none;} #navigation #mob-menu #searchform{width: 100%;} .fixed-menu #mob-menu #searchform{display:block;width:100%;} #mob-menu .search-box{top:0;width:100%;pointer-events: none;} #navigation #mob-menu #searchform input{border-left:0;height:82px;margin:0;float:right;pointer-events: all;} #navigation #mob-menu #searchform input:focus{width:calc(100% - 87px);} #navigation #mob-menu .submit-button{height:72px;width:72px;} #mob-menu .search-box.active{width:100%;} #mob-menu .featured-thumbnails{display:none;visibility: hidden;} /* top-menu-posts ------------------------------------- */ .top-menu{height:70px; width:calc(100% - 308px);position:relative;float:left;opacity:1;} .fixed-menu .top-menu{height:0;width:calc(100% - 154px);overflow:hidden;opacity:0;border:none;} .top-menu-posts{float:left;overflow:hidden;width:calc(100% - 70px);height:69px;transition: all 0.3s;overflow:hidden;} .fixed-menu .top-menu-posts{height:0;opacity:0;} .top-menu-posts li{width:28.3%;overflow:hidden;float:left;margin:0 4% 0 2%;} .top-menu-posts li.nowidgetfx{opacity:1;} .top-menu-posts li:last-child{margin:0 0 0 2%;} .fixed-menu .top-menu-posts li {display:none;} .top-menu-posts li:nth-child(2){ -webkit-animation-delay: .2s;animation-delay: .2s; -moz-animation-delay: .2s; } .top-menu-posts li:nth-child(3){ -webkit-animation-delay: .4s;animation-delay: .4s; -moz-animation-delay: .4s; } .top-menu-posts li .featured-posts-image{float:right;margin-right:15px;width:58px;margin-top:6px;} .top-menu-posts li .featured-posts-image img{border-radius: 100px;} .top-menu-posts li .featured-posts-text{width:calc(100% - 91px);float:left;} /* CHANGE width: 65% padding-left: 5% */ .top-menu-posts li .featured-posts-title{padding:0;width:70%;padding-left:30%; margin-top: 6px;text-transform: uppercase;} .top-menu-posts li .category-icon{width:30%;margin-top:9px;text-align:center;line-height:14px;font-style:italic;color:#CCC;word-wrap: break-word;} .category-icon_blue {padding:0px 5px 1px 5px;background: #028ac8;color:#fff;font-size:13px;margin-bottom:5px;} /* Logo------------------------------------- */ #site-logo {float:left;background:#FFF;} .fixed-menu #site-logo{} .fixed-menu .big-logo, .small-header .big-logo{width:154px;height:70px;} /* CHANGE border-right */ .big-logo{float: left; position: relative; width: 308px;height:140px;-moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; /*border-right:1px solid #000; */ box-sizing:border-box;} .big-logo span{ border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;} /* Main Menu------------------------------------------------------------------------------------------------------------------------- */ .add-menu{width: 100%;font-weight: 800;padding: 25px 0;float: left;font-size: 20px;text-align: center;color:#000;} .fixed-menu {top: -33px;} #nav-wrapper { box-sizing: border-box;width: 100%;float: left;min-height:70px;} .admin-bar #nav-wrapper .fixed-menu { top: 32px; } #nav-wrapper .fixed-menu { position: fixed; left: 0; top: 0;} /* CHANGE border-bottom*/ /* z-index: 99999; */ #navigation { float: left; display: block; position: relative; width: 100%; z-index: 999;box-shadow: 0 0 24px rgba(0, 0, 0, 0.25); background: url('https://ufacity.info/bitrix/templates/renewufacity/images/header_img.png') no-repeat; background-size: cover;/*border-bottom:1px solid #f1f1f1; */} #main-nav{float:left; height: 100%; width:calc(100% - 308px);-moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .small-header #main-nav{width:calc(100% - 154px);} .fixed-menu #main-nav{float:left;width:calc(100% - 154px);} #mob-menu { padding: 13px 0; text-align: center; display: none; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 40px; } .mob-menu-button{cursor: pointer;z-index:9;position: absolute; width: 28px; background: url(images/menu_icon.png) no-repeat 50% 50%; height: 20px; left: 25px; top: 31px;} .menu-item { vertical-align: top; font-size: 14px; font-weight: 400; line-height: 70px; text-decoration: none;float:left;} .fixed-menu .sub-menu-wrapper, .small-header .sub-menu-wrapper{top:70px;} .sub-menu-wrapper {border-top:1px solid #FFF; position: absolute; left:0; z-index: 998; width: 100%; display: none; top: 140px; background: #FFF;} .menu-item-object-page { background: #000; } .sub-menu-wrapper:before{ content:''; position: absolute; left:0; z-index: 998; width: 100%; top: 100%; background: rgba(0, 0, 0, 0.3);height:100vh;pointer-events:none;} .sub-menu{top: 0; position: absolute; right: 0; z-index: 999; background: #F4F4F4; display: block; } .menu-links.inside-menu .sub-menu { display: none;} .menu-links.inside-menu .active .sub-menu { display: block; } .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; top: 0; left: 0; width: auto; padding-top: 0; } .sub-meni .sub-meni, .fixed-menu .sub-meni .sub-meni{ top: 0; } .sub-meni {background:#FFF; float: left; z-index: 999; position: absolute; display: none; top: 140px; width: 218px; box-shadow: 0 5px 10px -5px #000;} .fixed-menu .sub-meni, .small-header .sub-meni{top: 70px;} .menu-links.inside-menu .sub-meni { left: 218px; display: none; padding-top: 0; } .menu-links.inside-menu .menu-item {cursor:pointer; padding: 0;line-height: normal;float:left;width:100%; border-bottom: 1px solid #D9D9D9;} .sub-menu .menu-links.inside-menu .menu-item.active{background:#F4F4F4;} #main-nav .sub-meni .menu-links.inside-menu { border-bottom: none; width:100%;padding:0;} .sub-meni .menu-links.inside-menu li { position: relative; background: #000; width: 100%;border-bottom:0; border-top: 1px solid rgba(0, 0, 0, 0.15);} .sub-meni li { width: 164px; } #main-nav .menu-links.inside-menu { width: 16.1%; float: left;box-sizing:border-box;padding:20px;} .menu-links.inside-menu .menu-link { color: #aaa; border: none; position: relative; padding: 0; margin: 10px 14px;font-size:14px; } .sub-menu-wrapper .menu-links.inside-menu .menu-link{color:#aaa;} .menu-link { padding: 0 24px; float: left; text-transform: uppercase; } /* CHANGE add seven menu*/ .sub-menu-wrapper .six-menu{width:100%;} .sub-menu-wrapper .seven-menu{width:100%;} .sub-menu-wrapper .five-menu{width:83.9%;} .sub-menu-wrapper .six-menu li{width:16.65%;float:left;} .sub-menu-wrapper .seven-menu li{width:14.285%;float:left;} .sub-menu-wrapper .five-menu li{width:20%;float:left;} .sub-menu-wrapper .small-category{width:100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px;float:none;margin:0 auto;} .sub-menu-wrapper .small-category li:nth-child(even){ -webkit-animation-delay: .2s;animation-delay: .2s; -moz-animation-delay: .2s; } .sub-menu-wrapper .small-category li{-webkit-animation: menu-in-up 1s ease both; animation: menu-in-up 1s ease both;-moz-animation:menu-in-up 1s ease both;box-sizing:border-box;padding:20px 10px;} .sub-menu-wrapper li img{width:100%;} .sub-menu-wrapper .small-category .small-text{position: relative;float:left;padding:0;position: static;margin:10px 0;text-shadow:none;font-size:16px;} .sub-menu-wrapper .small-category .small-text a{color:#000;font-size:14px;} @-webkit-keyframes menu-in-up {0%{-webkit-transform: translateY(20px);opacity:0;}100%{-webkit-transform: translateY(0);}} @-moz-keyframes menu-in-up {0%{-moz-transform: translateY(20px);opacity:0;}100%{-moz-transform: translateY(0);}} @keyframes menu-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);}} /* Footer------------------------------------------------------------- */ #footer {width: 100%; display: table; margin: 0 auto;background:#000;color:#232323;float:left;padding: 0 20px;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} #footer a{color:#232323;font-weight:600;} #footer .footer-wrap-menu a {font-weight:100;} .footer-wrap-menu {margin: 50px auto 25px; display: table; width:100%; max-width: 1290px;} .footer-wrap-menu * {color: #fff; font-size:13px;line-height:15px;} .footer-wrap-menu h1 {font-size:15px;} .footer-list-menu {margin-top:10px;} .footer-list-menu li {margin-bottom:10px;} .footer-logo{width:116px;float:left;} .footer-wrap { margin: 50px auto 25px; display: table;border-top:1px solid #232323;border-bottom:1px solid #232323;width:100%;} #bottom-menu { width: calc(100% - 140px - 220px); float: left; margin-top: 10px; } #footer .add-menu{padding:6px 0;color:#FFF;} #bottom-menu ul { text-align: center } #bottom-menu li { padding: 7px; display: inline-block; float: none;text-transform: uppercase; font-size: 14px;line-height:normal; } .copyright { font-size: 12px; font-weight: 600; line-height: 12px; width: 100%; float: left;color:#FFF; text-transform:uppercase;margin-bottom:30px;} .copyright-text {padding: 9px 14px 14px 16px; text-align: center; } /* Widgets css----------------------------------------------------------------------------- */ /* Widget li Sizes---------------------------------------------------------------------------------------------------------- */ .one-part { width: 25%; } .two-parts { width: 49.95%; } .three-parts { width: 74.95%; } .four-parts { width: 99.95%; } .double {width: 100%;} #secondary .one-part, #secondary .two-parts, #secondary .three-parts, #secondary .four-parts{width:100%;} .one-part .blog-category li, .one-part .featured-thumbnails li, .one-part .img-featured li, .one-part .small-category li{ width: 100%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; z-index:0;} .two-parts .blog-category li, .two-parts .featured-thumbnails li, .two-parts .img-featured li, .two-parts .small-category li{ width: 50%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; z-index:0;} .three-parts .blog-category li, .three-parts .featured-thumbnails li, .three-parts .img-featured li, .three-parts .small-category li{ width: 33.33%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; z-index:0;} .four-parts .blog-category li, .four-parts .featured-thumbnails li, .four-parts .img-featured li, .four-parts .small-category li{ width: 25%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; text-align:left;z-index:0;} /* used across the site----------------------------------------------------------------------------- */ .blog-post-categories { float: left; padding: 4px 8px; font-size: 11px; background: #000; color: #FFF; margin-right: 1px; margin-bottom: 1px; text-transform: uppercase; } .blog-post-categories a { color: #FFF; } .blog-post-categories a:hover { color: #FFF; } .category-icon { text-transform: uppercase; font-size: 11px; font-weight: 700; margin:0 auto;float: left;} .author-date{padding:5px 0;font-size:13px;float:left;} .author-date a{color:#FFF;} .author-date > div{float:left;} .author-date > div:first-child{margin-right: 8px; border-right: 1px solid #FFF; padding-right: 8px; float: left;} .author-date > div:only-child{margin-right: 0; border-right: none; padding-right: 0;} .featured-category{position:absolute;background:#000;top:20px;font-size:14px;padding:3px 10px;text-transform:uppercase;left:0;border-right:1px solid #FFF;border-top:1px solid #FFF;border-bottom:1px solid #FFF;} .featured-category a, .featured-category a:hover{color:#FFF;} .post-date { text-transform: none; font-size: 12px; font-weight: 400; color: #9c9c9c; position: relative; float: left; } .bypostauthor { margin-right: 8px; border-right: 1px solid #444444; padding-right: 8px; float: left; } .featured-posts-image { float: left; } .featured-posts-text { float: left; margin-top: 10px; } .featured-posts-content { font-size: 13px; font-weight: 400; line-height: 16px; } .featured-posts-title a, .featured-posts-title a:visited { font-size: 14px;} .featured-posts-text .date { color: #FFF; font-size: 12px; font-weight: 400; float: left; } .featured-posts-title { float: left; padding: 10px 0; width: 100%; font-size: 16px; } .img-featured-posts-image:before, .small-image:before{z-index:1;} .huge .img-featured-posts-image:after, .super-image:after, .super-slider li .super-slider-post:after, .super-slider li .super-slider-post:after, .img-featured-posts-image:before, .small-image:before, .wide-slider .slides li:after{opacity:0.6;pointer-events:none;position:absolute;content:'';width:101%;height:101%;left:0;top:0;vertical-align:top;} /* Social widget-------------------------------------------------------- */ .social-widget{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;margin: 20px 0 0;float:left;width:100%;} .vertical-social.social-widget ul{width:100%;float:left; display: flex; flex-wrap: wrap;} .vertical-social.social-widget ul li{width:33.3%;float:left;text-align:center; padding: 15px 0;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .vertical-social .social-icon-box{width:100%;float:left;} .vertical-social .social-widget-icon{ margin: 0 auto; display: inline-block; height: 50px; width: 50px; border-radius: 100%; color: #FFF;} .vertical-social .social-widget-icon span{ margin: 12px 15px;font-size:20px;} .vertical-social .social-widget-icon span:hover{ background-position-y: 0; } .vertical-social .social-widget-text{width:100%;float:left;font-size:13px;text-transform:uppercase;font-weight:800; margin-top: 15px;} .vertical-social li .fb-widget-icon{background:#3b5998;} .vertical-social li .twitter-widget-icon{background:#00aced;} .vertical-social li .google-widget-icon{background:#dd4b39;} .vertical-social li .youtube-widget-icon{background:#bb0000;} .vertical-social li .instagram-widget-icon{background:#517fa4;} .vertical-social li .pinterest-widget-icon{background:#F00;} .horizontal-social.social-widget ul{ background:#F4F4F4;padding:10px;float:left;width:100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} .horizontal-social.social-widget ul li{background:#FFF;width:100%;float:left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 10px; } .horizontal-social.social-widget ul li:last-child{margin-bottom:0;} .horizontal-social .social-icon-box{padding:0 5px;float:left;} .horizontal-social .social-widget-text{float:right;font-size:12px;text-transform:uppercase;font-weight:800;line-height:28px;margin-right:5px;} /* Blogroll 1---------------------------------------------------------------------- */ .blog-category { float: left; position: relative; width: 100%; } .blog-category ul{ display: flex; flex-wrap: wrap;} .blog-category li {} .blog-post-image { overflow: hidden; position: relative; float: left;width:100%;} .blog-post-title-box { padding: 5px 0 10px; float: left; width: 100%; } .blog-post-title h2 { font-size: 20px; font-weight: 800; line-height: 26px;} .blog-post-text { color: #9c9c9c; padding: 8px 0; } .blog-post-content { color: #000; font-size: 13px; font-weight:400; line-height: 18px; padding-bottom: 10px; float:left;} .blog-post-date-author { font-size: 12px; font-weight: 400; color: #000; position: relative; float: left; width: 100%; margin: 0 0 10px 0; } .blog-post-date-author > div:first-child{margin-right: 8px; border-right: 1px solid #444444; padding-right: 8px; float: left;} .blog-post-date-author > div:only-child{margin-right: 0; border-right: none; padding-right: 0;} .blog-category .category-icon{margin-top:10px;} /* Blogroll 2----------------------------------------------------------- */ .exm1-blog-posts-category { overflow: hidden; width: 100%; float: left; } .exm1-blog-posts-category li { position: relative; width: 100%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;} .exm1-blog-posts-text { float: left; width: 100%; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 10%;} .exm1-blog-posts-text h2 { font-weight: 800;text-align:center; padding: 25px 0 15px 0; width: 100%; float: left; text-transform:uppercase; } .one-part .exm1-blog-posts-text h2 { font-size: 22px; line-height: 25px; } .two-parts .exm1-blog-posts-text h2 { font-size: 35px; } .three-parts .exm1-blog-posts-text h2 { font-size: 38px; } .four-parts .exm1-blog-posts-text h2 { font-size: 70px; line-height: 90px; } .exm1-blog-posts-subtitle{font-size:16px;font-weight:400;line-height:22px;text-align:center;float:left;margin: 0 0 3%;width:100%;} .exm1-blog-posts-thumb { float: left; position: relative;max-width:100%;border-bottom:3px solid #000;overflow:hidden;width:100%; } .exm1-blog-posts-date-author { font-size: 13px; font-weight: 400; color: #000; margin: 0 0 5%; width: 100%; float: left; position: relative; text-align:center; } .exm1-blog-posts-date-author > div{display:inline-block;float:none;} .exm1-blog-posts-date-author > div:first-child{margin-right: 8px; border-right: 1px solid #444444; padding-right: 8px;} .exm1-blog-posts-date-author > div:only-child{margin-right: 0; border-right: none; padding-right: 0;} /* Blogroll 3----------------------------------------------------------- */ .two-parts .blog-category.blogroll3 li{width:100%;} .four-parts .blog-category.blogroll3 li{width:50%;} .blogroll3 .blogwrap {width:50%;float:left;box-sizing:border-box;padding-left:10px;} .blogroll3 .blog-post-image{width:50%;box-sizing:border-box;padding-right:10px;} /* Big featured images----------------------------------------------------------------------------------------------------------------------------------- */ .img-featured { width: 100%; } .img-featured ul { float: left; width:100%;} .img-featured-posts-image { position: relative; overflow: hidden; width: 100%; } .img-featured li { } .img-featured-title { bottom: 15px; position: absolute; z-index: 3; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);width:100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 15px;left:0;color:#FFF; } .img-featured-title h2 { font-size: 22px; line-height:26px; font-weight: 800; color: #FFF; margin-bottom:5px;float:left;width:100%;} #tv-mode .img-featured-title h2{font-size:16px;line-height: 20px;font-weight: 400;} .img-featured-title a{color:#FFF;} .img-featured-review-score { position: absolute; top: 50px; padding: 8px; background: #000; font-size: 20px; font-weight: 400; color: #FFF; left: 0;z-index:9;} .img-featured-text{font-weight:400;float:left;width:100%;font-size:13px;margin-top:5px;line-height:20px;} .img-featured-category-link{text-transform: uppercase; font-size: 14px; float: left; padding: 5px 0;width:100%;} .img-featured-category-link a{position:relative;} .img-featured-category-link a:after{content:'';width:0;border-bottom:2px solid #FFF;left:0;bottom:-1px;position:absolute;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;} .img-featured-category-link a:hover:after{width:100%;} .big .img-featured-posts-image:hover:after{background:#000;opacity:0.4;} .big .author-date{width:100%;} .big .author-date > div{display:inline-block;color:#FFF;float:none;} .big .img-featured-category-link{ text-transform: uppercase; float: left; padding: 2px 15px; width: 100%; color: #FFF; position:absolute;top:10px;z-index: 1;box-sizing:border-box;} .big .img-featured-category-link a{color:#FFF;} /* CHANGE */ .padding-category-link a {padding: 0 10px; background: #028ac8;} /* Huge featured images----------------------------------------------------------------------------------------------------------- */ .two-parts .huge .img-featured li{width:100%;} .four-parts .huge .img-featured li{width:50%;} .huge .img-featured-title{padding:0 20px;} .huge .img-featured-title h2 { font-size: 34px;line-height:34px; font-weight: 800; margin-bottom:5px;width:100%;text-align:left;} .huge .img-featured-category-link{ text-transform: uppercase; float: left; padding: 0 0 10px;width:100%;} /* Small featured images ---------------------------------------------------------------------------------------------------------------------------- */ .small-category { float: left;width:100%; } .small-category li {} .small-text { position: absolute; z-index: 3; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);padding:0 25px;bottom:20px;} .small-image { width: 100%; position:relative;overflow:hidden;float:left;} .small-image:hover:after{background:#000;opacity:0.4;} .small-title { font-size: 15px; font-weight: normal;float:left;width:100%;line-height:17px;text-transform:inherit;} .small-title a { color: #FFF; } /* CHANGE width background-color: #028ac8; */ .small-author{ margin-top: 5px; color: #FFF; font-size: 12px; font-weight:400;float:left;/*width:100%;*/ /*background-color:#028ac8;*/ padding:2px; border-radius: 3px;} .small-author a{color:#FFF;} .small-review-score{color:#FFF; float:left; padding:5px;border:3px solid #FFF;font-weight:700;margin-bottom:10px;font-weight:800;} /* Slider---------------------------------------------------------------------- */ .slider-container { overflow: hidden; width: 100%; float: left;position:relative;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px; margin-top:20px; } .wide-slider { overflow: hidden; } .wide-slider-box { float: left; padding: 20px 20px 0; position: relative; } .wide-slider-control { width: 100%; float: left;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px; } .wide-slider-control li {width:20%;background: #000; position: relative; float:left;} .wide-slider-thumb { opacity: 0.5;position:relative; overflow:hidden;} .wide-slider-thumb:hover { opacity: 1; } .flex-active .wide-slider-thumb { opacity: 1; position: relative; } .flex-active .wide-slider-thumb: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; } .slider-text-box { left: 4%; position: absolute; bottom: 5%; z-index: 3; } .slide-date {float:left; font-weight:400;font-size: 14px;text-transform:uppercase; opacity: 0; color: #FFFFFF; display: none; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important; } .slide-title {float:left;text-transform: uppercase; position: relative; font-size: 38px; font-weight: 800; margin: 5px 0; opacity: 0; display: none;width:100%;opacity:0; } .slide-title h2 { max-width:70%;font-weight: 800; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); } .slide-title h2 a { color: #FFF; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } .slide-excerpt-wrap{float:left;} .slide-excerpt { max-width:80%; font-size: 14px;line-height:18px; font-weight:400; color: #FFF; opacity: 0; display: none; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important;} .four-parts .slide-title { font-size: 56px; } /* CHANGE font-size: 30px; */ .two-parts .slide-title { font-size: 25px; } .two-parts .slide-date { font-size: 14px; } .two-parts .slide-excerpt { font-size: 14px; } .one-part .slide-title { font-size: 22px; } .one-part .slide-title h2{max-width:100%;} .one-part .slide-date { font-size: 12px; } .one-part .slide-excerpt { font-size: 12px;max-width:100%;line-height:inherit; } .one-part .slider-text-box{bottom:20px;} .flex-active-slide .slide-title { opacity:1;display: block; } .flex-active-slide .slide-date { opacity:1;display: block; } .flex-active-slide .slide-excerpt {opacity:1; display: block; } html[xmlns] .slides { display: block; } .slides { overflow: hidden; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; } .slides > li{ display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .slides > li:first-child { display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } * html .slides { height: 1%; } .flex-direction-nav a { width: 50px; height: 40px; margin: -27px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } /* z-index: 9999 */; .flex-direction-nav .flex-next { background-position: -45px 7px; right: -40px; z-index: 0; } .flex-direction-nav .flex-prev { left: -40px; z-index: 0; } .flexslider:hover .flex-next, .carousel:hover .flex-next, .post-page-gallery-thumbnails:hover .flex-next, .tv-carousel:hover .flex-next, .super-slider:hover .flex-next, .wide-slider:hover .flex-next, .tv-ajax-carousel:hover .flex-next{background: url(images/exm1-arrows-carousel.png) no-repeat -55px 0px;opacity: 1; right: 0;} .flexslider:hover .flex-prev, .carousel:hover .flex-prev, .post-page-gallery-thumbnails:hover .flex-prev, .tv-carousel:hover .flex-prev, .super-slider:hover .flex-prev, .wide-slider:hover .flex-prev, .tv-ajax-carousel:hover .flex-prev{background: url(images/exm1-arrows-carousel.png) no-repeat 34px 0px;opacity: 1; left: 0;} .flex-control-nav {display:none; } .flexslider .slides>li, .wide-slider .slides>li { overflow: hidden; position: relative; } .post-page-gallery-slider li{position:relative;} .post-page-gallery-thumbnails, .post-page-gallery-slider { float: left; width: 100%; position: relative; background: #000; overflow: hidden; } .post-page-gallery-thumbnails .slides li { float: left; position: relative; opacity: 0.5;overflow:hidden; } .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: 59%; } .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; } .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;} /* super slider ---------------------------------------------------------------------------------------------------------------------------- */ .body-width-ticker + .home-widget.body-super-slider, .fullwidth-ticker + .home-widget.body-super-slider{margin-top:0;} .body-width-ticker + .home-widget.fullwidth-super-slider, .fullwidth-ticker + .home-widget.fullwidth-super-slider{margin-top:0;} .body-super-slider{ margin-left: -10px; width: calc(100% + 20px); } .fullwidth-super-slider{ margin-left: calc((100% - 100vw) / 2); width:100vw; overflow: hidden; padding: 0 ;background:#FFF;} .super-slider{width:100%;float:left;position:relative;} .home-widget:first-child.fullwidth-super-slider, .home-widget:first-child.body-super-slider{margin-top:-20px;} .home-widget.fullwidth-super-slider, .home-widget.body-super-slider{margin-top:20px;} .loading{opacity:0;} .super-slider li{float:left;} .super-slider-part{width: 100% ;float:left;position:relative;overflow:hidden;} .super-slider-post{float:left;position:relative;overflow:hidden;width:100%;} .super-slider-post a{color:#FFF;} .super-slider-text-box{position:absolute;bottom:40px;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 30px;color:#FFF;z-index:1;width:100%;} .super-slider img{width:100%;} .super-slider-category{ text-transform:uppercase;font-size:13px; float:left; padding: 3px 7px;position:relative;background:#000;} .super-slider-category:hover:after{width:100%;} .super-slider-title{width:100%;font-size:32px; float:left; margin: 5px 0;text-transform:uppercase;} .super-slider-title a{font-weight:800;} .body-super-slider .super-slider-title{font-size:20px;} /* Ticker---------------------------------------------------------------------------------------------------------- */ .fullwidth-ticker { margin-left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; padding: 0;} .body-width-ticker { width: calc(100% + 20px); overflow: hidden; padding: 0;margin-left: -10px;} .home-widget:first-child.fullwidth-ticker, .home-widget:first-child.body-width-ticker{margin-top:-20px;} .ticker-box { float: left; width: 100%; background: #FFF; position:relative;padding:5px 20px;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;border-bottom:1px solid #F4F4F4;} #ticker { float: left; width: 100%; } .ticker-list { position: absolute; width: 200%; margin-left: 8px; display: block; float: left; height: 30px; } .ticker-list li { float: left; height: 30px; line-height: 30px; } .ticker-heading { color: #A50505; float: left; font-size: 15px; font-weight: 700; padding: 0px 20px 0 0; line-height: 30px; } #ticker a { color: #717171; font-size: 12px; font-weight: 700; } .ticker-sign { float: left; position: relative; margin: 0 10px; font-size: 15px; } #ticker-list-box { height: 30px; float: left; display: block; overflow: hidden; position: relative; width: 0px;transition: all .8s; } .ticker-arrows{float:right;background:#000;position:relative;width:40px;padding-left:10px; box-shadow: -21px 0 30px #000;right:-5px;} .ticker-left { width: 20px;height: 13px;display: block;background: url(images/arrows.png) no-repeat -13px -12px;cursor: pointer;margin: 10px 0;float:right; } .ticker-right {width: 20px;height: 13px;display: block;background: url(images/arrows.png) no-repeat 4px -12px;cursor: pointer;margin: 10px 0;float:left;} .ticker-left:hover, .ticker-right:hover{background-position-y: 0;} /* thumbnails widget------------------------------------------------------------------------------------------------------------------------- */ .featured-thumbnails { float: left; display: flex; flex-wrap: wrap; } .featured-thumbnails .featured-posts-image{min-height:0; width:28%;} .featured-thumbnails li {} .featured-thumbnails .featured-posts-text {margin-left: 5%; margin-top: 0;width:62%; } .featured-thumbnails .featured-posts-title { padding: 2px 0 5px; } .featured-thumbnails .featured-posts-title_padding {padding:10px 0 5px;} .featured-thumbnails .featured-posts-title h1 {font-size:25px; margin-bottom: 10px;} /* Most Commented widget---------------------------------------------------------------------- */ .most-commented{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px;margin-top:20px;float:left;width:100%;} .most-commented-posts li { float: left; background: #E0E0DC; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 10px; width: 100%; position: relative;margin-bottom:12px; } .most-commented-title {float:left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 0 10px;} .most-commented-cateogory{font-size:11px;float:left;width:100%;font-weight:400;text-transform:uppercase;margin-top:7px;} .most-commented-cateogory a{color:#666;} .most-commented-posts li:last-child .most-commented-title{border:none;} .most-commented-title a { font-size: 14px; font-weight: 600; color: #282828; width:75%;float:left;} .most-commented-count { right: 15px; bottom: 10px; position: absolute;} .most-commented-count a { font-size: 35px; font-weight: 800; color: #b9b9b4; letter-spacing: -1px;} .most-commented-posts li:after { content: ''; border-top: 11px solid #E0E0DC; border-right: 12px solid transparent; position: absolute; bottom: -9px; right: 15px; } /* Carousel---------------------------------------------------------- */ .carousel { position: relative; overflow: hidden; float: left;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px; width:100%;margin-top:20px;} .carousel .slides li{ float: left; margin-right: 10px; position: relative; max-width:33%;overflow:hidden;} .carousel-image{opacity:0.4;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;} .carousel-text{position:absolute;bottom:0;width:100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;background:none;padding: 0 20px 20px;text-align:center;} .carousel-title{ height: auto;line-height: 20px;font-size: 19px; font-weight: 800; width: 100%;color:#FFF;text-transform:uppercase;} .carousel-title a, .carousel-author a{color:#FFF;} .carousel-author{ margin-top: 10px; color: #FFF; font-size: 12px; font-weight:400;float:left;width:100%;} .carousel li{background:#000;} .carousel li:hover .carousel-image{opacity:1;} /* video embed widget------------------------------------------------------------------------------------------------------------------------- */ .embed-widget{float:left;width:100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px;margin-top:20px;} .embed-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;width:100%; } .embed-wrapper iframe { position: absolute;top:0;left: 0;width: 100%;height: 100%;border: 0px; } /* ad widget------------------------------------------------------------------------------------------------------------------------- */ .ad-widget-sizes { float: left;width:100%;text-align:center; } .ad-widget-box{overflow:hidden;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px;margin-top:20px;float:left;width:100%;display:inline-block;} .footer-advert .ad-widget-box, .postend-advert .ad-widget-box{margin-bottom:20px;margin-top:0;} .ad-widget-box img{width:auto !important;} /* Tv-widget---------------------------------------------------------- */ .tv-featured { float: left; margin-top:20px; border-left: 10px solid #FFF;border-right:10px solid #FFF; float: left;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%;} .tv-featured-title { padding: 10px; float: left; font-size: 18px; font-weight: 400; text-transform: uppercase; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; font-weight:700; } .tv-featured-title a{color:#FFF;} .tv-big{padding: 0 10px; float: left;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;width:100%;} .tv-big li { width:100%;float:left; } .tv-big-image{width:100%;} .four-parts .tv-big .category-icon, .three-parts .tv-big .category-icon {font-size:14px;} .tv-widget-title{margin:19px 0;float:left;width:100%;font-size:16px;font-weight:700;text-transform:uppercase;line-height:20px;} .tv-widget-title a{color:#FFF;} .tv-widget-content{color:#FFF;font-size:13px;line-height:18px;font-weight:400;} .tv-small {padding: 0 10px 10px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; display: flex; flex-wrap: wrap; } .tv-small-posts-image{width:40%;float:left;} .tv-small li {margin-top:20px; float:left;} .tv-small .featured-posts-text {margin-left: 5%; margin-top: 0;width:55%;float:left; } .tv-small-post-title { padding: 10px 0;font-size:14px;font-weight:700;float:left;line-height: 16px;} .tv-small-post-title a{color:#FFF;} .tv-small .post-date{color:#FFF;} .two-parts .tv-small li{width:50%;} .three-parts .tv-small li{width:33.33%;} .four-parts .tv-small li{width:25%;} .two-parts .tv-widget-title{font-size:20px;margin:10px 0;} .three-parts .tv-widget-title{font-size:30px;margin:15px 0;} .four-parts .tv-widget-title{font-size:40px;margin:20px 0;} .tv-ajax-carousel{padding: 20px 10px ; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; float: left;position:relative;width:100%;} .tv-ajax-carousel .slides li{ float: left; margin-right: 10px; position: relative; max-width:100%;overflow:hidden;} .tv-ajax-carousel-image{float:left;opacity:0.4;-moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;position:relative;width:100%;} .tv-ajax-carousel-image:hover{opacity:1;} .tv-ajax-carousel-title{position:absolute;bottom:5px;width:100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;background:none;padding: 0 3%;font-size: 12px; font-weight: 600;text-transform:uppercase;} .tv-ajax-carousel-title a{color:#FFF;} .two-parts .tv-ajax-carousel-title{font-size: 12px;line-height:16px;} .three-parts .tv-ajax-carousel-title{font-size: 12px;line-height:16px;} .four-parts .tv-ajax-carousel-title{font-size: 14px;} .tv-ajax-carousel .flex-direction-nav a{margin:-18px 0 0;} .tv-ajax-carousel:hover .flex-prev{left:-10px;} .tv-ajax-carousel:hover .flex-next{right:-10px;} #tv_widget_exm1-5 .tv-widget-title a:hover {text-decoration: underline; color:#fff;} #tv_widget_exm1-5 .tv-small-post-title a:hover {text-decoration: underline; color:#fff;} #tv_widget_exm1-5 .category-icon a:hover {color:#a1e3ef;text-decoration:underline;} /* Featured categories--------------------------------------------------------------------------------------------------------------- */ .multi-category-small {margin-top:20px; width: 25%; padding: 0 10px; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .multi-category-image{ overflow: hidden; position: relative; float: left; width: 100%;margin-bottom:5px;} .multi-category-title{position:absolute;bottom:0;background:rgba(0, 0, 0, 0.5); -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:6px 10px;text-transform:uppercase;font-size:14px;line-height:16px;width:100%;} .multi-category-title a{color:#FFF;} .one-part .multi-category-small{width: 100%;} .two-parts .multi-category-small{width: 50%;} .three-parts .multi-category-small{width: 33.3%;} .featured-small li { float: left; padding-bottom: 10px; width:100%;} .featured-multi-category-small-links li { border-bottom: 1px dashed #B3B3B3; padding: 0 0 10px;margin-bottom:10px;width:100%;float:left; } .featured-multi-category-small-links li h2 { font-size: 12px; line-height: 14px; font-weight: 800; text-transform:uppercase; } .featured-multi-category-small-links li:last-child{border:none;} /* jumping-posts---------------------------------------------------------------------- */ .jumping-posts { width: 100%; float: left; position: relative;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px; margin-top:20px; } .jumping-posts ul{border-bottom:1px solid rgba(0, 0, 0, 0.08);border-right:1px solid rgba(0, 0, 0, 0.08);float:left;width:100%;} .jumping-posts li { float: left; width: 100%; position: relative; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);} .two-parts .jumping-posts li { width: 50%;} .three-parts .jumping-posts li { width: 33.3%;} .four-parts .jumping-posts li { width: 25%;} .jumping-posts-image { position: relative; float: left;margin-bottom:25%;width:100%; } .jumping-posts-text { width:100%;min-height: 35%; position: absolute; bottom: 0; background: #FFF; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 20px 0; } .jumping-posts-text:before { content: ""; top: -25px; position: absolute; z-index: 5; float: left; border-left: 17px solid transparent; left: 25px; border-top: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 14px solid rgba(255, 255, 255, 1); -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .jumping-posts-category { text-transform: uppercase; float: left; margin: 7px 0; width: 100%; font-size: 11px; font-weight: 400; } .jumping-posts-title { font-size: 16px; font-weight: 700; line-height: 18px; padding: 10px 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .jumping-posts-excerpt { color: #000; font-size: 12px; font-weight:400; opacity: 0; width: 100%; max-height: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.3s; } .jumping-posts li:hover .jumping-posts-text { background: #000; border-color: #000; } .jumping-posts li:hover .jumping-posts-text:before { border-bottom: 14px solid #000; } .jumping-posts li:hover .jumping-posts-category a { color: #00d4ff; } .jumping-posts li:hover .jumping-posts-title a { color: #FFF; } .jumping-posts li:hover .jumping-posts-excerpt { display: block; opacity: 1; bottom: 0; max-height: 100px; color: #FFF; margin-bottom: 20px; } /* Tabs------------------------------------------------------------------------------------------------------ */ .tabber-container {width: 100%; float: left; position: relative;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px; margin-top:20px; } ul.tabs { float: left; width: 100%; } ul.tabs li { text-align: center; width: 33.3%; color: #000; display: inline; float: left; font-size: 12px; font-weight: 800; padding: 11px 0; border-bottom: 3px solid #000; } ul.tabs li:hover { cursor:pointer;} .tabs h4 { text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 800; } .tabber-content { width: 100%; } .tabber-content .featured-thumbnails li{padding:0;} ul.tabs li.active { background: #000; } .tabs li.active h4 a { color: #FFF; } .tabs li.active h4 a:hover { color: #FFF; } .gravatar-comment { padding-right: 20px; float: left; } .comment-author-name { padding: 0 0 5px; font-size: 18px; font-weight: 700; } .comment-date-time { font-size: 12px; font-weight: 400; color: #9c9c9c; } /* About us widget------------------------------------------------------------------------------------------------------------------------- */ .about-widget { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 10px; margin-top:20px; } .about-logo { float: left; width: 100%; text-align:center;} .about-logo img{max-width:196px;display:inline-block;} .about-text { font-weight:400; font-size: 14px; line-height: 20px; float: left; margin-top: 20px; width: 100%; text-align: justify; } /* about us social */ .about-social { float: left; width: 100%; margin-top:10px;} .about-social ul { float: none; margin: 10px 0; text-align: center; } .about-social li {display: inline-block; float: none; } /* Shortcode widget------------------------------------------------------------------------------------------------------------------------- */ .shortcode-widget-box{width: 100%; float: left; position: relative;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px; } /* Title combination for blocks------------------------------------------------------------------------------------------------------------------------- */ .combination-title{ display: inline-block;} .combination-title-subtitle{color:#000;font-size:16px; display: inline-block;margin-left:20px;font-weight:400;} .combination-title-right-text{ position: absolute; font-size: 18px; right: 10px; bottom: 0;} /* Trending posts------------------------------------------------------------------------------------------------------------------------- */ .trending-posts{border: 10px solid #FFF; background: #000; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; margin-top: 10px; float: left;} .trending-posts ul{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; float:left;} .trending-title{background:#000;color:#FFF;font-size:27px;text-transform:uppercase;font-weight:700;float:left;padding:5px 10px; margin:0 0 10px;} .trending-posts li { float: left; background: #FFF; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding:10px 20px 0; width: 100%; position: relative; } .trending-posts-title {float:left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 4px 0 10px;border-bottom:1px solid #ebebeb; } .trending-posts li:last-child .trending-posts-title{border:none;} .trending-posts-title a { font-size: 14px; font-weight: 400; color: #000; width:100%;line-height:15px;max-width: 75%;float:left;} .trending-posts-category a{font-size:12px; font-weight:600;text-transform:uppercase;} .trending-posts {counter-reset: widget_count;} .trending-posts-title:before { counter-increment: widget_count; content: counter(widget_count, decimal-leading-zero); font-size: 33px; font-weight: 700; float: left; margin-right: 5%;max-width:20%; } /* Newsroll widget------------------------------------------------------------------------------------------------------------------------- */ .newsroll{float:left; background: #F4F4F4; margin-top: 20px; border:10px solid #FFF;box-shadow:inset 0 0 0 1px #ebebeb;border-top:0;} .newsroll-title{ line-height: 14px; padding-left: 6px; font-size: 16px; text-transform: uppercase; font-weight: 600; border-left: 14px solid #000; margin-top: 20px;} .newsroll ul{box-sizing: border-box; padding: 0 10px 20px;float:left;} /* CHANGE */ .newsroll li{width:100%;margin: 20px 0 0; float: left; box-sizing: border-box; padding: 0 10px; /*position: relative;*/ overflow: hidden;} .single .newsroll li{background: none;} .newsroll-posts-text{width:100%;margin-left:0;line-height:18px;font-size:16px;} .newsroll-posts-title{float:none;} .newsroll-posts-title a{font-size:14px;font-weight:400;text-transform: none;line-height: inherit;} .newsroll-date{float:left;font-size:13px;font-weight: 700;margin-right:10px;float:left;line-height: 18px; color: inherit;text-transform: uppercase;} /* Category Page------------------------------------------------------------------------------------------------------------------------- */ #primary.archive{padding:0;} .search-word, .tag-name, .archive-name { float: left; width: 100%; border-bottom: 1px solid #000; border-top: 3px solid #000; ; margin: 0 0 20px; } .archive .slide-excerpt{display:inline;opacity:1;} .archive #author-info{float:left;width:100%;position:relative;width: 100%; float: left; position: relative;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px; margin-top:20px;border:none;} .archive #author-image{padding:0 20px 0 0;} .archive #author-desc{padding:0;color:#000;width:calc(100% - 185px);} .archive #author-desc h2{font-size:18px;margin-bottom:10px;} /* Popular element-------------------------------------------------------------------------------------------------------------------- */ .popular-part{box-sizing:border-box;padding:0 10px;} .popular-part:before{left:0;height:100%;content:''; margin-left: calc((100% - 90vw) / 2);background:#478e54;position: absolute;width: 90vw; box-shadow: 0 -999px 0 999px #478e54;z-index: -1;} .popular-part h1{padding-top:90px;text-transform: uppercase;font-size:44px;} .popular-part h3 .widget-title{font-size:18px;font-weight:800;text-transform: uppercase;} .popular-part a{width:100%;float:left;color:#FFF; font-size:16px;font-weight:400;line-height:20px;} .popular-part .blog-post-title{margin-top:5px;} .popular-part .home-widget{padding-bottom:30px;} .popular-part .widget-title{color:#FFF;} .popular-slider-container {opacity:0.25;padding:0 6%;overflow: hidden; width: 100%; height: 100%; float: left; position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 0;left:0;} .popular-slider-container .slides{position:relative;} .popular-slider-container .slides:before{top:-100px;padding-bottom:100px; position: absolute; content: ''; width: 100%; height: 100%; z-index: 10;background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,#000 64%,#000 100%);} .popular-slider-control{z-index: 1;} .read-more{margin-top:10px;float:left;} .read-more a {color:#F00;font-size:12px;text-transform: uppercase;font-weight: 400;} /* pagination------------------------------------------------------------------------------------------------------------------------- */ .page-numbers{ padding: 4px 10px; border: 1px solid #ebebeb;background:#000;} .page-numbers.current{ padding: 4px 10px; border: 1px solid #ebebeb;background:#000;color:#FFF;} a.page-numbers{ color:#FFF;} a.page-numbers:hover{ color:#FFF;text-decoration:underline;} .pagination { padding: 20px 0; font-size: 15px; font-weight: 800; text-align: center; float: left; width: 100%; } .pagination.pagination-load-more a {border-radius:5px;color:#FFF; padding: 15px 0; background: #ebebeb; width: 100%; float: left; } .pagination.pagination-load-more { padding: 0; margin-top: 20px;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 10px; } #post-content .pagination { box-shadow: 0 0 0 0 #ebebeb; } .pagination-simple{ text-align: center; margin: 0 auto; float: left; width: 100%; padding: 50px 0;} /* Video Format Page------------------------------------------------------------------------------------------------------------------------- */ #tv-mode { } .tv-video-wrapper { padding: 0 10px;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;float:left;width:100%; } .tv-carousel { width: 100%; float: left; margin: 0; overflow: hidden; position: relative; clear: both; } .tv-page-widget {width:100%;} .tv-carousel{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;float:left;width:100%;margin-top:20px;} .tv-carousel li{margin-left:10px;} .share-tv { width: 100%; float: left; height: 30px; margin-top: 16px; } .share-tv li { float: left; margin: 3px 0 0 33px; } .share-tv-title { padding: 10px 0; font-size: 14px; font-weight: 700; text-transform: uppercase; float: left; } .category-tv-icon { padding: 10px 0; float: right; font-weight: 400; text-transform: uppercase; font-size: 11px; } /* Post page elements------------------------------------------------------------------------------------------------------------------------- */ .post-page-content-wrapper { width: 100%; } #post-page-title { width: 100%; padding: 0 10px 10px; float: left;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } /*CHANGE font-size:56px; */ #post-page-title h1, .post-page-title h1 {text-transform: uppercase; letter-spacing: -1px; font-size: 36px; font-weight: 800; -ms-word-wrap: break-word; word-wrap: break-word; } .selected-title { color: #fff; letter-spacing: -1px; font-size: 27px; font-weight: 800; background-color:#028ac8; padding: 10px; margin-top: 10px;} .selected-title-gray { color: #fff; letter-spacing: -1px; font-size: 27px; font-weight: 800; background-color:#cacaca; padding: 10px; margin-top: 10px;} #post-page-subtitle { width: 100%; padding: 0 10px 20px; float: left; font-size: 16px; line-height: 20px; font-weight: 400; color: #757575;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; } .fullwidth-image{ position:relative; margin-left: calc((100% - 100vw) / 2); width: 100vw; overflow: hidden; padding: 0; background: #FFF;max-height:1080px;margin-top:-70px;} .fullwidth-image:before{ position: absolute; content: ''; width: 100%; height: 100%; box-shadow: inset 0 -327px 200px -200px #F2F2F2;} .fullwidth-post-image > .post{ width:100%;float: left; position: relative; top: -15vw; background: #FFF;padding: 30px 10px;margin-bottom: -15vw;margin-left:-10px;} .fullwidth-post-image #post-page-title{position: absolute; top: 25%; text-align: center; width: 70%; color: #FFF;margin:0 15%; text-shadow: 0 0 25px rgba(0, 0, 0, 0.5);} .fullwidth-post-image #post-page-title h1{ font-size: calc(2vw + 20px); line-height: calc(2vw + 25px); font-weight: 800; } .fullwidth-post-image #post-page-subtitle{font-size: 20px; text-align: center; width: 100%; line-height: 25px; font-weight: 400; color: #FFF;margin-top:1vw;} #media-wrapper { position: relative; float: left; width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box; padding: 0 10px;margin-bottom:20px;} .image-wrapper{position:relative;} #primary #media-wrapper{padding:0;} .post-info { width: 100%; color: #9c9c9c; font-size: 16px; line-height: 20px; font-weight: 400; float: left; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 0; } .post-page-date { float: right; } .post-author { float: left; } .post-info a { color: #9c9c9c; } .post-page-views{ margin-right: 15px; float: right; padding-right: 15px; border-right: 1px solid #ebebeb;} #post-content { width: calc(100% - 84px); float: left; font-size: 13px; line-height: 20px; font-weight: 400; margin-top: 16px; margin-bottom:16px;color: #484848;padding-bottom:50px;min-height:250px;} #post-content.no-floating-icons{width:100%;} #post-content iframe{max-width:100%;} .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; padding: 10px; text-align: center; font-size: 15px; font-weight: 700; float: left; } .share-post ul{float:left;} /* CHANGE width:16%; */ .share-post li { margin:3px 2% 0;float: left;} .share-post li:hover{text-shadow: 0 0 1px #000;} /* CHANGE padding: 6px 16px 6px 6px; */ .ok-share-icon, .vkontakte-share-icon, .fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .reddit-share-icon { height: 17px; float: left; padding: 6px 6px 6px 6px; border-radius: 2px;} .ok-share-icon:before, .vkontakte-share-icon:before, .fb-share-icon:before, .twitter-share-icon:before, .google-share-icon:before, .pinterest-share-icon:before, .reddit-share-icon:before {font-family: 'socicon' !important; font-weight: 400 !important; font-size: 20px; line-height: 20px; color: #FFF !important;float:left;} .ok-share-icon:after, .vkontakte-share-icon:after, .fb-share-icon:after, .twitter-share-icon:after, .google-share-icon:after, .pinterest-share-icon:after, .reddit-share-icon:after { font-weight: 600; font-size: 14px; color: #FFF;float:left;margin-left:5px;line-height:18px; width: 30%;overflow: visible;} .ok-share-icon {background:#ee8208;} .vkontakte-share-icon {background:#2a5885;} .fb-share-icon {background:#3b5998;} .twitter-share-icon {background:#00aced;} .google-share-icon {background:#dd4b39;} .pinterest-share-icon {background:#F00;} .reddit-share-icon {background:#5f99cf;} /* CHANGE */ /*.ok-share-icon:after {content:'Oдноклассники';} .vkontakte-share-icon:after {content:'Вконтакте';} .fb-share-icon:after {content:'Facebook';} .twitter-share-icon:after {content:'Twitter';} */ .google-share-icon:after {content:'Google';} .pinterest-share-icon:after {content:'Pinterest';} .reddit-share-icon:after {content:'Reddit';} .ok-share-icon:before {content:'.';} .vkontakte-share-icon:before {content:';';} .fb-share-icon:before {content:'b';} .twitter-share-icon:before {content:'a';} .google-share-icon:before {content:'c';} .pinterest-share-icon:before {content:'d';} .reddit-share-icon:before {content:'C';} .post-tags { float: left; padding: 0 0 20px;font-weight:600; } .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;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;font-weight:600;} .post-categories-wrapper .blog-post-categories{font-size:14px;} .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: 10px; 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: 10px; 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;border-bottom:1px solid #ebebeb;} #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;width:calc(100% - 140px);} #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;width:100%; } .author-social li { float: left; } .splitter { margin: 0 auto; margin-bottom: -10px; margin-top: -10px; float: left; height: 90px; border-left: 1px solid #ebebeb; } .image-caption{ font-size: 12px; padding: 7px 20px; background: rgba(26, 26, 26, 0.8); position: absolute; bottom: 0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; color: #FFFFFF;} /* Post-page Review---------------------------------------------------------------- */ #review-wrapper { width: 100%; float: left; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin: 20px 0px 20px 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; list-style-type: none;} .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;} /* page------------------------------------------------------------------- */ #post-content.fullwidth{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;} #post-content.page-content{margin-top:0;} .page-template-default .comments{box-sizing:border-box;padding:10px;} /* Comments------------------------------------------------------------------------------------------------------------------------- */ #reply-title { float: left; width: 100%; text-transform: uppercase; padding: 30px 0; font-size: 20px;line-height: 18px; font-weight: 800; color: #171717; } #cancel-comment-reply-link { } .comment-count { color: #171717; font-size: 20px; font-weight: 800;margin:40px 0 10px;text-transform:uppercase;padding:5px;} .comment-author, .comment-email, .comment-url {color: #171717; font-size: 10px; font-weight: 700; width: 100%;text-transform:uppercase;letter-spacing:2px;float: left; width: 32%; } .comment-author, .comment-email { padding-right: 2%; } /* CHANGE #author, #email, #url */ .form-input, .search-tags { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 10px; color: #171717; border: 1px solid #028ac8; height: 32px; width: 100%; /* background: #eaeaea; */ margin-top:10px;} .required {font-size:10px;font-weight:700; } .comment-form-comment { float: left; padding: 20px 0; width: 100%; } #comment { border: 1px solid #ebebeb; height: 180px; width: 100%;background: #eaeaea; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:10px; } .form-submit { float: left; } /* CHANGE #submit*/ .submit { cursor: pointer; border: none; font-size: 12px; font-weight: 800; background: #FFF; height: 32px; margin-bottom: 20px; color: #FFF;border:2px solid #161616;color:#171717; text-transform:uppercase;} .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; float:left; } .comment-date-time{ font-size: 12px; font-weight: 400; color: #9c9c9c;float: right; } .comments li { padding: 25px 0; width: 100%; float: left;border-bottom:1px solid #efefef; } .comments li li{border-bottom:0;} .comments li.bypostauthor { border-right: none; } .comment-content { width: calc(100% - 85px);font-size: 13px; line-height: 20px; font-weight: 400; float: left;margin-top:10px;} .children { padding-left: 20px; } .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; padding: 15px 0; } .comment-reply-link{ width: calc(100% - 85px);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:22px; line-height:26px;text-transform:uppercase;} q{margin: 0 0 15px; padding: 10px;float: left;width: 99%;font-size:22px;line-height:26px;text-transform:uppercase;letter-spacing: -1px; font-weight: 600;} 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 { font-size: 30px; line-height: 34px; font-weight: 700; margin: 10px 0; width: 100%; } .content h2 { font-size: 28px; line-height: 32px; font-weight: 700; margin: 10px 0; width: 100%; } .content h3 { font-size: 24px; line-height: 28px; font-weight: 700; margin: 10px 0; width: 100%; } .content h4 { font-size: 20px; line-height: 24px; font-weight: 700; margin: 10px 0; width: 100%; } .content h5 { font-size: 16px; line-height: 20px; font-weight: 700; margin: 10px 0; width: 100%; } .content h6 { font-size: 12px; 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%; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;} code, pre { padding: 2px 4px; background-color: #f7f7f9; 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: 5px; font-size: 13px; font-style: italic; } .sticky a{color:#F00;} .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; } /* CHANGE*/ /* table { margin-bottom: 30px; width: 100%; text-align:center;} td { border: 1px solid #999; padding: 10px 15px; background: #FFF; } 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 { line-height:30px;font-size: 15px; font-weight: 700; text-align: center; margin-top: 50px; } /*tag cloud*/ .tagcloud { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; padding: 0 10px;margin-top:20px;} .tagcloud a { font-size: 13px !important; float: left; font-weight: 400; margin: 0 6px 5px 0; padding: 5px; text-transform: uppercase; border: 1px solid #000; } /*rss widget*/ .widget_rss { width: 100%; font-size: 14px; font-weight: 400; } a.rsswidget img{display: none;} span.rss-date{float:left;margin:10px 0;width: 100%;} .widget_rss ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 10px;margin-top:20px; } .widget_rss ul li { padding: 10px 0; } .widget_rss ul li:last-child{border-bottom:0;} .widget_rss ul li a { font-size:18px;line-height: 20px;} .rssSummary { color: #9C9C9C; ; font-size: 12px; font-weight: 400; padding-top: 10px; line-height: 16px;margin-bottom: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; padding: 0 10px;margin:10px 0; } .widget_categories ul li { padding: 10px 0; } .widget_categories label, .widget_archive label{width:100%;float:left;box-sizing: border-box;padding:0 10px;margin:10px 0;} .widget_categories ul li:last-child{border-bottom:0;} .widget_categories ul ul.children {} .widget_categories a { } .widget_categories select, .widget_archive select{ font-family: inherit;box-shadow: 1px 1px 2px #ebebeb; border-color: #ebebeb; font-weight: 600; width: 90%; float: left; box-sizing: border-box; padding: 5px 10px; margin: 10px; font-size: 14px; color: #2A2A2A; } .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 { } /*recent comments widget*/ .widget_recent_comments { width: 100%; font-size: 14px; font-weight: 400; } .recentcomments { padding: 10px 0; width: 100%; } .recentcomments:last-child{border-bottom:0;} #recentcomments {margin-top:10px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 10px; } #recentcomments li { font-size: 16px; font-weight: 700; line-height: 18px; } #recentcomments li a { font-weight: 400; font-size: 14px; } /*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; padding: 0 10px;margin-top:10px; } .widget_recent_entries ul li { padding: 10px 0; width: 100%; } .widget_recent_entries ul li:last-child{border-bottom:0;} .widget_recent_entries ul li a {font-size:16px; } /*search*/ .widget_search #searchform input { width: 60%; border: 1px solid #000; padding: 0 10%; border: 0; } .widget_search #searchform { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 10px;margin-top:20px; } .widget_search .submit-button { width: 20%; margin: 0; padding: 0; } .widget_search { width: 100%; } .screen-reader-text { } /*calendar*/ .widget_calendar { width: 100%; font-size: 14px; font-weight: 700; } #wp-calendar { margin: 10px auto; } #calendar_wrap { text-shadow: 1px 1px 1px #FFF;float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 10px; } #calendar_wrap th { } #calendar_wrap td { } #wp-calendar tr td { padding: 7px 10px; } #wp-calendar caption { padding: 0 0 20px;font-size:20px;} #wp-calendar a { } #wp-calendar #today { background: #FFF; color:#FFF;} #wp-calendar #today a{color:#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 .menu-item{ padding: 10px 0; width: 100%; float: left; line-height:normal;} .widget_nav_menu ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 10px;margin-top:10px; } .widget_nav_menu ul li { padding: 10px 0; width: 100%; } .widget_nav_menu ul li:last-child{border-bottom:0;} .widget_nav_menu ul .menu-item-object-category.menu-item-has-children:after { display: none; } .widget_nav_menu ul li a { } .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; padding: 0 10px;margin-top:10px; } .widget_pages ul li a { padding: 10px 0; width: 100%; float: left; } .widget_pages ul ul{padding:0;margin:0;} .widget_pages ul li a:last-child{ } .widget_pages ul li .children { } .widget_pages ul li { float:left; width:100%;} /*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; padding: 0 10px;margin-top:10px; } .widget_archive ul li { padding: 10px 0; } .widget_archive ul li:last-child{border-bottom:0;} .widget_archive ul li a { } .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; padding: 0 10px; } .widget_links ul li { padding: 10px 0; } .widget_links ul li:last-child{border-bottom:0;} .widget_links ul li a { } /*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; padding: 0 10px;margin-top:10px; } .widget_meta ul li { padding: 10px 0; } .widget_meta ul li:last-child{border-bottom:0;} .widget_meta ul li a { } /*text widget*/ .textwidget{-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; padding: 0 10px;margin-top:20px; } .textwidget *{max-width:100%;} .textwidget select{font-family: inherit;box-shadow: 1px 1px 2px #ebebeb; border-color: #ebebeb; font-weight: 600; width: 90%; float: left; box-sizing: border-box; padding: 5px 10px; margin: 10px 0; font-size: 14px; color: #2A2A2A; } /*login-page*/ #login-page{width:100%;float:left;padding:10% 0;} p.login-username, p.login-password, p.login-remember, p.login-submit{float:left;width:100%;text-align:center;margin-top:10px;position:relative;} p.login-username *, p.login-password *, p.login-submit *{float: left;width: 50%;margin: 5px 25%;font-size:16px;text-align:center;font-weight:600;} #loginform input#user_login, #loginform input#user_pass{border:1px solid #ebebeb;background: #000;font-size:24px;font-weight:400;box-shadow: inset 1px 1px 1px #D5D5D5;} input#wp-submit{background-color: #d20045;border: 0;border-radius: 0;font-size: 16px;text-transform: uppercase;font-weight: 700;color: #FFF !important;padding: 0 12px;height: 30px;line-height: 28px;} p.login-remember *{float: left;width: 50%;margin: 5px 25%;font-size:18px;text-align:left;font-weight:600;} /* ===============Animations=================== */ @-webkit-keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @keyframes video-wrapper { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } /* widget effects------------------------------------------------------------- */ /* 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);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;} } /* 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);opacity: 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);opacity: 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);opacity: 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);}75%{-webkit-transform: translateY(10px);}100%{-webkit-transform: translateY(0);opacity: 1;}} @-moz-keyframes bounce-in-up {0%{-moz-transform: translateY(2000px);opacity: 0;}50%{-moz-transform: translateY(-30px);}75%{-moz-transform: translateY(10px);}100%{-moz-transform: translateY(0);opacity: 1;}} @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);}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);opacity: 1;}} /* 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);opacity: 1;}} @-moz-keyframes pulse {0%{-moz-transform: scale(1);opacity: 0;}50%{-moz-transform: scale(1.04);}100%{-moz-transform: scale(1);opacity: 1;}} @keyframes pulse {0%{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);opacity: 0;}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);opacity: 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);opacity: 1;}} @-moz-keyframes fade-in-up {0%{-moz-transform: translateY(20px);opacity: 0;}100%{-moz-transform: translateY(0);opacity: 1;}} @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);opacity: 1;}} /* 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);}} .slider_fx3 .slides li.flex-active-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.9); transform: scale(0.9); -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 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 { } } /*image effects*/ .image_fx1{overflow:hidden;position:relative; -webkit-transform: translateZ(0) scale(1.0, 1.0);} .image_fx1:before{ z-index:0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);pointer-events: none;} .image_fx1:hover:before, .img-featured li:hover .image_fx1:before, .small-category li:hover .image_fx1:before{ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);} .image_fx1:after{ z-index:0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(100,255,255,0.5); content: '';-moz-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s;transition: all 0.6s;-webkit-transition: all 0.6s;opacity:0;pointer-events: none;} .image_fx1:hover:after, .img-featured li:hover .image_fx1:after, .small-category li:hover .image_fx1:after{ z-index:0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; content: ''; opacity:0.3;} .image_fx2{overflow:hidden;position:relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } .image_fx2 img{-webkit-transform: scale(1); transform: scale(1);-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s; -webkit-backface-visibility: hidden;} .image_fx2:hover img, .img-featured li:hover .image_fx2 img, .small-category li:hover .image_fx2 img{-webkit-transform: scale(1.1); transform: scale(1.1);} .image_fx3{overflow:hidden;position:relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);} .image_fx3:before{opacity:0;position:absolute;content:'';width:100%;height:100%;z-index:0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;border: 5px solid rgba(0, 0, 0, 0); -webkit-transform: scale(0); transform: scale(0); box-shadow: inset 0 0 0 1px #FFF;} .image_fx3:hover:before, .img-featured li:hover .image_fx3:before, .small-category li:hover .image_fx3:before{opacity:1;-webkit-transform: scale(1); transform: scale(1);-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;} .image_fx4{overflow:hidden;position:relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);} .image_fx4{-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;} .image_fx4:hover, .img-featured li:hover .image_fx4, .small-category li:hover .image_fx4{-webkit-filter: saturate(0); filter: saturate(0);} /* .image_fx5{overflow:hidden;position:relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0);} .image_fx5{ -moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;} */ .image_fx5:hover, .img-featured li:hover .image_fx5, .small-category li:hover .image_fx5{opacity:0.8;} @media screen and (max-width: 1450px) and (min-width: 1025px) { .super-slider-text-box .author-date{display:none;} .super-slider-title{font-size: 18px;} .featured-posts-text{margin-top:15px;} .featured-posts-title{padding:0;} .top-menu-posts li .featured-posts-title { width: 100%; padding-left: 0%; } .menu-link{padding:0 12px;} /* Мобильная кнопка ВОЙТИ/РЕГИСТРАЦИЯ, показывается только в мобильной версии */ li.mobile-auth {display: none;} /* CHANGE width */ .top-menu-posts{/*width:95%;*/ background-size: auto !important;} .top-menu-posts li{width:43%;margin:0 3% 0 2%;} /* .top-menu-posts li:last-child{display:none;} */ #navigation .content-social {display: none;} } @media screen and (max-width: 1024px) and (min-width: 601px) { #primary, #secondary{width:100%;} /* CHANGE width background-size*/ .top-menu-posts{ /*width:100%; */ background-size: auto !important;} .top-menu-posts li{width:80%;} .top-menu-posts li:last-child, .top-menu-posts li:nth-child(2){display:none;} #navigation .content-social, #navigation .content-lang{display: none;} .one-part { width: 50%; } .two-parts { width: 100%; } .three-parts { width: 100%; } .four-parts { width: 100%; } .four-parts .blog-category li, .four-parts .featured-thumbnails li, .four-parts .img-featured li, .four-parts .small-category li, .four-parts .multi-category-small{width:50%;} .menu-link{padding:0 10px;} #secondary .one-part{width:50%;} .fullwidth-post-image .post{ float: none; position: static; top: auto; background: #FFF; box-shadow: 0 0 0 0 #FFF;margin-bottom: 0;} .home-widget.fixed-widget{position:relative;float:left;top:0 !important;} .footer-wrap{margin:20px auto;} .footer-logo{width:100%;} .footer-logo img{display: table; margin: 0 auto;} #bottom-menu{width:100%;} #footer .content-social{width:100%;text-align: center;} #footer .content-social ul li{float:none;} #main-nav .menu-links.inside-menu{width:25%;} .sub-menu-wrapper .five-menu{width:75%;} .sub-menu-wrapper .five-menu li{width:33%;} .sub-menu-wrapper .five-menu li:nth-child(5), .sub-menu-wrapper .five-menu li:nth-child(4){display:none;} .sub-menu-wrapper .six-menu li{width:25%;} .sub-menu-wrapper .six-menu li:nth-child(5), .sub-menu-wrapper .six-menu li:nth-child(6){display:none;} .ok-share-icon:after, .vkontakte-share-icon:after, .fb-share-icon:after, .twitter-share-icon:after, .google-share-icon:after, .pinterest-share-icon:after, .reddit-share-icon:after{content:'';} .ok-share-icon, .vkontakte-share-icon, .fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .reddit-share-icon{padding:6px;text-align:center;width:100%;} .ok-share-icon:before, .vkontakte-share-icon:before, .fb-share-icon:before, .twitter-share-icon:before, .google-share-icon:before, .pinterest-share-icon:before, .reddit-share-icon:before{width:100%;text-align:center;} .category-tv-icon{display: none;} .share-tv{height:auto;} .share-tv ul{width:100%;float:left;} .share-tv li{width:16%;margin:3px 4% 0 0;} #main-nav .menu-link{font-size:14px;} .two-parts .blog-category.blogroll3 li, .four-parts .blog-category.blogroll3 li{width:100%;} } @media screen and (max-width: 850px){ .img-featured-text{display:none;} .big-logo{width:154px;height:auto;} .top-menu{display:none;} .top-menu-posts li{width:100%;} #main-nav{ width: calc(100% - 154px);} .four-parts .huge .img-featured-title h2{font-size:25px;line-height:27px;} .menu-link{padding:0 10px;font-size:14px !important;} .sub-menu-wrapper, .sub-meni{top:70px;} .combination-title-subtitle, .combination-title-right-text{display:none;} .fullwidth-post-image #post-page-title h1{ font-size: calc(2vw + 15px); line-height: calc(2vw + 18px); font-weight: 800; } .fullwidth-post-image #post-page-subtitle{font-size: 15px; text-align: center; width: 100%; line-height: 18px; font-weight: 400; color: #FFF;margin-top:1vw;} /* Hiding ВОЙТИ */ .auth li a > span {display:none;} .mobile-hide {display:none;} } @media screen and (max-width: 700px){ #main{margin-top:0;} #primary, #secondary{width:100%;} .popular-slider-container{display: none;} .popular-part h1{padding-top:50px;font-size:25px;} .popular-part h3 .widget-title {font-size:14px;} .one-part { width: 100%; } .two-parts { width: 100%; } .three-parts { width: 100%; } .four-parts { width: 100%; } .two-parts .blog-category.blogroll3 li, .four-parts .blog-category.blogroll3 li{width:100%;} .blogroll3 .blog-post-image, .blogroll3 .blogwrap{width:100%;} .one-part .blog-category li, .one-part .featured-thumbnails li, .one-part .img-featured li, .one-part .small-category li{ width: 100%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; } .two-parts .blog-category li, .two-parts .featured-thumbnails li, .two-parts .img-featured li, .two-parts .small-category li{ width: 100%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; } .three-parts .blog-category li, .three-parts .featured-thumbnails li, .three-parts .img-featured li, .three-parts .small-category li{ width: 100%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; } .four-parts .blog-category li, .four-parts .featured-thumbnails li, .four-parts .img-featured li, .four-parts .small-category li{ width: 100%; margin: 20px 0 0; float: left; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding: 0 10px;position: relative;overflow:hidden; } .home-widget.fixed-widget{position:relative;float:left;top:0 !important;} /* header */ .fixed-logo, .fixed-menu .fixed-logo {display:none;} #site-logo{width:100%;display:none;} #site-logo img{width:70%; margin:0 15%;} #main-nav, .fixed-menu #main-nav, .small-header #main-nav{ width:100%;} #mob-menu { width: 100%; height: 15px; display: block; position: relative; font-size: 20px; height:auto;padding:0;} .menu-item{ border-top: 1px solid rgba(0, 0, 0, 0.15);} #navigation .content-social,#navigation .content-lang {display:none;} #mob-menu img{ width:180px;} .admin-bar #nav-wrapper .fixed-menu{top:45px;} #main-nav .menu-link { border-right: none; text-align: center; padding: 0; width: 100%; } .fixed-menu .fixed-logo { display: none; } .menu-item-object-category.menu-item-has-children:after { display: none; } #main-nav ul { display: none; } #main-nav ul.active { display: block;width: 100%;box-shadow: 0px 1px 0px 1px #ebebeb; } #main-nav ul li { width: 100%; } #main-nav ul li:hover .sub-menu-wrapper, #main-nav ul li:hover .sub-meni { display: none; } .super-slider-title, .huge .img-featured-title h2, .four-parts .huge .img-featured-title h2{font-size:20px;font-size:calc(2.2vw + 12px);line-height:26px;} #wrapper .slide-excerpt{display:none;} /* featured categories */ .one-part .multi-category-small, .two-parts .multi-category-small, .three-parts .multi-category-small, .four-parts .multi-category-small{width:100%;} .home-widget .huge .img-featured li{width:100%;} /* tv-widget */ .home-widget .tv-small li{width:50%;} .home-widget .tv-small li:only-child{width:100%;} .home-widget .tv-small li:last-child:nth-child(2n+1){display:none;} /* jumping posts */ .home-widget .jumping-posts li{width:74%;margin:0 12%;border-bottom:1px solid #ebebeb;} .jumping-posts ul{border:none;} #post-page-title h1{font-size:30px;} .floating-share-icons{display:none;} #post-content{width:100%;min-height:150px;} .share-title{display:none;} .ok-share-icon:after, .vkontakte-share-icon:after, .fb-share-icon:after, .twitter-share-icon:after, .google-share-icon:after, .pinterest-share-icon:after, .reddit-share-icon:after{content:'';} .ok-share-icon, .vkontakte-share-icon, .fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .reddit-share-icon{padding:6px;text-align:center;width:100%;} .ok-share-icon:before, .vkontakte-share-icon:before, .fb-share-icon:before, .twitter-share-icon:before, .google-share-icon:before, .pinterest-share-icon:before, .reddit-share-icon:before{width:100%;text-align:center;} .share-post ul{width:100% !important;} .share-post li{margin:3px 4% 3px 0;} .share-tv-title{display:none;} /* font-size:20px;*/ .slide-title h2{font-size:15px;max-width:100%;} .fullwidth-post-image .post{ float: none; position: static; top: auto; background: #FFF; box-shadow: 0 0 0 0 #FFF;} .fullwidth-post-image .trending-posts .post{float:left;} .footer-wrap{margin:20px auto;} .footer-logo{width:100%;} .footer-logo img{display: table; margin: 0 auto;} #footer .content-social{width:100%;text-align: center;} #footer .content-social ul li{float:none;} #bottom-menu{width:100%;} #footer .content-social{width:100%;} .ticker-box{display:none;} .category-tv-icon{display: none;} .share-tv{height:auto;} .share-tv ul{width:100%;float:left;} .share-tv li{width:16%;margin:3px 4% 0 0;} .featured-posts-image.small-image.featured-thumbnails-mobile, .featured-posts-image.featured-thumbnails-mobile { width:100%; } .featured-thumbnails .featured-posts-text-mobile { width:100%; margin-left:0; margin-top: 5px; } } /* mobile update 1.4 */ @media screen and (max-width: 700px){ html #panel{position: fixed;} body.mob-menu-active{overflow-y:hidden;} #main-nav ul.active.menu {width: 100%;overflow-y: scroll;max-height: calc(100vh - 82px);overflow-x: hidden;} .sub-menu-wrapper, .sub-meni {position: relative;width:100%;box-shadow: none;} .mob-cat.sub-menu-wrapper, .mob-cat.sub-meni {position: relative;width:100%;display:block !important;} #main-nav .mob-cat{background: #000;left:0;} .sub-menu{display:none;} #main-nav .menu-links.inside-menu, #main-nav .sub-meni .menu-links.inside-menu, .sub-menu-wrapper .menu-links.inside-menu .sub-meni{width:100%;position: relative;padding:0;} .sub-menu-wrapper:before{display:none;} .menu-item{position: relative;} .subsignmeni {right: 0;height: 70px;position: absolute;width: 15%;cursor: pointer;} .subsignmeni:after { left: 35%; position: absolute; top: 35px; font-size: 35px; float: left; text-align: center; content: ''; border-top: 8px solid #414548; border-right: 8px solid transparent; border-left: 8px solid transparent;} .sub-menu-wrapper, .sub-meni, .fixed-menu .sub-menu-wrapper, .fixed-menu .sub-meni, .small-header .sub-menu-wrapper, .small-header .sub-meni{top:0;} #main-nav .menu-link { border-right: none; text-align: center; width: 100%;margin:0; line-height: 70px; } #main-nav .menu > .mobile-auth {display: block !important;} #vacancy-image {display: none;} #vacancy-desc {width: 100% !important;} #vacancy-desc .description-vacancy {text-align: left;} .mobile-hide {display:none;} .mobile-show {display:block;} } @media screen and (max-width: 1400px) and (min-width: 701px) { /*overflow-x: scroll; */ /* #main-nav .menu{-webkit-overflow-scrolling: touch; overflow-x: auto; white-space: nowrap;} */ /* float:none*/ #main-nav .menu > .menu-item{display:inline-block;white-space: normal;} #main-nav .menu::-webkit-scrollbar {display: none;} /* Мобильная кнопка ВОЙТИ/РЕГИСТРАЦИЯ, показывается только в мобильной версии */ #main-nav .menu > .mobile-auth {display: none;} } /* Custom CSS */ #NumOfDay { width:298px; height:162px; background:linear-gradient(165deg, #fff, 15%, #fff, 15%, #D3DBDF 95%, #D3DBDF 95%, #fff 10%, #fff 10%); position:relative; } #NumOfDay .admin { position: absolute; font-size: 24px; bottom: 6px; left: 7px; } #NumOfDay .admin i { color:#54a943; } #NumOfDay .admin.admin-edit { bottom: 88px; } #NumOfDay .admin.admin-edit i { color:#d04242; } #NumOfDay .title { position:absolute; margin: 15px 0px 0px 10px; background: #028ac8; color:#fff; padding: 0px 5px 5px 5px; font-size:23px; } #NumOfDay img { border-radius: 50%; top:60px; left:20px; position:absolute; } #NumOfDay p { position: absolute; left: 120px; top: 72px; width: 170px; word-wrap: break-word; font-size: 14px; line-height: 17px; } .widget-calendar { position:relative; height:264px; width:100%; float:left; margin:10px 20px; } /* В ленте новостей, выделяем район и сферу деятельности */ a.category-news { background-color: #028ac8; color: #fff; padding: 0px 5px; line-height: 20px; } .category-news:hover { text-decoration: underline; color:#fff; } /* Мобильная кнопка ВОЙТИ/РЕГИСТРАЦИЯ, показывается только в мобильной версии */ #main-nav .menu > .mobile-auth {display: none;} /* РАЙОНЫ ГОРОДА */ .map svg { height: 323px; width: 298px; margin: 0 auto; display: block; } .map g { fill: #cecece; stroke: #fff; stroke-width: 1; } .map g:hover { fill: #028ac8 !important; cursor: pointer; } .info_panel { background-color: rgba(255,255,255, .8); padding: 5px; font-size: 12px; position: absolute; border: 1px solid #333; color: #333; white-space: nowrap; } .info_panel::first-line { font-weight: bold; } /* для раздела ГОСТЯМ */ .icon439 { border-bottom: 2px solid #1e98ff; } .icon440 { border-bottom: 2px solid #56db40; } .icon437 { border-bottom: 2px solid #e6761b; } .icon438 { border-bottom: 2px solid #177bc9; } .icon441 { border-bottom: 2px solid #0e4779; } .icon442 { border-bottom: 2px solid #f371d1; } .icon443 { border-bottom: 2px solid #b3b3b3; } .icon444 { border-bottom: 2px solid #793d0e; } .icon445 { border-bottom: 2px solid #ff931e; } .icon446 { border-bottom: 2px solid #b51eff; } .icon447 { border-bottom: 2px solid #595959; } .icon448 { border-bottom: 2px solid #ffd21e; } .icon449 { border-bottom: 2px solid #1bad03; } .icon450 { border-bottom: 2px solid #82cdff; } .icon451 { border-bottom: 2px solid #97a100; } .icon452 { border-bottom: 2px solid #ed4543; } #balloonWrapper { width: 100px; margin:0 auto; } #balloonWrapper img { width: 100px; height: 100px; } /* FORM CONTROLS */ .select-block {-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; } .form-select {font-family: inherit;box-shadow: 1px 1px 2px #ebebeb; border-color: #028ac8; font-weight: 600; width: 100%; float: left; box-sizing: border-box; padding: 5px 10px; margin: 10px 0 10px 0; font-size: 14px; color: #2A2A2A; } .form-textarea { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;padding:0 10px; color: #171717; border: 1px solid #028ac8; height: 100px; width: 100%; /* background: #eaeaea; */ margin-top:10px;} /*ALERTS*/ .alert { padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } /* Перенос слов в header где 3 новости */ div.featured-posts-title a { word-wrap: normal; } .top-menu-posts { /*background-image: url('/bitrix/templates/renewufacity/images/top-background.jpg?v=1.1'); */ /*background-image: url('/bitrix/templates/renewufacity/images/top-background-mdi.jpg?v=1.2');*/ /*background-image: url('/bitrix/templates/renewufacity/images/top-background-after-mdi.jpg?v=1.1');*/ } /* всплывающая подсказка при наведении на документ */ #tooltip{ width: 300px; background: #efe77a; color: #000; text-align: left; padding: 5px; position: absolute; font-size: 12px; z-index:2; } /* Опросы */ .polls { width: initial; margin-bottom: initial; padding: 5px 10px; } .polls li{ margin: 17px 0 0; } /* *********************** */ .fullwidth-image:before { box-shadow: inset 0 -327px 200px -200px #eeeeee; } .top-menu-posts li .category-icon a { color: #a3a3a3; } .top-menu-posts .featured-posts-title a { color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 800; } .top-menu-posts .featured-posts-title a:hover { text-decoration: underline; color: #fff; } body, .small-title, .widget-title, .tv-featured-title { font-family: 'Open Sans'; } .popular-part:before { background: #046b82; box-shadow: 0 -999px 0 999px #046b82; } .popular-slider-container .slides:before { background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, #046b82 64%, #046b82 100%); } .popular-part a, .popular-part .widget-title { color: #FFFFFF; } .read-more a { color: #028ac8; } .blog-post-content, .img-featured-text, .about-text, .exm1-blog-posts-subtitle, .flex-active-slide .slide-excerpt, .jumping-posts-excerpt, .combination-title-subtitle, .tv-widget-content, #post-content, #post-page-subtitle, .newsroll-posts-title a { font-family: 'Open Sans'; } #footer { background: #101010; } #footer a, .copyright-text { color: #FFFFFF; } #footer a:hover { color: #028ac8; } .footer-wrap { border-color: #232323; } #main-nav ul li a, #mob-menu { font-family: sans-serif; } #wrapper, .footer-wrap { max-width: 1290px; } #navigation .content-social, .top-menu, .big-logo, #navigation #searchform input, .sub-menu-wrapper, .ticker-box, #navigation { border-color: #eaeaea; /*border-color: #0ca3c9; */ } /* CHANGE */ #site-logo, .about-logo, #mob-menu { /* background: #028ac8; */ background: url('https://ufacity.info/bitrix/templates/renewufacity/images/header_img.png') no-repeat; background-size: cover; } #navigation, .ticker-box, .page-numbers.current, .about-social { /*background: #0b99bd;*/ } .menu-item .menu-link, #ticker a, .page-numbers.current, #navigation .submit-button, #navigation .content-social li a, .about-social a, .ticker-heading { color: #fff; } @media (max-width: 940px) { .menu-item .menu-link, #ticker a, .page-numbers.current, #navigation .submit-button, #navigation .content-social li a, .about-social a, .ticker-heading { color: #000; } } .subsignmeni:after { border-top: 8px solid #101010; } /* CHANGE */ #main .widget-title, #main .widget-title a { /* color: #028ac8; */ color: #028ac8; } #main-nav ul li:hover > .menu-link, #ticker a:hover, #navigation .content-social li a:hover, .about-social a:hover, .sub-menu-wrapper .small-category li:hover > .small-text a { color: #028ac8; } .subsignmeni:hover:after { border-top: 8px solid #028ac8; } /* CHANGE font-weight: 800; */ #main-nav ul li > .menu-link { /*font-weight: 800;*/ font-weight: 600; } .menu-link { font-size: 15px; } .featured-category, .trending-title, .trending-posts, .page-numbers, input#wp-submit { background: #028ac8; } .newsroll-title, .exm1-blog-posts-thumb, .post-page-gallery-thumbnails .flex-active-slide:after, .flex-active .wide-slider-thumb:after { border-color: #028ac8; } .blog-post-author a, .exm1-blog-posts-author a, #recentcomments li, .widget_categories select, .widget_archive select, .sticky a { color: #028ac8; } /* CHANGE */ #searchform .submit-button { /* background: #028ac8 url(/bitrix/templates/renewufacity/images/search-icon-black.png) no-repeat center; */ background: #63ac35 url(/bitrix/templates/renewufacity/images/search-icon-black.png) no-repeat center; } #navigation #searchform input { background-image: url(/bitrix/templates/renewufacity/images/search-icon-black.png); } #navigation #mob-menu #searchform input { background-image: url(/bitrix/templates/renewufacity/images/search-icon.png); } .mob-menu-button { background: url(/bitrix/templates/renewufacity/images/menu_icon.png) no-repeat 50% 50%; } ul.tabs li.active { background: #ffffff; } ul.tabs li.active, ul.tabs li { border-color: #ffffff; } .tabs li.active h4 a { color: #101010; } .img-featured-review-score, .blog-post-categories, .jumping-posts li:hover .jumping-posts-text, .woocommerce input#searchsubmit, .super-slider-category, .floating-share-icons li, .pagination.pagination-load-more a { background: #028ac8; } .sub-meni .menu-links.inside-menu li { background: #ffffff; } .sub-meni .menu-links.inside-menu li a { color: #101010; } .sub-menu { border-color: #028ac8; } #post-content { font-size: 16px; line-height: 25.6px; } #post-content.news { font-size:18px; } ::selection { background: #028ac8; } ::-moz-selection { background: #028ac8; } .load-circle { border-bottom: 5px solid #028ac8; border-right: 5px solid #028ac8; box-shadow: 0 0 35px #028ac8; } #wp-calendar #today { background: #028ac8 !important; text-shadow: none; } .total-score, .score-width, li:hover .play-icon { background: #028ac8; } .jumping-posts li:hover .jumping-posts-text:before { border-bottom: 14px solid #028ac8; } .single-post #post-content.first-letter > p:first-of-type:first-letter { font-size: 67px; color: #028ac8; float: left; line-height: 60px; margin-right: 15px; font-weight: 800; } #post-page-title h1, .post-page-title h1 { text-transform: none; } blockquote, q.left, q { border-left: 2px solid #028ac8; color: #028ac8; } .img-featured-review-score:before { border-top: 9px solid #028ac8; } .sub-meni .menu-links.inside-menu li:hover { background: #ffffff; } #main-nav .sub-meni .menu-links.inside-menu li:hover > .menu-link { color: #028ac8; } .ticker-arrows { background: #ffffff; box-shadow: -21px 0 30px #ffffff; } .widget-title { font-style: normal; font-weight: 700; } .huge .img-featured-posts-image:after, .super-image:after, .super-slider li .super-slider-post:after, .super-slider li .super-slider-post:after, .img-featured-posts-image:before, .small-image:before, .wide-slider .slides li:after { background: linear-gradient(45deg, #304c34, #14575f); opacity: 0.5; } /* CHANGE color: #028ac8; */ .post-author a, .post-author a:visited, .good-title, .bad-title, #post-content a, .trending-posts-category a, .category-tv-icon a, .ticker-sign, .jumping-posts-category a, a:hover, .category-icon a:hover, .trending-posts-category a:hover, #post-content a:hover, .blog-post-title h2 a:hover, .bypostauthor a:hover, .post-author a:hover, .most-commented-cateogory a, .most-commented-count a { color: #028ac8; } .featured-posts-title a:hover { text-decoration: underline; } .category-icon a { color:#a1e3ef; } .category-icon a:hover { color:#fff; } .featured-posts-text a:hover { color:#028ac8; } .content q.right { border-left: 0; border-right: 2px solid #028ac8; color: #028ac8; } .widget.buddypress div.item-options a, .widget_display_stats dd { color: #028ac8; } #buddypress div.item-list-tabs ul li a span, #buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span, .widget.buddypress #bp-login-widget-form #bp-login-widget-submit, span.bp-login-widget-register-link a, button#user-submit, .bbp-login-form .bbp-login-links a, tt button.button.submit.user-submit, input#bbp_search_submit { background: #028ac8; } .image_fx1:hover:after { background: #000; } .cart-top { background: url(/bitrix/templates/renewufacity/images/shopping-cart-icon-black.png) no-repeat 36px 0; } @media screen and (max-width: 700px) { .fullwidth-image { max-height: 380px; } #main-nav ul li { background: #ffffff; } .sub-menu-wrapper .menu-links.inside-menu .menu-link { color: #101010; } .menu-item { border-bottom: none !important; } } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce .widget_layered_nav_filters ul li a, .woocommerce-page .widget_layered_nav_filters ul li a, .woocommerce .widget_layered_nav ul li.chosen a, .woocommerce-page .widget_layered_nav ul li.chosen a, .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before, .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: #028ac8; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #main a.button:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs .active a:hover, span.posted_in a, span.tagged_as a, .woocommerce h1.page-title, .woocommerce .jumping-posts .star-rating, .woocommerce-page .jumping-posts .star-rating, .amount, #header .cart-contents:hover, #header .cart-contents { color: #028ac8; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-top: 3px solid #028ac8; } .product_meta, .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce #reviews #comments ol.commentlist li .comment-text p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p, .woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce #reviews h3, .woocommerce-page #reviews h3 { font-size: 16px; line-height: 25.6px; } body.custom-background{background-color:#eee} /* Bootstrap table--------------------------------------------------- */ table{border-collapse:collapse;border-spacing:0}td,th{padding:0}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption + thead>tr:first-child>th,.table>colgroup + thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption + thead>tr:first-child>td,.table>colgroup + thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody + tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed} /* Bootstrap list-group----------------------------------------------- */ .list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active:hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active:hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed} /* bootstrap collapse, button----------------------------------------- */ .fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:0.35s;-o-transition-duration:0.35s;transition-duration:0.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#028ac8;border-color:#009daf}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#009daf;border-color:#009daf}.btn-primary:hover{color:#fff;background-color:#009daf;border-color:#009daf}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#009daf;border-color:#009daf}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#009daf;border-color:#009daf}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:400;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block + .btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn + .dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg + .dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn + .btn,.btn-group-vertical>.btn + .btn-group,.btn-group-vertical>.btn-group + .btn,.btn-group-vertical>.btn-group + .btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.clearfix:before,.clearfix:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{content:" ";display:table}.clearfix:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after{clear:both} span.example { font-size: 14px; color: #828282; display: block; } /*! * Justified Gallery - v3.6.4 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2016 Miro Mannino * Licensed under the MIT license. */ .justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1;margin:0;padding:0}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>figure>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img,.justified-gallery>figure>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption,.justified-gallery>figure>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible,.justified-gallery>figure>.caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.entry-visible>img,.justified-gallery>.entry-visible>a>img{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px} .justified-gallery > .swipeboxImg>img:hover { opacity: 0.5; transition: initial !important; } /* AUTH------------------------------------------------------------------------------------------------------------------------- */ .auth-button { position: relative; right: 0; } .fixed-menu .auth-button { padding: 0; } .fa-auth-lg { font-size: 17px; /* line-height: 28px; */ } #navigation .auth:hover li{ -webkit-transform-style: initial; transform-style: initial; -webkit-transform: initial; transform: initial; -webkit-animation: initial; animation: initial;} #navigation .auth{ width: auto; float: right; padding: 21px 10px; position: relative; right: 0;} #navigation .auth ul{width:100%;max-width:170px;overflow:hidden;max-height:28px;-moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; -webkit-transition: all 0.6s;} #navigation .auth:hover ul{ max-width:360px;} #navigation .auth li{margin:0 9px;} @media screen and (max-width: 700px) { #navigation .auth {display: none;} } @media screen and (max-width: 1200px) { /* #navigation .menu-main-menu-container {display: inline-block;} #navigation .auth-button {display: inline-block;} */ } /* BOOTSTRAP MODAL */ .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } .modal-lg-2x { width: 1310px; } .modal-exlg { width: 1400px; } } .clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } /* VACANCY */ #vacancy-info {width: 100%;float: left;position:relative;border-bottom:1px solid #ebebeb;} #vacancy-image { padding: 20px 20px 20px 0; float: left; } #vacancy-desc { color: #9C9C9C; font-size: 13px; line-height: 15px; font-weight: 400; padding-top: 20px; float: left;width:calc(100% - 140px);} #vacancy-desc h2 { font-size: 20px; font-weight: 800; line-height: 23px; padding-bottom: 10px; } #vacancy-desc .description-vacancy {padding-bottom: 10px; font-size: 15px;} /* GRID SYSTEM */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=ee419a4a83595447f564f23c167d5680) * Config saved to config.json and https://gist.github.com/ee419a4a83595447f564f23c167d5680 *//*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both} .title-color-block { text-transform: uppercase; font-size: 13px; padding: 3px 7px; background: #028ac8; color:#fff; } .featured-thumbnails .featured-posts-text-mobile { font-size: 16px; line-height: 25.6px; color:#484848; } /* Для раздела "Управление транспорта и связи" /transport */ #content .transp-list { display: block; width: 700px; position: relative; } .transp-list ul.nav { display: inline-flex; border: 1px solid #ccc; border-bottom: none; } .transp-list ul.nav > li { display: block; height: 43px; background: #F3F3F3; line-height: 43px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .transp-list ul.nav li:last-child{ border-right: none; } .transp-list ul.nav li a.current { padding-left: 47px; color: #333; font-weight: bold; text-decoration: none; } .transp-list ul.nav li a { display: block; padding: 0 6px 0 5px; font: 11px Tahoma, Geneva, sans-serif; line-height: 42px; } .transp-list ul.nav li img { position: relative; float:left; } .trans-list a{ position: relative; } .transp-list li { margin-left: 0 !important; } #zoom-menu-add-text ul.cul li { border: none; } #zoom-menuf {position:relative; cursor:pointer;} #zoom-menuf a span {position:absolute; background: url(images/arrosss.png); width:5px; height:3px; top: 20px; right: 8px;} #zoom-menu-add-text ul li a {background:none; text-shadow:none; background: url(images/activity-filter-list.png) 0 7px no-repeat; padding: 3px 0 3px 10px; display: block; text-decoration: underline; font: normal 11px Tahoma, Geneva, sans-serif; color: #666; } #zoom-menuf a:hover span {background: url(images/arros.png);} #zoom-menu-add-text ul li a:hover {text-decoration:none;} #zoom-menu-add-text ul li {margin-left: 12px;} #zoom-menuf #zoom-menu-add-text {display:none; height:auto; min-width:180px; max-width:300px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 5px 0; border: 1px #E0E0E0 solid; background-color:white; } #zoom-menuf #zoom-menu-add-text ul {border:none; margin:0; padding:0;} #zoom-menuf:hover #zoom-menu-add-text {display:block;} /*transport*/ .reddate { color: red; font-size: 16pt; font-weight: bold; } .blink { animation: blinker 0.7s linear infinite; animation-direction: alternate; border-bottom:2px solid #fff; padding:2px; } @keyframes blinker { from {color: #fff; } to { color: #fff900; border-color: #fff900} } .invalid-panel { display:none; } #content_old { z-index:1113; position: absolute; top: 0; left: 0; bottom:0; right:0; margin: 20% auto; font-size: 50px; color: black; background-color:#fff; width:40%; padding: 35px 20px 13px 20px; border-radius: 10px; font-size:16px; height:220px; text-align:justify; } #content_old .btn-block { /*width:unset !important;*/ width:96% !important; } #content_old .browsers_old .block_old { width: 24%; display:inline-block; text-align:center; } #content_old .browsers_old .block_old img { height:100px !important; vertical-align:middle !important; } #content_old .browsers_old .block_old div { font-size:14px; margin-bottom:10px; margin-top:10px; text-align:center; } #overlay_old { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 1112; cursor: pointer; } #content_old .close_old { cursor: pointer; border-radius:20px; background-color:blue; color:#fff; width:20px; font-size:16px; text-align:center; position: absolute; top:-10px; right:-10px; } /*FOR NEW GLAVA*/ #post-page-subtitle, #post-content { color:#000; } .post-info { color: #028ac8; } .social-icon-tg { background-image: url("/images/tg_icon.png"); height:17px; width:17px; }