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

* {
	outline:none;
	padding:0px;
	margin:0px;
}

html {
	height:100%;
	padding:0px;
	margin:0px;
}

body {
	height:100%;
	background-color:#FFF;
	font-family:'OpenSansLight';
	font-size:14px;
	color:#666;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:20px;
	padding:0px;
	margin:0px;
}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px;}

img{max-width:100%; height:auto; border:none;}
hr{height:1px; background-color:#e4e4e4; border:none; color:#e4e4e4; margin:30px 0px;}

a{color:#e01212; text-decoration:none; cursor:pointer;}
a:hover{color:#e01212; text-decoration:underline;}

a.button{display:inline-block; position:relative; background-color:#e01212; font-family:'OpenSans'; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:30px; padding:0px 20px; margin: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;}
a.button:hover{background-color:#333;}

a.btn{display:inline-block; position:relative; background-color:#333; font-family:'OpenSans'; font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:30px; padding:0px 20px; margin: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;}
a.btn:hover{background-color:#e01212;}

ul,
ol{display:block; padding:0px; margin:15px 0px 15px 15px;}
ul li{padding:0px; margin:0px;}

span.count{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1280px; display:block; position:relative; padding:0px 15px; margin:0px auto;}

#google_translate_element{float:left; margin:9px 0px 0px 10px;}

/* STATUS */
small{display:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; text-decoration:none; padding:0px; margin:15px 0px 0px 0px;}
small img{vertical-align:text-bottom; padding:0px; margin:0px 7px 0px 0px;}

small.error{display:block; color:#881b1b;}
small.success{display:block; color:#409805;}
small.loading{display:block; color:#666;}

/* INPUT */
input{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); height:44px; display:block; position:relative; background-color:#f3f3f3; border:none; font-family:'OpenSansLight'; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:44px; padding:0px 10px; margin:0px 0px 15px 0px;}
input.error{background-color:#FCD0C7; color:#901B1B; text-decoration:none;}

/* TEXTAREA */
textarea{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); height:201px; display:block; position:relative; background-color:#f3f3f3; border:none; font-family:'OpenSansLight'; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-transform:none; line-height:16px; padding:10px; margin:0px 0px 15px 0px;}
textarea.error{background-color:#FCD0C7; color:#901B1B; text-decoration:none;}

/* SELECT */
.slct{width:100%; height:38px; display:inline-block; overflow:hidden; background-color:#f3f3f3; background-image:url(../Images/Icons/select.png); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; border:none; vertical-align:middle; padding:0px; margin:0px;}
.slct select{width:-moz-calc(100% + 24px); width:-webkit-calc(100% + 24px); width:-o-calc(100% + 24px); width:calc(100% + 24px); background:transparent; border:0; line-height:1; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; padding:13px 3px; margin:0px; border-radius:0; -webkit-appearance:none;}
.slct select option{color:#666; padding:0px 10px;}
.slct select:disabled,
.slct select:disabled option{color:#CCC;}

.slct.error{background-color:#FCD0C7;}
.slct.error select,
.slct.error select option{color:#901B1B; text-decoration:none;}

/* CHECKBOX */
div.checkbox{width:25px; height:25px; position:relative; float:left; clear:both; border:2px solid #CCC; padding:0px; margin:0px 15px 20px 0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
div.checkbox label{width:25px; height:25px; position:absolute; left:0px; top:0px; background-color:#FFF; border:none; padding:0px; cursor:pointer;}
div.checkbox label:after{width:12px; height:8px; position:absolute; top:5px; left:5px; background:transparent; border:3px solid #333; border-top:none; border-right:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); opacity:0; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
div.checkbox label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;}
div.checkbox input[type=checkbox]{height:25px; padding:0px; margin:0px;}
div.checkbox input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}

div.checkbox.error{border:2px solid #A84444 !important;}
div.checkbox.error label{background-color:#FCD0C7;}

/* RADIO */
div.radio{width:24px;height:24px;position:relative;float:left;clear:both;overflow:hidden;padding:0;margin:0 10px 15px 0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
div.radio label{width:24px;height:24px;position:absolute;left:0;top:0;background-color:#f3f3f3;border:none;padding:0;cursor:pointer}
div.radio label:after{width:12px;height:12px;position:absolute;top:6px;left:6px;background-color:#333333;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
div.radio label:hover::after{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);opacity:.5}
div.radio input[type=radio]:checked + label:after{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}

div.radio.error label{background-color:#FCD0C7}

/* COOKIES */
div.coockiebanner{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); position:fixed; left:0px; bottom:0px; background-color:rgba(200,1,4,0.8); font-size:11px; color:#FFF; text-decoration:none; text-align:center; line-height:22px; padding:5px 15px; margin:0px; opacity:0; z-index:999999;}

div.coockiebanner a{font-family:'OpenSansSemiBold'; color:#1c1c20; text-decoration:none;}
div.coockiebanner a:hover{text-decoration:underline;}

div.coockiebanner a.boxclose{display:inline-block; background-color:#1c1c20; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:20px; color:#fff; text-decoration:none; font-weight:normal; line-height:0px; vertical-align:middle; padding:9px 5px 11px 4px; margin:0px 0px 0px 15px; cursor:pointer; -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;}
div.coockiebanner a.boxclose:hover{background-color:#FFF; color:#e01212; text-decoration:none;}
div.coockiebanner a.boxclose:before{content:"×";}

/* HEADER */
header{width:100%; display:block; position:absolute; top:515px; padding:0px; margin:0px; z-index:9999;}

/* --- LOGO --- */
header a.logo{/*width:200px;*/ height:116px; display:-webkit-flex; display:flex; /*float:right;*/ position:relative; background-color:#FFF; text-align:center; padding:0; margin:0 auto; -webkit-align-items:center; align-items:center;}
header a.logo img{display:block; padding:0px; margin:0px auto;}
header a.logo:hover{background-color:#F1F1F1; text-decoration:none;}

/* --- SHOW --- */ 
header a.show{width:38px; height:36px; display:none; position:relative; float:right; background-image:url(../Images/Icons/all.png); background-position:-185px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:30px 0px 0px 0px; z-index:999; -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;}
header a.show:hover{opacity:0.65;}

/* --- NAVIGATION --- */
header nav{width:/*-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-o-calc(100% - 200px); width:calc(100% - 200px)*/auto; display:block; position:relative; /* float:left; */ padding:0px; margin:0px;}

/* === GENERAL === */
header nav ul.general{display:block; position:relative; background-color:#1f4fa2; list-style:none; text-align:right; padding:0px; margin:0px;}
header nav ul.general li{display:inline-block; position:relative; list-style:none; vertical-align:middle; padding:0px; margin:0px;}
header nav ul.general li a{display:block; font-size:14px; color:#FFF; text-decoration:none; text-transform:uppercase; line-height:44px; padding:0px 15px; margin: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;}
header nav ul.general li a:hover{color:#999; text-decoration:none;}
header nav ul.general li.select a{color:#91b3ee; text-decoration:none;}

header nav ul.general a.find{width:20px; height:20px; display:block; float:left; position:relative; overflow:hidden; background-image:url(../Images/Icons/all.png); background-position:0px -48px; background-repeat:no-repeat; text-align:left; text-indent:-99999px; padding:0px; margin:13px 0px 0px 10px; -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;}
header nav ul.general a.find:hover{opacity:0.5;}

/* === MENU === */
header nav ul.category{display:block; position:relative; background-color:#7f7f7f; list-style:none; text-align:left; padding:00px; margin:0;}
header nav ul.category li{display:block; float:left; padding:0; margin:0;}
header nav ul.category li a{display:block; font-size:17px; color:#FFF; line-height:72px; text-transform:uppercase; padding:0 10px 0 11px; margin:0;}
header nav ul.category li a:hover,
header nav ul.category li.select a{background-color:#e01212; text-decoration:none;}

/* --- INFOS --- */
header aside{width:25%; display:block; position:relative; float:left; font-size:14px; text-decoration:none; text-transform:uppercase; padding:0px; margin:40px 0px 0px 0px;}
header aside p{display:block; color:#808080;}
header aside strong{display:block; font-family:'OpenSansBold'; color:#CCC; font-weight:normal;}

header aside big{height:48px; display:block; position:relative; float:left; background-image:url("../Images/Icons/all.png"); background-repeat:no-repeat; padding:0px; margin:0px 10px 0px 0px;}
header aside big.icon1{width:48px; background-position:0px 0px;}
header aside big.icon2{width:52px; background-position:-48px 0px;}
header aside big.icon3{width:41px; background-position:-100px 0px;}
header aside big.icon4{width:44px; background-position:-141px 0px;}

/* --- INNER --- */
header.inner{position:relative; top:0px; margin:30px 0px 0px 0px;}
header.inner a.logo{background-color:#f1f1f1;}
header.inner a.show{background-position:-185px -36px;}

/* --- SCROLL --- */
header.scroll{position:fixed;}
header.scroll span.count,
header.scroll-to-fixed-fixed span.count{width:100%; max-width:100%; background-color:#7f7f7f; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1); padding:0px;}
header.scroll a.logo,
header.scroll-to-fixed-fixed a.logo{display:none; /* width:125px; height:50px; padding:5px 10px; */}
/*
header.scroll nav,
header.scroll-to-fixed-fixed nav{width:-moz-calc(100% - 145px); width:-webkit-calc(100% - 145px); width:-o-calc(100% - 145px); width:calc(100% - 145px);}
*/
header.scroll nav ul.general,
header.scroll-to-fixed-fixed nav ul.general{display:none;}
header.scroll nav ul.category li a,
header.scroll-to-fixed-fixed nav ul.category li a{font-size:16px; line-height:60px; padding:0px 18px;}
header.scroll aside,
header.scroll-to-fixed-fixed aside{display:none;}
header.scroll.inner aside,
header.scroll-to-fixed-fixed.inner{margin:0px;}

/* SLIDER */
section.slider{width:100%; display:block; position:relative; padding:0px; margin:0px; z-index:1;}

/* --- COUNT --- */
section.slider div.bx-wrapper,
section.slider div.bx-wrapper .bx-viewport,
section.slider div.bx-wrapper .bx-viewport ul{width:100%; display:block; position:relative; list-style:none; padding:0px; margin:0px;}
section.slider div.bx-wrapper .bx-viewport ul li{width:100%; height:770px; display:block; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; list-style:none; padding:0px; margin:0px;}

/* === TITLE === */
section.slider div.bx-wrapper .bx-viewport ul li h1{display:block; font-family:'OpenSansBold'; font-size:90px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:96px; text-shadow:0px 0px 5px rgba(0,0,0,0.75); padding:0px; margin:100px 0px 0px 0px;}
section.slider div.bx-wrapper .bx-viewport ul li h5{display:block; font-family:'OpenSans'; font-size:24px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:30px; text-shadow:0px 0px 5px rgba(0,0,0,0.75); padding:0px; margin:15px 0px 0px 0px;}

/* === COUNTERS === */
section.slider div.bx-wrapper .bx-viewport ul li aside{display:block; float:left; padding:0px; margin:100px 0px 0px 100px;}
section.slider div.bx-wrapper .bx-viewport ul li aside:first-of-type{margin:100px 0px 0px 0px;}
section.slider div.bx-wrapper .bx-viewport ul li aside p{display:inline-block; font-family:'OpenSans'; font-size:16px; color:#FFF; text-decoration:none; line-height:20px; text-transform:uppercase; vertical-align:middle; padding:15px 0px 0px 0px; margin:0px;}
section.slider div.bx-wrapper .bx-viewport ul li aside strong{display:inline-block; border-top:5px solid #e01212; font-family:'OpenSansBold'; font-size:50px; color:#FFF; text-decoration:none; line-height:50px; font-weight:normal; vertical-align:middle; padding:10px 0px 0px 0px; margin:0px 10px 0px 0px;}

/* === CONTOLS === */
section.slider span.controls{z-index:999;}

section.slider span.controls div.prev{width:50px; height:50px; position:absolute; top:380px; right:80px; padding:0px; margin:0px;}
section.slider span.controls div.prev a{width:44px; height:44px; display:block; position:relative; border:3px solid #FFF; padding:0px; margin:0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -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.slider span.controls div.prev a p{width:10px; height:17px; display:block; background-image:url("../Images/Icons/all.png"); background-position:-223px 0px; background-repeat:no-repeat; padding:0px; margin:14px 0px 0px 16px; -ms-transform:rotate(180deg); transform:rotate(180deg);}
section.slider span.controls div.prev a:hover{background-color:#1f4fa2; border:3px solid #1f4fa2;}

section.slider span.controls div.next{width:50px; height:50px; position:absolute; top:380px; right:15px; padding:0px; margin:0px;}
section.slider span.controls div.next a{width:44px; height:44px; display:block; position:relative; border:3px solid #FFF; padding:0px; margin:0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -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.slider span.controls div.next a p{width:10px; height:17px; display:block; background-image:url("../Images/Icons/all.png"); background-position:-223px 0px; background-repeat:no-repeat; padding:0px; margin:14px 0px 0px 18px;}
section.slider span.controls div.next a:hover{background-color:#1f4fa2; border:3px solid #1f4fa2;}

/* HOME */
section.home{display:block; position:relative; background-color:#f1f1f1; background-image:url(../Images/Backgrounds/home.jpg); background-position:top center; background-repeat:no-repeat; padding:90px 0px; margin:0px;}

section.home p{display:block; font-family:'OpenSans'; font-size:16px; color:#000; font-weight:normal; line-height:24px; text-align:center; padding:0px; margin:0px 0px 90px 0px;}
section.home h4{display:block; font-family:'OpenSansBold'; font-size:36px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:40px; text-align:center; padding:0px; margin:0px 0px 30px 0px;}

/* --- BOX --- */
section.home a{display:block; position:relative; overflow:hidden; padding:0px; margin:20px 0px 0px 0px;}
section.home a img{display:block; position:relative; padding:0px; margin:0px; z-index:1; -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.home a aside{width:-moz-calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-o-calc(100% - 100px); width:calc(100% - 100px); height:-moz-calc(100% - 100px); height:-webkit-calc(100% - 100px); height:-o-calc(100% - 100px); height:calc(100% - 100px); display:-webkit-flex; display:flex; position:absolute; text-align:left; padding:50px; margin:0px; z-index:99; -webkit-align-items:flex-end; align-items:flex-end;}
section.home a aside div{width:100%; padding:0px; margin:0px;}
section.home a aside div p{display:block; position:relative; font-family:'OpenSans'; font-size:24px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:24px; text-align:left; padding:0px; margin:0px;}
section.home a aside div h3{display:block; font-family:'OpenSansBold'; font-size:72px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:76px; text-shadow:0px 0px 5px rgba(0,0,0,0.5); text-align:left; padding:0px; margin:0px 0px 10px 0px;}
section.home a aside div em{display:block; position:relative; float:right; background-color:#FFF; font-family:'OpenSansLight'; font-size:18px; color:#e01212; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:52px; padding:0px 30px; margin:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

section.home a:hover{text-decoration:none;}
section.home a:hover img{-ms-transform:scale(1.1); transform:scale(1.1);}
section.home a:hover aside div em{background-color:#e01212; color:#FFF;}

/* NEWSLETTER */
section.newsletter{display:block; position:relative; background-color:#e6e6e6; text-align:center; padding:50px 0px; margin:0px;}

section.newsletter p{display:block; font-family:'OpenSansLight'; font-size:14px; color:#2b2b2b; text-decoration:none; font-weight:normal; font-style:normal; line-height:20px; text-transform:uppercase; padding:0px; margin:10px 0px 25px 0px;}
section.newsletter h4{display:block; font-family:'OpenSansBold'; font-size:60px; color:#2b2b2b; text-decoration:none; font-weight:normal; font-style:normal; line-height:60px; text-transform:uppercase; padding:0px; margin:0px;}
section.newsletter input{width:-moz-calc(100% - 225px); width:-webkit-calc(100% - 225px); width:-o-calc(100% - 225px); width:calc(100% - 225px); max-width:500px; height:50px; display:inline-block; background-color:#FFF; border:none; font-size:14px; line-height:50px; padding:0px 15px; margin:0px 15px 0px 0px;}
section.newsletter a.button{background-color:#2b2b2b; background-image:url("../Images/Backgrounds/btn.jpg"); background-position:center; background-repeat:repeat; font-family:'OpenSansBold'; font-size:15px; line-height:50px; padding:0px 50px;}
section.newsletter a.button:hover{color:#e01212;}

/* FOOTER */
footer{display:block; position:relative; text-align:center; padding:0px; margin:0px;}

/* --- TOP --- */
footer article{display:block; position:relative; background-color:#232323; padding:70px 0px; margin:0px;}

footer article a.tbi{display:inline-block; vertical-align:middle; padding:0px; margin:0px 0px 0px 10px;}

/* === SOCIAL === */
footer article div.social{position:relative; text-align:center; padding:0px; margin:0px auto 25px auto;}

footer article div.social a{width:45px; height:45px; display:inline-block; position:relative; background-color:#91b3ee; vertical-align:middle; padding:0px; margin:0px 7px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -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;}
footer article div.social a p{display:block; background-image:url("../Images/Icons/all.png"); background-repeat:no-repeat; text-indent:-9999px; padding:0px;}
footer article div.social a p.facebook{width:15px; height:32px; background-position:-233px 0px; margin:6px auto 7px auto;}
footer article div.social a p.youtube{width:27px; height:19px; background-position:-248px -27px; margin:13px auto;}
footer article div.social a p.instagram{width:21px; height:21px; background-position:-277px 0px; margin:12px auto;}
footer article div.social a p.tiktok{width:29px; height:27px; background-position:-248px 0px; margin:9px auto;}

footer article div.social a:hover{background-color:#FFF;}

/* === SOCIAL === */
footer article ul.category{display:block; position:relative; list-style:none; text-align:center; padding:0px; margin:0px auto 20px auto;}
footer article ul.category li{display:inline-block; list-style:none; vertical-align:middle; padding:0px; margin:0px 12px;}
footer article ul.category li a{font-family:'OpenSansBold'; font-size:16px; color:#FFF; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px;}
footer article ul.category li a:hover,
footer article ul.category li.select a{color:#999; text-decoration:none;}

/* === GENERAL === */
footer article ul.general{display:block; position:relative; list-style:none; text-align:center; padding:0px; margin:0px auto;}
footer article ul.general li{display:inline-block; border-left:1px solid #9a9a9a; list-style:none; line-height:16px; vertical-align:middle; padding:0px 12px; margin:0px;}
footer article ul.general li:first-of-type{border-left:none;}
footer article ul.general li a{font-size:12px; color:#FFF; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px;}
footer article ul.general li a:hover,
footer article ul.general li.select a{color:#e74040; text-decoration:none;}

/* --- BOTTOM --- */
footer aside{display:block; position:relative; background-color:#91b3ee; padding:25px 0px; margin:0px;}
footer aside a{display:inline-block; font-size:12px; color:#232323; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px 15px;}
footer aside a.select{color:#e01212; text-decoration:none;}
footer aside a:hover{color:#e01212; text-decoration:underline;}
footer aside strong{display:block; font-family:'OpenSansBold'; font-size:16px; color:#232323; text-decoration:none; font-weight:normal; text-transform:uppercase; padding:0px; margin:0px 0px 5px 0px;}

/* HEADLINES */
section.headline{max-width:1280px; display:block; position:relative; padding:0px; margin:0px auto;}
section.headline img{display:block; position:relative; padding:0px; margin:0px auto; z-index:1;}

section.headline div.info{width:100%; height:100%; display:-webkit-flex; display:flex; position:absolute; padding:0px; z-index:99; -webkit-align-items:flex-end; align-items:flex-end;}
section.headline div.info span.count{padding:30px 15px;}

section.headline div.info span.count h2{display:block; position:relative; font-family:'OpenSansBold'; font-size:100px; color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; text-align:left; text-transform:uppercase; text-shadow:0px 0px 2px rgba(0,0,0,0.25); line-height:100px; padding:0px; margin:0px;}
section.headline div.info span.count h2.details{font-size:56px; line-height:100%;}

section.headline div.info span.count h3{display:inline-block; position:relative; background-color:#e01212; font-family:'OpenSansBold'; font-size:24px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; line-height:28px; padding:5px 10px; margin:30px 0px 10px 0px;}
section.headline div.info span.count h3.details{font-size:32px; line-height:120%;}

section.headline div.info span.count .price{text-align:center;}
section.headline div.info span.count .price .value{display:inline-block; color:#FFF; background-color:rgba(0,0,0,0.5); line-height:38px; vertical-align:middle; padding:0 15px;}
section.headline div.info span.count .price .button{line-height:38px; margin:0 15px; vertical-align:middle;}
section.headline div.info span.count .price #tbiButton,
section.headline div.info span.count .price #tbiButton img{display:inline-block; vertical-align:middle;}

section.headline div.info span.count .price .dsk{display:inline-block; background-color:#52ae30; color:#FFF; vertical-align:middle; text-decoration:none; line-height:38px; padding:0 10px; margin:0 0 0 15px;}
section.headline div.info span.count .price .dsk:hover{background-color:#075238; text-decoration:none;}
section.headline div.info span.count .price .dsk img{display:inline-block; vertical-align:middle;}

section.headline div.info span.count .price .unicredit{min-width:160px; display:inline-block; background-color:#e2001a; color:#FFF; vertical-align:middle; text-decoration:none; line-height:38px; padding:0 10px; margin:0 0 0 15px;}
section.headline div.info span.count .price .unicredit:hover{background-color:#9E0012; text-decoration:none;}
section.headline div.info span.count .price .unicredit img{max-width:100px; display:inline-block; vertical-align:middle;}

/* FILTER */
section.filter{display:block; position:relative; padding:15px 0px 30px 0px; margin:0px;}
section.filter hr{margin:15px 0px 0px 0px;}
section.filter h6{display:block; float:left; font-family:'OpenSans'; font-size:18px; color:#363638; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:38px; vertical-align:middle; padding:0px; margin:0px 15px 0px 0px;}
section.filter .slct{width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-o-calc(100% - 200px); width:calc(100% - 200px); max-width:300px; float:right;}

/* PAGE */
section.page{display:block; position:relative; padding:30px 0px 70px 0px; margin:0px;}
section.page em{color:#999;}
section.page strong{color:#333;}

/* --- HEADLINE --- */
section.page h4{display:block; position:relative; font-family:'OpenSansBold'; font-size:36px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; line-height:40px; padding:0px; margin:0px;}
section.page h5{display:block; position:relative; font-family:'OpenSans'; font-size:24px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; line-height:28px; padding:0px; margin:0px 0px 15px 0px;}

/* --- FAQ --- */
section.page span.answer{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); display:none; overflow:auto; float:left; font-size:14px; color:#666; text-decoration:none; line-height:20px; font-weight:normal; font-style:normal; text-align:left; padding:30px 15px; margin:0px;}

section.page span.answer a.file{display:block; position:relative; line-height:18px; padding:0px; margin:0px;}
section.page span.answer a.file p{width:30px; height:37px; display:block; float:left; position:relative; background-image:url("../Images/Icons/all.png"); background-position:-277px -21px; background-repeat:no-repeat; padding:0px; margin:0px 15px 0px 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.page span.answer a.file:hover{text-decoration:none;}
section.page span.answer a.file:hover p{opacity:0.5;}

/* === QUESTION === */
section.page a.question{display:block; clear:left; background-color:#F1F1F1; font-size:18px; color:#333; text-decoration:none; line-height:18px; font-weight:300; font-style:normal; text-align:left; text-transform:uppercase; padding:15px; margin:15px 0px 0px 0px;}
section.page a.question span{display:block; float:right; font-family:'Raleway', sans-serif; font-size:56px; color:#CCC; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:0px;}
section.page a.question span.open{margin:-5px 5px 0px 0px;}
section.page a.question:hover{color:#e01212; text-decoration:none;}
section.page a.question.active{background-color:#e01212; color:#FFF; text-decoration:none;}
section.page a.question.active span{color:rgba(255,255,255,0.75);}

/* --- CONTACTS --- */
section.page.contacts p{font-size:12px; line-height:16px;}
section.page.contacts strong{display:block; margin:0px 0px 10px 0px;}

/* === INFO === */
section.page.contacts aside{width:290px; display:block; position:relative; float:left; padding:0px; margin:0px 30px 0px 0px;}
section.page.contacts aside div.map{width:100%; height:250px; display:block; position:relative; background-color:#d4d4d4; padding:0; margin:0;}

/* === FORM === */
section.page.contacts article{width:-moz-calc(100% - 320px); width:-webkit-calc(100% - 320px); width:-o-calc(100% - 320px); width:calc(100% - 320px); display:block; float:left; padding:0px; margin:0px;}
section.page.contacts article div.box{width:285px; display:block; float:left; padding:0px; margin:0px 15px 0px 0px;}
section.page.contacts article div.boxing{width:-moz-calc(100% - 300px); width:-webkit-calc(100% - 300px); width:-o-calc(100% - 300px); width:calc(100% - 300px); display:block; float:left; padding:0px; margin:0px;}
section.page.contacts article a.button{margin:15px 0px 0px 0px;}

/* --- CATEGORY --- */
section.page.category a{width:-moz-calc(33.3334% - 20px); width:-webkit-calc(33.3334% - 20px); width:-o-calc(33.3334% - 20px); width:calc(33.3334% - 20px); display:block; position:relative; float:left; text-decoration:none; padding:0px; margin:0px 0px 30px 30px;}
section.page.category a:nth-of-type(3n + 1){clear:both; margin:0px 0px 30px 0px}

section.page.category a p{display:block; font-family:'OpenSans'; font-size:12px; color:#666; text-decoration:none; font-weight:normal; font-style:normal; text-align:justify; line-height:16px; padding:0px; margin:15px auto 0px auto;}
section.page.category a h4{display:block; font-family:'OpenSans'; font-size:18px; color:#363638; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:24px; padding:0px; margin:0px 0px 5px 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.page.category a img{display:block; position:relative; padding:0px; margin:0px 0px 15px 0px; z-index:1; -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.page.category a strong{display:block; position:absolute; top:-15px; right:15px; background-color:#e01212; color:#FFF; line-height:20px; padding:5px 15px; margin:0px; z-index:99;}
section.page.category a strong em{float:right; background-color:#6F1717; color:#CCC; text-decoration:line-through; font-style:normal; padding:6px 10px 5px 10px; margin:-5px -15px -5px 15px;}

section.page.category a div.label{position:absolute; top:-25px; left:15px; background-color:#000; text-align:center; padding:10px; margin:0; z-index:99;} 
section.page.category a div.label .name{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; font-weight:bold; text-transform:uppercase; padding:0; margin:0;}
section.page.category a div.label .price{display:block; font-family:'OpenSansBold'; font-size:32px; color:#e01212; font-weight:bold; padding:0; margin:5px 0;}
section.page.category a div.label .time{display:block; font-size:12px; color:#999; padding:0; margin:0;}

section.page.category a:hover{text-decoration:none;}
section.page.category a:hover h4{color:#e01212;}
section.page.category a:hover img{opacity:0.65;}

section.page.category a.button{width:120px; display:block; float:none; text-align:center; margin:0px auto;}

/* --- POINTS --- */ 
section.points{display:block; position:relative; overflow:hidden; background-image:url("../Images/Backgrounds/points.jpg"); background-position:center top; background-repeat:no-repeat; text-align:center; padding:70px 0px; margin:0px;}
section.points p.text{text-align:left;}
section.points em.color{width:32px; height:32px; display:inline-block; vertical-align:middle; text-indent:-99999px; padding:0px; margin:0px 5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* === BATTERY === */
section.points div.battery{min-width:200px; display:inline-block; position:relative; font-size:16px; color:#000; border:1px solid #0084FF; font-weight:bold; text-align:center; line-height:24px; padding:5px 15px; margin:0px auto;}
section.points div.battery p{width:12px; height:12px; position:absolute; top:50%; background-color:#0084FF; padding:0px; margin:-6px 0px 0px 0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
section.points div.battery p.left{left:-6px;}
section.points div.battery p.right{right:-6px;}

/* === HEADLINES === */
section.points h4{display:block; position:relative; font-family:'OpenSansBold'; font-size:34px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:38px; padding:0px; margin:0px 0px 35px 0px;}
section.points h5{display:block; position:relative; font-family:'OpenSans'; font-size:24px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:28px; padding:0px; margin:0px 0px 15px 0px;}

/* === HOTSPOT === */
section.points div.hotspot{max-width:1280px; position:relative; margin:auto;}
section.points div.hotspot img{width:100%; max-width:100%; height:auto; display:block;}

section.points div.hotspot .marker{width:26px; height:26px; position:absolute; display:inline-block; text-decoration:none; z-index:1; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:all 300ms;}
section.points div.hotspot .marker p{width:26px; height:26px; display:block; background-color:#e01212; font-family:'OpenSansSemiBold'; font-size:28px; color:#fff; text-decoration:none; text-align:center; line-height:24px; padding:0px; margin:4px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

section.points div.hotspot .hotspot-popup{width:60%; position:absolute; left:50%; top:50%; visibility:hidden; background-color:#e01212; font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; font-size:12px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; line-height:15px; padding:15px; z-index:99; opacity:0; transition:all 300ms ease-in; transform:translate(-50%,-50%);}
section.points div.hotspot .hotspot-popup h3{font-size:18px; color:#FFF; text-decoration:none; text-transform:uppercase;}
section.points div.hotspot .hotspot-popup strong{color:#FFF; text-decoration:none;}
section.points div.hotspot .hotspot-popup > *:first-child{margin-top:0;}
section.points div.hotspot .hotspot-popup > *:last-child{margin-bottom:0;}
section.points div.hotspot .hotspot-popup.open{opacity:1; visibility:visible;}

/* === GALLERY === */
section.points a.img{width:-moz-calc(20% - 10px); width:-webkit-calc(20% - 10px); width:-o-calc(20% - 10px); width:calc(20% - 10px); display:block; float:left; position:relative; background-color:#f7f7f7; padding:0px; margin:5px;}
section.points a.img:nth-of-type(5n + 1){clear:left;}

section.points a.img p{width:41px; height:26px; display:block; position:absolute; top:50%; left:50%; background-image:url("../Images/Icons/all.png"); background-position:-223px -46px; background-repeat:no-repeat; padding:0px; margin:-13px 0px 0px -20px; opacity:0; -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.points a.img img{width:100%; display:block; padding:0px; margin:0px; opacity:1; -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.points a.img:hover{text-decoration:none;} 
section.points a.img:hover p{opacity:1;}
section.points a.img:hover img{opacity:0.5;}

/* --- TECHNICALS --- */
section.technicals{display:block; position:relative; background-color:#f1f1f1; background-image:url(../Images/Backgrounds/home.jpg); background-position:top center; background-repeat:no-repeat; padding:90px 0px; margin:0px;}
section.technicals h5{display:block; position:relative; font-family:'OpenSansBold'; font-size:34px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:38px; padding:0px; margin:0px 0px 30px 0px;}
section.technicals a.button{font-size:20px; line-height:50px; padding:0 34px; margin:30px 0px 0px 0px;}
section.technicals #tbiButton{width:145px;}

section.technicals .blue{width:100%; max-width:146px; display:inline-block; background-color:#4584E4; color:#FFF; vertical-align:middle; text-decoration:none; line-height:38px; padding:0 10px; margin:10px 0 0 0;}
section.technicals .blue:hover{background-color:#2664C1; text-decoration:none;}

section.technicals .dsk{max-width:146px; display:block; background-color:#52ae30; color:#FFF; vertical-align:middle; text-decoration:none; line-height:38px; padding:0 10px; margin:0;}
section.technicals .dsk:hover{background-color:#075238; text-decoration:none;}
section.technicals .dsk img{display:inline-block; vertical-align:middle;}

section.technicals .unicredit{max-width:146px; display:block; background-color:#e2001a; color:#FFF; vertical-align:middle; text-decoration:none; line-height:38px; padding:0 10px; margin:10px 0 0 0;}
section.technicals .unicredit:hover{background-color:#9E0012; text-decoration:none;}
section.technicals .unicredit img{max-width:100px; display:inline-block; vertical-align:middle;}

/* === PRICE === */
section.technicals aside{display:inline-block; position:relative; font-family:'OpenSansSemiBold'; font-size:14px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; line-height:18px; vertical-align:middle; padding:0px 30px; margin:0px;}
section.technicals aside strong{display:block; position:relative; font-family:'OpenSansBold'; font-size:26px; color:#e01212; text-decoration:none; font-weight:bold; font-style:normal; text-transform:uppercase; line-height:36px; padding:0px; margin:0px;}
section.technicals aside strong p{display:inline-block; font-size:16px;}

section.technicals aside strong em{position:relative; font-family:'OpenSans'; color:#666; /*text-decoration:line-through;*/ font-style:normal; padding:0px 5px; margin:0px 0px 0px 15px;}
section.technicals aside strong em:after{width:100%; height:2px; display:block; position:absolute; left:0; top:50%; content:""; background:#c00;}

/* === PRICE === */
section.technicals a.file{min-width:30px; display:inline-block; position:relative; border-left:3px solid #999; vertical-align:middle; padding:0px 30px; margin:0px;}
section.technicals a.file p{width:30px; height:37px; display:block; position:relative; background-image:url("../Images/Icons/all.png"); background-position:-277px -21px; background-repeat:no-repeat; padding:0px; margin:12px auto 11px auto; -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.technicals a.file:hover{text-decoration:none;}
section.technicals a.file:hover p{opacity:0.5;}

/* === PHONE === */
section.technicals a.phone{display:inline-block; position:relative; border-left:3px solid #999; font-family:'OpenSansSemiBold'; font-size:14px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; line-height:18px; vertical-align:middle; padding:0px 30px; margin:0px;}
section.technicals a.phone strong{display:block; position:relative; font-family:'OpenSansBold'; font-size:32px; color:#e01212; text-decoration:none; font-weight:bold; font-style:normal; text-transform:uppercase; line-height:36px; padding:0px; margin:0px;}
section.technicals a.phone:hover{text-decoration:none;}

/* === TABLE === */
section.technicals table{position:relative; border:1px solid #aa0005; border-bottom:none; border-collapse:collapse; padding:0px; margin:0px 0px 60px 0px;}
section.technicals table tr th{background-color:rgba(170,0,5,0.1); border-bottom:1px solid #aa0005; font-family:'OpenSansSemiBold'; font-size:14px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; text-align:left; padding:10px;}
section.technicals table tr td{border-bottom:1px solid #aa0005; border-left:1px solid #aa0005; color:#000; padding:10px;}
section.technicals table tr:hover th,
section.technicals table tr:hover td{color:#e01212;}

/* ERROR */ 
section.error{height:25vh; display:-webkit-flex; display:flex; position:relative; text-align:center; -webkit-align-items:center; align-items:center;}
section.error h4,
section.error h5{text-align:center;}
section.error a.button{max-width:130px; display:block; margin:15px auto 0px auto;}

/* SEARCH */
div.search{width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.9); padding:0px; margin:0px; z-index:9999999; -webkit-align-items:center; align-items:center;}

div.search a.close{display:block; position:absolute; top:30px; right:30px; font-family:'OpenSansBold'; font-size:24px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:24px; padding:0px; margin:0px; z-index:999; cursor:pointer; -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;}
div.search a.close:hover{color:#e2001a; text-decoration:none;}

div.search span{width:100%; max-width:640px; display:block; position:relative; padding:0px 15px; margin:0px auto;}
div.search span input{width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); max-width:none; height:48px; display:block; float:left; background-color:transparent; border:none; border-bottom:2px solid #FFF; font-family:'OpenSans'; font-size:16px; color:#FFF; font-weight:normal; font-style:normal; line-height:48px; padding:0px; margin:0px;}
div.search span input.error{border-bottom:2px solid #e2001a;}

div.search span a{width:46px; height:46px; display:block; float:left; background-color:transparent; border:2px solid #FFF; color:#FFF; text-decoration:none; padding:0px; margin:0px 0px 0px 10px; -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;}
div.search span a p{width:20px; height:20px; display:block; background-image:url(../Images/Icons/all.png); background-position:0px -48px; background-repeat:no-repeat; padding:0px; margin:13px;}
div.search span a:hover{background-color:rgba(255,255,255,0.25); color:#000; text-decoration:none;}

/* ACTION */
div.action{position:fixed; bottom:5%; right:15px; padding:0; margin:0; z-index:999999;}

div.action .up{width:64px; height:64px; display:-webkit-flex; display:flex; position:relative; background-color:#1f4fa2; padding:0; margin:0; cursor:pointer; -webkit-align-items:center; align-items:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -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;}
div.action .up p{width:0; height:0; display:block; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #FFF; padding:0; margin:-5px auto 0 auto;}
div.action .up:hover{background-color:#28156f;}

div.action img{display:block; position:relative; padding:0; margin:15px 0 0 0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* POPUP */
div.popup{display:none; padding:30px; margin:0;}

div.popup a.phone{display:block; position:relative; border-top:3px solid #999; font-family:'OpenSansSemiBold'; font-size:14px; color:#1c1c20; text-decoration:none; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; line-height:18px; vertical-align:middle; padding:30px 0; margin:0;}
div.popup a.phone:hover{text-decoration:none;}
div.popup a.phone:first-of-type{border-top:none;}
div.popup a.phone strong{display:block; position:relative; font-family:'OpenSansBold'; font-size:32px; color:#e01212; text-decoration:none; font-weight:bold; font-style:normal; text-transform:uppercase; line-height:36px; padding:0; margin:0;}

/* BLACK FRIDAY */
div.blackfriday{position:fixed; top:25%; left:0; background-color:#000; text-align:center; padding:10px 15px; margin:0; z-index:999999;} 
div.blackfriday .name{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; font-weight:bold; text-transform:uppercase; padding:0; margin:0;}
div.blackfriday .price{display:block; font-family:'OpenSansBold'; font-size:32px; color:#e01212; font-weight:bold; padding:0; margin:5px 0;}
div.blackfriday .time{display:block; font-size:12px; color:#999; padding:0; margin:0;}

/* PROGRESSBAR */
div.container{width:100%; position:relative; margin:0px 0px 30px 0px; z-index:1;}
div.container ul.progressbar{counter-reset:step; margin:5px 0px 0px 0px;}
div.container ul.progressbar li{width:33.3334%; position:relative; float:left; text-align:center; list-style:none; padding:0px; margin:0px;}
div.container ul.progressbar li:before{width:30px; height:30px; display:block; content:counter(step); counter-increment:step; background-color:#FFF; border:2px solid #bebebe; color:#bebebe; font-weight:bold; text-align:center; line-height: 27px; margin:0px auto 10px auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
div.container ul.progressbar li:after{width:100%; height:3px; position:absolute; top:15px; left:-50%; content:''; background-color:#979797; z-index:-1;}
div.container ul.progressbar li.active:before{background-color:#1f4fa2; border:2px solid #1f4fa2; color:#FFF;}
div.container ul.progressbar li.active:after{background-color:#1f4fa2;}
div.container ul.progressbar li.active > li:after{background-color:#1f4fa2;}
div.container ul.progressbar li.active > li:before{background-color:#1f4fa2; border:2px solid #1f4fa2; color:#FFF;}
div.container ul.progressbar li:first-child:after{content:none;}

/* CHECKOUT */
section.page.checkout{text-align:center; margin:0;}
section.page.checkout h5{text-align:center;}
section.page.checkout img{max-width:100%; display:block; position:relative; padding:0; margin:0 auto 30px auto;}
section.page.checkout strong{display:block; color:#000; margin:30px 0 5px 0;}
section.page.checkout div.price{font-size:20px; color:#e01212; font-weight:bold; text-transform:uppercase; line-height:150%;}

section.page.checkout .prev{display:none;}

section.page.checkout small{margin:0 0 15px 0;}
section.page.checkout small img{display:inline-block;margin:0 5px 0 0;}

section.page.checkout em.color{width:32px; height:32px; display:inline-block; vertical-align:middle; text-indent:-99999px; padding:0px; margin:0px 5px; opacity:0.3; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
section.page.checkout em.color:hover{opacity:0.6;}
section.page.checkout em.color.select{opacity:1;}

section.page.checkout input.extra{width:16px; height:16px; display:inline-block; vertical-align:middle; padding:0; margin:0 10px 0 0;}
section.page.checkout select.extra{display:block;}

section.page.checkout a{vertical-align:middle;}
section.page.checkout a.button{margin:0 0 0 15px;}

section.page.checkout div.info strong{display:inline-block; margin:0;}

section.page.checkout div.step{display:none; text-align:left; padding:0; margin:0 0 30px 0;}
section.page.checkout div.step.view{display:block;}
section.page.checkout div.step.final label{display:block; text-align:center;}
section.page.checkout div.step.final .checkbox{float:none; margin:0px auto 5px auto;}

section.page.checkout div.inv{display:none;}

/* THANK YOU */
section.page.thankyou{text-align:center; padding:100px 0;}
section.page.thankyou p{display:block; margin:0 0 30px 0;}
section.page.thankyou img{max-width:25%; display:block; padding:0; margin:0 auto 30px auto;}

section.page.thankyou h1{display:block; font-family:'OpenSansBold'; font-size:32px; color:#2b2b2b; text-decoration:none; font-weight:normal; font-style:normal; line-height:36px; text-transform:uppercase; padding:0px; margin:0px;}
section.page.thankyou h2{display:block; position:relative; font-family:'OpenSansLight'; font-size:24px; color:#e01212; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:28px; padding:0px; margin:0px 0px 15px 0px;}

/* CARD INFO */
.cardinfo,
.unicreditinfo{display:none; position:relative; padding:0; margin:0;}
.cardinfo p{display:inline-block; vertical-align:middle; line-height:50px; padding:0; margin:0 10px 0 0;}

.cardinfo input,
.unicreditinfo input{max-width:350px; display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
.cardinfo input.small,
.unicreditinfo input.small{max-width:170px;}

/* POPUP */
div.tellpopup{width:100%; max-width:355px; display:none; padding:15px;}
div.tellpopup hr{margin:15px 0px;}
div.tellpopup h3{display:block; position:relative; font-family:'OpenSansSemiBold'; font-size:19px; color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px; margin:0px 0px 15px 0px;}
div.tellpopup small{padding:0px; margin:0px 0px 15px 0px;}
div.tellpopup strong{display:block; color:#111; font-style:normal; margin:0 0 10px 0;}
div.tellpopup input{margin:0px 0px 15px 0px;}
div.tellpopup label.txt{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); display:block; font-size:12px; line-height:14px; margin:0px 0px 15px 0px;}

div.tellpopup input{width:100%;}

div.tellpopup .checkbox{width:25px; height:25px; position:relative; float:left; clear:both; border:none; padding:0px; margin:0px 15px 20px 0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
div.tellpopup .checkbox label{width:25px; height:25px; position:absolute; left:0px; top:0px; background-color:#f3f3f3; border:none; padding:0px; cursor:pointer;}
div.tellpopup .checkbox label:after{width:12px; height:8px; position:absolute; top:5px; left:5px; background:transparent; border:3px solid #333; border-top:none; border-right:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); opacity:0; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
div.tellpopup .checkbox label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;}
div.tellpopup .checkbox input[type=checkbox]{height:25px; padding:0px; margin:0px;}
div.tellpopup .checkbox input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}

div.tellpopup .checkbox.error{border:none !important;}
div.tellpopup .checkbox.error label{background-color:#FCD0C7;}

/* PLAN */
.plan hr{margin:10px 0;}
.plan h2{color:#000; text-transform:uppercase; padding:0 0 15px 0;}