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

/* FEILDS */
input{background-color:#E6E6E6;}
input.error{background-color:#FCD0C7;}

textarea{background-color:#E6E6E6;}
textarea.error{background-color:#FCD0C7;}

div.checkbox{width:20px; height:20px; margin:0px 7px 5px 0px; overflow:hidden; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
div.checkbox label{width:20px; height:20px; background-color:#E6E6E6;}
div.checkbox label:after{width:11px; height:6px; top:4px; left:3px; border:3px solid #333; border-top:none; border-right:none;}
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]:checked + label{background-color:#0860a8;}
div.checkbox input[type=checkbox]:checked + label:after{border:3px solid #FFF; border-top:none; border-right:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}

div.radio{display:inline-block; float:none; vertical-align:middle; margin:10px 10px 0px 0px;}
div.radio label{background-color:#E6E6E6;}
div.radio.error label{background-color:#FCD0C7;}

label.txt{display:inline-block; line-height:20px; margin:0px 0px 5px 0px;}
label.txt:hover{color:#0860a8;}

/* --- FILTERS --- */
section.page a.filters{display:none; background-color:#28166f; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; padding:10px; margin:0px 0px 15px 0px;}
section.page a.filters:hover{background-color:#0860a8; color:#333; text-decoration:none;}

/* --- SIDEBAR --- */
section.page aside{width:230px; display:block; position:relative; float:left; padding:0px; margin:0px 15px 30px 0px;}

section.page aside h3{display:block; border-bottom:1px solid #e9e9e9; font-family:'OpenSans'; font-size:18px; color:#28166f; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; text-transform:uppercase; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px;}
section.page aside em{height:34px; display:inline-block; font-style:normal; vertical-align:middle; line-height:34px; margin:0px 5px 15px 5px;}
section.page aside input{width:57px; display:inline-block; vertical-align:middle; text-align:center;}
section.page aside div.checkbox input{width:auto; height:auto; padding:0px; margin:0px;}
section.page aside a.btn{display:block; text-align:center; margin:15px 0px 0px 0px;}
section.page aside a.button{display:block; text-align:center;}

section.page aside a.null{width:11px; height:13px; display:block; float:right; background-image:url(../Images/Icons/all.png); background-position:-193px -53px; background-repeat:no-repeat; padding:0px; 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;}
section.page aside a.null:hover{opacity:0.5;}

section.page aside a.more{display:block; font-family:'OpenSansSemiBold'; font-size:12px; color:#3471c6; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:-25px 0px 30px 0px;}
section.page aside a.more p{width:14px; height:13px; display:inline-block; background-color:#3471c6; font-size:11px; color:#FFF; text-align:center; line-height:13px; vertical-align:middle; padding:0px 0px 2px 0px; margin:0px 5px 0px 0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* === MENU === */
section.page aside ul{display:block; position:relative; list-style:none; padding:0px; margin:0px 0px 30px 0px;}
section.page aside ul li{display:block; list-style:none; padding:0px; margin:0px;}
section.page aside ul li a{display:block; border-bottom:1px dotted #CCC; font-family:'OpenSansLight'; font-size:12px; color:#232323; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; text-transform:uppercase; padding:5px 0px; margin:0px;}
section.page aside ul li a:hover{color:#0860a8; text-decoration:none;}
section.page aside ul li a.select{color:#28166f; text-decoration:none;}

section.page aside ul.cut{height:250px; overflow:hidden;}
section.page aside ul.cut::after{width:100%; height:70px; position:absolute; bottom:0px; left:0px; content:""; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1.00) 100%);}

section.page aside ul li p{display:inline-block; font-size:12px; vertical-align:middle; padding:0px; margin:0px 0px 0px 7px;}
section.page aside ul li em{width:11px; height:11px; display:inline-block; background-image:url("../../Images/Icons/all.png"); background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 3px 0px 0px;}
section.page aside ul li em.null{background-position:-252px -11px;}
section.page aside ul li em.full{background-position:-252px 0px;}

/* === COLOR === */
section.page aside a.color{width:30px; height:30px; display:inline-block; border:2px solid #FFF; position:relative; text-indent:-9999px; vertical-align:middle; padding:0px; margin:0px 5px 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 aside a.color.select{width:26px; height:26px; border:2px solid #0860a8; padding:1px; opacity:0.75;}
section.page aside a.color:hover{opacity:0.5;}

/* === BANNER === */
section.page aside .banner{display:block; padding:0px; margin:0px 0px 30px 0px;}
section.page aside .banner img{display:block; max-width:100%;}

/* --- CONTENT --- */
section.page article{width:-moz-calc(100% - 245px); width:-webkit-calc(100% - 245px); width:-o-calc(100% - 245px); width:calc(100% - 245px); position:relative; float:left; padding:0px; margin:0px 0px 30px 0px;}

section.page article a.item{width:-moz-calc(25% - 7px); width:-webkit-calc(25% - 7px); width:-o-calc(25% - 7px); width:calc(25% - 7px); display:block; float:left; padding:0px; margin:0px 0px 30px 9px;}
section.page article a.item:nth-of-type(5n + 1){clear:none; margin:0px 0px 30px 9px;}
section.page article a.item:nth-of-type(4n + 1){clear:left; margin:0px 0px 30px 0px;}

/* === LIST === */
section.page article a.item.list{width:auto; max-width:none; float:none; margin:30px 0px 0px 0px;}
section.page article a.item.list div.img{width:245px; position:relative; float:left; padding:0px; margin:0px 25px 0px 0px;}
section.page article a.item.list div.info h4{font-size:20px; line-height:24px;}
section.page article a.item.list div.descrition{color:#666; margin:0px 0px 20px 0px;}

/* === BANNER === */
section.page article .banner{display:block; padding:0px; margin:0px;}
section.page article .banner img{display:block; max-width:100%;}

/* MOBILE */
@media only screen and (max-width: 1050px){
    section.page article a.item{width:-moz-calc(33.3334% - 8px); width:-webkit-calc(33.3334% - 8px); width:-o-calc(33.3334% - 8px); width:calc(33.3334% - 8px); margin:0px 0px 24px 12px;}
    section.page article a.item:nth-of-type(5n + 1),
    section.page article a.item:nth-of-type(4n + 1){clear:none; margin:0px 0px 24px 12px;}
    section.page article a.item:nth-of-type(3n + 1){clear:left; margin:0px 0px 24px 0px;}
}

@media only screen and (max-width: 1000px){
    section.page article a.item.list{margin:25px 0px 0px 0px;}
}

@media only screen and (max-width: 850px){
    section.page a.filters{display:block;}
    
    section.page aside{width:auto; float:none; display:none; margin:0px 0px 15px 0px;}
    section.page aside .banner{display:none;}
    
	section.page article{width:auto; float:none; margin:0px 0px 30px 0px;}
	section.page article a.item{width:-moz-calc(25% - 7px); width:-webkit-calc(25% - 7px); width:-o-calc(25% - 7px); width:calc(25% - 7px); margin:0px 0px 30px 9px;}
	section.page article a.item:nth-of-type(5n + 1),
    section.page article a.item:nth-of-type(4n + 1),
    section.page article a.item:nth-of-type(3n + 1){clear:none; margin:0px 0px 30px 9px;}
	section.page article a.item:nth-of-type(4n + 1){clear:left; margin:0px 0px 30px 0px;}
}

@media only screen and (max-width: 750px){
    section.page article a.item{width:-moz-calc(33.3334% - 8px); width:-webkit-calc(33.3334% - 8px); width:-o-calc(33.3334% - 8px); width:calc(33.3334% - 8px); margin:0px 0px 24px 12px;}
    section.page article a.item:nth-of-type(5n + 1),
    section.page article a.item:nth-of-type(4n + 1){clear:none; margin:0px 0px 24px 12px;}
    section.page article a.item:nth-of-type(3n + 1){clear:left; margin:0px 0px 24px 0px;}
    section.page article a.item.list{margin:20px 0px 0px 0px;}
}

@media only screen and (max-width: 600px){
    section.page article .banner{display:none;}
}

@media only screen and (max-width: 550px){
    section.page article a.item{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); margin:0px 0px 20px 10px;}
    section.page article a.item:nth-of-type(5n + 1),
    section.page article a.item:nth-of-type(4n + 1),
    section.page article a.item:nth-of-type(3n + 1){clear:none; margin:0px 0px 20px 10px;}
    section.page article a.item:nth-of-type(2n + 1){clear:left; margin:0px 0px 20px 0px;}
    section.page article a.item.list div.img{width:auto; float:none; margin:0px;}
}

@media only screen and (max-width: 400px){
    section.page aside ul li a{font-size:12px; line-height:20px;}
}

@media only screen and (max-width: 350px){
    section.page article a.item,
    section.page article a.item:nth-of-type(5n + 1),
    section.page article a.item:nth-of-type(4n + 1),
    section.page article a.item:nth-of-type(3n + 1),
    section.page article a.item:nth-of-type(2n + 1){width:auto; float:none; clear:both; margin:0px 0px 15px 0px;}
}