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

html{

}






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

body{
	margin:0;
    font-family:'Montserrat';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}






/*---- 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;
}










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

.montserrat{font-family: 'Montserrat';} .oswald{font-family: 'Oswald';}





/*---- 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;}






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

.w-100{width:100%;} .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;} 





/*---- 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;} .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;} 
		






/*---- 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;} .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;} .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-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;}






/*---- 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 ----*/

h1, .bigtitle{margin:0;font-weight: 900;letter-spacing: 0px;font-size: 48px;line-height:72px;text-transform: uppercase;} h2, .title{margin:0;font-weight: 700;letter-spacing: 0.25px;font-size: 34px;line-height:50px;} h3, .subtitle{margin:0;font-weight: 500;letter-spacing: 0px;font-size: 24px;line-height:36px;} .body-text{margin:0;font-weight: 400;letter-spacing: 0.5px;font-size: 16px;line-height:24px;} .button-text{margin:0;font-weight: 500;letter-spacing: 1.25px;font-size: 14px;line-height:16px;text-transform: uppercase;} .overline-text{margin:0;font-weight: 400;letter-spacing: 1.5px;font-size: 10px;line-height:12px;text-transform: uppercase;}	




/*---- 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: #333333;
    border: solid 1px #333333;
    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: #333333;
    border: solid 1px #333333;
    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 #333333;
    border-bottom:solid 5px #333333;
}
table.table-base thead tr th{
    background:#333333;
    color:#fff;
    padding:5px 10px;
    text-transform:uppercase;
    height: 40px;
    line-height: 13px;
}
table.table-base thead tr td{
    background:rgba(21, 44, 68, 0.7);
    color:#fff;
    padding:5px 10px;
    text-transform:capitalize;
    height: 40px;
    line-height: 13px;
}
table.table-base tbody{
    font-size: 14px;
}
table.table-base tbody tr td{
    padding:5px 10px;
    height: 40px;
    line-height: 13px;
}
table.table-base tbody tr:nth-child(odd){
    background:#fff;
}
table.table-base tbody tr:nth-child(even){
    background:#f9f9f9;
}






/*---- 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, .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;
    
    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;
}
.form-base textarea{
    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: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: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:hover::-webkit-input-placeholder{
    color:rgba(0,0,0,0.5) !important;
}





.form-base input:focus, .form-base textarea:focus, .form-base select:focus{
  outline: none !important;
    color:#444 !important;
    /*border-bottom:solid 2px #333333 !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: #333333;
    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 + hr {
    position: absolute;
    border:0;
    margin:0;
    bottom: 10px;
    right: 10px;
    background: #333333;
    height: 2px;
    width: calc(100% - 30px);
    transform: scaleX(0);
    transition: 0.3s;
}
.form-base textarea:focus + hr{
    transform: scaleX(1);
}






.form-base input[type="submit"]{
  background: #333333 !important;
    color: white !important;
    display: inline-block !important;
    padding: 10px !important;
    border-radius: 2px !important;
    border: solid 1px #333333 !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(21, 44, 68, 0.7) !important;
}

.form-base input[type="submit"]:disabled{
    background: rgba(21, 44, 68, 0.5) !important;
    border: solid 1px rgba(21, 44, 68, 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:#333333 !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:#333333 !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: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: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: #333333 !important;
}
.form-base .error-fcf input {
    border-bottom: solid 2px #333333 !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: #333333;
  border-radius:0;
}
.form-base .checkbox{
    float:left;
    position:relative;
    top:36px;
    margin-left:10px;
    width:calc(100% - 45px);
}

.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: #333333;
  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 #333333 !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 #333333;
  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 #333333;
  border-radius:50%;
}