* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*---- HTML ----*/

html{

}



/*---- SCROLLBARS ----*/

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background:white;
    box-shadow: inset 0 0 12px 12px transparent;
    border: solid 3px transparent;
}

::-webkit-scrollbar-thumb {
    border-radius:6px;
    box-shadow: inset 0 0 12px 12px rgba(0,0,0,0.4);
    border: solid 3px transparent;
}
::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 12px 12px rgba(0,0,0,0.6);
}

::-webkit-scrollbar-button {
    display:none;
    background:white;
}
 
/* Corner */
::-webkit-scrollbar-corner {
    display:none;
    background:white;
}
 
::-webkit-resizer {
    display:none;
    background:white;
}


/*---- BODY ----*/

body{
	margin:0;
	font-family:'Montserrat';
    font-weight: 300;
}






/*---- LINKS ----*/

a, a:hover, a:active, a:visited, a:focus{
	text-decoration: none;
	color: inherit;
    outline: none;
}






/*---- COLUMNS SYSTEM ----*/

.row {
    padding-left:10px;
    padding-right:10px;
}
.row:after {
  	display: table;
  	clear: both;
  	content: '';
}
.col-1, .col-2, .col-2-4, .col-3, .col-3-6, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float:left;
    padding-right: 10px;
    padding-left: 10px; 
    box-sizing: border-box;
    
    /*border:solid 1px;*/
    margin-bottom:20px;
}
.col-1{width:8.33333333%;}
.col-2{width:16.66666666%;}
	.col-2-4{width:16.66666666%;}
.col-3{width:25%;}
	.col-3-6{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666666%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666666%;}
.col-9{width:75%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666666%;}
.col-12{width:100%;}

.five-cols{
	width: 20%;
	float:left;
    padding-right: 10px;
    padding-left: 10px; 
    box-sizing: border-box;
    margin-bottom:20px;
}






/*---- FONT-FACE ----*/

@font-face {
    font-family: 'apex';
    src: url('../fonts/apex.eot');
    src: url('../fonts/apex.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apex.woff2') format('woff2'),
         url('../fonts/apex.woff') format('woff'),
         url('../fonts/apex.ttf') format('truetype'),
         url('../fonts/apex.svg#apex') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apexbold';
    src: url('../fonts/apexbold.eot');
    src: url('../fonts/apexbold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apexbold.woff2') format('woff2'),
         url('../fonts/apexbold.woff') format('woff'),
         url('../fonts/apexbold.ttf') format('truetype'),
         url('../fonts/apexbold.svg#apexbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apexlight';
    src: url('../fonts/apexlight.eot');
    src: url('../fonts/apexlight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apexlight.woff2') format('woff2'),
         url('../fonts/apexlight.woff') format('woff'),
         url('../fonts/apexlight.ttf') format('truetype'),
         url('../fonts/apexlight.svg#apexlight') format('svg');
    font-weight: normal;
    font-style: normal;

}






/*---- FONTS FAMILIES ----*/

.opensans{font-family: 'Open Sans';} .oswald{font-family: 'Oswald';} .apex{font-family: 'apex';}  .apexbold{font-family: 'apexbold';}  .apexlight{font-family: 'apexlight';} .montserrat{font-family: 'Montserrat';} .raleway{font-family: 'Raleway';}






/*---- FONTS SIZES ----*/

.fs-i{font-size:initial;} .fs-0{font-size:0px;} .fs-6{font-size:6px;} .fs-7{font-size:7px;} .fs-8{font-size:8px;} .fs-9{font-size:9px;} .fs-10{font-size:10px;} .fs-11{font-size:11px;} .fs-12{font-size:12px;} .fs-14{font-size:14px;} .fs-16{font-size:16px;} .fs-17{font-size:17px;} .fs-18{font-size:18px;} .fs-20{font-size:20px;} .fs-22{font-size:22px;} .fs-24{font-size:24px;} .fs-26{font-size:26px;} .fs-28{font-size:28px;} .fs-30{font-size:30px;} .fs-32{font-size:32px;} .fs-34{font-size:34px;} .fs-36{font-size:36px;} .fs-38{font-size:38px;} .fs-40{font-size:40px;} .fs-42{font-size:42px;} .fs-44{font-size:44px;} .fs-46{font-size:46px;} .fs-48{font-size:48px;} .fs-50{font-size:50px;} .fs-60{font-size:60px;} .fs-70{font-size:70px;} .fs-80{font-size:80px;} .fs-90{font-size:90px;} .fs-100{font-size:100px;}






/*---- FONTS WEIGHTS & STYLES ----*/

.bold{font-weight:bold;} .bolder{font-weight:bolder;} .normal{font-weight:normal;} .light{font-weight:lighter;} .italic{font-style:italic;} .capitalize{text-transform:capitalize;} .uppercase{text-transform:uppercase;} .lowercase{text-transform:lowercase;} .normalize{text-transform: none;}






/*---- LINE HEIGHTS ----*/

.lh-i{line-height:initial;} .lh-0{line-height:0px;} .lh-6{line-height:6px;} .lh-7{line-height:7px;} .lh-8{line-height:8px;} .lh-9{line-height:9px;} .lh-10{line-height:10px;} .lh-11{line-height:11px;} .lh-12{line-height:12px;} .lh-14{line-height:14px;} .lh-16{line-height:16px;} .lh-17{line-height:17px;} .lh-18{line-height:18px;} .lh-20{line-height:20px;} .lh-22{line-height:22px;} .lh-24{line-height:24px;} .lh-26{line-height:26px;} .lh-28{line-height:28px;} .lh-30{line-height:30px;} .lh-32{line-height:32px;} .lh-34{line-height:34px;} .lh-36{line-height:36px;} .lh-38{line-height:38px;} .lh-40{line-height:40px;} .lh-42{line-height:42px;} .lh-44{line-height:44px;} .lh-46{line-height:46px;} .lh-48{line-height:48px;} .lh-50{line-height:50px;} .lh-60{line-height:60px;} .lh-70{line-height:70px;} .lh-80{line-height:80px;} .lh-90{line-height:90px;} .lh-100{line-height:100px;}






/*---- LETTER SPACING ----*/

.ls-0{letter-spacing: 0px} .ls-1{letter-spacing: 1px} .ls-2{letter-spacing: 2px} .ls-3{letter-spacing: 3px} .ls-4{letter-spacing: 4px} .ls-5{letter-spacing: 5px} .ls-6{letter-spacing: 6px} .ls-7{letter-spacing: 7px} .ls-8{letter-spacing: 8px} .ls-9{letter-spacing: 9px} .ls-10{letter-spacing: 10px}






/*---- WIDTHS ----*/

.w-100{width:100% !important;} .w-91{width:91.66666667%;} .w-83{width:83.33333333%;} .w-75{width:75%;} .w-66{width:66.66666667%;} .w-58{width:58.33333333%;} .w-50{width:50%;} .w-41{width:41.66666667%;} .w-33{width:33.33333333%;} .w-25{width:25%;} .w-16{width:16.66666667%;} .w-8{width:8.33333333%;} 
		
.w-0px{width:0px;} .w-5px{width:5px;} .w-10px{width:10px;} .w-15px{width:15px;} .w-20px{width:20px;} .w-25px{width:25px;} .w-30px{width:30px;} .w-35px{width:35px;} .w-40px{width:40px;} .w-45px{width:45px;} .w-50px{width:50px;} .w-55px{width:55px;} .w-60px{width:60px;} .w-65px{width:65px;} .w-70px{width:70px;} .w-75px{width:75px;} .w-80px{width:80px;} .w-85px{width:85px;} .w-90px{width:90px;} .w-95px{width:95px;} .w-100px{width:100px;} .w-110px{width:110px;} .w-120px{width:120px;} .w-130px{width:130px;} .w-140px{width:140px;} .w-150px{width:150px;} .w-160px{width:160px;} .w-170px{width:170px;} .w-180px{width:180px;} .w-190px{width:190px;} .w-200px{width:200px;} .w-210px{width:210px;} .w-220px{width:220px;} .w-230px{width:230px;} .w-240px{width:240px;} .w-250px{width:250px;} .w-300px{width:300px;} .w-350px{width:350px;} .w-400px{width:400px;} .w-450px{width:450px;} .w-500px{width:500px;} .w-1000px{width:1000px;} 
		
.maxw-0px{width:0px;} .maxw-5px{width:5px;} .maxw-10px{width:10px;} .maxw-15px{width:15px;} .maxw-20px{width:20px;} .maxw-25px{width:25px;} .maxw-30px{width:30px;} .maxw-35px{width:35px;} .maxw-40px{width:40px;} .maxw-45px{width:45px;} .maxw-50px{width:50px;} .maxw-55px{width:55px;} .maxw-60px{width:60px;} .maxw-65px{width:65px;} .maxw-70px{width:70px;} .maxw-75px{width:75px;} .maxw-80px{width:80px;} .maxw-85px{width:85px;} .maxw-90px{width:90px;} .maxw-95px{width:95px;} .maxw-100px{width:100px;} .maxw-110px{width:110px;} .maxw-120px{width:120px;} .maxw-130px{width:130px;} .maxw-140px{width:140px;} .maxw-150px{width:150px;} .maxw-160px{width:160px;} .maxw-170px{width:170px;} .maxw-180px{width:180px;} .maxw-190px{width:190px;} .maxw-200px{width:200px;} .maxw-210px{width:210px;} .maxw-220px{width:220px;} .maxw-230px{width:230px;} .maxw-240px{width:240px;} .maxw-250px{width:250px;} .maxw-300px{width:300px;} .maxw-350px{width:350px;} .maxw-400px{width:400px;} .maxw-450px{width:450px;} .maxw-500px{width:500px;} .maxw-1000px{width:1000px;} 

.minw-0px{width:0px;} .minw-5px{width:5px;} .minw-10px{width:10px;} .minw-15px{width:15px;} .minw-20px{width:20px;} .minw-25px{width:25px;} .minw-30px{width:30px;} .minw-35px{width:35px;} .minw-40px{width:40px;} .minw-45px{width:45px;} .minw-50px{width:50px;} .minw-55px{width:55px;} .minw-60px{width:60px;} .minw-65px{width:65px;} .minw-70px{width:70px;} .minw-75px{width:75px;} .minw-80px{width:80px;} .minw-85px{width:85px;} .minw-90px{width:90px;} .minw-95px{width:95px;} .minw-100px{width:100px;} .minw-110px{width:110px;} .minw-120px{width:120px;} .minw-130px{width:130px;} .minw-140px{width:140px;} .minw-150px{width:150px;} .minw-160px{width:160px;} .minw-170px{width:170px;} .minw-180px{width:180px;} .minw-190px{width:190px;} .minw-200px{width:200px;} .minw-210px{width:210px;} .minw-220px{width:220px;} .minw-230px{width:230px;} .minw-240px{width:240px;} .minw-250px{width:250px;} .minw-300px{width:300px;} .minw-350px{width:350px;} .minw-400px{width:400px;} .minw-450px{width:450px;} .minw-500px{width:500px;} .minw-1000px{width:1000px;} 





/*---- HEIGHTS ----*/

.h-100{height:100%;} .h-91{height:91.66666667%;} .h-83{height:83.33333333%;} .h-75{height:75%;} .h-66{height:66.66666667%;} .h-58{height:58.33333333%;} .h-50{height:50%;} .h-41{height:41.66666667%;} .h-33{height:33.33333333%;} .h-25{height:25%;} .h-16{height:16.66666667%;} .h-8{height:8.33333333%;} 
		
.h-0px{height:0px;} .h-5px{height:5px;} .h-10px{height:10px;} .h-15px{height:15px;} .h-20px{height:20px;} .h-25px{height:25px;} .h-30px{height:30px;} .h-35px{height:35px;} .h-40px{height:40px;} .h-45px{height:45px;} .h-50px{height:50px;} .h-55px{height:55px;} .h-60px{height:60px;} .h-65px{height:65px;} .h-70px{height:70px;} .h-75px{height:75px;} .h-80px{height:80px;} .h-85px{height:85px;} .h-90px{height:90px;} .h-95px{height:95px;} .h-100px{height:100px;} .h-110px{height:110px;} .h-120px{height:120px;} .h-130px{height:130px;} .h-140px{height:140px;} .h-150px{height:150px;} .h-160px{height:160px;} .h-170px{height:170px;} .h-180px{height:180px;} .h-190px{height:190px;} .h-200px{height:200px;} .h-210px{height:210px;} .h-220px{height:220px;} .h-230px{height:230px;} .h-240px{height:240px;} .h-250px{height:250px;} .h-300px{height:300px;} .h-350px{height:350px !important;} .h-400px{height:400px;} .h-450px{height:450px;} .h-500px{height:500px;} .h-1000px{height:1000px;} 

.maxh-0px{height:0px;} .maxh-5px{height:5px;} .maxh-10px{height:10px;} .maxh-15px{height:15px;} .maxh-20px{height:20px;} .maxh-25px{height:25px;} .maxh-30px{height:30px;} .maxh-35px{height:35px;} .maxh-40px{height:40px;} .maxh-45px{height:45px;} .maxh-50px{height:50px;} .maxh-55px{height:55px;} .maxh-60px{height:60px;} .maxh-65px{height:65px;} .maxh-70px{height:70px;} .maxh-75px{height:75px;} .maxh-80px{height:80px;} .maxh-85px{height:85px;} .maxh-90px{height:90px;} .maxh-95px{height:95px;} .maxh-100px{height:100px;} .maxh-110px{height:110px;} .maxh-120px{height:120px;} .maxh-130px{height:130px;} .maxh-140px{height:140px;} .maxh-150px{height:150px;} .maxh-160px{height:160px;} .maxh-170px{height:170px;} .maxh-180px{height:180px;} .maxh-190px{height:190px;} .maxh-200px{height:200px;} .maxh-210px{height:210px;} .maxh-220px{height:220px;} .maxh-230px{height:230px;} .maxh-240px{height:240px;} .maxh-250px{height:250px;} .maxh-300px{height:300px;} .maxh-350px{height:350px;} .maxh-400px{height:400px;} .maxh-450px{height:450px;} .maxh-500px{height:500px;} .maxh-1000px{height:1000px;} 

.minh-0px{height:0px;} .minh-5px{height:5px;} .minh-10px{height:10px;} .minh-15px{height:15px;} .minh-20px{height:20px;} .minh-25px{height:25px;} .minh-30px{height:30px;} .minh-35px{height:35px;} .minh-40px{height:40px;} .minh-45px{height:45px;} .minh-50px{height:50px;} .minh-55px{height:55px;} .minh-60px{height:60px;} .minh-65px{height:65px;} .minh-70px{height:70px;} .minh-75px{height:75px;} .minh-80px{height:80px;} .minh-85px{height:85px;} .minh-90px{height:90px;} .minh-95px{height:95px;} .minh-100px{height:100px;} .minh-110px{height:110px;} .minh-120px{height:120px;} .minh-130px{height:130px;} .minh-140px{height:140px;} .minh-150px{height:150px;} .minh-160px{height:160px;} .minh-170px{height:170px;} .minh-180px{height:180px;} .minh-190px{height:190px;} .minh-200px{height:200px;} .minh-210px{height:210px;} .minh-220px{height:220px;} .minh-230px{height:230px;} .minh-240px{height:240px;} .minh-250px{height:250px;} .minh-300px{height:300px;} .minh-350px{height:350px;} .minh-400px{height:400px;} .minh-450px{height:450px;} .minh-500px{height:500px;} .minh-1000px{height:1000px;} 
		






/*---- MARGINS ----*/

.m-0auto{
	margin: 0 auto;
}
/*   -- Tots --   */
.m-0{margin:0px;} .m-5{margin:5px;} .m-10{margin:10px;} .m-15{margin:15px;} .m-20{margin:20px;} .m-25{margin:25px;} .m-30{margin:30px;} .m-35{margin:35px;} .m-40{margin:40px;} .m-45{margin:45px;} .m-50{margin:50px;} .m-55{margin:55px;} .m-60{margin:60px;} .m-65{margin:65px;} .m-70{margin:70px;} .m-75{margin:75px;} .m-80{margin:80px;} .m-85{margin:85px;} .m-90{margin:90px;} .m-95{margin:95px;} .m-100{margin:100px;} .m-110{margin:110px;} .m-120{margin:120px;} .m-130{margin:130px;} .m-140{margin:140px;} .m-150{margin:150px;} .m-160{margin:160px;} .m-170{margin:170px;} .m-180{margin:180px;} .m-190{margin:190px;} .m-200{margin:200px;}
.m--5{margin:-5px;} .m--10{margin:-10px;} .m--15{margin:-15px;} .m--20{margin:-20px;} .m--25{margin:-25px;} .m--30{margin:-30px;} .m--35{margin:-35px;} .m--40{margin:-40px;} .m--45{margin:-45px;} .m--50{margin:-50px;} .m--55{margin:-55px;} .m--60{margin:-60px;} .m--65{margin:-65px;} .m--70{margin:-70px;} .m--75{margin:-75px;} .m--80{margin:-80px;} .m--85{margin:-85px;} .m--90{margin:-90px;} .m--95{margin:-95px;} .m--100{margin:-100px;} .m--110{margin:-110px;} .m--120{margin:-120px;} .m--130{margin:-130px;} .m--140{margin:-140px;} .m--150{margin:-150px;} .m--160{margin:-160px;} .m--170{margin:-170px;} .m--180{margin:-180px;} .m--190{margin:-190px;} .m--200{margin:-200px;}


/*   -- Top --   */
.mt-0{margin-top:0px;} .mt-5{margin-top:5px;} .mt-10{margin-top:10px;} .mt-15{margin-top:15px;} .mt-20{margin-top:20px;} .mt-25{margin-top:25px;} .mt-30{margin-top:30px;} .mt-35{margin-top:35px;} .mt-40{margin-top:40px;} .mt-45{margin-top:45px;} .mt-50{margin-top:50px;} .mt-55{margin-top:55px;} .mt-60{margin-top:60px;} .mt-65{margin-top:65px;} .mt-70{margin-top:35px;} .mt-75{margin-top:75px;} .mt-80{margin-top:80px;} .mt-85{margin-top:85px;} .mt-90{margin-top:90px;} .mt-95{margin-top:95px;} .mt-100{margin-top:100px;} .mt-110{margin-top:110px;} .mt-120{margin-top:120px;} .mt-130{margin-top:130px;} .mt-140{margin-top:140px;} .mt-150{margin-top:150px;} .mt-160{margin-top:160px;} .mt-170{margin-top:170px;} .mt-180{margin-top:180px;} .mt-190{margin-top:190px;} .mt-200{margin-top:200px;}
.mt--5{margin-top:-5px;} .mt--10{margin-top:-10px;} .mt--15{margin-top:-15px;} .mt--20{margin-top:-20px;} .mt--25{margin-top:-25px;} .mt--30{margin-top:-30px;} .mt--35{margin-top:-35px;} .mt--40{margin-top:-40px;} .mt--45{margin-top:-45px;} .mt--50{margin-top:-50px;} .mt--55{margin-top:-55px;} .mt--60{margin-top:-60px;} .mt--65{margin-top:-65px;} .mt--70{margin-top:-70px;} .mt--75{margin-top:-75px;} .mt--80{margin-top:-80px;} .mt--85{margin-top:-85px;} .mt--90{margin-top:-90px;} .mt--95{margin-top:-95px;} .mt--100{margin-top:-100px;} .mt--110{margin-top:-110px;} .mt--120{margin-top:-120px;} .mt--130{margin-top:-130px;} .mt--140{margin-top:-140px;} .mt--150{margin-top:-150px;} .mt--160{margin-top:-160px;} .mt--170{margin-top:-170px;} .mt--180{margin-top:-180px;} .mt--190{margin-top:-190px;} .mt--200{margin-top:-200px;}


/*   -- Bottom --   */
.mb-0{margin-bottom:0px;} .mb-5{margin-bottom:5px;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .mb-25{margin-bottom:25px;} .mb-30{margin-bottom:30px;} .mb-35{margin-bottom:35px;} .mb-40{margin-bottom:40px;} .mb-45{margin-bottom:45px;} .mb-50{margin-bottom:50px;} .mb-55{margin-bottom:55px;} .mb-60{margin-bottom:60px;} .mb-65{margin-bottom:65px;} .mb-70{margin-bottom:70px;} .mb-75{margin-bottom:75px;} .mb-80{margin-bottom:80px;} .mb-85{margin-bottom:85px;} .mb-90{margin-bottom:90px;} .mb-95{margin-bottom:95px;} .mb-100{margin-bottom:100px !important;} .mb-110{margin-bottom:110px;} .mb-120{margin-bottom:120px;} .mb-130{margin-bottom:130px;} .mb-140{margin-bottom:140px;} .mb-150{margin-bottom:150px;} .mb-160{margin-bottom:160px;} .mb-170{margin-bottom:170px;} .mb-180{margin-bottom:180px;} .mb-190{margin-bottom:190px;} .mb-200{margin-bottom:200px;}
.mb--5{margin-bottom:-5px;} .mb--10{margin-bottom:-10px;} .mb--15{margin-bottom:-15px;} .mb--20{margin-bottom:-20px;} .mb--25{margin-bottom:-25px;} .mb--30{margin-bottom:-30px;} .mb--35{margin-bottom:-35px;} .mb--40{margin-bottom:-40px;} .mb--45{margin-bottom:-45px;} .mb--50{margin-bottom:-50px;} .mb--55{margin-bottom:-55px;} .mb--60{margin-bottom:-60px;} .mb--65{margin-bottom:-65px;} .mb--70{margin-bottom:-70px;} .mb--75{margin-bottom:-75px;} .mb--80{margin-bottom:-80px;} .mb--85{margin-bottom:-85px;} .mb--90{margin-bottom:-90px;} .mb--95{margin-bottom:-95px;} .mb--100{margin-bottom:-100px;} .mb--110{margin-bottom:-110px;} .mb--120{margin-bottom:-120px;} .mb--130{margin-bottom:-130px;} .mb--140{margin-bottom:-140px;} .mb--150{margin-bottom:-150px;} .mb--160{margin-bottom:-160px;} .mb--170{margin-bottom:-170px;} .mb--180{margin-bottom:-180px;} .mb--190{margin-bottom:-190px;} .mb--200{margin-bottom:-200px;}


/*   -- Left --   */
.ml-0{margin-left:0px;} .ml-5{margin-left:5px;} .ml-10{margin-left:10px;} .ml-15{margin-left:15px;} .ml-20{margin-left:20px;} .ml-25{margin-left:25px;} .ml-30{margin-left:30px;} .ml-35{margin-left:35px;} .ml-40{margin-left:40px;} .ml-45{margin-left:45px;} .ml-50{margin-left:50px;} .ml-55{margin-left:55px;} .ml-60{margin-left:60px;} .ml-65{margin-left:65px;} .ml-70{margin-left:70px;} .ml-75{margin-left:75px;} .ml-80{margin-left:80px;} .ml-85{margin-left:85px;} .ml-90{margin-left:90px;} .ml-95{margin-left:95px;} .ml-100{margin-left:100px;} .ml-110{margin-left:110px;} .ml-120{margin-left:120px;} .ml-130{margin-left:130px;} .ml-140{margin-left:140px;} .ml-150{margin-left:150px;} .ml-160{margin-left:160px;} .ml-170{margin-left:170px;} .ml-180{margin-left:180px;} .ml-190{margin-left:190px;} .ml-200{margin-left:200px;}
.ml--5{margin-left:-5px;} .ml--10{margin-left:-10px;} .ml--15{margin-left:-15px;} .ml--20{margin-left:-20px;} .ml--25{margin-left:-25px;} .ml--30{margin-left:-30px;} .ml--35{margin-left:-35px;} .ml--40{margin-left:-40px;} .ml--45{margin-left:-45px;} .ml--50{margin-left:-50px;} .ml--55{margin-left:-55px;} .ml--60{margin-left:-60px;} .ml--65{margin-left:-65px;} .ml--70{margin-left:-70px;} .ml--75{margin-left:-75px;} .ml--80{margin-left:-80px;} .ml--85{margin-left:-85px;} .ml--90{margin-left:-90px;} .ml--95{margin-left:-95px;} .ml--100{margin-left:-100px;} .ml--110{margin-left:-110px;} .ml--120{margin-left:-120px;} .ml--130{margin-left:-130px;} .ml--140{margin-left:-140px;} .ml--150{margin-left:-150px;} .ml--160{margin-left:-160px;} .ml--170{margin-left:-170px;} .ml--180{margin-left:-180px;} .ml--190{margin-left:-190px;} .ml--200{margin-left:-200px;}


/*   -- Right --   */
.mr-0{margin-right:0px;} .mr-5{margin-right:5px;} .mr-10{margin-right:10px;} .mr-15{margin-right:15px;} .mr-20{margin-right:20px;} .mr-25{margin-right:25px;} .mr-30{margin-right:30px;} .mr-35{margin-right:35px;} .mr-40{margin-right:40px;} .mr-45{margin-right:45px;} .mr-50{margin-right:50px;} .mr-55{margin-right:55px;} .mr-60{margin-right:60px;} .mr-65{margin-right:65px;} .mr-70{margin-right:70px;} .mr-75{margin-right:75px;} .mr-80{margin-right:80px;} .mr-85{margin-right:85px;} .mr-90{margin-right:90px;} .mr-95{margin-right:95px;} .mr-100{margin-right:100px;} .mr-110{margin-right:110px;} .mr-120{margin-right:120px;} .mr-130{margin-right:130px;} .mr-140{margin-right:140px;} .mr-150{margin-right:150px;} .mr-160{margin-right:160px;} .mr-170{margin-right:170px;} .mr-180{margin-right:180px;} .mr-190{margin-right:190px;} .mr-200{margin-right:200px;}
.mr--5{margin-right:-5px;} .mr--10{margin-right:-10px;} .mr--15{margin-right:-15px;} .mr--20{margin-right:-20px;} .mr--25{margin-right:-25px;} .mr--30{margin-right:-30px;} .mr--35{margin-right:-35px;} .mr--40{margin-right:-40px;} .mr--45{margin-right:-45px;} .mr--50{margin-right:-50px;} .mr--55{margin-right:-55px;} .mr--60{margin-right:-60px;} .mr--65{margin-right:-65px;} .mr--70{margin-right:-70px;} .mr--75{margin-right:-75px;} .mr--80{margin-right:-80px;} .mr--85{margin-right:-85px;} .mr--90{margin-right:-90px;} .mr--95{margin-right:-95px;} .mr--100{margin-right:-100px;} .mr--110{margin-right:-110px;} .mr--120{margin-right:-120px;} .mr--130{margin-right:-130px;} .mr--140{margin-right:-140px;} .mr--150{margin-right:-150px;} .mr--160{margin-right:-160px;} .mr--170{margin-right:-170px;} .mr--180{margin-right:-180px;} .mr--190{margin-right:-190px;} .mr--200{margin-right:-200px;}







/*---- PADDINGS ----*/

/*   -- Tots --   */
.p-0{padding:0px;} .p-5{padding:5px !important;} .p-10{padding:10px;} .p-15{padding:15px !important;} .p-20{padding:20px;} .p-25{padding:25px;} .p-30{padding:30px;} .p-35{padding:35px;} .p-40{padding:40px;} .p-45{padding:45px;} .p-50{padding:50px;} .p-55{padding:55px;} .p-60{padding:60px;} .p-65{padding:65px;} .p-70{padding:70px;} .p-75{padding:75px;} .p-80{padding:80px;} .p-85{padding:85px;} .p-90{padding:90px;} .p-95{padding:95px;} .p-100{padding:100px;} .p-110{padding:110px;} .p-120{padding:120px;} .p-130{padding:130px;} .p-140{padding:140px;} .p-150{padding:150px;} .p-160{padding:160px;} .p-170{padding:170px;} .p-180{padding:180px;} .p-190{padding:190px;} .p-200{padding:200px;}


/*   -- Top --   */
.pt-0{padding-top:0px;} .pt-5{padding-top:5px;} .pt-10{padding-top:10px;} .pt-15{padding-top:15px;} .pt-20{padding-top:20px;} .pt-25{padding-top:25px;} .pt-30{padding-top:30px !important;} .pt-35{padding-top:35px;} .pt-40{padding-top:40px;} .pt-45{padding-top:45px;} .pt-50{padding-top:50px;} .pt-55{padding-top:55px;} .pt-60{padding-top:60px;} .pt-65{padding-top:65px;} .pt-70{padding-top:70px;} .pt-75{padding-top:75px;} .pt-80{padding-top:80px;} .pt-85{padding-top:85px;} .pt-90{padding-top:90px;} .pt-95{padding-top:95px;} .pt-100{padding-top:100px;} .pt-110{padding-top:110px;} .pt-120{padding-top:120px;} .pt-130{padding-top:130px;} .pt-140{padding-top:140px;} .pt-150{padding-top:150px;} .pt-160{padding-top:160px;} .pt-170{padding-top:170px;} .pt-180{padding-top:180px;} .pt-190{padding-top:190px;} .pt-200{padding-top:200px;}


/*   -- Bottom --   */
.pb-0{padding-bottom:0px;} .pb-5{padding-bottom:5px;} .pb-10{padding-bottom:10px;} .pb-15{padding-bottom:15px;} .pb-20{padding-bottom:20px;} .pb-25{padding-bottom:25px;} .pb-30{padding-bottom:30px;} .pb-35{padding-bottom:35px;} .pb-40{padding-bottom:40px;} .pb-45{padding-bottom:45px;} .pb-50{padding-bottom:50px;} .pb-55{padding-bottom:55px;} .pb-60{padding-bottom:60px;} .pb-65{padding-bottom:65px;} .pb-70{padding-bottom:70px;} .pb-75{padding-bottom:75px;} .pb-80{padding-bottom:80px;} .pb-85{padding-bottom:85px;} .pb-90{padding-bottom:90px;} .pb-95{padding-bottom:95px;} .pb-100{padding-bottom:100px;} .pb-110{padding-bottom:110px;} .pb-120{padding-bottom:120px;} .pb-130{padding-bottom:130px;} .pb-140{padding-bottom:140px;} .pb-150{padding-bottom:150px;} .pb-160{padding-bottom:160px;} .pb-170{padding-bottom:170px;} .pb-180{padding-bottom:180px;} .pb-190{padding-bottom:190px;} .pb-200{padding-bottom:200px;}


/*   -- Left --   */
.pl-0{padding-left:0px;} .pl-5{padding-left:5px;} .pl-10{padding-left:10px;} .pl-15{padding-left:15px;} .pl-20{padding-left:20px;} .pl-25{padding-left:25px;} .pl-30{padding-left:30px;} .pl-35{padding-left:35px;} .pl-40{padding-left:40px;} .pl-45{padding-left:45px;} .pl-50{padding-left:50px;} .pl-55{padding-left:55px;} .pl-60{padding-left:60px;} .pl-65{padding-left:65px;} .pl-70{padding-left:70px;} .pl-75{padding-left:75px;} .pl-80{padding-left:80px;} .pl-85{padding-left:85px;} .pl-90{padding-left:90px;} .pl-95{padding-left:95px;} .pl-100{padding-left:100px;} .pl-110{padding-left:110px;} .pl-120{padding-left:120px;} .pl-130{padding-left:130px;} .pl-140{padding-left:140px;} .pl-150{padding-left:150px;} .pl-160{padding-left:160px;} .pl-170{padding-left:170px;} .pl-180{padding-left:180px;} .pl-190{padding-left:190px;} .pl-200{padding-left:200px;}


/*   -- Right --   */
.pr-0{padding-right:0px;} .pr-5{padding-right:5px;} .pr-10{padding-right:10px;} .pr-15{padding-right:15px;} .pr-20{padding-right:20px;} .pr-25{padding-right:25px;} .pr-30{padding-right:30px;} .pr-35{padding-right:35px;} .pr-40{padding-right:40px;} .pr-45{padding-right:45px;} .pr-50{padding-right:50px;} .pr-55{padding-right:55px;} .pr-60{padding-right:60px;} .pr-65{padding-right:65px;} .pr-70{padding-right:70px;} .pr-75{padding-right:75px;} .pr-80{padding-right:80px;} .pr-85{padding-right:85px;} .pr-90{padding-right:90px;} .pr-95{padding-right:95px;} .pr-100{padding-right:100px;} .pr-110{padding-right:110px;} .pr-120{padding-right:120px;} .pr-130{padding-right:130px;} .pr-140{padding-right:140px;} .pr-150{padding-right:150px;} .pr-160{padding-right:160px;} .pr-170{padding-right:170px;} .pr-180{padding-right:180px;} .pr-190{padding-right:190px;} .pr-200{padding-right:200px;}







/*---- ALIGNS ----*/

/*   -- Verticals --   */
.va-m{vertical-align:middle;} .va-t{vertical-align:top;} .va-b{vertical-align:bottom;} 

/*   -- Text --   */
.tc{text-align:center;} .tl{text-align:left;} .tr{text-align:right;} .tj{text-align:justify;}






/*---- DISPLAYS ----*/

.d-n{display: none;} .d-b{display: block;} .d-i{display: inline;} .d-ib{display: inline-block;} .d-t{display: table;} .d-tc{display: table-cell;}






/*---- POSITIONS ----*/

.p-r{position: relative;} .p-a{position: absolute;} .p-f{position: fixed;} 






/*---- FLOATS ----*/

.f-l{float:left;} .f-r{float:right;} .f-n{float:none;}






/*---- OVERFLOWS ----*/

.o-h{overflow:hidden;} .o-a{overflow:auto;} .o-s{overflow:scroll;}
.ox-h{overflow-x:hidden;} .ox-a{overflow-x:auto;} .ox-s{overflow-x:scroll;}
.oy-h{overflow-y:hidden;} .oy-a{overflow-y:auto;} .oy-s{overflow-y:scroll;}






/*---- COLORS ----*/

.white{color:#fff;} .black{color:#000;} .lightgrey{color:#eee;} .grey{color:#a5a5a5;} .darkgrey{color:#7a7a7a;} .blue{color:#3498db;} .darkblue{color:#2c3e50;} .green{color:#27ae60;} .turquoise{color:#1abc9c;} .red{color:#e1261c;} .yellow{color:#f1c40f;} .purple{color:#8e44ad;} .lightpurple{color:# ;} .orange{color:#e67e22;} .darkorange{color:#d35400;}






/*---- BACKGROUND COLORS ----*/

.bg-white{background:#fff;} .bg-black{background:#000;} .bg-lightergrey{background:#f4f4f4;} .bg-lightgrey{background:#ddd;} .bg-grey{background:#999;} .bg-darkgrey{background:#555;} .bg-blue{background:#3498db;} .bg-darkblue{background:#2c3e50;} .bg-green{background:#27ae60;} .bg-turquoise{background:#1abc9c;} .bg-red{background:#e1261c;} .bg-yellow{background:#f1c40f;} .bg-purple{background:#8e44ad;} .bg-lightpurple{background:#9b59b6;} .bg-orange{background:#e67e22;} .bg-darkorange{background:#d35400;}






/*---- TEXTS ----*/

.bigtitle{font-size:24px;text-transform:uppercase;font-family: 'Roboto';font-weight: bold;}
.title{font-size:20px;text-transform:uppercase;font-family: 'Roboto';font-weight: bold;}
.subtitle{font-size:18px;font-family: 'Roboto';font-weight: bold;}
.bodytext{font-size:16px;line-height: 24px}
.category{font-size:11px;text-transform:uppercase;color:#a5a5a5;}	



.ge-bigtitle{
    position:relative;
    left:48px;
    width: calc(100% - 48px) !important;
    margin-bottom:20px;
    padding: 0;
    font-size: 30px;
    line-height:38px;
    letter-spacing:3px;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 900;
}
.ge-title{
    position:relative;
    left:48px;
    width: calc(100% - 48px) !important;
    margin-bottom:20px;
    padding: 0;
    font-size: 26px;
    line-height:34px;
    letter-spacing:3px;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 700;
}
.ge-subtitle{
    position:relative;
    left:48px;
    width: calc(100% - 48px) !important;
    margin-bottom:20px;
    padding: 0;
    font-size: 22px;
    line-height:30px;
    letter-spacing:3px;
    text-transform: capitalize;
    font-family: 'Roboto';
    font-weight: 500;
}
.ge-subsubtitle{
    position:relative;
    left:48px;
    width: calc(100% - 48px) !important;
    margin-bottom:20px;
    padding: 0;
    font-size: 18px;
    line-height:26px;
    letter-spacing:3px;
    text-transform: capitalize;
    font-family: 'Roboto';
    font-weight: 400;
}
.ge-bigtitle:after{
    content:'';
    position:absolute;
    top:16px;
    left:-40px;
    background:#000;
    width:32px;
    height:2px;
}
.ge-title:after{
    content:'';
    position:absolute;
    bottom:0px;
    left:0px;
    background:#000;
    width:48px;
    height:2px;
}
.ge-subtitle:after{
    content:'';
    position:absolute;
    bottom:0px;
    left:0px;
    background:#000;
    width:64px;
    height:2px;
}
.ge-subsubtitle:after{
    content:'';
    position:absolute;
    bottom:0px;
    left:0px;
    background:#000;
    width:80px;
    height:2px;
}


/*---- BUTTONS ----*/

.box-btn{
	font-size: 0;
}
.btn {
	display: inline-block;
    max-width: 130px;
    padding: 10px 15px;
    border: solid 1px #333;
    color: #333;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    transition: 0.3s ease-in-out;
	cursor:pointer;
}
.btn:hover {
    background: #152c44;
    border: solid 1px #152c44;
    color: #fff;
}
.btn-active {
    display: inline-block;
    max-width: 130px;
    padding: 10px 15px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    background: #152c44;
    border: solid 1px #152c44;
    color: #fff;
	cursor:default;
}												/*   -- Exemple --   */

												/*<div class="box-btn">
													<div class="btn">Button</div>
												</div>*/





/*---- TABLES ----*/

table.table-base{
    border-collapse:collapse;
    width:100%;
    border:solid 1px #ccc;
    border-bottom:solid 3px #ccc;
}
table.table-base thead tr th{
    background:#f2f2f2;
    color:#4F5467;
    padding:0px 10px;
    text-transform:uppercase;
    height: 40px;
    line-height: 13px;
}
table.table-base thead tr td{
    background:#f9f9f9;
    color:#4F5467;
    padding:0px 10px;
    text-transform:capitalize;
    height: 40px;
    line-height: 13px;
}

table.table-base tbody{
    font-size: 14px;
}
table.table-base tbody tr td{
    padding:0px 10px;
    height: 40px;
    line-height: 13px;
}
table.table-base tbody tr{
    background:#fff;
    transition:0.3s ease;
}
table.table-base tr:hover{
    background:#f1f1f1;
}
table.table-base tr{
    border:solid 1px #ccc;
}






/*---- FORMS ----*/

.form-base{
    font-family: 'Montserrat' !important;
    position: relative;
}

.error {
    color: #F44337 !important;
}
.warning {
    color: #FF9801 !important;
}
.advice {
    color: #2196F4 !important;
}
.correct {
    color: #8BC34B !important;
}
.error:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f00d';
    margin-right: 5px;
}
.warning:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f071';
    margin-right: 5px;
}
.advice:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f05a';
    margin-right: 5px;
}
.correct:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f00c';
    margin-right: 5px;
}


.form-base input, .form-base textarea.textarea-base, .form-base select{
  font-family: 'Montserrat' !important;
    border: none !important;
    border-bottom:solid 1px rgba(0,0,0,0.3) !important;
    border-radius: 0px !important;
    font-size: 16px !important;
    line-height:16px !important;
    font-weight: 300 !important;
    width: calc(100% - 58px);
  width: -moz-calc(100% - 58px); /* Firefox */ 
  width: -webkit-calc(100% - 58px); /* WebKit */ 
  width: -o-calc(100% - 58px); /* Opera */ 
  width: calc(100% - 58px); /* Standard */ 

    padding-bottom:6px !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom:8px !important;
    background: transparent !important;
    -webkit-box-sizing : border-box !important;
    -moz-box-sizing : border-box !important;
    box-sizing : border-box !important;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
    position:absolute !important;
    top:36px !important;
    left:48px !important;
    z-index: 150;
}
.form-base input:focus, .form-base textarea:focus.textarea-base, .form-base select:focus{
    border-bottom: none !important;
}
.form-base input:focus:hover, .form-base textarea:focus:hover.textarea-base, .form-base select:focus:hover{
    border-bottom: none !important;
}
.form-base textarea.textarea-base{
    top:0px !important;
    left:0px !important;
    margin-left:20px !important;
    width:calc(100% - 30px);
    height:26px;
    margin-top:36px;
    margin-left:10px;
    resize: none;
    overflow: auto;
    transition:0.3s ease-in-out;
}
.form-base textarea.textarea-base:focus{
    position:absolute;
    top:50px;
    height:calc(100% - 10px);
    margin-top:0 !important;
}

.form-base select{
    padding-bottom: 8px !important;  /*Correct Select*/
    padding-top: 1px !important;     /*Correct Select*/
}



.form-base input[type=date] {
  height: 26px;                       /*Correct Date*/
  
}





.form-base .field-no-ico .labels, .form-base .field-no-ico input{
  left: 0px !important;
}

.form-base .field-no-ico{
    height:72px !important;
    position:relative !important;
    /*background:#eee;
    margin-bottom:5px;*/
}


 

.form-base input:hover, .form-base textarea.textarea-base:hover, .form-base select:hover{
  outline: none !important;
  border-bottom:solid 1px rgba(0,0,0,0.5) !important;
}

.form-base input:hover + .labels, .form-base select:hover + .labels{
    color:rgba(0,0,0,0.5) !important;
}
.form-base input:hover + .labels + .field-ico, .form-base select:hover + .labels + .field-ico{
    color:rgba(0,0,0,0.5) !important;
}
.form-base select:hover + .labels + .field-ico + .opt-ico{
    color:rgba(0,0,0,0.5) !important;
}

.form-base input:hover::-webkit-input-placeholder, .form-base textarea.textarea-base:hover::-webkit-input-placeholder{
    color:rgba(0,0,0,0.5) !important;
}





.form-base input:focus, .form-base textarea.textarea-base:focus, .form-base select:focus{
  outline: none !important;
    color:#444 !important;
    /*border-bottom:solid 2px #4F5467 !important;*/
}

.form-base input + div + i + hr, .form-base select + div + i + i + hr {
    position: absolute;
    border:0;
    margin:0;
    bottom: 10px;
    right: 10px;
    background: #4F5467;
    height: 2px;
    width: calc(100% - 58px);
    transform: scaleX(0);
    transition: 0.3s;
}
.form-base input:focus + div + i + hr, .form-base select:focus + div + i + i + hr{
    transform: scaleX(1);
}
.form-base textarea.textarea-base + hr {
    position: absolute;
    border:0;
    margin:0;
    bottom: 10px;
    right: 10px;
    background: #4F5467;
    height: 2px;
    width: calc(100% - 30px);
    transform: scaleX(0);
    transition: 0.3s;
}
.form-base textarea.textarea-base:focus + hr{
    transform: scaleX(1);
}






.form-base input[type="submit"]{
  background: rgba(79, 84, 103, 1) !important;
    color: white !important;
    display: inline-block !important;
    padding: 10px !important;
    border-radius: 2px !important;
    border: solid 1px rgba(79, 84, 103, 1) !important;
    width: 185px !important;
    cursor:pointer;
    margin: 0 auto !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 28px !important;
    transition:0.3s !important;
}

.form-base input[type="submit"]:hover{
  background: rgba(79, 84, 103, 0.7) !important;
}

.form-base input[type="submit"]:disabled{
    background: rgba(79, 84, 103, 0.5) !important;
    border: solid 1px rgba(79, 84, 103, 0) !important;
    cursor: initial !important;
}


    

.form-base select option:first-child{
  color: rgba(0,0,0,0.3) !important;
}



.form-base ::-webkit-input-placeholder {
   color:rgba(0,0,0,0.3) !important;
   line-height: normal !important;
   font-family: Montserrat;
   transition:0.3s;
}




.form-base .field{
    height:72px !important;
    position:relative !important;
    /*background:#eee;
    margin-bottom:5px;*/
}
.form-base .labels{
    font-size:16px !important;
    line-height:12px !important;
    color:rgba(0,0,0,0.3);
    position:absolute !important;
    top:40px !important;  
    left:48px !important;
    opacity:0;
    pointer-events:none;
    transition:0.3s;
}
.form-base .message{
    font-size:12px !important;
    line-height:12px !important;
    color:rgba(0,0,0,0.3);
    position:absolute !important;
    top:70px !important;    
    right:10px !important;
    font-style: italic;
    padding: 0px 0px 0px 20px;

    -webkit-animation-name: apareixer;
    -webkit-animation-duration: 0.5s;
    animation-name: apareixer;
    animation-duration: 0.5s;
}

@-webkit-keyframes apareixer {
    from {top: 60px;opacity:0;}
    to {top: 70px;opacity:1;}
}
@keyframes apareixer {
    from {top: 60px;opacity:0;}
    to {top: 70px;opacity:1;}
}

.form-base input:focus + .labels{
    color:#4F5467 !important;
    
    font-size:12px !important;
    top:16px !important; 
    opacity:1;
}
.form-base input:focus + .labels + .field-ico, .form-base select:focus + .labels, .form-base select:focus + .labels + .field-ico, .form-base select:focus + .labels + .field-ico + .opt-ico{
    color:#4F5467 !important;
}
.form-base select + .labels{
    opacity:1;
    font-size:12px !important;
    top:16px !important; 
}

.form-base input:focus::-webkit-input-placeholder{
    color:transparent !important;
}





.form-base input:disabled + .labels, .form-base input:disabled + .labels + .field-ico, .form-base select:disabled + .labels, .form-base select:disabled + .labels + .field-ico, .form-base select:disabled + .labels + .field-ico + .opt-ico{
    color: rgba(0,0,0,0.15) !important;
}


.form-base input:disabled, .form-base select:disabled, .form-base textarea.textarea-base:disabled {
    border-bottom: dashed 1px rgba(0,0,0,0.15) !important;
    color: rgba(0,0,0,0.15);
}
.form-base input:disabled::-webkit-input-placeholder, .form-base select:disabled::-webkit-input-placeholder, .form-base textarea.textarea-base:disabled::-webkit-input-placeholder {
    color: rgba(0,0,0,0.15) !important;
    font-family: Montserrat;
}

.form-base input[type="checkbox"]:disabled:before, .form-base input[type="radio"]:disabled:before {
  border: 2px solid rgba(0,0,0,0.15) !important;
  cursor: default !important;
}
.checkbox-disabled, .radio-disabled {
  color: rgba(0,0,0,0.15) !important;
  cursor: default !important;
}


.form-base input:not(:placeholder-shown) + .labels {
    opacity:1 !important;
    top:16px !important;
    font-size:12px !important;
}




.form-base .error-fcf input + .labels {
    color: #4F5467 !important;
}
.form-base .error-fcf input {
    border-bottom: solid 2px #4F5467 !important;
}






.form-base select:first-child {
    
}
.form-base select option {
    color:#444 !important;
    background:#e1e1e1;
}
.form-base select option:first-child {
    color:rgba(0,0,0,0.3) !important;
}










.field-ico{
    position:absolute !important;
    left:8px !important;
    top:28px !important;
    pointer-events:none !important;
    color:rgba(0,0,0,0.3) !important;
    width:40px !important;
    height:36px !important;
    text-align:center !important;
    line-height:36px !important;
    font-size:20px !important;
    transition:0.3s;
}


.opt-ico{
    position:absolute !important;
    right:15px !important;
    top:41px !important;
    pointer-events:none !important;
    color:rgba(0,0,0,0.3) !important;
    transition:0.3s;
}





















.form-base input[type="checkbox"] {
  position: relative !important;
  background: none;
  width: 22px;
  height: 22px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border:none !important;
  padding: 0;
  margin:0;
  margin-left:-35px;
}
.form-base input[type="checkbox"]:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius:2px;
  box-sizing:border-box;
  border: 2px solid rgba(0,0,0,0.3);
  transition: all 0.3s ease-in-out;
}
.form-base input[type="checkbox"]:hover:before {
  border: 2px solid rgba(0,0,0,0.5);
}
.form-base input[type="checkbox"]:checked:before {
  height: 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-top-style: none;
  border-right-style: none;
  border-color: #4F5467;
  border-radius:0;
}
.form-base .checkbox{
    float:left;
    position:relative;
    top:36px;
    margin-left:10px;
    width:calc(100% - 45px);
	cursor:pointer;
}

.form-base .checkbox:hover + input[type="checkbox"]:before {
  border: 2px solid rgba(0,0,0,0.5);
}
.form-base .checkbox:hover + input[type="checkbox"]:checked:before {
  border-top-style: none;
  border-right-style: none;
  border-color: #4F5467;
  border-radius:0;
}




.form-base input[type="radio"] {
  position: relative !important;
  background: none;
  width: 22px;
  height: 22px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border:none !important;
  padding: 0;
  margin:0;
  margin-left:-35px;
}
.form-base input[type="radio"]:before {
  content: '';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius:50%;
  box-sizing:border-box;
  border: 2px solid rgba(0,0,0,0.3);
  transition: all 0.3s ease-in-out;
}
.form-base input[type="radio"]:hover:before {
  border: 2px solid rgba(0,0,0,0.5);
}
.form-base input[type="radio"]:checked {
    border:2px solid #4F5467 !important;
    border-radius:50% !important;
}
.form-base input[type="radio"]:checked:before {
  height: 0px;
  width: 0px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border: solid 6px #4F5467;
  border-radius:50%;
}
.form-base .radio{
    float:left;
    position:relative;
    top:36px;
    margin-left:10px;
    width:calc(100% - 45px);
}
.form-base .radio:hover + input[type="radio"]:before {
  border: 2px solid rgba(0,0,0,0.5);
}
.form-base .radio:hover + input[type="radio"]:checked:before {
  border: solid 6px #4F5467;
  border-radius:50%;
}       








.box-opt{
    position:absolute;
    top:72px;
    width: calc(100% - 58px);
    left:48px;
    background:white;
    padding:0px 0;
    opacity:0;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    border-radius: 2px; 
    max-height: 225px;
    overflow-y: scroll;
    transition:0.3s ease-in-out;
}
.box-opt div{
    position:relative;
    height:0px;
    opacity:0;
    overflow:hidden;
    line-height:24px;
    padding:0 18px;
    transition:0.3s ease-in-out;
}
.box-opt-on{
    position:absolute;
    top:72px;
    width: calc(100% - 58px);
    left:48px;
    background:white;
    padding:10px 0;
    opacity:1;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    border-radius: 2px;
    z-index: 200;
}
.box-opt-on div{
    position:relative;
    height:48px;
    opacity:1;
    line-height:24px;
    padding:0 18px;
    transition:0.3s ease-in-out;
	cursor:pointer;
}
.box-opt div:hover{
    background:#e3e3e3;
}
.box-opt div span{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.box-opt-lights,.fitxatec-lights{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0);
    z-index:100;
    pointer-events:none;
}
.box-opt-lights-on,.fitxatec-lights-on{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0);
    z-index:100;
    pointer-events:inherit;
}
.fitxatec-lights,.fitxatec-lights-on{
	z-index:201 !important;
}

#form-fitxatec input{
	z-index:202 !important;
}


.form-base input[type="file"]{
    opacity: 0;
}

.file-field{
    height: auto !important;
    min-height: 72px !important;
}

.fake-seleccionar-file{
    position: absolute !important;
    top: 36px !important;
    left: 48px !important;
    width: calc(100% - 58px);
    height: 28px;
    border-bottom: solid 1px rgba(0,0,0,0.3) !important;
    color:rgba(0,0,0,0.3);
    text-align: left;
    pointer-events: none;
}
.fake-seleccionar-escut1,.fake-seleccionar-escut2{
    position: absolute !important;
    top: 36px !important;
    left: 48px !important;
    width: calc(100% - 58px);
    height: 28px;
    border-bottom: solid 1px rgba(0,0,0,0.3) !important;
    color:rgba(0,0,0,0.3);
    text-align: left;
    pointer-events: none;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    background: rgba(100, 100, 100, 1);
    color: white;
    border-radius: 2px;
    border: solid 1px rgba(100, 100, 100, 1);
    padding: 10px;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    transition:0.3s;
}

.fileUpload span{
    pointer-events: none;
    cursor: pointer;
}
.fileUpload:hover {
    background: rgba(100, 100, 100, 0.7);
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    border:solid 1px white;
}

.thumb {
    max-width: 100%;
    max-height: 200px;
    margin-top: 75px;
    border:solid 1px #ccc;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	padding: 2px;
}
.thumb2 {
    max-width: 100%;
    max-height: 200px;
    margin-top: 75px;
    border:solid 1px #ccc;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none; 
	padding: 2px;
}

.seleccionar_i {
    position: absolute;
    bottom: 8px;
    left: 48px;
    width: calc(100% - 58px);
    border-bottom: solid 1px rgba(0,0,0,0.3);
    line-height: 34px;
    pointer-events: none;
}




div#ui-datepicker-div {
    border: solid 1px #ccc !important;
    border-bottom: solid 3px #ccc !important;
    border-radius: 0 !important;
}
.ui-widget-header {
    background: #fff !important;
    border: solid 1px #4F5467 !important;
    border-bottom: solid 3px #4F5467 !important;
    color: #4F5467 !important;
    border-radius: 0 !important;
    width: calc(100% + 9px) !important;
    left: -5px !important;
    top: -5px !important;
}
.ui-widget-header .ui-icon {
    background-image: none !important;
}
.ui-datepicker-prev::before {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    content: '\f104' !important;
    margin-top: 7px;
    margin-left: 8px;
    color:#4F5467;
}
.ui-datepicker-next::before {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    content: '\f105' !important;
    margin-top: 7px;
    margin-left: 8px;
    color:#4F5467;
}
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
    border:0 !important; 
}
.ui-datepicker-prev-hover{
    border: 0 !important;
    border-radius:0 !important;
    border-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important; 
    color:#4F5467 !important;
    left:2px !important;
    top:2px !important;
}
.ui-datepicker-next-hover{
    border: 0 !important;
    border-radius:0px !important;
    border-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important; 
    color:#4F5467 !important;
    right:2px !important;
    top:2px !important;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block !important;
    padding: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
}
.ui-datepicker td {
    border: 1px solid transparent;
    padding: 3px !important;
}
.ui-state-default{
    border: 1px solid transparent !important;
    background: none !important;
    font-weight: normal !important;
    color: #555 !important;
}
.ui-state-hover{
    border: 1px solid #ccc !important;
    background: none !important;
    font-weight: normal !important;
    color: #333 !important;
}
.ui-state-highlight{
    border: 1px solid #ccc !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
}
.ui-state-active{
    border: 1px solid #4F5467 !important;
    background: #4F5467 !important;
    font-weight: normal !important;
    color: #fff !important;
}





/*---- PAGINATION ----*/

.box-pagination{
    display: block;
    width:100%;
    font-size: 0;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.box-pagination div{
    display: inline-block;
    width:40px;
    height:40px;
    border:solid 1px #ccc;
    color:#777;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin: 2px;
    cursor: pointer;
}
.box-pagination div:hover{
    border:solid 1px #333;
    color:#333;
}
.box-pagination i{
    line-height: 40px;
}
.pag-active{
    border:solid 1px #4F5467 !important;
    color:#fff !important;
    background:#4F5467 !important;
}






/*---- TAB SYSTEM ----*/

.tabs-box{
    width:100%;
    height:auto;
    position:relative;
    color:#333;
}
.tabs-box-head{
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.tabs{
    position: relative;
    width: 100%;
    font-size: 0;
}
.tab, .tab-active{
    position: relative;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    box-sizing: border-box;
    transition: none;
    -webkit-user-select: none;
       -moz-user-select: none;
         -o-user-select: none;
        -ms-user-select: none;
            user-select: none;  
}
.tab:hover{
    background: #f2f2f2;
}
.tab-active{
    background: #fff;
    border:solid 1px #4F5467;
    border-bottom: solid 1px #fff;
    border-top: solid 3px #4F5467;
    height: 43px;
    position: relative;
    top: 1px;
    transition: none;
}
.tab-active:hover{
    background: #fff;
}
.tabs-box-content{
    font-size: 0;
    border: solid 1px #4F5467;
    border-bottom: solid 3px #4F5467;
}
.tabs-box-content-box{
    background: #fff;
    font-size: 16px;
}                                               /*   -- Exemple --   */

                                                /*<div class="tabs-box">
                                                    <div class="tabs-box-head">
                                                        <div class="tabs">
                                                            <div class="tab tab1 tab-active" target="1"><span>Tab 1</span></div>
                                                            <div class="tab tab2" target="2"><span>Tab 2</span></div>
                                                        </div>
                                                    </div>
                                                    <div class="tabs-box-content">
                                                        <div class="tabs-box-content-box">
                                                            CONTENT
                                                        </div>
                                                    </div>
                                                </div>*/



.o-0{
    opacity: 0;
}
.o-1{
    opacity: 1;
}
.l-16{
    left:16px !important;
}