/*Fonts*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,400i,500,700');
@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,400i,600,700,800,900|Ubuntu:300,400,400i,500,700');

/* Material Design Icons */
@import url('https://cdn.materialdesignicons.com/2.3.54/css/materialdesignicons.min.css');


/*Variables ***************************************************************/

	
:root {
		
		/*font*/
		--font: 'Ubuntu', sans-serif;
		--font-secondary: 'Nunito', sans-serif;
	
		/*icons*/
		--mdi: "Material Design Icons";
	
		/*text-colors*/
		
		--primary: #004674;
		--secondary: #EAA031;
    --green-light: #00FFCE;
		--black: #111;
    --purple: #B56DC7;585E65
		

		--off-white: #E9EDF1;
		--gray-light: #E0E2E6;
		--gray: #ADBEC7;
    --gray-dark: #44484C;
	
		--text: #030405;
    --text-light: #585E65;
		--heading: #030405;
		--text-placeholder: rgba(0,0,0,.3);
	
	
		/*colors*/
		--warning: #FFAF2F;
		--success: #10CE92;
		--error: #E81231;
		--danger: #EA0000;
		--info: #0087E9;
		
		--prominent: #EB5065;
  
  
    /**REM UNITS - 16px base**/
    --p8: 0.5em;
    --p9: 0.5625em;
    --p10: 0.625em;
    --p11: 0.6875em;
    --p12: 0.75em;
    --p13: 0.8125em;
    --p14: 0.875em;
    --p15: 0.9375em;
    --p16: 1em;
    --p17: 1.1em;
    --p18: 1.125em;
    --p20: 1.25em;
    --p22: 1.375em;
    --p24: 1.5em;
    --p26: 1.625em;
    --p28: 1.75em;
    --p30: 1.875em;
    --p32: 2em;
    --p34: 2.125em;
    --p36: 2.25em;
    --p38: 2.375em;
    --p40: 2.5em;
    --p42: 2.625em;
    --p44: 2.75em;
    --p48: 3em;
    --p50: 3.15em;
    --p52: 3.25em;
    --p56: 3.5em;
    --p60: 3.75em;
    --p64: 4em;
    --p70: 4.375em;
    --p74: 4.625em;
}


html{
	font-size: 16px;
	line-height: 1.2em;
}

body{
	font-family: var(--font);
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.556;
	color: var(--text);
}


*:focus,
*:active,
*:focus:before,
*:active:before,
*:focus:after,
*:active:after{
	outline: 0 !important;
}


.hr-sm{
	margin: .15rem 0;
}

.hr-light{
	border-top: 1px solid rgba(255,255,255,.2)
}

a{
	color: var(--primary);
}


a:hover{
	color: var(--primary);
}

p>a:hover{
	color: var(--primary);
	-webkit-filter: brightness(.7);
	-o-filter: brightness(.7);
	filter: brightness(.7);
}

p{
	font-size: 1rem;
	font-family: var(--font-secondary);
	line-height: 1.625rem;
}

b{
	font-weight: 600;
}

strong{
	font-weight: 800;
}


/*New Material icon sizes*/

.mdi-20px.mdi-set,
.mdi-20px.mdi:before{
	font-size: 20px;
}

.mdi-18px.mdi-set,
.mdi-18px.mdi:before{
	font-size: 18px;
}

.mdi-16px.mdi-set,
.mdi-16px.mdi:before{
	font-size: 16px;
}

.mdi-14px.mdi-set,
.mdi-14px.mdi:before{
	font-size: 14px;
}

.mdi-12px.mdi-set,
.mdi-12px.mdi:before{
	font-size: 12px;
}


/*Tooltip*/

.tooltip{
	font-size: .825rem;
	font-family: var(--caption);
}

.tooltip-inner{
	padding: 1rem;
	line-height: 1.7em
}

[data-toggle=tooltip]{
	cursor: pointer
}

/*Placeholder***************************************************************/

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--text-placeholder) !important;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: var(--text-placeholder) !important;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: var(--text-placeholder) !important;
}
input:-moz-placeholder { /* Firefox 18- */
  color: var(--text-placeholder) !important;
}



/*remove underline on hover*/
a[class*=btn]:hover{
	text-decoration: none
}

/*Color link texts ***************************************************************/

p>a:not([class*=btn]){color: var(--link)}

p>a:hover:not([class*=btn]){color: var(--link-hover)}

p>a:active:not([class*=btn]){color: var(--link-active)}

p>a:visited:not([class*=btn]){color: var(--link-visited)}



/*Image Fluid - responsive*/

.img-fluid{
	object-fit: cover;
	width: 100%;
}


/*Image Thumb*/

.img-thumbnail{
	object-fit: cover;
}

/*Buttons*******************************************************************/


[class*=btn]{
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.btn-sm{
	font-size: 0.7rem;
	padding: 1.2em 2.2em;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	text-transform: uppercase
}

.btn{
	font-size: 0.75rem;
	padding: 1rem 3rem;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	text-transform: uppercase
}

.btn-lg{
	font-size: 0.8rem;
	padding: 1.575rem 2.3rem;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
	text-transform: uppercase
}

.btn-xl{
	font-size: 1rem;
	padding: 1.5em 3em;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
	text-transform: uppercase
}

.btn-rounded{
	border-radius: 200px;
}

/*Primary *********/

.btn-primary{
	background-color: var(--primary);
	border:none;
	color: white;
}

.btn-primary:hover{
	background-color: var(--primary);
	box-shadow:  inset 0 0 0 100px rgba(0,0,0,.2);
	border:none;
	color: white;
}

.btn-white{
	background-color: white;
	border:none;
	color: var(--gray-dark);
}

.btn-white:hover{
	background-color: white;
	box-shadow:  0 12px 32px rgba(0,0,0,.2);
	border:none;
  color: var(--gray-dark);
}

.btn-green-light{
	background-color: var(--green-light);
  box-shadow: 0 12px 18px -6px rgba(5,48,40,0.00), 0 16px 44px -10px #00D4AC, inset 0 -1px 0 0 rgba(0,0,0,0.12);
	border:none;
	color: var(--heading);
}

.btn-green-light:hover{
	background-color: var(--green-light);
  box-shadow: 0 12px 18px -6px rgba(5,48,40,0.30), 0 24px 56px -10px #00D4AC, inset 0 -1px 0 0 rgba(0,0,0,0.12);
	border:none;
	color: var(--heading);
}

.btn-yellow{
	background-color: #FFC011;
  box-shadow: 0 12px 18px -6px rgba(255,192,17,0.50), 0 16px 44px -10px rgba(255,192,17,0.50), inset 0 -1px 0 0 rgba(0,0,0,0.2);
	border:none;
	color: white;
}

.btn-yellow:hover{
	background-color: #FFC011;
  box-shadow: 0 12px 18px -6px rgba(255,192,17,0.50), 0 16px 44px -10px rgba(77,59,8,0.70), inset 0 -1px 0 0 rgba(0,0,0,0.2);
	border:none;
	color: white;
}

.btn-purple{
	background-color: #6D00FF;
  box-shadow: 0 12px 18px -6px rgba(56,0,131,0.50), 0 16px 44px -10px rgba(56,0,131,0.20), inset 0 -1px 0 0 rgba(0,0,0,0.2);
	border:none;
	color: white;
}

.btn-purple:hover{
	background-color: #6D00FF;
  box-shadow: 0 12px 18px -6px rgba(56,0,131,0.50), 0 16px 44px -10px rgba(40,0,94,0.70), inset 0 -1px 0 0 rgba(0,0,0,0.2);
	border:none;
	color: white;
}






/*Active - Focus*/


.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus{
	background-color: var(--dark-blue);
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle{
	background-color: var(--primary);
}


/*Disabled *********/

.btn-primary.disabled, .btn-primary:disabled{
	background-color: var(--gray);
}

.btn-secondary.disabled, .btn-secondary:disabled{
	background-color: var(--gray-light);
	pointer-events: none
}


/*Secondary *********/

.btn-secondary{
	background-color: var(--secondary);
	border:none;
	color: white;
}

.btn-secondary:hover{
	background-color: var(--secondary);
	box-shadow:  inset 0 0 0 100px rgba(0,0,0,.2);
	color: white;
}

.btn-outline-secondary{
	color: var(--secondary);
	border-color:  var(--secondary);
}

.btn-outline-secondary:hover{
	background-color: var(--secondary);
	color:  var(--dark-blue);
	border-color:var(--secondary);
}

.btn-outline-primary{
	color: var(--primary);
	border-color:  var(--primary);
}

.btn-outline-primary:hover{
	background-color: var(--primary);
	color:  white;
	border-color:var(--primary);
}


/*Prominent *********/

.btn-prominent{
	background-color: var(--prominent);
	border:1px solid var(--prominent);
	color: white;
}

.btn-prominent:hover{
	background-color: var(--prominent);
	border:1px solid var(--prominent);
	box-shadow:  inset 0 0 0 100px rgba(0,0,0,.3);
	color: white;
}

.btn-ghost-white{
	background-color: none;
	border:1px solid white;
	color: white;
}

.btn-ghost-white:hover{
	background-color: white;
	border:1px solid transparent;
	color: var(--primary);
}

.btn-ghost-gray{
	background-color: none;
	border:1px solid var(--gray-light);
	color: var(--text-md);
}

.btn-ghost-gray:hover{
	background-color: var(--gray-light);
	border:1px solid transparent;
	color: var(--text);
}

.btn-ghost-primary{
	background-color: none;
	border:1px solid var(--primary);
	color: var(--primary);
}

.btn-ghost-primary:hover{
	background-color: var(--primary);
	border:1px solid transparent;
	color: white;
}

.btn-light{
	color: var(--gray);
}

.btn-link{
	color: var(--primary);
}



/*Dropdowns*/

.dropdown-item.disabled, .dropdown-item:disabled{
	opacity: .5;
	color: var(--gray) !important
}

/*Toggler Button (checkbox)*******************************************************************/

.btn-toggle{
	display: inline-block;
	position: relative;
	border-radius: 100px;
}

.btn-toggle.toggle-white{
	color: white;
	border:1px solid white;
}

.btn-toggle input{
	display: none
}

.btn-toggle label{
	display: grid;
	display: -ms-grid;
	grid-template-columns: 1fr 1fr;
	-ms-grid-columns: 1fr 1fr;
	justify-content: stretch;
	align-items: center;
	position: relative;
	text-align: center;
	height: 3em;
	margin: 0;
	cursor: pointer;
	font-weight: bold;
}

.btn-toggle label span{
	padding: 0 2em;
}

.btn-toggle label:before{
	content: '';
	position: absolute;
	z-index: -1;
	width: 50%;
	height: 100%;
	left: 0;
	border-radius: 100px;
	background-color: var(--dark-blue);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.btn-toggle label:after{
	content: attr(data-text);
	padding: 0 2em;
}

#toggler:checked + label:before{
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.btn-toggle .sale{
	position: absolute;
	background-color: var(--secondary);
	left: 93%;
	top:-1em;
	font-weight: bold;
	color: var(--dark-blue);
	padding: .3em .8em;
	font-size: 1em;
	border-radius: 6px 6px 6px 0;
	box-shadow: 1px 3px 6px rgba(0,0,0,.1);
}


/*Helpers*/

hr.white{
	border-top:1px solid rgba(255,255,255,.15);
}

a:hover{
	text-decoration: none
}

.invert{
	-webkit-filter: invert(1);
	-o-filter: invert(1);
	filter: invert(1);
}


/*Text styles************************************************************/

.text-primary{color: var(--primary) !important}
.text-secondary{color: var(--secondary) !important}
.text-dark-blue{color: var(--dark-blue) !important}
.text-gray{color: var(--gray) !important}
.text-default{color: var(--text) !important}
.text-light{color: var(--text-light) !important}
.text-black{color: black !important}
.text-purple{color: var(--purple) !important}

.text-green-light{color: var(--green-light) !important}

.text-big{
	font-size: 2.3em
}

.font-secondary{font-family: var(--font-secondary)}

@media (max-width:375px){
	.text-big{
			font-size: 1.9em
		}
}


/*Backgrounds***************************************************************/

.bg-primary{
	background-color: var(--primary) !important;
}

.bg-secondary{
	background-color: var(--secondary) !important;
}

.bg-black{
	background-color: var(--black) !important;
}

.no-bg{
	background: none
}

.gradient-primary{
	background-image: -webkit-linear-gradient(left, #0CA6B4 0%, #1F295D 100%);
	background-image: -o-linear-gradient(left, #0CA6B4 0%, #1F295D 100%);
	background-image: linear-gradient(to right, #0CA6B4 0%, #1F295D 100%);
}


/*Heading styles************************************************************/


/*Heading sizes*/

h1{
  font-size: var(--p70);
  line-height: 1.15em
}

h2{
  font-size: var(--p48);
  line-height: 1.15em;
  font-weight: 700;
}

h3{
  font-size: var(--p44);
  line-height: 1.15em;
  font-weight: 700;
}

h4{font-size: var(--p38);
  line-height: 1.1em;
  font-weight: 700;
}

h5{
  font-size: var(--p24);
  line-height: 1.1em; 
  font-family: var(--font-secondary);  
  font-weight: 500;
}

h6{
  font-size: var(--p16);
  line-height: 1.1em;
  font-weight: 500;
}

.caption,
.caption p{
	font-size: .8rem;
	font-family: var(--caption);
	margin: 0;
	line-height: 1.6em
}

.tiny{
	font-size: .7rem
}

h1{
	font-weight: 700;
}


/*Smaller*/

small.smaller{
	font-size: 50%;
}


.ul-reset{
  list-style: none;
  margin: 0;
  padding: 0;
}

/*Display*/

.display-1 {
  font-size: 5em;
  font-weight: 100;
  line-height: 1.2em;
}
.display-2 {
  font-size: 4em;
  font-weight: 100;
  line-height: 1.2em;
}
.display-3 {
  font-size: 3em;
  font-weight: 100;
  line-height: 1.2em;
}
.display-4 {
  font-size: 2em;
  font-weight: 200;
  line-height: 1.2em;
}

.display-1-b {
  font-size: 5em;
  font-weight: 900;
  line-height: 1.2em;
}
.display-2-b {
  font-size: 4em;
  font-weight: 900;
  line-height: 1.2em;
}
.display-3-b {
  font-size: 3em;
  font-weight: 900;
  line-height: 1.2em;
}
.display-4-b {
  font-size: 2em;
  font-weight: 900;
  line-height: 1.2em;
}

/*Breadcrumb-item*/

.breadcrumb-item a{
	color: var(--primary);
}

/*Cards*******************************************************************/


.card.no-border{
	border: none;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

.card{
	box-shadow: 
		0 2px 6px -2px rgba(0,0,0,.15), 
		0 -2px 16px -3px rgba(0,0,0,.05), 
		0 12px 12px -2px rgba(0,0,0,.05), 
		0 18px 60px -16px rgba(0,0,0,.16);
}

.card-img,
.card-img-bottom,
.card-img-top{
	object-fit: cover;
}

.card-img-top{
	border-radius: 5px;
}

.card.no-shadow{
	box-shadow: none
}

.card.big-shadow{
	box-shadow: 
		0 2px 6px -2px rgba(0,0,0,.15), 
		0 -2px 16px -3px rgba(0,0,0,.05), 
		0 18px 32px -2px rgba(0,0,0,.05), 
		0 28px 120px -16px rgba(0,0,0,.2);
}

.card-body,
.card-block,
.card-footer{
	padding: 2rem
}

.blue .card{
	background: none !important;
	box-shadow: none;
	color: white;
}

.blue .card-body{
	padding: 0 1em;
}

.card-img-overlay{
	background: rgba(0,0,0,0.4);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 26%, rgba(0,0,0,0) 49%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(26%, rgba(0,0,0,0.4)), color-stop(49%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 26%, rgba(0,0,0,0) 49%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 26%, rgba(0,0,0,0) 49%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 26%, rgba(0,0,0,0) 49%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 26%, rgba(0,0,0,0) 49%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}


/*Form Components****************************************************************/

input::-webkit-input-placeholder { color: var(--text-placeholder) !important }  /* WebKit, Blink, Edge */
input::-moz-placeholder { color: var(--text-placeholder) !important }  /* Mozilla Firefox 19+ */
input::-ms-input-placeholder { color: var(--text-placeholder) !important }  /* Microsoft Edge */
input::placeholder { color:  var(--text-placeholder) !important }  /* Chrome */

.form-control{
	height: 2.8rem
}

.form-control[type=color]{
	width: 3rem
}


.form-group{
	margin-bottom: 1.714rem
}

.form-group label:not(.form-check-label){
	font-size: 0.786em;
	font-weight: bold;
	color: var(--text-light);
	opacity: .7;
	text-transform: uppercase;
	margin-bottom: .2rem;
}

/*Feedback **************/
input[type=text]~div{
	font-weight:500;
}


/*Validation Icons **************/
.valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon {
    position: absolute;
    width: auto;
    bottom: .5rem;
    right: .5rem;
    margin-top: 0;
}

/*List Group **************/

.card>.list-group:last-child .list-group-item:first-child{
	border-top-left-radius: .6rem;
	border-top-right-radius: .6rem;
}

.card>.list-group:last-child .list-group-item:last-child{
	border-bottom-right-radius: .6rem;
	border-bottom-left-radius: .6rem;
}


.list-group-item.active{
	background-color: var(--primary);
	border-color: var(--primary);
}


/*Badge*/

.badge-primary{
	background-color: var(--primary);
}

.badge-secondary{
	background-color: var(--secondary);
}

/*Custom Controls ***************/

.custom-control{
	padding-left: 2rem;
}

.custom-control-label::before{
	width: 16px;
	height: 16px;
	top: .15rem;
	left: -2rem;
}

.custom-control-label::after{
	top: 0;
	left: -2.15rem;
	width: 20px;
	height: 20px;
}


.custom-select{
	background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z" fill="#BABEC7"/></svg>') no-repeat right .5rem center / 18px auto;
}


/*Carroucel **************/

.carousel-inner img{
	object-fit: cover;
}


/*Pagination*/

.page-link{
	color: var(--text-md);
}

.page-link:hover{
	color: white;
	background-color: var(--primary);
}

/*Modal ************************************/

.modal-title{
	font-size: 1.5em;
	text-transform: none;
	font-weight: 400;
}

/*Nav links*/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color: var(--primary);
}


/*Toggle Menu Icons*/

.navbar-toggler-icon{
	width: 16px;
	height: 16px;
}

.navbar-toggler{
	border:none
}

/*Alerts*/

.alert-light {
    color: var(--text);
    background-color: var(--off-white);
    border-color: var(--gray-light);
}

.alert-light .alert-link{
	color: var(--primary);
}

/*Address ************************************/

address{
	border:1px solid var(--off-white);
	background: white;
	box-shadow: 0 4px 18px -2px rgba(0,0,0,.1);
	border-radius: 4px;
	display: flex;
	flex-wrap: nowrap;
	align-content: stretch;
	align-items: stretch;
	max-width: 680px;
}

address .map{
	max-width: 350px;
	flex-grow: 0;
}

address .map img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

address > span.mdi{
	padding: 1.2rem .3rem 0 1.5rem;
	flex-grow: 0;
}

address .address-body{
	padding: 1.5rem 1.5rem 1.5rem 0;
	flex-grow: 2;
}

/*Pagination ********************************************/

.page-link{
	font-size: .9rem;
}

.pagination-lg .page-link{
	font-size: 1.1rem;
}

.page-item.active .page-link{
	background-color: var(--primary);
	border-color: var(--primary);
}


/*Pagination Bulltes ************************************/

.pagination-bullets .page-item i:before{
	font-size: 14px;
}

.pagination-bullets .page-item{
	color: var(--text-md);
	opacity: .3;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.pagination-bullets .page-item:hover{
	opacity: 1;
}

.pagination-bullets .page-item.active{
	color: var(--primary);
	opacity: 1;
}

.pagination-bullets .page-item{
	margin: 0 .7rem 0 0
}

.pagination-bullets .page-item .page-link{
	padding: 0;
	margin: 0;
	color: inherit;
	background: none;
	border:none;
}


/*Popover*/

.popover{
	font-family: var(--font);
}


/* DNN FIX */
.header-fix .header .menu a:not(.btn) .mdi-24px.mdi:before{
	font-size: 24px !important;
	color: #7C8A91 !important;
}
.header .menu nav a:not(.btn) .mdi-24px.mdi:before{
	font-size: 24px !important;
	color: white !important;
}
footer .social.mdi:before {
	color: #000 !important;
	font-size: 13px !important;
}
.mdi.mdi-play.btn-play-text:before{
	font-size: var(--p36) !important;
	color: white !important;
}
.download .rating .stars .mdi.mdi-star:before {
	font-size: 22px !important;
	color: #FEEE4D !important;
}