@charset "utf-8";
/* CSS Document */

/* TOP */
section.top{position:relative; padding:0px; margin:30px 0px;}

/* --- SLIDER --- */
section.top article{width:65%; max-width:770px; display:block; position:relative; float:left; padding:0px; margin:0px;}

/* === PREV === */
section.top article span.prev{width:26px; height:49px; display:block; position:absolute; left:0px; top:50%; background:none; vertical-align:middle; padding:0px; margin:-25px 0px 0px 0px; z-index:999;}
section.top article span.prev a{width:8px; height:13px; display:block; background-color:#e44f4f; border-top:18px solid #e44f4f; border-bottom:18px solid #e44f4f; border-left:9px solid #e44f4f; border-right:9px solid #e44f4f; background-image:url(../Images/Icons/icons.png); background-position:0px -19px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px; cursor:pointer; -webkit-border-radius:0px 2px 2px 0px; -moz-border-radius:0px 2px 2px 0px; border-radius:0px 2px 2px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.top article span.prev a:hover{background-color:#ffa200; border-top:18px solid #ffa200; border-bottom:18px solid #ffa200; border-left:9px solid #ffa200; border-right:9px solid #ffa200; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* === NEXT === */
section.top article span.next{width:26px; height:49px; display:block; position:absolute; right:0px; left:auto; top:50%; background:none; vertical-align:middle; padding:0px; margin:-25px 0px 0px 0px; z-index:999;}
section.top article span.next a{width:8px; height:13px; display:block; background-color:#e44f4f; border-top:18px solid #e44f4f; border-bottom:18px solid #e44f4f; border-left:9px solid #e44f4f; border-right:9px solid #e44f4f; background-image:url(../Images/Icons/icons.png); background-position:0px -32px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px; cursor:pointer; -webkit-border-radius:2px 0px 0px 2px; -moz-border-radius:2px 0px 0px 2px; border-radius:2px 0px 0px 2px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.top article span.next a:hover{background-color:#ffa200; border-top:18px solid #ffa200; border-bottom:18px solid #ffa200; border-left:9px solid #ffa200; border-right:9px solid #ffa200; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* === COUNTENT === */
section.top article .wrapper{width:100%; max-height:580px; display:block; position:relative; vertical-align:middle; padding:0px; margin:0px; *zoom:1;}
section.top article .wrapper img{width:100%; display:block; padding:0px; margin:0px auto;}
section.top article .wrapper .loading{width:100%; height:100%; min-height:50px; position:absolute; top:0px; left:0px; background-color:rgba(255, 255, 255, 0.5); background-image:url(../Images/Icons/loader.gif); background-position:center; background-repeat:no-repeat; padding:0px; margin:0px; z-index:2000;}
section.top article .wrapper .viewport{-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}

section.top article .wrapper .viewport ul{display:block; list-style:none; padding:0px; margin:0px;}
section.top article .wrapper .viewport ul li{max-height:580px; display:block; position:relative; list-style:none; text-decoration:none; font-weight:normal; padding:0px; margin:0px;}
section.top article .wrapper .viewport ul li a{display:block; text-decoration:none; font-weight:normal; padding:0px; margin:0px;}
section.top article .wrapper .viewport ul li div{width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-o-calc(100% - 100px); width:calc(100% - 100px); position:absolute; bottom:50px; left:50px; font-family:'PTSans'; font-size:18px; color:#FFF; text-transform:uppercase; line-height:24px; font-weight:normal; text-shadow:0 1px 2px #222; padding:0px; margin:0px;}
section.top article .wrapper .viewport ul li div h2{display:block; font-family:'PTSansCaptionBold'; font-size:48px; color:#FFF; text-decoration:none; line-height:48px; padding:0px; margin:0px;}

/* --- BANNERS --- */
section.top a.banner,
section.top span.banner{width:-moz-calc(35% - 30px); width:-webkit-calc(35% - 30px); width:-o-calc(35% - 30px); width:calc(35% - 30px); max-width:400px; height:auto; display:block; float:left; padding:0px; margin:0px 0px 0px 30px;}
section.top a.banner.first,
section.top span.banner.first{margin:0px 0px 25px 30px;}
section.top a.banner img,
section.top span.banner img{width:100%; display:block; padding:0px; margin:0px;}

/* NEW */
section.new{display:block; position:relative; text-align:center; padding:0px; margin:0px;}
section.new h3{display:block; border-bottom:1px solid #ededed; font-family:'PTSansNarrowBold'; font-size:24px; color:#444; text-decoration:none; line-height:24px; text-align:left; text-transform:uppercase; padding:0px 0px 20px 0px; margin:10px 0px 20px 0px;}
section.new h3 span{display:block; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; text-decoration:none; font-weight:bold; line-height:24px; padding:0px; margin:0px;}
section.new h3 span strong{display:inline-block; font-family:'PTSansNarrowBold'; font-size:24px; color:#444; text-decoration:none; line-height:24px; text-transform:uppercase; font-weight:normal; vertical-align:sub; padding:0px; margin:0px 5px;}

/* CATEGORIES */
section.categories{display:block; position:relative; padding:0px 0px 30px 0px; margin:0px;}

/* MOST */
section.mosts{display:block; position:relative; padding:0px 0px 30px 0px; margin:0px;}

/* --- TITLE --- */
section.mosts h3{display:block; position:relative; border-bottom:1px solid #ededed; font-family:'PTSansNarrowBold'; font-size:24px; color:#444; text-decoration:none; line-height:24px; text-transform:uppercase; padding:0px 0px 20px 0px; margin:10px 0px 20px 0px;}

/* === PREV === */
section.mosts h3 span.prev{width:35px; height:35px; display:block; float:right; background:none; padding:0px; margin:-5px 5px 0px 0px; z-index:999;}
section.mosts h3 span.prev a{width:8px; height:13px; display:block; background-color:#919191; border-top:11px solid #919191; border-bottom:11px solid #919191; border-left:12px solid #919191; border-right:15px solid #919191; background-image:url(../Images/Icons/icons.png); background-position:0px -19px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.mosts h3 span.prev a:hover{background-color:#ff826f; border-top:11px solid #ff826f; border-bottom:11px solid #ff826f; border-left:12px solid #ff826f; border-right:15px solid #ff826f; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* === NEXT === */
section.mosts h3 span.next{width:35px; height:35px; display:block; float:right; background:none; padding:0px; margin:-5px 0px 0px 0px; z-index:999;}
section.mosts h3 span.next a{width:8px; height:13px; display:block; background-color:#919191; border-top:11px solid #919191; border-bottom:11px solid #919191; border-left:15px solid #919191; border-right:12px solid #919191; background-image:url(../Images/Icons/icons.png); background-position:0px -32px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.mosts h3 span.next a:hover{background-color:#ff826f; border-top:11px solid #ff826f; border-bottom:11px solid #ff826f; border-left:15px solid #ff826f; border-right:12px solid #ff826f; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* --- BOX --- */
section.mosts article{width:32%; display:block; float:left; padding:20px 0px 0px 0px; margin:0px;}
section.mosts article.center{margin:0% 2%;}

/* === COUNTENT === */
section.mosts article div.wrapper{width:100%; max-height:640px; display:block; position:relative; padding:0px; margin:20px 0px; *zoom:1;}
section.mosts article div.wrapper img{width:100%; display:block; padding:0px; margin:0px auto;}
section.mosts article div.wrapper .loading{width:100%; height:100%; min-height:50px; position:absolute; top:0px; left:0px; background-color:rgba(255, 255, 255, 0.5); background-image:url(../Images/Icons/loader.gif); background-position:center; background-repeat:no-repeat; padding:0px; margin:0px; z-index:2000;}
section.mosts article div.wrapper .viewport{-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}
section.mosts article div.wrapper .viewport ul{display:block; list-style:none; padding:0px; margin:0px;}
section.mosts article div.wrapper .viewport ul li{display:block; position:relative; list-style:none; text-decoration:none; font-weight:normal; padding:0px; margin:0px;}

/* === NEW === */
section.mosts article div.wrapper .viewport ul li div span.new{width:70px; height:70px; display:block; position:absolute; top:-1px; right:-1px; background-image:url(../Images/Backgrounds/new.png); background-position:top right; background-repeat:no-repeat; padding:0px; margin:0px; z-index:99; -webkit-border-radius:0px 5px 0px 0px; -moz-border-radius:0px 5px 0px 0px; border-radius:0px 5px 0px 0px;}
section.mosts article div.wrapper .viewport ul li div span.new em{display:block; font-family:'PTSansNarrowBold'; font-size:18px; color:#FFF; text-decoration:none; line-height:18px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:15px 0px 0px 27px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(45deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=5);}

/* === PROMO === */
section.mosts article div.wrapper .viewport ul li div span.promo{width:70px; height:70px; display:block; position:absolute; top:-1px; right:-1px; background-image:url(../Images/Backgrounds/promo.png); background-position:top right; background-repeat:no-repeat; padding:0px; margin:0px; z-index:99; -webkit-border-radius:0px 3px 0px 0px; -moz-border-radius:0px 3px 0px 0px; border-radius:0px 3px 0px 0px;}
section.mosts article div.wrapper .viewport ul li div span.promo em{display:block; font-family:'PTSansNarrowBold'; font-size:14px; color:#FFF; text-decoration:none; line-height:14px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:18px 0px 0px 13px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(45deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=5);}

/* === IMAGE === */
section.mosts article div.wrapper .viewport ul li a{width:100%; display:block; position:relative; padding:0px; margin:0px 0px 20px 0px;}
section.mosts article div.wrapper .viewport ul li a div{max-width:134px; height:169px; position:relative; float:left; border:1px solid #ededed; padding:0px; margin:0px 20px 0px 0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.mosts article div.wrapper .viewport ul li a div img{width:100%; max-width:130px; border:2px solid #FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.mosts article div.wrapper .viewport ul li a span{width:-moz-calc(100% - 156px); width:-webkit-calc(100% - 156px); width:-o-calc(100% - 156px); width:calc(100% - 156px); display:block; float:left; padding:0px; margin:0px;}
section.mosts article div.wrapper .viewport ul li a span h6{display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; text-decoration:none; line-height:20px; padding:0px; margin:10px 0px 3px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.mosts article div.wrapper .viewport ul li a span p.null{width:13px; height:13px; display:inline-block; background-image:url(../Images/Icons/icons.png); background-position:0px -45px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px;}
section.mosts article div.wrapper .viewport ul li a span p.full{width:13px; height:13px; display:inline-block; background-image:url(../Images/Icons/icons.png); background-position:0px -58px; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px;}

section.mosts article div.wrapper .viewport ul li a span big{display:block; font-family:'PTSansNarrowBold'; font-size:18px; color:#65c178; text-decoration:none; line-height:18px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:5px 0px 10px 0px;}
section.mosts article div.wrapper .viewport ul li a span big s{font-family:'PTSansNarrow'; color:#b1b1b1; text-decoration:line-through; padding:0px; margin:0px 0px 0px 5px;}

section.mosts article div.wrapper .viewport ul li a span input{width:150px; display:block; background-color:#c9c9c9; font-family:'PTSansNarrowBold'; font-size:23px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; font-weight:normal; vertical-align:middle; padding:2px 0px 3px 0px; margin:0px; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.mosts article div.wrapper .viewport ul li a span input:hover{background-color:#65c178; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.mosts article div.wrapper .viewport ul li a:hover div{border:1px solid #ffa200; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.mosts article div.wrapper .viewport ul li a:hover div img{border:2px solid #ffa200; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.mosts article div.wrapper .viewport ul li a:hover span h6{color:#ff826f; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* STEPS */
section.steps{display:block; position:relative; padding:0px; margin:10px 0px 20px 0px;}
section.steps h3{display:block; position:relative; border-bottom:1px solid #ededed; font-family:'PTSansNarrowBold'; font-size:24px; color:#444; text-decoration:none; line-height:24px; text-transform:uppercase; padding:0px 0px 20px 0px; margin:0px 0px 20px 0px;}

/* --- BOX --- */
section.steps article{display:block; position:relative; border:1px solid #ededed; padding:10px; margin:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
section.steps article aside{width:-moz-calc(20% - 41px); width:-webkit-calc(20% - 41px); width:-o-calc(20% - 41px); width:calc(20% - 41px); display:block; float:left; position:relative; border-right:1px dashed #ededed; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#66666a; text-decoration:none; text-align:center; padding:0px 20px 0px 0px; margin:0px 19px 0px 0px;}
section.steps article aside h5{display:block; font-family:'PTSans'; font-size:18px; color:#444; text-decoration:none; text-align:center; font-weight:normal; padding:0px; margin:0px;}

section.steps article aside.icon5{border-right:none;}
section.steps article aside.icon5 h5{text-transform:uppercase;}

/* --- ICONS --- */
section.steps article aside.icon1 strong{width:50px; height:47px; display:block; background-image:url(../Images/Icons/icons.png); background-position:0px -118px; background-repeat:no-repeat; padding:0px; margin:10px auto;}
section.steps article aside.icon1:hover strong{background-position:0px -165px;}

section.steps article aside.icon2 strong{width:50px; height:44px; display:block; background-image:url(../Images/Icons/icons.png); background-position:-50px -118px; background-repeat:no-repeat; padding:0px; margin:11px auto 12px auto;}
section.steps article aside.icon2:hover strong{background-position:-50px -162px;}

section.steps article aside.icon3 strong{width:38px; height:50px; display:block; background-image:url(../Images/Icons/icons.png); background-position:-100px -118px; background-repeat:no-repeat; padding:0px; margin:7px auto 10px auto;}
section.steps article aside.icon3:hover strong{background-position:-100px -168px;}

section.steps article aside.icon4 strong{width:63px; height:34px; display:block; background-image:url(../Images/Icons/icons.png); background-position:-186px -118px; background-repeat:no-repeat; padding:0px; margin:15px auto 18px auto;}
section.steps article aside.icon4:hover strong{background-position:-186px -152px;}

section.steps article aside.icon5 strong{width:48px; height:50px; display:block; background-image:url(../Images/Icons/icons.png); background-position:-138px -118px; background-repeat:no-repeat; padding:0px; margin:7px auto 10px auto;}
section.steps article aside.icon5:hover strong{background-position:-138px -168px;}

/* BANNERS */
section.banners{display:block; position:relative; padding:0px; margin:40px 0px;}
section.banners a,
section.banners div{width:32%; max-width:380px; display:block; float:left; position:relative; padding:0; margin:0;}
section.banners a.center,
section.banners div.center{margin:0% 2%;}
section.banners a img,
section.banners div img{width:100%; max-width:380px; display:block; position:relative; padding:0px; margin:0px;}