Results of the CSS crunched for poollife.ru

Let's see what we've done for poollife.ru

CSSCruncher.com has crunched this CSS to
10.02 %Less Size! Nice!

Crunched CSS code:

*{background:transparent;margin:0;padding:0;outline:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
article,aside,figure,figure img,hgroup,footer,header,nav,section,main{display:block}
body{font:14px 'Roboto',Arial,Helvetica,sans-serif;line-height:normal;padding:0;margin:0;color:#000;background:#f2f5fa url(../images/bg.jpg);height:100%;width:100%;font-weight:400}
img{max-width:100%}
.clr{clear:both}
.clearfix:after{content:"";display:table;clear:both}
a{color:#000;text-decoration:none}
a:hover,a:focus{color:#000;text-decoration:none}
h1,h2,h3,h4,h5{font-weight:400;font-size:18px}
.form-wrap{}
.sub-title h1{margin-bottom:15px;font-size:24px;font-weight:500}
.pm-page,.search-page,.static-page,.tags-page,.form-wrap{}
.search-page{margin-left:7px;margin-right:7px}
button,textarea,input[type="text"],input[type="password"]{appearance:none;-webkit-appearance:none;font-size:16px;font-family:Roboto !important}
.button,.pagi-load a,.up-second li a,.usp-edit a,.qq-upload-button,button:not(.color-btn):not([class*=fr]), html input[type="button"],input[type="reset"],input[type="submit"],.meta-fav a,.usp-btn a{background:#216dea;padding:0 30px;display:inline-block;height:40px;line-height:40px;border-radius:20px;cursor:pointer;background-color:#216dea;color:#fff;text-align:center;font-weight:400;font-size:14px}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button[disabled],input[disabled]{cursor:default}
.button:hover,.up-second li a:hover,.usp-edit a:hover,.qq-upload-button:hover,.pagi-load a:hover,.usp-btn a:hover, button:not(.color-btn):hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,.meta-fav a:hover{background-color:#0b86af;color:#fff}
button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1)}
input[type="submit"].bbcodes,input[type="button"].bbcodes,input.bbcodes,.ui-button{font-size:12px !important;height:30px !important;line-height:30px !important;padding:0px 10px;border-radius:3px}
input[type="text"],input[type="password"]{display:block;width:100%;height:40px;line-height:40px;padding:0 15px;color:#000000;background-color:#f8f8f8;border-radius:4px;-webkit-appearance:none;box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1)}
input[type="text"]:focus{}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
select{height:40px;border:1px solid #e3e3e3;background-color:#FFF}
textarea{display:block;width:100%;padding:10px;border:1px solid #e3e3e3;background-color:#F8F8F8;border-radius:0;overflow:auto;vertical-align:top;resize:vertical;box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1)}
.img-box,.img-wide,.img-resp,.img-resp-v,.img-resp-sq{overflow:hidden;position:relative;background-color:#000}
.img-resp{padding-top:57%}
.img-resp-v{padding-top:130%}
.img-resp-sq{padding-top:100%}
.img-box img,.img-resp img,.img-resp-v img,.img-resp-sq img{width:100%;min-height:100%;display:block}
.img-resp img,.img-resp-v img,.img-resp-sq img{position:absolute;left:0;top:0}
.img-wide img{width:100%;display:block}
.img-square img{width:150%;max-width:150%;margin-left:-25%}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
button,.th-img,.s-in,.s-br-in,.tc-title{transition:all .3s}
.button{transition:color .3s,background-color .3s,opacity .3s}
.ps-link{cursor:pointer}
.icon-l .fa{margin-right:10px}
.icon-r .fa{margin-left:10px}
.fx-row{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.fx-start{-webkit-justify-content:flex-start;justify-content:flex-start}
.fx-first{-ms-flex-order:-1;-webkit-order:-1;order:-1}
.fx-last{-ms-flex-order:10;-webkit-order:10;order:10}
.fx-1{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
b, 
.wrap{min-width:320px;overflow:hidden}
.center{max-width:1200px;margin:0 auto;position:relative;z-index:20}
.block{}
.header{background-color:#FFF;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);position:relative;z-index:9999;margin:0 -2000px;padding:0 2000px}
.h-line{height:30px;line-height:30px;background-color:#f2f5fa;margin:0 -2000px;padding:0 2000px}
.h-sticky{height:110px}
.h-nav{background-color:#216dea;color:#FFF;position:relative;bottom:-15px;border-radius:4px;z-index:10}
.cols{padding:45px 0 60px 0}
.side{width:240px;float:left;position:relative;z-index:200}
.main{width:calc(100% - 270px);width:-webkit-calc(100% - 270px);float:right;min-height:600px}
.footer{background-color:#262f38;color:#b5bcc6;margin:0 -2000px;padding:30px 2000px 8px 2000px}
.pages{background-color:#FFF;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);padding:30px}
#gotop{position:fixed;width:50px;height:50px;line-height:46px;right:10px;bottom:10px;cursor:pointer;font-size:20px;z-index:9998;display:none;opacity:1;background-color:#fff;color:#888;border-radius:50%;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,0.2)}
.h-menu li{display:inline-block;margin-right:30px;font-size:14px}
.h-menu a:hover,.h-call:hover,.h-call:hover{text-decoration:underline}
.h-call{color:#216dea;cursor:pointer}
.logo{display:block;width:240px;height:80px;margin:25px 30px 0 0;float:left}
.h-contacts{float:left;height:70px;margin-top:25px;padding-left:30px;position:relative}
.h-contacts > .fa{position:absolute;left:0;top:5px;color:#ffa200;font-size:24px}
.h-tel{font-size:24px}
.h-tel span{color:#216dea;font-size:18px}
.h-subinfo{color:#888;font-size:12px;margin-top:10px}
.h-subinfo a{color:#216dea;text-decoration:underline}
.h-btns{float:right;margin-top:17px}
.h-btns .button{width:200px;text-align:center;display:block;padding:0}
.h-btns .button + .button{margin-top:10px}
.btn-cart{background-color:#ffa200;position:relative}
.btn-cart i{font-style:normal}
.search-box{float:left;margin-top:42px;margin-left:40px;width:240px}
.search-field1{width:100%;position:relative}
.search-field1 input,.search-field1 input:focus{width:100%;padding:0 40px 0 15px;border-radius:20px;background-color:#fff;color:#2a2a2a;height:40px;line-height:40px;box-shadow:0 0 0 1px #e3e3e3}
.search-box button{position:absolute;right:0;top:0;padding:0 !important;width:40px;height:40px !important;line-height:40px !important;font-size:18px;background-color:transparent !important;color:#888 !important}
.h-nav{text-align:center;font-size:0;clear:both}
.h-nav > li{display:inline-block;font-size:14px;position:relative}
.h-nav > li > a{display:block;padding:0 13px;line-height:50px;border-right:1px solid #2060ca;color:#FFF}
.h-nav > li:last-child > a{border-right:0}
.submenu > a:after{content:"\f107 ";font-family:'FontAwesome';margin-left:7px}
.h-nav > li > a:hover,.h-nav .menuactive > a{color:#fff;background-color:#2060ca}
.hidden-menu{position:absolute;left:0;top:100%;z-index:998;background-color:#2060ca;width:240px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2);display:none;text-align:left}
.hidden-menu a{display:block;border-bottom:1px solid #216dea;color:#fff;padding:10px 15px}
.hidden-menu a:hover{background-color:#216dea}
.side-box{background-color:#FFF;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);margin-bottom:30px}
.side-bt{padding:10px 15px;background-color:#ffa200;color:#FFF;font-weight:500;font-size:16px}
.side-bc{padding:15px}
.side-nav{padding:0}
.side-nav a{border-bottom:1px solid #e3e3e3;display:block;padding:7px 50px 7px 15px}
.side-nav li:last-child a{border-bottom:0}
.side-nav a:hover,.side-nav a.active,.side-nav .menuactive > a{background-color:#f2f6f8}
.side-nav li{position:relative}
.side-nav li span{position:absolute;right:10px;top:8px;opacity:0.6;font-size:12px}
.side-nav li ul{position:absolute;left:100%;top:0;background-color:#fff;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);width:240px;display:none}
.top-carou{width:98px;height:140px;display:block}
.top-carou img{height:100%;object-fit:cover}
.top-carou:before{content:'';position:absolute;z-index:10;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%)}
.tc-title{padding:7px;text-align:center;background-color:rgba(0,0,0,0);color:#fff;opacity:1;position:absolute;left:0;bottom:0;z-index:10;width:100%;font-size:12px}
.top-carou:hover .tc-title{opacity:0}
.news{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e3e3e3}
.news-title{text-decoration:underline;margin:5px 0 10px 0;display:block;color:#216dea}
.news-date{font-size:12px;opacity:0.5}
.news-desc{opacity:0.5;font-size:12px;line-height:1.7}
.news:last-child{border-bottom:0;padding:0;margin:0}
.floats .news{margin-left:7px;margin-right:7px}
.lcomm + .lcomm{margin-top:15px}
.linfo{margin-top:10px;padding-left:30px}
.ltext{padding:10px;position:relative;background-color:#f2f6f8;font-size:12px;color:#888}
.ltext:after{content:"";border:5px solid transparent;border-top:5px solid #f2f6f8;border-right:5px solid #f0f0f0;position:absolute;top:100%;left:10px}
.lcomm a{text-decoration:underline;color:#216dea}
.mtitle{font-size:24px;margin-bottom:30px;font-weight:500}
.floats{margin:0 -7px}
.sect-slides{margin-bottom:30px}
.sect-news{background-color:#f4f8fb;padding:15px 15px 0 15px;border:1px solid #dce6ed;border-top:3px solid #dce6ed}
.speedbar{color:#888;font-size:13px;margin:0 0 30px 0}
.speedbar a{color:#216dea;text-decoration:underline}
.speedbar a:hover{text-decoration:none}
.sect-brand{background-color:#FFF;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);padding:30px;padding-bottom:15px;margin-top:60px}
.sect-slides{margin-bottom:30px}
.sect-slides{display:block !important;width:100%;height:300px;overflow:hidden}
.slide-item{height:300px;padding:15px 350px 15px 110px;color:#FFF !important;overflow:hidden;box-shadow:inset 0 500px 0 0 rgba(0,0,0,0.3)}
.slide-title{font-size:24px;font-weight:500}
.slide-desc{margin:10px 0 20px 0;opacity:0.1;line-height:1.7}
.short-br{width:25%;float:left;padding:0 7px 15px 7px;text-align:center}
.s-br-in{padding:15px;display:block;border:1px solid #e3e3e3}
.s-br-img{height:80px}
.s-br-img img{display:block;max-width:100%;max-height:100%}
.s-br-title{display:block;margin-top:7px}
.s-br-in:hover{box-shadow:0px 0px 60px 0px rgba(179,202,211,1);z-index:10}
.short{width:25%;float:left;padding:0 7px 15px 7px}
.s-in{padding:15px 15px 110px 15px;background-color:#FFF;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);position:relative;height:355px;overflow:hidden}
.s-labels{position:absolute;left:15px;top:15px;pointer-events:none}
.s-discount,.s-hit{padding:0 10px;background-color:#ff5400;color:#FFF;font-size:14px;height:26px;line-height:26px;margin-bottom:10px}
.s-discount{background-color:#fabf00;width:70px}
.s-img{height:120px}
.s-img img{display:inline-block;max-width:100%;max-height:100%}
.s-meta{margin:10px 0;height:22px;overflow:hidden}
.s-comms{font-size:12px;opacity:0.6}
.s-title{display:block;line-height:20px;max-height:40px;overflow:hidden}
.s-cat{font-size:12px;color:#216dea;margin:10px 0 30px 0}
.s-cat .fa,.s-comms .fa{color:#000;opacity:0.3;margin-right:5px}
.s-info{padding-top:15px;border-top:1px solid #e8e8e8;height:80px;overflow:hidden;position:absolute;left:15px;right:15px;bottom:15px}
.s-price{font-weight:500;font-size:18px;width:50%}
.s-price span{font-weight:400;font-size:12px}
.s-nal{font-size:12px;opacity:0.6;width:50%;text-align:right}
.s-nal .fa{color:#8bb82a;margin-right:5px}
.no-nal .fa{color:#df0d27}
.s-in:hover{box-shadow:0px 0px 60px 0px rgba(179,202,211,1);z-index:10}
.s-to-full{font-size:12px;color:#216dea;display:inline-block;width:50%;text-decoration:underline;text-align:right;margin-top:10px}
.s-to-cart{padding:0;height:30px;line-height:30px;border-radius:15px;font-size:12px;width:50%;margin-top:10px}
.s-price2,.s-nal,.s-to-full,.s-to-cart{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-old-price{position:absolute;left:0;top:3px;font-size:12px;color:#df0d27;text-decoration:line-through}
.fx-1{min-width:0}
.short2{padding:15px;background-color:#FFF;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);margin:0 7px 15px 7px}
.s2-title{display:inline-block;margin-bottom:10px;color:#216dea;text-decoration:underline;font-size:18px}
.s2-loc{color:#888}
.s2-loc .fa{color:#ff5400;font-size:18px}
.s2-right{margin-left:30px;color:#888}
.s2-price span{font-size:18px;color:#000}
@media screen and (max-width:590px){.s2-right{width:40%;margin-left:15px}}
.s3-item{padding:15px;background-color:#FFF;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);margin:0 7px 15px 7px}
.s3-fixed{border:2px solid #ff5400}
.s3-img{display:block;width:210px;height:160px;margin-right:15px}
.s3-img img{height:100%;object-fit:cover}
.s3-img .s-labels{top:0;left:0}
.s3-img .s-hit{width:74px}
.s3-img .s-discount{width:auto}
.s3-col.fx-1{margin-right:30px}
.s3-title{display:inline-block;margin-bottom:5px;color:#216dea;text-decoration:underline;font-size:18px;max-width:100%}
.s3-text{margin-bottom:10px;color:#888;line-height:1.5;font-size:12px}
.s3-info,.s3-col li{color:#5c5c5c}
.s3-info span,.s3-col li span{color:#444;font-weight:500}
.s3-info + .s3-info{margin-top:5px}
.s3-col li + li{margin-top:5px}
.s3-col li{font-size:12px}
.s3-other{text-align:right}
.s3-price{text-align:center;padding:10px;border:1px solid #e3e3e3;margin-bottom:15px}
.s3-price span{font-weight:500;font-size:18px}
.s3-meta{color:#888;font-size:12px}
.s3-dop{margin-top:15px}
.s3-dop .fa{color:#216dea;margin-right:10px}
.bottom-nav{line-height:40px;text-align:center;padding:30px 0 0 0}
.pagi-nav{max-width:100%;display:inline-block}
.pagi-nav > span{display:inline-block}
.pprev,.pnext{}
.pprev{}
.pnext a,.pprev a,.pprev > span,.pnext > span{display:block;width:46px;text-align:center}
.navigation{text-align:center}
.navigation a,.navigation span,.pnext a,.pprev a,.pprev > span,.pnext > span{display:inline-block;padding:0 10px;background-color:#fff;margin:0px 5px 12px 5px;border-radius:4px;box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);min-width:40px}
.navigation span,.pagi-nav a:hover{background-color:#216dea;color:#fff}
.navigation span.nav_ext{background-color:#fff;color:#888}
.pagi-nav a:hover{background-color:#216dea;color:#fff}
.dle-comments-navigation .pagi-nav{margin-bottom:0}
.footer-cols{padding:0 0 30px 0;border-bottom:1px solid #374049;margin-bottom:15px}
.ft-col{width:18%;font-size:14px;line-height:20px}
.ft-title{margin-bottom:15px;font-size:16px;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-title:after{content:"\f078";margin-left:10px;font-family:'FontAwesome'}
.ft-col li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-col a{color:#b5bcc6}
.ft-col a:hover,.ft-help-menu a:hover{text-decoration:underline}
.footer-btm{font-size:14px;padding-top:8px;border-top:1px solid #374049;margin-top:15px}
.footer-help{padding-left:270px;min-height:80px;color:#FFF;background:url(../images/flogo.png) left center no-repeat}
.ft-help-menu{font-size:0}
.ft-help-menu li{display:inline-block;font-size:14px;margin-left:20px}
.ft-help-menu a{display:block;color:#FFF;line-height:30px}
.ft-paym-title{margin-bottom:15px;text-align:right}
.ft-paym-img{background-color:#fff;padding:10px}
.ft-paym-img img{max-width:80px;display:inline-block;vertical-align:middle}
.full h1{margin-bottom:15px;font-size:28px;font-weight:500}
.full h1 .fa{font-size:16px;margin-left:10px;vertical-align:middle}
.fcols{margin-bottom:30px}
.fimgs{width:380px;margin-right:30px}
.fctrl{border:1px solid #e3e3e3;padding:15px;margin-bottom:15px}
.fctrl1,.fctrl2{width:47%}
.gallery-hidden{display:none}
.gallery-shown{width:100%;max-width:100%}
.fctrl2 .s-old-price{position:static;display:inline;margin-left:5px}
.fctrl2 .s-price{width:auto;display:inline;font-size:24px}
.fctrl2 .s-price span{font-size:16px}
.fctrl2 .button{width:100%;padding:0;font-weight:500;font-size:16px}
.btn-one-click{font-weight:500;cursor:pointer;text-decoration:underline;margin-top:10px;text-align:center;display:block}
.fprice{text-align:center;margin-bottom:10px}
.fctrl1 .s-nal{text-align:left;width:auto}
.fdost{margin-top:10px}
.fdost .fa{color:#ff5400;width:25px}
.fdost a{text-decoration:underline;color:#216dea}
.finfo li{padding:7px 10px 7px 220px}
.finfo li:after{content:"";display:table;clear:both}
.finfo li:nth-child(2n+1){background-color:#f2f6f8}
.finfo li > span:first-child{opacity:0.7;display:inline-block;width:200px;float:left;margin-left:-210px}
.finfo a{text-decoration:underline;color:#216dea}
.tabs-sel span{display:inline-block;cursor:pointer;font-size:16px;font-weight:500;padding:10px 15px}
.tabs-sel span.current{color:#fff;background-color:#216dea}
.tabs-sel span:hover{text-decoration:underline}
.tabs-sel{margin-bottom:15px;border-bottom:1px solid #216dea;white-space:nowrap;overflow-y:hidden;overflow-x:auto}
.tabs-b{display:none}
.tabs-b.visible{display:block}
.rels{margin-top:30px}
.rels .s-in{height:320px;padding:15px}
.rels .s-img{margin-bottom:10px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{width:100%;max-width:100% !important;height:450px;display:block}
.mejs-container{max-width:100% !important}
.full-text{font-size:14px;line-height:1.75}
.full-text img:not(.emoji){max-width:100%;border:5px solid #e3e3e3;margin:10px 0}
.full-text > img[style*="left"],.full-text > .highslide img[style*="left"]{margin:0 10px 10px 0}
.full-text > img[style*="right"],.full-text > .highslide img[style*="right"]{margin:0 0 10px 10px}
.full-text a{text-decoration:underline;color:#216dea}
.full-text a:hover{text-decoration:none}
.full-text h2,.full-text h3,.full-text h4,.full-text h5{margin:10px 0;font-size:18px;font-weight:500}
.full-text p{margin-bottom:10px}
.full-text > ul,.full-text ol{margin:10px 0}
.full-text > ul > li{list-style:none;margin-left:40px;display:block;position:relative}
.full-text > ul > li:before{content:"\f00c";font-family:'FontAwesome';position:absolute;top:0px;left:-25px;width:8px;height:8px;color:#9cce43;border-radius:0}
.full-text ol li{list-style:decimal;margin-left:40px}
.full-text table{width:100%;text-align:left;margin:10px 0}
.full-text table tr td{padding:10px;border:2px solid #fff}
.full-text table tr:nth-child(2n+1){background-color:#f5f5f5}
.full-text table tr:nth-child(1){background-color:#598597 !important;color:#FFF;font-size:14px !important}
.full-text table img{display:block;margin:0;border:0;max-width:350px}
.attach{line-height:40px;background-color:#216dea;padding:0 15px 0 0;border-radius:4px;margin:10px 0;overflow:hidden}
.attach .download-link{color:#FFF !important;text-decoration:none !important;margin-right:15px;float:left;display:inline-block;padding:0 15px}
.attach-info{float:right}
.attach i{margin-right:5px}
.dcont{border:1px solid #e3e3e3;padding:0 15px 15px 15px;margin:0 0 20px 0;line-height:20px}
.polltitle{display:block;padding:10px 15px;margin:0 -15px 15px -15px;font-size:18px;line-height:normal;color:#FFF;font-weight:700}
.full-taglist a{color:#598597}
.full-taglist{margin-bottom:20px}
.full-taglist span:not(.fa):not(:last-child):after{content:",";display:inline}
.full-comms{max-width:780px}
.add-comm-form{position:relative;margin-bottom:30px}
.ac-soc{position:absolute;right:-2px;top:-6px}
.ac-soc:before{content:attr(data-label);display:inline-block;vertical-align:top;line-height:30px;margin-right:5px}
.ac-soc a{display:inline-block;margin:0 0 0 3px;vertical-align:top}
.ac-soc img{display:block;width:30px;height:30px;border-radius:15px}
.ac-inputs,.ac-textarea{margin-bottom:15px}
.ac-av{width:40px;height:40px;border-radius:50%;float:left;margin-right:10px;background:#fff url(../dleimages/noavatar.png) no-repeat;background-size:contain}
.ac-title{margin-bottom:15px}
.ac-inputs input{width:49%;box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1)}
.ac-textarea textarea{height:120px}
.ac-submit{}
.sec-answer + .sec-label{margin-top:10px}
.ac-protect{margin-top:-10px;display:none}
.ac-protect .label{font-size:12px}
.ac-protect .sep-input{padding:10px 10px 10px 160px}
.ac-protect input{}
.mass_comments_action{text-align:right;padding:5px 15px;background-color:#f2f6f8;margin:20px 0}
.last-comm-link{font-size:16px;margin-bottom:10px}
.last-comm-link a{text-decoration:underline;color:#598597}
.full-comms{}
.comments_subscribe input{margin-right:10px}
.comm-item{padding-left:60px;margin-bottom:20px}
.comm-left{width:40px;height:40px;margin-left:-60px;float:left;border-radius:50%}
.comm-right{width:100%;float:right;background-color:#f2f6f8;padding:10px;position:relative}
.comm-right:after{right:100%;top:10px;border:solid transparent;content:" ";height:0;width:0;position:absolute;border-color:rgba(255,255,255,0);border-right-color:#f2f6f8;border-width:10px}
.comm-one{padding:0 0 10px 0;position:relative}
.comm-one > span:nth-child(3){color:#bcbcbc;float:right;margin-right:0}
.comm-one > span{float:left;margin-right:10px}
.comm-author{}
.comm-author a{}
.rate3-comm{position:absolute;right:0;top:-5px;white-space:nowrap;font-size:16px;height:30px;line-height:30px;padding:0 10px;border-radius:15px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}
.rate3-comm a{cursor:pointer;height:30px;line-height:30px;display:inline-block;font-size:14px;color:#497b41;margin:0 5px 0 0;vertical-align:top}
.rate3-comm a:last-child{color:#a03939;margin:0 0 0 5px}
.rate2-comm a{color:#598597}
.rate3-comm a:hover{opacity:0.5}
.rate3-comm > span{height:30px;line-height:30px;font-size:12px;display:inline-block;vertical-align:top}
.rate3-comm > span > span.ratingtypeplus{color:#06b601}
.rate3-comm > span > span.ratingplus{color:#95c613}
.rate3-comm > span > span.ratingminus{color:#ff0e0e}
.comm-two{color:#4c4c4c;font-size:14px;line-height:1.5;padding-bottom:0}
.signature{font:italic 12px Georgia,"Times New Roman",Times,serif;margin-top:10px;padding-top:10px;border-top:1px dashed #e3e3e3}
.comm-three{margin-top:10px;font-size:12px;text-align:right}
.comm-three li{display:inline-block;margin-left:10px}
.comm-three a{}
.comm-three li:first-child{margin-left:0px;float:left}
.login-box{background-color:#FFF;padding:20px;display:none}
.lb-user{margin:-20px -20px 20px -20px;padding:20px;background-color:#f6f6f6;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}
.lb-ava{width:80px;height:80px;border-radius:50%;margin-right:20px}
.lb-name div{font-size:18px}
.lb-name a{margin-top:10px}
.lb-menu a{display:block;line-height:30px;padding:0 10px;background-color:#f6f6f6}
.lb-menu a:hover,.lb-menu a:hover .fa{background-color:#216dea;color:#fff}
.lb-menu a .fa{color:#ff5400}
.login-box input[type="text"],.login-box input[type="password"],.login-box button,.lb-check{display:block;margin-bottom:20px;width:100%}
.lb-check input{display:none}
.lb-check input + label:before{width:14px;height:14px;margin-right:7px;cursor:pointer;position:relative;top:3px;border-radius:3px;border:1px solid #ccc;content:"";background-color:#f6f6f6;display:inline-block}
.lb-check input:checked + label:before{background-color:#e5050b}
.lb-soc{margin:20px -20px -20px -20px;padding:20px;background-color:#f6f6f6;text-align:center}
.lb-soc a{display:inline-block;margin:10px 3px 0 3px;vertical-align:top}
.lb-soc img{display:block;width:30px;height:30px;border-radius:15px}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:100}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left}
.owl-carousel .owl-item > img{display:block;width:100%}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{display:none}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height 500ms ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;background-color:#FFF;-webkit-backface-visibility:hidden;transition:-webkit-transform 100ms ease;transition:transform 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-nav{position:absolute;left:0;right:0;top:50%;z-index:500;margin-top:-20px;height:1px}
.owl-prev,.owl-next{width:40px;height:40px;position:absolute;top:0px;z-index:200;text-align:center;line-height:40px;color:#000;font-size:18px;background-color:#fff;border-radius:50%}
.owl-prev{left:30px}
.owl-next{right:30px}
.owl-prev:hover,.owl-next:hover{background-color:#fabf00;color:#fff}
.owl-dots{text-align:center;padding:10px 0;position:absolute;left:0;right:0;bottom:0}
.owl-dot{display:inline-block;vertical-align:top;width:14px;height:14px;margin:0 7px;border-radius:50%;background-color:#f2f6f8}
.owl-dot.active{background-color:#fabf00}
.side-bc .owl-nav{position:static}
.side-bc .owl-dots{padding:0;position:static;padding-top:20px}
.side-bc .owl-dot{width:12px;height:12px;margin:0 5px}
.btn-menu,.btn-menu2{display:none}
.side-panel{width:280px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#f2f6f8;padding:0 0px;z-index:888;position:fixed;left:-280px;top:0;transition:left .4s;-webkit-transition:left .4s}
.side-panel.active{left:0}
.close-overlay{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:887;display:none}
.btn-close{cursor:pointer;display:block;left:280px;top:-40px;position:fixed;z-index:888;width:40px;height:40px;line-height:40px;text-align:center;font-size:18px;background-color:#216dea;color:#fff;transition:top .4s;-webkit-transition:top .4s}
.btn-close.active{top:0px}
.side-panel .h-nav{display:block;text-align:left;height:auto;margin:0;bottom:0;border-radius:0}
.side-panel .h-nav > li{width:100%}
.side-panel .h-nav > li > a{border-bottom:1px solid #2060ca;border-right:0;height:40px;line-height:40px}
.side-panel .hidden-menu,.side-panel .side-nav li ul{position:static;width:100%}
.side-panel .to-mob{margin-bottom:0}
@media screen and (max-width:1220px){.center{max-width:1000px}
.h-nav,.h-menu,.h-sticky-in:after,.side{display:none}
.h-line{padding:0 2015px}
.h-call{width:100%;text-align:center}
.h-sticky-in{padding:15px 15px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.search-box{width:100%;margin:10px 0 0 0;-ms-flex-order:10;-webkit-order:10;order:10}
.h-contacts,.logo,.h-btns{margin:0}
.h-sticky{height:170px;height:auto}
.h-btns .fa,.h-contacts .fa{display:none}
.h-btns .button{width:160px}
.h-contacts{padding:0}
.cols{padding:30px 15px}
.main{width:100%}
.footer{padding-left:2015px;padding-right:2015px}
.footer-help{padding-left:0;background-image:none}
.ft-help-menu li{margin:0 20px 0 0}
.btn-menu{display:block;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;background-color:#216dea;color:#fff;font-size:24px;border-radius:50%}
.pages{padding-left:15px;padding-right:15px}}
@media screen and (max-width:950px){.center{max-width:768px}
.slide-item{padding:15px 110px}
.short,.short-br{width:50%}
.ft-col{width:40%;margin-bottom:20px}
.footer-help,.footer-btm{display:block;text-align:center}
.ft-help-menu li{margin:0 10px 5px 10px}
.ft-help-menu{margin-bottom:20px}
.ft-paym-title{text-align:center}
.ft-copyr{margin-bottom:15px}
.h-sticky-in{padding:10px 15px}
.search-box{margin-top:10px}
.h-btns,.h-contacts{display:none;width:100%;-ms-flex-order:8;-webkit-order:8;order:8}
.h-btns .fa{display:inline-block}
.h-btns .button{width:100%}
.btn-menu2{display:block;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;font-size:24px;border-radius:50%;background-color:#216dea;color:#fff}
.is-active .h-btns{display:block;margin-top:15px}
.is-active .h-contacts{display:block;text-align:center}
.fimgs,.fdesc{width:100%;margin:0}
.fdesc{margin-bottom:15px;-ms-flex-order:-1;-webkit-order:-1;order:-1;flex-basis:100%;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%}
.s3-item .fx-1 + .fx-1{display:none}}
@media screen and (max-width:760px){.center{max-width:640px}
.sect-slides{display:none !important}
.s3-item,.s3-desc{display:block}
.s3-img{margin:0 auto}
.s3-item .fx-1 + .fx-1{display:block}
.s3-col{margin-top:15px}
.s3-other{text-align:center}
.s3-meta,.s3-dop{display:none}
.s3-price{margin:0}
.comm-three li:not(:first-child),.comm-one > span:nth-child(2){display:none}
.dcont button{font-size:12px;padding:0 15px !important}
.ac-protect{margin-top:0px}
.comments-tree-list .comments-tree-list{padding-left:0px !important}
.comments-tree-list .comments-tree-list:before{display:none}
.mass_comments_action{display:none}
.sub-title h1{font-size:18px;line-height:24px}}
@media screen and (max-width:590px){.center{max-width:480px}
.fctrl1,.fctrl2{width:100%}
.fctrl1{margin-top:15px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{height:300px}
.ac-soc{position:static}
.ac-inputs input{width:100%;margin-top:10px}
.ac-protect{width:100%;float:none;margin:0}
.ui-dialog{width:100% !important}
.upop-left,.upop-right{float:none !important;width:100% !important;margin:0;padding:0 20px}
.upop-left{margin-bottom:10px;text-align:center}
.ui-dialog-buttonset button{display:block;margin:0 0 5px 0;width:100%}
#dofullsearch,#searchsuggestions span.seperator{display:none !important}
.attach .download-link{margin:0 -15px 0 0;float:none;display:block;padding:0 10px}
.attach-info{float:none}}
@media screen and (max-width:470px){.center22{max-width:320px}
.short,.short-br{width:100%}
.mtitle{font-size:18px}
.ft-col{width:48%}
.ft-col:nth-child(5){width:100%;text-align:center}
.logo{width:160px;height:50px}
.full h1{font-size:18px}
.finfo li{padding:7px 10px 7px 120px}
.finfo li > span:first-child{width:100px;margin-left:-110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comm-one > span:nth-child(3),.signature{display:none}
.comms-title{text-align:center;display:block}
.comms-title .button{width:100%}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{height:250px}}
.calc_block:after{content:"";display:block;clear:both}
.calc_block .half{text-align:center}
.calc_block .track{background-image:url('../images/proc1.jpg');width:300px;margin:15px;border-radius:37px;border-style:solid;border-width:1px;float:left;height:13px}
.calc_block .label{font-weight:bold}
.calc_block .input span{display:inline-block;vertical-align:middle;font-weight:bold;margin-left:5px}
@media (min-width:768px){.calc_block .half{width:50%}
.calc_block .half.img{float:right}
.calc_block .half.bd{float:left}
.calc_block .group{display:table-row}
.calc_block .group > div{display:table-cell;vertical-align:middle;white-space:nowrap}
.table{display:table;margin:0 auto}
.tr{display:table-row}
.td{display:table-cell;vertical-align:top}}
@media (max-width:767px){.calc_block .group{width:300px;max-width:100%;margin:0px 0 20px;text-align:left}
.calc_block .group > div{margin-left:15px}
.calc_block .track{max-width:100%}
.table{margin-left:15px}}

» Show original CSS code

« Hide original CSS code

/* SET BASE
----------------------------------------------- */
* {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
body {font: 14px 'Roboto', Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0;        
color: #000; background:#f2f5fa url(../images/bg.jpg); height:100%; width:100%; font-weight:400;}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #000; text-decoration: none;}
a:hover, a:focus {color:#000; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight:400; font-size:18px;}

.form-wrap {}
.sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:500;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap {}
.search-page {margin-left: 7px; margin-right: 7px;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; font-size: 16px; 
font-family: Roboto !important;}
/*--- SET ---*/
.button, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {    background: #216dea;
padding:0 30px; display:inline-block; height:40px; line-height:40px; border-radius:20px; cursor:pointer; 
background-color:#216dea; color:#fff; text-align:center; font-weight:400; font-size:14px;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
{background-color:#0b86af; color:#fff;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#f8f8f8; border-radius:4px; -webkit-appearance: none; 
box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}
input[type="text"]:focus {}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent}

select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#F8F8F8; 
border-radius:0; overflow:auto; vertical-align:top; resize:vertical; 
box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}

.img-box, .img-wide, .img-resp, .img-resp-v, .img-resp-sq {overflow:hidden; position:relative; background-color:#000;}
.img-resp {padding-top:57%;}
.img-resp-v {padding-top:130%;}
.img-resp-sq {padding-top:100%;}
.img-box img, .img-resp img, .img-resp-v img, .img-resp-sq img {width:100%; min-height:100%; display:block;}
.img-resp img, .img-resp-v img, .img-resp-sq img {position:absolute; left:0; top:0;}
.img-wide img {width:100%; display:block;}
.img-square img {width:150%; max-width:150%; margin-left:-25%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .th-img, .s-in, .s-br-in, .tc-title {transition: all .3s;}
.button {transition: color .3s, background-color .3s, opacity .3s;}
.ps-link {cursor:pointer;}
.icon-l .fa {margin-right:10px;}
.icon-r .fa {margin-left:10px;}

.fx-row {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}

/*b, strong {font-weight: 500;}*/
b,

/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; overflow:hidden;}
.center {max-width:1200px; margin:0 auto; position:relative; z-index:20;}
.block {}
.header {background-color:#FFF; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05); position:relative; z-index:9999; 
margin:0 -2000px; padding:0 2000px;}
.h-line {height:30px; line-height:30px; background-color:#f2f5fa; margin:0 -2000px; padding:0 2000px;}
.h-sticky {height:110px;}
.h-nav {background-color:#216dea; color:#FFF; position:relative; 
	bottom:-15px; border-radius:4px; z-index: 10;}
.cols {padding:45px 0 60px 0;}
.side {width:240px; float:left; position: relative; z-index: 200;}
.main {width:calc(100% - 270px); width:-webkit-calc(100% - 270px); float:right; min-height:600px;}
.footer {background-color:#262f38; color:#b5bcc6; margin:0 -2000px; padding:30px 2000px 8px 2000px;}
.pages {background-color:#FFF; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05); padding: 30px;}

#gotop{position:fixed; width:50px; height:50px; line-height:46px; right:10px; bottom:10px; cursor:pointer; font-size:20px;
z-index:9998; display:none; opacity:1; background-color:#fff; color:#888; 
border-radius:50%; text-align:center; box-shadow: 0 1px 4px rgba(0,0,0,0.2);}

/* HEADER
----------------------------------------------- */
.h-menu li {display:inline-block; margin-right:30px; font-size:14px;}
.h-menu a:hover, .h-call:hover, .h-call:hover {text-decoration:underline;}
.h-call {color:#216dea; cursor: pointer;}

.logo {display:block; width:240px; height:80px; margin:25px 30px 0 0; float:left;}
.h-contacts {float:left; height: 70px; margin-top:25px; 
	padding-left: 30px; position: relative;} 
.h-contacts > .fa {position: absolute; left: 0; top: 5px; color: #ffa200; font-size: 24px;}
.h-tel {font-size: 24px;}
.h-tel span {color: #216dea; font-size: 18px;}
.h-subinfo {color: #888; font-size: 12px; margin-top: 10px;}
.h-subinfo a {color: #216dea; text-decoration: underline;}
.h-btns {float:right; margin-top:17px;}
.h-btns .button {width:200px; text-align:center; display:block; padding:0;}
.h-btns .button + .button {margin-top:10px;}
.btn-cart {background-color:#ffa200; position: relative;}
.btn-cart i {font-style: normal;}
.search-box {float: left; margin-top: 42px; margin-left: 40px; width: 240px;}
.search-field1 {width:100%; position:relative;}
.search-field1 input, .search-field1 input:focus {width:100%; padding:0 40px 0 15px; border-radius:20px; 
background-color:#fff; color:#2a2a2a; height:40px; line-height:40px; box-shadow: 0 0 0 1px #e3e3e3;}
.search-box button {position:absolute; right:0; top:0;
padding:0 !important; width:40px; height:40px !important; line-height:40px !important; 
font-size:18px; background-color:transparent !important; color:#888 !important;}

.h-nav {text-align: center; font-size: 0; clear: both;}
.h-nav > li {display: inline-block; font-size: 14px; position: relative;}
.h-nav > li > a {display:block; padding:0 13px; line-height:50px; 
border-right:1px solid #2060ca; color:#FFF;}
.h-nav > li:last-child > a {border-right: 0;}
.submenu > a:after {content:"\f107 "; font-family:'FontAwesome'; margin-left:7px;}
.h-nav > li > a:hover, .h-nav .menuactive > a {color:#fff; background-color:#2060ca;}
.hidden-menu {position:absolute; left:0; top:100%; z-index:998; background-color:#2060ca; width:240px;
box-shadow:0 2px 2px 0 rgba(0,0,0,0.2); display:none; text-align: left;}
.hidden-menu a {display:block; border-bottom:1px solid #216dea; color: #fff; padding: 10px 15px;}
.hidden-menu a:hover {background-color:#216dea;}

/* SIDE
----------------------------------------------- */
.side-box {background-color:#FFF; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05); margin-bottom:30px;}
.side-bt {padding:10px 15px; background-color:#ffa200; color:#FFF; 
 font-weight: 500; font-size: 16px;}
.side-bc {padding:15px;}
.side-nav {padding:0;}

.side-nav a {border-bottom:1px solid #e3e3e3; display:block; padding:7px 50px 7px 15px;}
.side-nav li:last-child a {border-bottom:0;}
.side-nav a:hover, .side-nav a.active, .side-nav .menuactive > a {background-color:#f2f6f8;}
.side-nav li {position:relative;}
.side-nav li span {position:absolute; right:10px; top:8px; opacity:0.6; font-size:12px;}
.side-nav li ul {position: absolute; left: 100%; top: 0; background-color: #fff; 
box-shadow:0 5px 11px 0 rgba(0,0,0,0.05); width: 240px; display: none;}

.top-carou {width:98px; height:140px; display:block;}
.top-carou img {height: 100%; object-fit: cover;}
.top-carou:before {content: ''; position:absolute; z-index: 10; left:0; bottom:0; width:100%; height:100px; 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}
.tc-title {padding:7px; text-align:center; background-color:rgba(0,0,0,0); color:#fff; opacity:1; 
position:absolute; left:0; bottom:0; z-index: 10; width:100%; font-size:12px;}
.top-carou:hover .tc-title {opacity:0;}

.news {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e3e3e3;}
.news-title {text-decoration:underline; margin:5px 0 10px 0; display:block; color:#216dea;}
.news-date {font-size:12px; opacity:0.5;}
.news-desc {opacity:0.5; font-size:12px; line-height: 1.7;}
.news:last-child {border-bottom:0; padding:0; margin:0;}
.floats .news {margin-left: 7px; margin-right: 7px;}

.lcomm + .lcomm {margin-top:15px;}
.linfo {margin-top:10px; padding-left:30px;}
.ltext {padding:10px; position:relative; background-color:#f2f6f8; font-size: 12px; color: #888;}
.ltext:after {content:""; border: 5px solid transparent; border-top: 5px solid #f2f6f8; border-right: 5px solid #f0f0f0; 
position:absolute; top:100%; left:10px;}
.lcomm a {text-decoration: underline; color:#216dea;}

/* SECTION
----------------------------------------------- */
.mtitle {font-size:24px;  margin-bottom:30px; font-weight: 500;}
.floats {margin:0 -7px;}
.sect-slides {margin-bottom:30px;}
.sect-news {background-color:#f4f8fb; padding:15px 15px 0 15px; border:1px solid #dce6ed; border-top:3px solid #dce6ed;}
.speedbar {color:#888; font-size:13px; margin:0 0 30px 0;}
.speedbar a {color:#216dea; text-decoration:underline;}
.speedbar a:hover {text-decoration:none;}
.sect-brand {background-color:#FFF; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05); 
	padding:30px; padding-bottom: 15px; margin-top:60px;}
.sect-slides {margin-bottom:30px;}

/* SLIDER
----------------------------------------------- */
.sect-slides {display: block !important; width: 100%; height: 300px; overflow: hidden;}
.slide-item {height:300px; padding:15px 350px 15px 110px; color:#FFF !important; 
	overflow:hidden; box-shadow:inset 0 500px 0 0 rgba(0,0,0,0.3);}
.slide-title {font-size:24px; font-weight: 500;}
.slide-desc {margin:10px 0 20px 0; opacity:0.1; line-height: 1.7;}

/* BRANDS
----------------------------------------------- */
.short-br {width:25%; float:left; padding:0 7px 15px 7px; text-align:center;}
.s-br-in {padding:15px; display:block; border:1px solid #e3e3e3;}
.s-br-img {height:80px;}
.s-br-img img {display:block; max-width:100%; max-height:100%;}
.s-br-title {display:block; margin-top: 7px;}
.s-br-in:hover {box-shadow: 0px 0px 60px 0px rgba(179,202,211,1); z-index:10;}

/* SHORT
----------------------------------------------- */
.short {width:25%; float:left; padding:0 7px 15px 7px;}
.s-in {padding:15px 15px 110px 15px; background-color:#FFF; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);
position:relative; height:355px; overflow:hidden;}
.s-labels {position: absolute; left: 15px; top: 15px; pointer-events: none;}
.s-discount, .s-hit {padding:0 10px; background-color:#ff5400; color:#FFF; 
font-size:14px; height:26px; line-height:26px; margin-bottom: 10px;}
.s-discount {background-color:#fabf00; width: 70px;}
.s-img {height:120px;}
.s-img img {display:inline-block; max-width:100%; max-height:100%;}
.s-meta {margin:10px 0; height:22px; overflow:hidden;}
.s-comms {font-size:12px;opacity:0.6;}
.s-title {display:block; line-height:20px; max-height:40px; overflow:hidden;}
.s-cat {font-size:12px; color:#216dea; margin:10px 0 30px 0;}
.s-cat .fa, .s-comms .fa {color:#000; opacity:0.3; margin-right:5px;}
.s-info {padding-top:15px; border-top:1px solid #e8e8e8; height:80px; 
	overflow:hidden; position:absolute; left:15px; right:15px; bottom:15px;}
.s-price {font-weight:500; font-size:18px; width: 50%;}
.s-price span {font-weight:400; font-size:12px;}
.s-nal {font-size:12px; opacity:0.6; width: 50%; text-align: right;}
.s-nal .fa {color:#8bb82a; margin-right:5px;}
.no-nal .fa {color:#df0d27;}
.s-in:hover {box-shadow: 0px 0px 60px 0px rgba(179,202,211,1); z-index:10;}
.s-to-full {font-size:12px; color:#216dea; display: inline-block; width: 50%; 
	text-decoration: underline; text-align: right; margin-top: 10px;}
.s-to-cart {padding: 0; height: 30px; line-height: 30px; border-radius: 15px; 
font-size: 12px; width: 50%; margin-top: 10px;}
.s-price2, .s-nal, .s-to-full, .s-to-cart {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.s-old-price {position: absolute; left: 0; top: 3px; font-size: 12px; 
	color: #df0d27; text-decoration: line-through;}

.fx-1 {min-width: 0;}
.short2 {padding: 15px; background-color:#FFF; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);
margin: 0 7px 15px 7px;}
.s2-title {display: inline-block; margin-bottom: 10px; color: #216dea;
text-decoration: underline; font-size: 18px;}
.s2-loc {color: #888;}
.s2-loc .fa {color: #ff5400; font-size: 18px;}
.s2-right {margin-left: 30px; color: #888;}
.s2-price span {font-size: 18px; color: #000;}
@media screen and (max-width: 590px) {
.s2-right {width: 40%; margin-left: 15px;}
}

.s3-item {padding: 15px; background-color:#FFF; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05);
margin: 0 7px 15px 7px;}
.s3-fixed {border: 2px solid #ff5400;}
.s3-img {display: block; width: 210px; height: 160px; margin-right: 15px;}
.s3-img img {height: 100%; object-fit: cover;}
.s3-img .s-labels {top: 0; left: 0;}
.s3-img .s-hit {width: 74px;}
.s3-img .s-discount {width: auto;}
.s3-col.fx-1 {margin-right: 30px;}
.s3-title {display: inline-block; margin-bottom: 5px; color: #216dea;
text-decoration: underline; font-size: 18px; max-width: 100%;}
.s3-text {margin-bottom: 10px; color: #888; line-height: 1.5; font-size: 12px;}
.s3-info, .s3-col li {color: #5c5c5c;}
.s3-info span, .s3-col li span {color: #444; font-weight: 500;}
.s3-info + .s3-info {margin-top: 5px;}
.s3-col li + li {margin-top: 5px;}
.s3-col li {font-size: 12px;}
.s3-other {text-align: right;}
.s3-price {text-align: center; padding: 10px; border: 1px solid #e3e3e3; margin-bottom: 15px;}
.s3-price span {font-weight:500; font-size:18px;}
.s3-meta {color: #888; font-size: 12px;}
.s3-dop {margin-top: 15px;}
.s3-dop .fa {color: #216dea; margin-right: 10px;}

/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:40px; text-align:center; padding:30px 0 0 0;}
.pagi-nav {max-width:100%; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:46px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
background-color:#fff; margin:0px 5px 12px 5px; border-radius:4px; box-shadow:0 5px 11px 0 rgba(0,0,0,0.05); min-width:40px;}
.navigation span, .pagi-nav a:hover {background-color:#216dea; color:#fff;}
.navigation span.nav_ext {background-color:#fff; color:#888;}
.pagi-nav a:hover {background-color:#216dea; color:#fff;}
.dle-comments-navigation .pagi-nav {margin-bottom:0;}

/* FOOTER
----------------------------------------------- */
.footer-cols {padding:0 0 30px 0; border-bottom:1px solid #374049; margin-bottom:15px;}
.ft-col {width:18%; font-size:14px; line-height:20px;}
.ft-title {margin-bottom:15px; font-size:16px; color:#FFF; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ft-title:after {content:"\f078"; margin-left:10px; font-family:'FontAwesome';}
.ft-col li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ft-col a {color:#b5bcc6;}
.ft-col a:hover, .ft-help-menu a:hover {text-decoration:underline;}
.footer-btm {font-size:14px; padding-top:8px; border-top:1px solid #374049; margin-top:15px;}
.footer-help {padding-left:270px; min-height:80px; color:#FFF; 
	background: url(../images/flogo.png) left center no-repeat;}
	.ft-help-menu {font-size: 0;}
	.ft-help-menu li {display: inline-block; font-size: 14px; margin-left: 20px;}
.ft-help-menu a {display:block; color:#FFF; line-height:30px;}
.ft-paym-title {margin-bottom:15px; text-align: right;}
.ft-paym-img {background-color: #fff; padding: 10px;}
.ft-paym-img img {max-width:80px; display: inline-block; vertical-align: middle;}

/* FULL
----------------------------------------------- */
.full h1 {margin-bottom: 15px; font-size: 28px; font-weight: 500;}
.full h1 .fa {font-size:16px; margin-left:10px; vertical-align:middle;}
.fcols {margin-bottom: 30px;} 
.fimgs {width: 380px; margin-right: 30px;}

.fctrl {border: 1px solid #e3e3e3; padding: 15px; margin-bottom: 15px;}
.fctrl1, .fctrl2 {width: 47%;}

.gallery-hidden {display: none;}
.gallery-shown {width: 100%; max-width: 100%;}

.fctrl2 .s-old-price {position: static; display: inline;	margin-left: 5px;}
.fctrl2 .s-price {width: auto; display: inline;	font-size: 24px;}
.fctrl2 .s-price span {font-size: 16px;}
.fctrl2 .button {width:100%; padding:0; font-weight: 500; font-size: 16px;}
.btn-one-click {font-weight: 500; cursor: pointer; text-decoration: underline; 
	margin-top: 10px; text-align: center; display:block;}
.fprice {text-align: center; margin-bottom: 10px;	}
.fctrl1 .s-nal {text-align: left;	width: auto;}
.fdost {margin-top:10px;}
.fdost .fa {color:#ff5400; width:25px;}
.fdost a {text-decoration:underline; color:#216dea;}

.finfo li {padding:7px 10px 7px 220px;}
.finfo li:after {content: ""; display: table; clear: both;}
.finfo li:nth-child(2n+1) {background-color: #f2f6f8;}
.finfo li > span:first-child {opacity:0.7; display:inline-block; width:200px; float:left; margin-left:-210px;}
.finfo a {text-decoration:underline; color:#216dea;}

.tabs-sel span {display:inline-block; cursor:pointer; font-size: 16px; font-weight: 500;
padding: 10px 15px;}
.tabs-sel span.current {color: #fff; background-color: #216dea;}
.tabs-sel span:hover {text-decoration: underline;}
.tabs-sel {margin-bottom: 15px; border-bottom: 1px solid #216dea; white-space: nowrap; 
overflow-y: hidden; overflow-x: auto;}
.tabs-b {display:none;}
.tabs-b.visible {display:block;}

.rels {margin-top: 30px;} 
.rels .s-in {height: 320px; padding: 15px;}
.rels .s-img {margin-bottom: 10px;}

/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{width: 100%; max-width:100% !important; height:450px; display:block;}
.mejs-container {max-width:100% !important;}
.full-text {font-size:14px; line-height:1.75;}
.full-text img:not(.emoji) {max-width:100%; border:5px solid #e3e3e3; margin:10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#216dea;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:500;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text ol {margin:10px 0;}
.full-text > ul > li {list-style:none; margin-left:40px; display:block; position:relative;}
.full-text > ul > li:before {content: "\f00c"; font-family: 'FontAwesome';
position:absolute; top:0px; left:-25px; width:8px; height:8px;
color:#9cce43; border-radius:0;}
.full-text ol li {list-style:decimal; margin-left:40px;}

.full-text table {width:100%; text-align:left; margin:10px 0;}
.full-text table tr td {padding:10px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#f5f5f5;} 
.full-text table tr:nth-child(1) {background-color:#598597 !important; color:#FFF; font-size:14px !important;}
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#216dea; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:0 0 20px 0; line-height:20px;}
.polltitle {display:block; padding:10px 15px; margin:0 -15px 15px -15px; font-size:18px; line-height:normal; 
color:#FFF; font-weight:700;}
.full-taglist a {color:#598597;}
.full-taglist {margin-bottom:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}

/* COMMENTS
----------------------------------------------- */
.full-comms {max-width: 780px;}
.add-comm-form {position:relative; margin-bottom: 30px;}
.ac-soc {position:absolute; right:-2px; top:-6px;}
.ac-soc:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:5px;}
.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}
.ac-soc img {display:block; width:30px; height:30px; border-radius:15px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}

.ac-av {width:40px; height:40px; border-radius:50%; float:left; margin-right:10px;
background:#fff url(../dleimages/noavatar.png) no-repeat; background-size:contain;}
.ac-title {margin-bottom:15px;}
.ac-inputs input {width:49%; box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}
.ac-textarea textarea {height:120px;}
.ac-submit {}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:-10px; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {}

.mass_comments_action {text-align:right; padding:5px 15px; background-color:#f2f6f8; margin:20px 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#598597;}
.full-comms {}
.comments_subscribe input {margin-right: 10px;}

.comm-item {padding-left:60px; margin-bottom:20px;}
.comm-left {width:40px; height:40px; margin-left:-60px; float:left; border-radius:50%;}
.comm-right {width:100%; float:right; background-color:#f2f6f8; padding:10px; position:relative;}
.comm-right:after {right: 100%; top:10px; border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; border-color: rgba(255, 255, 255, 0); border-right-color: #f2f6f8; border-width: 10px;}

.comm-one {padding:0 0 10px 0; position:relative;}
.comm-one > span:nth-child(3) {color:#bcbcbc; float:right; margin-right:0;}
.comm-one > span {float:left; margin-right:10px;}
.comm-author {}
.comm-author a {}
.rate3-comm {position:absolute; right:0; top:-5px; white-space:nowrap; font-size:16px; height:30px; line-height:30px; 
padding:0 10px; border-radius:15px; background-color:#fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.rate3-comm a {cursor:pointer; height:30px; line-height:30px; display:inline-block; font-size:14px;
color:#497b41; margin:0 5px 0 0; vertical-align:top}
.rate3-comm a:last-child {color:#a03939; margin:0 0 0 5px;}
.rate2-comm a {color:#598597;}
.rate3-comm a:hover {opacity:0.5;}
.rate3-comm > span {height:30px; line-height:30px; font-size: 12px; display:inline-block; vertical-align:top;}
.rate3-comm > span > span.ratingtypeplus {color: #06b601;}
.rate3-comm > span > span.ratingplus {color: #95c613;}
.rate3-comm > span > span.ratingminus {color: #ff0e0e;}
.comm-two {color:#4c4c4c; font-size: 14px; line-height: 1.5; padding-bottom:0;}
.signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; 
border-top:1px dashed #e3e3e3;}
.comm-three {margin-top:10px; font-size:12px; text-align:right;}
.comm-three li {display:inline-block; margin-left:10px;}
.comm-three a {}
.comm-three li:first-child {margin-left:0px; float:left;}

/* LOGIN
----------------------------------------------- */
.login-box {background-color:#FFF; padding:20px; display:none;}
.lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f6f6f6;  
display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;}
.lb-name div {font-size:18px;}
.lb-name a {margin-top:10px;}
.lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f6f6f6;}
.lb-menu a:hover, .lb-menu a:hover .fa {background-color:#216dea; color:#fff;}
.lb-menu a .fa {color:#ff5400;}
.login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 
{display:block; margin-bottom:20px; width:100%;}
.lb-check input {display:none;}
.lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.lb-check input:checked + label:before {background-color:#e5050b;}
.lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f6f6f6; text-align:center;}
.lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}
.lb-soc img {display:block; width:30px; height: 30px; border-radius: 15px;}

/* Owl Carousel v2.1.0 */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 100; }
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left;
/* -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; */}
.owl-carousel .owl-item > img {display: block; width: 100%; /* -webkit-transform-style: preserve-3d; */}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item {display: none; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab {cursor: move; cursor: grab; }
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; 
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
@keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%;
margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; background-color:#FFF;
-webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel .owl-video-tn {opacity: 0; height: 100%;
background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-nav {position:absolute; left:0; right:0; top:50%; z-index:500; margin-top:-20px; height:1px;}
.owl-prev, .owl-next {width:40px; height:40px; position:absolute; top:0px; z-index:200;
text-align:center; line-height:40px; color:#000; font-size:18px; background-color:#fff; border-radius:50%;}
.owl-prev {left:30px;}
.owl-next {right:30px;}
.owl-prev:hover, .owl-next:hover {background-color:#fabf00; color:#fff;}
.owl-dots {text-align:center; padding:10px 0; position:absolute; left:0; right:0; bottom:0;}
.owl-dot {display:inline-block; vertical-align:top; width:14px; height:14px; margin:0 7px; 
border-radius:50%; background-color:#f2f6f8;}
.owl-dot.active {background-color:#fabf00;}
.side-bc .owl-nav {position:static;}
.side-bc .owl-dots {padding:0; position:static; padding-top:20px;}
.side-bc .owl-dot {width:12px; height:12px; margin:0 5px;}

/* ADAPTIVE
----------------------------------------------- */
.btn-menu, .btn-menu2 {display:none;}
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#f2f6f8;
padding:0 0px; z-index:888; position:fixed; left:-280px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 888;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; 
background-color: #216dea; color: #fff; transition:top .4s; -webkit-transition:top .4s;}
.btn-close.active {top:0px;}
.side-panel .h-nav {display: block; text-align: left; height: auto; 
	margin: 0; bottom: 0; border-radius: 0;}
.side-panel .h-nav > li {width: 100%;}
.side-panel .h-nav > li > a {border-bottom:1px solid #2060ca; border-right: 0; 
height: 40px; line-height: 40px;}
.side-panel .hidden-menu, .side-panel .side-nav li ul {position:static; width:100%;}
.side-panel .to-mob {margin-bottom: 0;}

@media screen and (max-width: 1220px) {
.center {max-width:1000px;}
.h-nav, .h-menu, .h-sticky-in:after, .side {display: none;}
.h-line {padding: 0 2015px;}
.h-call {width: 100%; text-align: center;}
.h-sticky-in {padding: 15px 15px; 
display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between; 
-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.search-box {width: 100%; margin: 10px 0 0 0; -ms-flex-order: 10;-webkit-order: 10;order: 10;}
.h-contacts, .logo, .h-btns {margin: 0;}
.h-sticky {height: 170px; height: auto;}
.h-btns .fa, .h-contacts .fa {display: none;}
.h-btns .button {width: 160px;}
.h-contacts {padding: 0;}
.cols {padding: 30px 15px;}
.main {width: 100%;}
.footer {padding-left: 2015px; padding-right: 2015px;}
.footer-help {padding-left: 0; background-image: none;}
.ft-help-menu li {margin: 0 20px 0 0;}

.btn-menu {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; 
cursor: pointer; background-color: #216dea; color: #fff; font-size: 24px; border-radius: 50%;}
.pages {padding-left: 15px; padding-right: 15px;}
}

@media screen and (max-width: 950px) {
.center {max-width:768px;}
.slide-item {padding:15px 110px;}
.short, .short-br {width: 50%;}
.ft-col {width: 40%; margin-bottom: 20px;}
.footer-help, .footer-btm {display: block; text-align: center;}
.ft-help-menu li {margin: 0 10px 5px 10px;}
.ft-help-menu {margin-bottom: 20px;}
.ft-paym-title {text-align: center;}
.ft-copyr {margin-bottom: 15px;}

.h-sticky-in {padding: 10px 15px;} 
.search-box {margin-top: 10px;}
.h-btns, .h-contacts {display: none; width: 100%; -ms-flex-order: 8;-webkit-order: 8;order: 8;}
.h-btns .fa {display: inline-block;}
.h-btns .button {width: 100%;}
.btn-menu2 {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; 
cursor: pointer; font-size: 24px; border-radius: 50%; 
background-color: #216dea; color: #fff;}
.is-active .h-btns {display: block; margin-top: 15px;}
.is-active .h-contacts {display: block; text-align: center;}

.fimgs, .fdesc {width: 100%; margin: 0;}
.fdesc {margin-bottom: 15px; -ms-flex-order: -1;-webkit-order: -1;order: -1; 
flex-basis: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%;}

.s3-item .fx-1 + .fx-1 {display: none;}
}

@media screen and (max-width: 760px) {
.center {max-width:640px;}
.sect-slides {display: none !important;}

.s3-item, .s3-desc {display: block;}
.s3-img {margin: 0 auto;}
.s3-item .fx-1 + .fx-1 {display: block;}
.s3-col {margin-top: 15px;}
.s3-other  {text-align: center;}
.s3-meta, .s3-dop {display: none;}
.s3-price {margin: 0;}

.comm-three li:not(:first-child), .comm-one > span:nth-child(2) {display:none;}
.dcont button {font-size:12px; padding:0 15px !important;}
.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.center {max-width:480px;}
.fctrl1, .fctrl2 {width: 100%;}
.fctrl1 {margin-top: 15px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.center22 {max-width:320px;}
.short, .short-br {width: 100%;}
.mtitle {font-size: 18px;}
.ft-col {width: 48%;}
.ft-col:nth-child(5) {width: 100%; text-align: center;}
.logo {width: 160px; height: 50px;}

.full h1 {font-size: 18px;}
.finfo li {padding:7px 10px 7px 120px;}
.finfo li > span:first-child {width:100px; margin-left:-110px; white-space: nowrap; 
overflow: hidden; text-overflow: ellipsis;}
.comm-one > span:nth-child(3), .signature {display:none;}
.comms-title {text-align:center; display:block;}
.comms-title .button {width:100%;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}

.calc_block:after{content:"";display:block;clear:both;}
.calc_block .half{text-align:center;}
.calc_block .track{background-image: url('../images/proc1.jpg'); width:300px; margin:15px; border-radius: 37px; border-style: solid;border-width: 1px; float: left;  height: 13px;}
.calc_block .label{font-weight:bold;}
.calc_block .input span{display:inline-block;vertical-align:middle;font-weight:bold;margin-left:5px;}

@media (min-width: 768px){
 .calc_block .half{width:50%;}
 .calc_block .half.img{float:right;}
 .calc_block .half.bd{float:left;}
 .calc_block .group{display:table-row;}
 .calc_block .group > div{display:table-cell; vertical-align:middle; white-space:nowrap;}
 .table{display:table; margin:0 auto;}
 .tr{display:table-row;}
 .td{display:table-cell; vertical-align:top;}
}
@media (max-width: 767px){
.calc_block .group{width:300px; max-width: 100%; margin:0px 0 20px; text-align:left;}
 .calc_block .group > div{margin-left:15px;}
.calc_block .track{max-width: 100%;}
.table{margin-left:15px;}
}

Some information about this website: