
/*	*************************************************************************

		Programmed by:	Cristian R. Villagra
						cristianvillagra.com
						cristianrvillagra@gmail.com
						
						Grey Buffalo Studios
						greybuffalo.com
						contact@greybuffalo.com
								
	************************************************************************* */
	
/* Layout */
* {margin:0;border:0;outline:0;border:none;outline:none;resize:none;}
body {height:100%;}
html {width: 100%;height:100%;}
.cFloatLeft {float:left;}
.cFloatRight {float:right;}
.cJustify {text-align:justify;}
.cVerticalMiddle {display:table-cell;vertical-align:middle;}
.cNoSelection {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-user-drag: none;}
.cAreaSensor {display:block;width:100%;height:100%;}
.cBtnTester {background-color:#093;opacity:0.3;}
/* Cursors	*/
.cNormalCursor {cursor:default;}
.cHandCursor {cursor:default;}
.cHandCursor:hover {cursor:pointer;}
.cMoveCursor {cursor:move;}
.cCrosshairCursor {cursor:crosshair;}
.cWaitCursor {cursor:wait;}
/* Containers */
.cInputField {background:transparent!important; background-color:transparent!important;}
/* Textos */
.cTextDecoration_Underline {text-decoration:underline;}
.cTextNoneDecoration {text-decoration:none;}
.cTextBold {font-weight:bold;}
/* Transiciones */
.cTransicion {transition: background 0.2s ease 0.1s;-webkit-transition: background 0.2s ease 0.1s;-moz-transition: background 0.2s ease 0.1s;-o-transition: background 0.2s ease 0.1s;}
.cTransicion_05s {transition: background 0.5s ease 0.1s;-webkit-transition: background 0.5s ease 0.1s;-moz-transition: background 0.5s ease 0.1s;-o-transition: background 0.5s ease 0.1s;}
.cTransicion_1s {transition: background 1.0s ease 0.1s;-webkit-transition: background 1.0s ease 0.1s;-moz-transition: background 1.0s ease 0.1s;-o-transition: background 1.0s ease 0.1s;}

/* Custom Elements */
d-row {position:relative;float:left;width:100%;}
d-col {position:relative;float:left;}
d-abslt {position:absolute;width:100%;height:100%;}
d-fixed {position:fixed;width:100%;height:100%;}
d-cntr {display:inline-block;}
d-cntr::before, d-cntr::after { white-space-collapse:collapse; }

/* Corners */
.cRoundedCorner_5 {	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;}
.cRoundedCorner_8 {	-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;-khtml-border-radius: 8px;}
.cRoundedCorner_10 { -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}
.cRoundedCorner_15 { -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;-khtml-border-radius: 15px;}
.cRoundedCorner_20 { -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;-khtml-border-radius: 20px;}
.cRoundedCorner_25 { -moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;-khtml-border-radius: 25px;}
.cRoundedCorner_30 { -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;-khtml-border-radius: 30px;}
.cRoundedCorner_35 { -moz-border-radius: 35px;-webkit-border-radius: 35px;border-radius: 35px;-khtml-border-radius: 35px;}
.cRoundedCorner_40 { -moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;-khtml-border-radius: 40px;}

.cRoundedCorner_TopLeft_5 {-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;-khtml-border-top-left-radius: 5px;}
.cRoundedCorner_TopRight_5 {-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;-khtml-border-top-right-radius: 5px;}

.cRoundedCorner_TopLeft_10 {-moz-border-top-left-radius: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;-khtml-border-top-left-radius: 10px;}
.cRoundedCorner_TopRight_10 {-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;-khtml-border-top-right-radius: 10px;}

.cRoundedCorner_BottomLeft_5 {-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;-khtml-border-bottom-left-radius: 5px;}
.cRoundedCorner_BottomRight_5 {-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;-khtml-border-bottom-right-radius: 5px;}

.cRoundedCorner_BottomLeft_10 {-moz-border-bottom-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-khtml-border-bottom-left-radius: 10px;}
.cRoundedCorner_BottomRight_10 {-moz-border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-khtml-border-bottom-right-radius: 10px;}

.cRoundedCorner_50perc { -moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;-khtml-border-radius: 50%;}

/* Paddings */
.cPaddingLateral_5 {padding-left:5px; padding-right:5px;}
.cPaddingLateral_10 {padding-left:10px; padding-right:10px;}
.cPaddingLateral_15 {padding-left:15px; padding-right:15px;}
.cPaddingLateral_20 {padding-left:20px; padding-right:20px;}
.cPaddingLateral_25 {padding-left:25px; padding-right:25px;}
.cPaddingLateral_30 {padding-left:30px; padding-right:30px;}
.cPaddingLateral_40 {padding-left:40px; padding-right:40px;}
.cPaddingLateral_50 {padding-left:50px; padding-right:50px;}
.cPaddingLateral_60 {padding-left:60px; padding-right:60px;}

/* Rows */
.cRowSpace_PrePostContent {height:30px;}
.cRowSpace_PostTitle {height:20px;}
.cRowSpace_InterContent {height:20px;}

/* Text Weight */
.cText_Light {font-weight:200;}
.cText_SemiLight {font-weight:300;}
.cText_Regular {font-weight:400;}
.cText_Normal {font-weight:500;}
.cText_Semibold {font-weight:600;}
.cText_Bold {font-weight:700;}
.cText_SemiBlack {font-weight:800;}
.cText_Black {font-weight:900;}

/* Background Images */
.cBackgroundImage_Cover_Center { background-position:center; background-size:cover; background-repeat:no-repeat; }
.cBackgroundImage_Contain_Center { background-position:center; background-size:contain; background-repeat:no-repeat; }
.cBackgroundImage_Cover_TopCenter { background-position:top center; background-size:cover; background-repeat:no-repeat; }
.cBackgroundImage_Contain_TopCenter { background-position:top center; background-size:contain; background-repeat:no-repeat; }

/* Images */
.cResponsiveW {
	width:100%;
	height:auto;
}

.cResponsiveH {
	width:auto;
	height:100%;
}

/* Text Colors */
.cTextColor_Blanco { color:#fefefe; }
.cTextColor_Negro { color:#080808; }

.cTextColor_Custom_0 { color:#2b2e43; }
.cTextColor_Custom_1 { color:#434B56; }
.cTextColor_Custom_2 { color:#434B56; }
.cTextColor_Custom_3 { color:#434B56; }
.cTextColor_Custom_4 { color:#434B56; }
.cTextColor_Custom_5 { color:#434B56; }
.cTextColor_Custom_6 { color:#434B56; }
.cTextColor_Custom_7 { color:#434B56; }
.cTextColor_Custom_8 { color:#434B56; }
.cTextColor_Custom_9 { color:#434B56; }

/* Background Colors */
.cBGColor_Blanco { background-color:#fefefe; }
.cBGColor_Negro { background-color:#080808; }

.cBGColor_Custom_0 { background-color:#1d1f2b; }
.cBGColor_Custom_1 { background-color:#e0e0e0; }
.cBGColor_Custom_2 { background-color:#434B56; }
.cBGColor_Custom_3 { background-color:#434B56; }
.cBGColor_Custom_4 { background-color:#434B56; }
.cBGColor_Custom_5 { background-color:#434B56; }
.cBGColor_Custom_6 { background-color:#434B56; }
.cBGColor_Custom_7 { background-color:#434B56; }
.cBGColor_Custom_8 { background-color:#434B56; }
.cBGColor_Custom_9 { background-color:#434B56; }


/* Buttons */
.cBtn_OverlayMessage {
	display: inline-block;
	text-decoration:none;
	background-color:rgba(38, 40, 45, 1);
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	font-size:22px;
	line-height:26px;
	width:auto;
	height:auto;
	color:#fff;
}

.cBtn_OverlayMessage:hover {
	background-color:rgba(38, 40, 45, 0.5);
}

.cImgCuadradaPortafolio { display:block; float:left; }

/* BANNERS */
.cBannerHero {
	height:100vh;	
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:480px;
}

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

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

.cBanner_Style_Auto {
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	height:auto;
	min-height:60px;
}

/* RULES */
@media screen and (max-width: 479px) {
	.cBanner_Style_1 { height: 200px; }
	.cBanner_Style_2 { height: 160px; }
}
@media screen and (min-width: 480px) and (max-width: 959px) {
	.cBanner_Style_1 { height: 300px; }
	.cBanner_Style_2 { height: 190px; }
}
@media screen and (min-width: 960px) {
	.cBanner_Style_1 { height: 400px; }
	.cBanner_Style_2 { height: 220px; }
}


@media screen and (max-width: 479px) {
	.cDivMainCentral { width:100%; }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
	.cDivMainCentral { width:100%; }
}
@media screen and (min-width: 640px) and (max-width: 1280px) {
	.cDivMainCentral { width:100%; }	
}
@media screen and (min-width: 1280px) {
	.cDivMainCentral { width:1280px; }
}

@media screen and (max-width: 540px) {
	.cDivCentralAngosto { width: 100%; }
}
@media screen and (min-width: 540px) {
	.cDivCentralAngosto { width: 540px; }
}


@media screen and (max-width:319px) {
	.cColGeneral_Doble { width:100%; }
	.cColGeneral_Triple { width:100%; }
	.cColGeneral_Cuadruple { width:100%; }
	.cColGeneral_Sextuple { width:100%; }
}

@media screen and (min-width:320px) and (max-width: 639px) {
	.cColGeneral_Doble { width:100%; }
	.cColGeneral_Triple { width:100%; }
	.cColGeneral_Cuadruple { width:50%; }
	.cColGeneral_Sextuple { width:50%; }
}

@media screen and (min-width:640px) and (max-width: 959px) {
	.cColGeneral_Doble { width:50%; }
	.cColGeneral_Triple { width:33%; }
	.cColGeneral_Cuadruple { width:50%; }
	.cColGeneral_Sextuple { width:33%; }
}
@media screen and (min-width:960px) {
	.cColGeneral_Doble { width:50%; }
	.cColGeneral_Triple { width:33%; }
	.cColGeneral_Cuadruple { width:25%; }
	.cColGeneral_Sextuple { width:16.6%; }
}


@media screen and (max-width: 639px) {
	.cCol_Doble { width:100%; }
	.cCol_DobleMargenes { width:90%; }
	.cCol_DobleMargenesYSin { width:100%; }
}
@media screen and (min-width: 640px) {
	.cCol_Doble { width:50%; }
	.cCol_DobleMargenes { width:45%; }
	.cCol_DobleMargenesYSin { width:50%; }
}
@media screen and (max-width: 959px) {
	.cCol_Triple { width:100%; }
	.cCol_TripleMargenes { width:90%; }
	.cCol_TripleMargenesYSin { width:100%; }
}
@media screen and (min-width: 960px) {
	.cCol_Triple { width:33%; }
	.cCol_TripleMargenes { width:28%; }
	.cCol_TripleMargenesYSin { width:28%; }
}
@media screen and (max-width: 319px) {
	.cCol_Cuadruple { width:100%; }
	.cCol_CuadrupleMargenes { width:90%; }
	.cCol_CuadrupleMargenesYSin { width:100%; }
}
@media screen and (min-width: 320px) and (max-width: 639px)  {
	.cCol_Cuadruple { width:50%; }
	.cCol_CuadrupleMargenes { width:45%; }
	.cCol_CuadrupleMargenesYSin { width:50%; }
}
@media screen and (min-width: 640px) {
	.cCol_Cuadruple { width:25%; }
	.cCol_CuadrupleMargenes { width:20%; }
	.cCol_CuadrupleMargenesYSin { width:25%; }
}


@media screen and (max-width: 319px) {
	.cCol_Sextuple { width:100%; }
	.cCol_SextupleMargenes { width:90%; }
	.cCol_SextupleMargenesYSin { width:100%; }
}
@media screen and (min-width: 320px) and (max-width: 479px)  {
	.cCol_Sextuple { width:50%; }
	.cCol_SextupleMargenes { width:45%; }
	.cCol_SextupleMargenesYSin { width:50%; }
}
@media screen and (min-width: 480px) and (max-width: 639px)  {
	.cCol_Sextuple { width:33%; }
	.cCol_SextupleMargenes { width:30%; }
	.cCol_SextupleMargenesYSin { width:33%; }
}
@media screen and (min-width: 640px) and (max-width: 959px)  {
	.cCol_Sextuple { width:25%; }
	.cCol_SextupleMargenes { width:20%; }
	.cCol_SextupleMargenesYSin { width:25%; }
}
@media screen and (min-width: 960px)  {
	.cCol_Sextuple { width:16.6%; }
	.cCol_SextupleMargenes { width:14%; }
	.cCol_SextupleMargenesYSin { width:16.6%; }
}