/* Theme Name: BritaNews Theme URI: http://demo.envalabs.com/britanews/ Author: Envalabs Author URI: http://envalabs.com Description: BritaNews - Animated HTML5 & CSS3 News/Magazine. License: License URI: Tags: black, purple, red, blue, white, one-column, two-columns, three-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready Version: 1.3.0 */ /* Designer & Developer: Azhari Subroto nu Kasep Pisan --------------------------------------- TABLE of CONTENT: --------------------------------------- - 0.0 Basic Styles Framework 0.1 Default Scheme 0.2 Typography 0.3 Third Party CSS - 1.0 GRID LAYOUT - 3.0 MAIN Container - 4.0 Header Styling - 5.0 SLIDER - 6.0 DEFAULT POST LOOP - 7.0 WIDGETBOX (Sidebar) - 8.0 FOOTER 8.1 Footer widget - 9.0 Elements - 2.0 Responsive - 10.0 PAGES/SINGLE 10.1 Breadcrumbs */ /* ------------------------------------------------------------------------------------------------- 0.0 HTML5 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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #eee;margin:1em 0;padding:0;}input,select,a img{vertical-align:middle;} a{text-decoration:none;} a img{border:none;max-width:100%!important;} img{display:inline-block;max-width:100%!important;margin:0;vertical-align:top} .pull-right{float:right;} .pull-left{float:left;} .text-left{text-align:left;} .text-right{text-align:right;} .text-center{text-align:center;} .circle{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; } /* Animate */ .slideDown{animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideDown{0%{transform:translateY(-100%)}50%{transform:translateY(8%)}65%{transform:translateY(-4%)}80%{transform:translateY(4%)}95%{transform:translateY(-2%)}100%{transform:translateY(0%)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}50%{-webkit-transform:translateY(8%)}65%{-webkit-transform:translateY(-4%)}80%{-webkit-transform:translateY(4%)}95%{-webkit-transform:translateY(-2%)}100%{-webkit-transform:translateY(0%)}}.slideUp{animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideUp{0%{transform:translateY(100%)}50%{transform:translateY(-8%)}65%{transform:translateY(4%)}80%{transform:translateY(-4%)}95%{transform:translateY(2%)}100%{transform:translateY(0%)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%)}50%{-webkit-transform:translateY(-8%)}65%{-webkit-transform:translateY(4%)}80%{-webkit-transform:translateY(-4%)}95%{-webkit-transform:translateY(2%)}100%{-webkit-transform:translateY(0%)}}.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideLeft{0%{transform:translateX(150%)}50%{transform:translateX(-8%)}65%{transform:translateX(4%)}80%{transform:translateX(-4%)}95%{transform:translateX(2%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%)}50%{-webkit-transform:translateX(-8%)}65%{-webkit-transform:translateX(4%)}80%{-webkit-transform:translateX(-4%)}95%{-webkit-transform:translateX(2%)}100%{-webkit-transform:translateX(0%)}}.slideRight{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes slideRight{0%{transform:translateX(-150%)}50%{transform:translateX(8%)}65%{transform:translateX(-4%)}80%{transform:translateX(4%)}95%{transform:translateX(-2%)}100%{transform:translateX(0%)}}@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%)}50%{-webkit-transform:translateX(8%)}65%{-webkit-transform:translateX(-4%)}80%{-webkit-transform:translateX(4%)}95%{-webkit-transform:translateX(-2%)}100%{-webkit-transform:translateX(0%)}}.slideExpandUp{animation-name:slideExpandUp;-webkit-animation-name:slideExpandUp;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease -out;visibility:visible!important}@keyframes slideExpandUp{0%{transform:translateY(100%) scaleX(0.5)}30%{transform:translateY(-8%) scaleX(0.5)}40%{transform:translateY(2%) scaleX(0.5)}50%{transform:translateY(0%) scaleX(1.1)}60%{transform:translateY(0%) scaleX(0.9)}70%{transform:translateY(0%) scaleX(1.05)}80%{transform:translateY(0%) scaleX(0.95)}90%{transform:translateY(0%) scaleX(1.02)}100%{transform:translateY(0%) scaleX(1)}}@-webkit-keyframes slideExpandUp{0%{-webkit-transform:translateY(100%) scaleX(0.5)}30%{-webkit-transform:translateY(-8%) scaleX(0.5)}40%{-webkit-transform:translateY(2%) scaleX(0.5)}50%{-webkit-transform:translateY(0%) scaleX(1.1)}60%{-webkit-transform:translateY(0%) scaleX(0.9)}70%{-webkit-transform:translateY(0%) scaleX(1.05)}80%{-webkit-transform:translateY(0%) scaleX(0.95)}90%{-webkit-transform:translateY(0%) scaleX(1.02)}100%{-webkit-transform:translateY(0%) scaleX(1)}}.expandUp{animation-name:expandUp;-webkit-animation-name:expandUp;animation-duration:.7s;-webkit-animation-duration:.7s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes expandUp{0%{transform:translateY(100%) scale(0.6) scaleY(0.5)}60%{transform:translateY(-7%) scaleY(1.12)}75%{transform:translateY(3%)}100%{transform:translateY(0%) scale(1) scaleY(1)}}@-webkit-keyframes expandUp{0%{-webkit-transform:translateY(100%) scale(0.6) scaleY(0.5)}60%{-webkit-transform:translateY(-7%) scaleY(1.12)}75%{-webkit-transform:translateY(3%)}100%{-webkit-transform:translateY(0%) scale(1) scaleY(1)}}.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes fadeIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}80%{transform:scale(0.9);opacity:1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(0);opacity:0}60%{-webkit-transform:scale(1.1)}80%{-webkit-transform:scale(0.9);opacity:1}100%{-webkit-transform:scale(1);opacity:1}}.expandOpen{animation-name:expandOpen;-webkit-animation-name:expandOpen;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible!important}@keyframes expandOpen{0%{transform:scale(1.8)}50%{transform:scale(0.95)}80%{transform:scale(1.05)}90%{transform:scale(0.98)}100%{transform:scale(1)}}@-webkit-keyframes expandOpen{0%{-webkit-transform:scale(1.8)}50%{-webkit-transform:scale(0.95)}80%{-webkit-transform:scale(1.05)}90%{-webkit-transform:scale(0.98)}100%{-webkit-transform:scale(1)}}.bigEntrance{animation-name:bigEntrance;-webkit-animation-name:bigEntrance;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;visibility:visible!important}@keyframes bigEntrance{0%{transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:.2}30%{transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1}45%{transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity:1}60%{transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity:1}75%{transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity:1}90%{transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity:1}100%{transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity:1}}@-webkit-keyframes bigEntrance{0%{-webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity:.2}30%{-webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity:1}45%{-webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity:1}60%{-webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity:1}75%{-webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity:1}90%{-webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity:1}100%{-webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity:1}}.hatch{animation-name:hatch;-webkit-animation-name:hatch;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;visibility:visible!important}@keyframes hatch{0%{transform:rotate(0deg) scaleY(0.6)}20%{transform:rotate(-2deg) scaleY(1.05)}35%{transform:rotate(2deg) scaleY(1)}50%{transform:rotate(-2deg)}65%{transform:rotate(1deg)}80%{transform:rotate(-1deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes hatch{0%{-webkit-transform:rotate(0deg) scaleY(0.6)}20%{-webkit-transform:rotate(-2deg) scaleY(1.05)}35%{-webkit-transform:rotate(2deg) scaleY(1)}50%{-webkit-transform:rotate(-2deg)}65%{-webkit-transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg)}100%{-webkit-transform:rotate(0deg)}}.bounce{animation-name:bounce;-webkit-animation-name:bounce;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-timing-function:ease;-webkit-animation-timing-function:ease;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%}@keyframes bounce{0%{transform:translateY(0%) scaleY(0.6)}60%{transform:translateY(-100%) scaleY(1.1)}70%{transform:translateY(0%) scaleY(0.95) scaleX(1.05)}80%{transform:translateY(0%) scaleY(1.05) scaleX(1)}90%{transform:translateY(0%) scaleY(0.95) scaleX(1)}100%{transform:translateY(0%) scaleY(1) scaleX(1)}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0%) scaleY(0.6)}60%{-webkit-transform:translateY(-100%) scaleY(1.1)}70%{-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05)}80%{-webkit-transform:translateY(0%) scaleY(1.05) scaleX(1)}90%{-webkit-transform:translateY(0%) scaleY(0.95) scaleX(1)}100%{-webkit-transform:translateY(0%) scaleY(1) scaleX(1)}}.pulse{animation-name:pulse;-webkit-animation-name:pulse;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes pulse{0%{transform:scale(0.9);opacity:.7}50%{transform:scale(1);opacity:1}100%{transform:scale(0.9);opacity:.7}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.95);opacity:.7}50%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.95);opacity:.7}}.floating{animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes floating{0%{transform:translateY(0%)}50%{transform:translateY(8%)}100%{transform:translateY(0%)}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0%)}50%{-webkit-transform:translateY(8%)}100%{-webkit-transform:translateY(0%)}}.tossing{animation-name:tossing;-webkit-animation-name:tossing;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes tossing{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}100%{transform:rotate(-4deg)}}@-webkit-keyframes tossing{0%{-webkit-transform:rotate(-4deg)}50%{-webkit-transform:rotate(4deg)}100%{-webkit-transform:rotate(-4deg)}}.pullUp{animation-name:pullUp;-webkit-animation-name:pullUp;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%}@keyframes pullUp{0%{transform:scaleY(0.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(1)}}@-webkit-keyframes pullUp{0%{-webkit-transform:scaleY(0.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(1)}}.pullDown{animation-name:pullDown;-webkit-animation-name:pullDown;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 0;-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0}@keyframes pullDown{0%{transform:scaleY(0.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(0.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(1)}}@-webkit-keyframes pullDown{0%{-webkit-transform:scaleY(0.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(0.98)}80%{-webkit-transform:scaleY(1.01)}100%{-webkit-transform:scaleY(1)}}.stretchLeft{animation-name:stretchLeft;-webkit-animation-name:stretchLeft;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0}@keyframes stretchLeft{0%{transform:scaleX(0.3)}40%{transform:scaleX(1.02)}60%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(1)}}@-webkit-keyframes stretchLeft{0%{-webkit-transform:scaleX(0.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(1)}}.stretchRight{animation-name:stretchRight;-webkit-animation-name:stretchRight;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0}@keyframes stretchRight{0%{transform:scaleX(0.3)}40%{transform:scaleX(1.02)}60%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(0.98)}80%{transform:scaleX(1.01)}100%{transform:scaleX(1)}}@-webkit-keyframes stretchRight{0%{-webkit-transform:scaleX(0.3)}40%{-webkit-transform:scaleX(1.02)}60%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(0.98)}80%{-webkit-transform:scaleX(1.01)}100%{-webkit-transform:scaleX(1)}} /* ------------------------------------------------------------------------------------------------- 0.1 Default Scheme ----------------------------------------------------------------------------------------------------*/ a{ color:#3498db; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; display:inline-block; position:relative; z-index:0; display:inline-block; } .mainclr{background:#3498db!important;} .scnclr{background:#353535;} .pushright{float:right} .pushleft{float:left} /* ------------------------------------------------------------------------------------------------- 0.2 Typography ----------------------------------------------------------------------------------------------------*/ /* Import dulu */ @import url(http://fonts.googleapis.com/css?family=Roboto); h1, h2, h3, h4, h5, h6{ font-family: 'LeagueGothicRegular', 'Oswald', sans-serif; font-weight:normal; margin-bottom:10px; } h1{ font-size:30px; } h2{ font-size:30px; } h3{ font-size:32px; } h4{ font-size:26px; } h5, h6{ font-size:16px } cite{ font-size:14px; } q{font-style:italic;padding-left:20px;border-left:2px solid rgba(0,0,0,.2)} /* Table */ table { border-collapse: collapse; width: 100%; margin:5px 0; } sub{vertical-align:bottom;font-size:10px;} sup{vertical-align:top;font-size:10px;} th, td { border: 0px solid #ccc; } .hover { background: yellow; } .fwstyle{ color:#000; } .fwidtit{ font-weight:normal; font-size:30px; margin-bottom:25px; text-align:center; } small{font-size:12px;color:#7d7d7d} .textdev{ display:table; width:100%; position:relative; margin:40px 0 30px; z-index:0; } .textdev div{ position:absolute; top:0; margin: auto; bottom:0; left:0; right:0; width:100%; height:1px; background:#3498db; z-index:-1; } .textdev h3, .textdev h1, .textdev h2, .textdev h4{ display: inline-block; padding: 3px 15px; margin-bottom:0; background: #FCFCFC; border-right:2px solid #3498db; border-left:2px solid #3498db; border-width:1px!important; } #maincontent .container:first-child .textdev{ margin-top:0; } .textdev.nomartop{ margin-top:0; } ul.inline-list{ list-style:none; } ul.inline-list li{ display:inline-block; margin-right:10px; } blockquote{ font-size:34px; font-family:Georgia; font-style:italic; color:#828282; } p{ margin:10px 0; } .content-entry ul, .content-entry ol{ margin:20px 0 20px 20px; } .content-entry blockquote{ font-size:18px!important; margin:35px 20px 35px 20px; position:relative; z-index:0; padding:0; font-style:italic!important; padding-left:20px; border-left:3px solid #eee; font-weight: 400; } .content-entry blockquote p{ position:relative; padding:0; font-style:italic!important; font-size:18px!important; } .alignleft{ float:left; margin:20px 15px 15px 0; } .alignright{ float:right; margin:2px 0 15px 15px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .content-entry img{max-width:100%!important;} img.alignright, img.alignleft{max-width:50%!important;} .wp-caption{font-size:12px;} .wp-caption-text{ padding: 0; margin: 0; font-size: 12px; font-style:italic; } .sticky{} .gallery-caption .bypostauthor{} .hoverzoom{ -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .hoverzoom:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* ------------------------------------------------------------------------------------------------- 0.3 THIRD PARTY ----------------------------------------------------------------------------------------------------*/ /* ooooooooooooooooooooooooooooooooooooo 0.3.a PRETTYPHOTO ooooooooooooooooooooooooooooooooooooo*/ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(/img/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(/img/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(/img/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(/img/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(/img/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(/img/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(/img/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(/img/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(/img/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(/img/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(/img/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(/img/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(/img/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_social{margin-top:7px;display:none;}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/img/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/img/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(/img/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(/img/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(/img/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(/img/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(/img/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(/img/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(/img/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(/img/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(/img/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(/img/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(/img/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(/img/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(/img/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(/img/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(/img/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(/img/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(/img/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(/img/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(/img/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(/img/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(/img/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(/img/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(/img/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(/img/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(/img/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(/img/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(/img/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(/img/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(/img/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(/img/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(/img/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(/img/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(/img/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(/img/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(/img/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(/img/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(/img/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(/img/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(/img/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(/img/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(/img/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(/img/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(/img/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(/img/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(/img/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(/img/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(/img/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(/img/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(/img/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(/img/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(/img/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(/img/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(/img/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(/img/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(/img/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(/img/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(/img/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(/img/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(/img/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(/img/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(/img/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(/img/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(/img/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(/img/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(/img/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(/img/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(/img/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(/img/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(/img/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(/img/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(/img/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(/img/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(/img/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(/img/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(/img/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(/img/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(/img/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(/img/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(/img/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(/img/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(/img/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(/img/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(/img/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/img/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/img/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none} /* oooooooooooooooooooooooooooooooooooooooo SIDR ooooooooooooooooooooooooooooooooooooooooooo*/ @media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\000033}}.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000315}}.sidr .sidr-inner{padding:0 0 15px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000318}}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000324}}.sidr.right{left:auto;right:-260px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000329}}.sidr.left{left:-260px;right:auto}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000341}}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:18px;font-weight:400;padding:10px 15px;margin:0 0 10px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4d4d4d),color-stop(100%,#1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,.2);box-shadow:0 5px 5px 3px rgba(0,0,0,.2)}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000352}}.sidr p{font-size:13px;margin:0 0 12px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000355}}.sidr p a{color:rgba(255,255,255,.9)}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000360}}.sidr>p{margin-left:15px;margin-right:15px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000365}}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000372}}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000381}}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000385}}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000390}}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\0000397}}.sidr ul li ul{border-bottom:0;margin:0}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003100}}.sidr ul li ul li{line-height:40px;font-size:13px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003104}}.sidr ul li ul li:last-child{border-bottom:0}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003110}}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003114}}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003119}}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,.8);padding-left:30px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003128}}.sidr form{margin:0 15px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003132}}.sidr label{font-size:13px}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003146}}.sidr input[type=text],.sidr input[type=password],.sidr input[type=date],.sidr input[type=datetime],.sidr input[type=email],.sidr input[type=number],.sidr input[type=search],.sidr input[type=tel],.sidr input[type=time],.sidr input[type=url],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:0;background:rgba(0,0,0,.1);color:rgba(255,255,255,.6);display:block;clear:both}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003160}}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003167}}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}@media -sass-debug-info{filename{font-family:file\:\/\/\/var\/www\/sidr\/src\/scss\/sidr\/_base\.scss}line{font-family:\00003171}}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,.9)} #sidr, #rightmenu{ display:none; } /* ------------------------------------------------------------------------------------------------- 1.0 GRID LAYOUT ----------------------------------------------------------------------------------------------------*/ /* Containers -----------------------------*/ .container_12 { width: 98%; margin:0 auto; max-width:1170px; } div.first{ margin-left:0; margin-right:1.5%; margin-bottom:30px; } div.last{ margin-left:1.5%; margin-right:0!important; margin-bottom:30px; } .nogap{padding:0!important;} .nogap img{width:100%} img{max-width:100%!important;} /* The Grids -----------------------------*/ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13, .grid_15{display:inline;float:left;position:relative;margin-left:1%;margin-right:1%}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:6.333%}.container_12 .grid_2{width:14.667%}.container_12 .grid_3{width:23%}.container_12 .grid_4{width:31.333%}.container_12 .grid_5{width:39.667%}.container_12 .grid_6{width:48%}.container_12 .grid_7{width:56.333%}.container_12 .grid_8{width:64.667%}.container_12 .grid_88{width:100%}.container_12 .grid_9{width:73%}.container_12 .grid_10{width:81.333%}.container_12 .grid_11{width:89.667%}.container_12 .grid_12{width:98%}.container_12 .grid_13{width:23%}.container_12 .grid_14{width:98%}.container_12 .grid_15{width:31.333%}.container_12 .prefix_1{padding-left:8.333%}.container_12 .prefix_2{padding-left:16.667%}.container_12 .prefix_3{padding-left:25%}.container_12 .prefix_4{padding-left:33.333%}.container_12 .prefix_5{padding-left:41.667%}.container_12 .prefix_6{padding-left:50%}.container_12 .prefix_7{padding-left:58.333%}.container_12 .prefix_8{padding-left:66.667%}.container_12 .prefix_9{padding-left:75%}.container_12 .prefix_10{padding-left:83.333%}.container_12 .prefix_11{padding-left:91.667%}.container_12 .suffix_1{padding-right:8.333%}.container_12 .suffix_2{padding-right:16.667%}.container_12 .suffix_3{padding-right:25%}.container_12 .suffix_4{padding-right:33.333%}.container_12 .suffix_5{padding-right:41.667%}.container_12 .suffix_6{padding-right:50%}.container_12 .suffix_7{padding-right:58.333%}.container_12 .suffix_8{padding-right:66.667%}.container_12 .suffix_9{padding-right:75%}.container_12 .suffix_10{padding-right:83.333%}.container_12 .suffix_11{padding-right:91.667%}.container_12 .push_1{left:8.333%}.container_12 .push_2{left:16.667%}.container_12 .push_3{left:25%}.container_12 .push_4{left:33.333%}.container_12 .push_5{left:41.667%}.container_12 .push_6{left:50%}.container_12 .push_7{left:58.333%}.container_12 .push_8{left:66.667%}.container_12 .push_9{left:75%}.container_12 .push_10{left:83.333%}.container_12 .push_11{left:91.667%}.container_12 .pull_1{left:-8.333%}.container_12 .pull_2{left:-16.667%}.container_12 .pull_3{left:-25%}.container_12 .pull_4{left:-33.333%}.container_12 .pull_5{left:-41.667%}.container_12 .pull_6{left:-50%}.container_12 .pull_7{left:-58.333%}.container_12 .pull_8{left:-66.667%}.container_12 .pull_9{left:-75%}.container_12 .pull_10{left:-83.333%}.container_12 .pull_11{left:-91.667%}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} .container_12 .container_12{ width:101%; margin:0; } .aq-block.aq-block-aq_clear_block{clear:both;} /* ------------------------------------------------------------------------------------------------- 3.0 Main Container ----------------------------------------------------------------------------------------------------*/ body{ background:#fff; font-family: 'Roboto', sans-serif; font-size:15px; line-height:1.3; cursor:default; color:#707070; word-wrap: break-word; font-weight:300; } .parentcontainer{ background:#FBFBFB; width:100%; max-width:100%; margin:0 auto; border-top:7px solid #3498db; min-height:700px; overflow:visible; } .boxed{ max-width:1190px; width:100%; box-shadow:0 0 10px 0 rgba(0,0,0,.1); -o-shadow:0 0 10px 0 rgba(0,0,0,.2); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.1); -wekit-box-shadow:0 0 10px 0 rgba(0,0,0,.1); margin:0 auto; } .boxed .container_12{ width:100%; } /* ------------------------------------------------------------------------------------------------- 4.0 Header ----------------------------------------------------------------------------------------------------*/ /* Ads */ .iklon{ width:100%; position:relative; z-index:0; background:#cfe7f1; } .howow{ position:absolute; top:0; right:20px; width:40px; height:100%; } .wow{ display: table; width: 100%; height:100%; text-align:center; } .wow_inner{ display: table-cell; text-align: center; vertical-align: middle; } .iklon .closeit{ color:rgba(0,0,0,.4) } .ad125{text-align:center;} .ad125 img{ width:125px; height:125px; margin-bottom:20px; overflow:hidden; } .ad125 img:first-child{ margin-right:5px; } #mainheader{ padding:20px 0 25px; } #mainheader .grid_8{ /* padding-top:11px; */ position:relative; } .logo a img{ width:100%!important; display:block!important; } /* Mobile Header */ #mobile-header{ display:none; background:#212121; padding:10px; max-width:100%; color:#fff; margin-bottom:10px } #mobile-header .grid_4{ width:32.3%; display:inline-block; float:none; margin:0; vertical-align:middle; } #mobile-header .grid_4 a.sidrmenu{ display:inline-block; padding:6px 10px; text-align:center; background:#0d0d0d; color:#fff; } /* Ipad */ @media only screen and (max-width: 800px){ body{ padding:20px!important; } #mobile-header { display: block!important; } #mainheader nav, #Date,.logo, .headersearch div#search, .topmenu{ display:none;visibility:hidden; width:0!important; height:0!important; } img.mobile-logo{width:100%!important;} #mainheader {padding:0;} .smallslide{width:100%!important;display:none!Important} .sideslide{ display:none!important; } .copyright .grid_6{width:100%;text-align:center!important;margin:0 0 10px 0} .copyright .grid_6 .text-right{text-align:center!important} } /* HEADER BUTTON */ .hdrbtn{ display:inline-block; width:38px; height:38px; max-height:38px; vertical-align:middle; font-size:20px; color:#fff; text-align:center; margin-left:2px; vertical-align:middle; position:relative; z-index:1; cursor:pointer; } .hdrbtn i{ padding-top:11px; display:inline-block; font-size:18px; } .hdrbtn i.icon-search{ padding-top:10px; } /* Header Search Form */ .headersearch{ display:inline; vertical-align:middle; position:absolute; right:0; top:0; z-index:1000000; } .headersearch div#search{ float:right; } .srcfield, .srcfieldstick{ border:none; background:#ebeaea!important; padding:0!important; display:inline-block; margin-left:-4px; outline:none; width:0!important; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; float:right; margin-top:0; font-family:Georgia; font-style:italic; color:#878787; padding:10px 0!important; } .srcfield:focus, .srcfieldstick:focus{ width:250px!important; padding:10px!important; visbility:visible!Important } /* TOPMENU */ .topmenu{ margin-right:44px; } .hdrbtn ul{ list-style:none; font-size:15px; color:#fff; background:#686868; position:absolute; top:130%; left:-80px; width:200px; text-align:left; z-index:100; margin-top:11px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; visibility:hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility:hidden; opacity:0; } .hdrbtn:hover > ul.fadeout{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility:visible; opacity:1; top:100%; } .hdrbtn ul:after{ content:""; width:100%; height:11px; position:absolute; top:-11px; left:0; display:block; } .hdrbtn ul:before{ content:''; display:block; width: 0px; height: 0px; border-style: solid; border-width: 0 9.5px 11px 9.5px; border-color: transparent transparent #686868 transparent; position:absolute; left:45%; margin:0 auto; top:-11px; } .hdrbtn ul li{ line-height:150%; } .hdrbtn ul li a{ color:#fff; padding:10px 10px 10px 15px; display:block; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; position:relative; z-index:0; overflow:hidden; } .hdrbtn ul li a:before{ content:''; display:block; z-index:-1; width:0; position:absolute; height:100%; bottom:0; left:-30px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; background:#3498db; -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); -ms-transform: skewX(-30deg); -o-transform: skewX(-30deg); } .hdrbtn ul li a:hover:before{ width:130%; } .hdrbtn ul li:hover a{ padding-left:20px; } .hdrbtn ul li+li a{ border-top:1px solid #505050 } .hdrbtn ul i{ font-size:15px; margin-right:10px; } /* MainMenu ----------------------------------------------------------*/ .mainmenu{ width:100%; max-height:41px; list-style:none; margin-top:30px; border-bottom:3px solid #3498db; position:relative; } .mainmenu li{ display:inline-block; vertical-align:bottom; line-height:1.7; } .mainmenu li a.icon-home{padding:8px 12px;font-size:24px;} @-moz-document url-prefix() { .mainmenu li{ line-height:1.9; } .mainmenu li a.icon-home{line-height:1.16;padding:6.5px 12px;} .mainmenu li{ line-height:1.7; } } .mainmenu > li > a{ display:inline-block; font-size:16px; color:#fff; padding:7px 24px; background:#353535; position:relative; z-index:0; overflow:hidden; } .mainmenu li a i.icon-angle-down{ margin-left:10px; font-size: 14px!important; top: 36%; } .sf-with-ul{ padding-right:12px!important; } /* Animate Material */ .mainmenu > li > a:after, .hdrbtn:after{ width: 100%; height: 0; bottom: 50%; left: 0; background: #3498db; content: ''; position: absolute; z-index: -1; -webkit-transition: all 200ms ; -moz-transition: all 200ms ; -ms-transition: all 200ms ; -o-transition: all 200ms ; transition: all 200ms ; } .mainmenu > li:hover > a:after, .hdrbtn:hover:after{ height:100%; bottom:0; } /* .mainmenu > li:hover > a, */.mainmenu li a.active{ background:#3498db } .mainmenu li li a.mainclr{ background:none!important; } .mainmenu .current-menu-ancestor .current-menu-item a:before, .mainmenu .current-menu-ancestor .current-menu-item a:after{ width:100%; left:0; } /* Submenu */ .mainmenu > li:hover > ul{ opacity:1; display:block; } .mainmenu ul:before{ position:absolute; top:-3px; background:none; content:""; display:block; width:100%; height:3px; } .mainmenu ul{ position:absolute; z-index:1000; background:#353535; color:#fff; width:100%; max-width:1170px; height:auto; left:0; top:100%; overflow:visible; margin-top:3px; } .mainmenu .sub-menu{ display:none; } .mainmenu ul ul{ margin-top:-1px; } .mainmenu ul ul:before{ content:""; width:100%; height:1px; background:rgba(255,255,255,.1); position:absolute; top:0; left:0; } .mainmenu ul a{ color:#fff; padding:15px; vertical-align:top; float:left; position:relative; text-align:center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .mainmenu ul li{float:left;} .mainmenu ul li+li a{ border-left:1px solid rgba(255,255,255,.1) } .mainmenu ul li:last-child{ border-right:1px solid rgba(255,255,255,.1) } .mainmenu ul a:before{ content:""; position:absolute; bottom:0; left:50%; background:#3498db; width:0; height:3px; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .mainmenu ul li:hover > a:before{ width:100%; left:0; } .mainmenu ul li:hover > a{color:#3498db} #sidr a.mainclr{background:none!important;} /* Sticky Menu */ .stickymenu{ width:100%; background:#353535; background:rgba(53, 53, 53, 0.94); position:fixed; box-shadow:0 0 3px 0 rgba(0,0,0,.2); top:0; left:0; z-index:10000000; border-bottom: 3px solid #3498db; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display:none; } .stickymenu .mainmenu{ margin-top:0; border:none } .stickymenu .mainmenu li > a{ background:none; float:left; margin:0; } .stickymenu .hdrbtn{ background:none; width:41px; min-height:41px!important; } .stickymenu .srcfieldstick{ opacity:0; background:none!important; color:#fff; border:none; margin:0; } .stickymenu .srcfieldstick:focus{ opacity:1; } .stickysearch{ position:absolute; top:0; right:0; width:321px; } /* ------------------------------------------------------------------------------------------------- 5.0 SLIDER ----------------------------------------------------------------------------------------------------*/ #slider{ width:1147px; margin: 0 auto } .mainslide{ width:756px; float:left; display:inline-block; } .smallslide{ width:391px; float:left; display:inline-block } .slider{margin-bottom:25px;} .slider img{width:100%;} .flexslider, .mainslide{ position:relative; } .flexslider a{color:#fff;} /* Mainstyle */ .flexslider{ position:relative; overflow:hidden; } .flexslider img{width:100%;} .flexslider .slides li{ position:relative; overflow:hidden; } .flexslider .capcontain{ background:none; position:absolute; left:0; width:100%; height:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color:#fff; content: ''; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); z-index: 1; } .flexslider .capcontain .slidedate{ position:absolute; font-size:22px; top:5%; right:5%; visibility:hidden; z-index:100; } .flexslider .capcontain .slidetitle h2{ font-size:50px; } .flexslider .capcontain .slidetitle{ position:absolute; top:13%; right:5%; max-width:90%; visibility:hidden; z-index:100; } .flexslider .capcontain .slidetitle .slidecom{ background:rgba(0, 0, 0, 0.65); color:#fff; display:inline-block; padding:5px 10px; } .flexslider .capcontain:before{ z-index:-1; content:""; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; width:0; opacity:0; visibility:hidden; height:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .flexslider .capcontain:after{ z-index:-1; content:""; background:rgba(0,0,0,.5); position:absolute; bottom:0; right:0; width:0; opacity:0; visibility:hidden; height:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .flexslider:hover .capcontain:before, .flexslider:hover .capcontain:after{ width:50%; opacity:1; visibility:visible; } /* Direction */ .slides{list-style:none;} .flexslider .flex-direction-nav{ list-style:none; } .flexslider .flex-direction-nav a{ opacity:100!important; position:absolute; top:45%; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; transition: all 0.45s; z-index:10000; } .flex-direction-nav i{ display: block; font-size: 24px; color: #fff; width: 25px; height: 25px; padding: 16px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #fff; vertical-align: top; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } @-moz-document url-prefix() { .flex-direction-nav i{ padding:16px 16px 18px; } } .flexslider:hover .flex-direction-nav i{ transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ } .flexslider:hover .flex-direction-nav a:hover i{ transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -webkit-transform:rotate(0deg); /* Safari and Chrome */ } .flex-direction-nav i:hover{ border: 1px solid #3498db; color: #3498db; -moz-transform:rotate(360deg); transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ } .flex-direction-nav .flex-next{ right:-70px; display:block; } .flex-direction-nav .flex-prev{ left:-70px; display:block; } .flexslider:hover .flex-direction-nav .flex-prev{left:30px;} .flexslider:hover .flex-direction-nav .flex-next{right:30px;} /* SMALL Sideslide */ .sideslide .capcontain .slidetitle{ bottom:10px!important; left:20px; right:inherit; } .sideslide .capcontain .slidetitle h2{ font-size:30px; } .sideslide .capcontain .slidedate{ top:inherit; left:0; right:inherit; font-size:16px; } .sideslide .flex-direction-nav a{ top:-55px; z-index:100 } .sideslide:hover .flex-direction-nav a{ top:15px; } .sideslide .flex-direction-nav i{ font-size:18px; padding:10px!important; width:20px; height:20px } .sideslide .flex-direction-nav a.flex-prev{right:65px;left:inherit;} .sideslide .flex-direction-nav a.flex-next{right:15px;} .sideslide:hover .flex-direction-nav .flex-prev{right:65px;left:inherit;} .sideslide:hover .flex-direction-nav .flex-next{right:15px} /* REVIEW SLIDE */ .reviewtitle{ position:absolute; top:10px; left:0; padding:5px 30px; background:rgba(50, 146, 210,.85); z-index:10000; font-size:30px; color:#fff; font-family: 'Oswald', sans-serif; } .flex-direction-nav{list-style:none;} .reviewslide .flex-direction-nav a{ position:absolute; bottom:10px; -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; } .reviewslide .flex-direction-nav a i{ border:none; font-size:28px; } .reviewslide .flex-direction-nav a:hover{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform:scale(1.3); -ms-transform: scale(1.3); transform:scale(1.3); -webkit-backface-visibility: hidden; } .reviewslide .flex-direction-nav a i:hover{ transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -webkit-transform:rotate(0deg); /* Safari and Chrome */ color:#fff; } .reviewslide .flex-direction-nav .flex-prev{ left:inherit; right:50px; } .reviewslide .flex-direction-nav .flex-next{ left:inherit; right:5px; } .reviewslide{ position:relative; width:100%; height:auto; overflow:hidden; } .reviewslide .slidedate{ background: rgba(0,0,0,.7); padding: 10px; bottom: 51px; width: auto!important; display: inline-block; position: absolute; right: 0; } .revsliderate{ background: rgba(0,0,0,.7); padding: 10px; bottom: 51px; width: auto!important; display: inline-block; position: absolute; left:10px; bottom:20px } .reviewslide .slidedate:after{ content:""; display:block; clear:both; } .slides li{display:none;position:relative;} .slides > li:first-child{display:none;} .reviewslide img{ width:100%; -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; } .reviewslide:hover .slides li img{ opacity:.7 } .reviewslide .capcontain{ position:absolute; color:#fff; top:0; left:0; width:100%; height:100%; } .reviewslide .capcontain .slidetitle{ position:absolute; bottom:70px; left:10px; } .reviewslide .capcontain .slidetitle h2{ font:28px 'Cuprum', sans-serif; display:inline-block; background:rgba(0,0,0,.5); overflow:hidden; padding:5px 10px; margin:0; } .reviewslide .capcontain .slidetitle h2 a{color:#fff;font-family:'Cuprum'} .reviewslide .capcontain .slidedate{text-align:right;} .reviewslide:hover .thumcont{visibility:visible;opacity:1} /* FEATURED SLIDER */ .featuredslides{ width:100%; position:relative; } .featuredslides ul.slides{ padding:0!important; margin-left:0!important; margin-top:0!important; position:relative; overflow:hidden; overflow:hidden; } .featuredslides ul.slides img{width:100%;} .featuredslides .slides li{ padding-left:0!important; margin-left:0!important; } .featuredslides .capcontain{ position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; } .featuredslides .capcontain h2{ font-size:26px; display:inline-block;color:#fff;padding:5px 10px;background:rgba(0,0,0,.4); } .featuredslides .slidedate{ font-size:14px; display:inline-block;color:#fff;padding:3px 10px;background:rgba(0,0,0,.4); margin-bottom:10px; } .featuredslides .capcontain h2 a{ color:#fff} .featuredslides .capcontain .slidetitle{position:absolute;left:10px;top:10px;} .featuredslides .flex-direction-nav{ position:relative; width:100%; margin:20px 0 0 0!important; text-align:center; z-index:0; } .featuredslides .flex-direction-nav:before{ content:''; width:100%; height:3px; background:#424242; position:absolute; top:40%; left:0; z-index:-1; } .featuredslides .flex-direction-nav li{ display:inline-block; margin:0; padding:0 15px; background:#FCFCFC; } .featuredslides .flex-direction-nav a{ position:relative!important; display:inline-block; left:inherit; right:inherit; width:auto; height:auto; } .featuredslides .flex-direction-nav a i{ font-size:25px; border:none; display:inline-block; color:#424242; padding:0; } .featuredslides .flex-direction-nav a i:hover{ transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -webkit-transform:rotate(0deg); /* Safari and Chrome */ } .featuredslides .flex-direction-nav a{ position:relative; } .featuredslides .flex-direction-nav a:before{ width: 36px; height: 36px; content: ''; position: absolute; top: -8px; left: -8px; border: 2px solid #424242; border-radius: 50%; text-align: center; -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; text-align: center; vertical-align: middle; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity:0; z-index:-1; } .featuredslides .flex-direction-nav a:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1; } .featuredslides img{ -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; opacity:1; } .featuredslides:hover img{ opacity:.8 } /* ------------------------------------------------------------------------------------------------- 6.0 DEFAULT POST LOOP ----------------------------------------------------------------------------------------------------*/ .sticky{ border:10px dashed #fff; max-width:100%; box-shadow:0 0 0 2px rgba(0,0,0,.2); margin-bottom:20px; } .postloop{ width:100%; background:#fff; margin-bottom:25px; border: 0px solid #ECECEC; overflow:hidden; } .postloop header{ padding:15px; } .postloop header h2 a{ -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; display:inline; padding:0 10px 0 0; } .postloop header:hover a{ color:#3498db; } .postloop .postdate{ float:left; width:106px; height:106px; overflow:hidden; max-height:106px; background:#3498db; color:#fff; font-size:14px; margin:0 28px 0 0; padding:13px 5px 0 5px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; background:#aaa; z-index:0; } .postloop .postdate .month{ display: inline-block; margin-top: 20px; font-size: 15px; font-family: 'Cuprum', sans-serif; } .postdatecont{ float:left; width:25%; max-width:150px } .postloop .postdate div{ position:absolute; top:8px; left:8px; width:95px; height:95px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:3px solid rgba(0,0,0,.2); border-bottom-color:transparent!important; z-index:-1; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } .postloop header:hover .postdate{ background:#3498db } .postloop header:hover .postdate div{ transform:rotate(120deg); -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); -webkit-transform:rotate(120deg); border-color:#fff; } .postloop .postdate span{display:block;} .postloop .postdate span.date{ font-family: 'Oswald', sans-serif; font-size:32px } .postloop .timet{ float:left; width:75%; } .postloop header h2{ font-family: 'Cuprum', sans-serif; font-size:27px; font-weight:bold; text-transform:uppercase; border-bottom:2px solid #7f7f7f; padding-bottom:10px; } .postloop header h2 a{ color:#5f5f5f; } .postmeta {padding-top:10px;display:block} .postmeta ul{ list-style:none; color:#5f5f5f; } .postloop .postmeta ul li{ display:inline-block;margin-right:10px; } .postloop .content-entry{ padding:10px 15px 15px; } .postloop .content-entry p{ font-size:17px; } .contentinfo{ width: 100%; max-width: 100%; text-align: center; background: #F1F1F1; padding: 10px 0; } /* The Thumb */ .thumcont img, .posthumb img{ -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; } .thumcont, .posthumb{ position:relative; width:100%; height:auto; overflow:hidden; text-align:center; } .thumcont:after, .posthumb:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(52, 152, 219,.79); -webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; visibility:hidden; opacity:0; } .thumcont:hover img, .posthumb:hover img{ visibility:visible; opacity:1; -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); -webkit-backface-visibility: hidden; } .thumcont:hover:after, .posthumb:hover:after{ visibility:visible; opacity:1; } .rdmore{ position: absolute; left: -200%; top: 45%; display: inline-block; padding: 10px 20px; background: white; color: #2a2a2a; visibility: hidden; z-index: 100; webkit-transition: all 0.30s; -moz-transition: all 0.30s; transition: all 0.30s; width: 30%; height: auto; opacity: 0; visibility: hidden; } .rdmore:after{ content:""; display:block; position:absolute; left:-8px; top:-8px; width:100%; height:100%; padding:8px; box-shadow:0 0 0 1px #fff; -moz-box-shadow:0 0 0 1px #fff; -webkit-box-shadow:0 0 0 1px #fff; -o-box-shadow:0 0 0 1px #fff; } .posthumb:hover .rdmore{ visibility: visible; top: 40%; left: 0; right: 0; margin: auto; width: 30%; height: auto; opacity: 1; visibility: visible; vertical-align: middle; } /* Pagination */ .pagination{ list-style:none; text-align:center; margin-top:25px; margin-bottom:25px; } .pagination li{ display:inline-block; margin:0 3px } .pagination li a{ display:block; padding:5px 10px; background:#353535; color:#fff; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; } .pagination li a:hover, .pagination li a.active{ background:#3498db; } /* Classicblog */ .post .inline-list a{ color:#7d7d7d; } .post h2.title-entry a:hover, .post .inline-list a:hover{ color:#3498db; } .post h2.title-entry a{ color:#353535; } .post .inline-list{ margin-bottom:10px; } .post h2.title-entry:active a{ color:#fff; background:#3498db; } /* ------------------------------------------------------------------------------------------------- 7.0 WIDGETBOX ----------------------------------------------------------------------------------------------------*/ .sidebar{ padding:0 0 0 40px; } .widgetbox{ max-width:100%; height:auto; overflow:hidden; padding:15px; margin-bottom:12px; background:#fff; border: 1px solid #ECECEC; } .widgetbox h4{ font-size:22px; font-weight:normal; font-family: 'PT sans', sans-serif; vertical-align:middle; margin-bottom:20px; } .widgetbox a{color:#353535;} .widgetbox h4 i{ font-size:50px; vertical-align:middle; } .widgetbox article h3{ font-size:16px; font: 16px 'Droid Sans', sans-serif; } .widgetbox ul{list-style:none;} .widgetbox ul li{ padding-left:20px; margin:10px 0; position:relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .widgetbox ul li:hover:before{ margin-left:5px; } .widgetbox ul li:before{ content:"\F054"; font-family:FontAwesome; position:absolute; font-size:11px; left:0; top:4px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .topsidebar{ margin-bottom:12px; } .blue{background:#3498db!important;color:#fff!important;border:none!important;} .orange{background:#f39c12!important;color:#fff!important;border:none!important;} .red{background:#e74c3c!important;color:#fff!important;border:none!important;} .darkblue{background:#34495e!important;color:#fff!important;border:none!important;} .grey{background:#bdc3c7;color:#585b5e!important;border:none!important;} .green{background:#27ae60!important;color:#fff!important;border:none!important;} .asphalt{background:#2c3e50!important;color:#fff!important;border:none!important;} .fuchsia{background:#db4289!important;color:#fff!important;border:none!important;} .blue a, .orange a, .red a, .darkblue a, .green a, .asphalt a{color:#fff!important;} .blue a:hover, .orange a:hover, .red a:hover, .darkblue a:hover, .green a:hover, .asphalt a:hover{color:#fff;} .blue .recposts h2 a, .orange .recposts h2 a, .red .recposts h2 a, .darkblue .recposts h2 a, .green .recposts h2 a, .asphalt .recposts h2 a{color:#fff;} .blue .recposts:hover h2 a, .orange .recposts:hover h2 a, .red .recposts:hover h2 a, .darkblue .green:hover h2 a, .asphalt .recposts:hover h2 a{color:#fff;} .really_simple_twitter_widget a{text-decoration:underline;} .blue small, .orange small, .red small, .darkblue small, .green small, .asphalt small{color:#fff;opacity:0.6;margin-top:3px;padding-top:0;display:block;} .widgetbox.no-box{border:none!Important;background:none!important} .defaultwid{ background:#fff; border:1px solid #eee; color:#353535!important } .defaultwid a{ color:#353535!important } .no-box.widgetbox{padding:0;} .comitem{ margin-top:25px; overflow:hidden; } .comitem a{color:#fff;} .comthumb{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .grid_6 .comitem .grid_5{ width: 37.667%; margin-right:7px } .widgetbox .comitem h3{font-size:14px} .comitem:hover .thumcont:after{visibility:visible;opacity:1;} .comitem:hover .comthumb{ transform:rotate(10deg); -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); /* IE 9 */ -webkit-transform:rotate(10deg); /* Safari and Chrome */ } .comitem .grid_5 img{width:92px;width:100%;max-width:92px!important;} .post_avatar {height:auto!important;} /* Category Widget wordpress native */ .categorylist li .cat-count{top:0;} .blue .categorylist li:before, .red .categorylist li:before, .yellow .categorylist li:before, .orange .categorylist li:before, .grey .categorylist li:before, .darkblue .categorylist li:before, .asphalt .categorylist li:before, .green .categorylist li:before{ content:none; display:none; } .blue .categorylist ul, .red .categorylist ul, .yellow .categorylist ul, .orange .categorylist ul, .grey .categorylist ul, .darkblue .categorylist ul, .asphalt .categorylist ul, .green .categorylist ul{ margin-left:20px; } .categorylist li{position:relative!important; } .blue .categorylist li, .red .categorylist li, .yellow .categorylist li, .orange .categorylist li, .grey .categorylist li, .darkblue .categorylist li, .asphalt .categorylist li, .green .categorylist li { position:relative; padding-left:0!important; margin:0 0 5px 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } /* Post count on each category */ .blue .cat-count, .red .cat-count, .yellow .cat-count, .orange .cat-count, .grey .cat-count, .darkblue .cat-count, .asphalt .cat-count, .green .cat-count { display: inline-block; position: absolute; top: 10px!important; right: 10px; } .blue .categorylist li:hover, .red .categorylist li:hover, .yellow .categorylist li:hover, .orange .categorylist li:hover, .grey .categorylist li:hover, .darkblue .categorylist li:hover, .asphalt .categorylist li:hover, .green .categorylist li:hover{ margin-left:10px; } .blue .categorylist li a, .red .categorylist li a, .yellow .categorylist li a, .orange .categorylist li a, .grey .categorylist li a, .darkblue .categorylist li a, .asphalt .categorylist li a, .green .categorylist li a{ color:#585B5E; padding: 11px 3px 11px 11px; display:inline-block; background:rgba(0,0,0,.14); display:block; } .children.categorylist{ margin-top:5px; } .children{ border-left:1px solid rgba(0,0,0,.1); margin-left:0!important; padding-left:20px; } .blue a:hover, .red a:hover, .yellow a:hover, .orange a:hover, .grey a:hover, .darkblue a:hover, .asphalt a:hover, .green a:hover{ color:inherit!important; } .rsswidget{font-weight:400;font-family:Roboto;font-size: 14px;} /* Tags */ .tags a{ display:inline-block; color:#383a3c!important; padding:7px 7px; background:#fff; margin-bottom:5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .tags a:hover{ -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform:scale(1.2); -webkit-backface-visibility: hidden; color:#383a3c!important; } .widgetbox blockquote{ font-size:20px; font-family:Georgia; font-style:italic; padding:15px 0; color:#fff; position:relative; } .widgetbox blockquote:before{ content:"\F10E"; font-family:FontAwesome; font-size:93px; position:absolute; z-index:0; font-style:normal; opacity:.16; right:10px; bottom:5px; } .widgetbox blockquote small{ font-size:14px; font-style:normal; } /*--------------------------* /* WordPress Widget Styles /*--------------------------*/ .widget {} /* Menu */ .widgetbox .menu .mainclr{ background:none!important; } /* links widget */ .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} /* meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* pages widget */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* recent-posts widget */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* archives widget */ .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /* tag-cloud widget */ .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* category widget */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* recent-comments widget */ .recentcomments {} #recentcomments {list-style:none;} #recentcomments li {padding-left:30px;position:relative;margin-bottom:10px;} #recentcomments li:before {content:"\f0e5";font-family:FontAwesome;font-size:20px;left:0;top:-5px;position:absolute;color:#000;opacity:.5} #recentcomments li a {} .widget_recent_comments {} /* search widget */ #searchform {} .widget_search {} .screen-reader-text {} /* text widget */ .textwidget {} .widget_text {} /* calendar widget */ .widget_calendar {float: left;} #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding: 10px; text-align: center; vertical-align: middle; color: #fff; background: #505050; } #wp-calendar tbody { color: #aaa;border: none!important; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E2E2E2; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; border: none!important;} #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; border: none!important;} #wp-calendar tfoot .pad{border: none!important;} .foowid .current-menu-item a.mainclr{ background:none!important } /* ------------------------------------------------------------------------------------------------- 8.0 Footer ----------------------------------------------------------------------------------------------------*/ .footer{ width:100%; max-width:1146px; margin:80px auto 0; border-bottom:5px solid #aaa; border-top:2px solid #aaa; position:relative; overflow: hidden; padding:5px 0; } /* extra line for footer */ .fooline{ width: 100%; height: 100%; position: absolute; top: 5px; display: block; left: 0; border-top: 5px solid #aaa; } .footer .grid_4{ position:relative; padding:25px 0; float: left; margin-bottom: -99999px; padding-bottom: 99999px; } .footer .grid_4:before{ position:absolute; top:0; right:-12px; background:#aaa; content:""; display:block; width:1px; height:100%; } .footer .omega:before{ background:none!important; } .copyright{ max-width:1146px; padding:30px 0 30px; overflow:hidden; border-top:2px solid #aaa; margin-top:5px; } .copyright ul li a{ position:relative; z-index:0; color:#353535; } .copyright ul li a:before{ content:""; width:0; height:2px; bottom:0; left:50%; position:absolute; background:#3498db; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .copyright ul li:hover a:before{ width:100%; left:0; } /* 8.1 Footer widget oooooooooooooooooooooooooooooooooooooooooo*/ .foowid{margin-bottom:25px;} .foowid ul{ list-style:none; margin:10px 0 0 10px; } .foowid ul li{ margin-bottom:10px; } .flickr li{ display: inline-block; vertical-align: bottom; margin: 0 10px 10px 0!important; } .recposts h2{ font: 18px 'Cuprum', sans-serif; margin-bottom:0; } .recposts a{width:100%;displat:block;} .recposts h2 a{ color:#353535 } .recposts{ margin-bottom:25px; overflow:hidden; } .recposts:last-child{ margin-bottom:0; } .recposts:hover h2 a{ color:#3498db } .recposts:hover .thumcont:after{visibility:visible;opacity:1;} .grid_6 .recposts .posthumb{max-width:90%} .grid_6 .recposts h2, .aq_span3 .recposts h2{font-size:14px!important;font-family: Roboto;font-weight: 400;} .rating{margin-top:-9px;margin-left: -10px;} /* .totalrating{background:#3498db!important;} */ /* Scroll to top */ .scrollup{ position:fixed; bottom:10px; right:10px; background:rgba(0,0,0,.3); color:#fff; padding:10px; text-align:center; width: 21px; visibility:hidden; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .scrollup:hover{ -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-backface-visibility: hidden; } /* ------------------------------------------------------------------------------------------------- 9.0 CONTENT ELEMENTS ----------------------------------------------------------------------------------------------------*/ /* Newsticker OoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOo */ .newsticker{ padding:0; margin:0 0; position:relative; z-index:0; list-style:none; } .newsticker{ padding-left:80px; } .newsticker h2{ padding:5px 0 0; margin:0; } .newsticker h2{ font-family: 'Droid Sans', sans-serif; font-size:16px!important; } #ticker01{display:none;margin:0!Important} /* liScroll styles */ .tickercontainer { /* the outer div with the black border */ width: 100%; height: auto; margin: 5px; padding: 0; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 0; width: 718px; height:auto; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 750px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0 20px 0 0; padding: 0; } /* DATE */ #Date{ font-size:18px; } /* A. Grid Post OoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOo */ .gridpost{ overflow:hidden; margin-bottom:20px; } .gridpost-1{ overflow:hidden; margin-bottom:10px; background-color:#fff; } .gridpost h2{ font-size:26px; color:#353535; margin-top:10px; padding:10px 0px; } .gridpost h2 a{margin-top:0;color:#353535} .gridpost h2 a:before{ content:""; display:block; position:absolute; bottom:0; background:#3498db; width:0; left:0; visibility:hidden; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .gridpost a:hover:before{ width:100%; visibility:visible } .gridpost h2 a:hover{ color:#3498db } .posmeta a{ color:#7d7d7d; } .posmeta i, .posmeta a:hover{ color:#3498db; } .posmeta{ padding-top:10px; margin-top:10px; border-top:5px solid #d5d5d5; font-size:12px; } .gridpost .rdmore{ background:none; border:1px solid #fff; border-radius:50%; width:40px!important; padding:0!important; height:40px!important; text-align:center; right:0; top:0; left:0; right:0; margin:auto; } .gridpost .rdmore i{ color:#fff; font-size:20px; display:block; padding-top:8px; } .gridpost .posthumb .rdmore:after{ display:none!important; } /* hack for page builder */ .aq-block-el_post_query_d .grid_4{ margin-right: 1.94%; } .aq-block-el_post_query_d .grid_14{ margin-right: 1.94%; } .aq-block-el_post_query_d .grid_13{ margin-right: 1.94%; } .aq-block-el_post_query_d .grid_3 h2{ font-size:16px; } .aq-block-el_post_query_d .grid_3 ul.inline-list li{ font-size:11px; } .aq-block-el_post_query_d .grid_6:first-child, .aq-block-el_post_query_d .grid_4:first-child, .aq-block-el_post_query_d .grid_3:first-child, .aq-block-el_post_query_d .grid_13:first-child{ margin-left:0; } .aq-block-el_post_query_d .grid_6.last-child,.aq-block-el_post_query_d .grid_4.last-child,.aq-block-el_post_query_d .grid_3.last-child{ margin-right:0; } .aq-block-el_post_query_d .grid_6.last-child{ margin-left: 2.5%; } .aq-block-el_post_query_d .first-child{ margin-left:0; } .aq-block-el_post_query_d .grid_3{ margin-right: 1.6%; } /* B. BIG POST LOOP class>> .postloopBig OoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOo */ .postloopBig{ width:100%; height:auto; overflow:hidden; position:relative; z-index:0; margin-bottom:20px; } .postloopBig .inline-list a, .postloopBig .inline-list li a:hover{color:#fff;} .loopBigThumb{ overflow:hidden; background:#000 } .loopBigThumb img{ width:100%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .loopBigAuthor{ position:absolute; z-index:10; width:auto; height:auto; width:auto; top:27px; left:27px; } .profile{ padding:8px; overflow:hidden; text-align:center; width:auto; height:auto; display:inline-block; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .profile:before{ content: ""; width: 110px; height: 110px; background: none; border: 3px solid #fff; border-left-color: transparent; overflow: hidden; position: absolute; top: -6px; left: -8px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .profile img{ width:88px; height:88px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .bywho p{margin:10px;} .bywho{ width: auto; min-width: 130px; padding: 0px 0px 0px 80px; position: absolute; overflow:hidden; height: auto; top: 28px; left: 17px; z-index: -1; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; visibility:hidden; opacity:0; } .bywho:before{ content:""; display:block; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; border-radius:51px; -webkit-border-radius:51px; -moz-border-radius:51px; -o-border-radius:51px; border-radius:51px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; z-index:-2; } .loopBigIsi{ position:absolute; width:45%; height:90%; right:-25%; top:0; background:rgba(52, 152, 219,.79); color:#fff; padding:20px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; opacity:.5 } .aq_span6 .loopBigIsi{width:93%!important;z-index:100000000000000;} .loopBigIsi a{color:#fff;} .loopBigIsi header h2, .loopBigIsi header h2 a{ color:#fff; font-family: 'Cuprum', sans-serif; font-size:20px; text-transform: uppercase; font-weight: 600; } .loopBigMeta{ padding:7px 0; border-top:1px solid #fff; border-bottom:1px solid #fff; margin:10px 0; } .loopBigIsi footer{ position:absolute; bottom:0px; right:0; font-size:18px; width:100%; height:auto; text-align:right; padding:25px 70px 25px 0; z-index:0; } a.loopBigRdmr{ -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; position:absolute; right:80px; padding:0; display:block; top:0; } .loopBigIsi footer:hover a.loopBigRdmr{ right:60px; } .rborder{ padding:10px 26px; border:2px solid #fff; display:inline-block; overflow:hidden; position:absolute; bottom:-11px; right:-10px; font-size:50px; opacity:.2; z-index:-1; text-align:center; } /* Animation on hover */ .postloopBig:hover .profile:before{ transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -webkit-transform:rotate(180deg); } .postloopBig:hover .bywho{ visibility:visible; opacity:1; } .postloopBig:hover .bywho:before{ visibility:visible; opacity:1; width:100%; } .postloopBig:hover .loopBigIsi{ right:0; opacity:1; } .postloopBig:hover .loopBigThumb img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); -webkit-backface-visibility: hidden; } /* LOOP POST AJAX ooooooooooooooooooooooooooooooooooooooooooooo */ .gridpost.ajaxloop h2{ line-height:120%; margin-bottom:0; font-size:15px; font-weight:bold; color:#353535; padding-bottom:3px } .gridpost.ajaxloop h2 a{ color:#353535; padding-bottom:5px; } .gridpost.ajaxloop a:hover small{ color:#3498db } .loopCarousel{ position:relative; z-index:0; } .loopCarousel .flex-direction-nav a{ position:absolute; top:-30px; } .loopCarousel .flex-direction-nav i{ font-size:20px; color:#353535; border:none; padding:0; } .loopCarousel .flex-direction-nav i:hover{ transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -webkit-transform:rotate(0deg); border:none!important } .loopCarousel .flex-direction-nav .flex-prev{ left:inherit;right: 35px!important; } .loopCarousel .flex-direction-nav .flex-next{ right:-4px; } .aq-block-el_post_query_f .grid_3{ margin-right:1.64%; } .aq-block-el_post_query_f .grid_3:first-child, .aq-block-el_post_query_f .grid_4:first-child{ margin-left:0; } .aq-block-el_post_query_f .grid_3.last-child, .aq-block-el_post_query_f .grid_4.last-child{ margin-right:0; } .aq-block-el_post_query_f .grid_4{ margin-right:1.94%; } /* IMAGE GALLERY ooooooooooooooooooooooooooooooooooooooooooooo */ .gallthumb{ overflow:hidden!important; width:auto; height:auto; margin:0 auto 0px; position:relative; z-index:0; } .gallthumb img{ width:100%; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; } .gallthumb:hover img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); -webkit-backface-visibility: hidden; /* Let's blur it */ filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); } .detail{ position:absolute; z-index:1; top:-70%; left:0; width:100%; height:100%; overflow:auto; display:block; color:#fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .gallthumb:hover .detail{ top:0; } .detail-content{ display: table; width: 100%; height:100%; text-align:center; } .detail-center{ display: table-cell; text-align: center; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .detail-center a.zoom{ font-size:30px; color:#fff; left: 0; top: 0; padding: 8px 13.5px; border: 1px solid #fff; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .detail-center a.zoom:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -webkit-transform:rotate(360deg); } .detail-center a.zoom:hover i{ transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); /* IE 9 */ -webkit-transform:rotate(-360deg); } .aq-block-el_imagegall .grid_3{ margin-right: 1.6%; } .aq-block-el_imagegall .grid_3:first-child, .aq-block-el_imagegall .grid_3.first{ margin-left:0; } .aq-block-el_imagegall .grid_3.last-child{ margin-right:0; } /* FORM ELEMENTS oooooooooooooooooooooooooooooooooooooooo*/ input[type="text"], input[type="email"], input[type="password"]{ width: 97%; padding:12px; display:block; border:none; margin-bottom:10px; background:#e8e8e8; outline-color:#3498db; border: 0px solid rgba(0,0,0,.1); } .loopBigRdmr {font-weight: 400;} select{ width:auto; padding: 10px 20px 10px 10px; background: #e8e8e8; border: 0px solid rgba(0,0,0,.1); appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; background-repeat: no-repeat!important; background-position: right .7em top 50%, 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' class='cls-1' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A") !important; } textarea{ width:100%; display:block; border:none; margin-bottom:10px; background:#e8e8e8; outline-color:#3498db; } #message { padding: 12px; width: 97%; } #PMtoUser{width:97.5%!important;} label{margin-top:10px;} input[type="submit"], .manFlSbm, .manFlRst, .buttonAp, .button, .allUsersBtn, input[type="button"], input[type="reset"], .uf-btn, .button-alert{ display: inline-block; padding: 10px 25px; border: none; color: #fff; font-size: 16px; cursor: pointer; font-family:'Roboto'; transition: all 0.25s; width:auto!important; font-weight:400; } .btn-form{margin-top:15px;} .singlePhoto{text-align: center;margin: 20px 0;} .big-photo{padding: 0 5px;} /* BUTTON oooooooooooooooooooooooooooooooooooooooo*/ .btn{ text-align: center; display: inline-block; background: #353535; font-size: 18px; color: #fff; border: none; padding: 10px 53px; cursor: pointer; margin: 0 5px 8px 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; opacity:1; position:relative; z-index:100; } .btn.grey{background:#bdc3c7;color:#585b5e!important} /* IMAGE oooooooooooooooooooooooooooooooooooooooo*/ .polar{ border:7px solid #fff; background:#fff; box-shadow:0 2px 4px 0 rgba(0,0,0,.2); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2); -o-box-shadow:0 2px 4px 0 rgba(0,0,0,.2); max-width:100%!important; } /* WARNING BOX oooooooooooooooooooooooooooooooooooooooo*/ .warnbox{ padding:20px; display:block; margin-bottom:15px; color:#fff; font-size:16px; } .warnbox [class^="icon-"], .warnbox [class*=" icon-"]{ padding-right:20px; font-size:20px; } /* MASONRY oooooooooooooooooooooooooooooooooooooooo*/ /** * Grid items */ /** * Grid container */ #tiles { list-style-type: none; position: relative; /** Needed to ensure items are laid out relative to this container **/ margin: 0; padding: 0; text-align:left } #tiles li { width: 264px; background-color: #FFFFFF; display: none; border: 1px solid #EBEBEB; cursor: pointer; border-bottom: 5px solid #EBEBEB; } #tiles li.inactive { visibility: hidden; opacity: 0; } #tiles li img { display: block; } .masonIsi h2 a{ color:#353535 } /** * Grid item text */ #tiles li p { color: #666; font-size: 12px; margin: 7px 0 0 0; } /** * Placerholder css */ .wookmark-placeholder { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #eee; border: 1px solid #dedede; z-index: -1; } #main { overflow: hidden; } /** * Grid items animation */ #tiles li { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wookmark-placeholder { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /** * Filters */ #filters { list-style-type: none; width:100%; height:auto; overflow:hidden; } #filters li { font-size: 12px; display:inline-block; text-align:center; padding: 6px 0 4px 0; cursor: pointer; margin: 0 1% 0 1%; width: 8%; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #filters li:hover { background: #dedede; } #filters li.active { background: #333333; color: #ffffff; } .masonIsi{ padding:15px; } .masonIsi h2{ font: 18px 'Cuprum', sans-serif; } .mascontrol{ position:absolute; bottom:0; left:0; z-index:10; width:100%; height:auto; text-align:left; padding:10px; color:#fff; } .mascon{ position:absolute; top:0; left:0; width:100%; height:100%; } .mascon a{ color:#fff;-webkit-transition: all 0.20s; -moz-transition: all 0.20s; transition: all 0.20s; font-size:26px; color: #fff; padding: 8px 16.5px; border: 1px solid #fff; display: inline-block; vertical-align: middle; } .mascon a:hover{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-backface-visibility: hidden; } .mascon a i{font-size:26px;vertical-align:middle;color:#fff} .mascon a.masLink{ display:block; position:absolute; right:-150%; top:46%; z-index:10000; } .mascon a.masZoom{ display:block; position:absolute; left:-150%; top:46%; z-index:10000; } .mascon a.views{ display:block; position:absolute; left:0; border:none; width:100%; text-align:center; font-size:15px; bottom:-100px; z-index:10000; padding:0; } #tiles li .posthumb:hover .mascon a.masLink{ right:25%; } #tiles li .posthumb:hover .mascon a.masZoom{ left:25%; } #tiles li .posthumb:hover .mascon a.views{ bottom:5%; } /* ------------------------------------------------------------------------------------------------- 10.0 PAGE/SINGLE ----------------------------------------------------------------------------------------------------*/ /* ooooooooooooooooooooooooooo 10.1.1 Breadcrumbs oooooooooooooooooooooooooooooo*/ .breadcrumbs li{ position:relative; } .breadcrumbs li+li{ padding-left:27px; } .breadcrumbs li:before{ content: "\f061"; font-size: 15px; font-family: FontAwesome; position: absolute; right: -28px; top: 0; color: #B1B1B1; } .breadcrumbs li:last-child:before{ display:none; content:""; } .breadcrumbs li:last-child{ font-style:italic; } .breadcrumbs .icon-home{margin-right:10px;} /* ooooooooooooooooooooooooooo SINGLE POST THUMb oooooooooooooooooooooooooooooo*/ .singlepost{ width:100%; height:auto; background:#fff; border: 0px solid #eee; padding:0 0 10px 0; } .singlepost .content-entry .contentinfo{ margin:0 10px 10px 0; } .singlepost .content-entry h1, .singlepost .content-entry h2, .singlepost .content-entry h3, .singlepost .content-entry h4, .singlepost .content-entry h5, .singlepost .content-entry h6{ } .singlepost .content-entry{ padding:10px 20px; } .singlepost .content-entry p{ font-family: 'Roboto', sans-serif; font-size:16px; margin:.3em 0; line-height: 24px; zoom: 1; padding: 0 0 0px 0; } .singlepost .content-entry p:first-child{ margin:0 0 20px 0; } .singlePosThumb{ position:relative; z-index:0; width:100%; height:auto; overflow:hidden; } .singlePosThumb img{ width:100%; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .singlePosThumb:hover img{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); -webkit-backface-visibility: hidden; } .content-title{ position:absolute; bottom:0; left:0; height:auto; padding:75px 15px 48px 15px; background:#000; background:rgba(0,0,0,.7); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ color:#fff; width:100%; } .singlePosThumb h1{margin-bottom:0;} .content-title h1, h1.content-title{ font-family: 'Cuprum', sans-serif; font-size:26px; } .bub-right { position: absolute; bottom: 0; right: 0; width: 88.5%; height: 24px; background: #fff; } .bub-right:before{ content: ""; position: absolute; top: 0; left: -24px; width: 0px; height: 0px; border-style: solid; border-width: 0 0 24px 24px; border-color: transparent transparent #fff transparent; } .bub-left{ position: absolute; bottom: 0; left: 0; width: 7.666%; height: 24px; background: #fff; } .bub-left:before{ content: ""; position: absolute; top: 0; right: -24px; width: 0px; height: 0px; border-style: solid; border-width: 24px 0 0 24px; border-color: transparent transparent transparent #fff; } .commbox ul, .commbox ul{ margin-left:20px; } /* IF User choose 3 columns layout for single page */ .grid_6 .singlepost .bub-right{ position: absolute; bottom: 0; right: 0; width: 85.5%; height: 24px; background: #fff; } .grid_6 .singlepost .post_avatar{ width:90%; margin:0 auto; } .grid_6 .singlepost .bub-left{ position: absolute; bottom: 0; left: 0; width: 9.666%; height: 24px; background: #fff; } /* IF User choose 3full width layout for single page */ .grid_12 .singlepost .bub-right{ position: absolute; bottom: 0; right: 0; width: 92%; height: 24px; background: #fff; } .grid_12 .singlepost .bub-left{ position: absolute; bottom: 0; left: 0; width: 5.666%; height: 24px; background: #fff; } .singleMeta{ padding-left:30px; } .singleMeta i{ display:inline-block; text-align:center; margin-right:10px; } .share{ text-align:right; padding-top:12px; } .shareleft{ text-align:left; } .share > div{ margin-left:15px; display:inline-block; vertical-align:bottom; } .grid_6 .singlepost .share > div{ margin-left:6px; } .devide{ width:100%; height:5px; background:#eee; margin:15px auto; } .content-tags a{ display:inline-block; padding:7px 15px; background:#3498db; color:#fff; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; position:relative; z-index:0; margin-bottom:5px; } .content-tags a:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; z-index:-1; background:#353535; } .content-tags a:hover:before{ width:0; height:0; left:50%; top:50%; } .content-tags a:first-child{ margin-left:20px; } /* Author Box */ .authorbox .grid_2{ display:table-cell; vertical-align:middle; } /* RateBox */ .ratebox{ float:right; overflow:hidden; padding:10px 0; max-width:250px; margin: 20px; border:1px dashed #000; box-shadow: 0 0 0 9px #eee } .reviews h4{ color:#707070; font-size:18px; } .score_num{ padding: 10px 5px; display: inline-block; border: 1px solid #707070; width: 30px; height: 20px; color: #707070; text-align: center; margin-bottom: 10px; } .score_wrap{ width:100%; height:15px; background:#eee; overflow:hidden; } .score_val{ height:15px; background:#cacaca; visibility:hidden; } .score_val.stretchRight{visibility:visible;} .revitem{ overflow:hidden; margin-bottom:30px; } .revitem .first, .revitem .last{ margin-bottom:0; } /* RELATED */ .related h2{ font-family: 'Cuprum', sans-serif; font-size:18px; margin-top:10px; } .related h2 a{ } .related img{ width:100%; } .overall{ border:none; color:#fff; background:#3498db; } /* COMMENTS */ .profilesocial .inline-list{ margin:10px 0!important; } .profilesocial .inline-list li{ margin-right:30px } .commbox{ max-width:100%; height:auto; padding:15px; background:#fff; margin-bottom:25px; position:relative; border:0px solid #F1F1F1 } .comments-area { margin-top: 25px; } .comments ol{ list-style:none; } .comments ol ol{ padding-left:25px; border-left:1px solid #b0b0b0; margin-left:25px; } .comments ol ol .commbox:before{ content:""; width:25px; height:1px; background:#b0b0b0; position:absolute; top:50%; left:-25px; } .comments h1, .comments h2, .comments h3, .comments h4, .comments h5{margin:10px 0;} .authname{ font-size:20px; margin-top:0; font-weight: 400; } .comdate{ color:#7c7c7c font-size: 14px; font-style: italic; } .comment-respond{ margin-top:20px; } /* Archive - Category*/ article.page h1.page-title{ font-family: 'Droid Sans', sans-serif; padding:30px 20px 10px; } .archivetitle .textdev{ margin-top:0; } /* ------------------------------------------------------------------------------------------------- Page Builder Hacks ----------------------------------------------------------------------------------------------------*/ .aq-block-aq_column_block{ margin-bottom:20px; } .moblogo{ display:none; padding:5px 20px; } /* ------------------------------------------------------------------------------------------------- 2.0 Responsive MEDIA QUERIES ----------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 1023px) { .img-1 {height:210px;width: 100%;object-fit: cover;} .img-2 {height:300px;width: 100%;object-fit: cover;} .img-3{height:140px;width:100%;object-fit:cover;} .img-8{height:190px;width:100%;object-fit:cover;} .img-5 {height:277px;width:100%;object-fit:cover;} .img-12,.img-15 {height:175px;width:100%;object-fit:cover;} .img-13 {height:120px;width:100%;object-fit:cover;} .img-14 {height:60px;width:100%;object-fit:cover;} .img-11 {height:214px;width:100%;object-fit:cover;} .aq-template-wrapper .aq_span6 .aq_span3 {width: 48%;} .recposts .grid_6 small{margin:7px 0;} .container_12 .grid_6 {width: 48%;} body{ max-width:100%; overflow-x: hidden } #slider{ max-width:100%!important; } .mainslide{ width: 65.6%; display:inline-block!important; } .smallslide{ display:inline-block!important; float:left; width: 34%; } .sideslide{ float:left; display:inline-block; width:100%; } .postloopBig .content-entry{ height:90px; overflow:hidden; } .loopBigIsi{ background:none!important; position:relative!important; width:100%; height:auto; bottom:0!important; top:0!important; color:#353535; opacity:1; right:inherit; left:0; padding:20px 0 0 0; border-bottom:3px solid #e3e3e3 } .loopBigIsi a, .loopBigIsi header h2, .loopBigIsi header h2 a{ color:#353535!important; } a.loopBigRdmr, .loopBigIsi i.icon-arrow-right{ position:relative!important; right:10px!important; } .loopBigIsi footer{ position:relative!Important; } .loopBigIsi footer .icon-arrow-right{display:none!Important;} #Date{font-size:14px!important;} .ThrBotTbl, .threadIcoTd, .gTableSubTop, .FrmBotTbl, .threadPostTd, .threadViewTd, .threadAuthTd, .forumIcoTd, .forumThreadTd, .forumPostTd {display: none;} } @media screen and (max-width: 990px) { .block-1 { margin: 20px 0!important; }} @media screen and (max-width: 800px) { .container_12 .grid_13 { width: 48%; } /* Mainslider */ .flexslider .capcontain .slidetitle h2{font-size:27px;top:100px} .flexslider .capcontain .slidetitle{top:20%;} .sideslide h2{font-size:17px!important;} .sideslide .slidetitle{bottom:10px!important;top:inherit!important} .reviewslide .capcontain .slidedate{ position:relative!important; top:0; right:0; } .reviewslide .capcontain .slidetitle h2{font-size:19px;} .srcfield{display:none!important} /* Logo */ .moblogo{ display:block; max-width:90%; margin:0 auto; } .moblogo img{width:100%;} /* Newsticker */ .newstickertitle{width:100%!important;text-align:center;margin-top:30px;} .datto{display:none!important} .thefeed{width:100%!important;margin:0!important;} .breads{width:98%!important;margin:10px 1% 0!important;border-top:1px solid #353535;border-bottom:1px solid #353535;padding:20px 0 15px;} .breads ul{margin:0 0 0 20px!important;} /* Post */ .recposts{margin-bottom:10px;} .loopBigThumb{} .loopBigAuthor{display:none} .loopBigIsi header h2{font-size:25px;margin-top:0;} .loopBigIsi{width:95%;height:100%;padding:5px 16px 17px;right:inherit;top:80%} .loopBigRdmr{right:0!important;} .postloop .postdate{ float:none!important; margin:0 auto!important; } .postloop .timet{ text-align:center; margin-top:30px; width:100% } .postdatecont{ float:none; margin:0 auto; } .mainslide{width:100%;margin:0 auto;float:none!important;} .container_12 > .grid_6{width:98%;margin:0 1%} .container_12 > .grid_6 > .container_12 > .grid_6{width:48%;margin:0 1%} .sideslide{width:50%!important;float:left;display:inline-block!important;} .recposts h2,.gridpost h2{font-size:25px!important;line-height:1.1} .recposts{margin-bottom:20px;} .pagepage > .grid_3{display:none!important;} } @media screen and (max-width: 768px) { .img-1 {height: 250px;width: 100%;object-fit: cover;} .img-3{height:140px;width:100%;object-fit:cover;} .img-7 {height: 250px;width: 100%;object-fit: cover;} .img-10 {height:210px;width: 100%;object-fit: cover;} body{ max-width:100%; overflow-x: hidden; } .ganti{display:none;} .container_12 > .grid_8, .container_12 > .aq_span8{ width:98%!IMPORTANT; margin:0 1%!important; overflow:auto!important; display:block!important } .container_12 > .grid_4, .container_12 > .aq_span4, .aq-template-wrapper > .aq_span6, .container_12 > .grid_6{ width:97.5%!important;margin:0 1%!important; } .container_12 .grid_6 > .grid_3, .container_12 .aq_span6 > .aq_span3{ width:100%!important; } .mobile-hide{ display:none!important;visibility:hidden!important; } /* Menu */ ul.mainmenu{ display:none; } /* Grid */ .container_12 > div[class^="grid_"]:first-child, .container_12 > div[class*=" grid_"]:first-child{ margin-bottom:0px; } /* Footer */ .footer .grid_4{display:none;} .container_12 div.grid_6 div.grid_6{ width:48%; margin-bottom:10px; display:block; margin-left: 1%; margin-right: 1%; } .footer .grid_4:before{ border:none!important; padding:0; background:none!important; display:none!important; } .footer .grid_4:before { display:none!important; } .footer .grid_4{ display:none!important } /* Slider */ .smallslide .clearfix{clear:inherit!important;clear:none!Important} #slider{ max-width:100%!important; width:100%!important; } .mainslide{ width:100%!important; display:inline-block!important; } .smallslide{ display:none!important; float:left; width:100%!important; } .sideslide{ float:left; display:none!important; width:50%!important; } .postdatecont{ float:none; margin:0 auto; } /* LoopBig */ .thumcont:after, .posthumb:after, .loopBigIsi{ } /* Copyright Menu */ .copyright{border-top:4px solid #353535} .copyright ul, .copyright{text-align:center!important;} .footer{display:none;} .aq-template-wrapper .aq-block, .aq-template-wrapper .aq-block .aq-block { margin-left: 0; width: 100%; } .column-grid .column { margin: 0; width: 100%; } .singleMeta{ padding-top:10px; } .singleMeta > .grid_2{ margin-left: -16px; margin-right: 16px; } .breadcumb{width:100%!important;} .headersearch{display:none!important} #thread_search_form {display: none;} } @media only screen and (max-width: 600px){ .img-1 {height: 250px;width: 100%;object-fit: cover;} .img-7 {height: 190px;width: 100%;object-fit: cover;} .container_12 .grid_4 {width: 100%!important;} .container_12 .grid_13 {width: 100%!important;} .topsidebar{display:none;} .container_12 > .grid_8{ width:98%!IMPORTANT; margin:0 1%!important; overflow:auto!important; display:block!important } .container_12 > .grid_4{width:98%!important;margin:0 1%!important;} .singleMeta .share{display:none;} .gallthumb.polar, .gallthumb.polar.block{width: auto;} .animate-wrap a { width: 100%!important; } } @media screen and (max-width: 480px) { .img-1 {height:190px;width:100%;object-fit: cover;} .img-2 {height:190px;width:100%;object-fit: cover;} .img-3{height:140px;width:100%;object-fit:cover;} .img-7 {height:190px;width:100%;object-fit:cover;} .img-8{height:190px;width:100%;object-fit:cover;} .singleMeta{padding-left:0px;} .block-photo-page{margin:0!important;} .thumcont:after, .posthumb:after, .loopBigIsi{ background:#fff!important; } .thumcont:after, .posthumb:after{ display: none; } .singleMeta .share{ display:none!important; } .singleMeta > .grid_2{ width:95%!important; margin:0 2.5%!important; text-align:center; } .singleMeta > .grid_4 { text-align:center; margin:10px 0 0!important; } .bub-left, .bub-right{display:none!important;} .content-title{position:relative!important;color:#353535!important;height:auto!important;padding:10px!important;background:none!important;text-align:center} .mobile-hide{ display:none!important;visibility:visibility!important; } .container_12 div[class^="grid_"], .container_12 div[class*=" grid_"]{ width:100%; margin-left:0; margin-bottom:0px; display:block; } #maincontent{ width:90%;margin:0 auto; } .sidebar{display:none;} .container_12 div[class^="grid_"] div[class^="grid_"] div[class^="grid_"], .container_12 div[class*=" grid_"] div[class^="grid_"] div[class^="grid_"]{ width:inherit; margin-left:0; margin-bottom:10px; display:block; } .container_12 .grid_4 .grid_3{ width:23%!important; } .container_12 .grid_4 .grid_9{ width: 73%!important; } .container_12 div.grid_6 div.grid_6{ width:98%; margin-bottom:10px; display:block; margin-left: 1%; margin-right: 1%; } .headersearch input[type="text"]{ width:100%; max-width:100%; display:none; } .logo{ text-align:center; position:relative; } ul.mainmenu{ display:none; } #slider{ max-width:100%!important; margin:0 1% 25px; } .bigslide .slidetitle h2{font-size:25px!important} .sideslide{width:50%!important;float:left;} .sideslide .slidedate{display:none} .sideslide .slidetitle h2{ font-size:16px!important; } .sideslide .slidetitle{ top:0!important; margin-top:10px!important; position:relative!important; color:#353535; } .flexslider .capcontain:before, .flexslider .capcontain:after { width:100%!important; visibility:visible!important; opacity:1!important } .sideslide .slidedate{color:#353535!important} .footer .grid_4{display:none;} .postloop .postdate{ float:none!important; margin:0 auto!important; } .postloop .timet{ text-align:center; margin-top:30px; width:100% } .hdrbtn{ display:none;visibility:hidden; } .container_12 > .grid_6{width:98%;margin:0 1%} .container_12 > .grid_6 > .container_12 > .grid_6{width:98%;margin:0 1%} .comitem .grid_3{width: 23%!important;} .comitem .grid_9{width: 73%!important;} .comitem .grid_5{width: 37.667%!important;} .comitem .grid_7{width: 56.333%!important;} .postdatecont{width:116px;margin:0 auto;} .postloop .timet h2{font-size:16px} .posthumb .rdmore{ display:none; } .loopBigIsi{ position:relative!important; top:0!important; padding-bottom:20px; } .postTable, .postTable tbody, .postTable tr, .postTable td {display: block;} .gTableSubTop, .postTdTop{padding:0px!important;text-align: center;overflow: hidden;} .postTdTop{width:100%;} .gTableRight, .postTdInfo, .codeMessage, .quoteMessage, .gTableLeft{ padding: 15px 0!important; border-bottom: 1px solid #eee; font-size: 14px; display: none; } .postPreview,.postSubmit,.postReset{margin:3px;} } @media screen and (max-width: 360px) { .img-1 {height:190px;width:100%;object-fit:cover;} .img-3{height:140px;width:100%;object-fit:cover;} .img-7 {height:150px;width:100%;object-fit:cover;} .img-10,.img-11 {height:165px;width:100%;object-fit:cover;} .ratebox{display:none;} #content-error-404{max-width: 200px;} .loopBigIsi{ position:relative!important; top:0!important; padding-bottom:20px; } .flexslider .capcontain .slidetitle h2, .flexslider.slidedate{ font-size:20px!important; } .flexslider .capcontain .slidedate{ font-size:12px!important } .flexslider .slidecatl a, .slidecom{ font-size:11px!important; } .sideslide{ float:left; display:block!important; width:100%!important; margin-bottom:10px; } .sideslide .flex-next, .sideslide .flex-prev{ top:10px!important; } } @media screen and (max-width: 320px) { .img-1 {height: 190px;width: 100%;object-fit: cover;} .breadcrumbs, .flexslider .capcontain .slidedate{display:none;visibility:hidden} .breads{display:none!important;} .flexslider{overflow:visible!important} .flexslider .flex-direction-nav i{ -webkit-transform: scale(0.7)!important; -moz-transform: scale(0.7)!important; -o-transform: scale(0.7)!important; -ms-transform: scale(0.7)!important; transform: scale(0.7)!important; } .flexslider .flex-direction-nav .flex-next{ right:0!important; } .flexslider .flex-direction-nav .flex-prev{ left:0!important; } .flexslider .flex-direction-nav a{ top:50px!important } .flexslider .slidecom{display:none!Important} .flexslider .slides li{overflow:visible!important;} .flexslider .capcontain:before, .flexslider .capcontain:after { display:none } .flexslider .slides{ margin-bottom:0!important; padding-bottom:0!important } .flexslider .capcontain { position:relative!important; visibility:visible!important; height:auto!important; overflow:hidden!important; display:block!important; border-bottom:1px solid grey;margin-bottom:20px; } .bigslide.flexslider .capcontain{ display:block!important; visibility:visible!important; min-height:120px!important; } .slidetitle h2 a{color:#353535!important} .slidetitle .slidecatl {color:#353535!important} .container_12 .grid_4 .grid_3{ width:21%!important; margin:0 2%; } .container_12 .grid_4 .grid_9{ width: 71%!important; margin:0 2%; } /* Single */ .singlePosThumb{ min-height:200px!important; height:200px!important; } .mobile-hide{ display:none!important;visibility:hidden!important; } #mobile-header .grid_4{ width:31.3%; display:inline-block; float:none; margin:0; vertical-align:middle; } .postdatecont{width:116px;margin:-20px auto -40px; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-backface-visibility: hidden; } .postloop .timet h2{font-size:16px} .posthumb .rdmore{ display:none; } .thumcont:after, .posthumb:after, .loopBigIsi{ background:#fff!important } } @media screen and (min-width: 991px) { .gallthumb.polar{width:250px;float:right;} .gallthumb.polar.block {width:250px;float:none;} } @media screen and (min-width: 1024px) { .img-1{height:210px;width:100%;object-fit:cover;} .img-2 {height:354px;width:100%;object-fit:cover;} .img-3{height:154px;width:100%;object-fit:cover;} .img-5{height:377px;width:100%;object-fit:cover;} .img-7{height:350px;width:100%;object-fit:cover;} .img-8{height:234px;width:100%;object-fit:cover;} .img-10{height:438px;width:100%;object-fit:cover;} .img-11{height:219px;width:100%;object-fit:cover;} .img-12 {height:240px;width:100%;object-fit:cover;} .img-13 {height:106px;width:100%;object-fit:cover;} .img-14 {height:82px;width:100%;object-fit:cover;} .img-15 {height:165px;width:100%;object-fit:cover;} .img-17{width:250px;height:220px;object-fit: cover;} .big-photo img{width:100%;height:220px;object-fit: cover;} .mtr .inim {width:250px;height:220px;overflow:hidden} } #uEntriesList{flex-wrap: revert!important;} .container_12 .grid_14 {width: 96%;} .photo a{ font-size: 26px; color: #353535; } .block-1{display: block;float: left;} .screen-block{padding: 20px 10px 0px 10px;} .divide-block{ width: 100%; height: 1px; background: #ec65a4; margin: 15px auto; } /* SWITCHER FOR CSS */ .openedit{ position: absolute; right: -35px; top: 0; background: #000; border-radius: 0 5px 5px 0; padding: 5px; cursor: pointer; color:#fff; } .parentcontainer{ -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .ganti{ width:173px; background:#fff; position:fixed; top:0; bottom:0; height:400px; margin:auto 0; left:-173px; box-shadow:0 0 5px 0 rgba(0,0,0,.2); z-index:200000; } .slideleftha{ padding:15px; width:84%; overflow:hidden; } .ganti li{ width:20px; height:20px; display:inline-block; } .ganti li img{width:20px;height:20px;} .chng{ width:20px; height:20px; display:inline-block; margin:5px 5px 5px 0; float:left; text-indent:-9999px; } .deflt{background:#ddf4fd} .carrot{background:#e67e22} .darkblue{background:#34495e} .green{background:#27ae60} .orange{background:#f39c12} .pumpkin{background:#d35400} .purple{background:#9b59b6} .red{background:#e74c3c} .turquoise{background:#1abc9c} .yellow{background:#f1c40f} /* Bodybackground Switch */ body{ -webkit-transition: background 0.25s; -moz-transition: backgroun 0.25s; transition: backgroun 0.25s; } #dp_swf_engine{display:none!Important} /* Код для подключения шрифта в /css/stylename.css */ /* font-family: "LeagueGothicRegular"; */ @font-face { font-family: "LeagueGothicRegular"; src: url("/fonts/LeagueGothicRegular.eot"); src: url("/fonts/LeagueGothicRegular.eot?#iefix")format("embedded-opentype"), url("/fonts/LeagueGothicRegular.woff") format("woff"), url("/fonts/LeagueGothicRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } #puzadpn{display:none} .miniprofimage a img {opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=70);} .miniprofimage a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);} .miniprofUDS {font-family:tahoma; overflow:hidden; padding-bottom:5px;} .miniprofimage {padding:4px 0px 4px 0px;float:left;} .miniprofimage img {border:2px solid #fff;border-radius:0px;width:90px;height:90px;} .miniprofinfo {padding-top:2px} .miniprofinfo a:link,.miniprofinfo a:visited,.miniprofinfo a:active { color:#585858; padding:0px 0px 0px 10px;line-height:23px;} .miniprofinfo a:hover {text-decoration:none; color:#f39c12;} .miniprofinfo span{font-weight: bold;} input#miniprofIN {vertical-align:middle; color:#666; font-size:11px; font-family:tahoma; border:1px solid #d5d7da; background:#fff; padding:3px 7px 3px 7px;} .login{margin-top:6px;font-size:16px;} .login a:link{color:#797878;} .author_avatar img{ height: auto !important;border-radius: 50%; width:88px; height:88px; } .user_avatar img { border-radius: 50%; } .schCatsSep { display:none; } h8 { font-size:76px; font-family: 'Cuprum'; color: #353535; } h7 { font-size:26px; font-family: 'Cuprum'; color: #353535; } .img-6{height:75px;width:75px;object-fit:cover;} .img-9{height:330px;width:100%;object-fit:cover;} .ucf-avatar img {border-radius: 50px!important;} .ucf-form .commFl{ border-radius:0px!important; border: 1px solid rgba(0,0,0,.1)!important; background: #e8e8e8!important; } .com-order-block{display:none;} .u-star-rating1{list-style:none;margin:0px;padding:0px;width:75px;height:15px;position:relative;background: url('/img/rating3.png') top left repeat-x;} .u-star-rating1 li{padding:0px;margin:0px;float:left;outline:none;} .u-star-rating1 li.u-current-rating{top:0;left:0;background: url('/img/rating3.png') left bottom;position: absolute;height:15px;line-height:12px;display:block;text-indent:-9000px;z-index:1;} .captcha-block, .myWinCont .captcha-block{display: inherit!important;} #fCode{width:100px;display:inline-block;} .loginField{width:100%;height:40px;color:#a1a09f;padding:0px!important;text-align:center;margin:15px 0;} .button{margin-top:18px;} .uSearchFl{display: inline-block!important;margin:0!important;} .manFlaSite, .manFlaICQ, .manFlaAOL, .manFlaMSN, .manFlaYahoo, .manFlaphone, #pmSubject{max-width: 97.5%!important;} .manFlaSign,.manFlAvaLink{width: 100%!important;max-width: 100%!important;} form#addform #message{max-width: 98%!important;} input[name="user"]{display:inline-block;margin:3px 0!important;} .user-list .uTopTd:first-child, .uTopTd {text-align: center!important;} .uTable.user-list .uTd{padding: 20px 0px 0px 0px;border:0!important;} #catSelector9{ color: #000; font-weight: 300; font-size: 14px!important; background: #e8e8e8!important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' class='cls-1' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A")!important; background-repeat: no-repeat !important; background-position: right .7em top 50%, 0 0!important; appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; height:40px; line-height: 1; } .btn-default{ text-align: center; display: inline-block; font-size: 16px; background: #2c3e50; color: #fff!important; border: none; padding: 10px 30px; cursor: pointer; margin: 0 5px 8px 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; opacity: 1; position: relative; z-index: 100; font-weight:400; } .btn-default-dir { text-align: center; display: inline-block; font-size: 16px; background: #cacdd03d; color: #fff !important; border: none; padding: 10px 30px; cursor: pointer; margin: 0 5px 8px 0; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; opacity: 1; position: relative; z-index: 100; font-weight: 400; } .load-f{text-align: center;} .load-dir{margin:0 10px;} .line{padding:0;} .posmeta-publ {margin-top: 10px;border-top: 5px solid #d5d5d5;font-size: 12px;} .board-cell{ font-size: 18px; font-weight: 500; color: #f35c12; } form #uCatsMenu7{position:inherit!important;max-width: 360px!important;} .dir-num { float: right; padding: 5px 10px; background: rgba(0,0,0,.20); border-radius: 50px; color: #fff; font-size: 11px; line-height: 1.2; font-weight: 600; margin: -2px 5px 0px 0px; } .counter{padding: 0 0 5px 0;line-height: 25px;} .counter a.groupAdmin:link, .counter a.groupAdmin:visited, .counter a.groupAdmin:hover {color: white;font-weight:400;} .counter a.groupUser:link, .counter a.groupUser:visited, .counter a.groupUser:hover {color: white;font-weight:300;} .block-photo-page{margin:0 -10px;} .mtr {display:table;width:100%;margin: 0 0 25px 0;} .mtr .article_counters {margin-bottom:10px;} .mtr .im {background:#FFFFFF;display:table-cell;vertical-align:top} .mtr_td {display:table-cell;vertical-align:top;background: #fff;padding: 15px 0 15px 25px;width:100%;} .mtr_descr {margin:0;position:absolute;top:-9000px} .name_mtr h3{font-family: 'LeagueGothicRegular', 'Oswald', sans-serif;font-size: 26px;padding-bottom: 5px;border-bottom: 3px solid #e8e8e8;padding-bottom: 10px;width: 95%;} .name_mtr h3 a{color: #353535;} form ul.xPhtBlock {background:transparent!important;} .post-dir{padding: 30px 20px 20px 20px!important;margin-bottom: 10px;} .post-dir ul li i {color: #fff!important;} /* Forum */ .uSpoilerText {padding: 0 10px 10px 10px;border:0px solid #dedede;margin-top:10px;} .codeMessage, .quoteMessage {color:#797979;border:0px!important;padding:0px!important;} .bbQuoteBlock, .bbCodeBlock {border:0 !important;border-left:3px solid #dedede!important;background:#f3f3f3;padding:20px;margin: 10px 0;} .bbQuoteName, .bbCodeName {padding:0px !important;font-size:11px !important;} .quoteMessage {font-size:13px;color:#111} .codeMessage {border:0 !important;border-left:0px solid #dedede!important;letter-spacing:2px!important;font-size:13px;color:#111;background:transparent!important;} .com-order-block {margin-bottom:20px;margin-top:10px} .cBlock1,.cBlock2 {background:#fff;border-bottom:1px solid #eee;margin:0!important;padding:5px!important;} #content .cBlock1,#content .cBlock2{padding:0 0 20px!important;margin:0 0 20px!important;} .commTable {margin-top:30px;padding:0px;} .cMessage {font-size:14px;} .cTop {padding:0 0 15px 0;font-size:14px;} .cTop * {font-weight:normal;} .cAnswer {padding:5px 0 0 0;font-style:italic;color:#111;font-size:13px;} .commTd1 {padding:5px 2px;width:20%;} input.codeButtons {min-width:30px;} .securityCode {} .eAttach {margin:10px 0;font-size:11px;color:#939fae;padding:0 0 0 15px;background:url(/.s/t/1323/attach.gif) 0 0 no-repeat;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding: 10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} .replaceTable {font-size:12px;padding:20px;border:none;background:#fff;} .outputPM {border:1px dashed #eee;margin:4px 0 4px 30px;} .inputPM {border:1px dashed #eee;margin:4px 0;} .uTable {border-spacing:0;margin:0;padding:0;} .uTable td {padding:8px 10px;border-bottom:1px solid #eee;} .uTable td.uTopTd {border-bottom:none;background:#eee;} .eAttach .entryAttachSize {padding-left:4px;} .manTable {text-align:left;} .manTable .manTd1 {font-size:12px;line-height:14px;width:30%;} #casing.popuptable {margin:0;padding:0; background:#fff;} .popuptitle {background:#9b59b6;text-transform:uppercase;padding:13px 20px;color:#fff;font-size:16px;font-family:'roboto';} .popupbody {padding:20px;font-size:12px;color:#5e6d81;} .popupbody * {font-size:12px!important;} .popuptable table {text-align:left;color:#5e6d81;} .archiveEntryTitle ul {margin:2px 0;list-style:circle;} .archiveEntryTitle .archiveEntryTime {display:inline-block;padding:3px 5px;font-size:11px;background:#9b59b6;color:#fff;} .archiveEntryTitle .archiveEntryTitleLink {font-size:14px;text-decoration:none;color:#5e6d81;} .archiveEntryTitle .archiveEntryTitleLink:hover {text-decoration:underline;} .archiveEntryTitle .archiveEntryComms {font-size:11px;color:#939fae;} #uEntriesList .uEntryWrap {width:33.33%;-webkit-box-sizing:border-box;box-sizing:border-box;} #uEntriesList {display: inherit!important;} .uEntryWrap{width: 101% !important;} #uEntriesList .entryBlock {display:block!important;} #uEntriesList .uphoto {width:auto;display:block;margin:0;} #uEntriesList .photo-title {height:40px;line-height:40px;overflow:hidden;white-space:normal;} #uEntriesList .photo-block,#uEntriesList .photo-eblock {display:block;font-family:Tahoma,Geneva,sans-serif;font-weight:normal;padding:10px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;} #uEntriesList .ph-wrap,#uEntriesList .ph-tc {height:100%;width:100%;display:block;overflow:hidden;} #uEntriesList .ph-wrap img {display:block;padding:0;margin:0;border:none;width:100%;} #uEntriesList .ph-data {position:relative;top:50%;margin:-22px 0 0;} #photoModalWrap .fancybox-wrap,#photoModalWrap .fancybox-inner,#photoModalWrap .fancybox-outer {max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;} .cMessage .user_avatar img {width:50px;margin:0 10px 5px 0;} #footer {padding:40px 0;} #footer a {color:#f27935;} .foot-l {float:left; width:50%;} .foot-r {float:right; width:50%; text-align:right;} .forumTop {font-size:13px;padding-bottom:10px;text-align:center;line-height:1.2em} .forumTop a {display:inline-block;padding:0px 5px} .funcBlock {padding-top:20px!important;font-size:12px} .forum-box {padding:0px} .gTable,.postTable {background:none;border-spacing:0;font-size:14px;} .postTable {border-top:0px solid #eee;margin-top:0px} .forumContent .gTableTop {color:#fff;font-size:18px;font-weight:normal;padding:12px 30px;} .forumContent .gTableTop a {color:#fff!important;} .forumContent .gTableTop a:hover {color:#fff;text-decoration:none!important;} .gTableSubTop,.postTdTop {padding:0 10px;height:42px;line-height:42px;font-size:14px;border-top:2px solid #fff;position:relative;background:#353535;color:#fff;} .gTableSubTop a,.gTableSubTop a:hover,.postTdTop a,.postTdTop a:hover {color:#fff!important} .gTableSubTop b {font-weight:normal;} .gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.postTdInfo,.codeMessage,.quoteMessage,.forumIcoTd,.forumThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom {padding:20px 13px;border-bottom:1px solid #eee;font-size:13px;background: #fff;border-bottom: 5px solid #FBFBFB;} .gTableBody1 {font-size:14px!important;padding:30px 5px !important} .postPoll,.postTdInfo,.postBottom,.posttdMessage {border-bottom:none;} .postBottom {border-top:0px solid #eee;} .postBottom {padding:3px 7px;} a.forum,a.threadLink {padding:0;font-size:20px;font-weight:500;color:#353535;font-family:Cuprum;} .gTableLeft {font-weight:bold} .gTableError {color:#FF0000} a.catLink {text-decoration:none} a.catLink:hover {text-decoration:underline} .lastPostGuest,.lastPostUser,.threadAuthor {font-weight:500;} .archivedForum{font-size:8pt;color:#FF0000!important;font-weight:500;} .forumDescr {font-size:10pt} .ThrForumBarTbl, .forumModerFuncsT, .FrmForumBarTbl, #forum_filter {margin:15px 0px} div.forumModer, .subforumDescr {color:#666;font-size:9pt;margin-top:8px} .forumViewed {font-size:9px;color:#666} .forumBarKw {font-weight:normal} a.forumBarA {text-decoration:none;color:#666!important} a.forumBarA:hover {text-decoration:none} #thread_search_button {margin-top:0px!important} .ThrBotTbl {margin-bottom:30px;} .fastLoginForm {font-size:8pt} .userRights, .legendTable {line-height:1.8em;margin-top:30px;font-size:13px} .legendTable img {margin-right:10px!important;margin-bottom: 3px !important;} .switch,.pagesInfo {padding:4px 12px !important;font-weight:normal;font-size:11px;background:#f1f1f1;color:#666;} .switchActive {padding:4px 12px;font-weight:normal;background:#666;color:#fff;font-size:11px;} a.switchDigit,a.switchBack,a.switchNext {text-decoration:none; color:#fff;font-size:11px;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline} .threadLastPostTd {font-size:9pt} .threadDescr {color:#8f8e8e;font-size:9pt} .threadNoticeLink {font-weight:bold} .threadsDetails,.forumOnlineBar {padding:5px 0;} a.threadPinnedLink {font-weight:600;color:#f63333!important;font-family:Cuprum;font-size:20px;} a.threadFrmLink {color:#939fae!important} .postpSwithces {font-size:8pt} .thDescr {font-weight:normal} .threadFrmBlock {font-size:9pt;text-align:right} .forumNamesBar {font-size:12px;padding:3px 0} .forumModerBlock {padding:3px 0} .postPoll {text-align:left;} .postUser {font-weight:bold} .postRankName {margin-top:5px} .postRankIco {margin-bottom:5px;margin-bottom:5px} .reputation {margin-top:5px} .signatureHr {margin-top:20px} .postTdInfo,.posttdMessage {padding:20px;} .postTdInfo {text-align:center;border-right:3px solid #f8f8f8;border-bottom:3px solid #f8f8f8;} .posttdMessage {line-height:18px;border-bottom:3px solid #f8f8f8;background:#fff;} .pollQuestion {text-align:center;font-weight:500;} .pollButtons,.pollTotal {text-align:center} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt} .pollSubmit {font-weight:bold} .pollEnd {text-align:center;height:30px} .signatureView {display:block;font-size:8pt;line-height:14px;padding:0 0 0 10px;border-left:3px solid #eee;} .edited {padding-top:30px;font-size:8pt;text-align:right;color:gray} .editedBy {font-weight:bold;font-size:8pt} .statusBlock {padding-top:3px} .statusOnline {color:#0f0} .statusOffline {color:#f00} .newThreadItem {padding:0 0 8px;background:url(/.s/t/1323/12.gif) no-repeat 0 4px} .newPollItem {padding:0 0 8px;background:url(/.s/t/1323/12.gif) no-repeat 0 4px} .pollHelp {font-weight:normal;font-size:8pt;padding-top:3px} .smilesPart {padding-top:5px;text-align:center} .pollButtons button {margin:0 10px 0 0!important} .postBottom .goOnTop {display:none!important} .postIpLink {text-decoration:none;} .thread_subscribe {text-decoration:none;} .thread_subscribe:hover {text-decoration:underline;} .postip,.postip a {font-size:11px;color:#444;} .UhideBlockL {background:none;border:1px solid #eee;padding:10px;color:#939fae;} .UhideBlockL a {color:#939fae; text-decoration:underline;} .forumNamePrivate, .forumNameArchive {cursor:default;color:#fff;font-size:11px;background:#b8b8b8;margin-top:12px;padding:2px 8px;font-weight:normal;display:inline-block} .forumNamePrivate i, .forumNameArchive i {margin-right:6px} .forumNameArchive {background:#91a3bc} #casing input[type='text'],#casing input[type='password'],#casing textarea,#casing input[type='file'],#casing select,.filterBlock {color:#999;background:#fff;padding:7px 5px;margin:0 0 1px;text-decoration:none;border:1px solid #eee;outline:none;} #options-vals input {font-size: 11px;} #casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:11px!important;padding:9px 11px;margin:0 0 1px;border:none;font-weight:normal!important;cursor:pointer;background:#f27935;text-transform:uppercase;color:#fff; width:auto !important} input.commFl,textarea.commFl,.prosFl,.consFl,.mchat,.sidebox .loginField,.postTextFl {width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;} #mchatMsgF {min-height:60px;max-width:98%;} #casing textarea {resize: vertical;} #MCaddFrm table {border-spacing:0;} #MCaddFrm table td {padding:2px 0;} #casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover {background:#9b59b6;color:#fff;} #iplus input {width:auto!important;} #thread_search_field {margin-right:0px!important;} div[id^="imblock"] > span:first-child {width: 34px;display: inline-block;text-align: center;padding-right: 0!important;} div[id^="imblock"] > div:first-child,#iplus > div {line-height: 34px; vertical-align: middle;} div[id^="imblock"] {clear: both;} .editImgBlock {padding-left: 7px;} .uplFileFl {margin-left:35px!important;} .ucoz-forum-post-image-interface {padding-left: 12px;} [id^="catSelector"] {width: auto!important;padding-left: 3px!important;padding-right: 3px!important;} textarea.mchat {vertical-align: bottom;} input[type="text"][id^="qid-"] {margin-bottom: 0 !important; } input[type="text"][id^="qid-"],input[type="button"][id^="bid-"] {-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: top;} span[class^="id-good"]{vertical-align: bottom;line-height: 31px;} .manTable select {max-width: 300px;} .ucoz-forum-post {line-height:1.4;font-size: 17px;} #doSmbBt,.u-combobut {display:none;} #casing .u-comboeditcell,#casing .u-combo {border:0!important;background:none!important;} #casing .u-combolist,#content .xw-mc {padding:5px 3px;background:#fff;border:1px solid #eee;margin:0;font-size:12px!important;color:#939fae!important;} #content .xw-tl,#content .xw-bl,#content .u-menuvsep {display:none;} #content .xw-ml,#content .xw-mr {margin:0;padding:0;background:none;} #uNetRegF table {text-align:left;} #uNetRegF table table {clear:both;} #uNetRegF table table td {padding:5px 0 0 0;} .manTable td input,.manTable td textarea {max-width:99%;} .manTable td input#id_file_add {max-width:none;} .entTd .eDetails {margin:0 0 40px;} .opt_vals .gTableSubTop {padding-left:0;background:none;} #content form[action$="search/"] table {width:100%;} #content form[action$="search/"] table td {white-space:normal!important;} #content form[action$="search/"] table td+td {width:30%;} #content .queryField {width:70%!important;} #slideshowBlock7 {margin:0 0 20px;} #selectPhotosBtn {height:auto!important;} #content .gTableSubTop {font-size:10px!important;} .cats-select-btn {text-shadow: inherit !important;} .allUsersBtn, .uSearchFlSbm {width:180px!important;text-align:center} .gphoto, .smiles img {max-width: inherit;} #baseLogForm td:first-child {width: 25%;} .ucoz-forum-post-image-preview {max-width: inherit!important; max-height: 35px!important;} #mchatBtn {padding:0px!important;text-align:center!important;} #catSelector9 {background:#efefef!important;border:1px solid #efefef!important;color:#666!important;width:200px!important} .u-comboeditcell {border:0px !important} .u-combolist {border-top:1px solid #B5B8C8!important;margin-top:5px!important} .fileinput input {padding:4px 7px!important;} .catsTable {padding:10px 0px} .catsTd {padding:5px 0px;color:#8B8B8C;font-size:13px} .catsTd a {color:#8B8B8C;text-decoration:none} .catsTd a:hover {color:#000;text-decoration:none} #forum_filter #filter_by {margin: 15px 10px 0px 0px!important;} #thread_search_form {min-width:300px;} #filter_word{display:inline-block;width:auto;margin-top:10px;} .navigationTbl,.FastSearchTbl{width:auto!important;} .fastSearch{display:inline-block!important;margin: 0px 0px 11px 4px;} .fastNav{margin: 0px 0px 4px 4px;} input.postNameFl,input.postDescrFl{padding: 12px 5px;} input.button{margin:0;} .userAvatar{border-radius:100%;width:100px;} #subscribe{display:none;} .h-forum-box {background: #f5f5f5;height: 50px;padding:0px;} .h-forum-box a {float: left;display: inline-block;color: #80899b;text-decoration: none;font-size: 13px;padding: 0px 25px;border-right: 1px solid #fff;line-height:50px;} .h-forum-box a i {margin-right: 7px;color: #b5bccc;} .forumLastPostLinkDate{font-size: .8rem;} .forumLastPostLink{padding: 0;font-size: 14px;font-weight: 500;color: #353535;} .statusOffline {background: #dedede;} .statusOnline {background: #dedede;} .statusOnline, .statusOffline {vertical-align: middle !important;margin-top: -2px;margin-left: 4px;width: 6px;height: 6px;background: #71c23b;display: inline-block;color: rgba(0,0,0,0);font-size: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .searchForumsFl {width: 100%;} .searchQueryFl{margin: 10px 0;width:auto!important;} .uTable.user-list td{border-bottom:0!important;padding: 20px 0 10px 0!important;} .pollreSultsBut{width:auto;} .pollQuestion{font-size:20px;} .pollPos{padding: 4px 12px!important;font-weight: 700;background: #202c39;color:#fff;} td.pollResults tr {border-bottom: #fff 5px solid;border-radius: 3px;} .postPoll td {border: 0px !important;padding: 12px 20px!important;} td.pollAnsw {background: #f8f8f8;} td.pollResult, td.pollPos, td.pollPers {background: #353535;color: #fff;} .postPoll{border-left:1px solid#f5f5f5;} .pollResults{width:1390px;} .pollPers{text-align:center;} .pollBar img{height:10px;max-width: 150px!important;} .forumPrivate, .forumArchive {cursor: default;color: #fff;font-size: 11px;background: #d8d8d8;margin-top: 12px;padding: 2px 8px;font-weight: normal;display: inline-block;} .forumArchive {background: #d8d8d8;} .forumPrivate i, .forumArchive i {margin-right: 6px;} .funcBlock {color:transparent;} #subscribe {color:transparent;} td.pollAnswer{background:#f8f8f8;border-bottom:5px solid#fff!important;width: 1350px;} td.pollAnswer label{margin: 0 5px;} #sbmPl, .postPreview, .postSubmit{margin: 5px 0;} .forumIcoTd img, .forumLastPostTd img, .legendTd img, .threadIcoTd img, .threadLastPostTd img {max-width: 60px !important;margin: 5px 8px 0px 0px !important;} .quoteMessage {background: transparent!important;} @media (max-width:1023px) { .postTable, .postTable tbody, .postTable tr, .postTable td {display: block;} .gTableSubTop, .postTdTop{padding:0px!important;text-align: center;overflow: hidden;} .postTdTop{width:100%;} .userSchFrm select, .gTableBody1 select{margin: 2px 0;} .gTableSubTop, .forumThreadTd, .forumPostTd, .forumLastPostTd, .threadIcoTd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadLastPostTd, .legendTable, .fFastSearchTd, .fFastNavTd, .funcBlock, .userRights, .forumNamesBar{display: none;} .ThrBotTbl,.threadIcoTd,.gTableSubTop,.FrmBotTbl,.threadPostTd,.threadViewTd,.threadAuthTd,.forumThreadTd,.forumPostTd, .forumLastPostTd, .fFastNavTd, .forumNamesBar {display: none;} .gTableBody, .gTableBody1, .gTableBottom, .gTableError, .forumNameTd, .forumLastPostTd, .threadNametd, .threadAuthTd, .threadLastPostTd, .threadsType, .postPoll, .newThreadBlock, .newPollBlock, .newThreadBlock, .newPollBlock, .gTableRight, .postTdInfo, .codeMessage, .quoteMessage, .forumIcoTd, .forumThreadTd, .forumPostTd, .gTableLeft, .threadIcoTd, .threadPostTd, .threadViewTd, .postBottom {font-size: 14px;} .gTableRight img {height: 30px;width: auto!important;max-width:none;padding-right: 40px !important;} #thread_search_form {display: none;} .custom-select, #filter_word{margin:0 0 10px 0;} .h-forum-box {height: auto;} .h-forum-box a {float: none;border-right: 0px;line-height: normal;display: inline-block;padding: 7px 20px;} #frM53 .gTableLeft, #frM53 .gTableRight {display: block;width: auto !important;} .uTable tr td:first-child + td ~ td, #thread_search_form, #forum_filter, #thread_search_form {display: none;} .gTableBody1.searchQueryFl {display: block;} navigationTbl, .uTopTd:nth-child(2), .uTopTd:nth-child(3), .uTopTd:nth-child(4), .uTopTd:nth-child(5), .uTopTd:nth-child(6){display: none !important;} td.pollResult, td.pollPos, td.pollPers {display: none !important;} td.pollAnsw {overflow: hidden;display: block;max-width: 150px;} .pollBar img{height:10px;max-width: 100px!important;}} .forum-rules{padding: 20px 40px;font-size: 17px;line-height:1.4;} /*===============================*/ .contact{display: block;margin: 0 0 15px 0px;} .contact a{font-weight:400;} .contact i{margin: 0 5px 0 0;} .map{width:100%;} .btn-back{color:#fff;text-align:center;display:inline-block;font-size:16px;border:none;padding:10px 30px;cursor:pointer;margin:20px 0;} .btn-back a{color:#fff;font-weight:400;} .error{font-size:26px;font-family: 'Cuprum';color: #353535;margin-bottom:30px;} .img-error{margin-bottom:50px;} .error-top{text-align:center;} .content-error{text-align:center;padding: 50px 0px 30px 0px;} .blue.widgetbox a{font-weight:400;} .flickr{text-align: center;} .recposts .post-big small{display: block;margin:7px 0;} .star-block{display: inline-block;} .posmeta-block{margin-top: 10px;border-top: 5px solid #d5d5d5;font-size: 12px;} #pagesBlock1{margin:20px;} .forum-date{display:block;} .error-block{margin-top: 30px;} #oldPhotos{margin-bottom: 10px;} .photo-block, .photo-eblock { position: unset!important; display: inline-block; vertical-align: middle; padding: 5px; font-size: 16px!important; background: none!important; box-shadow: none!important; border-radius: 0!important; } .animate-wrap img {height: 160px;object-fit: cover;} .animate-wrap .ph-wrap { margin: 0 5px!important; } #leftSwch, #rightSwch {top: -60px;} #leftSwch {right: 10px;} #rightSwch {left: 10px;} .photo-edescr { margin: 15px 0px 25px 0px!important; text-align: center!important; line-height: 1.2; font-family: Open sans; font-size: 14px; } .block-large-photo{padding:20px;background:#fff;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:460px;} .block-small-photo{padding:10px 0 20px 0;background:#fff;margin-bottom:30px;} .box { max-width: 100%; height: auto; overflow: hidden; margin-bottom: 12px; } .pagesBlockuz1{ display: flex; align-items: center; justify-content: center; width: 100%; } /* AJAX ОКНО v.2.0 ============================================================================*/ .xw-plain{ border-radius: 5px!important; box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.15)!important; } .xw-plain .xw-bc { height: 0px!important; } .xw-plain .xw-tl { padding-left: 0px!important; } .xw-plain .xw-tr { padding-right: 0px!important; border-top-left-radius: 0px; border-top-right-radius: 0px; } .xw-plain, .xw-resize, .xw-active { z-index: 99 !important; color:#612D73; padding:0; } .xw-hdr-text { font-size: 20px!important; color:#fff!important; font-weight: 500!important; text-transform:uppercase; font-family:'Cuprum'; } .xt {background:url('/img/dialog-close.png') no-repeat !important; float:right !important; opacity: 0.4 !important; } .xt-close {background-position:0 0 !important;} .xt-close-over {background-position:0 0 !important; opacity: 1 !important; } .xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc { background:#fff !important; border:0 !important; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .xw-body {border:0 !important; padding-left:7px !important; padding-right:1px !important; } .xw-plain .xw-body {padding: 25px 15px 25px!important;} .xw-plain .xw-hdr {padding: 15px 10px 15px 15px;} .xw-tl, .xw-tr, .xw-tc { font-size: 11px!important; color: #FFF!important; background: #2a2a2a!important; font-weight: bold!important; } .xw-plain .xw-tc { border-top-left-radius: 0px; border-top-right-radius: 0px; } .xt-maxi, .xt-mini, .xw-sps {display:none !important;} .myWinPollTd {padding:3px!important; border: 1px solid #612D73!important; } .myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA {display: none !important;} .myBtnCenter, .myBtnCenterA {background: none !important;} .loginButton, .myBtnCont a {display:inline-block;padding:10px 20px;margin-bottom:0;font-size:16px!important;font-weight:400;text-align: center;white-space:nowrap;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;border-radius:0px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;color: #ffffff!important;background-color: #353535;border-color: #353535;text-transform:none;font-family:'Roboto';} .loginButton:hover,.myBtnCont a:hover {background-color:#353535;border-color:#353535;} .ubtn-default, .light-btn { padding: 9px 20px!important; height:40px!important; display: inline-block; margin-bottom: 0; font-size: 16px!important; font-weight: 400; text-align: center; vertical-align: middle; border-radius:0px!important; color: #fff!important; background: #353535!important; border: 1px solid #353535!important; font-family:'Roboto'!important; text-transform: none; } .ubtn-default:hover, .light-btn:hover { height:40px!important; background-color: #353535!important; border-color: #353535!important; } .myWinCont .tmplCodeH, .myWinCont input:not([type="color"]):not([type="file"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.tmplCodeH){ box-shadow: none !important; background-color: #eee !important; border: none !important; -webkit-text-fill-color: #353535 !important; } .myBtnCenterA, .myBtnLeftA, .myBtnRightA { border-color: transparent!important; } .myBtnCenterA, .myBtnLeftA, .myBtnRightA { border-color: transparent!important; } .myWinTD1 { background: none!important; } .myWinCont { color: #fff!important; background: none!important; } .mywincont, .mywincont td, .mywincont dl, .mywincont dt { color: #1D1F22!important; } .myWinCont fieldset { border-bottom: 0px solid #fff!important; padding: 10px!important; } .myWinCont fieldset:last-child{ border-bottom: none!important; } .myWinCont legend { display: block!important; width: 100%!important; padding: 20px 0px 0 0!important; margin-bottom: 0px!important; font-size: 14px!important; line-height: inherit!important; color: #494949!important; border: 0!important; background-color: #fff!important; } .myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt, .xw-mc { font-size: 14px!important; color:#707070!important; padding: 3px; font-family:'Roboto'!important; font-weight:300!important; } .myWinCont hr {display:none;} .myWinCont a:link, .myWinCont a.noun:link, .myWinCont a:visited, .myWinCont a.noun:visited { text-decoration: none; color: #707070!important; font-family:'Roboto'; font-weight:300!important; } .myWinCont input[type="text"], .myWinCont input[type="password"], .myWinCont .tmplCodeH { color: #353535!important; border: 0px solid rgba(0,0,0,.1) !important; background: #e8e8e8 !important; border-radius:0px!important; width: auto; filter:none; display: inline-block; } .myWinCont select { color: #353535!important; border: 0px solid rgba(0,0,0,.1) !important; border-radius: 0px!important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' class='cls-1' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A")!important; background-color: #e8e8e8 !important; background-repeat: no-repeat!important; background-position: right .7em top 50%, 0 0; font-size: 14px!important; font-weight:300!important; } .myWinCont textarea { color: #494949!important; border: 0px solid rgba(0,0,0,.1) !important; background-color: #e8e8e8 !important; box-sizing: border-box; padding: 4px 5px; border-radius:0; font-size: 14px!important; font-family:'Roboto'; font-weight:300!important; } .myWinCont form { padding: 5px!important; margin: 0px; float: left!important; margin-left: 3px !important; } .myWinCont b { color: #707070!important; font-weight: 300!important; font-family:'Roboto'!important; font-size:14px; } .myWinCont label { cursor: pointer; display: inline; margin-left: 5px!important; vertical-align: middle; font-weight: 300; font-size: 14px!important; } #txtF774 {width:200px!important;display:inline-block!important;} #subbutfrmLg555 {margin-left: 80px!important;} #subbutfrm456 {margin-right:15px;} #subbutcntManF8 {margin-top:10px;margin-left: 160px;} #subbutPrm348 {margin-left: 65px!important;} #frm235 {width:100%;} .myWinCont { overflow: auto; display: block; width:auto!important; height: auto!important; } .xw-plain .myBtnCont a:link { color: #fff !important; transition: all .5s ease; } .xw-plain .myBtnCont a:hover { color: #fff!important; text-decoration:none!important; } .xw-plain .myBtnCenter, .xw-plain .myBtnLeft, .xw-plain .myBtnRight { border-color: transparent!important; }