/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/


:root{
 --main: #81BBC1;
 --main2: #322A50;
 --textColor:#7E7E7F;
 --tinta1:#F1F8F8;
 --tinta2:#F5F5F5;
 --tinta3:#DBD7EA;
 --contrast1:#224144;
 --contrast2:#141414;
 --contrast3:#191528;
 --white:#FFF;
 --black:#000;
}
html,
body {
	height: 100%;
	font-family: 'Muli';
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #224144;
	font-weight: 400;
	font-family: 'Muli';
}

h1 {
	font-size: 48px;
	font-size: 42px;
	color:#322A50;
	font-weight: 500;
}
h1.jumbo {
	font-size: 42px;
	color:#322A50;
	font-weight: 700;
}

h2 {
	font-size: 32px;
	font-weight: 700;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 19px;
	font-family: 'Muli';
	color: #141414;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

.pt0{padding-top: 0px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 14px 30px;
	color: #ffffff;
	background: #000000;
	letter-spacing: 4px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	background: #111111;
	font-weight: 700;
	border: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px;
}