/*
:root {
	--color-main:			#04062c;
	--color-main-alpha: 	rgb(4,6,44,.9);
	--color-alt:			#ca2f00;
	--color-alt-alpha:		rgb(202,47,0,.5);
	--color-light:			#fff;
	--color-light-alpha: 	rgb(255,255,255,.95);
	--color-dark:			#999;
	--color-dark-alpha:		rgb(120,120,120,.75);
	--color-primary:		#1e87f0;
	--color-primary-alpha: 	rgb(30,135,240,.5);
	--color-success:		#00b450;
	--color-success-alpha:	rgb(0,180,80,.5);
	--color-warning:		#fff;
	--color-warning-alpha: 	rgb(255,255,255,.5);
	--color-danger:			#c83c3c;
	--color-danger-alpha:	rgb(200,60,60,.5);
}
*/
:root {
	--color-main:			#60c0f3;
	--color-main-alpha: 	rgb(130,181,207,.9);
	--color-alt:			#eb3d00;
	--color-alt-alpha:		rgb(235,61,0,.5);
	--color-extra1:			#fdc800;
	--color-extra1-alpha:	rgb(253,200,0,.5);
	--color-light:			#fff;
	--color-light-alpha: 	rgb(255,255,255,.95);
	--color-dark:			#999;
	--color-dark-alpha:		rgb(120,120,120,.5);
	--color-primary:		#1e87f0;
	--color-primary-alpha: 	rgb(30,135,240,.5);
	--color-success:		#00b450;
	--color-success-alpha:	rgb(0,180,80,.5);
	--color-warning:		#faa05a;
	--color-warning-alpha: 	rgb(250,160,90,.5);
	--color-danger:			#b40000;
	--color-danger-alpha:	rgb(180,0,0,.5);
}

/* Mail Hide */
mail::after{content:attr(dom)}
mail::before{content:attr(me)"\0040"}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #333;
	font-size: 100%;
	font-family: 'Dosis', sans-serif;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
*, *:before, *:after {
  	box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
}
@media only screen and (max-width : 1199px) {
	html, body, h1, h2, h3, h4, h5, h6 {
	font-size: 90%;
	}
}
@media only screen and (max-width : 959px) {
	html, body, h1, h2, h3, h4, h5, h6 {
	font-size: 80%;
	}
}
@media only screen and (max-width : 561px) {
	html, body, h1, h2, h3, h4, h5, h6 {
	font-size: 85%;
	}	
}
p {
	margin: 0;
	padding: 0;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: solid 1px #ccc;
}
img {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.main-wrapper {
	min-height: 100%;
	position: relative;
}
.main-content {
	width: 100%;
	display: inline-block;
	padding-bottom: 52px;
}
/* Bottom Bar*/
.bottom-bar {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 52px;
}
@media (max-width: 1199px) {
.main-content {padding-bottom: 44px;}
.bottom-bar   {height:44px;}
	}
@media (max-width: 959px) {
.main-content {padding-bottom: 31px;}
.bottom-bar   {height:31px;}
	}
@media (max-width: 561px) {
.main-content {padding-bottom: 86px;}
.bottom-bar   {height:66px;}
	}
/* Bottom Bar */
.wrapper {
	float: left;
	width: 100%;
}
.content-adjust {
	padding: 132px 0 0 0;
}
@media (max-width: 1199px) {
.content-adjust {padding-top: 112px;}
	}
@media (max-width: 959px) {
.content-adjust {padding-top: 91px;}
	}
@media (max-width: 561px) {
.content-adjust {padding-top: 89px;}
	}
/* Header */
#header-main  {display: block;}
#header-mobile {display: none;}
@media only screen and (max-width : 561px) {
#header-main  {display: none}
#header-mobile {display: block}
}
header ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
header li {
	display: inline-block;
}
/* Navigation*/
#nav-main  {display: block;}
#nav-mobile {display: none;}
@media only screen and (max-width : 561px) {
#nav-main  {display: none;}
#nav-mobile {display: block;}
}
#nav-mobile a {
	color: var(--color-alt);
}
#my-id ul.vertical {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#my-id ul.vertical li {
	display: block;
	padding: 1rem 1rem 1rem 0;
}
#my-id ul.vertical li a {
	color: var(--color-main);
}
nav ul.horizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav ul.horizontal li {
	margin: 0;
	padding: .5rem 1rem;
	display: inline-block;
	background-color: var(--color-alt);
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
nav ul.horizontal li.active {
	margin: 0;
	padding: .5rem 1rem;
	display: inline-block;
	background-color: var(--color-main);
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
nav ul.horizontal li:hover {
	background-color: var(--color-main);
	color: var(--color-light);
}

@media only screen and (max-width : 1199px) {

}
@media only screen and (max-width : 959px) {
	nav ul.horizontal li {
		margin: 0;
		padding: .5rem 1rem;
	}
}
@media only screen and (max-width : 561px) {
nav ul.vertical li {
	padding: 1rem 2rem 1rem 0;
	}
}
/* Sub Navigation */
.subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.subnav li {
	display: inline-block;
	padding: 0 1rem;
}
.subnav li:first-child {
	padding-left: 0;
}
.subnav li:last-child {
	padding-right: 0;
}
/* Footer */
#footer-main  {display: block;}
#footer-mobile {display: none;}
@media only screen and (max-width : 561px) {
#footer-main  {display: none;}
#footer-mobile {display: block;}
}
@media only screen and (max-width : 561px) {
footer .developer a {
	color: #777;
	}
footer .costumer a {
	color: #000;
	}
}
/* Section */ 
section {
	margin: 0 auto;
	width: 1200px;
}
.min-height {
	min-height: 100vh;
}
@media (max-width: 1199px) {
	section {
	width: 960px;
	}
}
@media (max-width: 959px) {
	section {
	width: 552px;
	}
}
@media (max-width: 561px) {
	section {
	width: 312px;
	}
}
section > .center-content {
	vertical-align:top;
	display: inline-block;
}
.fix {
	padding: 10px;
}
.fix-h {
	padding: 0 10px;
}
@media (max-width: 959px) {
.fix {
	padding: 5px;
}
	}
@media (max-width: 561px) {
.fix {
	padding: 3px;
}
	}
.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1,
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
	float:left;
}
.col-lg-12 {width: 1200px;} .col-lg-11 {width: 1100px;} .col-lg-10 {width: 1000px;} .col-lg-9  {width:  900px;}
.col-lg-8  {width:  800px;} .col-lg-7  {width:  700px;} .col-lg-6  {width:  600px;} .col-lg-5  {width:  500px;}
.col-lg-4  {width:  400px;} .col-lg-3  {width:  300px;} .col-lg-2  {width:  200px;} .col-lg-1  {width:  100px;}
/*
==> Media Query 1199px Mid Screen Device <==
*/
@media only screen and (max-width : 1199px) {
.col-md-12 {width: 960px;} .col-md-11 {width: 880px;} .col-md-10 {width: 800px;} .col-md-9  {width: 720px;}
.col-md-8  {width: 640px;} .col-md-7  {width: 560px;} .col-md-6  {width: 480px;} .col-md-5  {width: 400px;}
.col-md-4  {width: 320px;} .col-md-3  {width: 240px;} .col-md-2  {width: 160px;} .col-md-1  {width:  80px;}
}
/*
==> Media Query 959px Small Device <==
*/
@media only screen and (max-width : 959px) {
.col-sm-12 {width: 552px;} .col-sm-11 {width: 506px;} .col-sm-10 {width: 460px;} .col-sm-9  {width: 414px;}
.col-sm-8  {width: 368px;} .col-sm-7  {width: 322px;} .col-sm-6  {width: 276px;} .col-sm-5  {width: 230px;}
.col-sm-4  {width: 184px;} .col-sm-3  {width: 138px;} .col-sm-2  {width:  92px;} .col-sm-1  {width:  46px;}
}
/*
==> Media Query 561px Extra Small Device <==
*/
@media only screen and (max-width : 561px) {
.col-xs-12   {width: 312px;} .col-xs-11   {width: 286px;} .col-xs-10   {width: 260px;} .col-xs-9    {width: 234px;}
.col-xs-8    {width: 208px;} .col-xs-7    {width: 182px;} .col-xs-6    {width: 156px;} .col-xs-5    {width: 130px;}
.col-xs-4    {width: 104px;} .col-xs-3    {width:  78px;} .col-xs-2    {width:  52px;} .col-xs-1    {width:  26px;}
}
/*
==> General Styles <==
*/

/* Display */
.display-flex			{display:flex}
.display-block 			{display:block}
.display-inline 		{display:inline;}
.display-table 			{display:table; width: 100%;}
.display-none 			{display:none;}
.display-inline-block 	{display:inline-block;}
.display-table-cell 	{display:table-cell;}
.display-table-row 		{display:table-row;}

/* overflow */
.overflow-visible 	{overflow: visible;}
.overflow-hidden 	{overflow: hidden;}
.overflow-scroll 	{overflow: scroll;}
.overflow-auto 		{overflow: auto;}
.overflow-inherit 	{overflow: inherit;}

/* Position */
.position-absolute  {position: absolute;}
.position-relative 	{position: relative;}
.position-fixed		{position: fixed;}
.position-top    	{top:   0;}
.position-bottom 	{bottom:0;}
.position-left   	{left:  0;}
.position-right  	{right: 0;}

/* Z-Index */
.z-index-xl {z-index: 999999}
.z-index-lg {z-index:  99999}
.z-index-md {z-index:   9999}
.z-index-sm {z-index:    999}
.z-index-xs {z-index:     99}

/* Float */
.float-left 				{float: left;}
.float-left:first-child 	{margin-left: 0}
.float-right 				{float: right;}
.float-right:first-child 	{margin-right: 0}
.float-none 				{float: none;}

/* Margins */
.mrg-auto {margin:       auto;}
.mrg-xl-t {margin-top:   2rem;}
.mrg-lg-t {margin-top:   1rem;}
.mrg-md-t {margin-top: .50rem;}
.mrg-sm-t {margin-top: .25rem;}
.mrg-xs-t {margin-top: .10rem;}

.mrg-xl-r {margin-right:   2rem;}
.mrg-lg-r {margin-right:   1rem;}
.mrg-md-r {margin-right: .50rem;}
.mrg-sm-r {margin-right: .25rem;}
.mrg-xs-r {margin-right: .10rem;}

.mrg-xl-b {margin-bottom:   2rem;}
.mrg-lg-b {margin-bottom:   1rem;}
.mrg-md-b {margin-bottom: .50rem;}
.mrg-sm-b {margin-bottom: .25rem;}
.mrg-xs-b {margin-bottom: .10rem;}

.mrg-xl-l {margin-left:   2rem;}
.mrg-lg-l {margin-left:   1rem;}
.mrg-md-l {margin-left: .50rem;}
.mrg-sm-l {margin-left: .25rem;}
.mrg-xs-l {margin-left: .10rem;}

@media only screen and (max-width : 959px) {
.mobile-mrg-aut  {margin:       auto;}
.mobile-mrg-xl-t {margin-top:   2rem;}
.mobile-mrg-lg-t {margin-top:   1rem;}
.mobile-mrg-md-t {margin-top: .50rem;}
.mobile-mrg-sm-t {margin-top: .25rem;}
.mobile-mrg-xs-t {margin-top: .10rem;}

.mobile-mrg-xl-r {margin-right:   2rem;}
.mobile-mrg-lg-r {margin-right:   1rem;}
.mobile-mrg-md-r {margin-right: .50rem;}
.mobile-mrg-sm-r {margin-right: .25rem;}
.mobile-mrg-xs-r {margin-right: .10rem;}

.mobile-mrg-xl-b {margin-bottom:   2rem;}
.mobile-mrg-lg-b {margin-bottom:   1rem;}
.mobile-mrg-md-b {margin-bottom: .50rem;}
.mobile-mrg-sm-b {margin-bottom: .25rem;}
.mobile-mrg-xs-b {margin-bottom: .10rem;}

.mobile-mrg-xl-l {margin-left:   2rem;}
.mobile-mrg-lg-l {margin-left:   1rem;}
.mobile-mrg-md-l {margin-left: .50rem;}
.mobile-mrg-sm-l {margin-left: .25rem;}
.mobile-mrg-xs-l {margin-left: .10rem;}
}

/* padding */
.padd-xl {padding:   2rem;}
.padd-lg {padding: 	 1rem;}
.padd-md {padding: .50rem;}
.padd-sm {padding: .25rem;}
.padd-xs {padding: .10rem;}

/* padding top */
.padd-2x-t {padding-top:    4rem;}
.padd-xl-t {padding-top:   2rem; }
.padd-lg-t {padding-top:   1rem; }
.padd-md-t {padding-top:  .50rem;}
.padd-sm-t {padding-top:  .25rem;}
.padd-xs-t {padding-top:  .10rem;}

/* padding right */
.padd-xl-r {padding-right:    2rem;}
.padd-lg-r {padding-right:    1rem;}
.padd-md-r {padding-right:  .50rem;}
.padd-sm-r {padding-right:  .25rem;}
.padd-xs-r {padding-right:  .10rem;}

/* padding bottom */
.padd-xl-b {padding-bottom:   2rem;}
.padd-lg-b {padding-bottom:   1rem;}
.padd-md-b {padding-bottom: .50rem;}
.padd-sm-b {padding-bottom: .25rem;}
.padd-xs-b {padding-bottom: .10rem;}

/* padding left */
.padd-xl-l {padding-left:    2rem;}
.padd-lg-l {padding-left:    1rem;}
.padd-md-l {padding-left:  .50rem;}
.padd-sm-l {padding-left:  .25rem;}
.padd-xs-l {padding-left:  .10rem;}

/* padding top - bottom */
.padd-2x-tb {padding-top:    4rem; padding-bottom:   4rem;}
.padd-xl-tb {padding-top:    2rem; padding-bottom:   2rem;}
.padd-lg-tb {padding-top:    1rem; padding-bottom:   1rem;}
.padd-md-tb {padding-top:  .50rem; padding-bottom: .50rem;}
.padd-sm-tb {padding-top:  .25rem; padding-bottom: .25rem;}
.padd-xs-tb {padding-top:  .10rem; padding-bottom: .10rem;}
.padd-no-tb {padding-top:  0; padding-bottom: 0;}

/* padding left - right */
.padd-xl-lr {padding-left:   2rem;  padding-right:   2rem;}
.padd-lg-lr {padding-left:   1rem;  padding-right:   1rem;}
.padd-md-lr {padding-left:  .50rem; padding-right: .50rem;}
.padd-sm-lr {padding-left:  .25rem; padding-right: .25rem;}
.padd-xs-lr {padding-left:  .10rem; padding-right: .10rem;}

/* width*/
.width-100 {width: 100%}
.width-95   {width: 95%}
.width-90   {width: 90%}
.width-85   {width: 85%}
.width-80   {width: 80%}
.width-75   {width: 75%}
.width-70   {width: 70%}
.width-65   {width: 65%}
.width-60   {width: 60%}
.width-55   {width: 55%}
.width-50   {width: 50%}
.width-45   {width: 45%}
.width-40   {width: 40%}
.width-35   {width: 35%}
.width-30   {width: 30%}
.width-25   {width: 25%}
.width-20   {width: 20%}
.width-15   {width: 15%}
.width-10   {width: 10%}
.width-5    {width:  5%}

/* Text Align */
.text-left     		{text-align:   left;}
.text-left-justify 	{text-align: justify; -moz-text-align-last: left; /* Code for Firefox */ text-align-last: left;}
.text-right     	{text-align:  right;}
.text-right-justify	{text-align: justify; -moz-text-align-last: right; /* Code for Firefox */ text-align-last: right;}
.text-center    	{text-align: center;}

.vertical-text {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

/* Text Shadow */
.text-shadow-xl	{text-shadow: 0 0   2rem #ccc;}
.text-shadow-lg	{text-shadow: 0 0   1rem #ccc;}
.text-shadow-md	{text-shadow: 0 0 0.5rem #ccc;}
.text-shadow-sm	{text-shadow: 0 0 0.2rem #ccc;}
.text-shadow-xs	{text-shadow: 0 0 0.1rem #ccc;}

/* Text Styles */
.text-mayus 	{text-transform: uppercase;}
.text-minus 	{text-transform: lowercase;}
.text-title 	{text-transform: capitalize}
.text-bold  	{font-weight: bold;}
.text-italic 	{font-style: italic;}
.text-underline {text-decoration: underline;}

/* Fonts Size */
.font-8x  {font-size:  8.0rem;}
.font-6x  {font-size:  6.0rem;}
.font-4x  {font-size:  4.0rem;}
.font-3x  {font-size:  3.0rem;}
.font-2x  {font-size:  2.0rem;}
.font-xl  {font-size:  1.5rem;}
.font-lg  {font-size: 1.25rem;}
.font-md  {font-size:    1rem;}
.font-sm  {font-size:  0.9rem;}
.font-xs  {font-size:  0.8rem;}
.font-2xs {font-size:  0.6rem;}

/* Fonts Case */
.font-uppercase {text-transform: uppercase;}
.font-lowercase {text-transform: lowercase;}
.font-titlecase {text-transform: capitalize;}

/* Border Radius */
.border-radius-100  {border-radius:   100%;}
.border-radius-xl   {border-radius:   2rem;}
.border-radius-lg   {border-radius:   1rem;}
.border-radius-md   {border-radius: .75rem;}
.border-radius-sm   {border-radius:  .5rem;}
.border-radius-xs   {border-radius: .25rem;}

.border-radius-xl-tb   {border-top-left-radius:   2rem; border-top-right-radius:   2rem;}
.border-radius-lg-tb   {border-top-left-radius:   1rem; border-top-right-radius:   1rem;}
.border-radius-md-tb   {border-top-left-radius: .75rem; border-top-right-radius: .75rem;}
.border-radius-sm-tb   {border-top-left-radius:  .5rem; border-top-right-radius:  .5rem;}
.border-radius-xs-tb   {border-top-left-radius: .25rem; border-top-right-radius: .25rem;}

/* Box Shadow */
.box-shadow-xl {box-shadow: 0 0    1rem #ccc;}
.box-shadow-lg {box-shadow: 0 0 0.75rem #ccc;}
.box-shadow-md {box-shadow: 0 0 0.50rem #ccc;}
.box-shadow-sm {box-shadow: 0 0 0.25rem #ccc;}
.box-shadow-xs {box-shadow: 0 0 0.10rem #ccc;}

.box-shadow-xl-t {box-shadow: 0 -1.00rem 0.5rem #ccc;}
.box-shadow-lg-t {box-shadow: 0 -0.75rem 0.5rem #ccc;}
.box-shadow-md-t {box-shadow: 0 -0.50rem 0.5rem #ccc;}
.box-shadow-sm-t {box-shadow: 0 -0.25rem 0.5rem #ccc;}
.box-shadow-xs-t {box-shadow: 0 -0.10rem 0.5rem #ccc;}

.box-shadow-xl-r {box-shadow: 0 -1.00rem 0.5rem #ccc;}
.box-shadow-lg-r {box-shadow: 0 -0.75rem 0.5rem #ccc;}
.box-shadow-md-r {box-shadow: 0 -0.50rem 0.5rem #ccc;}
.box-shadow-sm-r {box-shadow: 0 -0.25rem 0.5rem #ccc;}
.box-shadow-xs-r {box-shadow: 0 -0.10rem 0.5rem #ccc;}

.box-shadow-xl-b {box-shadow: 0 1.00rem 0.5rem #ccc;}
.box-shadow-lg-b {box-shadow: 0 0.75rem 0.5rem #ccc;}
.box-shadow-md-b {box-shadow: 0 0.50rem 0.5rem #ccc;}
.box-shadow-sm-b {box-shadow: 0 0.25rem 0.5rem #ccc;}
.box-shadow-xs-b {box-shadow: 0 0.10rem 0.5rem #ccc;}

.box-shadow-xl-l {box-shadow: 0 -1.00rem 0.5rem #ccc;}
.box-shadow-lg-l {box-shadow: 0 -0.75rem 0.5rem #ccc;}
.box-shadow-md-l {box-shadow: 0 -0.50rem 0.5rem #ccc;}
.box-shadow-sm-l {box-shadow: 0 -0.25rem 0.5rem #ccc;}
.box-shadow-xs-l {box-shadow: 0 -0.10rem 0.5rem #ccc;}

.inset-shadow-xl {
	box-shadow: inset -.2rem 0 1rem 0 rgba(0,0,0,0.5);
}

/* Opacity */
.opacity-xl   {opacity: .9;}
.opacity-lg   {opacity: .7;}
.opacity-md   {opacity: .5;}
.opacity-sm   {opacity: .3;}
.opacity-xs   {opacity: .1;}
.opacity-100  {opacity:  0;}

/* Tables */
table {
	width: 100%;
	border-collapse: collapse;
}
td.auto-width {
	white-space: nowrap;
}

/* Lists */
ul.vertical-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.vertical-list li {
	display: block;
	width: 100%;
}
ul.horizontal-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.horizontal-list li {
	display: inline-block;
}
ul.horizontal-list li:first-child {
	padding-left: 0;
}
ul.horizontal-list li:last-child {
	padding-right: 0;
}

/* Tables Align */
.vertical-align-top		{vertical-align: top}
.vertical-align-mid		{vertical-align: middle}
.vertical-align-bottom	{vertical-align: bottom}

/* Icons */
.icon-xl {width:4rem;   height: 4rem;}
.icon-lg {width:3.5rem;	height: 3.5rem;}
.icon-md {width:3rem; 	height: 3rem;}
.icon-sm {width:2.5rem; height: 2.5rem;}
.icon-xs {width:2rem;   height: 2rem;} 

/* General Styles */
.font-main 			{font-family: 'Mitr', sans-serif;}

/* Fonts Color */
.font-color-main			{color: var(--color-main);}
.font-color-main-alpha		{color: var(--color-main-alpha);}
.font-color-alt 			{color: var(--color-alt);}
.font-color-alt-alpha		{color: var(--color-alt-alpha);}
.font-color-light			{color: var(--color-light);}
.font-color-light-alpha		{color: var(--color-light-alpha);}
.font-color-dark			{color: var(--color-dark);}
.font-color-dark-alpha		{color: var(--color-dark-alpha);}

.font-color-primary			{color: var(--color-primary);}
.font-color-primary-alpha	{color: var(--color-primary-alpha);}
.font-color-success 		{color: var(--color-success);}
.font-color-success-alpha	{color: var(--color-success-alpha);}
.font-color-warning			{color: var(--color-warning);}
.font-color-warning-alpha	{color: var(--color-warning-alpha);}
.font-color-danger			{color: var(--color-danger);}
.font-color-danger-alpha	{color: var(--color-danger-alpha);}

/* background Color*/
.bg-color-main 				{background-color: var(--color-main);}
.bg-color-main-alpha		{background-color: var(--color-main-alpha);}
.bg-color-alt  				{background-color: var(--color-alt);}
.bg-color-alt-alpha			{background-color: var(--color-alt-alpha);}
.bg-color-light				{background-color: var(--color-light);}
.bg-color-light-alpha		{background-color: var(--color-light-alpha);}
.bg-color-dark				{background-color: var(--color-dark);}
.bg-color-dark-alpha		{background-color: var(--color-dark-alpha);}

.bg-color-primary			{background-color: var(--color-primary);}
.bg-color-primary-alpha		{background-color: var(--color-primary-alpha);}
.bg-color-success 			{background-color: var(--color-success);}
.bg-color-success-alpha		{background-color: var(--color-success-alpha);}
.bg-color-warning			{background-color: var(--color-warning);}
.bg-color-warning-alpha		{background-color: var(--color-warning-alpha);}
.bg-color-danger			{background-color: var(--color-danger);}
.bg-color-danger-alpha		{background-color: var(--color-danger-alpha);}

/* Borders */
.border-color-main			{border: solid 1px var(--color-main);}
.border-color-alt			{border: solid 1px var(--color-alt);}
.border-color-light			{border: solid 1px var(--color-light);}
.border-color-dark			{border: solid 1px var(--color-dark);}
.border-color-primary		{border: solid 1px var(--color-primary);}
.border-color-success		{border: solid 1px var(--color-success);}
.border-color-warning		{border: solid 1px var(--color-warning);}
.border-color-danger		{border: solid 1px var(--color-danger);}

.border-top-color-main 		{border-top: solid 1px var(--color-main);}
.border-top-color-alt 		{border-top: solid 1px var(--color-alt);}
.border-top-color-light 	{border-top: solid 1px var(--color-light);}
.border-top-color-dark 		{border-top: solid 1px var(--color-dark);}

.border-right-color-main 	{border-right: solid 1px var(--color-main);}
.border-right-color-alt 	{border-right: solid 1px var(--color-alt);}
.border-right-color-light 	{border-right: solid 1px var(--color-light);}
.border-right-color-dark 	{border-right: solid 1px var(--color-dark);}

.border-bottom-color-main 	{border-bottom: solid 1px var(--color-main);}
.border-bottom-color-alt  	{border-bottom: solid 1px var(--color-alt);}
.border-bottom-color-light	{border-bottom: solid 1px var(--color-light);}
.border-bottom-color-dark 	{border-bottom: solid 1px var(--color-dark);}

.border-left-color-main 	{border-left: solid 1px var(--color-main);}
.border-left-color-alt  	{border-left: solid 1px var(--color-alt);}
.border-left-color-light	{border-left: solid 1px var(--color-light);}
.border-left-color-dark 	{border-left: solid 1px var(--color-dark);}

.border-1x					{border-width: 1px;}
.border-2x					{border-width: 2px;}
.border-4x					{border-width: 4px;}
.border-6x					{border-width: 6px;}
.border-8x					{border-width: 8px;}
.border-dotted				{border-style: dotted;}
.border-dashed				{border-style: dashed;}

/* Links */
a, a:hover {
	color:#fff;
	text-decoration: none;
}
a.fa {
	color: #04062c;
}
a.fa:hover {
	color: #fff;
}
a.action-header-mobile {
	color: var(--color-light);
}
a.action-policies-mobile {
	color: var(--color-light);
	text-decoration: underline;
}
a.action-delete {
	color: var(--color-alt);
	text-decoration: none;
}
a.action-delete:hover {
	text-decoration: underline;
}
a.contacto {
	color: #ca2f00;
}
a.contacto:hover {
	color: #04062c;
}
a.social {
	color: var(--color-light);
}
a.social:hover {
	color: var(--color-alt);
}
a.off-canvas {
	color: #fff;
}
a.slide {
	color: #fff;
}
a.slide:hover {
	color: #04062c;
}
a.modal {
	color: #000;
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
a.modal:hover {
	color: #ffcf06;
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
a.list {
	color: #000;
	text-decoration: none;
}
a.terms-agree {
	color: var(--color-light);
	text-decoration: underline;
}
a.terms-agree:hover {
	color: var(--color-main);
}
a.footer-main {
	color: #fff;
}
a.footer-main:hover {
	color: #04062c;
}
a.footer-mobile {
	color: #fff;
}
a.footer-mobile:hover {
	color: #04062c;
}
/* Actions */
.action-main {
	background-color: var(--color-main);
	border: solid 1px var(--color-light);
	color: var(--color-light);
	text-align: center;
	cursor: pointer;	
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.action-main:hover {
	background-color: var(--color-light);
	border: solid 1px var(--color-main);
	color: var(--color-main);
}
.action-main-reverse {
	background-color: var(--color-light);
	border: solid 1px var(--color-main);
	color: var(--color-main);
	text-align: center;
	cursor: pointer;	
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.action-main-reverse:hover {
	background-color: var(--color-main);
	border: solid 1px var(--color-light);
	color: var(--color-light);
}
.action-alt {
	background-color: var(--color-alt);
	border: solid 1px var(--color-light);
	color: var(--color-light);
	text-align: center;
	cursor: pointer;	
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.action-alt:hover {
	background-color: var(--color-light);
	border: solid 1px var(--color-alt);
	color: var(--color-alt);
}
.action-alt-reverse {
	background-color: var(--color-light);
	border: solid 1px var(--color-alt);
	color: var(--color-alt);
	text-align: center;
	cursor: pointer;	
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.action-alt-reverse:hover {
	background-color: var(--color-alt);
	border: solid 1px var(--color-light);
	color: var(--color-light);
}
.action-modal {
	background-color: var(--color-alt);
	border: solid 1px var(--color-alt);
	color: var(--color-light);
	cursor: pointer;	
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.action-modal:hover {
	background-color: var(--color-light);
	border: solid 1px var(--color-alt);
	color: var(--color-alt);
}
.action-submit {
	background-color: var(--color-light);
	border: solid 1px var(--color-main);
	color: var(--color-main);
	cursor: pointer;	
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.action-submit:hover {
	background-color: var(--color-main);
	border: solid 1px var(--color-main);
	color: var(--color-light);
}
.action-close {
	background-color: var(--color-light);
	border: solid 1px var(--color-main);
	color: var(--color-main);
	cursor: pointer;	
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.action-close:hover {
	background-color: var(--color-main);
	border: solid 1px var(--color-main);
	color: var(--color-light);
}
.modal-action {
	background-color: var(--color-alt);
	border: solid 1px var(--color-alt);
	text-align: center;
	cursor: pointer;
	color: #fff;
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.modal-action:hover {
	background-color: var(--color-light);
	color: #ca2f00;
}

.highlight:hover {
	background-color: var(--color-main-alpha);
}
/* Height */
.height-1-100 {
	padding-top: 1%;
}
.height-1-20 {
	padding-top: 5%;
}
.height-1-10 {
	padding-top: 10%;
}
.height-1-8 {
	padding-top: 12.5%;
}
.height-1-6 {
	padding-top: 16.66%;
}
.height-1-5 {
	padding-top: 20%;
}
.height-1-4 {
	padding-top: 25%;
}
.height-1-3 {
	padding-top: 33.33%;
}
.height-1-2 {
	padding-top: 50%;
}
.height-1-1 {
	padding-top: 100%;
}
.height-2-1 {
	padding-top: 200%;
}
.height-32 {
	padding-top: 66.66%;
}
.height-32 {
	padding-top: 66.66%;
}
.height-150 {
	padding-top: 150%;
}
.vertical-top {
	top:0;
	transform: translateY(-50%);
	left:0;
}
.vertical-center {
	top:50%;
	transform: translateY(-50%);
	left:0;
}
.vertical-center-left {
	top:50%;
	transform: translateY(-50%);
	left:0;
}
.vertical-center-right {
	top:50%;
	transform: translateY(-50%);
	right:0
}
.flex-center {
	display: flex;
	align-items: center;
}
.flex-bar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.flex-bar div {
	flex:1;
}
/* Cursors */
.cursor-pointer {cursor: pointer;}

/* Hide for Viewport */
.lms-element {display: block}
.lm-element  {display: block}
.msx-element {display: none}
.ms-element  {display: none}
.sx-element  {display: none}

.lg-element  {display: block;}
.md-element  {display: none;}
.sm-element  {display: none;}
.xs-element  {display: none;}

@media only screen and (max-width : 1199px) {
.lms-element {display: block}
.lm-element  {display: block}
.msx-element {display: block}
.ms-element  {display: block}
.sx-element  {display: none}

.lg-element  {display: none;}
.md-element  {display: block;}
.sm-element  {display: none;}
.xs-element  {display: none;}
	}

@media only screen and (max-width : 959px) {
.lms-element {display: block}
.lm-element  {display: none}
.msx-element {display: block}
.ms-element  {display: block}
.sx-element  {display: block}

.lg-element  {display: none;}
.md-element  {display: none;}
.sm-element  {display: block;}
.xs-element  {display: none;}
	}

@media only screen and (max-width : 561px) {
.lms-element {display: none}
.lm-element  {display: none}
.msx-element {display: block}
.ms-element  {display: none}
.sx-element  {display: block}

.lg-element  {display: none;}
.md-element  {display: none;}
.sm-element  {display: none;}
.xs-element  {display: block;}
	}

/* Backend File Elements */
.center-btn {
	top: 50%;
	left: 50%;
	opacity: .75;
	-webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
button {
	font-family: inherit;
	font-size: inherit;
	border: solid 2px #04062c;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#edit input[type=text] {
	padding: .5rem;
	width: 100%;
	font-family: inherit;
	font-size: 90%;
	color: #777;
	border: solid 1px #04062c;
}
#edit select {
	padding: calc(.5rem - 1px);
	width: 100%;
	font-family: inherit;
	font-size: 90%;
	color: #777;
	border: solid 1px #04062c;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Thumbnails */
.thumbnail-crop {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
}
.thumbnail-crop img {
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
	      transform: translate(-50%,-50%);
}
.thumbnail-crop img.portrait {
	width: 100%;
	height: auto;
}
.thumbnail {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.thumbnail img {
	padding: 1px;
	background-color: #d12426;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
	width: auto;
	height: 100%;
}
/* thumbnails */

/* Masonry */
.masonry-layout {
  column-count: 3;
  -webkit-column-count: 3;
  column-gap: 10px;
  -webkit-column-gap: 10px;
}
@media (max-width: 1199px) {
	.masonry-layout {
		column-count: 3;
		-webkit-column-count: 3;
		column-gap: 0;
		-webkit-column-gap: 0;
	}
}
@media (max-width: 959px) {
	.masonry-layout {
		column-count: 2;
		-webkit-column-count: 2;
		column-gap: 0;
		-webkit-column-gap: 0;
	}
}
@media (max-width: 561px) {
	.masonry-layout {
		column-count: 1;
		-webkit-column-count: 1;
		column-gap: 0;
		-webkit-column-gap: 0;
	}
}
.masonry-layout-panel {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
.masonry-layout-panel-content {
	padding: 10px;
}
@media (max-width: 959px) {
	.masonry-layout-panel-content {padding: 5px;}
}
@media (max-width: 561px) {
	.masonry-layout-panel-content {padding: 3px;}
}

/* Forms */
#form-pqr select, textarea {
	width: 100%;
	margin: 0;
	padding: .4rem;
	font-size: inherit;
	color: inherit;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #ddd;
	border-left: none;
	outline: none;
	color: ;
}

#form-pqr input, textarea {
	width: 100%;
	margin: 0;
	padding: .5rem;
	font-size: inherit;
	color: inherit;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #ddd;
	border-left: none;
	outline: none;
	color: ;
}

#form-pqr textarea {
	resize: none;
	height: 10vw;
}

#map {
	height: 430px;
}
@media (max-width: 1199px) {
#map {height: 320px;}
	}
@media (max-width: 959px) {
#map {height: 240px;}
	}
@media (max-width: 561px) {
#map {height: 360px;}
	}

/* iFrame */
iframe {
		width: 100%;
		height: 420px;
	}
iframe#pqr {
		width: 100%;
		height: 1700px;
	}

@media (max-width: 959px) {
iframe.cotizar {height: 3200px;}
	}

@media (max-width: 561px) {
iframe.cotizar {height: 2600px;}
	}

.pointer {
	cursor: pointer;
}
/*
==> HideSeek Search <==
*/
#hideseek ul {
	font-size: .8rem;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color:#eee;
}
#hideseek li {
	text-align:left;
	padding: .25rem 10px;
	border-bottom: solid 1px #ccc;
}
#hideseek li:first-child {
	border-top: solid 1px #ccc;
}
#hideseek li a {
	color: #333;
	text-decoration: none;
}
#hideseek li a:hover {
	color: #0067b5;
	text-decoration: underline;
}
#hideseek .empty {
	padding: .5rem 10px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	color: #333;
}
#hideseek ::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	background-color: #999;
	padding: 5px;
}

#hideseek ::-webkit-scrollbar
{
	width: 4px;
	background-color: #04062c;
}

#hideseek ::-webkit-scrollbar-thumb
{
	background-color: #ca2f00;
}
#hideseek input[type=text] {
	margin: 3px 0 0 0;
	outline:0;
	border: none;
}
#hideseek #hideseek-search {
	height:600px;
	overflow-y:scroll;
}
@media only screen and (max-width : 1361px) {
	#hideseek #hideseek-search {
		height:360px;
	}
}
@media only screen and (max-width : 1441px) {
	#hideseek #hideseek-search {
		height:480px;
	}
}
.uk-overflow-container::-webkit-scrollbar-track{
	-webkit-box-shadow: none;
	background-color: #999;
	padding: 5px;
}

.uk-overflow-container::-webkit-scrollbar{
	width: 4px;
	background-color: #04062c;
}

.uk-overflow-container::-webkit-scrollbar-thumb{
	background-color: #ca2f00;
}

/* ==> Contact, PQR, Profile, Registry Form <== */
#lead .input-ok, #registry .input-ok, #profile .input-ok, #contact .input-ok, #reset .input-ok {
	color:#659f13;
}
#lead .input-error, #registry .input-error, #profile .input-error, #contact .input-error, #reset .input-error {
	color:#d85030;
}
#search 	input[type="text"],
#lead 	 	input[type="text"],
#contact 	input[type="text"],
#pqr 		input[type="text"],
#registry 	input[type="text"],
#registry 	input[type="password"],
#profile 	input[type="text"],
#order 		input[type="text"],
#recovery	input[type="text"],
#reset		input[type="text"],
#reset		input[type="password"] {
	margin: 0;
	padding: .25rem .5rem;
	width: 100%;
	background-color: #fff;
	outline: none;
  	border: solid 1px #000;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#contact .btn-submit, #pqr .btn-submit, #order .btn-submit, #lead .btn-submit, #search .btn-submit {
	margin: 0;
	padding: .5rem;
	width: 100%;
	background-color: #ca2f00;
	border: solid 1px #fff;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	color:#fff;
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
#contact .btn-submit:hover, #pqr .btn-submit:hover, #order .btn-submit:hover, #lead .btn-submit:hover {
	background-color: #fff;
	border: solid 1px #ca2f00;
	color: #ca2f00;
}
#contact 	select,
#pqr 		select,
#profile	select,
#order 		select {
	margin: 0;
	padding: .43rem;
	width: 100%;
	background-color: #fff;
	outline: none;
  	border: solid 1px #000;
  	border-radius: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#contact textarea, #pqr textarea, #order textarea {
	margin-top: 1rem;
	padding: .5rem;
	width: 100%;
	height: 8rem;
	background-color: #fff;
	outline: none;
	border: solid 1px #000;
	resize: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

form input[type="text"] {
 	margin: 0;
	padding: .5rem .5rem;
	width: 100%;
	background-color: #fff;
	outline: none;
  	border: solid 1px #000;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
}

form.holder input[type="text"] {
	margin: 0;
	padding: .5rem .5rem;
	width: 100%;
	background-color: var(--color-dark-alpha);
	outline: none;
  	border: solid 1px var(--color-light);
	font-family: inherit;
	font-size: inherit;
	color: var(--color-light);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

form.holder ::-webkit-input-placeholder {color: var(--color-light);}
form.holder ::-moz-placeholder 			{color: var(--color-light);}
form.holder  :-ms-input-placeholder 	{color: var(--color-light);}

form select {
 	margin: 0;
	padding: calc(.5rem - 1px) .5rem;
	width: 100%;
	background-color: #fff;
	outline: none;
  	border: solid 1px #000;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
} 

form.holder select {
	margin: 0;
	padding: calc(.5rem - 1px) .5rem;
	width: 100%;
	background-color: var(--color-dark-alpha);
	outline: none;
  	border: solid 1px var(--color-light);
	font-family: inherit;
	font-size: inherit;
	color: var(--color-light);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
}

/* ==> Background Checker <== */

.bg-t1 {background-color: #f00;}
.bg-t2 {background-color: #ff0;}
.bg-t3 {background-color: #0f0;}
.bg-t4 {background-color: #0ff;}
.bg-t5 {background-color: #00f;}
.bg-t6 {background-color: #f0f;}

.bg-inicio-planes {
	background: url(../elements/bg-inicio-planes.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-inicio-galeria {
	background: url(../elements/bg-inicio-galeria.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-inicio-contacto {
	background: url(../elements/bg-inicio-contacto.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-reservas {
	background: url(../elements/bg-reservas.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-reservas-loader {
	background: url(../elements/bg-inicio-contacto.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-maintenance {
	background: url(../elements/bg-maintenance.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.spinner {
  margin: 200px auto;
  width: 100px;
  height: 80px;
  text-align: center;
  font-size: 20px;
}

.spinner > div {
  background-color: var(--color-alt);
  height: 100%;
  width: 12px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}