/*
=========================
>>> FONTS
=========================
*/

.fweight-light{font-weight:300;}
.fweight-medium{font-weight:normal;}
.fweight-demibold{font-weight:600;}
.fweight-bold{font-weight:bold;}

.fsize-10{font-size:10px;}
.fsize-11{font-size:11px;}
.fsize-12{font-size:12px;}
.fsize-13{font-size:13px;}
.fsize-14{font-size:14px;}
.fsize-15{font-size:15px;}
.fsize-16{font-size:16px;}
.fsize-17{font-size:17px;}
.fsize-18{font-size:18px}
.fsize-19{font-size:19px}
.fsize-20{font-size:20px!important;}
.fsize-22{font-size:22px;}
.fsize-26{font-size:26px;}
.fsize-30{font-size:30px;}
.fsize-32{font-size:32px;}
.fsize-35{font-size:35px;}
.fsize-45{font-size:45px;}
.fsize-55{font-size:55px;}
.fsize-65{font-size:65px;}
.fsize-70{font-size:70px;}
.fsize-75{font-size:75px;}

.text-uppercase{text-transform:uppercase;}
.text-capitalize{text-transform:capitalize;}
.text-underline{text-decoration:underline;}


.text-align-center{ text-align:center; }

.text-italic{font-style:italic;}
.text-nonitalic{font-style:normal;}

.line-0dot8em{line-height:0.8em;}
.line-1em{line-height:1em;}
.line-1dot1em{line-height:1.1em;}
.line-1dot2em{line-height:1.2em;}
.line-1dot3em{line-height:1.3em;}
.line-1dot4em{line-height:1.4em;}
.line-1dot5em{line-height:1.5em;}
.line-1dot6em{line-height:1.6em;}
.line-1dot7em{line-height:1.7em;}
.line-1dot8em{line-height:1.8em;}
.line-1dot9em{line-height:1.9em;}
.line-2em{line-height:2em;}


/*
=================================
>>> GRID
=================================
*/


.row-middle{
	white-space: nowrap;
}

.row-middle:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.row-middle > *{
	display: inline-block;
	vertical-align: middle;
	float:none;
	white-space: normal;
}

.col-bottom{vertical-align:bottom!important}
.col-middle{vertical-align:middle!important}
.col-top{vertical-align:top!important}

@media (max-width: 991px){
	.row-middle{
		white-space: normal;
	}
	.row-middle:before {
		content: '';
		display: block;
		height: auto;
		vertical-align: middle;
	}
	.row-middle > *{
		display: block;
		vertical-align: middle;
		float:none;
		white-space: normal;
	}	
	
}

@media (max-width: 768px){
}

/*
=================================
>>> BOXES
=================================
*/

.block{display:block;}
.inline-block{display:inline-block!important;}

.position-relative{position:relative;}

.border-none{ border:none !important; }

/*
=================================
>>> PADDINGS & MARGINS
=================================
*/

.ptop-5{padding-top:5px;}
.ptop-10{padding-top:10px;}
.ptop-15{padding-top:15px;}
.ptop-20{padding-top:20px;}
.ptop-25{padding-top:25px;}
.ptop-30{padding-top:30px;}
.ptop-40{padding-top:40px;}
.ptop-50{padding-top:50px;}
.ptop-60{padding-top:60px;}
.ptop-70{padding-top:70px;}
.ptop-80{padding-top:70px;}
.ptop-90{padding-top:90px;}
.ptop-100{padding-top:100px;}
.ptop-130{padding-top:130px;}
.ptop-140{padding-top:140px;}
.ptop-150{padding-top:150px;}

.pbottom-5{padding-bottom:5px;}
.pbottom-10{padding-bottom:10px;}
.pbottom-15{padding-bottom:15px;}
.pbottom-20{padding-bottom:20px;}
.pbottom-25{padding-bottom:25px;}
.pbottom-30{padding-bottom:30px;}
.pbottom-50{padding-bottom:50px;}
.pbottom-60{padding-bottom:60px;}
.pbottom-70{padding-bottom:70px;}
.pbottom-80{padding-bottom:80px;}
.pbottom-90{padding-bottom:90px;}
.pbottom-100{padding-bottom:100px;}
.pbottom-130{padding-bottom:130px;}
.pbottom-150{padding-bottom:150px;}
.pbottom-160{padding-bottom:160px;}

.pleft-0{padding-left:0px;}
.pleft-5{padding-left:5px;}
.pleft-10{padding-left:10px;}
.pleft-15{padding-left:15px;}
.pleft-20{padding-left:20px;}
.pleft-25{padding-left:25px;}
.pleft-30{padding-left:30px;}
.pleft-50{padding-left:50px;}
.pleft-60{padding-left:60px;}
.pleft-80{padding-left:80px;}

.pright-0{padding-right:0px;}
.pright-5{padding-right:5px;}
.pright-10{padding-right:10px;}
.pright-15{padding-right:15px;}
.pright-20{padding-right:20px;}
.pright-25{padding-right:25px;}
.pright-30{padding-right:30px;}
.pright-80{padding-right:80px;}

.padding-none{ padding:0 !important; }

.mtop-0{margin-top:0px!important;}
.mtop-6{margin-top:6px;}
.mtop-10{margin-top:10px;}
.mtop-15{margin-top:15px;}
.mtop-20{margin-top:20px;}
.mtop-25{margin-top:25px;}
.mtop-40{margin-top:40px;}
.mtop-50{margin-top:50px;}
.mtop-60{margin-top:60px;}
.mtop-75{margin-top:75px;}
.mtop-80{margin-top:80px;}
.mtop-170{margin-top:170px;}

.mbottom-0{margin-bottom:0px!important;}
.mbottom-5{margin-bottom:5px;}
.mbottom-10{margin-bottom:10px;}
.mbottom-15{margin-bottom:15px;}
.mbottom-20{margin-bottom:20px!important;}
.mbottom-25{margin-bottom:25px;}
.mbottom-30{margin-bottom:30px!important;}
.mbottom-35{margin-bottom:35px;}
.mbottom-40{margin-bottom:40px;}
.mbottom-50{margin-bottom:50px;}
.mbottom-60{margin-bottom:60px;}
.mbottom-70{margin-bottom:70px;}
.mbottom-75{margin-bottom:75px;}
.mbottom-80{margin-bottom:80px;}
.mbottom-100{margin-bottom:100px;}
.mbottom-150{margin-bottom:150px;}
.mbottom-160{margin-bottom:160px;}
.mbottom-180{margin-bottom:180px;}

.mleft-5{margin-left:5px;}
.mleft-10{margin-left:10px;}
.mleft-30{margin-left:30px;}
.mleft-45{margin-left:45px;}
.mleft-60{margin-left:60px;}
.mleft-70{margin-left:70px;}

.mright-10{margin-right:10px;}
.mright-15{margin-right:15px;}
.mright-20{margin-right:20px;}
.mright-25{margin-right:25px;}
.mright-60{margin-right:60px;}

.margin-none{ margin:0 !important; }

@media (max-width: 768px){
	.ptop-20, .ptop-30, .ptop-40{padding-top:20px;}
	.ptop-50, .ptop-70, .ptop-90, .ptop-100{padding-top:40px;}
	
	.pbottom-20{padding-bottom:20px;}
	.pbottom-50, .pbottom-70, .pbottom-80, .pbottom-90, .pbottom-100{padding-bottom:40px;}
}

.border-bottom-wide{
	border-bottom:45px solid #e3d7d7;
}

/*
=================================
>>> COLORS
=================================
*/

.bgcolor-negro{background-color:#000;}
.bgcolor-blanco{background-color:#fff;}
.bgcolor-marfil{background-color:#f5f5f5;}
.bgcolor-magenta{background-color:#ff00ff;}
.bgcolor-gray{background-color:#f4f4f4;}
.bgcolor-dark-red{ background-color:#b09553; }

.bg-image{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.bg-overlay { position: relative;}

.bg-overlay:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	opacity:0.8;
}

.bg-overlay.bg-overlay-red:before{background-color:#c84450;}
.bg-overlay.bg-overlay-cyan:before{background-color:#52a5b7;}

.color-dark-red{ color:#b09553; }
.color-white{color:#fff;}
.color-purple{color:#b844f0;}
.color-magenta{color:#b09553;}
.color-gray{color:#4f4f4f;}
.color-black{color:#000;}

.color-overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.opacity0{ opacity:0; }
.opacity10{ opacity:0.1; }
.opacity20{ opacity:0.2; }
.opacity30{ opacity:0.3; }
.opacity40{ opacity:0.4; }
.opacity50{ opacity:0.5; }
.opacity60{ opacity:0.6; }
.opacity70{ opacity:0.7; }
.opacity80{ opacity:0.8; }
.opacity90{ opacity:0.9; }
.opacity100{ opacity:1; }

/*
=================================
>>> DIVIDERS
=================================
*/


hr{
	height:1px;
	border:0;
	border-radius:0;
	margin-top: 10px;
	margin-bottom: 10px;
	opacity:0.6
}

hr.hr-full{
	width:100%;
}

hr.hr-small{
	width:50px;
}

hr.hr-left{margin-left:0}

.divisor{box-shadow: inset 1px 0 0 0 #fff;}

/*
=================================
>>> BUTTON
=================================
*/

.btn{
    -webkit-appearance: none;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    padding: 0 35px;
    border: none;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
	border-radius:0;
	color:#fff;
}

.btn-custom-default{
	background-color:transparent;
	border:1px solid white;
}
.btn-custom-default:hover,
.btn-custom-default:focus,
.btn-custom-default:active,
.btn-custom-default:hover:focus {
    color: #b09553;
    background-color: #fff;
}

.btn-custom-two{
	background-color:transparent;
	border:1px solid #bababa;
}
.btn-custom-two:hover {
    color: #fff;
    background-color: #bababa;
}

.btn-custom-three{
	background-color:#b09553;
	border:1px solid #b09553;
}
.btn-custom-three:hover,
.btn-custom-three:focus,
.btn-custom-three:active,
.btn-custom-three:hover:focus {
    /*color: #b09553;
    background-color: #fff;*/
    color:#fff;
    background-color:#b09553;
	border:1px solid #b09553;
}

.btn-small{
	color:#000;
	font-size:12px;
	height:32px;
	line-height:30px;
}

.btn-purple{
	background-color:#b844f0;
	color:white;
}

/*
=================================
>>> FORM
=================================
*/

.form-control{
	height:44px;
	border-radius:0;
	padding-left:25px;
	padding-right:25px;
	background-color:transparent;
	border:1px solid transparent;

}