@charset "utf-8";
/* Global CSS Document - last modified: May 31st, 2025		----- TDJ  */


/*web #3*/ @import url("https://use.typekit.net/hhk4hra.css");
/************ FONTs*************
New as of 03/7/2025------> 
Adobe Aldine
font-family: "adobe-aldine", sans-serif;
font-weight: 400 - 700;
font-style: normal or italic;

font-family: "adobe-aldine-caption", sans-serif;s
font-weight: 400-700;
font-style: normal or italic;

font-family: "adobe-aldine-display", sans-serif;
font-weight: 400-700;
font-style: normal or italic;
	
font-family: "adobe-aldine-subhead", sans-serif;
font-weight: 400-700;
font-style: normal or italic;
-----------------------------------------------------
Gravita Geo Variable
Custom setting
    font-family: "gravita-geo-variable", sans-serif;
	font-variation-settings: "wght" 100;

Default instance
    font-family: "gravita-geo-variable", sans-serif;
    font-variation-settings: "wght" 400;
_____________________________________________________
*/

#map {
  height: 100%;
}

html p a:hover {
  text-decoration: none;
}
html {
  /*  min-width: 600px;	*/
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  scroll-behavior:  smooth;
}
html {
  scroll-behavior:  smooth;
}

@media (max-width: 600px) {
  html,
  body  {
    font-size: 70% !important;	
    font-size-adjust: 70%;			
  }
}

@media (max-width: 768px) {
  html,
  body {
    font-size: 85% !important;
    font-size-adjust: 85%;
  }
}

@media (min-width: 1800px) {
  html,
  body  {
    font-size: 110% !important;
    font-size-adjust: 110%;
  }
}
body {
  font-family:  "gravita-geo-variable", sans-serif;
  line-height: 1.34;
  font-weight: 300;
  letter-spacing: 0.03em;
  color: #2c3e51;
  background-color: #ffffff;
  /*min-width: 600px;*/
  margin-left: auto;
  margin-right: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
[class*="heading-"] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-family: "adobe-aldine", serif;
  text-transform: capitalize;
  color: #2c3e51;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
[class*="heading-"] a {
  color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
[class*="heading-"] a:hover {
  color: #e86224;
}

h1, .heading-1 {
  font-size: 50px;
  letter-spacing: 0.075em;
}
h2, .heading-2 {
  font-size: 40px;
}
h3, .heading-3 {
  font-size: 32px;
}
h4, .heading-4 {
  font-size: 24px;
  letter-spacing: 0.075em;
}
h5, .heading-5 {
  font-size: 22px;
}
h6, .heading-6 {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

@media (max-width: 768px) {
  h1, .heading-1 {
    font-size: 30px;
  }
  h2, .heading-2 {
    font-size: 20px;
  } 
 h3, .heading-3 {
    font-size: 1.2rem;
  }
  h4, .heading-4 {
    font-size: 1.15rem;
  }
   h5, .heading-5 {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  h1, .heading-1 {
    font-size: 40px;
  }
  h2, .heading-2 {
    font-size: 30px;
  }
  h3, .heading-3 {
    font-size: 28px;
  }
}
@media (max-width: 1200px) {
  h1, .heading-1 {
    font-size: 45px;
  }
  h2, .heading-2 {
    font-size: 50px;
  }
}
@media (min-width: 1201px) {
  h1, .heading-1 {
    font-size: 70px;
  }
  h2, .heading-2 {
	  font-size: 60px;
  }
}

small, .small {
  display: inline-block;
  font-size: 65%;
}

mark, .mark {
  padding: 2px 4px;
  color: #ffffff;
  background: #2c3e51;
}
a:focus,
button:focus {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0;
}

*:focus {
  outline: none;
}

blockquote {
  padding: 0;
  margin: 0;
}

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

.input-hidden {
  position: absolute;
  left: -9999px;
}

label {
  margin-bottom: 0;
}

p {
  margin: 0 0 10px 0;
}

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul li, ol li {
  display: block;
  padding-bottom: 5px;
}

#xl_list {
  list-style: inside;
  padding: 10px 0px 0px 25px;
  margin-left: 25px;
}

dl {
  margin: 0;
}

dt,
dd {
  line-height: inherit;
}

dt {
  font-weight: inherit;
}

dd {
  margin-bottom: 0;
}

cite {
  font-style: normal;
}

blockquote {
  padding-left: 0;
  border-left: 0;
}

address {
  margin-top: 0;
  margin-bottom: 0;
}

figure {
  margin-bottom: 0;
}
.grid-container {
  display: grid;
  grid-template-columns:50% 50%;	/* 480px 480px;*/
  grid-template-rows: 350px 350px 350px;
  grid-gap: 0.5rem;
}


.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.box-container {
	display: flex;
	flex-direction: row;	
	flex-wrap: wrap;
    align-items: flex-start;
	justify-content: center;
}

.box1,
.box2,
.box3,
.box4,
.box5,
.box6,
.box7,
.box8,
.box9,
.box10,
.box11,
.box12	{
	display: flex;
	flex: 1 1 0;
	width: 49%;
	/*&min-height: 250px;*/
	margin: 8px;
    padding: 8px 4px;
	min-width: 48%;
	background-color: rgba(230,234,238,1);
}
/*

.boxes1-1, 
.boxes1-2,
.boxes1-3,
.boxes2-1,
.boxes2-2,
.boxes2-3,
.boxes3-1,
/*.boxes3-2,
.boxes3-3,
.boxes4-1,
.boxes4-2,
.boxes5-1,
.boxes6-2 {
	
	
    
}*/
.box1 {
	display: flex;
	flex-direction: column;
	order: 0;
	 box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box2 {
	display: flex;
	flex-direction: column;
	order: 1;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box3 {
	display: flex;
	flex-direction: column;
	order: 2;
	box-shadow:  rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box4 {
	display: flex;
	flex-direction: column;
	order: 3;
	box-shadow:  rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box5 {
	display: flex;
	flex-direction: column;
	order: 4;
	box-shadow:  rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
/*#summaries {
	display: flex;
	flex-direction: column;
	min-width: auto;
	order: 5;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}*/
.box6 {
	display: flex;
	flex-direction: column;
	order: 5;	
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box7 {
	display: flex;
	flex-direction: column;
	order: 6;
	 box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box8 {
	display: flex;
	flex-direction: column;
	order: 7;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box9 {
	display: flex;
	flex-direction: column;
	order: 8;
	box-shadow:  rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box10 {
	display: flex;
	flex-direction: column;
	order: 9;
	box-shadow:  rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box11 {
	display: flex;
	flex-direction: column;
	order: 10;
	box-shadow:  rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.box12 {
	display: flex;
	flex-direction: column;
	order: 11;
	box-shadow:  rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

td.colmn-2.box-icon-cd-text span{
	font-size: 0.90rem!important;
}

td.colmn-1.box-icon-cd-cost span {
	text-align: right;
	padding-right: 0px!important;
	font-size: 0.90rem!important;
}
td.colmn-3.box-icon-cd-header span {
	font-size: 0.90rem;
}


/*
@media (max-width: 576px) {
  .container, .box-container {
    max-width: 540px;
  }
}
*/

@media (max-width: 768px) {
	.colmn-3 {
		
	}	
	.colmn-2 {
		
	}
	.colmn-1 {
		
	}
	.gui-input {
		padding: 8px !important;
	}
	.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12 {
		min-width: 100% !important;
	}
	#review_box {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
}
@media (min-width: 769px) {
	#review_box {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
}
@media (max-width: 992px) {
	.container, .box-container {
		max-width: 95vw;
	}
	.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12 {
		min-width: 80%!important;
	}
}
/*
@media (max-width: 991px) {
 	.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12 {
		min-width: 66% !important;
	}
}
*/
@media (max-width: 1200px) {
	.container, .box-container {
		max-width: 960px;
	}
	.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12 {
		max-width: 48%;
        width: 49%;
        height: 100% !important;
	}
}

@media (min-width: 1201px) {
	.container, .box-container {
		max-width: 80vw;
	}
	.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12 {
		max-width: 500px;
        width: 50%;
	}
}

/*
@media (min-width: 875px) {
	.box1,
	.box2,
	.box3,
	.box4,
	.box5,
	.box6,
	.box7,
	.box8,
	.box9,
	.box10,
	.box11,
	.box12	{
		max-width: 50%;
	}
}
	#summaries {
		max-width: 58%;
	}
	#submits {
		max-width: 37%
	}

	
}
@media (min-width: 992px) {
  
	
	/*#submits {
	    max-width: 500px !important;
	}
	#summaries {
		max-width: 50% !important;
		
	}*/



.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.colmn-1 {	
	width: 110px;
    width: 25%;
	flex: 1 1 0;
	white-space: nowrap;
}

.colmn-2 {	
	width: 250px;
	max-width: 50%;
	flex: 2 1 0;    
}
.colmn-3 {
	width: 110px!important;
    max-width: 25%;
	flex: 1 1 0;
	white-space: nowrap;
}
#milan_costsum{
	padding: 0;
	border-collapse: separate;
	border-spacing: 3px;
}
#milan_submit {
	margin: 17% 0px;
}

.config_text {
	font-size: 0.90rem;
	font-weight: 300;
}
.config_head {
	font-size: 0.90rem;
	font-weight: 600;
}
.config_box {
	width: 200px;
	min-width: 200px;
	max-width: 250px;
	padding: 4px 8px;
	font-size: 0.90rem !important;
	font-family: "gravita-geo-variable", sans-serif;
	text-align: left;
}

.big {
  font-size: 115%;
  line-height: 1.55556;
}
.sub-title {
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 21px;
  line-height: normal;
  text-align: center;
  font-style: oblique;
  font-weight: 500;
  margin-top: 20px;
}

.lead {
  font-size: 24px;
  line-height: 34px;
  font-weight: 300;
}
.featureprice {
  font-weight: 500;
  font-variant: small-caps;
  font-style: oblique;
  line-height: 2rem;
  color: #e86224;
}
.caption-desc p {
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  text-align: justify;
}
.cap-button {
  color: #fff;
  padding: 15px 20px;
  font-size: 1.1rem !important;
  font-weight: 500;
  background: #2c343b;
  border: 2px solid #0565CF !important;
  border-radius: 3px;
  font-family:  "gravita-geo-variable", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 15px;
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.65);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.65);
}

.cap-button:hover {
  background: #0565cf;
  color: #f8f8f8;
  border: 2px solid #2c343b;
}
.caption-button {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  display: inline-flex;
  justify-content: flex-start;
}

@media (max-width: 768px) {
  .button,
  .cap-button,
  .caption-button {
    display: block;
    font-size: 12px;
    font-weight: 300;
    padding: 5px;
  }
}

#change_details {
  display: inline;
  vertical-align: baseline;
  border: 1px solid #2c343b;
}
#change_details:hover {
  color: #f4f2fa;
}

#stands-lookup,
#spk-stands-table {
	padding: 8px 20px;;
	width: 195px;
	text-align: center;
	font-size: 0.95rem !important;
}

#stands-lookup:hover, #stands-lookup:focus,
#spk-stands-table:hover, #spk-stands-table:focus {
	color: #F4F2FA;
	background-color: #0089dd;
}

.box-icon-cd {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
	z-index: 99;
	padding: 10px 15px;
	align-items: baseline;
	justify-content: space-around;
	margin: 0px auto;
	overflow: hidden;
	transition: all 0.2s ease 0s;
	border: none;
	width: auto;
	max-width: 750px;
/*	background-color: rgb(245, 245, 245);
	border-radius: 30px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);*/
	}

/*.box-icon-cd::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 10px 0 rgba(13,16,28,.17));
  transition: all 0.2s ease;
  z-index: -1;
}*/

.error-span {
  color: #900;
	font-size: 0.90rem;
	font-weight: normal;
  background-color: #fbdbcf;
border: 1px solid #900;
 margin: 0 auto;
  padding: 5px 8px;
height: 50px;
  width: 70%;
 transition: all 0.3s ease-out 0s;
}
.error-span:hover {
	font-size: 1.10rem;
  font-weight: bolder;
border: 3px solid #900;
}

.box-icon-cd-title {
  font-size: 1.35rem;
  font-weight: 500;
  margin-bottom: 15px;
  justify-content: center;
}

.box-icon-cd-text {
  color: #0D101C;
  text-align: left;
	font-weight: 300;
	font-size: 1.1rem!important;
}
/*
.colmn-2  .box-icon-cd-text {
	padding-left: 5%;
}
*/

.box-icon-cd-cost {
  color: #0565cf!important;
font-size: 1.1rem!important;
vertical-align: middle;
	letter-spacing: 0.03em;
	text-align: right!important;
	padding-right: 10px!important;
}

.box-icon-cd-header {
	font-size: 1.1rem!important;
text-align: left;
font-family:  "gravita-geo-variable", sans-serif;
	font-weight: 600;
color: #2c3e51!important;
	padding: 3px 0px 0px 10px;
}

.box-icon-cd-text a {
  color: #0D101C;
}

.box-icon-cd-text a:hover {
  color: #07f;
  text-decoration: underline;
}

.scroll-link {
	font-size: 1.15rem;
	font-weight: 700;
	text-align: center;
    color: #0565cf;
    background-color: rgba(255,254,220,1.00);
    padding: 15px 20px;
	margin: 15px auto;
	display: flex;
	position: relative;
	width: 48%;
	justify-content: center;
	border: 2px solid #0565cf;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.scroll-link:hover {
	color: #e86224;
	border: 3px solid #e86224;
	background-color: #FFFEDC;
	box-shadow: rgb(26, 26, 15) 0px 9px 16px;
}

.togglesearch{
  background: #E8E8E4;
  position: absolute;
  top: 74px;
  right: 1%;
  width: 45vw;
  height: 80px;
  line-height: 45px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  border-top:4px solid #e86224;
  display: none;
	z-index: 1000;
}

.togglesearch::before {
  content: "";
  position: absolute;
  top: -30px;
  right: 13px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #D80B15;
}

.togglesearch input[type="text"]{
  width: 200px;
  padding: 5px 10px;
  margin-left: 23px;
  border: 1px solid #D80B15;
  outline: none;
}

.togglesearch input[type="button"]{
  width: 80px;
  padding: 5px 0;
  background: #D80B15;
  color: #fff;
  margin-left: -6px;
  border: 1px solid #D80B15;
  outline: none;
  cursor: pointer;
}


code {
  padding: 10px 5px;
  border-radius: 0.2rem;
  font-size: 90%;
  color: #111111;
  background: #f2f2f2;
}

p [data-toggle="tooltip"] {
  color: #b7b7b7;
}

a [data-toggle="tooltip"] {
  color: #ff0000;
}

p [style*="max-width"] {
  display: inline-block;
}
.bg-img {
  background-image: url("../images/patterns/156.jpg");
  background-position: 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.bg_first_cl {
  background-color: #fff !important;
}

.bg_second_cl {
  background-color: #f7f7f7;
}

.image-hover-effect-1 {
  position: relative;
  overflow: hidden;
}

.image-hover-effect-1:before {
  position: absolute;
  content: "";
  right: 20px;
  bottom: 20px;
  border: 2px solid rgba(255, 255, 255, 0.64);
  -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);
  opacity: 0;
  top: 20px;
  left: 20px;
  z-index: 1;
  transition: all 0.4s ease;
}

.image-hover-effect-1:hover:before {
  opacity: 1;
}

.image-hover-effect-1 img {
  -webkit-transform: scale(1.5) translateY(0);
  transform: scale(1.5) translateY(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.image-hover-effect-1:hover img {
  -webkit-transform: scale(1.5) translateY(-12px);
  transform: scale(1.5) translateY(-12px);
}

.image-hover-effect-1:after {
  left: 0;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  top: 0;
}

.image-hover-effect-1:hover:after {
  opacity: 1;
}

.image-hover-effect-1 .link-wrap {
  position: absolute;
  top: calc(50% - 0px);
  right: 50%;
  transform: translateX(50%) translateY(-50%);
  z-index: 10;
}

.image-hover-effect-1 .link-wrap a {
  min-width: 140px;
  padding: 12px 23px 10px;
  font-size: 1rem;
  line-height: 1.5;
  color: #2c3e51;
  background-color: #ffffff;
  border-color: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.image-hover-effect-1:hover .link-wrap a {
  opacity: 1;
}

.image-hover-effect-1 .link-wrap:hover a {
  color: #ffffff;
  background-color: #e86224;
  border-color: #e86224;
}

.image-hover-effect-1 .link-wrap:hover a:before {
  color: #ffffff;
  background-color: #e86224;
}
.devider-serv {
  display: block;
  border-top: 7px solid #e1e1e1;
  width: 67px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.devider-cont {
  display: block;
  border-top: 7px solid #e1e1e1;
  width: 287px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}

.product-details-description {
  display: block;
  font-size: 1rem;
  text-align: left;
  padding: 0;
}

.products_details {
  padding: 7px 0px 16px 0;
  text-align: left;
}

.category-wrapper {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.category-columns {
  width: 100%;
}

.category-columns::after {
  clear: both;
  content: "";
  /* display: table;*/
}

.category {
  position: relative;
  float: left;
  text-align: center;
  display: flex;
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.category-list li {
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
  padding: 10px;
  display: table-row-group;
}

.category-labels {
  padding: 10px;
  display: flex;
  justify-content: center;
  margin: 0;
  line-height: 1.2;
}
.products_details .product-price-wrap {
  padding-top: 13px;
}

.owl-products .products_details .product-title {
  min-height: 67px;
}

.owl-products .products_details {
  padding-bottom: 0;
}

.brand {
  display: inline-block;
}

.brand .brand-logo-light {
  display: none;
}

.brand .brand-logo-dark {
  display: block;
}

a {
  transition: all 0.3s ease-in-out;
}

a,
a:focus,
a:active,
a:hover {
  text-decoration: none;
}

a,
a:focus,
a:active {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: #0052a9;
  text-decoration: underline;
}

a[href*="tel"],
a[href*="mailto"] {
  white-space: nowrap;
}

.link-hover {
  color: #e86224;
}

.link-press {
  color: #e86224;
}

.privacy-link {
  display: inline-block;
}

* + .privacy-link {
  margin-top: 40px;
}

.link-classic {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.334;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.link-classic,
.link-classic:focus,
.link-classic:active {
  color: rgba(21, 21, 21, 0.4);
}

.link-classic:hover {
  color: #2c3e51;
}

.link-classic span {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 3px 10px;
  line-height: 24px;
  width: 25px;
  opacity: 0.13;
  transition: all 0.3s ease;
}

.link-classic span::before,
.link-classic span::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  transition: inherit;
}

.link-classic span::before {
  height: 2px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #2c3e51;
}

.link-classic span::after {
  width: 0;
  height: 0;
  margin-left: 3px;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  border-color: transparent transparent transparent #2c3e51;
}

.link-classic:hover span {
  width: 40px;
  opacity: 1;
}

* + .link-classic {
  margin-top: 30px;
}

@media (min-width: 768px) {
  * + .link-classic {	
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  .container + .link-classic {
    margin-top: 56px;
  }
}

.figcaptioner, figcaptioner {
    font-size:1rem;
	font-weight: 600;
	text-align: center;
    color: #b85124;
    background-color: #f5deb3;
    padding: 5px;
	display: flex;
	position: relative;
width: 100%;
justify-content: center;
}
	
#image-select {
	max-width: 150px!important;
	height: auto;
	display: block;
	margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
    .gdpr-settings {
        max-height: none;
        overflow: auto;
    }
}

#button-container,
#button-container span,
#button-container button {
	display: flex;
	white-space: nowrap;
	gap: 0;
	align-items: baseline;
	justify-content: center;
	cursor: pointer;
	font-family:  "gravita-geo-variable", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1rem;
	color: #222;
}

#button-container {
/*	    border-left: 1px solid #2c3e51;
    border-right: 1px solid #2c3e51;			*/
	width: auto;
	padding: 8px;
	overflow: hidden;
	transition: width 1s ease-in-out, 
		-webkit-transform 1s ease-in-out;
	cursor: pointer;	
	  -webkit-transition: transform 1s ease-in-out;
  /*transition: transform 1s ease-in-out;*/
}

#button-container > svg,
#button-container span {
/*	border-left: 2px solid #222; */
	padding: 5px;
	height: 100%;
}

#button-container .fa {
	font-size: 30px;
	margin: 0px 15px;
	transition: transform  1s ease, 
	-webkit-transform 1s ease;
	}

#button-container .fa:hover .social-label:hover {
	color: #0565cf;
}

#button-container.minimized {
	width: 180px;
	height: 40px;
	border: none;
	justify-content: center;
    align-items: center;
}

#button-container.minimized > svg,
#button-container.minimized span {
	display: none;
}

#button-container.minimized button svg {
	transform: rotate(180deg);
}
/*
#button-container:hover {
	transform: scale(1.1);
}*/
#button-container .social-label {
	font-size: 0.85rem;
	line-height: 12px;
	font-family: "adobe-aldine", serif;
	font-weight: 300;
	border-left: none;
}

@media (max-width: 510px) {
	#button-container, #button-container span, #button-container button {
		white-space: normal;
		display: contents;
	}
	#button-container .social-title {
		display: none;
	}
	#button_chev {
		display: none;
	}
	#button-container .social-label {
		display: none;
	}
}
/*#button-container .social-label:hover {
	color: #0565cf;
}	
.chev-rotate {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#button-container .chev-rotate {
	-webkit-transition: transform 1s ease;
  transition: transform 1s ease;
}*/
.gallery-title,
.link-instafeed-3 {
  display: inline-block;
  min-width: 210px;
  padding: 4px 40px 10px;
  font-weight: 300;
  letter-spacing: 0.05em;
  background: #ffffff;
}

.gallery-title a,
.gallery-title a:focus,
.gallery-title a:active,
.link-instafeed-3 a,
.link-instafeed-3 a:focus,
.link-instafeed-3 a:active {
  color: #e86224;
}

.gallery-title a:hover,
.link-instafeed-3 a:hover {
  color: #e86224;
}

.videoWrp {
  background: none;
  position: relative;
  padding: 0;
  height: 680px;
}

.hero-wrapper {
  height: 680px;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.video {
  position: relative;
}

.hero-wrapper:before {
  content: "";
  position: absolute;
  top: -60px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
}

.hero-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  top: 0;
  background-position: center center;
  background-size: cover;
}

.hero-image #bgvid {
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: inherit;
}

.videohover {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 99;
}

.banner-info {
  padding: 200px 0px 25px;
  margin-top: 100px;
  margin: 0 auto;
  width: 90%;
}

.slider-wrap h5 {
  color: #fff;
  font-size: 30px !important;
  text-transform: none !important;
  text-align: center;
  z-index: 99;
  padding-bottom: 20px;
  text-shadow: 0 0 1px rgba(24, 24, 24, 0.75);
}

.slider-wrap h2 {
  color: #fff;
  font-size: 66px;
  font-weight: 700;
  text-transform: none !important;
  text-align: center;
  z-index: 99;
  text-shadow: 0 0 1px rgba(24, 24, 24, 0.75);
}

.slider-wrap h2 span {
  color: #e86224;
}

.slider-wrap h4 {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  z-index: 99;
  text-shadow: 0 0 1px rgba(24, 24, 24, 0.75);
}

.slider-wrap h4 span {
  color: #e86224;
}

.slider-wrap p {
  color: #fff;
  font-size: 1rem;
  text-transform: none !important;
  text-align: center;
  line-height: 21px;
  z-index: 99;
  padding: 22px 90px 38px;
  margin: 0;
}

.slider-wrap .readmore {
  text-align: center;
}

.slider-wrap .readmore a {
  display: inline-block;
  z-index: 99;
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  color: #fff !important;
}

.readmore .button {
  margin-top: 0;
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

#home_typer {
  background: url("../images/patterns/pattern15.jpg") no-repeat top;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center;
  align-items: center;
  color: #ffffff;
  height: 100vh;
  position: relative;
}

#home_typer:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
}

#home_particle {
  background: url("../images/patterns/pattern15.jpg") no-repeat top;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center;
  align-items: center;
  color: #ffffff;
  height: 100vh;
  position: relative;
}

#home_particle:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
}

#home_static {
  background: url("../images/patterns/156.jpg") no-repeat top;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center;
  align-items: center;
  color: #ffffff;
  height: 100vh;
  position: relative;
}

.parallax-section {
  padding: 20px 0 70px 0px;
  position: relative;
  background-attachment: fixed !important;
  background-size: cover !important;
}

#home h3 {
  color: #f0f0f0;
}

#home .overlay {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#js-rotating {
  border: 1px solid #fff;
  padding: 10px 20px;
  display: inline-block;
}

.block-center,
.block-sm,
.block-lg {
  margin-left: 0;
  margin-right: 0;
}

.block-sm {
  max-width: 560px;
}

.block-lg {
  max-width: 768px;
}

.block-center {
  padding: 10px;
}

.block-center:hover .block-center-header {
  background-color: #e86224;
}

.block-center-title {
  background-color: #ffffff;
}

@media (max-width: 1599px) {
  .block-center {
    padding: 10px;
  }

  .block-center:hover .block-center-header {
    background-color: #ffffff;
  }

  .block-center-header {
    background-color: #e86224;
  }
}

.box-icon-creative {
  text-align: left;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}

.box-icon-creative-2 .box-icon-creative-icon {
  color: #e86224;
}

.box-icon-creative-2 .box-icon-creative-title a:hover {
  color: #e86224;
}

.box-icon-creative-count {
  position: relative;
  left: 0;
  font-size: 80px;
  line-height: 0.675;
  font-weight: 300;
  letter-spacing: 0.025em;
  color: #f2f2f2;
  font-family:  "gravita-geo-variable", sans-serif;
  transition: all 0.2s ease;
}

.box-icon-creative-header > * {
  display: inline-block;
  vertical-align: bottom;
}

.box-icon-creative-icon {
  position: relative;
  text-align: center;
  width: 64px;
  height: 64px;
  font-size: 36px;
  line-height: 64px;
  color: #e86224;
}

.trending_div {
  padding-bottom: 55px !important;
}

.box-icon-creative-icon::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #2c3e51;
  transition: all 0.3s ease;
}

.box-icon-creative-decor {
  position: relative;
  height: 43px;
  width: 54px;
  margin: 0 12px;
  border-top: 2px solid #2c3e51;
  transition: all 0.2s ease;
}

.box-icon-creative-decor::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 50%;
  width: 2px;
  background: #2c3e51;
  transition: all 0.2s ease;
}

.box-icon-creative-title {
  font-weight: 300;
}

.box-icon-creative-title a,
.box-icon-creative-title a:focus,
.box-icon-creative-title a:active {
  color: inherit;
}

.box-icon-creative-title a:hover {
  color: #e86224;
}

.box-icon-creative-text {
  letter-spacing: 0.025em;
  color: #9b9b9b;
}

@media (min-width: 992px) {
  .desktop .box-icon-creative:hover .box-icon-creative-icon::after {
    border-color: #e86224;
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
  }

  .desktop .box-icon-creative:hover .box-icon-creative-decor {
    border-color: #e86224;
  }

  .desktop .box-icon-creative:hover .box-icon-creative-decor:before {
    height: 100%;
    background: #e86224;
  }

  .desktop .box-icon-creative:hover .box-icon-creative-count {
    left: 4px;
    color: #e86224;
  }

  .desktop .box-icon-creative-2:hover .box-icon-creative-icon::after {
    border-color: #e86224;
  }

  .desktop .box-icon-creative-2:hover .box-icon-creative-decor {
    border-color: #e86224;
  }

  .desktop .box-icon-creative-2:hover .box-icon-creative-decor:before {
    background: #e86224;
  }

  .desktop .box-icon-creative-2:hover .box-icon-creative-count {
    color: #e86224;
  }
}

* + .box-icon-creative-title {
  margin-top: 16px;
}

* + .box-icon-creative-text {
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .box-icon-creative-text {
    max-width: 94%;
  }
}

.header-title {
  font-family: "adobe-aldine", serif;
  font-size: 45px;
  text-transform: none;
  font-weight: 500;
  position: relative;
  margin-bottom: 10px;
  margin-top: 20px;
}

.header-title-2 {
  font-family: "adobe-aldine", serif;
  font-size: 30px;
  text-transform: none;
  font-weight: 500;
  position: relative;
  margin: 20px;
}

.header-title-text {
  margin: 25px 30px;
  font-size: 1rem;
  line-height: normal;
  font-family:  "gravita-geo-variable", sans-serif;
  text-transform: none;
  font-style: oblique;
}

.header-title span,
.header-title-2 span {
  color: #e86224;
  font-weight: 600;
}

.box-icon-modern {
  text-align: left;
  min-height: 100%;
  font-size: 1rem;
  letter-spacing: normal;
  padding: 20px 25px;
  background: rgba(220, 220, 220, 1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease;
}

.box-icon-modern-2 {
  padding-top: 42px;
  padding-bottom: 35px;
}

.box-icon-modern-2 .box-icon-modern-decor {
  margin-top: 18px;
  margin-bottom: 15px;
}

.box-icon-modern-2 .box-icon-modern-text {
  letter-spacing: 0.025em;
}

.box-icon-modern-2 * + .box-icon-modern-title {
  margin-top: 18px;
}

.box-icon-modern-3 {
  padding-top: 46px;
  padding-bottom: 30px;
}

.box-icon-modern-3 .box-icon-modern-decor {
  margin-top: 18px;
  margin-bottom: 15px;
}

.box-icon-modern-3 .box-icon-modern-text {
  letter-spacing: 0.025em;
}

.box-icon-modern-3 * + .box-icon-modern-title {
  margin-top: 28px;
}

.box-icon-modern-custom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
  padding-top: 36px;
  padding-bottom: 38px;
}

.box-icon-modern-icon {
  position: relative;
  font-size: 47px;
  line-height: 1;
  color: inherit;
  z-index: 1;
}

.box-icon-modern-icon::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 9px;
  width: 50px;
  height: 50px;
  background: #e86224;
  -webkit-transform: translate3d(-40%, 0, 0) rotate(30deg);
  transform: translate3d(-40%, 0, 0) rotate(30deg);
  transition: all 0.3s ease;
  z-index: -1;
}

.box-icon-modern-title a,
.box-icon-modern-title a:focus,
.box-icon-modern-title a:active {
  color: inherit;
}

.box-icon-modern-title a:hover {
  color: #e86224;
}

.box-icon-modern-big-title {
  line-height: 1.04;
}

.box-icon-modern-decor {
  position: relative;
  max-width: 126px;
  width: 100px;
  height: 2px;
  margin: 20px auto 22px;
}

.box-icon-modern-decor::before {
  position: absolute;
  content: "";
  height: 100%;
  left: 15px;
  right: 15px;
  background: #d7d7d7;
  transition: all 0.3s ease;
}

.box-icon-modern-decor::after {
  position: absolute;
  content: "";
  height: 100%;
  left: 50%;
  right: 50%;
  background: #be8b6b;
  transition: all 0.3s ease;
}

.box-icon-modern-text {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

* + .box-icon-modern-title {
  margin-top: 16px;
}

.box-icon-modern-decor + .button {
  margin-top: 8px;
}

.box-icon-modern-decor + .box-icon-modern-text {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .desktop .box-icon-modern:hover {
    box-shadow: -2px 2px 9px 1px rgb(0 0 0 / 37%);
  }

  .box-icon-modern-3 {
    padding: 66px 30px 50px;
  }
}

.ie-edge .box-icon-modern-custom,
.ie-10 .box-icon-modern-custom,
.ie-11 .box-icon-modern-custom {
  height: 100%;
}

.box-icon-classic {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  margin: 20px auto;
  overflow: hidden;
  transition: all 0.2s ease;
  z-index: 1;
  width: 100%;
}

.box-icon-classic::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 8px solid #f4f4f4;
  transition: all 0.2s ease;
  z-index: -1;
}

.box-icon-classic .box-icon-classic-icon {
  color: #e86224;
}

.box-icon-classic-2 {
  position: relative;
  display: -ms-flexbox;
  display: block;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: left;
  align-items: left;
  -ms-flex-pack: left;
  justify-content: flex-start;
  padding: 15px 15px;
  max-width: 300px;
  overflow: inherit;
  white-space: normal;
  transition: all 0.2s ease;
  z-index: 1;
}

.box-icon-classic-2::before {
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border: 1px solid #e1e1e1;
}

.box-icon-classic:hover
  .box-icon-classic-title:hover
  .box-icon-classic-icon:hover {
  color: #f7f7f7;
}

.box-icon-classic-icon {
  font-size: 25px;
  display: flex;
  line-height: 1;
  color: #e86224;
  transition: all 0.2s ease-in-out;
}

.box-icon-classic-title {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 15px;
  justify-content: center;
}

.box-icon-classic-title:hover {
  font-weight: 600;
  color: #f7f7f7;
}

.box-icon-classic-title a,
.box-icon-classic-title a:focus,
.box-icon-classic-title a:active {
  color: inherit;
}

.box-icon-classic-title a:hover {
  color: #f7f7f7;
}

.box-icon-classic-text {
  color: #9b9b9b;
  text-align: left;
}

.box-icon-classic-text a {
  color: #9b9b9b;
}

.box-icon-classic-text a:hover {
  color: #0089dd;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .desktop .box-icon-classic:hover {
    transition-delay: 0.1s;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  }

  .desktop .box-icon-classic:hover::before {
    border-width: 0;
  }

  .desktop .box-icon-classic-3:hover {
    transition-delay: 0s;
  }

  .desktop .box-icon-classic-3:hover::before {
    border-width: 1px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
  }

  .desktop .box-icon-classic-3:hover .box-icon-classic-icon {
    color: #e86224;
  }
}

* + .box-icon-classic-text {
  margin-top: 10px;
}

.ie-edge .box-icon-classic,
.ie-10 .box-icon-classic,
.ie-11 .box-icon-classic {
  height: 100%;
}

.box-icon-leah {
  position: relative;
  text-align: left;
  font-size: 1rem;
  padding: 20px -1px 15px 0px;
  margin: 20px 10px 20px 0px;
  min-height: 100%;
  border-radius: 20px;
  background: rgba(126, 110, 95, 0.33);
  transition: all 0.3s ease-in-out;
}

.box-icon-leah-icon {
  font-size: 42px;
  line-height: 1;
  color: #e86224;
}

.box-icon-leah-title {
  font-weight: 300;
}

.box-icon-leah-count {
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  padding: 6px 3px 0 7px;
  min-width: 45px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.05em;
  font-family:  "gravita-geo-variable", sans-serif;

  text-transform: uppercase;
  background-color: rgba(126, 110, 95, 0.33);
  color: #e86224;
  transition: inherit;
  z-index: 1;
}

.box-icon-leah-count::before {
  display: inline-block;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.box-icon-leah-count::after {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  bottom: 0;
  left: 0;
  background: #ffffff;
  pointer-events: none;
  z-index: -1;
}

.box-icon-leah-text {
  color: #9b9b9b;
}

* + .box-icon-leah-title {
  margin-top: 16px;
  min-height: 25px;
}

* + .box-icon-leah-text {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .desktop .box-icon-leah:hover {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  }

  .desktop .box-icon-leah:hover .box-icon-leah-count::before {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  .desktop .box-icon-leah-2:hover .box-icon-leah-count {
    color: #e86224;
  }
}

@media screen and (max-width: 1199px) {
  #home_particle {
    height: 70vh;
  }

  #home_typer {
    height: 70vh;
  }

  * + .box-icon-leah-title {
    font-size: 20px;
    min-height: 25px;
  }

  .banner-info {
    padding: 28px 0px 25px;
    margin-top: 60px;
    width: 100%;
  }

  .videoWrp {
    height: 600px;
  }

  .hero-wrapper {
    height: 600px;
  }
}

@media screen and (max-width: 1024px) {
  .banner-info {
    padding: 45px 0px 25px;
    margin-top: 20px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .banner-info {
    margin-top: 10px;
  }

  #home_particle {
    height: 65vh;
  }

  #home_typer {
    height: 65vh;
  }

  .slider-wrap h4 {
    font-size: 30px;
  }

  .slider-wrap p {
    padding: 16px 5px 30px;
  }
}

@media screen and (max-width: 991px) {
  .slider-wrap h2 {
    font-size: 40px;
  }

  .videoWrp {
    height: 500px;
  }

  .hero-wrapper {
    height: 500px;
  }

  .team-creative-name {
    font-weight: 300;
    width: 100%;
    text-align: left;
    display: block;
  }
}

@media (min-width: 1200px) {
  * + .box-icon-leah-title {
    min-height: 50px;
  }

  .box-icon-leah {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.box-comment {
  text-align: left;
  padding-bottom: 45px;
  border-bottom: 1px solid #dddddd;
}

.box-comment .box-comment-time,
.box-comment .box-rating {
  margin-top: 4px;
}

.box-comment > .box-comment {
  margin-top: 30px;
  padding-top: 45px;
  padding-bottom: 0;
  border-bottom: none;
  border-top: 1px solid #dddddd;
}

.box-comment + .box-comment {
  margin-top: 45px;
}

.box-comment-figure {
  display: inline-block;
}

.box-comment-figure img {
  max-width: 119px;
}

.box-comment-author {
  font-size: 1rem;
  font-weight: 500;
}

.box-comment-author a,
.box-comment-author a:focus,
.box-comment-author a:active {
  color: inherit;
}

.box-comment-author a:hover {
  color: #e86224;
}

.box-comment-reply {
  position: relative;
  top: 2px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.box-comment-reply::before {
  content: "|";
  color: #dddddd;
  padding-right: 13px;
}

.box-comment-reply a,
.box-comment-reply a:focus,
.box-comment-reply a:active {
  color: #e86224;
}

.box-comment-reply a:hover {
  color: #e86224;
}

.box-comment-time {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #9b9b9b;
}

@media (min-width: 768px) {
  .box-comment > .box-comment {
    margin-left: 145px;
  }
}

* + .box-comment {
  margin-top: 30px;
}

.box-comment + h5 {
  margin-top: 46px;
}

.box-contacts {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 310px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease;
}

.box-contacts-body {
  max-width: 250px;
}

.box-contacts-icon {
  font-size: 60px;
  line-height: 1;
  color: #e86224;
}

.box-contacts-decor {
  margin: 30px auto;
  height: 2px;
  max-width: 100px;
  background: #e86224;
  transition: all 0.3s ease-in-out;
}

.box-contacts-link {
  font-size: 1rem;
  line-height: 1.67;
  letter-spacing: 0.025em;
}

.box-contacts-link a,
.box-contacts-link a:focus,
.box-contacts-link a:active {
  color: inherit;
}

.box-contacts-link a:hover {
  color: #e86224;
}

@media (min-width: 992px) {
  .desktop .box-contacts {
    box-shadow: none;
    border: 1px solid #e1e1e1;
  }

  .desktop .box-contacts-decor {
    margin-top: 17px;
    margin-bottom: 17px;
    width: 0;
  }

  .desktop .box-contacts:hover {
    border-color: transparent;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  }

  .desktop .box-contacts:hover .box-contacts-decor {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    transition: margin 0.3s ease, width 0.4s ease-in-out;
  }
}

.box-contacts-icon + .box-contacts-link {
  margin-top: 40px;
}

* + .box-contacts-link {
  margin-top: 0;
}

.ie-edge .box-contacts,
.ie-10 .box-contacts,
.ie-11 .box-contacts {
  height: 310px;
}

.box-pricing {
  position: relative;
  overflow: hidden;
  margin-left: 10px;
  background: #fff;
  margin-right: 10px;
  padding: 15px 15px;
  border-radius: 20px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.17);
}

.box-pricing .button {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.box-pricing .button:hover,
.box-pricing .button:active {
  background-color: #e86224;
  border-color: #e86224;
}

.box-pricing-black {
  color: #ffffff;
  background: #2c2e31;
}

.box-pricing-black .box-pricing-time,
.box-pricing-black .box-pricing-price,
.box-pricing-black .box-pricing-title {
  color: inherit;
}

.box-pricing-black .divider {
  background: rgba(225, 225, 225, 0.2);
}

.box-pricing-black .box-pricing-list > li {
  color: #5d6264;
}

.box-pricing-black .box-pricing-list > li::before {
  color: #5d6264;
}

.box-pricing-black .box-pricing-list > li.active {
  color: inherit;
}

.box-pricing-black .box-pricing-list > li.active::before {
  color: #e86224;
}

.box-pricing-black .button-gray-4,
.box-pricing-black .button-gray-4:focus {

  color: #ffffff;
  background-color: #494c51;
  border-color: #494c51;
}

.box-pricing-divider {
  position: relative;
  padding: 35px 0;
}

.box-pricing-divider > span {
  display: inline-block;
  position: absolute;
  top: 60%;
  left: 50%;
  font-size: 75px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: rgba(255, 255, 255, 0.05);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  will-change: transform;
}

.box-pricing-popular .box-pricing-badge {
  display: inline-block;
}

.box-pricing-body {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

.box-pricing-title {
  letter-spacing: 0.1em;
}

.box-pricing-time {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.box-pricing-button {
  margin-top: 40px;
  margin-left: -15px;
  margin-right: -15px;
}

.box-pricing-list {
  text-align: left;
}

.box-pricing-list > li {
  text-indent: -25px;
  padding-left: 25px;
  color: #606060;
}

.box-pricing-list > li::before {
  position: relative;
  display: inline-block;
  content: "\f00c";
  left: 0;
  top: 0;
  width: 25px;
  font-size: 1rem;
  line-height: 1;
  text-indent: 0;
  font-family: "FontAwesome";
  color: #606060;
}

.box-pricing-list > li.active {
  color: #2c3e51;
}

.box-pricing-list > li.active::before {
  color: #e86224;
}

.box-pricing-list > li + li {
  margin-top: 14px;
}

.box-pricing-badge {
  position: relative;
  display: block;
  padding: 10px 13px 6px;
  font-size: 23px;
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: 0.095em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #ffffff;
  background: #e86224;
  border-radius: 10px;
}

.box-pricing-badge-2 {
  position: relative;
  color: #fff;
  overflow: hidden;
  background: #0565cf;
  padding: 20px 15px;
  border-radius: 10px;
  box-shadow: 4px 8px 11px 0px rgba(0, 0, 0, 0.5);
}

* + .box-pricing-price {
  margin-top: 4px;
}

* + .box-pricing-time {
  margin-top: 6px;
}

* + .box-pricing-list {
  margin-top: 30px;
}

.divider + .box-pricing-list {
  margin-top: 0;
}

.box-pricing-divider + .box-pricing-list {
  margin-top: 0;
}

@media (min-width: 576px) {
  .box-pricing-divider > span {
    font-size: 90px;
    color: rgba(255, 255, 255, 0.03);
  }
}

@media (min-width: 992px) {
  .box-pricing-divider > span {
    font-size: 100px;
  }
}

.box-sportlight {
  position: relative;
  text-align: left;
}
.box-sportlight:hover {
	 border: 2px solid #0565cf;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

}

.box-sportlight-sm .box-sportlight-arrow {
  width: 50px;
  margin-left: 15px;
}

.box-sportlight-figure {
  display: block;
  overflow: hidden;
}

.box-sportlight-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.box-sportlight-caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  transition: all 0.3s ease-in-out;
}

.box-sportlight-title {
  margin-top: 0;
  font-weight: 500;
  letter-spacing: 0.025em;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  text-transform: none;
  line-height: 1.35;
  min-height: 25px;
  display: flex;
}
.header-title p {
  padding: 10px 10px;
}
.box-sportlight-badge {
  position: absolute;
  overflow: hidden;
  padding: 2% 2% 2% 4%;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 300;
  letter-spacing: 0.025em;
  font-family: "adobe-aldine", serif;
  text-transform: capitalize;
  color: #f4f2fa;
  z-index: 1;
}
/*
.box-sportlight:hover .box-sportlight-badge {
  background: #0565cf;
}
*/
.box-sportlight-badge::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; 
	width: 100%;
	background: rgba(0, 0, 0, 0.25);
/*  background: #0565cf;
	-webkit-transform: skew(-10deg);
  transform: skew(-10deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;	*/	
  z-index: -1;
}

.box-sportlight-sale {
  color: #f7f7f7;
}

.box-sportlight-sale {		/* ::before*/
  background: #e86224;
}

.box-sportlight-new { /* ::before*/
  background: #0565cf;
}

.box-sportlight-figure img {
  -webkit-transform: none;
  transform: none;
}
.box-sportlight:hover .box-sportlight-new {
  background: #e86224;
}
.box-sportlight:hover .box-sportlight-sale {
  background: #0565cf;
}
.box-sportlight:hover .box-sportlight-figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  will-change: transform;
}
.box-sportlight:hover .box-sportlight-figure img {
  border: 2px solid #0565cf;
}
.desktop .box-sportlight:hover .box-sportlight-caption {
  background: #0565cf;
  border-color: #0565cf;	
}
.desktop .box-sportlight:hover .box-sportlight-title {
  color: #ffffff;
}
.desktop .box-sportlight:hover .box-sportlight-title a,
.desktop .box-sportlight:hover .box-sportlight-title a:focus,
.desktop .box-sportlight:hover .box-sportlight-title a:active {
  color: inherit;
}
.desktop .box-sportlight:hover .box-sportlight-title a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.desktop .box-sportlight:hover .box-sportlight-arrow::before {
  width: 100%;
  background-color: #ffffff;
}
.desktop .box-sportlight:hover .box-sportlight-arrow::after {
  border-left-color: #ffffff;
}

@media (max-width: 768px) {
  .box-sportlight-caption {
    padding: 8px;
  }
  .box-sportlight .box-sportlight-figure img {
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 992px) {
  .box-sportlight-caption {
    padding: 15px;
  }
}

@media (max-width: 1200px) {
  .box-sportlight-title {
    font-size: 1.10rem;
    line-height: 1.2;
    letter-spacing: 0.015em;
  }
}

.box-icon-ruby {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 16px;
  min-height: 100%;
  border: 1px solid #777777;
  transition: all 0.2s ease;
  z-index: 1;
}

.box-icon-ruby::before,
.box-icon-ruby::after {
  position: absolute;
  content: "";
}

.box-icon-ruby::before {
  top: 6px;
  right: 6px;
  bottom: 6px;
  left: 6px;
  border: 1px solid #777777;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}

.box-icon-ruby::after {
  top: 14px;
  right: 14px;
  bottom: 14px;
  left: 14px;
  background: #e86224;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: -2;
}

.box-icon-ruby-icon {
  font-size: 42px;
  line-height: 1;
  color: #e86224;
}

.box-icon-ruby-title {
  font-weight: 300;
}

.box-icon-ruby-title a {
  transition-duration: 0.2s;
}

.box-icon-ruby-title a,
.box-icon-ruby-title a:focus,
.box-icon-ruby-title a:active {
  color: inherit;
}

.box-icon-ruby-title a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.box-icon-ruby-text {
  color: #9b9b9b;
  letter-spacing: 0.075em;
}

.box-icon-ruby-text,
.box-icon-ruby-icon {
  transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
  .desktop .box-icon-ruby:hover {
    border-color: #e86224;
  }

  .desktop .box-icon-ruby:hover::before {
    border-color: rgba(255, 255, 255, 0.4);
  }

  .desktop .box-icon-ruby:hover::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .desktop .box-icon-ruby:hover .box-icon-ruby-text,
  .desktop .box-icon-ruby:hover .box-icon-ruby-icon,
  .desktop .box-icon-ruby:hover .box-icon-ruby-title {
    color: #ffffff;
  }
}

* + .box-icon-ruby-text {
  margin-top: 2px;
}

@media (min-width: 768px) {
  .box-icon-ruby {
    padding-top: 46px;
    padding-bottom: 46px;
  }
}

.ie-edge .box-icon-ruby,
.ie-10 .box-icon-ruby,
.ie-11 .box-icon-ruby {
  height: 100%;
}

.box-info {
  text-align: justify;
  min-height: 100%;
  padding: 0;
  border: 2px solid #111111;
}

.box-info-text {
  letter-spacing: 0.025em;
}

* + .box-info-text {
  margin-top: 12px;
}

* + .box-info-list {
  margin-top: 32px;
}

.box-info-list + .button {
  margin-top: 35px;
}

@media (min-width: 768px) {
  .box-info {
    padding: 20px 24px 25px 20px;
  }
}

.box-project {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  text-align: center;
  padding: 30px 15px;
  border: 2px solid #252525;
}

.box-project-title {
  line-height: 1.042;
}

.box-project-title > span {
  color: #e86224;
}

.box-project-text {
  letter-spacing: 0.025em;
}

* + .box-project-text {
  margin-top: 10px;
}

.box-project-text + .button {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .box-project {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .box-project-title {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  .box-project {
    padding-left: 40px;
  }

  .box-project-title {
    font-size: 48px;
    line-height: 1.20833;
  }
}

html .group {
  margin-bottom: -20px;
  margin-left: -15px;
}

html .group:empty {
  margin-bottom: 0;
  margin-left: 0;
}

html .group > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 15px;
}

html .group-xs {
  margin-bottom: -11px;
  margin-left: -9px;
}

html .group-xs:empty {
  margin-bottom: 0;
  margin-left: 0;
}

html .group-xs > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 11px;
  margin-left: 9px;
}

html .group-sm {
  margin-bottom: -12px;
  margin-left: -12px;
}

html .group-sm:empty {
  margin-bottom: 0;
  margin-left: 0;
}

html .group-sm > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 12px;
  margin-left: 12px;
}

html .group-md {
  margin-bottom: -17px;
  margin-left: -17px;
}

html .group-md:empty {
  margin-bottom: 0;
  margin-left: 0;
}

html .group-md > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 17px;
  margin-left: 17px;
}

html .group-xmd {
  margin-bottom: -22px;
  margin-left: -22px;
}

html .group-xmd:empty {
  margin-bottom: 0;
  margin-left: 0;
}

html .group-xmd > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 22px;
  margin-left: 22px;
}

html .group-lg {
  margin-bottom: -20px;
  margin-left: -30px;
}

html .group-lg:empty {
  margin-bottom: 0;
  margin-left: 0;
}

html .group-lg > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 30px;
}

html .group-xl {
  margin-bottom: -30px;
  margin-left: -30px;
}

html .group-xl:empty {
  margin-bottom: 0;
  margin-left: 0;
}

html .group-xl > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 30px;
}

html .group-justify {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

html .group-sm-justify {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 576px) {
  html .group-sm-justify {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

html .group-lg-justify {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 992px) {
  html .group-lg-justify {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

html .group-middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 768px) {
  html .group-middle {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

html .group-middle-2 > * {
  display: inline-table;
  vertical-align: middle;
}

* + .group-sm {
  margin-top: 40px;
}

* + .group-md {
  margin-top: 40px;
}

* + .group-xl {
  margin-top: 40px;
}

.row + .group-md {
  margin-top: 35px;
}

.unit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin-bottom: -30px;
  margin-left: -20px;
}

.unit > * {
  margin-bottom: 30px;
  margin-left: 20px;
}

.unit:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.unit-body {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
}

.unit-left,
.unit-right {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}

.unit-spacing-xxs {
  margin-bottom: -8px;
  margin-left: -8px;
}

.unit-spacing-xxs > * {
  margin-bottom: 8px;
  margin-left: 8px;
}

.unit-spacing-xs {
  margin-bottom: -10px;
  margin-left: -12px;
}

.unit-spacing-xs > * {
  margin-bottom: 5px;
  margin-left: 12px;
}

.unit-spacing-sm {
  margin-bottom: -10px;
  margin-left: -16px;
}

.unit-spacing-sm > * {
  margin-bottom: 10px;
  margin-left: 16px;
}

.unit-spacing-md {
  margin-bottom: -20px;
  margin-left: -24px;
}

.unit-spacing-md > * {
  margin-bottom: 20px;
  margin-left: 24px;
}

.unit-spacing-lg {
  margin-bottom: -20px;
  margin-left: -30px;
}

.unit-spacing-lg > * {
  margin-bottom: 20px;
  margin-left: 30px;
}

.list-inline > li {
  display: inline-block;
}

html .list-inline-xs {
  -webkit-transform: translate3d(0, -6px, 0);
  transform: translate3d(0, -6px, 0);
  margin-bottom: -6px;
  margin-left: -2px;
  margin-right: -2px;
}

html .list-inline-xs > * {
  margin-top: 6px;
  padding-left: 2px;
  padding-right: 2px;
}

html .list-inline-sm {
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  margin-bottom: -8px;
  margin-left: -8px;
  margin-right: -8px;
}

html .list-inline-sm > * {
  margin-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

html .list-inline-md {
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  margin-bottom: -8px;
  margin-left: -10px;
  margin-right: -10px;
}

html .list-inline-md > * {
  margin-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.list-terms dt + dd {
  margin-top: 10px;
}

.list-terms dd + dt {
  margin-top: 40px;
}

* + .list-terms {
  margin-top: 40px;
}

.index-list {
  counter-reset: li;
}

.index-list > li .list-index-counter:before {
  content: counter(li, decimal-leading-zero);
  counter-increment: li;
}

.list-marked {
  text-align: left;
}

.list-marked > li {
  text-indent: -25px;
  padding-left: 25px;
}

.list-marked > li::before {
  position: relative;
  display: inline-block;
  left: 0;
  top: 0;
  content: "";
  height: 9px;
  width: 9px;
  margin-right: 16px;
  border-radius: 50%;
  background: #d7d7d7;
}

.list-marked > li + li {
  margin-top: 10px;
}

.list-marked-2 {
  text-align: left;
}

.list-marked-2 > li {
  text-indent: -15px;
  padding-left: 15px;
}

.list-marked-2 > li::before {
  position: relative;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-right: 9px;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent rgba(21, 21, 21, 0.5);
}

.list-marked-2 > li + li {
  margin-top: 12px;
}

.list-marked-sm > li {
  text-indent: -15px;
  padding-left: 15px;
}

.list-marked-sm > li::before {
  height: 7px;
  width: 7px;
  margin-right: 8px;
}

.list-marked-md > li {
  text-indent: -18px;
  padding-left: 18px;
}

.list-marked-md > li::before {
  height: 8px;
  width: 8px;
  margin-right: 10px;
}

.list-marked-3 {
  text-align: left;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9fa3a7;
  font-family:  "gravita-geo-variable", sans-serif;
}

.list-marked-3 > li {
  text-indent: -40px;
  padding-left: 40px;
}

.list-marked-3 > li::before {
  position: relative;
  display: inline-block;
  left: 0;
  top: -4px;
  content: "";
  height: 2px;
  width: 26px;
  margin-right: 14px;
  background: #2c3e51;
}

.list-marked-3 > li + li {
  margin-top: 18px;
}

.list-marked-secondary > li::before {
  background: #e86224;
}

.list-marked-primary > li::before {
  background: #e86224;
}

* + .list-marked {
  margin-top: 15px;
}

p + .list-marked {
  margin-top: 10px;
}

.list-ordered {
  counter-reset: li;
  text-align: left;
}

.list-ordered > li {
  position: relative;
  text-indent: -18px;
  padding-left: 18px;
}

.list-ordered > li:before {
  content: counter(li, decimal) ".";
  counter-increment: li;
  display: inline-block;
  top: 0;
  left: 0;
  text-indent: 0;
  min-width: 18px;
  color: inherit;
}

.list-ordered > li + li {
  margin-top: 10px;
}

* + .list-ordered {
  margin-top: 15px;
}

.list-contacts {
  text-align: left;
  font-size: 0;
  line-height: 0;
}

.list-contacts .icon {
  text-align: center;
  min-width: 21px;
  font-size: 24px;
  line-height: 24px;
  color: #e86224;
}

.list-contacts .fa-envelope {
  font-size: 20px;
}

.list-contacts a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}

.list-contacts a,
.list-contacts a:focus,
.list-contacts a:active {
  color: #2c3e51;
}

.list-contacts a:hover {
  color: #e86224;
}

.list-contacts li + li {
  margin-top: 30px;
}

.list > li + li {
  margin-top: 5px;
}

.list-0 > li + li {
  margin-top: 0;
}

.list-xs > li + li {
  margin-top: 5px;
}

.list-sm > li + li {
  margin-top: 14px;
}

.list-md > li + li {
  margin-top: 18px;
}

.list-lg > li + li {
  margin-top: 25px;
}

.list-xl > li + li {
  margin-top: 40px;
}

@media (min-width: 576px) {
  .list-custom {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-gap: 28px;
    -webkit-column-gap: 28px;
    column-gap: 28px;
  }

  .list-custom li {
    display: inline-block;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .list-custom {
    -webkit-columns: 3;
    columns: 3;
  }
}

@media (min-width: 992px) {
  .list-custom {
    -webkit-columns: 2;
    columns: 2;
  }
}

@media (min-width: 1200px) {
  .list-custom {
    -webkit-columns: 3;
    columns: 3;
  }
}

p + .list-custom {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .list-custom-2 {
    margin-left: -20px;
  }
  .list-custom-2 li {
    display: inline-block;
    margin-left: 20px;
  }
  #spkr_btns{
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .list-custom-2 {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-responsive {
  width: 100%;
}

.img-circles {
  border-radius: 50%;
}

.figure-classic {
  position: relative;
  display: inline-block;
  margin-top: 16px;
}

.figure-classic::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #202020;
  transition: all 0.3s ease;
  z-index: 0;
}

.figure-classic img {
  position: relative;
  transition: all 0.3s ease;
}

.figure-classic-left {
  margin-left: 16px;
}

.figure-classic-left::before {
  -webkit-transform: translate3d(-16px, -16px, 0);
  transform: translate3d(-16px, -16px, 0);
}

.figure-classic-right {
  margin-right: 16px;
}

.figure-classic-right::before {
  -webkit-transform: translate3d(16px, -16px, 0);
  transform: translate3d(16px, -16px, 0);
}

@media (min-width: 992px) {
  .desktop .figure-classic:hover::before {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .figure-classic-left:hover img {
    -webkit-transform: translate3d(-16px, -16px, 0);
    transform: translate3d(-16px, -16px, 0);
  }

  .desktop .figure-classic-right:hover img {
    -webkit-transform: translate3d(16px, -16px, 0);
    transform: translate3d(16px, -16px, 0);
  }
}

@media (min-width: 768px) {
  .figure-classic {
    margin-top: 22px;
  }

  .figure-classic-left {
    margin-left: 22px;
  }

  .figure-classic-left::before {
    -webkit-transform: translate3d(-22px, -22px, 0);
    transform: translate3d(-22px, -22px, 0);
  }

  .figure-classic-right {
    margin-right: 22px;
  }

  .figure-classic-right::before {
    -webkit-transform: translate3d(22px, -22px, 0);
    transform: translate3d(22px, -22px, 0);
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .desktop .figure-classic-left:hover img {
    -webkit-transform: translate3d(-22px, -22px, 0);
    transform: translate3d(-22px, -22px, 0);
  }

  .desktop .figure-classic-right:hover img {
    -webkit-transform: translate3d(22px, -22px, 0);
    transform: translate3d(22px, -22px, 0);
  }
}

.icon,
icon {
  display: inline-block;
  font-size: 12px;
  line-height: inherit;
}

.icon::before,
icon::before {
  position: relative;
  display: inline-block;
  font-weight: 300;
  font-style: normal;
  speak: none;
  text-transform: none;
}

.icon-circle {
  border-radius: 50%;
}

.icon-span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.8;
  color: #090909;
}

.icon-span:hover {
  font-size: 20px;
  color: #e86244;
}

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

Drop Caps

*********************/
.dropcap {
	display: inline-block;
	text-align: center;
    line-height: 1;
    font-size: 1rem;
    padding: 14px 10px;
    margin: -5px 10px;
    letter-spacing: -2px;
	width: 50px;
	height: 50px;
}
.dropcap.small {
  float: left;
  color: #101010;
  font-size: 20px;
  line-height: 0.5;
  padding: 10px;
  margin: 7px 15px 0 0;
}
.dropcap.dropcap-color-1 {
  color: #f4f2f0;
  background-color: #e86224; /*fccb06;*/
}
.dropcap.dropcap-color-2 {
  color: #f4f2fa;
  background-color: #fccb06;
}
.dropcap.dropcap-dark {
  color: #fff;
  background-color: #101010;
}
.dropcap.dropcap-light {
  color: #101010;
  background-color: #f5f5f5;
}
.dropcap.dropcap-round {
  border-radius: 100%;
}

/****************
Tables
****************/
.table th,
.table td {
  vertical-align: middle;
  border-top: none;
  display: table-cell;
  padding: 5px 0px 0px 0px;
  align-self: center;
}

.table-custom {
  display: flex;
  justify-content: center;
  width: auto;
  padding: 0;
  text-align: center;
  text-transform: none;
  font-family:  "gravita-geo-variable", sans-serif;
  border-collapse: collapse;
  border-spacing: 2px;
  overflow: visible;
  border: none;
}

.table-custom td {
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.05;
  line-height: normal;
  color: #2c3e51;
  padding: 0;
	 /*   border: 1px solid #900;*/
}

.table-custom th {
  font-weight: 600;
  font-size: 1rem;
 letter-spacing: 0.011rem;
    line-height: 0.9rem;
  color: #0565cf;
  border-bottom: 0px solid #e1e1e1;
  overflow: visible;
	/*    border: 1px solid #007224;*/
}

.table-custom th:hover {
  color: #b85214;
  font-weight: 700;
 /* text-decoration: underline;*/
}

.table-custom tr {
  border-bottom: 0px solid #e1e1e1;
	padding: 0;		/*2.5px 0px*/
}

#spk_costsum tr {
  border-bottom: 0px solid #ffffff;
	padding: 0;
}

.table-custom tr:nth-of-type(even) td {
  background-color: aliceblue;
}


.table-custom tfoot td {
  font-weight: 700;
}

* + .table-custom-responsive {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.table-custom .table-custom-primary thead th {
  color: #ffffff;
  background: #e86224;
  border: 1px solid #1f1f1f;
}

.table-custom .table-custom-bordered tr td:first-child {
  border-left: 0;
}

.table-custom .table-custom-bordered tr td:last-child {
  border-right: 0;
}

.table-custom .table-custom-bordered td {
  border: 2px solid #1f1f1f;
}

.table-custom .table-custom-bordered tbody > tr:first-of-type > td {
  border-top: 0;
}

.table-custom .table-custom-striped {
  border-bottom: 1px solid #1f1f1f;
}

.table-custom .table-custom-striped tbody tr:nth-of-type(odd) td {
  background-color: antiquewhite;
}

.table-custom .table-custom-striped tbody tr:nth-of-type(even) td {
  background-color: rosybrown;
}

.table-custom .table-custom-striped tbody td {
  border: 0;
}

.table-custom.table-custom-striped tfoot td:not(:first-child) {
  border-left: 0;
}

@media (max-width: 991px) {
  .table-custom-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-custom-responsive.table-bordered {
    border: 0;
  }
}

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

.table-cart th:first-child,
.table-cart td:first-child {
  text-align: right;
}

@media (min-width: 992px) {
  .table-cart th:first-child,
  .table-cart td:first-child {
    padding-left: 32px;
  }
}

.table-cart tbody tr:first-child td {
  padding-top: 24px;
}

.table-cart tbody tr:last-child td {
  padding-bottom: 24px;
}

.table-cart td {
  width: auto;
  min-width: auto;
  font-size: 1rem;
  letter-spacing: 0.075em;
}

.table-cart td:nth-child(2),
.table-cart td:nth-child(4) {
  min-width: 140px;
}

.table-cart td:nth-child(3) {
  min-width: 150px;
}

@media (min-width: 1800px) {
  .table-cart td {
    font-size: 24px;
  }
}

.table-cart-link {
  letter-spacing: 0.05em;
}

.table-cart-link,
.table-cart-link:focus,
.table-cart-link:active {
  color: #2c3e51;
}

.table-cart-link:hover {
  color: #e86224;
}

.table-cart-figure {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 90px;
  background: #f4f4f4;
}

@media (min-width: 992px) {
  .table-cart-figure {
    max-width: 146px;
  }
}

.table-cart-figure + a {
  margin-left: 15px;
}

@media (min-width: 992px) {
  .table-cart-figure + a {
    margin-left: 30px;
  }
}

.table-checkout tr + tr td {
  border-top: 1px solid #e1e1e1;
}

.table-checkout td {
  padding: 20px 20px 16px;
  min-width: 150px;
}

.table-checkout td:last-child {
  text-align: right;
}

@media (min-width: 576px) {
  .table-checkout td {
    padding: 29px 64px 25px 25px;
  }
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #d7d7d7;
}

.divider {
  font-size: 0;
  line-height: 0;
  height: 1px;
  width: 100%;
  background: #c4c3c3;
	/*background: #e1e1e1;*/
}
.divider-01 {
  margin: 0;
}

.divider-10 {
  margin: 10px 0;
}

.divider-20 {
  margin: 20px 0;
}

.divider-30 {
  margin: 30px 0;
}

.divider-35 {
  margin: 35px 0;
}

.divider-40 {
  margin: 40px 0;
}

.divider + * {
  margin-top: 0;
}

.title-decoration-lines-left {
  position: relative;
  padding-left: 30px;
  line-height: 1.2;
}

.title-decoration-lines-left::before {
  position: absolute;
  content: "";
  top: 8%;
  left: 0;
  height: 78%;
  width: 4px;
  background: #d7d7d7;
}

.title-decoration-lines-bottom {
  position: relative;
  line-height: 1.2;
}

.title-decoration-lines-bottom span {
  display: block;
  font-size: 0;
  line-height: 0;
  margin-top: 20px;
}

.title-decoration-lines-bottom span::after {
  display: inline-block;
  content: "";
  bottom: 0;
  height: 4px;
  width: 70px;
  background: #e86224;
}

@media (min-width: 576px) {
  .title-decoration-lines-bottom span {
    margin-top: 30px;
  }
}

.title-decoration-lines-left + p {
  margin-top: 8px;
}

.title-decoration-lines-bottom + p {
  margin-top: 30px;
}

.text-decoration-lines {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.text-decoration-lines-content {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #9b9b9b;
  font-family:  "gravita-geo-variable", sans-serif;

  text-transform: uppercase;
}

.text-decoration-lines-content::before,
.text-decoration-lines-content::after {
  position: absolute;
  content: "";
  top: calc(50% - 2px);
  height: 1px;
  width: 100vw;
  background: #e1e1e1;
}

.text-decoration-lines-content::before {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.text-decoration-lines-content::after {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

* + .text-decoration-lines {
  margin-top: 26px;
}

.text-decoration-lines + .rd-form {
  margin-top: 22px;
}

.title-decoration-lines {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.title-decoration-lines-content {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  letter-spacing: 0.075em;
}

.title-decoration-lines-content::before,
.title-decoration-lines-content::after {
  position: absolute;
  content: "";
  top: calc(50% - 2px);
  height: 1px;
  width: 100vw;
  background: #d7d7d7;
}

.title-decoration-lines-content::before {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.title-decoration-lines-content::after {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
input[type="submit"] {
  width: auto;
  white-space: normal;
  max-width: 300px;
  height: auto;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 550;
  font-size: 1rem;
  letter-spacing: 0.1em;
  box-shadow: 4px 8px 11px 0px rgba(0, 0, 0, 0.5);
  border: 2px solid #0565cf;
}

#submits {
	display: flex;
    align-items: center;
    justify-content: end;
    box-shadow: none;
    max-width: 48% !important;
}

#spk_submit,
#harbethspk_submit,
#spendorspk_submit,
#atcspk_submit {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: auto;
  min-width: 176px;
  height: auto;
  margin-top: 33px;
  padding: 17px 33px 15px;
  vertical-align: middle;
  font-family:  "gravita-geo-variable", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-overflow: ellipsis;
  text-align: center;
  background-color: #0089dd;
  color: #f4f2fa;
  border: 2px solid #0565cf;
  border-radius: 10px;
  white-space: normal;
  float: none;
  box-shadow: 4px 8px 11px 0px rgb(0 0 0 / 50%);
  user-select: none;
  transition: 250ms all ease-in-out;
  -webkit-appearance: button;
}
#authorizing {
	display: inline;
	position: relative;
	width: 35px !important;
	height: 35px !important;
	margin-top: 0;
	color: #0565cf !important;
	background-color: fuchsia !important;
}

#submitBtn {
	padding: 10px !important;
	ine-height: 1;
	height: 60px; 
	width:125px; 
	background-color: #0089DD; 
	color: #f4f2fa;
}
#submitBtn:hover {
	background-color: #e86224;
	border-color: #0089DD;	
}

.button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  /*min-width: 175px;*/
  padding: 10px 15px;
  font-size: 1.10rem;
  line-height: 1.34;
  border: 2px solid;
  font-family:  "gravita-geo-variable", sans-serif;
  font-weight: 500;
  border-radius: 10px;
  box-shadow: -1px 3px 8px 3px rgb(0 0 0 / 37%);
  text-transform: capitalize;
  white-space: normal;
  text-overflow: ellipsis;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 250ms all ease-in-out;
}

.button-block {
  display: block;
  width: 100%;
}

.button-default,
.button-default:focus {
  color: #cccccc;
  background-color: #2c343b;
  border-color: #fff;
}

.button-default:hover,
.button-default:active {
  color: #ffffff;
  background-color: #e86224;
  border-color: #2c343b;
}

.button-default.button-ujarak::before {
  background: #e86224;
}

.button-default.button-pipaluk,
.button-default.button-pipaluk:focus {
  background: transparent;
}

.button-default.button-pipaluk::before,
.button-default.button-pipaluk:focus::before {
  background: #2c343b;
  border-color: #e86224;
}

.button-default.button-pipaluk::after,
.button-default.button-pipaluk:focus::after {
  border-color: #e86224;
}

.button-default.button-pipaluk:hover,
.button-default.button-pipaluk:active {
  color: #e86224;
  background: transparent;
}

.button-default.button-foobar,
.button-default.button-foobar:focus {
  background: #f7f7f7;
  color: #0089dd;
}

.button-default.button-foobar::before,
.button-default.button-foobar:focus::before {
  background: #f7f7f7;
  border-color: #f7f7f7;
}

.button-default.button-foobar:hover,
.button-default.button-foobar:active {
  color: #e86224;
  background: transparent;
}

.button-default.button-wapasha,
.button-default.button-wapasha:focus {
  color: #2c343b;
  background: transparent;
}

.button-default.button-wapasha::before,
.button-default.button-wapasha:focus::before {
  border-color: #2c343b;
}

.button-default.button-wapasha::after,
.button-default.button-wapasha:focus::after {
  border-color: #e86224;
}

.button-default.button-wapasha:hover,
.button-default.button-wapasha:active {
  color: #e86224;
  background: transparent;
}

.button-primary,
.button-primary:focus {
  color: #ffffff;
  background-color: #e86224;
  border-color: #e86224;
}

.button-primary:hover,
.button-primary:active {
  color: #ffffff;
  background-color: #2c3e51;
  border-color: #2c3e51;
}

.button-primary.button-ujarak::before {
  background: #2c3e51;
}

.button-primary.button-pipaluk,
.button-primary.button-pipaluk:focus {
  background: transparent;
}

.button-primary.button-pipaluk::before,
.button-primary.button-pipaluk:focus::before {
  background: #e86224;
  border-color: #2c3e51;
}

.button-primary.button-pipaluk::after,
.button-primary.button-pipaluk:focus::after {
  border-color: #2c3e51;
}

.button-primary.button-pipaluk:hover,
.button-primary.button-pipaluk:active {
  color: #2c3e51;
  background: transparent;
}

.button-primary.button-wapasha,
.button-primary.button-wapasha:focus {
  color: #e86224;
  background: transparent;
}

.button-primary.button-wapasha::before,
.button-primary.button-wapasha:focus::before {
  border-color: #e86224;
}

.button-primary.button-wapasha::after,
.button-primary.button-wapasha:focus::after {
  border-color: #2c3e51;
}

.button-primary.button-wapasha:hover,
.button-primary.button-wapasha:active {
  color: #2c3e51;
  background: transparent;
}

.button-secondary,
.button-secondary:focus {
  color: #f4f2fa;
  background-color: #0089dd;
  border-color: 2px solid #0565cf;
}

.button-secondary:hover,
.button-secondary:active {
  color: #f4f2fa;
  background-color: #e86224;
  border-color: #e86224;
}

.button-secondary.button-ujarak::before {
  background: #2c3e51;
}

.button-secondary.button-pipaluk,
.button-secondary.button-pipaluk:focus {
  background: transparent;
}

.button-secondary.button-pipaluk::before,
.button-secondary.button-pipaluk:focus::before {
  background: #e86224;
  border-color: #2c3e51;
}

.button-secondary.button-pipaluk::after,
.button-secondary.button-pipaluk:focus::after {
  border-color: #2c3e51;
}

.button-secondary.button-pipaluk:hover,
.button-secondary.button-pipaluk:active {
  color: #2c3e51;
  background: transparent;
}

.button-secondary.button-wapasha,
.button-secondary.button-wapasha:focus {
  color: #e86224;
  background: transparent;
}

.button-secondary.button-wapasha::before,
.button-secondary.button-wapasha:focus::before {
  border-color: #e86224;
}

.button-secondary.button-wapasha::after,
.button-secondary.button-wapasha:focus::after {
  border-color: #2c3e51;
}

.button-secondary.button-wapasha:hover,
.button-secondary.button-wapasha:active {
  color: #2c3e51;
  background: transparent;
}

.button-secondary-4,
.button-secondary-4:focus {
  color: #ffffff;
  background-color: #f4c29a;
  border-color: #f4c29a;
}

.button-secondary-4:hover,
.button-secondary-4:active {
  color: #ffffff;
  background-color: #2c3e51;
  border-color: #2c3e51;
}

.button-secondary-4.button-ujarak::before {
  background: #2c3e51;
}

.button-secondary-4.button-pipaluk,
.button-secondary-4.button-pipaluk:focus {
  background: transparent;
}

.button-secondary-4.button-pipaluk::before,
.button-secondary-4.button-pipaluk:focus::before {
  background: #f4c29a;
  border-color: #2c3e51;
}

.button-secondary-4.button-pipaluk::after,
.button-secondary-4.button-pipaluk:focus::after {
  border-color: #2c3e51;
}

.button-secondary-4.button-pipaluk:hover,
.button-secondary-4.button-pipaluk:active {
  color: #2c3e51;
  background: transparent;
}

.button-secondary-4.button-wapasha,
.button-secondary-4.button-wapasha:focus {
  color: #f4c29a;
  background: transparent;
}

.button-secondary-4.button-wapasha::before,
.button-secondary-4.button-wapasha:focus::before {
  border-color: #f4c29a;
}

.button-secondary-4.button-wapasha::after,
.button-secondary-4.button-wapasha:focus::after {
  border-color: #2c3e51;
}

.button-secondary-4.button-wapasha:hover,
.button-secondary-4.button-wapasha:active {
  color: #2c3e51;
  background: transparent;
}
.button-submit {
  width: auto;
  min-width: 176px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 550;
  font-size: 1rem;
  letter-spacing: 0.1em;
  box-shadow: 4px 8px 11px 0px rgb(0 0 0 / 50%);
  border: 2px solid #0565cf;
}

.button-white,
.button-white:focus {
  color: #2c3e51;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button-white:hover,
.button-white:active {
  color: #ffffff;
  background-color: #e86224;
  border-color: #e86224;
}

.button-white.button-ujarak::before {
  background: #e86224;
}

.button-white.button-pipaluk,
.button-white.button-pipaluk:focus {
  background: transparent;
}

.button-white.button-pipaluk::before,
.button-white.button-pipaluk:focus::before {
  background: #ffffff;
  border-color: #e86224;
}

.button-white.button-pipaluk::after,
.button-white.button-pipaluk:focus::after {
  border-color: #e86224;
}

.button-white.button-pipaluk:hover,
.button-white.button-pipaluk:active {
  color: #e86224;
  background: transparent;
}

.button-white.button-wapasha,
.button-white.button-wapasha:focus {
  color: #ffffff;
  background: transparent;
}

.button-white.button-wapasha::before,
.button-white.button-wapasha:focus::before {
  border-color: #ffffff;
}

.button-white.button-wapasha::after,
.button-white.button-wapasha:focus::after {
  border-color: #e86224;
}

.button-white.button-wapasha:hover,
.button-white.button-wapasha:active {
  color: #e86224;
  background: transparent;
}

.button-gray-100,
.button-gray-100:focus {
  color: #2c3e51;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.button-gray-100:hover,
.button-gray-100:active {
  color: #2c3e51;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}

.button-gray-100.button-ujarak::before {
  background: #e5e5e5;
}

.button-gray-100.button-pipaluk,
.button-gray-100.button-pipaluk:focus {
  background: transparent;
}

.button-gray-100.button-pipaluk::before,
.button-gray-100.button-pipaluk:focus::before {
  background: #f2f2f2;
  border-color: #e5e5e5;
}

.button-gray-100.button-pipaluk::after,
.button-gray-100.button-pipaluk:focus::after {
  border-color: #e5e5e5;
}

.button-gray-100.button-pipaluk:hover,
.button-gray-100.button-pipaluk:active {
  color: #e5e5e5;
  background: transparent;
}

.button-gray-100.button-wapasha,
.button-gray-100.button-wapasha:focus {
  color: #f2f2f2;
  background: transparent;
}

.button-gray-100.button-wapasha::before,
.button-gray-100.button-wapasha:focus::before {
  border-color: #f2f2f2;
}

.button-gray-100.button-wapasha::after,
.button-gray-100.button-wapasha:focus::after {
  border-color: #e5e5e5;
}

.button-gray-100.button-wapasha:hover,
.button-gray-100.button-wapasha:active {
  color: #e5e5e5;
  background: transparent;
}

.button-gray-4,
.button-gray-4:focus {
  color: #2c3e51;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

.button-gray-4:hover,
.button-gray-4:active {
  color: #ffffff;
  background-color: #2c3e51;
  border-color: #2c3e51;
}

.button-gray-4.button-ujarak::before {
  background: #2c3e51;
}

.button-gray-4.button-pipaluk,
.button-gray-4.button-pipaluk:focus {
  background: transparent;
}

.button-gray-4.button-pipaluk::before,
.button-gray-4.button-pipaluk:focus::before {
  background: #f7f7f7;
  border-color: #2c3e51;
}

.button-gray-4.button-pipaluk::after,
.button-gray-4.button-pipaluk:focus::after {
  border-color: #2c3e51;
}

.button-gray-4.button-pipaluk:hover,
.button-gray-4.button-pipaluk:active {
  color: #2c3e51;
  background: transparent;
}

.button-gray-4.button-wapasha,
.button-gray-4.button-wapasha:focus {
  color: #f7f7f7;
  background: transparent;
}

.button-gray-4.button-wapasha::before,
.button-gray-4.button-wapasha:focus::before {
  border-color: #f7f7f7;
}

.button-gray-4.button-wapasha::after,
.button-gray-4.button-wapasha:focus::after {
  border-color: #2c3e51;
}

.button-gray-4.button-wapasha:hover,
.button-gray-4.button-wapasha:active {
  color: #2c3e51;
  background: transparent;
}

.button-gray-7,
.button-gray-7:focus {
  color: #ffffff;
  background-color: #414141;
  border-color: #414141;
}

.button-gray-7:hover,
.button-gray-7:active {
  color: #2c3e51;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button-gray-7.button-ujarak::before {
  background: #ffffff;
}

.button-gray-7.button-pipaluk,
.button-gray-7.button-pipaluk:focus {
  background: transparent;
}

.button-gray-7.button-pipaluk::before,
.button-gray-7.button-pipaluk:focus::before {
  background: #414141;
  border-color: #ffffff;
}

.button-gray-7.button-pipaluk::after,
.button-gray-7.button-pipaluk:focus::after {
  border-color: #ffffff;
}

.button-gray-7.button-pipaluk:hover,
.button-gray-7.button-pipaluk:active {
  color: #ffffff;
  background: transparent;
}

.button-gray-7.button-wapasha,
.button-gray-7.button-wapasha:focus {
  color: #414141;
  background: transparent;
}

.button-gray-7.button-wapasha::before,
.button-gray-7.button-wapasha:focus::before {
  border-color: #414141;
}

.button-gray-7.button-wapasha::after,
.button-gray-7.button-wapasha:focus::after {
  border-color: #ffffff;
}

.button-gray-7.button-wapasha:hover,
.button-gray-7.button-wapasha:active {
  color: #ffffff;
  background: transparent;
}

.button-gray-8,
.button-gray-8:focus {
  color: #ffffff;
  background-color: #353535;
  border-color: #353535;
}

.button-gray-8:hover,
.button-gray-8:active {
  color: #ffffff;
  background-color: #e86224;
  border-color: #e86224;
}

.button-gray-8.button-ujarak::before {
  background: #e86224;
}

.button-gray-8.button-pipaluk,
.button-gray-8.button-pipaluk:focus {
  background: transparent;
}

.button-gray-8.button-pipaluk::before,
.button-gray-8.button-pipaluk:focus::before {
  background: #353535;
  border-color: #e86224;
}

.button-gray-8.button-pipaluk::after,
.button-gray-8.button-pipaluk:focus::after {
  border-color: #e86224;
}

.button-gray-8.button-pipaluk:hover,
.button-gray-8.button-pipaluk:active {
  color: #e86224;
  background: transparent;
}

.button-gray-8.button-wapasha,
.button-gray-8.button-wapasha:focus {
  color: #353535;
  background: transparent;
}

.button-gray-8.button-wapasha::before,
.button-gray-8.button-wapasha:focus::before {
  border-color: #353535;
}

.button-gray-8.button-wapasha::after,
.button-gray-8.button-wapasha:focus::after {
  border-color: #e86224;
}

.button-gray-8.button-wapasha:hover,
.button-gray-8.button-wapasha:active {
  color: #e86224;
  background: transparent;
}

.button-gray-11,
.button-gray-11:focus {
  color: #ffffff;
  background-color: #303233;
  border-color: #303233;
}

.button-gray-11:hover,
.button-gray-11:active {
  color: #2c3e51;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button-gray-11.button-ujarak::before {
  background: #ffffff;
}

.button-gray-11.button-pipaluk,
.button-gray-11.button-pipaluk:focus {
  background: transparent;
}

.button-gray-11.button-pipaluk::before,
.button-gray-11.button-pipaluk:focus::before {
  background: #303233;
  border-color: #ffffff;
}

.button-gray-11.button-pipaluk::after,
.button-gray-11.button-pipaluk:focus::after {
  border-color: #ffffff;
}

.button-gray-11.button-pipaluk:hover,
.button-gray-11.button-pipaluk:active {
  color: #ffffff;
  background: transparent;
}

.button-gray-11.button-wapasha,
.button-gray-11.button-wapasha:focus {
  color: #303233;
  background: transparent;
}

.button-gray-11.button-wapasha::before,
.button-gray-11.button-wapasha:focus::before {
  border-color: #303233;
}

.button-gray-11.button-wapasha::after,
.button-gray-11.button-wapasha:focus::after {
  border-color: #ffffff;
}

.button-gray-11.button-wapasha:hover,
.button-gray-11.button-wapasha:active {
  color: #ffffff;
  background: transparent;
}

.button-gray-14,
.button-gray-14:focus {
  color: #ffffff;
  background-color: #2f2f2f;
  border-color: #2f2f2f;
}

.button-gray-14:hover,
.button-gray-14:active {
  color: #2c3e51;
  background-color: #ffffff;
  border-color: #ffffff;
}

.button-gray-14.button-ujarak::before {
  background: #ffffff;
}

.button-gray-14.button-pipaluk,
.button-gray-14.button-pipaluk:focus {
  background: transparent;
}

.button-gray-14.button-pipaluk::before,
.button-gray-14.button-pipaluk:focus::before {
  background: #2f2f2f;
  border-color: #ffffff;
}

.button-gray-14.button-pipaluk::after,
.button-gray-14.button-pipaluk:focus::after {
  border-color: #ffffff;
}

.button-gray-14.button-pipaluk:hover,
.button-gray-14.button-pipaluk:active {
  color: #ffffff;
  background: transparent;
}

.button-gray-14.button-wapasha,
.button-gray-14.button-wapasha:focus {
  color: #2f2f2f;
  background: transparent;
}

.button-gray-14.button-wapasha::before,
.button-gray-14.button-wapasha:focus::before {
  border-color: #2f2f2f;
}

.button-gray-14.button-wapasha::after,
.button-gray-14.button-wapasha:focus::after {
  border-color: #ffffff;
}

.button-gray-14.button-wapasha:hover,
.button-gray-14.button-wapasha:active {
  color: #ffffff;
  background: transparent;
}

.button-gray-31,
.button-gray-31:focus {
  color: #ffffff;
  background-color: #53575b;
  border-color: #53575b;
}

.button-gray-31:hover,
.button-gray-31:active {
  color: #ffffff;
  background-color: #2c3e51;
  border-color: #2c3e51;
}

.button-gray-31.button-ujarak::before {
  background: #2c3e51;
}

.button-gray-31.button-pipaluk,
.button-gray-31.button-pipaluk:focus {
  background: transparent;
}

.button-gray-31.button-pipaluk::before,
.button-gray-31.button-pipaluk:focus::before {
  background: #53575b;
  border-color: #2c3e51;
}

.button-gray-31.button-pipaluk::after,
.button-gray-31.button-pipaluk:focus::after {
  border-color: #2c3e51;
}

.button-gray-31.button-pipaluk:hover,
.button-gray-31.button-pipaluk:active {
  color: #2c3e51;
  background: transparent;
}

.button-gray-31.button-wapasha,
.button-gray-31.button-wapasha:focus {
  color: #53575b;
  background: transparent;
}

.button-gray-31.button-wapasha::before,
.button-gray-31.button-wapasha:focus::before {
  border-color: #53575b;
}

.button-gray-31.button-wapasha::after,
.button-gray-31.button-wapasha:focus::after {
  border-color: #2c3e51;
}

.button-gray-31.button-wapasha:hover,
.button-gray-31.button-wapasha:active {
  color: #2c3e51;
  background: transparent;
}

.button-gray-32,
.button-gray-32:focus {
  color: #ffffff;
  background-color: #292929;
  border-color: #292929;
}

.button-gray-32:hover,
.button-gray-32:active {
  color: #ffffff;
  background-color: #2c3e51;
  border-color: #2c3e51;
}

.button-gray-32.button-ujarak::before {
  background: #2c3e51;
}

.button-gray-32.button-pipaluk,
.button-gray-32.button-pipaluk:focus {
  background: transparent;
}

.button-gray-32.button-pipaluk::before,
.button-gray-32.button-pipaluk:focus::before {
  background: #292929;
  border-color: #2c3e51;
}

.button-gray-32.button-pipaluk::after,
.button-gray-32.button-pipaluk:focus::after {
  border-color: #2c3e51;
}

.button-gray-32.button-pipaluk:hover,
.button-gray-32.button-pipaluk:active {
  color: #2c3e51;
  background: transparent;
}

.button-gray-32.button-wapasha,
.button-gray-32.button-wapasha:focus {
  color: #292929;
  background: transparent;
}

.button-gray-32.button-wapasha::before,
.button-gray-32.button-wapasha:focus::before {
  border-color: #292929;
}

.button-gray-32.button-wapasha::after,
.button-gray-32.button-wapasha:focus::after {
  border-color: #2c3e51;
}

.button-gray-32.button-wapasha:hover,
.button-gray-32.button-wapasha:active {
  color: #2c3e51;
  background: transparent;
}

.button-default-outline,
.button-default-outline:focus {
  color: #2c3e51;
  background-color: transparent;
  border-color: #2c3e51;
}

.button-default-outline:hover,
.button-default-outline:active {
  color: #ffffff;
  background-color: #e86224;
  border-color: #e86224;
}

.button-default-outline.button-ujarak::before {
  background: #e86224;
}

.button-default-outline.button-pipaluk,
.button-default-outline.button-pipaluk:focus {
  background: transparent;
}

.button-default-outline.button-pipaluk::before,
.button-default-outline.button-pipaluk:focus::before {
  background: transparent;
  border-color: #e86224;
}

.button-default-outline.button-pipaluk::after,
.button-default-outline.button-pipaluk:focus::after {
  border-color: #e86224;
}

.button-default-outline.button-pipaluk:hover,
.button-default-outline.button-pipaluk:active {
  color: #e86224;
  background: transparent;
}

.button-default-outline.button-wapasha,
.button-default-outline.button-wapasha:focus {
  color: #2c3e51;
  background: transparent;
}

.button-default-outline.button-wapasha::before,
.button-default-outline.button-wapasha:focus::before {
  border-color: #2c3e51;
}

.button-default-outline.button-wapasha::after,
.button-default-outline.button-wapasha:focus::after {
  border-color: #e86224;
}

.button-default-outline.button-wapasha:hover,
.button-default-outline.button-wapasha:active {
  color: #e86224;
  background: transparent;
}

.button-default-outline-2,
.button-default-outline-2:focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.button-default-outline-2:hover,
.button-default-outline-2:active {
  color: #ffffff;
  background-color: #e86224;
  border-color: #e86224;
}

.button-default-outline-2.button-ujarak::before {
  background: #e86224;
}

.button-default-outline-2.button-pipaluk,
.button-default-outline-2.button-pipaluk:focus {
  background: transparent;
}

.button-default-outline-2.button-pipaluk::before,
.button-default-outline-2.button-pipaluk:focus::before {
  background: transparent;
  border-color: #e86224;
}

.button-default-outline-2.button-pipaluk::after,
.button-default-outline-2.button-pipaluk:focus::after {
  border-color: #e86224;
}

.button-default-outline-2.button-pipaluk:hover,
.button-default-outline-2.button-pipaluk:active {
  color: #e86224;
  background: transparent;
}

.button-default-outline-2.button-wapasha,
.button-default-outline-2.button-wapasha:focus {
  color: #2c3e51;
  background: transparent;
}

.button-default-outline-2.button-wapasha::before,
.button-default-outline-2.button-wapasha:focus::before {
  border-color: #2c3e51;
}

.button-default-outline-2.button-wapasha::after,
.button-default-outline-2.button-wapasha:focus::after {
  border-color: #e86224;
}

.button-default-outline-2.button-wapasha:hover,
.button-default-outline-2.button-wapasha:active {
  color: #e86224;
  background: transparent;
}

.button-white-outline,
.button-white-outline:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}

.button-white-outline:hover,
.button-white-outline:active {
  color: #ffffff;
  background-color: #e86224;
  border-color: #e86224;
}

.button-white-outline.button-ujarak::before {
  background: #e86224;
}

.button-white-outline.button-pipaluk,
.button-white-outline.button-pipaluk:focus {
  background: transparent;
}

.button-white-outline.button-pipaluk::before,
.button-white-outline.button-pipaluk:focus::before {
  background: transparent;
  border-color: #e86224;
}

.button-white-outline.button-pipaluk::after,
.button-white-outline.button-pipaluk:focus::after {
  border-color: #e86224;
}

.button-white-outline.button-pipaluk:hover,
.button-white-outline.button-pipaluk:active {
  color: #e86224;
  background: transparent;
}

.button-white-outline.button-wapasha,
.button-white-outline.button-wapasha:focus {
  color: #ffffff;
  background: transparent;
}

.button-white-outline.button-wapasha::before,
.button-white-outline.button-wapasha:focus::before {
  border-color: #ffffff;
}

.button-white-outline.button-wapasha::after,
.button-white-outline.button-wapasha:focus::after {
  border-color: #e86224;
}

.button-white-outline.button-wapasha:hover,
.button-white-outline.button-wapasha:active {
  color: #e86224;
  background: transparent;
}

.button-ghost {
  border: 0;
  background-color: transparent;
}

.button-ghost:hover {
  color: #ffffff;
  background: #e86224;
}

.button-facebook,
.button-facebook:focus {
  color: #ffffff;
  background-color: #6576ad;
  border-color: #6576ad;
}

.button-facebook:hover,
.button-facebook:active {
  color: #ffffff;
  background-color: #5668a2;
  border-color: #5668a2;
}

.button-facebook.button-ujarak::before {
  background: #5668a2;
}

.button-facebook.button-pipaluk,
.button-facebook.button-pipaluk:focus {
  background: transparent;
}

.button-facebook.button-pipaluk::before,
.button-facebook.button-pipaluk:focus::before {
  background: #6576ad;
  border-color: #5668a2;
}

.button-facebook.button-pipaluk::after,
.button-facebook.button-pipaluk:focus::after {
  border-color: #5668a2;
}

.button-facebook.button-pipaluk:hover,
.button-facebook.button-pipaluk:active {
  color: #5668a2;
  background: transparent;
}

.button-facebook.button-wapasha,
.button-facebook.button-wapasha:focus {
  color: #6576ad;
  background: transparent;
}

.button-facebook.button-wapasha::before,
.button-facebook.button-wapasha:focus::before {
  border-color: #6576ad;
}

.button-facebook.button-wapasha::after,
.button-facebook.button-wapasha:focus::after {
  border-color: #5668a2;
}

.button-facebook.button-wapasha:hover,
.button-facebook.button-wapasha:active {
  color: #5668a2;
  background: transparent;
}

.button-twitter,
.button-twitter:focus {
  color: #ffffff;
  background-color: #63bbe8;
  border-color: #63bbe8;
}

.button-twitter:hover,
.button-twitter:active {
  color: #ffffff;
  background-color: #4db1e5;
  border-color: #4db1e5;
}

.button-twitter.button-ujarak::before {
  background: #4db1e5;
}

.button-twitter.button-pipaluk,
.button-twitter.button-pipaluk:focus {
  background: transparent;
}

.button-twitter.button-pipaluk::before,
.button-twitter.button-pipaluk:focus::before {
  background: #63bbe8;
  border-color: #4db1e5;
}

.button-twitter.button-pipaluk::after,
.button-twitter.button-pipaluk:focus::after {
  border-color: #4db1e5;
}

.button-twitter.button-pipaluk:hover,
.button-twitter.button-pipaluk:active {
  color: #4db1e5;
  background: transparent;
}

.button-twitter.button-wapasha,
.button-twitter.button-wapasha:focus {
  color: #63bbe8;
  background: transparent;
}

.button-twitter.button-wapasha::before,
.button-twitter.button-wapasha:focus::before {
  border-color: #63bbe8;
}

.button-twitter.button-wapasha::after,
.button-twitter.button-wapasha:focus::after {
  border-color: #4db1e5;
}

.button-twitter.button-wapasha:hover,
.button-twitter.button-wapasha:active {
  color: #4db1e5;
  background: transparent;
}

.button-google,
.button-google:focus {
  color: #ffffff;
  background-color: #eb6e6e;
  border-color: #eb6e6e;
}

.button-google:hover,
.button-google:active {
  color: #ffffff;
  background-color: #e85858;
  border-color: #e85858;
}

.button-google.button-ujarak::before {
  background: #e85858;
}

.button-google.button-pipaluk,
.button-google.button-pipaluk:focus {
  background: transparent;
}

.button-google.button-pipaluk::before,
.button-google.button-pipaluk:focus::before {
  background: #eb6e6e;
  border-color: #e85858;
}

.button-google.button-pipaluk::after,
.button-google.button-pipaluk:focus::after {
  border-color: #e85858;
}

.button-google.button-pipaluk:hover,
.button-google.button-pipaluk:active {
  color: #e85858;
  background: transparent;
}

.button-google.button-wapasha,
.button-google.button-wapasha:focus {
  color: #eb6e6e;
  background: transparent;
}

.button-google.button-wapasha::before,
.button-google.button-wapasha:focus::before {
  border-color: #eb6e6e;
}

.button-google.button-wapasha::after,
.button-google.button-wapasha:focus::after {
  border-color: #e85858;
}

.button-google.button-wapasha:hover,
.button-google.button-wapasha:active {
  color: #e85858;
  background: transparent;
}

.button-shadow {
  box-shadow: 0 9px 21px 0 rgba(204, 204, 204, 0.15);
}

.button-shadow:hover {
  box-shadow: 0 9px 10px 0 rgba(204, 204, 204, 0.15);
}

.button-shadow:focus,
.button-shadow:active {
  box-shadow: none;
}

.button-ujarak {
  position: relative;
  z-index: 0;
  transition: background 0.4s, border-color 0.4s, color 0.4s;
}

.button-ujarak::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  background: #e86224;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  transition: opacity 0.42s, -webkit-transform 0.42s;
  transition: transform 0.42s, opacity 0.42s;
  transition: transform 0.42s, opacity 0.42s, -webkit-transform 0.42s;
  border-radius: inherit;
}

.button-ujarak,
.button-ujarak::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-ujarak:hover {
  transition: background 0.4s 0.4s, border-color 0.4s 0s, color 0.2s 0s;
}

.button-ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.button-xs {
  padding: 8px 17px;
}

.button-sm {
  padding: 5px 25px 3px;
  font-size: 12px;
  line-height: 1.5;
}

.button-md {
  min-width: 140px;
  padding: 12px 23px 10px;
  font-size: 1rem;
  line-height: 1.5;
}

.button-md.button-gradient,
.button-md.button-wapasha,
.button-md.button-pipaluk {
  padding: 14px 25px 12px;
}

.button-lg {
  padding: 20px 33px 18px;
  line-height: 1.33;
}

.button-lg.button-gradient,
.button-lg.button-wapasha,
.button-lg.button-pipaluk {
  padding: 22px 35px 20px;
}

.button-xl {
  padding: 16px 50px 14px;
  font-size: 1rem;
  line-height: 28px;
}

@media (min-width: 992px) {
  .button-xl {
    padding: 20px 80px;
  }
}

.button-circle {
  border-radius: 30px;
}

.button-round-1 {
  border-radius: 5px;
}

.button-round-2 {
  border-radius: 10px;
}

.button.button-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}

.button.button-icon .icon {
  position: relative;
  display: inline-block;
  top: -1px;
  vertical-align: middle;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
}

.button.button-icon-left .icon {
  padding-right: 8px;
}

.button.button-icon-right {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.button.button-icon-right .icon {
  padding-left: 8px;
}

.button.button-icon.button-link .icon {
  top: 5px;
  font-size: 1em;
}

.button.button-icon.button-xs .icon {
  top: 0.05em;
  font-size: 1.2em;
  padding-right: 8px;
}

.button.button-icon.button-xs .button-icon-right {
  padding-left: 8px;
}

.button.button-icon.button-facebook .icon,
.button.button-icon.button-twitter .icon,
.button.button-icon.button-google .icon {
  font-size: 1rem;
}

.btn-primary {
  border-radius: 3px;
  font-family:  "gravita-geo-variable", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: 0.33s;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
  color: #ffffff;
  background: #e86224;
  border-color: #e86224;
}

.btn-primary:hover {
  color: #ffffff;
  background: #000000;
  border-color: #000000;
}

.button-pipaluk {
  position: relative;
  overflow: visible;
  padding: 10px 35px;
  border: none;
  z-index: 1;
}

.button-pipaluk::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.button-pipaluk::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 2px;
  border-style: solid;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease 0s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  will-change: transform;
  z-index: -1;
}

.button-pipaluk.button-circle::before,
.button-pipaluk.button-circle::after {
  border-radius: inherit;
}

.button-pipaluk:hover::before,
.button-pipaluk:active::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transition-duration: 0.2s;
}

.button-pipaluk:hover::after,
.button-pipaluk:active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  transition-duration: 0.3s;
  transition-delay: 0.1s;
}

.button-wapasha {
  position: relative;
  overflow: visible;
  padding: 10px 35px;
  border: none;
  z-index: 1;
}

.button-wapasha::before,
.button-wapasha::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 2px;
  border-style: solid;
}

.button-wapasha::before {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  z-index: -1;
}

.button-wapasha::after {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  -webkit-transform: translate3d(8px, -8px, 0);
  transform: translate3d(8px, -8px, 0);
  will-change: transform;
  z-index: -1;
}

.button-wapasha:hover::before,
.button-wapasha:active::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(-8px, 8px, 0);
  transform: translate3d(-8px, 8px, 0);
  transition-duration: 0.2s;
}

.button-wapasha:hover::after,
.button-wapasha:active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  transition-duration: 0.3s;
}

.button-social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -14px;
  margin-left: -14px;
}

.button-social:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.button-social > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 14px;
}

.button-social > * {
  min-width: 175px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.button-social * + .button {
  margin-top: 0;
}

.button-width-170 {
  min-width: 170px;
}

@media (min-width: 1200px) {
  .button-width-xl-230 {
    min-width: 230px;
  }

  .button-width-xl-310 {
    min-width: 310px;
  }
}

.button-gradient {
  border: none;
  padding: 10px 35px;
  background-size: auto 200%;
}

.button-primary-gradient {
  background-image: linear-gradient(
    to bottom,
    #1e5799 0%,
    #0565cf 58%,
    #7db9e8 91%
  );
  background-repeat: no-repeat;
  border-color: #e86224;
}

.button-primary-gradient,
.button-primary-gradient:focus {
  color: #f4f2fa;
  background-color: rgba(232, 102, 42, 0.65);
  border-color: #0565cf;
}

.button-primary-gradient:hover,
.button-primary-gradient:active {
  color: #f4f2fa;
  background-color: rgba(232, 102, 42, 0.65);
  border-color: #0565cf;
}

.button-primary-gradient.button-ujarak::before {
  background: #e86224;
}

.button-primary-gradient.button-pipaluk,
.button-primary-gradient.button-pipaluk:focus {
  background: transparent;
}

.button-primary-gradient.button-pipaluk::before,
.button-primary-gradient.button-pipaluk:focus::before {
  background: #e86224;
  border-color: transparent;
}

.button-primary-gradient.button-pipaluk::after,
.button-primary-gradient.button-pipaluk:focus::after {
  border-color: transparent;
}

.button-primary-gradient.button-pipaluk:hover,
.button-primary-gradient.button-pipaluk:active {
  color: transparent;
  background: transparent;
}

.button-primary-gradient.button-wapasha,
.button-primary-gradient.button-wapasha:focus {
  color: transparent;
  background: transparent;
}

.button-primary-gradient.button-wapasha::before,
.button-primary-gradient.button-wapasha:focus::before {
  border-color: transparent;
}

.button-primary-gradient.button-wapasha::after,
.button-primary-gradient.button-wapasha:focus::after {
  border-color: transparent;
}

.button-primary-gradient.button-wapasha:hover,
.button-primary-gradient.button-wapasha:active {
  color: transparent;
  background: transparent;
}

.button-primary-gradient:hover,
.button-primary-gradient:active {
  background-position: 50% 100%;
}

.button-blue-orange-gradient {
	background-image: -webkit-linear-gradient(19deg, #0565cf 10%, rgb(232 98 36) 90%) !important;
    background-image: linear-gradient(19deg, rgb(5 101 207) 10%, rgb(232, 98, 36) 90%) !important;
	color: #f4f2fa;
	 background-repeat: no-repeat;
  border-color: #f4f2fa;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.button-blue-orange-gradient:hover, 
.button-blue-orange-gradient:active {
	background-image: -webkit-linear-gradient(19deg, rgb(232 98 36) 10%, rgb(5 101 207) 90%) !important;
    background-image: linear-gradient(19deg, rgb(232, 98, 36) 10%, rgb(5 101 207) 90%) !important;
	color: #f4f2fa;
	
}

.rd-form {
  position: relative;
  text-align: left;
}

.rd-form .button {
  min-width: 222px;
}

@media (max-width: 575px) {
  .rd-form .button {
    display: block;
    width: 100%;
  }
}

.rd-form * + .button {
  margin-top: 33px;
}

.rd-form-variant-2 .button {
  min-width: 256px;
}

* + .rd-form {
  margin-top: 20px;
}

p + .rd-form {
  margin-top: 20px;
}

h5 + .rd-form {
  margin-top: 20px;
}

h4 + .rd-form-variant-2 {
  margin-top: 20px;
}

.row + .checkbox-inline {
  margin-top: 20px;
}

.row-condensed {
  padding: 10px 0 10px;
}

.form-wrap + .checkbox-inline {
  margin-top: 10px;
}

/*input:-webkit-autofill ~ label, input:-webkit-autofill ~ .form-validation {
	color: #000000 !important;
}*/

.form-wrap {
  position: relative;
}

.form-wrap.has-error .form-input {
  border-color: #f5543f;
}

.form-wrap.has-focus .form-input {
  border-color: #e86224;
}
.form-group {
  margin-bottom: 1rem;
  display: inline-flex;
  align-items: center;
}

.b-form-group {
 display: block;
  align-items: baseline;
  padding: 10px 15px;
}

.form-input {
  display: block;
  width: 100%;
  height: 40px;
  /*margin-top: 10px;
  padding: 10px 10px; */
  font-size: 1rem;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  letter-spacing: 0.025em;
  color: #090909;
  background-image: none;
  background-color: #e1e1e1;
  border-radius: 5px;
  -webkit-appearance: none;
  transition: 0.3s ease-in-out;
  border: 2px solid #090909;
}

.form-input:focus,
.form-input:active,
.form-input:focus-within {
  border: none !important;
  border-bottom: 2px solid #0565cf !important;
  outline: none !important;
  background-color: #f4f2fa !important;
}
.form-button {
  background-color: #04aa6d;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  cursor: pointer;
}

.form-button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #bbbbbb;
}

.form-input-inverse {
  background-color: #ffffff;
  border-color: #e1e1e1;
}	

.form-input, .form-input-price  {	
	border-bottom: 2px inset #0089dd;
	padding-bottom: 10px;
	text-align: right;
}
.form-input:focus .form-input-price:focus .form-input-price:active {
	border-color: #0565cf;
}

.form-input-disabled {
  cursor: default;
}

textarea.form-input {
  height: 156px;
  min-height: 60px;
  max-height: 265px;
  resize: vertical;
}

textarea.textarea-md {
  height: 175px;
  max-height: 320px;
  resize: vertical;
}

textarea.textarea-lg {
  height: 206px;
  max-height: 350px;
  resize: vertical;
}

.form-label,
.form-label-outside {
  margin-bottom: 0;
  color: #777;
  font-weight: 300;
}

.form-label {
  position: relative;
  display: inline;
  font-size: 1rem;
  color: #777;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.025em;
  pointer-events: none;
  text-align: left;
  z-index: 9;
  transition: 0.25s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  will-change: transform;
}

.form-label.focus {
  opacity: 1;
}

.form-label.auto-fill {
  color: #2c3e51;
}

.form-label-outside {
  width: 100%;
  margin-bottom: 4px;
}

@media (min-width: 768px) {
  .form-label-outside {
    position: static;
  }

  .form-label-outside,
  .form-label-outside.focus,
  .form-label-outside.auto-fill {
    -webkit-transform: none;
    transform: none;
  }
}

.form-label-disabled {
  color: #9b9b9b;
}

[data-x-mode="true"] .form-label {
  pointer-events: auto;
}

.form-validation {
  position: relative;
  display: inline;
  right: 8px;
  top: 0;
  z-index: 11;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0;
  color: #f5543f;
  transition: 0.3s;
}

.form-validation-left .form-validation {
  top: auto;
  right: auto;
  left: 0;
}

#form-output-global {
  position: fixed;
  bottom: 30px;
  left: 15px;
  z-index: 2000;
  visibility: hidden;
  -webkit-transform: translate3d(-500px, 0, 0);
  transform: translate3d(-500px, 0, 0);
  transition: 0.3s all ease;
}

#form-output-global.active {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (min-width: 576px) {
  #form-output-global {
    left: 30px;
  }
}

.form-output {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 2px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.form-output.active {
  opacity: 1;
  visibility: visible;
}

.form-output.error {
  color: #f5543f;
}

.form-output.success {
  color: #98bf44;
}




/* Checkbox and Radio */
authorizing-label,
.authorizing-label,
.radio-label {
  color: #626262;
  position: relative;
}
.checkbox + .authorizing-label:before,
.radio + .radio-label:before {
  background: #f9f9f9;
  border-color: #eee;
}
.checkbox:checked + .authorizing-label,
.radio:checked + .radio-label {
  opacity: 1;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

.checkbox,
.radio {
  opacity: 0;
  position: absolute;
}

.checkbox,
authorizing-label,
.authorizing-label,
.radio,
.radio-label {
  margin-bottom: 2rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:checked + .authorizing-label:before {
  content: "\F0E1E";
  background: #0565cf;
  border-color: #0565cf;
  color: #fff;
}

.checkbox.required-field {
  position: absolute;
}
.checkbox.required-field + .authorizing-label:before {
  border-color: #0565cf;
}
.checkbox + .authorizing-label:before,
.radio + .radio-label:before {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-right: 1rem;
  display: inline-block;
  vertical-align: middle;
  background: #f9f9f9;
  border: 1px solid #eee;
  content: "\F0E1E";
  font-family: "Material Design Icons";
  text-align: center;
}

.radio:checked + .radio-label:before {
  background: #0565cf;
  box-shadow: inset 0 0 0 4px #fff;
}

.checkbox:focus + .authorizing-label,
.radio:focus + .radio-label {
  outline: 0;
}

.form-element,
.form-element + label:before,
input,
textarea {
  -webkit-transition-property: background, border-color, color, opacity,
    box-shadow, -webkit-transform;
  transition-property: background, border-color, color, opacity, box-shadow,
    transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.radio,
.radio-inline {
  position: relative;
  font-size: 1rem;
  line-height: 1;
  padding-left: 32px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
  cursor: pointer;
}

.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
  top: -4px;
  left: 0;
  width: 21px;
  height: 21px;
  margin: 0;
  color: #e86224;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background: #fefefe;
}

.radio .radio-custom-dummy::after,
.radio-inline .radio-custom-dummy::after {
  content: "\F0765";
  font-family: "Material Design Icons";
  position: absolute;
  top: -3px;
  left: -2px;
  font-size: 24px;
  line-height: 1;
}

.btn-next,
.btn-prev {
  max-width: 175px;
  padding: 15px 20px;
  font-size: 1rem !important;
  line-height: 1.2;
  border: 2px solid;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: -1px 3px 8px 3px rgb(0 0 0 / 37%);
  text-transform: capitalize;
  white-space: normal;
  text-overflow: ellipsis;
}

.rd-form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.rd-form-inline > * {
  margin-top: 0;
}

.rd-form-inline .form-wrap {
  width: 100%;
}

.rd-form-inline .form-wrap-select {
  text-align: left;
}

.rd-form-inline .form-button {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-height: 60px;
  margin-top: 10px;
}

.rd-form-inline .form-button .button {
  display: block;
  min-height: inherit;
  min-width: auto;
  width: 100%;
}

.rd-form-inline.rd-search {
  max-width: 100%;
}

@media (min-width: 576px) {
  .rd-form-inline .form-wrap {
    -ms-flex: 1;
    flex: 1;
    min-width: 185px;
  }

  .rd-form-inline .form-button {
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-top: 0;
    margin-left: 7px;
  }

  .rd-form-inline .form-button .button {
    display: inline-block;
  }

  .rd-form-inline.rd-form-coupon .form-button {
    margin-left: 18px;
  }
}

.form-sm .form-input,
.form-sm .button {
  padding-top: 9px;
  padding-bottom: 9px;
  min-height: 40px;
}

.form-sm .form-validation {
  top: -16px;
}

.form-sm .form-label {
  top: 20px;
}

.form-sm * + .button {
  margin-top: 10px;
}

.form-lg .form-input,
.form-lg .form-label,
.form-lg .select2-container .select2-choice {
  font-size: 1rem;
}

.form-lg .form-input,
.form-lg .select2-container .select2-choice {
  font-size: 1rem;
  padding-top: 17px;
  padding-bottom: 17px;
}

.form-lg .form-input,
.form-lg .select2-container .select2-choice {
  min-height: 58px;
}

.form-lg .form-button {
  min-height: 60px;
}

.form-lg .form-label {
  top: 30px;
}

.form-wrap-recaptcha {
  display: inline-block;
}

@media (max-width: 575px) {
  .recaptcha iframe {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    will-change: transform;
  }

  .form-wrap-recaptcha .form-validation {
    right: 22px;
  }
}

.rd-form-coupon .form-wrap {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.rd-form-coupon .form-button {
  min-width: 212px;
}

.rd-form-coupon .form-label {
  padding-left: 32px;
}

.rd-form-coupon .form-input {
  min-width: 266px;
  padding-left: 32px;
}

@media (min-width: 576px) {
  .rd-form-coupon {
    max-width: none;
    min-width: 496px;
  }
}

.box-form {
  text-align: left;
	padding: 10px;
}

.box-form .form-input:not(.select-filter) {
  display: inline-block;
/*  min-height: 50px;*/
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  /*	border-color: #e1e1e1;*/
}

.box-form .form-input.form-input-price {
  border-bottom-color: #e86224;
  padding-bottom: 10px;
  text-align: right;
}

.box-form .form-label {
  color: #0089dd;
}

.box-form .form-label span {
  font-size: 1rem;
  color: #f5543f;
}

.box-form textarea.form-input {
  height: 116px;
  max-height: 197px;
}

.box-form .button.button-ujarak:not([class*="button-secondary"]) {
  color: #ffffff;
}

.box-form .button.button-ujarak:not([class*="button-secondary"])::before {
  background: #e86224;
}

.box-form .button.button-ujarak:not([class*="button-secondary"]):hover,
.box-form .button.button-ujarak:not([class*="button-secondary"]):active {
  border-color: #e86224;
}

.box-form .error {
  color: #f5543f;
  font-size: 1rem;
  content: "\F0767";
  font-family: "Material Design Icons";
}
/*
@media (max-width: 950px) {
	#delivery_details {
		margin-top: 42px;
	}
}
#delivery_details {
	margin-top: 30px;
	}
*/
.box-form .form-wrap + * {
  margin-top: 10px;
}

.box-form * + .rd-form {
  margin-top: 16px;
}

.box-form .row + .button {
  margin-top: 16px;
}

.box-form-title {
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 1rem;
  color: #0565cf;
  padding: 5px 0;
}

.box-form-text {
  color: #090909;
}

@media (min-width: 992px) {
  .box-form * + .rd-form {
    margin-top: 8px;
  }
}

@media (min-width: 1200px) {
  .box-form {
    padding: 0px 10px 10px;
  }

  .box-form-text {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.post {
  text-align: left;
}

.post-classic-title {
  letter-spacing: 0.1em;
}

.post-classic-panel {
  margin-bottom: -20px;
  margin-left: -36px;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.post-classic-panel:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.post-classic-panel > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 36px;
}

.post-classic-panel > *:not(.badge) {
  position: relative;
  top: 2px;
}

.post-classic-comments .icon,
.post-classic-time .icon {
  color: #9b9b9b;
}

.post-classic-comments > *,
.post-classic-time > * {
  display: inline-block;
  vertical-align: middle;
}

.post-classic-comments .icon {
  font-size: 24px;
  position: relative;
  top: -4px;
}

.post-classic-comments a,
.post-classic-comments a:focus,
.post-classic-comments a:active {
  color: inherit;
}

.post-classic-comments a:hover {
  color: #e86224;
}

.post-classic-comments span + * {
  margin-left: 6px;
}

.post-classic-time .icon {
  position: relative;
  top: -2px;
  font-size: 20px;
}

.post-classic-time span + * {
  margin-left: 3px;
}

.post-classic-author {
  color: #9b9b9b;
}

.post-classic-author a {
  display: inline-block;
  margin-left: 5px;
}

.post-classic-author a,
.post-classic-author a:focus,
.post-classic-author a:active {
  color: #e86224;
}

.post-classic-author a:hover {
  color: #e86224;
}

.post-classic-figure {
  display: block;
  overflow: hidden;
}

.post-classic-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.post-classic-gallery {
  display: block;
  overflow: hidden;
}

.post-classic-figure-small {
  overflow: hidden;
}

.post-classic-figure-small img {
  width: 100%;
  transition: all 0.3s ease;
}

@media (min-width: 992px) {
  .desktop .post-classic-figure img,
  .desktop .post-classic-figure-small img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .post-classic:hover .post-classic-figure img,
  .desktop .post-classic:hover .post-classic-figure-small img {
    -webkit-transform: none;
    transform: none;
  }
}

* + .post-classic-panel {
  margin-top: 20px;
}

.post-classic-panel + * {
  margin-top: 30px;
}

.post-classic-panel + .owl-carousel {
  margin-top: 30px;
}

* + .post-classic-text {
  margin-top: 20px;
}

* + .post-classic-figure {
  margin-top: 25px;
}

.post-classic + .post-classic {
  margin-top: 60px;
}

@media (max-width: 575px) {
  .col-custom-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .col-custom-right > div {
    max-width: calc(50% - 5px);
  }
}

@media (min-width: 576px) {
  .post-classic-figure-small + .post-classic-figure-small {
    margin-top: 8%;
  }
}

@media (min-width: 576px) {
  .col-custom-left {
    max-width: 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
  }

  .col-custom-right {
    max-width: 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
  }
}

.post-modern-figure {
  position: relative;
  overflow: hidden;
  display: block;
}

.post-modern-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.post-modern-time {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 10px 0 1px;
  color: #e86224;
  font-size: 20px;
  line-height: 0.5;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  background: #ffffff;
}

.post-modern-time::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background: inherit;
  -webkit-transform: translate3d(0, -100%, 0) skewX(30deg);
  transform: translate3d(0, -100%, 0) skewX(30deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  will-change: transform;
}

.post-modern-time .post-modern-time-number {
  font-size: 2em;
}

.post-modern-time * + .post-modern-time-month {
  margin-left: 8px;
}

.post-modern-text {
  letter-spacing: 0.025em;
  color: #9b9b9b;
}

@media (min-width: 992px) {
  .desktop .post-modern-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .post-modern:hover .post-modern-figure img {
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 768px) {
  .post-modern-time {
    padding-top: 17px;
    font-size: 24px;
  }
}

* + .post-modern-title {
  margin-top: 26px;
}

* + .post-modern-text {
  margin-top: 12px;
}

.post-creative {
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.post-creative-2 .post-creative-time,
.post-creative-2 .post-creative-author a:hover,
.post-creative-2 .post-creative-title a:hover {
  color: #f5cdae;
}

.post-creative-header {
  padding: 19px 15px 13px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.post-creative-header > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 576px) {
  .post-creative-header > div {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.post-creative-author {
  color: #9b9b9b;
}

.post-creative-author a,
.post-creative-author a:focus,
.post-creative-author a:active {
  color: inherit;
}

.post-creative-author a:hover {
  color: #e86224;
}

.post-creative-time {
  color: #e86224;
}

.post-creative-figure {
  position: relative;
  overflow: hidden;
  display: block;
}

.post-creative-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.post-creative-footer {
  padding: 24px 15px 27px;
}

.post-creative-footer .post-creative-title {
  font-size: 1rem;
  line-height: 23px;
  min-height: 47px;
  font-family:  "gravita-geo-variable", sans-serif;

  font-weight: 500;
  text-transform: none;
}

.post-creative-title {
  line-height: 1.18;
  font-weight: 300;
  min-height: 85px;
}

.post-creative-title a:hover {
  color: #e86224;
}

@media (min-width: 992px) {
  .desktop .post-creative {
    box-shadow: none;
    border: 1px solid #d7d7d7;
  }

  .desktop .post-creative-figure {
    margin-right: -1px;
    margin-left: -1px;
  }

  .desktop .post-creative-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .post-creative:hover {
    border-color: transparent;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  }

  .desktop .post-creative:hover .post-creative-figure img {
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 576px) {
  .post-creative-header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .post-creative-footer {
    padding-left: 20px;
  }
}

.post-aria {
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.27);
}

.post-aria-2 .post-aria-time {
  color: #e86224;
}

.post-aria-2 .post-aria-list-social .icon::after {
  background: #e86224;
}

.post-aria-figure {
  display: block;
  overflow: hidden;
}

.post-aria-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.post-aria-footer {
  position: relative;
  text-align: center;
  padding: 20px 15px;
  background: #ffffff;
}

.post-aria-title {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.post-aria-time {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #e86224;
}

.post-aria-list-social {
  font-size: 0;
  line-height: 0;
  transition: all 0.3s ease;
}

.post-aria-list-social .icon {
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  line-height: 32px;
  border-radius: 50%;
  background: #2c3e51;
  z-index: 1;
}

.post-aria-list-social .icon,
.post-aria-list-social .icon:focus,
.post-aria-list-social .icon:active {
  color: #ffffff;
}

.post-aria-list-social .icon:hover {
  color: #ffffff;
}

.post-aria-list-social .icon::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: #e86224;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transition: all 0.3s ease;
  z-index: -1;
}

.post-aria-list-social .icon:hover {
  background: transparent;
  transition-duration: 0s;
  transition-delay: 0.3s;
}

.post-aria-list-social .icon:hover::after {
  -webkit-transform: none;
  transform: none;
}

@media (min-width: 992px) {
  .desktop .post-aria-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .post-aria-list-social {
    overflow: hidden;
    height: 0;
  }

  .desktop .post-aria-list-social li {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
    visibility: hidden;
    transition: inherit;
  }

  .desktop .post-aria:hover .post-aria-figure img {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .post-aria:hover .post-aria-list-social {
    height: 44px;
  }

  .desktop .post-aria:hover .post-aria-list-social li {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(1) {
    transition-delay: 50ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(2) {
    transition-delay: 100ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(3) {
    transition-delay: 150ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(4) {
    transition-delay: 200ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(5) {
    transition-delay: 250ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(6) {
    transition-delay: 300ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(7) {
    transition-delay: 350ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(8) {
    transition-delay: 400ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(9) {
    transition-delay: 450ms;
  }

  .desktop .post-aria:hover .post-aria-list-social li:nth-child(10) {
    transition-delay: 500ms;
  }
}

* + .post-aria-list-social {
  margin-top: 3px;
}

@media (min-width: 992px) {
  .post-aria-title {
    font-size: 30px;
  }

  .post-aria-time {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .post-aria-title {
    font-size: 36px;
  }

  .post-aria-footer {
    padding: 40px;
  }
}

.post-sidebar {
  text-align: left;
}

.post-sidebar h5 {
  display: inline-block;
  padding: 8px 10px 15px 2px;
  min-width: 150px;
  font-weight: 300;
  letter-spacing: 0.1em;
  background: #ffffff;
}

.post-sidebar .quote-minimal {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.post-sidebar .quote-minimal:last-child {
  padding-bottom: 0;
  border: none;
}

.post-sidebar .rd-form .form-input {
  border-color: #ffffff;
  background: #ffffff;
}

.post-sidebar .form-wrap + .form-button {
  margin-top: 14px;
}

.post-sidebar-item {
  background: #f7f7f7;
}

.post-sidebar-item-inset {
  padding: 20px 15px;
}

.list-categories {
  font-size: 1rem;
  text-align: left;
}

.list-categories li {
  position: relative;
  padding-left: 50px;
}

.list-categories a,
.list-categories a:focus,
.list-categories a:active {
  color: inherit;
}

.list-categories a:hover {
  color: #e86224;
}

.list-categories a::before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 0;
  height: 3px;
  background: #e86224;
  transition: all 0.2s ease;
}

.list-categories a.active {
  color: #e86224;
}

.list-categories a.active::before {
  width: 32px;
}

.list-categories > li + li {
  margin-top: 11px;
}

.post-sidebar-item + .post-sidebar-item {
  margin-top: 55px;
}

@media (min-width: 768px) {
  .post-sidebar-item-inset {
    padding: 36px 30px;
  }

  .post-sidebar-item-inset.inset-right-20 {
    padding-right: 20px;
  }

  .list-categories li {
    padding-left: 70px;
  }

  .list-categories a.active::before {
    width: 52px;
  }
}

@media (min-width: 1200px) {
  .post-sidebar-inset {
    padding-left: 70px;
  }

  .post-sidebar-item-inset {
    padding: 36px 34px;
  }
}

.badge {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 0 0 15px;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  background: transparent;
  border-radius: 0;
  z-index: 1;
}

.badge > div {
  padding: 7px 9px 4px 0;
  background: #2c3e51;
  transition: background 0.3s ease-in-out;
}

.badge svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 27px;
  width: 16px;
  transition: inherit;
  z-index: -1;
}

.badge:focus,
.badge:hover {
  color: #ffffff;
}

.badge:focus > div,
.badge:hover > div {
  background: #2c3e51;
}

.badge:focus > svg,
.badge:hover > svg {
  fill: #2c3e51;
}

.badge-primary > div {
  background: #e86224;
}

.badge-primary > svg {
  fill: #e86224;
}

.badge-secondary > div {
  background: #e86224;
}

.badge-secondary > svg {
  fill: #e86224;
}

.badge-secondary-3 > div {
  background: #f5cdae;
}

.badge-secondary-3 > svg {
  fill: #f5cdae;
}

.badge-white {
  color: #9b9b9b;
}

.badge-white > div {
  background: #ffffff;
}

.badge-white > svg {
  fill: #ffffff;
}

.badge-white:focus,
.badge-white:hover {
  color: #ffffff;
}

.badge-white:focus > div,
.badge-white:hover > div {
  background: #e86224;
}

.badge-white:focus > svg,
.badge-white:hover > svg {
  fill: #e86224;
}

.badge-pink > div {
  background: #f27474;
}

.badge-pink > svg {
  fill: #f27474;
}

.badge-yellow-3 {
  color: #2c3e51;
}

.badge-yellow-3 > div {
  background: #fbe073;
}

.badge-yellow-3 > svg {
  fill: #fbe073;
}

.post-minimal-figure {
  display: block;
  overflow: hidden;
}

.post-minimal-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.post-minimal-title {
  font-size: 1rem;
  line-height: 1.5;
}

.post-minimal-title a,
.post-minimal-title a:focus,
.post-minimal-title a:active {
  color: inherit;
}

.post-minimal-title a:hover {
  color: #e86224;
}

@media (min-width: 992px) {
  .desktop .post-minimal-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .post-minimal:hover .post-minimal-figure img {
    -webkit-transform: none;
    transform: none;
  }
}

* + .post-minimal-title {
  margin-top: 17px;
}

.post-minimal + .post-minimal {
  margin-top: 30px;
}

.post-minimal-2 {
  max-width: 200px;
}

.post-minimal-2-title a,
.post-minimal-2-title a:focus,
.post-minimal-2-title a:active {
  color: #e86224;
}

.post-minimal-2-title a:hover {
  color: #e86224;
}

.post-minimal-2-time {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #2c3e51;
}

* + .post-minimal-2 {
  margin-top: 24px;
}

* + .post-minimal-2-time {
  margin-top: 10px;
}

.post-minimal-2 + .post-minimal-2 {
  margin-top: 26px;
}

.blog-post {
  text-align: left;
  padding-bottom: 40px;
  border-bottom: 1px solid #dddddd;
}

.blog-post-tags {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.blog-post-tags a,
.blog-post-tags a:focus,
.blog-post-tags a:active {
  color: #9b9b9b;
}

.blog-post-tags a:hover {
  color: #e86224;
}

.blog-post-tags a::after {
  content: ", ";
  pointer-events: none;
}

.blog-post-tags a:last-child::after {
  display: none;
}

* + .blog-post-bottom-panel {
  margin-top: 30px;
}

* + .blog-post-comments {
  margin-top: 40px;
}

.post-ruth {
  padding: 15px;
  border: 1px solid #e1e1e1;
}

.post-ruth .unit-left {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.post-ruth-figure {
  display: block;
  overflow: hidden;
}

.post-ruth-figure img {
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.post-ruth-title {
  font-weight: 300;
  line-height: 1.2;
}

.post-ruth-time {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #9b9b9b;
}

* + .post-ruth-title {
  margin-top: 10px;
}

* + .post-ruth-badge {
  margin-top: 12px;
}

@media (min-width: 768px) {
  .post-ruth {
    padding: 20px;
  }
}

@media (min-width: 992px) {
  .post-ruth {
    padding: 18px 22px;
  }

  .desktop .post-ruth-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .post-ruth:hover .post-ruth-figure img {
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 1200px) {
  .post-ruth-title {
    max-width: 94%;
  }

  .post-ruth-body {
    padding-bottom: 10px;
  }
}

.quote-classic {
  position: relative;
  text-align: left;
  padding-top: 35px;
}

.quote-classic-text {
  font-size: 20px;
  line-height: 1.625;
  letter-spacing: 0.025em;
}

.quote-classic-text::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "\201C";
  font-size: 70px;
  line-height: 1;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #e86224;
}

.quote-classic-cite {
  color: #e86224;
}

.quote-classic-big {
  padding-top: 40px;
}

.quote-classic-big .quote-classic-text {
  line-height: 1.5;
}

.quote-classic-big .quote-classic-text::before {
  font-size: 90px;
}

* + .quote-classic {
  margin-top: 22px;
}

* + .quote-classic-cite {
  margin-top: 16px;
}

.quote-classic + p {
  margin-top: 30px;
}

.post-classic + .quote-classic {
  margin-top: 20px;
}

.quote-classic + .quote-classic {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .quote-classic {
    padding-top: 0;
    padding-left: 40px;
  }

  .quote-classic-text {
    font-size: 24px;
  }

  .quote-classic-text::before {
    top: 2px;
    left: -4px;
    font-size: 91px;
  }

  .quote-classic-big {
    padding-left: 70px;
  }

  .quote-classic-big .quote-classic-text::before {
    top: -8px;
    left: 1px;
    font-size: 129px;
  }

  .post-classic + .quote-classic {
    margin-top: 40px;
  }
}

.quote-modern {
  position: relative;
  text-align: left;
  padding: 30px 15px;
  letter-spacing: 0.025em;
  background: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}

.quote-modern::before {
  position: absolute;
  content: "";
  top: calc(100% - 10px);
  left: 60px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34px 34px 0 0;
  border-color: #ffffff transparent transparent transparent;
}

.quote-modern-2 .quote-modern-status {
  color: #e86224;
}

.quote-modern-figure {
  display: inline-block;
}

.quote-modern-cite {
  font-weight: 300;
  letter-spacing: 0.075em;
}

.quote-modern-status {
  color: #e86224;
}

* + .quote-modern-status {
  margin-top: 0;
}

* + .quote-modern-text {
  margin-top: 12px;
}

@media (min-width: 576px) {
  .quote-modern {
    padding: 40px 20px;
  }
}

@media (min-width: 992px) {
  .quote-modern {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  .quote-modern {
    padding: 52px 45px 44px;
  }

  .quote-modern-custom {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 1600px) {
  .quote-modern-custom {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.ie-10 .quote-modern,
.ie-11 .quote-modern,
.ie-edge .quote-modern {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
}

.ie-10 .quote-modern::before,
.ie-11 .quote-modern::before,
.ie-edge .quote-modern::before {
  top: 100%;
  border-width: 24px 24px 0 0;
  z-index: 1;
}

.ie-10 .quote-modern::after,
.ie-11 .quote-modern::after,
.ie-edge .quote-modern::after {
  position: absolute;
  content: "";
  top: calc(100% + 2px);
  left: 58px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 28px 0 0;
  border-color: rgba(0, 0, 0, 0.04) transparent transparent transparent;
  z-index: 0;
}

.quote-creative {
  text-align: center;
  padding: 0 15px 30px;
  letter-spacing: 0.025em;
  background: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}

.quote-creative-figure {
  display: inline-block;
  margin-top: -42px;
  border: 15px solid #ffffff;
  border-radius: 50%;
}

.quote-creative-cite {
  color: #e86224;
  font-weight: 300;
}

.quote-creative-cite a,
.quote-creative-cite a:focus,
.quote-creative-cite a:active {
  color: inherit;
}

.quote-creative-cite a:hover {
  color: #e86224;
}

* + .quote-creative-cite {
  margin-top: 18px;
}

@media (min-width: 768px) {
  .quote-creative {
    padding: 0 20px 40px;
  }
}

.ie-10 .quote-creative,
.ie-11 .quote-creative,
.ie-edge .quote-creative {
  position: relative;
  background: transparent;
  z-index: 1;
}

.ie-10 .quote-creative::before,
.ie-11 .quote-creative::before,
.ie-edge .quote-creative::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  z-index: -1;
}

.ie-10 .quote-creative-figure,
.ie-11 .quote-creative-figure,
.ie-edge .quote-creative-figure {
  position: relative;
}

.ie-10 .quote-creative-figure::before,
.ie-11 .quote-creative-figure::before,
.ie-edge .quote-creative-figure::before {
  position: absolute;
  content: "";
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  z-index: -2;
}

.quote-lisa {
  text-align: center;
  padding: 30px 10px;
  letter-spacing: 0.025em;
  background: #ffffff;
  box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, 0.17);
}

.quote-lisa-2 .quote-lisa-text::before,
.quote-lisa-2 .quote-lisa-text::after {
  color: #e86224;
}

.quote-lisa-2 .quote-lisa-cite a:hover {
  color: #e86224;
}

.quote-lisa-2 .quote-lisa-status {
  color: #f5cdae;
}

.quote-lisa-body {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.quote-lisa-text {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.quote-lisa-text::before,
.quote-lisa-text::after {
  position: absolute;
  font-size: 48px;
  line-height: 1;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #e86224;
}

.quote-lisa-text::before {
  left: 0;
  top: 4px;
  content: "\201C";
}

.quote-lisa-text::after {
  right: 0;
  bottom: -24px;
  content: "\201D";
}

.quote-lisa-cite {
  font-weight: 300;
  letter-spacing: 0.075em;
}

.quote-lisa-cite a:hover {
  color: #e86224;
}

.quote-lisa-status {
  color: #e86224;
}

* + .quote-lisa-status {
  margin-top: 0;
}

* + .quote-lisa-text {
  margin-top: 18px;
  min-height: 80px;
}

* + .quote-lisa-cite {
  margin-top: 26px;
}

@media (min-width: 576px) {
  .quote-lisa {
    padding-left: 15px;
    padding-right: 15px;
  }

  .quote-lisa-text {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .quote-lisa {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.quote-minimal {
  position: relative;
  text-align: left;
}

.quote-minimal-text {
  padding-left: 30px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.025em;
}

.quote-minimal-text::before {
  position: absolute;
  left: 0;
  top: 4px;
  content: "\201C";
  font-size: 48px;
  line-height: 1;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #ba754e;
}

.quote-minimal-cite {
  line-height: 1.33;
  font-weight: 300;
  color: #9b9b9b;
}

.quote-minimal-source {
  display: block;
}

.quote-minimal-source a,
.quote-minimal-source a:focus,
.quote-minimal-source a:active {
  color: #e86224;
}

.quote-minimal-source a:hover {
  color: #e86224;
}

* + .quote-minimal {
  margin-top: 22px;
}

* + .quote-minimal-cite {
  margin-top: 20px;
}

.quote-minimal + .quote-minimal {
  margin-top: 30px;
}

.quote-jean {
  position: relative;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  background-image: url(../images/quote-jean.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
}

* + .quote-jean {
  margin-top: 16px;
}

.quote-jean + .isotope-filters {
  margin-top: 35px;
}

.thumbnail {
  position: relative;
}

.thumbnail-xxs {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-xs {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-sm {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-md {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-lg {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-xl {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail-classic {
  text-align: left;
  overflow: hidden;
}

.thumbnail-classic-figure {
  display: block;
}

.thumbnail-classic-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.thumbnail-classic-caption {
  text-align: center;
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  padding: 10px 15px;
  min-width: 230px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background: #ffffff;
  pointer-events: none;
  transition: all 0.3s ease;
}

.thumbnail-classic-caption > [class*="thumbnail-classic-"] {
  pointer-events: auto;
}

.thumbnail-classic-title-wrap > * {
  display: inline-block;
  vertical-align: middle;
}

.thumbnail-classic-title-wrap .icon {
  margin-top: 3px;
  margin-right: 16px;
  font-size: 26px;
}

.thumbnail-classic-title-wrap .icon img {
  display: none;
}

.thumbnail-classic-title-wrap .icon,
.thumbnail-classic-title-wrap .icon:focus,
.thumbnail-classic-title-wrap .icon:active {
  color: #2c3e51;
}

.thumbnail-classic-title-wrap .icon:hover {
  color: #e86224;
}

.thumbnail-classic-title {
  color: #e86224;
}

.thumbnail-classic-title a,
.thumbnail-classic-title a:focus,
.thumbnail-classic-title a:active {
  color: inherit;
}

.thumbnail-classic-title a:hover {
  color: #e86224;
}

.thumbnail-classic-text {
  display: none;
}

@media (max-width: 575px) {
  .thumbnail-custom-mobile {
    min-height: 300px;
  }

  .thumbnail-custom-mobile a {
    min-height: inherit;
  }

  .thumbnail-custom-mobile img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
  }
}

@media (min-width: 992px) {
  .desktop .thumbnail-classic-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .thumbnail-classic-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: inherit;
    padding: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(-20px, -20px, 0);
    transform: translate3d(-20px, -20px, 0);
    will-change: transform;
  }

  .desktop .thumbnail-classic-title-wrap .icon {
    margin-right: 24px;
    font-size: 36px;
  }

  .desktop .thumbnail-classic-text {
    display: block;
    font-size: 13px;
    width: 100%;
  }

  .desktop .thumbnail-classic:hover .thumbnail-classic-figure img {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .thumbnail-classic:hover .thumbnail-classic-caption {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 1200px) {
  .desktop .thumbnail-classic-caption {
    padding: 30px;
  }

  .desktop .thumbnail-classic-text {
    font-size: inherit;
  }
}

@media (min-width: 1800px) {
  .thumbnail-md .thumbnail-classic-caption {
    padding-left: 40px;
    padding-right: 40px;
  }
}

* + .thumbnail-classic-text {
  margin-top: 14px;
}

.thumbnail-modern {
  text-align: left;
}

.thumbnail-modern-figure {
  position: relative;
  overflow: hidden;
  display: block;
}

.thumbnail-modern-figure img {
  width: 100%;
  transition: inherit;
}

.thumbnail-modern-title {
  font-weight: 300;
  transition: all 0.3s ease;
}

.thumbnail-modern-title a {
  transition-property: color;
}

.thumbnail-modern-subtitle {
  color: #9b9b9b;
}

@media (min-width: 992px) {
  .desktop .thumbnail-modern-figure::before {
    position: absolute;
    content: "";
    top: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: rgba(48, 46, 46, 0.18);
    transition: inherit;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
  }

  .desktop .thumbnail-modern-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    will-change: transform;
  }

  .desktop .thumbnail-modern:hover .thumbnail-modern-figure img {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }

  .desktop .thumbnail-modern:hover .thumbnail-modern-title {
    letter-spacing: 0.15em;
  }

  .desktop .thumbnail-modern:hover .thumbnail-modern-figure:before {
    width: 100%;
    visibility: visible;
    opacity: 1;
  }
}

* + .thumbnail-modern-caption {
  margin-top: 18px;
}

* + .thumbnail-modern-subtitle {
  margin-top: 2px;
}

.thumbnail-creative {
  overflow: hidden;
  text-align: left;
}

.thumbnail-creative-figure {
  display: block;
}

.thumbnail-creative-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.thumbnail-creative-caption {
  text-align: center;
  padding: 15px;
  background: #303233;
}

.thumbnail-creative-caption > * {
  position: relative;
  z-index: 1;
}

.thumbnail-creative-title {
  color: #ffffff;
  transition-delay: 0s;
}

.thumbnail-creative-time {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  font-family:  "gravita-geo-variable", sans-serif;

  text-transform: uppercase;
  color: #e86224;
  transition-delay: 0.5s;
}

.thumbnail-creative-button {
  transition-delay: 0.1s;
}

.thumbnail-creative-button .button {
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 600;
  min-width: 125px;
}

.thumbnail-creative-button .button::after {
  border-color: #ffffff;
}

.thumbnail-creative-button .button:hover,
.thumbnail-creative-button .button:active {
  color: #ffffff;
  background: transparent;
  border-color: #ffffff;
}

@media (min-width: 992px) {
  .desktop .thumbnail-creative-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    will-change: transform;
  }

  .desktop .thumbnail-creative-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: inherit;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    min-width: 180px;
    padding: 30px 15px 30px 30px;
    background: transparent;
  }

  .desktop .thumbnail-creative-caption::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #303233;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
    will-change: transform;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
  }

  .desktop .thumbnail-creative-title,
  .desktop .thumbnail-creative-time,
  .desktop .thumbnail-creative-button {
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    will-change: transform;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .desktop .thumbnail-creative:hover .thumbnail-creative-figure img {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }

  .desktop .thumbnail-creative:hover .thumbnail-creative-caption::before {
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1;
  }

  .desktop .thumbnail-creative:hover .thumbnail-creative-title,
  .desktop .thumbnail-creative:hover .thumbnail-creative-time,
  .desktop .thumbnail-creative:hover .thumbnail-creative-button {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
  }

  .desktop .thumbnail-creative:hover .thumbnail-creative-title {
    transition-delay: 0.25s;
  }

  .desktop .thumbnail-creative:hover .thumbnail-creative-time {
    transition-delay: 0.32s;
  }

  .desktop .thumbnail-creative:hover .thumbnail-creative-button {
    transition-delay: 0.39s;
  }
}

* + .thumbnail-creative-time {
  margin-top: 5px;
}

* + .thumbnail-creative-button {
  margin-top: 12px;
}

.thumbnail-mary {
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease;
}

.thumbnail-mary::before,
.thumbnail-mary::after {
  position: absolute;
  content: "";
  transition: inherit;
  pointer-events: none;
}

.thumbnail-mary::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.53);
  z-index: 1;
}

.thumbnail-mary::after {
  display: inline-block;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.thumbnail-mary-2::after {
  display: none;
}

.thumbnail-mary-2 .thumbnail-mary-caption .icon:hover {
  color: #cd8e65;
}

.thumbnail-mary-3::before {
  background: rgba(26, 43, 66, 0.37);
}

.thumbnail-xxs .thumbnail-mary-caption .icon {
  font-size: 20px;
}

.thumbnail-mary-figure {
  display: block;
}

.thumbnail-mary-figure img {
  width: auto;
  max-height: 150px;
  transition: all 0.3s ease;
}

.thumbnail-mary-caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.thumbnail-mary-caption > * {
  pointer-events: auto;
}

.thumbnail-mary-caption .icon {
  font-size: 36px;
}

.footer-variant-2 .thumbnail-mary-caption .icon {
  font-size: 20px;
}

.thumbnail-mary-caption .icon img {
  display: none;
}

.thumbnail-mary-caption .icon,
.thumbnail-mary-caption .icon:focus,
.thumbnail-mary-caption .icon:active {
  color: #ffffff;
}

.thumbnail-mary-caption .icon:hover {
  color: rgba(255, 255, 255, 0.5);
}

.thumbnail-mary-title {
  color: #ffffff;
}

.thumbnail-mary-title a,
.thumbnail-mary-title a:focus,
.thumbnail-mary-title a:active {
  color: inherit;
}

.thumbnail-mary-title a:hover {
  color: #fff;
}

.thumbnail-mary-title a span {
  display: block;
  font-size: 1rem;
}

.thumbnail-mary-project {
  font-weight: 300;
}

.thumbnail-mary-time {
  font-weight: 300;
  color: #e86224;
}

.owl-timeline .thumbnail-mary-decor {
  display: inline-block;
  position: relative;
  margin: 15px 0 14px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #e86224;
}

.owl-timeline .thumbnail-mary-decor::before,
.owl-timeline .thumbnail-mary-decor::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
}

.owl-timeline .thumbnail-mary-decor::before {
  background: rgba(151, 111, 85, 0.5);
  -webkit-animation: item1B 1s ease infinite;
  animation: item1B 1s ease infinite;
}

.owl-timeline .thumbnail-mary-decor::after {
  background: rgba(151, 111, 85, 0.3);
  -webkit-animation: item1A 1s ease infinite;
  animation: item1A 1s ease infinite;
}

@media (min-width: 992px) {
  .desktop .thumbnail-mary::before {
    opacity: 0;
    visibility: hidden;
  }

  .desktop .thumbnail-mary::after {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0;
    visibility: hidden;
  }

  .desktop .thumbnail-mary-figure img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    will-change: transform;
  }

  .desktop .thumbnail-mary-caption .icon,
  .desktop .thumbnail-mary-title {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .desktop .thumbnail-mary-caption .icon {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  .desktop .thumbnail-mary-title {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  .desktop .thumbnail-mary:hover::before {
    opacity: 1;
    visibility: visible;
  }

  .desktop .thumbnail-mary:hover::after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }

  .desktop .thumbnail-mary:hover .thumbnail-mary-figure img {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .thumbnail-mary:hover .icon,
  .desktop .thumbnail-mary:hover .thumbnail-mary-title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }

  .desktop .owl-timeline:hover .thumbnail-mary-decor::before,
  .desktop .owl-timeline:hover .thumbnail-mary-decor::after {
    -webkit-animation: none;
    animation: none;
  }

  .desktop
    .owl-timeline:hover
    .owl-stage
    > .owl-item:hover
    .thumbnail-mary-decor::before {
    -webkit-animation: item1B 1s ease infinite;
    animation: item1B 1s ease infinite;
  }

  .desktop
    .owl-timeline:hover
    .owl-stage
    > .owl-item:hover
    .thumbnail-mary-decor::after {
    -webkit-animation: item1A 1s ease infinite;
    animation: item1A 1s ease infinite;
  }
}

@-webkit-keyframes item1B {
  25% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
    visibility: hidden;
  }
}

@keyframes item1B {
  25% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
    visibility: hidden;
  }
}

@-webkit-keyframes item1A {
  100% {
    opacity: 0;
    -webkit-transform: scale(4);
    transform: scale(4);
    visibility: hidden;
  }
}

@keyframes item1A {
  100% {
    opacity: 0;
    -webkit-transform: scale(4);
    transform: scale(4);
    visibility: hidden;
  }
}

* + .thumbnail-mary-title {
  margin-top: 10px;
}

* + .thumbnail-mary-description {
  margin-top: 30px;
}

.thumbnail-joan {
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease;
}

.thumbnail-joan::before {
  position: absolute;
  content: "";
  transition: inherit;
  pointer-events: none;
}

.thumbnail-joan::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(26, 43, 66, 0.37);
  z-index: 1;
}

.thumbnail-joan-figure {
  display: block;
}

.thumbnail-joan-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.thumbnail-joan-caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.thumbnail-joan-caption > * {
  pointer-events: auto;
}

.thumbnail-joan-title {
  color: #ffffff;
}

.thumbnail-joan-title a,
.thumbnail-joan-title a:focus,
.thumbnail-joan-title a:active {
  color: inherit;
}

.thumbnail-joan-title a:hover {
  color: #cd8e65;
}

@media (min-width: 992px) {
  .desktop .thumbnail-joan::before {
    opacity: 0;
    visibility: hidden;
  }

  .desktop .thumbnail-joan-figure img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    will-change: transform;
  }

  .desktop .thumbnail-joan-title {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  .desktop .thumbnail-joan:hover::before {
    opacity: 1;
    visibility: visible;
  }

  .desktop .thumbnail-joan:hover .thumbnail-joan-figure img {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .thumbnail-joan:hover .thumbnail-joan-title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
  }
}

.thumbnail-instafeed {
  padding-bottom: 72%;
}

.thumbnail-instafeed .thumbnail-mary-figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-width: none;
}

@media (min-width: 992px) {
  .desktop .thumbnail-instafeed .thumbnail-mary-figure img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
  }

  .desktop .thumbnail-instafeed:hover .thumbnail-mary-figure img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.single-project .button {
  min-width: 230px;
}

.single-project p + p {
  margin-top: 24px;
}

@media (min-width: 576px) {
  .single-project {
    text-align: left;
  }

  .single-project .title-decoration-lines-bottom + p {
    margin-top: 38px;
  }
}

@media (min-width: 1200px) {
  .single-project h4 + p {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) {
  .single-project-3 {
    margin-right: 70px;
  }
}

.single-project-4 h4 {
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .single-project-4 {
    margin-left: 40px;
  }
}

.single-project-aside {
  padding-top: 30px;
  border-top: 1px solid #e1e1e1;
}

@media (min-width: 576px) {
  .single-project-aside {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .single-project-aside {
    padding-left: 40px;
    padding-top: 0;
    border-left: 1px solid #e1e1e1;
    border-top: none;
  }
}

@media (min-width: 1200px) {
  .single-project-aside {
    padding-left: 70px;
  }

  .single-project-aside .divider {
    width: 65%;
  }

  .single-project-aside * + .button {
    margin-top: 50px;
  }
}

.single-project-aside-title {
  font-weight: 300;
  letter-spacing: 0.075em;
}

.single-project-aside-title + .list-description {
  margin-top: 28px;
}

.project-navigation-arrow-prev,
.project-navigation-arrow-next {
  position: absolute;
  top: 50%;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 58px;
  width: 52px;
  font-size: 0;
  line-height: 58px;
  background: #ffffff;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  transition: all 0.25s ease;
}

.project-navigation-arrow-prev::before,
.project-navigation-arrow-prev::after,
.project-navigation-arrow-next::before,
.project-navigation-arrow-next::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  transition: all 0.3s ease-in-out;
}

.project-navigation-arrow-prev::before,
.project-navigation-arrow-next::before {
  height: 2px;
  width: 25px;
  background-color: #9b9b9b;
}

.project-navigation-arrow-prev::after,
.project-navigation-arrow-next::after {
  width: 0;
  height: 0;
  border-style: solid;
}

.project-navigation-arrow-prev:hover::before,
.project-navigation-arrow-next:hover::before {
  background-color: #2c3e51;
}

.project-navigation-arrow-prev:hover::after,
.project-navigation-arrow-next:hover::after {
  border-left-color: #2c3e51;
  border-right-color: #2c3e51;
}

.project-navigation-arrow-prev {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  left: 0;
  padding-left: 5px;
  padding-right: 13px;
}

.project-navigation-arrow-prev::after {
  border-width: 4px 6px 4px 0;
  border-color: transparent #9b9b9b transparent transparent;
}

.project-navigation-arrow-prev:hover {
  padding-left: 0;
  padding-right: 8px;
}

.project-navigation-arrow-next {
  right: 0;
  padding-left: 13px;
  padding-right: 5px;
}

.project-navigation-arrow-next::after {
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #9b9b9b;
}

.project-navigation-arrow-next:hover {
  padding-left: 8px;
  padding-right: 0;
}

@media (min-width: 768px) {
  .project-navigation {
    position: relative;
    padding: 20px 70px;
    background: #f7f7f7;
  }

  .project-navigation-arrow-prev,
  .project-navigation-arrow-next {
    display: -ms-flexbox;
    display: flex;
  }
}

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

.project-minimal-figure {
  display: block;
  overflow: hidden;
}

.project-minimal-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.project-minimal-title {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.project-minimal-title a,
.project-minimal-title a:focus,
.project-minimal-title a:active {
  color: inherit;
}

.project-minimal-title a:hover {
  color: #e86224;
}

.project-minimal-text {
  color: #9b9b9b;
}

* + .project-minimal-title {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .desktop .project-minimal-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .project-minimal:hover .project-minimal-figure img {
    -webkit-transform: none;
    transform: none;
  }
}

@media (min-width: 1200px) {
  .project-minimal-title {
    font-size: 24px;
  }
}

.breadcrumbs-custom {
  position: relative;
  overflow: hidden;
  padding: 40px 0;
  text-align: center;
  background-color: #2b313b;
  z-index: 1;
}

.breadcrumbs-custom-title {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0.075em;
  margin-bottom: 30px;
}

@media (min-width: 1001px) {
  .breadcrumbs-custom-title {
    margin-block-start: 0.43em;
  }
}
@media (max-width: 1000px) {
  .breadcrumbs-custom-title {
    margin-block-start: 0.83em;
  }
}
/*
#primary-header {
	margin-block-start: 1.45em;
}
@media (min-width: 1079px) {
	#primary-header {
		margin-block-start: 0.75em;
	}
}
*/
.breadcrumbs-custom-path {
  margin-left: -10px;
  margin-right: -10px;
  font-size: 1rem;
  line-height: 1.33;
  font-weight: 300;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.breadcrumbs-custom-path > * {
  padding-left: 10px;
  padding-right: 10px;
}

.breadcrumbs-custom-path a {
  display: inline;
  vertical-align: middle;
}

.breadcrumbs-custom-path a,
.breadcrumbs-custom-path a:active,
.breadcrumbs-custom-path a:focus {
  color: #ffffff;
}

.breadcrumbs-custom-path li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.breadcrumbs-custom-path li::after {
  content: "\f0da";
  display: inline-block;
  position: absolute;
  font-family: "FontAwesome";
  top: 40%;
  right: -10px;
  color: rgba(255, 255, 255, 0.53);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.breadcrumbs-custom-path li:last-child:after {
  display: none;
}

.breadcrumbs-custom-path a:hover {
  color: #e86224;
}

.breadcrumbs-custom-path li.active,
#title_current {
  color: rgba(232, 98, 36, 1);
  font-size: 1.15rem;
  font-weight: bold;
}

#title_current {
  color: rgba(232, 98, 36, 1);
  font-size: 1rem;
  font-weight: bold;
}

* + .breadcrumbs-custom-path {
  margin-top: 40px;
}

@media (max-width: 576px) {
  * + .breadcrumbs-custom-path {
    margin-top: 18px;
  }
}

@media (min-width: 1200px) {
  .breadcrumbs-custom {
    padding: 50px 25px;
  }
}

.pagination {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  margin-bottom: -14px;
  margin-left: -14px;
}

.pagination:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.pagination > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 14px;
  margin-left: 14px;
}

@media (min-width: 576px) {
  .pagination {
    margin-bottom: -18px;
    margin-left: -18px;
  }

  .pagination:empty {
    margin-bottom: 0;
    margin-left: 0;
  }

  .pagination > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 18px;
    margin-left: 18px;
  }
}

.page-item {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  color: #e86224;
  border-radius: 50%;
}

.page-item:first-child .page-link:hover,
.page-item:first-child .page-link:focus,
.page-item:first-child .page-link:active,
.page-item:last-child .page-link:hover,
.page-item:last-child .page-link:focus,
.page-item:last-child .page-link:active {
  color: #e86224;
}

.page-item:last-child .page-link {
  padding: 4px 4px 2px 6px;
}

.page-item:first-child .page-link {
  padding: 4px 6px 2px 4px;
}

@media (min-width: 576px) {
  .page-item:last-child .page-link {
    padding: 8px 8px 6px 10px;
  }

  .page-item:first-child .page-link {
    padding: 8px 10px 6px 8px;
  }
}

.page-link {
  display: inline-block;
  min-width: 38px;
  padding: 6px 5px 4px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: 0.075em;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #2c3e51;
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease-in-out;
}

.page-link .icon {
  font-size: 22px;
}

@media (min-width: 576px) {
  .page-link {
    min-width: 45px;
    padding: 9px 9px 7px;
    font-size: 24px;
    line-height: 1.04167;
  }
}

.page-link:hover,
.page-link:focus,
.page-link:active {
  color: #e86224;
  background-color: transparent;
  border-color: transparent;
}

.page-item.active > .page-link,
.page-item.active > .page-link:hover,
.page-item.active > .page-link:focus,
.page-item.active > .page-link:active {
  color: #e86224;
  background-color: transparent;
  border-color: transparent;
}

.page-item.disabled > .page-link,
.page-item.disabled > .page-link:hover,
.page-item.disabled > .page-link:focus,
.page-item.disabled > .page-link:active {
  color: #9b9b9b;
  background-color: transparent;
  border-color: transparent;
}

.page-item-control .icon::before {
  font-family: "FontAwesome";
  line-height: 25px;
}

.page-item-control:first-child .icon::before {
  content: "\f0d9";
  margin-left: -1px;
}

.page-item-control:last-child .icon::before {
  content: "\f0da";
  margin-right: -1px;
}

* + .pagination-wrap {
  margin-top: 50px;
}

.snackbars {
  color: #0565cf;
  text-align: center;
}

.snackbars .icon-xxs {
  font-size: 1rem;
}

.snackbars p span:last-child {
  padding-left: 14px;
}

.snackbars-left {
  display: inline-block;
  margin-bottom: 0;
}

.snackbars-right {
  display: inline-block;
  float: right;
  text-transform: uppercase;
}

.snackbars-right:hover {
  text-decoration: underline;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  /* background-color: #fff; */
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 1.1rem;
}

.card-form {
  background: #ffffff;
  transition: all 200ms ease;
}

.card-form * + .form-wrap {
  margin-top: 14px;
}

* + .card-form {
  margin-top: 26px;
}

.card-login-register {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}

.card-top-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card-form-login {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
}

.card-form-register {
  position: relative;
  display: none;
  z-index: 1;
}

.card-toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 17px;
  background: #f7f7f7;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.card-toggle-circle {
  position: absolute;
  top: 50%;
  left: -4px;
  width: 26px;
  height: 26px;
  background: #f7f7f7;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
  transition: all 0.1s linear;
}

.card-toggle-circle::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0089dd;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.2s ease-in-out;
}

.card-subtitle,
.card-top-panel-left {
  position: relative;
}

.card-title {
  margin-bottom: 0;
  letter-spacing: 0.05em;
  transition: all 300ms ease;
}

.card-subtitle {
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family:  "gravita-geo-variable", sans-serif;
  text-transform: none;
  transition: all 300ms ease;
}

.card-subtitle > * {
  display: inline-block;
}

.card-subtitle-login,
.card-title-login {
  opacity: 1;
  visibility: visible;
}

.card-subtitle-register,
.card-title-register {
  position: absolute;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
}

.card-title-register {
  left: 0;
}

.card-subtitle-register {
  right: 0;
}

.card-toggle-circle:hover::before {
  width: 18px;
  height: 18px;
}

.card-toggle.active .card-toggle-circle {
  -webkit-transform: translate(112%, -50%);
  transform: translate(112%, -50%);
}

.card-login-register.active .card-form-login {
  display: none;
}

.card-login-register.active .card-form-register {
  display: block;
}

.card-login-register.active .card-subtitle-login,
.card-login-register.active .card-title-login {
  opacity: 0;
  visibility: hidden;
}

.card-login-register.active .card-subtitle-register,
.card-login-register.active .card-title-register {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 575px) {
  .card-login-register .button-lg {
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-top-panel-right {
    text-align: right;
    width: calc(30% + 50px);
    margin-top: 4px;
  }

  .card-title-register {
    left: 30%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 576px) {
  .card-top-panel {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .card-login-register {
    max-width: 50%;
  }
}

.product {
  position: relative;
  text-align: center;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}

.product.box-ordered-item::before {
  position: absolute;
  display: inline-block;
  text-align: center;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  padding-top: 2px;
  font-size: 1rem;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: 0;
  font-family:  "gravita-geo-variable", sans-serif;

  border-radius: 50%;
  color: #ffffff;
  background: #b17a57;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
}

.product-2 {
  text-align: left;
  max-width: 260px;
}

.product-2 .unit {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: -14px;
  margin-left: -20px;
}

.product-2 .unit > * {
  margin-bottom: 14px;
  margin-left: 20px;
}

@media screen and (max-width: 1199px) {
  .product-2 .unit > * {
    margin-bottom: 5px;
  }

  .trending_div .product-title {
    font-weight: 300;
    text-transform: none;
    line-height: 20px;
    font-size: 1rem;
    font-family: "adobe-aldine", serif;
  }

  .product-title {
    line-height: 20px;
    font-size: 1rem;
  }

  .product-button {
    margin: 0 5px 5px;
  }

  h3,
  .heading-3 {
    font-size: 36px;
  }

  .display_none_1199 {
    display: none;
  }

  .products_details {
    padding: 5px 0px !important;
  }
}

@media screen and (max-width: 991px) {
  .display_un_991 {
    display: none;
  }

  * + .quote-lisa-text {
    min-height: 122px;
  }

  .product-title {
    min-height: 70px !important;
  }

  .trending_div {
    padding-bottom: 50px !important;
  }

  .trending_div .products_details {
    padding: 10px 0 25px 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .section-sm {
    padding: 50px 0px !important;
  }

  h3.font-weight-normal + p {
    font-size: 13px;
    margin-top: 15px;
  }

  .post-creative-title {
    min-height: 50px !important;
  }

  .product-2 .button.button-sm {
    min-width: auto;
  }

  .product-2 .product-figure {
    max-width: 100px;
  }

  .product-2 .product-button {
    display: none;
  }

  .product-2 * + .button {
    margin-top: 6px;
  }

  * + .quote-lisa-text {
    min-height: 180px;
  }
}

@media (min-width: 576px) {
  .product-2 {
    max-width: none;
  }
}

@media screen and (max-width: 425px) {
  * + .quote-lisa-text {
    min-height: 200px;
  }
}

@media screen and (max-width: 325px) {
  * + .quote-lisa-text {
    min-height: 310px;
  }
}

@media (min-width: 992px) {
  .product-2 {
    text-align: center;
  }

  .product-2 .product-figure {
    max-width: none;
  }

  .product-2 .product-button {
    display: block;
  }

  .product-2 .button.button-sm {
    display: none;
  }
}

.product-figure {
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
  transition: all 0.3s ease;
}

.product-figure img {
  width: 100%;
  -webkit-transform: none;
  transform: none;
  transition: inherit;
}

.product-button {
  margin: 0 10px 10px;
}

.product-button .button {
  width: 100%;
}

.product-title {
  font-weight: 300;
  text-transform: none;
  line-height: 22px;
  font-size: 1rem;
  font-family: "adobe-aldine", serif;
}

.product-title a,
.product-title a:focus,
.product-title a:active {
  color: inherit;
}

.product-title a:hover {
  color: #e86224;
}

.product-price {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.075em;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #e86224;
}

.product-price-old {
  color: #9b9b9b;
  text-decoration: line-through;
}

.product-price-old + .product-price {
  margin-left: 4px;
}

@media (min-width: 992px) {
  .desktop .product.box-ordered-item::before {
    display: none;
  }

  .desktop .product-figure::before {
    position: absolute;
    text-align: center;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(17, 17, 17, 0.39);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1;
  }

  .desktop .product-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1;
  }

  .desktop .product-button .button {
    width: auto;
    pointer-events: auto;
  }

  .desktop .product.active .product-figure::before,
  .desktop .product:hover .product-figure::before {
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    opacity: 1;
    visibility: visible;
  }

  .desktop .product.active .product-figure img,
  .desktop .product:hover .product-figure img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }

  .desktop .product.active .product-button,
  .desktop .product:hover .product-button {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.18s;
  }
}

* + .product-title {
  margin-top: 14px;
}

* + .product-price-wrap {
}

.product-minimal {
  -ms-flex-align: center;
  align-items: center;
}

.product-minimal-figure {
  position: relative;
  display: block;
  overflow: hidden;
  background: #f4f4f4;
}

.product-minimal-figure::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(17, 17, 17, 0.39);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1;
}

.product-minimal-figure img {
  width: 100%;
  -webkit-transform: none;
  transform: none;
  transition: all 0.3s ease;
}

.product-minimal-title {
  font-weight: 300;
}

.product-minimal-title a,
.product-minimal-title a:focus,
.product-minimal-title a:active {
  color: inherit;
}

.product-minimal-title a:hover {
  color: #e86224;
}

.product-minimal-price {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.075em;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #e86224;
}

.product-minimal:hover .product-minimal-figure::before {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 1;
  visibility: visible;
}

.product-minimal:hover .product-minimal-figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

* + .product-minimal-price {
  margin-top: 6px;
}

.product-top-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-top-panel-title {
  font-size: 1rem;
  letter-spacing: 0.075em;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .product-top-panel {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.product-sidebar {
  text-align: left;
}

.product-sidebar .button {
  min-width: 115px;
}

.product-sidebar h5 {
  font-weight: 300;
  letter-spacing: 0.1em;
}

.product-sidebar h5 + * {
  margin-top: 26px;
}

.list-shop-filter li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 0;
}

.list-shop-filter li > span {
  color: #e86224;
  letter-spacing: 0.075em;
}

.list-shop-filter li:first-child {
  padding-top: 0;
}

.list-shop-filter li:last-child {
  padding-bottom: 0;
}

.list-shop-filter li + li {
  margin: 0;
  border-top: 1px solid #e1e1e1;
}

.list-popular-product-item {
  padding: 26px 0;
}

.list-popular-product-item:first-child {
  padding-top: 0;
}

.list-popular-product-item:last-child {
  padding-bottom: 0;
}

.list-popular-product-item + .list-popular-product-item {
  margin: 0;
  border-top: 1px solid #e1e1e1;
}

h5 + .list-popular-product {
  margin-top: 18px;
}

.single-product {
  text-align: center;
  letter-spacing: 0.025em;
}

.single-product .button {
  min-width: 176px;
}

.single-product h3 + .group-md {
  margin-top: 10px;
}

.single-product .group-md + p {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .single-product {
    text-align: left;
  }
}

.single-product-price {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #e86224;
  font-weight: 600;
}

.list-description {
  text-align: left;
  color: #090909;
}

.list-description li > * {
  display: inline-block;
  vertical-align: middle;
}

.list-description li span:first-child {
  margin-right: 6px;
}

.list-description li span:last-child {
  color: #090909;
}

.list-description li + li {
  margin-top: 7px;
}

.social-title {
  font-size: 1rem;
  line-height: normal;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  font-family:  "gravita-geo-variable", sans-serif;
	color: #0565cf;
}

.social-list .icon {
  font-size: 20px;
}

.social-list .icon,
.social-list .icon:focus,
.social-list .icon:active {
  color: inherit;
}

.social-list .icon:hover {
  color: #e86224;
}

.box-rating .icon {
  font-size: 19px;
  color: #ffcc00;
}

.box-rating .icon + .icon {
  margin-left: 4px;
}

.cart-product-price {
  letter-spacing: 0.025em;
}

.cart-product-price sup {
  display: inline-block;
  margin-right: 5px;
  font-size: 50%;
}

.box-radio {
  text-align: left;
  padding: 28px 15px 18px;
  border: 1px solid #e1e1e1;
}

.radio-panel-content {
  height: 0;
  max-height: 0;
  opacity: 0;
  letter-spacing: 0.025em;
  color: #9b9b9b;
}

.radio-panel .radio-inline.active + .radio-panel-content {
  opacity: 1;
  height: 100%;
  max-height: 100%;
  transition: opacity 0.3s ease-out;
}

* + .radio-panel-content {
  margin-top: 8px;
}

* + .box-radio {
  margin-top: 20px;
}

.radio-panel + .radio-panel {
  margin-top: 15px;
}

@media (min-width: 576px) {
  .box-radio {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.product-image-map {
  position: relative;
}

.product-image-map img {
  display: block;
  width: 100%;
}

[class*="product-image-marker"] {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 43px;
  height: 43px;
  padding: 0 4px;
  background: rgba(177, 122, 87, 0.79);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

[class*="product-image-marker"] span {
  width: 25px;
  height: 25px;
  padding-top: 2px;
  font-size: 1rem;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0;
  font-family:  "gravita-geo-variable", sans-serif;

  border-radius: inherit;
  background: #ffffff;
}

[class*="product-image-marker"]::before,
[class*="product-image-marker"]::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 0;
  visibility: visible;
  will-change: transform;
  pointer-events: none;
  -webkit-transform: none;
  transform: none;
  z-index: -1;
}

[class*="product-image-marker"]::before {
  opacity: 1;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  background: rgba(177, 122, 87, 0.46);
}

[class*="product-image-marker"]::after {
  background: rgba(177, 122, 87, 0.3);
}

.product-image-marker-1-1 {
  bottom: 39%;
  left: 43%;
}

.product-image-marker-1-2 {
  bottom: 43%;
  left: 25%;
}

.product-image-marker-1-3 {
  bottom: 23%;
  left: 26%;
}

.product-image-marker-1-4 {
  top: 17%;
  right: 32%;
}

.product-image-marker-2-1 {
  top: 30%;
  left: 45%;
}

.product-image-marker-2-2 {
  bottom: 39%;
  right: 32%;
}

.product-image-marker-2-3 {
  bottom: 18%;
  left: 15%;
}

.product-image-marker-2-4 {
  bottom: 46%;
  left: 5%;
}

@media (min-width: 992px) {
  .desktop [class*="product-image-marker"]:hover::before,
  .desktop [class*="product-image-marker"].active::before {
    -webkit-animation: item1B 1s ease infinite;
    animation: item1B 1s ease infinite;
  }

  .desktop [class*="product-image-marker"]:hover::after,
  .desktop [class*="product-image-marker"].active::after {
    -webkit-animation: item1A 1s ease infinite;
    animation: item1A 1s ease infinite;
  }
}

@media (max-width: 1199px) {
  .tablet [class*="product-image-marker"]::before,
  .mobile [class*="product-image-marker"]::before {
    -webkit-animation: item1B 1s ease infinite;
    animation: item1B 1s ease infinite;
  }

  .tablet [class*="product-image-marker"]::after,
  .mobile [class*="product-image-marker"]::after {
    -webkit-animation: item1A 1s ease infinite;
    animation: item1A 1s ease infinite;
  }
}

@keyframes item1B {
  0% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }

  25% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    visibility: hidden;
  }
}

@keyframes item1A {
  5% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    visibility: hidden;
  }
}

.product-categories {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 120px;
  padding: 10px 15px 20px;
}

.product-categories-body {
  transition: all 0.3s ease;
}

* + .product-categories-title {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .product-categories {
    min-height: 150px;
    padding: 20px 20px 30px;
  }
}

@media (min-width: 992px) {
  .desktop .product-categories:hover {
    background: #f7f7f7;
  }

  .desktop .product-categories:hover .product-categories-body {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }
}

@media (min-width: 1200px) {
  .product-categories {
    min-height: 183px;
  }
}

.box-categories {
  position: relative;
  text-align: left;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  padding: 15.5% 20px 14.5% 40px;
  background: #ffffff;
  transition: all 0.3s ease;
  z-index: 1;
}

.box-categories::before {
  position: absolute;
  content: "";
  top: 12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  border: 1px solid #e1e1e1;
  background: transparent;
  will-change: transform;
  pointer-events: none;
  transition: inherit;
  z-index: -1;
}

.box-categories-content {
  margin: 10px 20px 10px 10px;
  font-size: 1rem;
  font-family:  "gravita-geo-variable", sans-serif;
}

.box-categories-title {
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  font-size: 20px;
  font-family:  "gravita-geo-variable", sans-serif;
}

.box-categories-list {
  letter-spacing: 0.025em;
}

.box-categories-list li {
  transition: all 0.2s ease;
}

.box-categories-list li::before {
  transition: all 0.3s ease-in-out;
}

.box-categories-list li:hover {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
}

.box-categories-list li:hover::before {
  border-left-color: #e86224;
}

.box-categories-list a,
.box-categories-list a:focus,
.box-categories-list a:active {
  color: inherit;
}

.box-categories-list a:hover {
  color: #e86224;
}

* + .box-categories-list {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .box-categories {
    padding-right: 30px;
    padding-left: 55px;
  }

  .desktop .box-categories:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.17);
  }

  .desktop .box-categories:hover::before {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}

.product-big {
  position: relative;
  text-align: left;
}

.product-big .unit {
  margin-bottom: -30px;
  margin-left: 0;
}

.product-big .unit > * {
  margin-bottom: 30px;
  margin-left: 0;
}

.product-big .unit-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.product-big * + .group-sm {
  margin-top: 12px;
}

.product-big * + .button {
  margin-top: 25px;
}

.product-big-figure {
  position: relative;
  overflow: hidden;
  display: block;
}

.product-big-title {
  font-weight: 300;
  letter-spacing: 0.075em;
}

.product-big-rating .icon {
  font-size: 19px;
  letter-spacing: 0;
  line-height: 24px;
  color: #ffcc00;
}

.product-big-rating .icon + .icon {
  margin-left: 0;
}

.product-big-reviews {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.product-big-reviews,
.product-big-reviews:focus,
.product-big-reviews:active {
  color: #9b9b9b;
}

.product-big-reviews:hover {
  color: #e86224;
}

.product-big-text {
  letter-spacing: 0.025em;
  color: #9b9b9b;
}

.product-big-price-wrap {
  position: absolute;
  overflow: hidden;
  text-align: center;
  padding: 8px 10px 6px;
  top: 0;
  right: 0;
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: rgba(255, 255, 255, 0.4);
  background: transparent;
  z-index: 1;
}

.product-big-price-wrap > * {
  display: block;
}

.product-big-price-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 14px;
  width: 400%;
  height: 100%;
  background: #e86224;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  will-change: transform;
  pointer-events: none;
  z-index: -1;
}

.product-big-price {
  font-size: 1.5em;
  letter-spacing: 0.025em;
  color: #ffffff;
}

* + .product-big-text {
  margin-top: 6px;
}

@media (min-width: 768px) {
  .product-big {
    border: 1px solid #e1e1e1;
  }

  .product-big .unit {
    min-height: 366px;
  }

  .product-big .unit-left {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }

  .product-big-body {
    padding: 30px 70px 30px 10%;
  }

  .product-big-figure {
    min-height: 100%;
  }

  .product-big-figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
  }
}

.product-big-price-wrap {
  top: -1px;
  right: -1px;
  padding: 20px 10px 16px;
  font-size: 20px;
}

.product-big-price-wrap::before {
  left: 24px;
}

@media (min-width: 992px) {
  .product-big .unit-left {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .product-big-body {
    padding-left: 12%;
    padding-right: 85px;
  }

  .product-big-price-wrap {
    font-size: 24px;
    padding: 30px 17px 26px;
  }

  .desktop .product-big-figure img {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.3s ease;
  }
}

.desktop .product-big:hover .product-big-figure img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.ie-edge .product-big .unit,
.ie-10 .product-big .unit,
.ie-11 .product-big .unit {
  height: 366px;
}

.title-classic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-bottom: -15px;
  margin-left: -32px;
}

.title-classic:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.title-classic > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 32px;
}

.title-classic-title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.title-classic-title > h3 {
  margin-top: 6px;
}

.title-classic-text {
  font-size: 1rem;
  padding-top: 20px;
  border-top: 1px solid #e1e1e1;
}

* + .title-classic-text {
  margin-top: 0;
}

@media (min-width: 576px) {
  .title-classic {
    text-align: left;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .title-classic-text {
    padding-top: 0;
    padding-left: 28px;
    border-top: none;
    border-left: 1px solid #e1e1e1;
  }
}

@media (max-width: 800px) {
  .title-classic-text {
    font-size: 0.85rem;
  }
}

.title-modern {
  position: relative;
  letter-spacing: 0.05em;
}

.title-modern > span {
  position: absolute;
  left: 50%;
  font-size: 3.75em;
  line-height: 1;
  letter-spacing: 0.07em;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  will-change: transform;
}

h1.title-modern > span {
  top: -65px;
  font-size: 3.75em;
}

@media (min-width: 768px) {
  h1.title-modern > span {
    top: -85px;
  }
}

@media (min-width: 992px) {
  h1.title-modern > span {
    top: -110px;
  }
}

h2.title-modern {
  font-weight: 300;
}

h2.title-modern > span {
  top: -70px;
  font-size: 5.86em;
}

@media (min-width: 768px) {
  h2.title-modern > span {
    top: -90px;
  }
}

@media (min-width: 992px) {
  h2.title-modern > span {
    top: -120px;
  }
}

@media (min-width: 1200px) {
  h2.title-modern > span {
    top: -135px;
  }
}

@-webkit-keyframes titleColor {
  50% {
    color: rgba(255, 255, 255, 0.3);
  }

  100% {
    color: rgba(255, 255, 255, 0.07);
  }
}

@keyframes titleColor {
  50% {
    color: rgba(255, 255, 255, 0.3);
  }

  100% {
    color: rgba(255, 255, 255, 0.07);
  }
}

.title-opacity-9 {
  color: rgba(21, 21, 21, 0.09);
}

* + .heading-panel-subtitle {
  margin-top: 10px;
}

.heading-panel + .owl-services-2 {
  margin-top: 50px;
}

.heading-panel + .owl-quote-2 {
  margin-top: 35px;
}

@media (max-width: 575px) {
  .heading-panel * + .owl-custom-nav {
    margin-top: 20px;

  }
}

@media (min-width: 576px) {
  .heading-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
  }

  .heading-panel-left {
    position: relative;
    text-align: left;
    margin-top: 4px;
    padding-left: 110px;
  }

  .heading-panel-decor {
    font-size: 0;
    line-height: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 0;
    margin: 0 10px;
    border-top: 1px solid #dfdfdf;
  }

  .heading-panel-title {
    position: absolute;
    top: 50%;
    left: 0;
    color: rgba(21, 21, 21, 0.09);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  * + .heading-panel-subtitle {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .heading-panel-left {
    padding-left: 160px;
    margin-top: 8px;
  }
}

@media (min-width: 992px) {
  .heading-panel {
    padding: 10px 0;
  }

  .heading-panel-left {
    padding-left: 200px;
  }
}

@media (min-width: 1200px) {
  .heading-panel {
    padding-bottom: 30px;
  }

  .heading-panel-left {
    padding-left: 240px;
  }

  .heading-panel-title {
    top: 60%;
  }
}
/*============ header inner ============ */

.header-inner-tmargin {
  width: 100%;
  float: left;
  margin-top: -145px;
}
.header-inner-tmargin.less-mar {
  margin-top: -41px;
}
.header-inner {
  position: relative;
  width: 100%;
  height: 500px;
  float: left;
  overflow: hidden;
}
.header-inner.less-height {
  height: 430px;
}
.header-inner .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
}
.header-inner .text {
  position: absolute;
  width: 100%;
  height: 1000px;
  padding: 16% 0 0 0;
  top: 0;
  margin: 0;
  float: left;
  z-index: 3;
}
.header-inner .text .title {
  font-size: 30px;
  font-weight: 600;
}
.header-inner .text .sub-title {
  width: 100%;
  font-size: 1rem;
}

/* less height
 ------------------------------ */
.header-inner.less-height {
  height: 335px;
}
.header-inner.less-height .text {
  height: 300px;
  padding: 9% 0 0 0;
}

/*============ pagenation ============ */
.pagenation-holder {
  border-bottom: 1px solid #f0f0f0;
  float: left;
  margin: 0;
  padding: 25px 0 10px;
  width: 100%;
}
.pagenation-holder .breadcrumb {
  float: right;
  margin-bottom: 0;
  background-color: #fff;
}
.pagenation-holder .breadcrumb li {
  display: inline;
}
.pagenation-holder .breadcrumb li.current a {
  color: #fccb06;
}
.pagenation-holder .breadcrumb li + li:before {
  content: "» ";
}

.services-classic {
  text-align: left;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}

.services-classic-figure {
  position: relative;
  overflow: hidden;
  display: block;
}

.services-classic-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.services-classic-caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 25px 0 14px 20px;
  border-bottom: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}

.services-classic-caption::before {
  position: absolute;
  content: "";
  top: 54%;
  left: 1px;
  height: 34px;
  width: 1px;
  background: #e1e1e1;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  transition: height 0.3s ease 0.3s, width 0.3s ease 0s;
}

.services-classic-counter {
  letter-spacing: 0.05em;
  color: rgba(21, 21, 21, 0.2);
  transition: inherit;
}

.services-classic-title {
  margin-left: 16px;
  max-width: 262px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.services-classic-title a {
  transition: all 0.3s ease-in-out, color 0.3s ease-in-out;
}

* + .services-classic-title {
  margin-top: 0;
}

@media (min-width: 992px) {
  .desktop .services-classic-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .services-classic:hover .services-classic-figure img {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .services-classic:hover .services-classic-caption {
    padding-left: 58px;
    transition-delay: 0.3s;
  }

  .desktop .services-classic:hover .services-classic-caption::before {
    height: 1px;
    width: 40px;
    transition-delay: 0s, 0.3s;
  }

  .desktop .services-classic:hover .services-classic-counter {
    color: #2c3e51;
  }

  .desktop .services-classic:hover .services-classic-title {
    letter-spacing: 0.2em;
  }

  .desktop .services-classic:hover .services-classic-title a {
    transition-delay: 0.3s, 0s;
  }
}

@media (min-width: 768px) {
  .services-classic-title {
    margin-bottom: 4px;
  }

  .services-classic-caption::before {
    height: 40px;
  }
}

.services-modern {
  position: relative;
}

.services-modern-content-wrap {
  overflow: hidden;
  -webkit-clip-path: polygon(
    calc(50% - 25px) 25px,
    calc(50% + 25px) 25px,
    calc(50% + 50px) 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    calc(50% - 50px) 0
  );
  clip-path: polygon(
    calc(50% - 25px) 25px,
    calc(50% + 25px) 25px,
    calc(50% + 50px) 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    calc(50% - 50px) 0
  );
}

.services-modern-content {
  transition: all 0.3s ease;
}

.services-modern-figure {
  display: block;
  background: #363b3e;
}

.services-modern-figure img {
  width: 100%;
  transition: inherit;
}

.services-modern-title {
  font-weight: 300;
  font-size: 1rem;
  color: #0565cf;
}

.services-modern-title a,
.services-modern-title a:focus,
.services-modern-title a:active {
  color: inherit;
}

.services-modern-title:hover {
  color: #e86224;
  font-weight: 700;
  text-decoration: underline;
}

.services-modern-counter {
  position: absolute;
  top: -20px;
  left: 50%;
  font-size: 48px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.05em;
  font-family:  "gravita-geo-variable", sans-serif;

  color: rgba(21, 21, 21, 0.3);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  transition: all 0.3s ease-in-out;
}

@media (min-width: 992px) {
  .desktop .services-modern:hover .services-modern-content {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  .desktop .services-modern:hover .services-modern-figure img {
    opacity: 0.5;
  }

  .desktop .services-modern:hover .services-modern-counter {
    -webkit-transform: translate3d(-50%, -10px, 0);
    transform: translate3d(-50%, -10px, 0);
    color: #e86224;
  }
}

.single-service {
  text-align: left;
}

.single-service h3 + p {
  margin-top: 14px;
}

.single-service * + .quote-classic {
  margin-top: 34px;
}

.single-service * + .list-marked {
  margin-top: 24px;
}

.single-service .quote-classic + p {
  margin-top: 35px;
}

.team-classic {
  position: relative;
  overflow: hidden;
  text-align: left;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  background: #000000;
}

.team-classic-2 .team-classic-status {
  color: #f5cdae;
}

.team-classic-figure {
  display: block;
}

.team-classic-figure img {
  width: 100%;
  transition: all 0.3s ease;
  will-change: opacity;
}

.team-classic-caption {
  position: absolute;
  overflow: hidden;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 15px 15px 25px;
  background-color: rgba(17, 17, 17, 0.5);
  transition: all 0.3s ease;
  z-index: 1;
}

.team-classic-name {
  color: #ffffff;
}

.team-classic-name a,
.team-classic-name a:focus,
.team-classic-name a:active {
  color: inherit;
}

.team-classic-name a:hover {
  color: #e86224;
}

.team-classic-status {
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.025em;
}

* + .team-classic-status {
  margin-top: 0;
}

@media (min-width: 576px) {
  .team-classic-lg {
    max-width: 420px;
  }

  .team-classic-lg .team-classic-caption {
    bottom: 44px;
    margin-left: -30px;
    padding: 15px 20px 15px 85px;
  }
}

@media (min-width: 992px) {
  .desktop .team-classic:hover .team-classic-figure img {
    opacity: 0.7;
  }
}

@media (min-width: 1200px) {
  .team-classic-lg .team-classic-caption {
    bottom: 10%;
    padding: 15px 6% 15px 18%;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .team-classic-lg .team-classic-caption {
    min-width: 260px;
  }
}

.team-modern {
  position: relative;
  text-align: center;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
}

.team-modern svg path {
  fill: #f7f7f7;
}

.team-modern-caption {
  padding: 7px 14px 48px;
  background: #f7f7f7;
}

.team-modern-header {
  position: relative;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 32px;
}

.team-modern-header svg {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.team-modern-figure {
  position: relative;
  display: block;
  top: 0;
  width: 100%;
  max-width: 118px;
  max-height: 118px;
  margin: 0 auto;
  transition: all 0.3s ease;
  z-index: 1;
}

.team-modern-figure::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 4px solid transparent;
  transition: all 0.3s ease-in-out;
}

.team-modern-status {
  color: #956e54;
  letter-spacing: 0.025em;
  line-height: 1.71429;
}

.team-modern-name,
.team-modern-phone {
  font-weight: 300;
}

@media (min-width: 992px) {
  .desktop .team-modern:hover .team-modern-figure {
    top: -10px;
  }

  .desktop .team-modern:hover .team-modern-figure::before {
    border-color: #956e54;
  }

  .desktop .team-modern-2:hover .team-modern-figure::before {
    border-color: #e86224;
  }
}

* + .team-modern-status {
  margin-top: 4px;
}

* + .team-modern-phone {
  margin-top: 10px;
}

.team-creative {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}

.team-creative-figure {
  display: block;
}

.team-creative-figure img {
  width: 100%;
}

.team-creative-caption {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 33px 0 13px;
  transition: all 0.3s ease;
}

.team-creative-name {
  font-weight: 300;
}

.team-creative-status {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: rgba(21, 21, 21, 0.45);
  transition: all 0.2s ease-in-out;
}

.team-creative-decor-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #2c3e51;
}

.team-creative-decor-bottom::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 0;
  height: inherit;
  background: #956e54;
  transition: all 0.2s ease 0.2s;
}

.team-creative-decor-left {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 0;
  height: 0;
  transition: height 0.15s ease 0.15s, width 0.15s ease 0s;
}

.team-creative-decor-left::before,
.team-creative-decor-left::after {
  position: absolute;
  content: "";
  background: #956e54;
}

.team-creative-decor-left::before {
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
}

.team-creative-decor-left::after {
  top: 0;
  left: 2px;
  height: 2px;
  width: 100%;
}

@media (min-width: 1200px) {
  .desktop .team-creative:hover .team-creative-caption {
    padding-left: 44px;
    transition-delay: 0.2s;
  }

  .desktop .team-creative:hover .team-creative-decor-bottom::before {
    width: 100%;
    transition-delay: 0s;
  }

  .desktop .team-creative:hover .team-creative-decor-left {
    width: 32px;
    height: 32px;
    transition-delay: 0.2s, 0.35s;
  }

  .desktop .team-creative:hover .team-creative-status {
    color: #e86224;
  }
}

* + .team-creative-status {
  margin-top: 0;
}

.team-nikki {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
}

.team-nikki-figure {
  display: block;
  overflow: hidden;
}

.team-nikki-figure img {
  width: 100%;
  transition: all 0.3s ease;
}

.team-nikki-caption {
  position: relative;
  padding: 22px 15px 24px;
  background: #ffffff;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

.team-nikki-name {
  position: relative;
  font-weight: 300;
}

.team-nikki-status {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #956e54;
  transition: all 0.3s ease-in-out;
}

.team-nikki-arrow {
  position: absolute;
  text-align: center;
  top: -10px;
  left: 50%;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  color: #e86224;
  background: #ffffff;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  transition: all 0.3s ease-in-out;
  z-index: -1;
}

.team-nikki-arrow::before {
  display: inline-block;
  content: "\f106";
  font-size: 1rem;
  line-height: 27px;
  font-family: "FontAwesome";
  -webkit-transform: none;
  transform: none;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (min-width: 992px) {
  .desktop .team-nikki-figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
  }

  .desktop .team-nikki:hover .team-nikki-figure img {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .team-nikki:hover .team-nikki-caption {
    background: #e86224;
  }

  .desktop .team-nikki:hover .team-nikki-name,
  .desktop .team-nikki:hover .team-nikki-status {
    color: #ffffff;
  }

  .desktop .team-nikki:hover .team-nikki-arrow {
    background: #e86224;
    color: #ffffff;
  }

  .desktop .team-nikki:hover .team-nikki-arrow::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .desktop .team-nikki:hover .team-nikki-name a:focus,
  .desktop .team-nikki:hover .team-nikki-name a:hover {
    color: rgba(255, 255, 255, 0.7);
  }
}

* + .team-nikki-status {
  margin-top: 2px;
}
.figure-caption {
  font-size: 1rem;
  text-align: center;
  line-height: normal;
  text-transform: none;
  position: relative;
  display: block;
}
.img-wrap {
  display: inline-block;
  position: relative;
  width: auto;
  max-width: 200px;
  padding: 5px 8px;
  border-color: #e1e1e1;
  margin-left: auto;
  margin-right: auto;
  background-color: lightsalmon;
}

.clients-classic {
  position: relative;
  display: block;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  transition: all 0.3s ease-in-out;
}

.clients-classic::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  will-change: transform;
}

.clients-classic img {
  width: 100%;
  opacity: 0.5;
}

@media (min-width: 992px) {
  .desktop .clients-classic img {
    will-change: transform;
    transition: all 0.3s ease;
  }

  .desktop .clients-classic:hover {
    border-color: #2c3e51;
  }

  .desktop .clients-classic:hover::before {
    -webkit-transform: scale(0.94, 0.9);
    transform: scale(0.94, 0.9);
    border-color: #2c3e51;
  }

  .desktop .clients-classic:hover img {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  .desktop .context-dark .clients-classic:hover,
  .desktop .bg-gray-dark .clients-classic:hover,
  .desktop .bg-primary .clients-classic:hover {
    border-color: rgba(255, 255, 255, 0.6);
  }

  .desktop .context-dark .clients-classic:hover::before,
  .desktop .bg-gray-dark .clients-classic:hover::before,
  .desktop .bg-primary .clients-classic:hover::before {
    border-color: rgba(255, 255, 255, 0.6);
  }
}

.context-dark .clients-classic,
.bg-gray-dark .clients-classic,
.bg-primary .clients-classic {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
}

.clients-modern {
  position: relative;
  display: block;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  transition: all 0.3s ease-in-out;
}

.clients-modern::before,
.clients-modern::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: color 0.1s ease, -webkit-transform 0.3s ease;
  transition: color 0.1s ease, transform 0.3s ease;
  transition: color 0.1s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  will-change: transform;
}

.clients-modern::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.clients-modern::after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.clients-modern img {
  width: 100%;
  opacity: 0.5;
}

@media (min-width: 992px) {
  .desktop .clients-modern img {
    will-change: transform;
    transition: all 0.3s ease;
  }

  .desktop .clients-modern:hover {
    border-color: transparent;
  }

  .desktop .clients-modern:hover::before,
  .desktop .clients-modern:hover::after {
    -webkit-transform: none;
    transform: none;
  }

  .desktop .clients-modern:hover::before {
    border-color: #f5cdae transparent #f5cdae transparent;
  }

  .desktop .clients-modern:hover::after {
    border-color: transparent #f5cdae transparent #f5cdae;
  }

  .desktop .clients-modern:hover img {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.clients-creative {
  position: relative;
  display: block;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s ease-in-out;
}

.clients-creative img {
  width: 100%;
  opacity: 0.3;
}

.clients-creative-2 img,
.clients-creative-3 img {
  opacity: 0.5;
}

.clients-creative-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .desktop .clients-creative img {
    will-change: transform;
    transition: all 0.3s ease;
  }

  .desktop .clients-creative:hover {
    border-color: #2c3e51;
  }

  .desktop .clients-creative:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  .desktop .clients-creative-2:hover img {
    opacity: 0.7;
  }

  .desktop .clients-creative-3:hover img {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .clients-creative-3 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.video-classic {
  position: relative;
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.video-classic .video-classic-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.video-classic-play {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 1;
}

.video-classic-play > span {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-style: solid;
  border-width: 6.5px 0 6.5px 12px;
  border-color: transparent transparent transparent #2c3e51;
  transition: all 0.3s ease;
  z-index: 0;
}

.video-classic-play::before,
.video-classic-play::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  will-change: transform;
  transition: inherit;
  z-index: -1;
}

.video-classic-play::before {
  background: rgba(255, 255, 255, 0.61);
}

.video-classic-play::after {
  background: #e86224;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

.video-classic-play:hover > span {
  border-left-color: #ffffff;
}

.video-classic-play:hover::before {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.video-classic-play:hover::after {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.video-classic-play-2 {
  width: 100px;
  height: 100px;
}

.video-classic-play-2::before {
  background: rgba(21, 21, 21, 0.61);
}

.video-classic-play-2 > span {
  border-left-color: #ffffff;
  border-width: 11.5px 0 11.5px 20px;
}

.video-modern * + .video-classic-play {
  margin-top: 24px;
}

.video-modern-subtitle {
  font-weight: 300;
  color: #e86224;
}

.video-modern-text {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
}

* + .video-modern-title {
  margin-top: 4px;
}

* + .video-modern-text {
  margin-top: 10px;
}

.modal-video {
  -ms-flex-align: center;
  align-items: center;
}

.modal-video.show {
  display: -ms-flexbox !important;
  display: flex !important;
}

.modal-video .modal-dialog {
  width: 100%;
}

.modal-video .modal-content {
  display: block;
  font-size: 0;
  line-height: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.modal-video .modal-header {
  display: block;
  padding: 0;
  border: none;
}

.modal-video .modal-body {
  padding: 0;
}

.modal-video video {
  width: 100%;
}

.modal-video .close {
  position: relative;
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
  text-shadow: none;
  cursor: pointer;
  z-index: 1;
}

@media (min-width: 576px) {
  .modal-video .modal-dialog {
    max-width: 80%;
  }
}

@media (min-width: 1200px) {
  .modal-video .modal-dialog {
    max-width: 60%;
  }
}

.page {
  position: relative;
  overflow: auto;
  min-height: 100vh;
  text-align: center;
}

[data-x-mode] .page {
  opacity: 1;
}

html.boxed body {
  background: #f2f2f2 url("../images/patterns/pattern8.jpg") repeat fixed;
}

@media (min-width: 1630px) {
  html.boxed .page {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1);
  }

  html.boxed .rd-navbar-static {
    max-width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
  }

  html.boxed .rd-navbar-static.rd-navbar--is-stuck {
    max-width: calc(100% - 10px);
    width: calc(100% - 140px);
    left: calc(50% - 1600px);
    right: calc(50% - 1600px);
  }
}

.text-left {
  text-align: left!important;
}
.text-right {
  text-align: right!important;
}
.text-justify {
  text-align: justify!important;
}

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

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

.text-underline {
  text-decoration: underline;
}

.text-strike {
  text-decoration: line-through;
}

.font-weight-thin {
  font-weight: 100;
}

.font-weight-light {
  font-weight: 300;
}

.font-weight-regular {
  font-weight: 300;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-sbold {
  font-weight: 600;
}

.font-weight-ubold {
  font-weight: 900;
}

.text-spacing-0 {
  letter-spacing: 0;
}

.text-spacing-25 {
  letter-spacing: 0.025em;
}

.text-spacing-50 {
  letter-spacing: 0.05em;
}

.text-spacing-75 {
  letter-spacing: 0.075em;
}

.text-spacing-100 {
  letter-spacing: 0.1em;
}

.text-primary {
  color: #e86224;
}

.text-secondary {
  color: #0565CF;
}

.text-gray-500 {
  color: #9b9b9b;
}

.text-muted {
    color: #6c757d !important;
    font-size: 0.95rem;
}

.text-img {
  display: inline-block;
  overflow: hidden;
  font-size: 400px;
  line-height: 85%;
  font-weight: 500;
  height: 280px;
  font-family:  "gravita-geo-variable", sans-serif;
  color: #2c3e51;
}

.text-img:hover {
  color: #9b9b9b;
}

@media (min-width: 576px) {
  .text-img {
    font-size: 500px;
    height: 355px;
  }
}

@media (min-width: 992px) {
  .text-img {
    letter-spacing: 0.05em;
  }
}

.text-style-1 {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-indent: -28px;
  padding-left: 28px;
}

.text-style-1 .icon {
  vertical-align: middle;
  font-size: 20px;
  line-height: 24px;
  min-width: 18px;
  margin-right: 10px;
  text-indent: 0;
}

* + .text-style-1 {
  margin-top: 20px;
}

.text-strike-1 {
  position: relative;
  display: inline-block;
  color: rgba(21, 21, 21, 0.52);
}

.text-strike-1::before {
  position: absolute;
  content: "";
  bottom: 36%;
  left: -8px;
  height: 2px;
  width: 107%;
  -webkit-transform: rotate(-3.8deg);
  transform: rotate(-3.8deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  will-change: transform;
  background: #fcef57;
  transition: all 0.3s ease 1.2s;
  z-index: 1;
}

.swiper-container .text-strike-1::before {
  -webkit-transform: rotate(-3.8deg) scale(0);
  transform: rotate(-3.8deg) scale(0);
}

.swiper-container .swiper-slide-active .text-strike-1::before {
  -webkit-transform: rotate(-3.8deg) scale(1);
  transform: rotate(-3.8deg) scale(1);
}

h1 + h2 {
  margin-top: 4px;
}

h2 + h3 {
  margin-top: 9px;
}

h3 + h4 {
  margin-top: 13px;
}

h4 + h5 {
  margin-top: 19px;
}

h5 + h6 {
  margin-top: 27px;
}

h1 + p {
  margin-top: 4px;
}

h2 + p {
  margin-top: 8px;
}

h3 + p {
  margin-top: 10px;
}

h4 + p {
  margin-top: 16px;
}

h5 + p {
  margin-top: 17px;
}

h6 + p {
  margin-top: 17px;
}

h3.font-weight-normal + p {
  margin-top: 2px;
}

p + h2,
p + .heading-2 {
  margin-top: 15px;
}

p + p {
  margin-top: 12px;
}

img + p {
  margin-top: 15px;
}

h3 + img {
  margin-top: 40px;
}

* + .row {
  margin-top: 0;
}

* + .row-xxs {
  margin-top: 10px;
}

* + .row-xs {
  margin-top: 20px;
}

* + .row-sm {
  margin-top: 30px;
}

* + .row-lg {
  margin-top: 30px;
}

* + .row-xl {
  margin-top: 60px;
}

* + .row-xxl {
  margin-top: 70px;
}

* + .owl-carousel {
  margin-top: 20px;
}

* + .offset-top-30 {
  margin-top: 30px;
}

* + .big {
  margin-top: 20px;
}

* + .button-wrap {
  margin-top: 15px;
}

h3 + .section-relative {
  margin-top: 35px;
}

h4 + .instafeed {
  margin-top: 2px;
}

.row + h3,
.row + .heading-3 {
  margin-top: 80px;
}

.row + .row {
  margin-top: 15px;
}

.row + .button-wrap {
  margin-top: 45px;
}

@media (min-width: 1200px) {
  .container + .box-form + .form-wrap {
    margin-top: 0;
  }

  .row + .row {
    margin-top: 20px;
  }
}

.container + .box-form + .form-wrap {
  margin-top: 0;
}

@media (max-width: 1200px) {
  .container + .box-form + .form-wrap {
    margin-top: 10px;
  }
}

.row-0 {
  margin-bottom: 0;
}

.row-0:empty {
  margin-bottom: 0;
}

.row-0 > * {
  margin-bottom: 0;
}

.row-4 {
  margin-bottom: -4px;
}

.row-4:empty {
  margin-bottom: 0;
}

.row-4 > * {
  margin-bottom: 4px;
}

.row-6 {
  margin-bottom: -6px;
}

.row-6:empty {
  margin-bottom: 0;
}

.row-6 > * {
  margin-bottom: 6px;
}

.row-10 {
  margin-bottom: -10px;
}

.row-10:empty {
  margin-bottom: 0;
}

.row-10 > * {
  margin-bottom: 10px;
}

.row-14 {
  margin-bottom: -14px;
}

.row-14:empty {
  margin-bottom: 0;
}

.row-14 > * {
  margin-bottom: 14px;
}

.row-15 {
  margin-bottom: -15px;
}

.row-15:empty {
  margin-bottom: 0;
}

.row-15 > * {
  margin-bottom: 15px;
}

.row-16 {
  margin-bottom: -16px;
}

.row-16:empty {
  margin-bottom: 0;
}

.row-16 > * {
  margin-bottom: 16px;
}

.row-20 {
  margin-bottom: -20px;
}

.row-20:empty {
  margin-bottom: 0;
}

.row-20 > * {
  margin-bottom: 20px;
}

.row-30 {
  margin-bottom: -30px;
}

.row-30:empty {
  margin-bottom: 0;
}

.row-30 > * {
  margin-bottom: 30px;
}

.row-40 {
  margin-bottom: -40px;
}

.row-40:empty {
  margin-bottom: 0;
}

.row-40 > * {
  margin-bottom: 40px;
}

.row-50 {
  margin-bottom: -50px;
}

.row-50:empty {
  margin-bottom: 0;
}

.row-50 > * {
  margin-bottom: 50px;
}

.row-55 {
  margin-bottom: -55px;
}

.row-55:empty {
  margin-bottom: 0;
}

.row-55 > * {
  margin-bottom: 55px;
}

.row-60 {
  margin-bottom: -60px;
}

.row-60:empty {
  margin-bottom: 0;
}

.row-60 > * {
  margin-bottom: 60px;
}

.row-70 {
  margin-bottom: -70px;
}

.row-70:empty {
  margin-bottom: 0;
}

.row-70 > * {
  margin-bottom: 70px;
}

.row-90 {
  margin-bottom: -90px;
}

.row-90:empty {
  margin-bottom: 0;
}

.row-90 > * {
  margin-bottom: 90px;
}

@media (min-width: 768px) {
  .row-md-50 {
    margin-bottom: -50px;
  }

  .row-md-50:empty {
    margin-bottom: 0;
  }

  .row-md-50 > * {
    margin-bottom: 50px;
  }

  .row-md-80 {
    margin-bottom: -80px;
  }

  .row-md-80:empty {
    margin-bottom: 0;
  }

  .row-md-80 > * {
    margin-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .row-lg-40 {
    margin-bottom: -40px;
  }

  .row-lg-40:empty {
    margin-bottom: 0;
  }

  .row-lg-40 > * {
    margin-bottom: 40px;
  }

  .row-lg-80 {
    margin-bottom: -80px;
  }

  .row-lg-80:empty {
    margin-bottom: 0;
  }

  .row-lg-80 > * {
    margin-bottom: 80px;
  }

  .row-lg-90 {
    margin-bottom: -90px;
  }

  .row-lg-90:empty {
    margin-bottom: 0;
  }

  .row-lg-90 > * {
    margin-bottom: 90px;
  }
}

@media (min-width: 1200px) {
  .row-xl-24 {
    margin-bottom: -24px;
  }

  .row-xl-24:empty {
    margin-bottom: 0;
  }

  .row-xl-24 > * {
    margin-bottom: 24px;
  }
}

.box-typography h1 + p {
  margin-top: 16px;
}

.box-typography h2 + p {
  margin-top: 16px;
}

.box-typography h3 + p {
  margin-top: 16px;
}

.box-typography h4 + p {
  margin-top: 16px;
}

.box-typography h5 + p {
  margin-top: 16px;
}

.box-typography h6 + p {
  margin-top: 16px;
}

@media (min-width: 992px) {
  .box-typography h1 + p {
    margin-top: 4px;
  }

  .box-typography h2 + p {
    margin-top: 8px;
  }

  .box-typography h3 + p {
    margin-top: 8px;
  }

  .box-typography h5 + p {
    margin-top: 17px;
  }

  .box-typography h6 + p {
    margin-top: 17px;
  }
}

.section-xs {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-sm {
  padding: 20px 0;
}

html [class*="section-"].section-bottom-0 {
  padding-bottom: 0;
}

html [class*="section-"].section-top-0 {
  padding-top: 0;
}

@media (min-width: 992px) {
  html [class*="section-"].section-lg-0 {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .section-md {
    padding: 25px 0;
  }

  .section-lg {
    padding: 20px 0;
  }
}

@media (min-width: 992px) {
  .section-sm {
    padding: 15px 0;
  }

  .desktop .section-top-1 {
    padding-top: 0;
  }
}

@media (min-width: 1600px) {
  .section-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: 1770px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ababab;
  }
}

.section-single {
  position: relative;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.section-single p {
  margin-left: auto;
  margin-right: auto;
}

.section-single .rights {
  letter-spacing: 0;
  font-weight: 300;
}

.section-single .rights a {
  position: relative;
  border-bottom: 1px solid #ffffff;
}

.section-single .rd-mailform-wrap {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section-single * + p {
  margin-top: 6px;
}

.section-single p + p {
  margin-top: 0;
}

.section-single .DateCountdown + p {
  margin-top: 60px;
}

.section-single * + .button {
  margin-top: 40px;
}

.section-single * + .rights {
  margin-top: 35px;
}

.section-single * + .countdown-wrap {
  margin-top: 35px;
}

.section-single * + .rd-mailform-wrap {
  margin-top: 20px;
}

.section-single .countdown-wrap + * {
  margin-top: 35px;
}

@media (min-width: 992px) {
  .section-single * + .button {
    margin-top: 60px;
  }

  .section-single * + .rights {
    margin-top: 60px;
  }

  .section-single .countdown-wrap + * {
    margin-top: 35px;
  }
}

@media (min-width: 1200px) {
  .section-404 * + .button {
    margin-top: 90px;
  }
}

.section-single-header {
  padding: calc(1em + 4vh) 0 calc(1em + 2vh);
}

.section-single-main {
  padding: 60px 0 calc(1em + 5vh);
}

.section-single-footer {
  padding: calc(1em + 2vh) 0 calc(1em + 4vh);
}

.section-single-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;
}

.section-single-inner > * {
  width: 100%;
}

@media (min-width: 768px) {
  .section-single-main {
    padding: 70px 0 30px;
  }
}

@media (min-width: 1200px) {
  .section-single-header {
    padding-top: calc(1em + 9vh);
  }
}

@media (min-width: 1600px) {
  .section-single-main {
    padding-top: 65px;
    padding-bottom: 100px;
  }
}

.grid-demonstration {
  text-align: left;
}

@media (max-width: 1599px) {
  .grid-demonstration p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.grid-demonstration-fullwidth {
  line-height: 1.86;
}

.grid-demonstration-fullwidth * + p {
  margin-top: 12px;
}

.grid-demonstration-boxed {
  line-height: 1.8;
}

.grid-demonstration-boxed * + p {
  margin-top: 22px;
}

.grid-system-bordered [class*="col"] {
  padding-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}

@media (min-width: 576px) {
  .grid-system-bordered [class*="col"] {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .grid-system-bordered [class*="col"] {
    padding-bottom: 45px;
  }
}

.grid-system-outline .row {
  border: 1px solid #f5f5f5;
}

.grid-system-outline .row:not(:last-child) {
  border-bottom-width: 0;
}

.grid-system-outline [class*="col"]:not(:last-child) {
  border-right: 1px solid #d7d7d7;
  margin-right: -1px;
}

.grid-system-outline * + .row {
  margin-top: 45px;
}

.grid-system-outline .row + .row {
  margin-top: 0;
}

.context-dark,
.bg-gray-dark,
.bg-primary,
.context-dark h1,
.bg-gray-dark h1,
.bg-primary h1,
.context-dark h2,
.bg-gray-dark h2,
.bg-primary h2,
.context-dark h3,
.bg-gray-dark h3,
.bg-primary h3,
.context-dark h4,
.bg-gray-dark h4,
.bg-primary h4,
.context-dark h5,
.bg-gray-dark h5,
.bg-primary h5,
.context-dark h6,
.bg-gray-dark h6,
.bg-primary h6,
.context-dark [class*="heading-"],
.bg-gray-dark [class*="heading-"],
.bg-primary [class*="heading-"] {
  color: #f7f7f7;
}

.context-dark .form-wrap.has-error .form-input,
.bg-gray-dark .form-wrap.has-error .form-input,
.bg-primary .form-wrap.has-error .form-input {
  border-color: transparent;
}

.context-dark .form-input,
.bg-gray-dark .form-input,
.bg-primary .form-input,
.context-dark .form-label,
.bg-gray-dark .form-label,
.bg-primary .form-label,
.context-dark .form-validation,
.bg-gray-dark .form-validation,
.bg-primary .form-validation {
  color: #ffffff;
}

.context-dark .form-input,
.bg-gray-dark .form-input,
.bg-primary .form-input {
  background: rgba(255, 255, 255, 0.34);
  border-color: transparent;
}

.context-dark .rights,
.bg-gray-dark .rights,
.bg-primary .rights {
  color: #ffffff;
}

.context-dark .rights a,
.bg-gray-dark .rights a,
.bg-primary .rights a,
.context-dark .rights a:focus,
.bg-gray-dark .rights a:focus,
.bg-primary .rights a:focus,
.context-dark .rights a:active,
.bg-gray-dark .rights a:active,
.bg-primary .rights a:active {
  color: inherit;
}

.context-dark .rights a:hover,
.bg-gray-dark .rights a:hover,
.bg-primary .rights a:hover {
  color: #e86224;
}

.context-dark .button.button-pipaluk::after,
.bg-gray-dark .button.button-pipaluk::after,
.bg-primary .button.button-pipaluk::after {
  border-color: #ffffff;
}

.context-dark .button.button-pipaluk:hover,
.bg-gray-dark .button.button-pipaluk:hover,
.bg-primary .button.button-pipaluk:hover,
.context-dark .button.button-pipaluk:active,
.bg-gray-dark .button.button-pipaluk:active,
.bg-primary .button.button-pipaluk:active {
  color: #ffffff;
}

.context-dark .button-secondary.button-ujarak::before,
.bg-gray-dark .button-secondary.button-ujarak::before,
.bg-primary .button-secondary.button-ujarak::before {
  background: #353535;
}

.context-dark .button-secondary.button-ujarak:hover,
.bg-gray-dark .button-secondary.button-ujarak:hover,
.bg-primary .button-secondary.button-ujarak:hover,
.context-dark .button-secondary.button-ujarak:active,
.bg-gray-dark .button-secondary.button-ujarak:active,
.bg-primary .button-secondary.button-ujarak:active {
  border-color: #353535;
}

.footer-variant-2.context-dark,
.footer-variant-2.bg-gray-dark,
.footer-variant-2.bg-primary {
  color: #fff;
}

.footer-variant-2.context-dark .rights,
.footer-variant-2.bg-gray-dark .rights,
.footer-variant-2.bg-primary .rights {
  color: #fff;
}

.footer-variant-2.context-dark .button.button-ujarak::before,
.footer-variant-2.bg-gray-dark .button.button-ujarak::before,
.footer-variant-2.bg-primary .button.button-ujarak::before {
  background: #ffffff;
}

.footer-variant-2.context-dark .button.button-ujarak:hover,
.footer-variant-2.bg-gray-dark .button.button-ujarak:hover,
.footer-variant-2.bg-primary .button.button-ujarak:hover,
.footer-variant-2.context-dark .button.button-ujarak:active,
.footer-variant-2.bg-gray-dark .button.button-ujarak:active,
.footer-variant-2.bg-primary .button.button-ujarak:active {
  color: #e86224;
  border-color: #ffffff;
}

.footer-modern.context-dark .form-input,
.footer-modern.bg-gray-dark .form-input,
.footer-modern.bg-primary .form-input {
  background: #474747;
}

.footer-creative.context-dark .form-input,
.footer-creative.bg-gray-dark .form-input,
.footer-creative.bg-primary .form-input {
  background: #54595e;
}

.context-dark .footer-contacts,
.bg-gray-dark .footer-contacts,
.bg-primary .footer-contacts {
  border-top-color: rgba(255, 255, 255, 0.2);
}

.context-dark .footer-contacts .icon,
.bg-gray-dark .footer-contacts .icon,
.bg-primary .footer-contacts .icon {
  color: #f4c29a;
}

.context-dark .footer-contacts p,
.bg-gray-dark .footer-contacts p,
.bg-primary .footer-contacts p {
  color: #ffffff;
}

.context-dark .footer-contacts a,
.bg-gray-dark .footer-contacts a,
.bg-primary .footer-contacts a,
.context-dark .footer-contacts a:focus,
.bg-gray-dark .footer-contacts a:focus,
.bg-primary .footer-contacts a:focus,
.context-dark .footer-contacts a:active,
.bg-gray-dark .footer-contacts a:active,
.bg-primary .footer-contacts a:active {
  color: #ffffff;
}

.context-dark .footer-contacts a:hover,
.bg-gray-dark .footer-contacts a:hover,
.bg-primary .footer-contacts a:hover {
  color: #cd8e65;
}

.context-dark .footer-link-list a,
.bg-gray-dark .footer-link-list a,
.bg-primary .footer-link-list a,
.context-dark .footer-link-list a:focus,
.bg-gray-dark .footer-link-list a:focus,
.bg-primary .footer-link-list a:focus,
.context-dark .footer-link-list a:active,
.bg-gray-dark .footer-link-list a:active,
.bg-primary .footer-link-list a:active {
  color: inherit;
}

.context-dark .footer-link-list a:hover,
.bg-gray-dark .footer-link-list a:hover,
.bg-primary .footer-link-list a:hover {
  color: #cd8e65;
}

.context-dark .footer-social-list-2 a,
.bg-gray-dark .footer-social-list-2 a,
.bg-primary .footer-social-list-2 a,
.context-dark .footer-social-list-2 a:focus,
.bg-gray-dark .footer-social-list-2 a:focus,
.bg-primary .footer-social-list-2 a:focus,
.context-dark .footer-social-list-2 a:active,
.bg-gray-dark .footer-social-list-2 a:active,
.bg-primary .footer-social-list-2 a:active {
  color: #ffffff;
}

.context-dark .footer-social-list-2 a:hover,
.bg-gray-dark .footer-social-list-2 a:hover,
.bg-primary .footer-social-list-2 a:hover {
  color: #e86224;
}

.context-dark .footer-social-list-title,
.bg-gray-dark .footer-social-list-title,
.bg-primary .footer-social-list-title {
  color: #ffffff;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel,
.footer-minimal.bg-primary .footer-minimal-bottom-panel,
.footer-minimal.context-dark .footer-corporate-bottom-panel,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel,
.footer-minimal.bg-primary .footer-corporate-bottom-panel,
.footer-corporate.context-dark .footer-minimal-bottom-panel,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel,
.footer-corporate.bg-primary .footer-minimal-bottom-panel,
.footer-corporate.context-dark .footer-corporate-bottom-panel,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel,
.footer-corporate.bg-primary .footer-corporate-bottom-panel {
  color: rgba(255, 255, 255, 0.3);
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:focus,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:active,
.footer-minimal.context-dark .footer-corporate-bottom-panel a,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:active,
.footer-corporate.context-dark .footer-minimal-bottom-panel a,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:focus,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:focus,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:focus,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:active,
.footer-corporate.context-dark .footer-corporate-bottom-panel a,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:active {
  color: inherit;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:hover,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:hover,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:hover,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:hover {
  color: #e86224;
}

.footer-minimal.context-dark .rights,
.footer-minimal.bg-gray-dark .rights,
.footer-minimal.bg-primary .rights,
.footer-corporate.context-dark .rights,
.footer-corporate.bg-gray-dark .rights,
.footer-corporate.bg-primary .rights {
  color: inherit;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak::before,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-minimal.bg-primary .button-gray-31.button-ujarak::before,
.footer-corporate.context-dark .button-gray-31.button-ujarak::before,
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-corporate.bg-primary .button-gray-31.button-ujarak::before {
  background: #e86224;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.bg-primary .button-gray-31.button-ujarak:hover,
.footer-minimal.context-dark .button-gray-31.button-ujarak:active,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-minimal.bg-primary .button-gray-31.button-ujarak:active,
.footer-corporate.context-dark .button-gray-31.button-ujarak:hover,
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-corporate.bg-primary .button-gray-31.button-ujarak:hover,
.footer-corporate.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-corporate.bg-primary .button-gray-31.button-ujarak:active {
  color: #ffffff;
  border-color: #e86224;
}

.footer-corporate-2.context-dark .footer-contacts .icon,
.footer-corporate-2.bg-gray-dark .footer-contacts .icon,
.footer-corporate-2.bg-primary .footer-contacts .icon {
  color: #e86224;
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak::before,
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak::before {
  background: #e86224;
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak:hover,
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:hover,
.footer-corporate-2.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:active {
  border-color: #e86224;
}

.context-dark .post-minimal-2-time,
.bg-gray-dark .post-minimal-2-time,
.bg-primary .post-minimal-2-time {
  color: rgba(255, 255, 255, 0.25);
}

.context-dark .text-strike-1,
.bg-gray-dark .text-strike-1,
.bg-primary .text-strike-1 {
  color: rgba(255, 255, 255, 0.52);
}

.context-dark .text-strike-1::before,
.bg-gray-dark .text-strike-1::before,
.bg-primary .text-strike-1::before {
  background: rgba(252, 239, 87, 0.7);
}

.context-dark .video-modern-subtitle,
.bg-gray-dark .video-modern-subtitle,
.bg-primary .video-modern-subtitle {
  color: #e86224;
}

.context-dark .title-decoration-lines-left::before,
.bg-gray-dark .title-decoration-lines-left::before,
.bg-primary .title-decoration-lines-left::before {
  background: #e86224;
}

.context-dark .text-gray-500,
.bg-gray-dark .text-gray-500,
.bg-primary .text-gray-500 {
  color: rgba(255, 255, 255, 0.3);
}

.context-dark .brand .brand-logo-dark,
.bg-gray-dark .brand .brand-logo-dark,
.bg-primary .brand .brand-logo-dark {
  display: none;
}

.context-dark .brand .brand-logo-light,
.bg-gray-dark .brand .brand-logo-light,
.bg-primary .brand .brand-logo-light {
  display: block;
}

.bg-default {
  background-color: #f7f7f7;
}

.bg-gray-100 {
  background-color: #f2f2f2;
}

.bg-gray-2 {
  background-color: #ebebeb;
}

.bg-gray-2 .owl-classic .owl-prev:hover::before,
.bg-gray-2 .owl-classic .owl-next:hover::before {
  background-color: #f5cdae;
}

.bg-gray-2 .owl-classic .owl-prev:hover::after,
.bg-gray-2 .owl-classic .owl-next:hover::after {
  border-left-color: #f5cdae;
  border-right-color: #f5cdae;
}

.bg-gray-4 {
  background-color: #f7f7f7;
}

.bg-gray-4 .box-icon-modern {
  box-shadow: none;
}

.bg-gray-4 .box-icon-modern:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.17);
}

.bg-gray-36 {
  background-color: #545d64;
}

.bg-gray-dark {
  background-color: #2c343b;
}

.bg-primary + .bg-primary {
  padding-top: 0;
}

[class*="bg-"] {
  background-size: cover;
  background-position: center center;
}

@media (min-width: 992px) {
  html:not(.tablet):not(.mobile) .bg-fixed {
    background-attachment: fixed;
  }
}
.bg-opacity-7 {
  background-color: rgba(0, 0, 0, 0.7);
}
.video-overlay {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  float: left;
  z-index: 2;
}
.video-bpadd {
  padding-bottom: 150px;
}
.video-tpadd {
  padding-top: 150px;
}
.col-centered {
  float: none;
  margin: 0 auto;
}

[class*="bg-overlay-"] {
  position: relative;
}

[class*="bg-overlay-"]::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

[class*="bg-overlay-"] .section-single-inner,
[class*="bg-overlay-"] .container .box-container {
  position: relative;
}

[class*="bg-second-overlay-"]::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

.bg-overlay-68::before {
  background: rgba(43, 49, 59, 0.68);
}

.bg-overlay-64::before {
  background: rgba(43, 49, 59, 0.64);
}

.bg-overlay-60::before {
  background: rgba(43, 49, 59, 0.6);
}

.bg-overlay-59::before {
  background: rgba(43, 49, 59, 0.59);
}

.bg-overlay-55::before {
  background: rgba(43, 49, 59, 0.55);
}

.bg-overlay-53::before {
  background: rgba(43, 49, 59, 0.53);
}

.bg-overlay-49::before {
  background: rgba(43, 49, 59, 0.49);
}

.bg-overlay-48::before {
  background: rgba(43, 49, 59, 0.48);
}

.bg-overlay-46::before {
  background: rgba(43, 49, 59, 0.46);
}

.bg-overlay-43::before {
  background: rgba(43, 49, 59, 0.43);
}

.bg-overlay-3-41::before {
  background: rgba(1, 23, 42, 0.41);
}

.bg-overlay-41::before {
  background: rgba(43, 49, 59, 0.41);
}

.bg-overlay-40::before {
  background: rgba(43, 49, 59, 0.4);
}

.bg-overlay-39::before {
  background: rgba(43, 49, 59, 0.39);
}

.bg-overlay-37::before {
  background: rgba(43, 49, 59, 0.37);
}

.bg-overlay-33::before {
  background: rgba(43, 49, 59, 0.33);
}

.bg-overlay-26::before {
  background: rgba(43, 49, 59, 0.26);
}

.bg-overlay-24::before {
  background: rgba(43, 49, 59, 0.24);
}

.bg-second-overlay-4-22::after {
  background: rgba(24, 26, 35, 0.21);
}

.bg-overlay-2-21::before {
  background: rgba(24, 26, 35, 0.21);
}

.bg-overlay-2-14::before {
  background: rgba(24, 26, 35, 0.14);
}

.bg-overlay-4-60::before {
  background: rgba(24, 38, 50, 0.6);
}
/*-------------------------------------------------------
          [ Overlay Effect Bg image ]
-------------------------------------------------------*/

[data-overlay-dark],
[data-overlay-light] {
  position: relative;
}

[data-overlay-dark] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

[data-overlay-dark]:before {
  background: #1a1d24;
}

[data-overlay-light]:before {
  background: #fff;
}

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
  color: #fff;
}

[data-overlay-dark] p {
  color: #bbb;
}

[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0;
}

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
  opacity: 0.1;
}

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
  opacity: 0.2;
}

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
  opacity: 0.3;
}

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
  opacity: 0.4;
}

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
  opacity: 0.5;
}

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
  opacity: 0.6;
}

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
  opacity: 0.7;
}

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
  opacity: 0.8;
}

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before {
  opacity: 0.9;
}

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}
.height-fill {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.height-fill > * {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.object-inline {
  white-space: nowrap;
}

.object-inline > * {
  display: inline-block;
  min-width: 20px;
  vertical-align: top;
  white-space: normal;
}

.object-inline > * + * {
  margin-left: 5px;
}

.oh {
  position: relative;
  overflow: hidden;
}

@media (min-width: 992px) {
  .desktop .oh-desktop {
    overflow: hidden;
  }
}

.section-relative {
  position: relative;
}

.text-width-extra-small {
  max-width: 320px;
}

.text-width-small {
  max-width: 430px;
}

.text-width-medium {
  max-width: 600px;
}

.text-width-large {
  max-width: 650px;
}

.text-width-extra-large {
  max-width: 715px;
}

.text-center [class*="text-width-"] {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  [class*="text-width-"] {
    margin-left: auto;
    margin-right: auto;
  }
}

p.rights {
  font-size: 1rem;
  letter-spacing: 0.025em;
  font-weight: 500;
  color: #9b9b9b;
}

p.rights a {
  color: inherit;
}

p.rights a:hover {
  color: #e86224;
}

[style*="z-index: 1000;"] {
  z-index: 1101 !important;
}

.text-block > * {
  margin-left: 4px;
  margin-right: 4px;
}

.inset-top-10 {
  padding-top: 10px;
}

.inset-top-18 {
  padding-top: 18px;
}

@media (min-width: 992px) {
  .offset-top-lg-24 {
    margin-top: 24px;
  }

  .desktop .offset-negative-1 {
    margin-top: -35px;
  }
}

@media (min-width: 1200px) {
  .offset-right-xl-15 {
    margin-right: 15px;
  }

  .offset-top-xl-26 {
    margin-top: 26px;
  }

  .offset-left-xl-45 {
    margin-left: 45px;
  }

  .offset-left-xl-65 {
    margin-left: 65px;
  }

  .offset-left-xl-70 {
    margin-left: 70px;
  }
}

@media (min-width: 992px) {
  .box-width-lg-470 {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
  }
}

.gutters-4 {
  margin-left: -2px;
  margin-right: -2px;
}

.gutters-4 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px;
}

.gutters-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.gutters-10 [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.gutters-14 {
  margin-left: -7px;
  margin-right: -7px;
}

.gutters-14 [class*="col-"] {
  padding-left: 7px;
  padding-right: 7px;
}

.breadcrumbs-custom {
  position: relative;
  overflow: hidden;
}

.box-position {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 150px);
  height: calc(100% + 150px);
  will-change: transform;
  -webkit-animation: bgPos 100s linear infinite;
  animation: bgPos 100s linear infinite;
  -webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
  transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat-x: no-repeat;
  z-index: -1;
}

@-webkit-keyframes bgPos {
  25% {
    -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
    transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
    transform: translate3d(0, 0, 0) rotate(0.001deg);
  }
}

@keyframes bgPos {
  25% {
    -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
    transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
  }

  75% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
    transform: translate3d(0, 0, 0) rotate(0.001deg);
  }
}

.order-negative-2 {
  -ms-flex-order: -2;
  order: -2;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
  opacity: 0;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes pagInX {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes pagInX {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes pagOutX {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes pagOutX {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.preloader {
  position: fixed;
  text-align: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  z-index: 9999999;
  background: #ffffff;
  transition: 0.3s all ease;
}

.preloader.loaded {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.preloader.loaded .cssload-container {
  -webkit-animation: none;
  animation: none;
}

.preloader.loaded .cssload-container span {
  -webkit-animation: none;
  animation: none;
}

.preloader.ending {
  display: none;
}

.preloader .preloader-body {
  position: relative;
  text-align: center;
  height: 200px;
}

.preloader > div {
  width: 100%;
}

[data-x-mode="design-mode"] .preloader {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.cssload-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
  transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
  -webkit-animation: loader 1.2s infinite ease-in-out;
  animation: loader 1.2s infinite ease-in-out;
}

.cssload-container span {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #e86224;
  -webkit-animation: loaderBlock 1.2s infinite ease-in-out both;
  animation: loaderBlock 1.2s infinite ease-in-out both;
}

.cssload-container span:nth-child(1) {
  top: 0;
  left: 0;
}

.cssload-container span:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.cssload-container span:nth-child(3) {
  bottom: 0;
  left: 0;
  -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.cssload-container span:nth-child(4) {
  bottom: 0;
  right: 0;
}

@-webkit-keyframes loader {
  0%,
  10%,
  100% {
    width: 86px;
    height: 86px;
  }

  65% {
    width: 150px;
    height: 150px;
  }
}

@keyframes loader {
  0%,
  10%,
  100% {
    width: 86px;
    height: 86px;
  }

  65% {
    width: 150px;
    height: 150px;
  }
}

@-webkit-keyframes loaderBlock {
  0%,
  30% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  55% {
    background-color: #e86224;
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes loaderBlock {
  0%,
  30% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  55% {
    background-color: #e86224;
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@-webkit-keyframes loaderBlockInverse {
  0%,
  20% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  55% {
    background-color: #e86224;
  }

  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

@keyframes loaderBlockInverse {
  0%,
  20% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  55% {
    background-color: #e86224;
  }

  100% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

.ui-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 100;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 38px;
  color: #ffffff;
  background: #e86224;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  transition: 0.45s all ease-in-out;
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

.ui-to-top:hover {
  color: #ffffff;
  background: #111111;
  text-decoration: none;
}

.ui-to-top:focus {
  color: #ffffff;
}

.ui-to-top.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

html.mobile .ui-to-top,
html.tablet .ui-to-top {
  display: none !important;
}

@media (min-width: 768px) {
  .ui-to-top {
    width: 50px;
    height: 50px;
    line-height: 46px;
    right: 30px;
    bottom: 30px;
  }
}

@media (min-width: 1600px) {
  .ui-to-top {
    right: 12px;
  }
}

@-webkit-keyframes rd-navbar-slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes rd-navbar-slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes rd-navbar-slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes rd-navbar-slide-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.rd-navbar-wrap,
.rd-navbar,
.rd-menu,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-static .rd-menu,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-submenu,
.rd-navbar-project {
  transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
  transition: none !important;
}

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
  display: none;
}

.rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
  display: none;
}

.rd-navbar {
  display: none;
  background: #090909;
}

.rd-navbar-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #2c3e51;
  background-color: transparent;
  border: none;
  display: none;
}

.rd-navbar-toggle span {
  position: relative;
  display: inline-block;
  margin: auto;
  transition: 0.3s all ease;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  transition: 0.3s all ease;
}

.rd-navbar-toggle span:after {
  top: 10px;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span {
  width: 24px;
  height: 3px;
  background-color: #f7f7f7;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 0;
}

.rd-navbar-toggle span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-navbar-toggle span:before,
.rd-navbar-toggle span:after {
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}

.rd-navbar-toggle.active span {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.rd-navbar-toggle.active span:before,
.rd-navbar-toggle.active span:after {
  top: 0;
  width: 15px;
}

.rd-navbar-toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

.rd-navbar-collapse-toggle {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  color: #f7f7f7;
  display: none;
}

.rd-navbar-collapse-toggle span {
  top: 50%;
  margin-top: -3px;
}

.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
  position: absolute;
  width: 6px;
  height: 6px;
  line-height: 6px;
  text-align: center;
  background: #f7f7f7;
  left: 50%;
  margin-left: -3px;
  border-radius: 50%;
  transition: 0.3s all ease;
}

.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
  content: "";
}

.rd-navbar-collapse-toggle span:before {
  bottom: 100%;
  margin-bottom: 3px;
}

.rd-navbar-collapse-toggle span:after {
  top: 100%;
  margin-top: 3px;
}

.rd-navbar-collapse-toggle.active span {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

.rd-navbar-collapse-toggle.active span:before {
  -webkit-transform: translateY(18px);
  transform: translateY(18px);
}

.rd-navbar-collapse-toggle.active span:after {
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}

.rd-navbar-brand a {
  display: inline-block;
}

.rd-navbar-search {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.rd-navbar-search .form-label {
  top: 25px;
  padding-left: 28px;
  padding-right: 50px;
  font-size: 1rem;
  letter-spacing: 0;
  color: #e86224;
}

.rd-navbar-search .form-input {
  min-height: 47px;
  font-size: 1rem;
  line-height: 23px;
  letter-spacing: 0;
  border: none;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

.rd-navbar-search .rd-search-form-submit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  width: 50px;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: #2c3e51;
  transition: 0.33s;
}

.rd-navbar-search .rd-search-form-submit:hover {
  color: #e86224;
}

.rd-navbar-search-toggle {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  content: "\f002";
  font: 400 16px "FontAwesome";
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
}

.rd-navbar-search-toggle::-moz-focus-inner {
  border: none;
  padding: 0;
}
@media (min-width: 1900px) {
  #togglesearch {
    padding-top: 25px;
  }
}

.rd-navbar-dropdown {
  display: none;
}

.rd-navbar-static {
  display: block;
}

.rd-navbar-static .rd-nav-item {
  display: inline-block;
}

.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-static .rd-nav-item.opened .rd-nav-link {
  color: #e86224;
  background: transparent;
}

.rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle,
.rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle {
  color: #e86224;
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #e86224;
  background: transparent;
}

.rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle {
  color: #e86224;
}

.rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before,
.rd-navbar-static
  .rd-nav-item
  .rd-nav-link:hover
  + .rd-navbar-submenu-toggle::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
  display: none;
  margin-left: 4px;
  font-family: "Material Design Icons";
  font-size: 1.35rem;
  cursor: pointer;
}

.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
  position: relative;
  display: inline-block;
  transition: 0.22s;
  content: "\F0236";
}

.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover {
  color: #e86224;
}

.rd-navbar-static .rd-nav-item > .rd-navbar-submenu {
  margin-top: 20px;
}

.rd-navbar-static .rd-nav-item + .rd-nav-item {
  margin-left: 42px;
}

.rd-navbar-static .rd-nav-link {
  position: relative;
  display: inline-flex;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0;
  color: #f7f7f7;
  transition: 0.25s;
}

.rd-navbar-static .rd-nav-link:hover {
  color: #e86224;
}

.rd-navbar-static .rd-menu {
  z-index: 15;
  position: absolute;
  display: block;
  margin-top: 15px;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  border: none;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

.rd-navbar-static .rd-navbar-dropdown {
  position: absolute;
  left: -20%;
  top: 75%;
  padding: 20px 15px 34px 34px;
  width: 250px;
  background: #090909;
  z-index: 5;
}

.rd-navbar-static .rd-navbar-dropdown-title {
  font-family:  "gravita-geo-variable", sans-serif;
	font-variant: small-caps;
  font-weight: 700;
  font-size: 1rem;
  background: #0089dd;
  color: #f4f2fa;
  padding: 8px;
  line-height: 1;
	text-align: center;
	margin-bottom: 15px;
}
	


.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown {
  top: -1px;
  left: 100%;
  z-index: 2;
  margin-top: -15px;
  margin-left: 15px;
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 15px;
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

.rd-navbar-static .rd-dropdown-item + .rd-dropdown-item {
  margin-top: 8px;
}

.rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link,
.rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link {
  color: #e86224;
}

.rd-navbar-static .rd-dropdown-link {
  color: #e86224;
}

.rd-navbar-static .rd-dropdown-link:hover {
  color: #e86224;
}

.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-megamenu-list li > a {
  position: relative;
  left: -3px;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 15px 5px 0;
  margin-left: 8px;
  text-align: left;
  transition: all 0.2s ease;
  font-family:  "gravita-geo-variable", sans-serif;
}

.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-navbar-dropdown li > a:focus,
.rd-navbar-static .rd-navbar-dropdown li > a:active,
.rd-navbar-static .rd-megamenu-list li > a,
.rd-navbar-static .rd-megamenu-list li > a:focus,
.rd-navbar-static .rd-megamenu-list li > a:active {
  color: #f7f7f7;
}

.rd-navbar-static .rd-navbar-dropdown li > a:hover,
.rd-navbar-static .rd-megamenu-list li > a:hover {
  color: #e86224;
  font-weight: 600;
}

.rd-navbar-static .rd-navbar-dropdown li > a::before,
.rd-navbar-static .rd-megamenu-list li > a::before {
  display: inline-block;
  position: relative;
  content: "";
  top: 0;
  left: 0;
  width: 5px;
  height: 30px;
  font-size: 0;
  line-height: 0;
  background: #e86224;
  transition: all 0.15s ease;
  visibility: hidden;
  will-change: transform;
  opacity: 0;
}

.rd-navbar-static .rd-navbar-dropdown li.focus > a,
.rd-navbar-static .rd-navbar-dropdown li.opened > a,
.rd-navbar-static .rd-navbar-dropdown li > a:hover,
.rd-navbar-static .rd-megamenu-list li.focus > a,
.rd-navbar-static .rd-megamenu-list li.opened > a,
.rd-navbar-static .rd-megamenu-list li > a:hover {
  padding-left: 12px;
  padding-right: 0;
}

.rd-navbar-static .rd-navbar-dropdown li.focus > a::before,
.rd-navbar-static .rd-navbar-dropdown li.opened > a::before,
.rd-navbar-static .rd-navbar-dropdown li > a:hover::before,
.rd-navbar-static .rd-megamenu-list li.focus > a::before,
.rd-navbar-static .rd-megamenu-list li.opened > a::before,
.rd-navbar-static .rd-megamenu-list li > a:hover::before {
  -webkit-transform: translateX(-14px);
  transform: translateX(-14px);
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}

.rd-navbar-static .rd-navbar-dropdown > li > a,
.rd-navbar-static .rd-megamenu-list > li > a {
  font-size: 1rem;
  line-height: 1.15;
  /*letter-spacing: .15rem;*/
  color: #f7f7f7;
}

.rd-navbar-static .rd-dropdown-item .rd-sub-sub-drop {
  width: 100%;
  margin-bottom: 0;
  background: #3f3f3f;
}

.rd-navbar-static .rd-megamenu-list {
  -webkit-columns: 1;
  columns: 1;
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: -8px;
}

.rd-navbar-static .rd-megamenu-list li {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.rd-navbar-static .rd-navbar-megamenu {
  display: -ms-flexbox;
  display: flex;
  top: 78.2px;
  left: 0;
  max-width: 95%;
  padding: 25px 5px 5px 21px;		/*25px 20px 20px 25px;*/
  background: #090909;
}

.rd-navbar-static .rd-megamenu-item {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.rd-navbar-static .rd-megamenu-item > div {
  min-width: 195px;
  margin-left: 10px;
  margin-right: 10px;
}

.rd-navbar-static .rd-megamenu-item + .rd-megamenu-item {
  position: relative;
}

.rd-navbar-static .rd-megamenu-item + .rd-megamenu-item::before {
  position: absolute;
  content: "";
  top: -18px;
  left: 0;
  bottom: -12px;
  width: 1px;
  background: #090909;
}

.rd-navbar-static .rd-megamenu-title {
  font-family:  "gravita-geo-variable", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  background: #0089dd;
  color: #f4f2fa;
  padding: 8px;
  line-height: 1;
}

.rd-navbar-static .rd-megamenu-carousel > div {
  max-width: 200px;
}
.rd-navbar-static .rd-megamenu-sub-menu .rd-megamenu-right-submenu {
  display: none;
}
.rd-navbar-static .rd-megamenu-sub-menu .rd-megamenu-right-submenu > div {
  float: right;
  width: 33.3333%;
  display: inline-block;
  padding-top: 25px;
}

.rd-navbar-static .rd-megamenu-sub-menu .rd-megamenu-top-sub-menu > div {
  padding: 30px;
  display: inline-block;
  width: 100%;
  padding-bottom: 0;
}

.rd-navbar-static .rd-megamenu-sub-menu .rd-megamenu-top-sub-menu img {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .rd-navbar-static .rd-megamenu-carousel > div {
    max-width: 350px;
  }
}

.rd-navbar-static .rd-megamenu-list-link {
  color: #000000;
  background: transparent;
}

.rd-navbar-static .rd-megamenu-list-link:hover {
  color: #e86224;
  background: transparent;
}

.rd-navbar-static * + .rd-megamenu-list {
  margin-top: 15px;
}

.rd-navbar-static .rd-navbar-submenu.focus > .rd-menu,
.rd-navbar-static .rd-navbar-submenu.opened > .rd-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.rd-navbar-static .rd-navbar-search.active .rd-search {
  opacity: 1;
  visibility: visible;
}

.rd-navbar-static .rd-search {
  position: absolute;
  top: 50%;
  right: calc(100% + 5px);
  width: 270px;
  margin-top: -23.5px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
}

.rd-navbar-static * + .rd-navbar-search {
  margin-left: 8px;
}

.rd-navbar-static .rd-navbar-search-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #f7f7f7;
}

.rd-navbar-static .rd-navbar-search-toggle span {
  display: inline-block;
  position: relative;
  width: 25px;
  height: 25px;
  font-size: 1.35rem;
  line-height: 20px;
  text-align: right;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  padding: 0;
}

.rd-navbar-static .rd-navbar-search-toggle span::before,
.rd-navbar-static .rd-navbar-search-toggle span::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
}

.rd-navbar-static .rd-navbar-search-toggle span::before {
  content: "";
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  visibility: visible;
  font-family: "fl-bigmug-line";
}

.rd-navbar-static .rd-navbar-search-toggle span::after {
  content: "";
  -webkit-transform: rotate(-90deg) scale(0.4);
  transform: rotate(-90deg) scale(0.4);
  opacity: 0;
  visibility: hidden;
  font-family: "fl-bigmug-line";
}

.rd-navbar-static .rd-navbar-search-toggle.active span::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotate(90deg) scale(0.4);
  transform: rotate(90deg) scale(0.4);
}

.rd-navbar-static .rd-navbar-search-toggle.active span::after {
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  visibility: visible;
}

.rd-navbar-static .rd-navbar-search-toggle:hover {
  color: #e86224;
}

.rd-navbar-static.rd-navbar--is-clone {
  display: block;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-static.rd-navbar--is-clone {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1030;
  background: #090909;
}

.rd-navbar-static .rd-navbar--has-dropdown {
  position: relative;
}

.rd-navbar-static .rd-navbar-basket-wrap {
  display: block;
}

.rd-navbar-static .rd-navbar-basket-mobile {
  display: none;
}

.rd-navbar-static .rd-navbar-share-list {
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: absolute;
  top: 50%;
  right: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  background: transparent;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.2s ease 0.1s;
}

.rd-navbar-static .rd-navbar-share-list-item {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  will-change: transform;
  transition: all 0.3s ease;
}

.rd-navbar-static .rd-navbar-share-list.active {
  pointer-events: auto;
  background: #090909;
  transition-delay: 0s;
}

.rd-navbar-static .rd-navbar-share-list.active .rd-navbar-share-list-item {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  visibility: visible;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(2) {
  transition-delay: 100ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(3) {
  transition-delay: 150ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(4) {
  transition-delay: 200ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(5) {
  transition-delay: 250ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(6) {
  transition-delay: 300ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(7) {
  transition-delay: 350ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(8) {
  transition-delay: 400ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(9) {
  transition-delay: 450ms;
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(10) {
  transition-delay: 500ms;
}

.rd-navbar-static * + .rd-navbar-share {
  margin-left: 12px;
}

.cart-inline {
  position: absolute;
  text-align: left;
  top: calc(100% + 30px);
  right: -18px;
  min-width: 400px;
  margin-top: 30px;
  background: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.17));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.17));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  z-index: 999999;
}

.cart-inline::before {
  position: absolute;
  content: "";
  bottom: calc(100% - 10px);
  right: 40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 34px 34px;
  border-color: transparent transparent #ffffff transparent;
}

.cart-inline.active {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.cart-inline .stepper input[type="number"] {
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.cart-inline-header {
  padding: 20px;
}

.cart-inline-body {
  padding: 20px;
  border-top: 1px solid #e1e1e1;
}

.cart-inline-footer {
  padding: 20px;
  border-top: 1px solid #e1e1e1;
}

.cart-inline-title {
  font-weight: 300;
}

.cart-inline-figure {
  display: block;
  background: #f4f4f4;
}

.cart-inline-figure img {
  width: 100%;
}

.cart-inline-name + * {
  margin-top: 10px;
}

* + .cart-inline-title {
  margin-top: 0;
}

.cart-inline-title + .cart-inline-title {
  margin-top: 10px;
}

.cart-inline-item + .cart-inline-item {
  margin-top: 15px;
}

.ie-10 .cart-inline,
.ie-11 .cart-inline,
.ie-edge .cart-inline {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
}

.ie-10 .cart-inline::before,
.ie-11 .cart-inline::before,
.ie-edge .cart-inline::before {
  bottom: 100%;
  border-width: 0 0 24px 24px;
  z-index: 1;
}

.ie-10 .cart-inline::after,
.ie-11 .cart-inline::after,
.ie-edge .cart-inline::after {
  position: absolute;
  content: "";
  bottom: calc(100% + 2px);
  right: 38px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 28px 28px;
  border-color: transparent transparent rgba(0, 0, 0, 0.04) transparent;
  z-index: 0;
}

.rd-navbar-share {
  position: relative;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.rd-navbar-share-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -9px;
  margin-right: -9px;
}

.rd-navbar-share-list > * {
  padding-left: 9px;
  padding-right: 9px;
}

.rd-navbar-share-list-item a,
.rd-navbar-share-list-item a:focus,
.rd-navbar-share-list-item a:active {
  color: #2c3e51;
}

.rd-navbar-share-list-item a:hover {
  color: #e86224;
}

.rd-navbar-share-list-item .icon {
  font-size: 20px;
}

.rd-navbar-share:hover {
  color: #e86224;
}

.rd-navbar-project-hamburger {
  cursor: pointer;
  z-index: 1031;
}

.project-hamburger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 23px;
}

.project-hamburger > span {
  display: inline-block;
  -ms-flex-item-align: end;
  align-self: flex-end;
  height: 3px;
  background: #2c3e51;
}

.project-hamburger-arrow-top {
  width: 100%;
  transition: opacity 0.15s ease-in-out 0.3s;
}

.project-hamburger-arrow-center {
  width: 80%;
  transition: all 0.16s ease-in-out, opacity 0.15s ease-in-out 0.4s;
}

.project-hamburger-arrow-bottom {
  width: 60%;
  transition: all 0.32s ease-in-out, opacity 0.15s ease-in-out 0.5s;
}

.project-hamburger:hover > span {
  width: 100%;
}

.project-hamburger:hover .project-hamburger-arrow-top {
  -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate;
  animation: burger-hover 0.8s infinite ease-in-out alternate;
}

.project-hamburger:hover .project-hamburger-arrow-center {
  -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards
    0.16s;
  animation: burger-hover 0.8s infinite ease-in-out alternate forwards 0.16s;
}

.project-hamburger:hover .project-hamburger-arrow-bottom {
  -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards
    0.32s;
  animation: burger-hover 0.8s infinite ease-in-out alternate forwards 0.32s;
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }

  50% {
    width: 50%;
    background: #e86224;
  }

  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }

  50% {
    width: 50%;
    background: #e86224;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes burger-hover-primary {
  0% {
    width: 100%;
  }

  50% {
    width: 50%;
    background: #e86224;
  }

  100% {
    width: 100%;
  }
}

@keyframes burger-hover-primary {
  0% {
    width: 100%;
  }

  50% {
    width: 50%;
    background: #e86224;
  }

  100% {
    width: 100%;
  }
}

.project-close {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}

.project-close span {
  position: absolute;
  background: #2c3e51;
  transition: all 0.15s ease-in-out;
}

.project-close span:nth-child(1) {
  height: 0;
  width: 2px;
  top: 10%;
  left: 50%;
  margin-left: -1px;
  transition-delay: 0s;
}

.project-close span:nth-child(2) {
  width: 0;
  height: 2px;
  left: 10%;
  top: 50%;
  margin-top: -1px;
  transition-delay: 0.15s;
}

.project-hamburger-2 {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 23px;
}

.project-hamburger-2 > span {
  position: relative;
  display: inline-block;
  -ms-flex-item-align: end;
  align-self: flex-end;
  height: 2px;
  width: 100%;
  background: #f7f7f7;
  transition: width 0.2s ease;
}

.project-hamburger-2 > span::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  height: inherit;
  width: inherit;
  background: #e86224;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation: pagOutX 0.3s;
  animation: pagOutX 0.3s;
}

.project-hamburger-2:hover > span::after {
  -webkit-animation: pagInX 0.3s forwards;
  animation: pagInX 0.3s forwards;
}

.project-hamburger-2:hover > span:nth-child(2)::after {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.project-hamburger-2:hover > span:nth-child(3)::after {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.project-hamburger-3 {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 16px;
}

.project-hamburger-3 > span {
  position: relative;
  display: inline-block;
  height: 2px;
  width: 100%;
  background: #ffffff;
  transition: width 0.2s ease 0.3s;
}

.rd-navbar-project-hamburger.active .project-hamburger > span {
  opacity: 0;
}

.rd-navbar-project-hamburger.active
  .project-hamburger
  .project-hamburger-arrow-top {
  transition-delay: 0s;
}

.rd-navbar-project-hamburger.active
  .project-hamburger
  .project-hamburger-arrow-center {
  transition-delay: 0.1s;
}

.rd-navbar-project-hamburger.active
  .project-hamburger
  .project-hamburger-arrow-bottom {
  transition-delay: 0.2s;
}

.rd-navbar-project-hamburger.active
  .project-hamburger-3
  .project-hamburger-arrow {
  width: 0;
  transition-delay: 0s;
}

.rd-navbar-project-hamburger.active .project-close > span:nth-child(1) {
  height: 80%;
  transition-delay: 0.3s;
}

.rd-navbar-project-hamburger.active .project-close > span:nth-child(2) {
  width: 80%;
  transition-delay: 0.45s;
}

.rd-navbar-fixed {
  display: block;
}

.rd-navbar-fixed .rd-navbar-toggle {
  display: inline-block;
}

.rd-navbar-fixed .rd-navbar-brand {
  position: absolute;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 22px;
  line-height: 46px;
}

.rd-navbar-fixed .rd-navbar-brand img {
  max-width: 400px;
  max-height: 100px;
  margin: 20px;
  width: auto;
  height: auto;
}

@media (max-width: 991px) {
  .header-title p {
    padding: 0;
  }	
	#search-label {
		display: inline;
	}
	#search-modal-title {
		font-size: 1.75rem;
	}
}

.rd-navbar-fixed .rd-navbar-panel {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1030;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
  padding: 4px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
  position: fixed;
  left: 0;
  top: -56px;
  bottom: -56px;
  z-index: 1029;
  width: 300px;
  padding: 155px 0 81px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  font-size: 1rem;
  line-height: 20px;
  -webkit-transform: translateX(-110%);
  transform: translateX(-110%);
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar {
  width: 4px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
  background: rgba(239, 196, 163, 0.5);
  border: none;
  border-radius: 0;
  opacity: 0.2;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
  background: #e1e1e1;
  border: none;
  border-radius: 0;
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
 /* -webkit-transform: translateX(0);
  transform: translateX(0);*/
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.rd-navbar-fixed .rd-navbar-nav {
  display: block;
  padding-top: 20px;
  margin: 30px 0 20px;
  height: auto;
  text-align: left;
  border-top: 1px solid #e1e1e1;
}

.rd-navbar-fixed .rd-nav-item {
  text-align: left;
}

.rd-navbar-fixed .rd-nav-item #togglesearch {
	position: absolute;  
	bottom: 47%;
	left: 1%;
	width: 31vw;
	height: 55px;
	line-height: 45px;
	display: block;
	z-index: 1000;
}

.rd-navbar-fixed .rd-nav-item + .rd-nav-item {
  margin-top: 4px;
}

.rd-navbar-fixed .rd-nav-link {
  display: block;
  padding: 9px 56px 9px 18px;
}

.rd-navbar-fixed li.opened > .rd-navbar-dropdown {
  padding: 4px 0 0;
}

.rd-navbar-fixed li.opened > .rd-navbar-megamenu {
  padding-top: 15px;
  padding-bottom: 0;
}

.rd-navbar-fixed li.opened > .rd-menu {
  opacity: 1;
  height: auto;
}

.rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-navbar-fixed .rd-menu {
  display: none;
  transition: opacity 0.3s, height 0.4s ease;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.rd-navbar-fixed .rd-navbar-submenu {
  position: relative;
}

.rd-navbar-fixed
  .rd-navbar-submenu
  .rd-navbar-dropdown
  .rd-navbar-submenu-toggle:after {
  height: 34px;
  line-height: 34px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a {
  padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
  padding-left: 46px;
}

.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
  display: block;
}

.rd-navbar-fixed .rd-megamenu-list > li > a,
.rd-navbar-fixed .rd-navbar-dropdown > li > a {
  display: block;
  padding: 9px 56px 9px 16px;
  font-size: 1rem;
  line-height: 1.2;
}

.rd-navbar-fixed .rd-megamenu-list > li + li,
.rd-navbar-fixed .rd-navbar-dropdown > li + li {
  margin-top: 3px;
}

.rd-navbar-fixed .rd-megamenu-list > li > a {
  padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
  position: relative;
  display: block;
  padding: 0 18px 7px;
  font-family: "adobe-aldine", serif;
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  border-bottom: 1px solid;
}

.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list {
  margin-top: 11px;
}

.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title {
  margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-megamenu > li + li {
  margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
  cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
  content: "\f107";
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 52px;
  font: 400 16px "FontAwesome";
  line-height: 52px;
  text-align: center;
  transition: 0.4s all ease;
  z-index: 2;
  cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-collapse-toggle {
  display: block;
  top: 4px;
  z-index: 1031;
}

.rd-navbar-fixed .rd-navbar-collapse {
  position: fixed;
  right: 0;
  top: 56px;
  z-index: 1029;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  padding: 20px;
  width: auto;
  max-width: 270px;
  border-radius: 0;
  text-align: left;
  font-size: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.rd-navbar-fixed .rd-navbar-collapse.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.rd-navbar-fixed .rd-navbar-main-element {
  position: absolute;
  float: left;
}

.rd-navbar-fixed .rd-navbar-search {
  display: block;
  width: calc(100% - 50px);
  margin-left: auto;
  margin-right: auto;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-results-live {
  display: none;
}

.rd-navbar-fixed .rd-navbar-search .form-input {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.rd-navbar-fixed .rd-navbar-search .form-label {
  padding-left: 20px;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
}

.rd-navbar-fixed .rd-navbar-search.active .rd-search {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
}

.rd-navbar-fixed .rd-navbar-share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
}

.rd-navbar-fixed .rd-navbar-share::before {
  display: none;
}

.rd-navbar-fixed * + .rd-navbar-share {
  margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-search-toggle {
  display: none;
}

.rd-navbar-fixed .rd-navbar-search-toggle span {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  padding: 0;
}

.rd-navbar-fixed .rd-navbar-search-toggle span::before,
.rd-navbar-fixed .rd-navbar-search-toggle span::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
}

.rd-navbar-fixed .rd-navbar-search-toggle span::before {
  content: "";
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  visibility: visible;
  font-family: "fl-bigmug-line";
}

.rd-navbar-fixed .rd-navbar-search-toggle span::after {
  content: "";
  -webkit-transform: rotate(-90deg) scale(0.4);
  transform: rotate(-90deg) scale(0.4);
  opacity: 0;
  visibility: hidden;
  font-family: "fl-bigmug-line";
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotate(90deg) scale(0.4);
  transform: rotate(90deg) scale(0.4);
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span::after {
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  visibility: visible;
}

.rd-navbar-fixed [class*="rd-navbar-fixed-element"] {
  position: fixed;
  top: 4px;
  z-index: 1032;
}

.rd-navbar-fixed .rd-navbar-fixed-element-1 {
  right: 0;
}

.rd-navbar-fixed .rd-navbar-fixed-element-2 {
  right: 52px;
}

.rd-navbar-fixed .rd-navbar-fixed-element-3 {
  right: 100px;
}

.rd-navbar-fixed.rd-navbar--is-clone {
  display: none;
}

.rd-navbar-fixed .rd-navbar-fixed--visible {
  display: block;
}

.rd-navbar-fixed .rd-navbar-fixed--hidden {
  display: none;
}

.rd-navbar-fixed .rd-megamenu-carousel {
  display: none;
}

.rd-navbar-fixed .rd-navbar-panel {
  color: #f7f7f7;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background: #090909;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
  color: #f7f7f7;
  background: #090909;
  border: 1px solid #d7d7d7;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
  color: #e86224;
  background: #090909;
}

.rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle {
  color: #e86224;
  background-color: #a3a3a3;
}

.rd-navbar-fixed .rd-nav-link {
  color: #f7f7f7;
}

.rd-navbar-fixed .rd-megamenu-list > li > a,
.rd-navbar-fixed .rd-navbar-dropdown > li > a {
  color: #0089DD;
  font-size: 1rem;
  background-color: #323232;
  line-height: 1.3;
  letter-spacing: 0.05em;
}

.rd-navbar-fixed .rd-megamenu-list > li:hover > a,
.rd-navbar-fixed .rd-megamenu-list > li.focus > a,
.rd-navbar-fixed .rd-megamenu-list > li.active > a,
.rd-navbar-fixed .rd-megamenu-list > li.opened > a,
.rd-navbar-fixed .rd-navbar-dropdown > li:hover > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.focus > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.active > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.opened > a {
  color: #e86224;
  background-color: transparent;
  text-decoration: underline;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
  color: #f7f7f7;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
  border-bottom: 1px solid #d7d7d7;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active {
  color: #0089DD;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover {
  color: #e86224;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
  color: #f7f7f7;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
  color: #ccc;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover {
  color: #e86224;
}

.rd-navbar-fixed .rd-navbar-search-toggle {
  color: #ccc;
}

.rd-navbar-fixed .rd-navbar-search-toggle:hover {
  color: #e86224;
}

.rd-navbar-fixed .rd-navbar-collapse {
  background-color: #090909;
  box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}

.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-collapse a {
  color: #ccc;
}

html.rd-navbar-fixed-linked .page {
  padding-top: 56px;
}

.rd-navbar-sidebar {
  display: block;
  background: #ffffff;
}

.rd-navbar-sidebar .rd-navbar-main-outer {
  padding-left: 15px;
  padding-right: 15px;
}

.rd-navbar-sidebar .rd-navbar-main {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 22px 60px 22px 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.rd-navbar-sidebar .rd-navbar-main-element {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.rd-navbar-sidebar .rd-navbar-main-element > * + * {
  margin-left: 20px;
}

.rd-navbar-sidebar .rd-navbar-toggle {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  z-index: 1102;
}

.rd-navbar-sidebar .rd-navbar-panel {
  min-width: 200px;
  text-align: center;
}

.rd-navbar-sidebar .rd-navbar-brand img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 200px;
}

.rd-navbar-sidebar .rd-navbar-nav-wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1101;
  width: 450px;
  padding: 94px 0 0 0;
  background: #ffffff;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  box-shadow: 0 0 13px 0 rgba(204, 204, 204, 0.16);
}

.rd-navbar-sidebar .rd-navbar-nav-wrap.active {
  transition-delay: 0.1s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.rd-navbar-sidebar .rd-navbar-nav {
  height: calc(100vh - 100px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid #d7d7d7;
}

.rd-navbar-sidebar .rd-nav-item {
  position: relative;
  display: block;
  padding: 19px 30px 19px 40px;
}

.rd-navbar-sidebar .rd-nav-item.active .rd-nav-link {
  color: #e86224;
}

.rd-navbar-sidebar .rd-nav-item .rd-nav-link,
.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle {
  font-size: 1rem;
}

.rd-navbar-sidebar .rd-nav-item + .rd-nav-item {
  border-top: 1px solid #d7d7d7;
}

.rd-navbar-sidebar .rd-nav-item:last-child {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 30px;
}

.rd-navbar-sidebar .rd-nav-link {
  max-width: calc(100% - 30px);
  word-break: break-all;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: none;
  color: #cccccc;
}

.rd-navbar-sidebar .rd-nav-link:hover {
  color: #e86224;
}

.rd-navbar-sidebar
  .rd-navbar-submenu
  .opened
  > .rd-navbar-submenu-toggle::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu {
  display: none;
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility;
  transition: opacity 0.2s;
}

.rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu {
  display: block;
  opacity: 1;
  visibility: visible;
}

.rd-navbar-sidebar
  .rd-navbar-submenu
  > .rd-navbar-submenu
  > .rd-navbar-dropdown,
.rd-navbar-sidebar
  .rd-navbar-submenu
  > .rd-navbar-submenu
  > .rd-navbar-megamenu {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.rd-navbar-sidebar
  .rd-navbar-submenu
  > .rd-navbar-submenu.opened
  > .rd-navbar-dropdown,
.rd-navbar-sidebar
  .rd-navbar-submenu
  > .rd-navbar-submenu.opened
  > .rd-navbar-megamenu {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.rd-navbar-sidebar
  .rd-navbar-submenu
  > .rd-navbar-submenu
  .rd-navbar-submenu
  > .rd-navbar-dropdown {
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}

.rd-navbar-sidebar
  .rd-navbar-submenu
  > .rd-navbar-submenu
  .rd-navbar-submenu.opened
  > .rd-navbar-dropdown {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle,
.rd-navbar-sidebar
  .rd-nav-item
  .rd-navbar--has-dropdown
  > .rd-navbar-submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: inherit;
  padding-right: inherit;
  padding-left: 10px;
  margin-bottom: inherit;
  display: inline-block;
  width: 30px;
  margin-left: 5px;
  text-align: center;
  cursor: pointer;
  color: #2c3e51;
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover,
.rd-navbar-sidebar
  .rd-nav-item
  .rd-navbar--has-dropdown
  > .rd-navbar-submenu-toggle:hover {
  color: #e86224;
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar
  .rd-nav-item
  .rd-navbar--has-dropdown
  > .rd-navbar-submenu-toggle::after {
  content: "\f107";
  position: relative;
  display: inline-block;
  font-family: "FontAwesome";
  font-size: inherit;
  line-height: inherit;
  text-align: center;
  vertical-align: middle;
  transition: 0.4s all ease;
  z-index: 2;
  will-change: transform;
}

.rd-navbar-sidebar
  .rd-nav-item
  .rd-navbar--has-dropdown
  > .rd-navbar-submenu-toggle {
  font-size: 1rem;
  color: #dddddd;
  margin-left: 7px;
}

.rd-navbar-sidebar .rd-menu {
  margin-top: 31px;
}

.rd-navbar-sidebar .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-megamenu-list {
  font-size: 1rem;
}

.rd-navbar-sidebar .rd-navbar-dropdown li > a,
.rd-navbar-sidebar .rd-megamenu-list li > a {
  position: relative;
  left: -3px;
  display: -ms-flexbox;
  display: flex;
  padding: 1px 14px 1px 0;
  text-align: left;
  transition: all 0.2s ease;
}

.rd-navbar-sidebar .rd-navbar-dropdown li > a,
.rd-navbar-sidebar .rd-navbar-dropdown li > a:focus,
.rd-navbar-sidebar .rd-navbar-dropdown li > a:active,
.rd-navbar-sidebar .rd-megamenu-list li > a,
.rd-navbar-sidebar .rd-megamenu-list li > a:focus,
.rd-navbar-sidebar .rd-megamenu-list li > a:active {
  color: #2c3e51;
}

.rd-navbar-sidebar .rd-navbar-dropdown li > a:hover,
.rd-navbar-sidebar .rd-megamenu-list li > a:hover {
  color: #2c3e51;
}

.rd-navbar-sidebar .rd-navbar-dropdown li > a::before,
.rd-navbar-sidebar .rd-megamenu-list li > a::before {
  display: inline-block;
  position: relative;
  content: "";
  top: 0;
  left: 0;
  width: 3px;
  height: 26px;
  font-size: 0;
  line-height: 0;
  background: #e86224;
  transition: all 0.15s ease;
  visibility: hidden;
  will-change: transform;
  opacity: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown li.focus > a,
.rd-navbar-sidebar .rd-navbar-dropdown li.opened > a,
.rd-navbar-sidebar .rd-navbar-dropdown li > a:hover,
.rd-navbar-sidebar .rd-megamenu-list li.focus > a,
.rd-navbar-sidebar .rd-megamenu-list li.opened > a,
.rd-navbar-sidebar .rd-megamenu-list li > a:hover {
  padding-left: 14px;
  padding-right: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown li.focus > a::before,
.rd-navbar-sidebar .rd-navbar-dropdown li.opened > a::before,
.rd-navbar-sidebar .rd-navbar-dropdown li > a:hover::before,
.rd-navbar-sidebar .rd-megamenu-list li.focus > a::before,
.rd-navbar-sidebar .rd-megamenu-list li.opened > a::before,
.rd-navbar-sidebar .rd-megamenu-list li > a:hover::before {
  -webkit-transform: translateX(-14px);
  transform: translateX(-14px);
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}

.rd-navbar-sidebar .rd-navbar-megamenu {
  max-width: 450px;
  margin-bottom: -30px;
}

.rd-navbar-sidebar .rd-navbar-megamenu > * {
  margin-bottom: 30px;
}

.rd-navbar-sidebar .rd-navbar-megamenu > li {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}

.rd-navbar-sidebar .rd-megamenu-title {
  display: none;
}

.rd-navbar-sidebar .rd-megamenu-list {
  margin-top: 0;
}

.rd-navbar-sidebar .rd-megamenu-list > li + li {
  margin-top: 10px;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a {
  padding-right: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before {
  display: none;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover {
  padding-left: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a {
  padding-left: 0;
}

.rd-navbar-sidebar
  .rd-navbar-dropdown
  .rd-navbar--has-dropdown.opened
  > .rd-navbar-submenu-toggle {
  color: #e86224;
}

.rd-navbar-sidebar
  .rd-navbar-dropdown
  .rd-navbar--has-dropdown.opened
  > .rd-navbar-submenu-toggle::after {
  top: 1px;
}

.rd-navbar-sidebar .rd-navbar-dropdown > li + li {
  margin-top: 10px;
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown {
  margin-top: 25px;
}

.rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown {
  margin-top: 10px;
  padding-left: 15px;
}

.rd-navbar-sidebar
  .rd-nav-item
  > .rd-navbar-dropdown
  .rd-navbar-dropdown
  > li
  > a {
  font-size: 12px;
}

@media (min-width: 1200px) {
  .rd-navbar-sidebar .rd-navbar-megamenu {
    margin-bottom: -30px;
  }

  .rd-navbar-sidebar .rd-navbar-megamenu > * {
    margin-bottom: 30px;
  }

  .rd-navbar-sidebar .rd-navbar-dropdown > li + li,
  .rd-navbar-sidebar .rd-megamenu-list > li + li {
    margin-top: 18px;
  }
}

@media (min-width: 1200px) {
  .rd-navbar-sidebar .rd-navbar-nav-wrap {
    width: auto;
    left: calc(50% + 600px - 80px);
  }
}

.rd-navbar-sidebar.rd-navbar--is-clone {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  -webkit-transform: translateY(-101%);
  transform: translateY(-101%);
}

.rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.rd-navbar-sidebar.rd-navbar--is-stuck {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main {
  padding-top: 11px;
  padding-bottom: 11px;
}

@media (min-width: 1200px) {
  .rd-navbar-modern-wrap {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 1030;
  }
}

@media (min-width: 1600px) {
  .rd-navbar-modern-wrap {
    top: 40px;
  }
}

@media (min-width: 1800px) {
  .rd-navbar-modern-wrap {
    top: 70px;
  }
}

.rd-navbar-modern.rd-navbar-static {
  background: #090909;
  max-width: calc(100%);
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-main-outer {
  position: relative;
  max-width: calc(100%);
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: calc(100%);
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 0;
  background: #090909;
  transition: padding 0.35s ease-in-out;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-main.active .rd-navbar-nav-wrap {
  margin-right: 0;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-nav-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  margin-right: 10px;
  transition: all 0.3s ease;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: auto;
  font-size: 1rem;
  line-height: 0;
  -ms-flex-order: -1;
  order: -1;
}

#svgelem {
  width: 40vw;
  height: auto;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-brand img {
  width: auto;
  height: auto;
  max-width: 475px;
  max-height: 70px;
  margin: -5px 30px auto 10px;
  float: left;
}

@media (min-width: 1600px) {
  .rd-navbar-modern.rd-navbar-static .rd-navbar-brand img {
    max-width: 550px;
    max-height: 100px;
  }

  .rd-navbar-modern.rd-navbar-static .rd-nav-link {
    font-size: 1.35rem;
  }
}

@media (max-width: 1200px) {
  .rd-navbar-modern.rd-navbar-static .rd-navbar-brand img {
    max-width: 400px;
    max-height: auto;
  }

  .rd-navbar-modern.rd-navbar-static .rd-nav-link {
    font-size: 1rem;
  }
 #svgelem {
    width: 35vw;
  }
}

@media (max-width: 991px) {
  .rd-navbar-fixed .rd-navbar-brand img {
    max-width: 300px;
    margin-right: 15px;
  }
#svgelem {
    width: 50vw;
  }
}

@media (max-width: 768px) {
  .rd-navbar-fixed .rd-navbar-brand img {
    max-width: 250px;
    margin-right: 20px;
  }
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-main-element {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.rd-navbar-modern.rd-navbar-static
  .rd-navbar-main-element
  .rd-navbar-project-hamburger.active {
  width: 0;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-submenu.focus .rd-navbar-megamenu,
.rd-navbar-modern.rd-navbar-static
  .rd-navbar-submenu.opened
  .rd-navbar-megamenu {
  -webkit-transform: translate3d(-75%, 0, 0);
  transform: translate3d(-75%, 0, 0);
}

.rd-navbar-modern.rd-navbar-static .rd-menu {
  margin-top: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-megamenu {
  left: 75%;
  -webkit-transform: translate3d(-65%, 80px, 0);
  transform: translate3d(-65%, 80px, 0);
}

.rd-navbar-modern.rd-navbar-static::before {
  position: absolute;
  content: "";
  top: 0;
  right: 10%;
  bottom: 0;
  left: 10%;
  visibility: hidden;
  background: transparent;
}

.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone {
  background: #090909;
  box-shadow: none;
}

.rd-navbar-modern.rd-navbar-static.rd-navbar--is-stuck::before,
.rd-navbar-modern.rd-navbar-static.rd-navbar--is-clone::before {
  right: 0;
  left: 0;
  visibility: visible;
  background: #090909;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.rd-navbar-modern.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-modern.rd-navbar-static .rd-nav-item.opened .rd-nav-link {
  color: #e86224;
}

.rd-navbar-modern.rd-navbar-static
  .rd-nav-item.focus
  .rd-nav-link
  > .rd-navbar-submenu-toggle,
.rd-navbar-modern.rd-navbar-static
  .rd-nav-item.opened
  .rd-nav-link
  > .rd-navbar-submenu-toggle {
  color: #e86224;
}

.rd-navbar-modern.rd-navbar-static .rd-nav-item.active .rd-nav-link {
  color: #f7f7f7;
}

.rd-navbar-modern.rd-navbar-static .rd-nav-item.active .rd-nav-link::before {
  height: 100%;
  opacity: 1;
}

.rd-navbar-modern.rd-navbar-static .rd-nav-link {
  padding: 10px 15px;
  font-size: 1.2rem;
  font-weight: 300;
  text-transform: capitalize;
  font-family:  "gravita-geo-variable", sans-serif;
  color: #f7f7f7;
  text-align: center;
	letter-spacing: 0.09rem;
  z-index: 1;
}

.rd-navbar-modern.rd-navbar-static .rd-nav-link::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  background-color: transparent;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  transition: all 0.3s ease;
  z-index: -1;
}

.rd-navbar-modern.rd-navbar-static .rd-nav-link:hover {
  color: #e86224;
  font-weight: 500;
  font-size: 1.2rem;
  background-color: transparent;
}

@media (min-width: 1900px) {
  .rd-navbar-modern.rd-navbar-static .rd-nav-link {
    padding: 30px;
  }
}

@media (max-width: 1100px) {
  .rd-navbar-modern.rd-navbar-static .rd-nav-link {
    padding: 15px 10px 15px;
    font-size: 1rem;
    letter-spacing: 0.02em;
  }
  .rd-navbar-modern.rd-navbar-static .rd-nav-link:hover {
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  .rd-navbar-modern.rd-navbar-static .rd-nav-link {
    font-size: 12px;
    letter-spacing: normal;
  }
  .rd-navbar-modern.rd-navbar-static .rd-nav-link:hover {
    font-size: 12px;
  }
}

.rd-navbar-modern.rd-navbar-static .rd-nav-item + .rd-nav-item {
  margin-left: 0;
}

.rd-navbar-modern.rd-navbar-static
  .rd-navbar-search.active
  .rd-search
  .form-wrap {
  opacity: 1;
  max-width: 80%;
  transition-delay: 0.3s;
}

@media (min-width: 1200px) {
  .rd-navbar-modern.rd-navbar-static
    .rd-navbar-search.active
    .rd-search
    .form-wrap {
    max-width: 100%;
  }
}

.rd-navbar-modern.rd-navbar-static .rd-search {
  position: fixed;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.3s ease-in-out;
  z-index: 1090;
}

.rd-navbar-modern.rd-navbar-static .rd-search .form-wrap {
  margin-top: 20%;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  opacity: 0;
  transition: all 0.3s ease;
}

@media (min-width: 1600px) {
  .rd-navbar-modern.rd-navbar-static .rd-search .form-wrap {
    margin-top: 15%;
  }
}

.rd-navbar-modern.rd-navbar-static .form-label {
  top: 30px;
}

.rd-navbar-modern.rd-navbar-static .form-label,
.rd-navbar-modern.rd-navbar-static .rd-navbar-search-form-input {
  color: #f8f8f8;
  font-size: 24px;
  margin: 0px 30px;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-search-form-input {
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid #ffffff;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-search-toggle {
  position: relative;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-search-toggle.active {
  color: #ffffff;
  z-index: 1091;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-search-toggle.active:hover {
  color: rgba(255, 255, 255, 0.5);
}

.rd-navbar-modern.rd-navbar-static .rd-search-results-live {
  min-height: 400px;
}

.rd-navbar-modern.rd-navbar-static
  .rd-search-results-live
  .search-quick-result {
  visibility: hidden;
  opacity: 0;
}

.rd-navbar-modern.rd-navbar-static .rd-search-results-live .search-list > li {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  visibility: hidden;
  opacity: 0;
}

.rd-navbar-modern.rd-navbar-static .rd-search-form-submit {
  color: #ffffff;
}

.rd-navbar-modern.rd-navbar-static .rd-search-form-submit:hover {
  color: rgba(255, 255, 255, 0.5);
}

.rd-navbar-modern.rd-navbar-static .search-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rd-navbar-modern.rd-navbar-static .search-list > li {
  transition: all 0.5s ease;
}

.rd-navbar-modern.rd-navbar-static
  .search-list
  > li:not(.search-list-item-all) {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 20px;
}

.rd-navbar-modern.rd-navbar-static .search-list .search-list-item-all {
  margin-top: 30px;
  padding: 0 15px;
}

.rd-navbar-modern.rd-navbar-static .search-list li + li {
  margin-top: 0;
}

.rd-navbar-modern.rd-navbar-static .search-list {
  margin-top: 10px;
}

.rd-navbar-modern.rd-navbar-static #search-results {
  margin: 0;
  color: #ffffff;
  background: transparent;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
}

.rd-navbar-modern.rd-navbar-static #search-results.active {
  -webkit-transform: none;
  transform: none;
}

.rd-navbar-modern.rd-navbar-static #search-results.active .search-quick-result {
  opacity: 1;
  visibility: visible;
}

.rd-navbar-modern.rd-navbar-static #search-results.active .search-list > li {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(1) {
  transition-delay: 50ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(2) {
  transition-delay: 100ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(3) {
  transition-delay: 150ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(4) {
  transition-delay: 200ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(5) {
  transition-delay: 250ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(6) {
  transition-delay: 300ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(7) {
  transition-delay: 350ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(8) {
  transition-delay: 400ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(9) {
  transition-delay: 450ms;
}

.rd-navbar-modern.rd-navbar-static
  #search-results.active
  .search-list
  li:nth-child(10) {
  transition-delay: 500ms;
}

.rd-navbar-modern.rd-navbar-static .search-submit {
  display: inline-block;
  padding: 10px 30px;
  font-family:  "gravita-geo-variable", sans-serif;
}

.rd-navbar-modern.rd-navbar-static * + .rd-search-results-live {
  margin-top: 20px;
}

.rd-navbar-modern.rd-navbar-static .search-title {
  color: #ffffff;
}

.rd-navbar-modern.rd-navbar-static .search-quick-result {
  color: #ffffff;
  transition: all 0.5s ease;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-project-hamburger {
  position: relative;
  width: 28px;
  height: 35px;
  padding: 6px 0;
  transition: all 0.3s ease;
  z-index: 10;
}

.rd-navbar-modern.rd-navbar-static .project-hamburger {
  display: none;
}

.rd-navbar-modern.rd-navbar-static .rd-navbar-main-element .project-close {
  display: none;
}

.rd-navbar-modern.rd-navbar-static
  .rd-navbar-modern-project
  .rd-navbar-project-hamburger {
  width: 38px;
  height: 38px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 20px;
}

.rd-navbar-modern.rd-navbar-fixed .rd-navbar-project-hamburger {
  position: fixed;
  right: 4px;
  width: 48px;
  height: 48px;
  top: 4px;
  padding: 13px 6px 12px;
}

.rd-navbar-modern.rd-navbar-fixed .project-hamburger-2 {
  display: none;
}

.rd-navbar-modern.rd-navbar-fixed .rd-navbar-modern-project {
  padding-top: 60px;
}

.rd-navbar-modern.rd-navbar-fixed
  .rd-navbar-modern-project
  .rd-navbar-project-hamburger {
  display: none;
}

.rd-navbar-modern.rd-navbar-fixed .rd-navbar-modern-project-content {
  height: calc(100vh - 134px);
}

.rd-navbar-modern.rd-navbar-fixed * + .rd-navbar-search {
  margin-top: 10px;
}

.rd-navbar-modern-project {
  text-align: left;
  padding: 60px 15px 15px;
  width: 270px;
}

.rd-navbar-modern-project * + .instafeed {
  margin-top: 22px;
}

.rd-navbar-modern-project * + .row {
  margin-top: 30px;
}

.rd-navbar-project-modern-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.rd-navbar-project-modern-title {
  letter-spacing: 0.05em;
  margin-top: 5px;
}

.rd-navbar-modern-project-content {
  padding-right: 10px;
  margin-right: -10px;
  height: calc(100vh - 134px);
}

.link-instafeed-2 {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.025em;
}

.link-instafeed-2 span {
  color: #e86224;
}

.link-instafeed-2 a,
.link-instafeed-2 a:focus,
.link-instafeed-2 a:active {
  color: #e86224;
}

.link-instafeed-2 a:hover {
  color: #e86224;
}

* + .rd-navbar-modern-project-content {
  margin-top: 18px;
}

@media (min-width: 768px) {
  .rd-navbar-modern-project {
    width: 285px;
  }
}

@media (min-width: 992px) {
  .rd-navbar-modern-project {
    padding: 70px 30px 15px;
    width: 350px;
  }

  .rd-navbar-modern-project-content {
    height: calc(100vh - 144px);
  }
}

@media (min-width: 1200px) {
  .rd-navbar-modern-project {
    padding-top: 45px;
  }

  .rd-navbar-modern-project-content {
    height: calc(100vh - 119px);
  }
}

@media (min-width: 1600px) {
  .rd-navbar-modern-project {
    padding: 65px 40px 15px;
    width: 400px;
  }

  .rd-navbar-modern-project-content {
    height: calc(100vh - 139px);
  }
}

@media (min-width: 1800px) {
  .rd-navbar-modern-project {
    padding: 95px 64px 15px 70px;
    width: 525px;
  }

  .rd-navbar-modern-project-content {
    height: calc(100vh - 169px);
  }
}

.rd-navbar-modern-contacts {
  text-align: left;
  font-size: 0;
  line-height: 0;
  padding-bottom: 34px;
  border-bottom: 1px solid #d7d7d7;
}

.rd-navbar-modern-contacts .icon {
  vertical-align: middle;
  text-align: left;
  min-width: 21px;
  font-size: 24px;
  line-height: 24px;
  color: #e86224;
}

.rd-navbar-modern-contacts .fa-envelope {
  font-size: 20px;
}

.rd-navbar-modern-contacts .link-phone {
  font-size: 1.35rem;
  line-height: 1.34;
  letter-spacing: 0.025em;
}

.rd-navbar-modern-contacts a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.72;
  letter-spacing: 0.025em;
}

.rd-navbar-modern-contacts a,
.rd-navbar-modern-contacts a:focus,
.rd-navbar-modern-contacts a:active {
  color: #2c3e51;
}

.rd-navbar-modern-contacts a:hover {
  color: #e86224;
}

.rd-navbar-modern-contacts li + li {
  margin-top: 22px;
}

* + .rd-navbar-modern-contacts {
  margin-top: 40px;
}

.rd-navbar-modern-list-social {
  font-size: 0;
  line-height: 0;
  margin-bottom: -10px;
  margin-left: -28px;
}

.rd-navbar-modern-list-social:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.rd-navbar-modern-list-social > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 28px;
}

.rd-navbar-modern-list-social a {
  font-size: 24px;
  line-height: 1;
}

.rd-navbar-modern-list-social a,
.rd-navbar-modern-list-social a:focus,
.rd-navbar-modern-list-social a:active {
  color: #9b9b9b;
}

.rd-navbar-modern-list-social a:hover {
  color: #e86224;
}

* + .rd-navbar-modern-list-social {
  margin-top: 36px;
}

.rd-navbar-project {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  -webkit-transform: translateX(102%);
  transform: translateX(102%);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.37);
  z-index: 1030;
}

.rd-navbar-project-content {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.rd-navbar-project-content::-webkit-scrollbar {
  width: 4px;
}

.rd-navbar-project-content::-webkit-scrollbar-thumb {
  background: rgba(239, 196, 163, 0.5);
  border: none;
  border-radius: 0;
}

.rd-navbar-project-content::-webkit-scrollbar-track {
  background: #e1e1e1;
  border: none;
  border-radius: 0;
}

.rd-navbar-main.active .rd-navbar-project {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.rd-navbar-classic-project {
  padding: 75px 15px 15px;
  width: 270px;
}

.rd-navbar-classic-project-content {
  direction: rtl;
  padding-left: 6px;
  margin-left: -6px;
  height: calc(100vh - 170px);
}

.rd-navbar-classic-project-content .row > div + div {
  margin-top: 15px;
}

.link-instafeed {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.025em;
  color: #2c3e51;
}

.link-instafeed a,
.link-instafeed a:focus,
.link-instafeed a:active {
  color: inherit;
}

.link-instafeed a:hover {
  color: #e86224;
}

@media (min-width: 576px) {
  .rd-navbar-classic-project {
    width: 285px;
  }
}

@media (min-width: 992px) {
  .rd-navbar-classic-project-content {
    height: calc(100vh - 205px);
  }
}

@media (min-width: 1200px) {
  .rd-navbar-classic-project {
    padding-top: 100px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1600px) {
  .rd-navbar-classic-project {
    width: 375px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .rd-navbar-classic-project-content .row > div + div {
    margin-top: 20px;
  }

  .link-instafeed {
    font-size: 1rem;
  }
}

* + .rd-navbar-classic-project-content {
  margin-top: 20px;
}

.swiper-container {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: auto;
  width: 100%;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: inherit;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-container-coverflow .swiper-wrapper {
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-slide > .vide__body,
.swiper-slide > .parallax_cnt {
  height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
  text-align: center;
  position: absolute;
  display: none;
  top: 50%;
  width: 47px;
  height: 47px;
  line-height: 47px;
  background: transparent;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  z-index: 10;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  -webkit-transform: none;
  transform: none;
  transition: inherit;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  transition: inherit;
  z-index: -1;
}

.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
  border-radius: 50%;
  background: #e86224;
}

@media (min-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: block;
  }
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev {
  left: 15px;
}

.swiper-button-prev:before {
  margin-left: -4px;
  border-width: 5px 8px 5px 0;
  border-right-color: #e86224;
}

.swiper-button-prev:hover::before {
  border-right-color: #ffffff;
}

.swiper-button-prev:hover::after {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

@media (min-width: 1600px) {
  .swiper-button-prev {
    left: 75px;
  }
}

.swiper-button-next {
  right: 15px;
}

.swiper-button-next:before {
  margin-right: -4px;
  border-width: 5px 0 5px 8px;
  border-left-color: #e86224;
}

.swiper-button-next:hover::before {
  border-left-color: #ffffff;
}

.swiper-button-next:hover::after {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

@media (min-width: 1600px) {
  .swiper-button-next {
    right: 75px;
  }
}

.swiper-slider.swiper-container-rtl .swiper-button-prev::before {
  content: "\f061";
}

.swiper-slider.swiper-container-rtl .swiper-button-next::before {
  content: "\f060";
}

.swiper-pagination {
  position: absolute;
  display: block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 0.3s;
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet {
  text-align: center;
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  border: none;
  border-radius: 0;
  outline: none;
  transition: 0.2s;
  background: rgba(239, 196, 163, 0.6);
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus {
  background: #e86224;
}

.swiper-pagination-bullet-active {
  background: #e86224;
}

.swiper-pagination-style-2 .swiper-pagination {
  font-size: 0;
  line-height: 0;
}

.swiper-pagination-style-2 .swiper-pagination-bullet {
  background: transparent;
}

.swiper-pagination-style-2 .swiper-pagination-bullet::before,
.swiper-pagination-style-2 .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-pagination-style-2 .swiper-pagination-bullet::before {
  background: rgba(239, 196, 163, 0.6);
  transition: opacity 0.3s ease, background-color 0.3s ease,
    -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease,
    -webkit-transform 0.3s ease;
}

.swiper-pagination-style-2 .swiper-pagination-bullet::after {
  opacity: 0;
  background: #e86224;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  transition: opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s,
    -webkit-transform 0.3s ease;
}

.swiper-pagination-style-2 .swiper-pagination-bullet:hover,
.swiper-pagination-style-2 .swiper-pagination-bullet:focus {
  background: transparent;
}

.swiper-pagination-style-2 .swiper-pagination-bullet:hover::before,
.swiper-pagination-style-2 .swiper-pagination-bullet:focus::before {
  background: #e86224;
}

.swiper-pagination-style-2 .swiper-pagination-bullet-active {
  background: transparent;
}

.swiper-pagination-style-2 .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease,
    -webkit-transform 0.3s ease;
}

.swiper-pagination-style-2 .swiper-pagination-bullet-active::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}

.swiper-pagination-black .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.6);
}

.swiper-pagination-black
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: black;
}

.swiper-container-vertical > .swiper-pagination {
  top: 50%;
  right: 10px;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 8px 0;
  display: block;
}

.swiper-container-vertical.swiper-pagination-style-2
  .swiper-pagination-bullet::after {
  -webkit-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
}

.swiper-container-vertical.swiper-pagination-style-2
  .swiper-pagination-bullet-active::before {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.swiper-container-vertical.swiper-pagination-style-2
  .swiper-pagination-bullet-active::after {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: 30px;
  left: 0;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px;
}

.swiper-slide {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  white-space: normal;
  background-position: 50% 50%;
}

.swiper-slide-caption {
  width: 100%;
  white-space: normal;
}

.swiper-slide-caption .cap-button {
	font-size: 1.1rem !important;
}

@media (max-width: 767px) {
  .swiper-slide-caption {
    padding-bottom: 80px;
  }
}

.swiper-slider-classic {
  max-height: 38.54167vw;
  min-height: calc(100vh - 256px);
	width: 100vw;
}

.swiper-slider-classic.swiper-container-horizontal {
  max-height: none;
}

@media (max-height: 420px) {
  .swiper-slider-classic {
    min-height: 260px;
  }

  .swiper-slider-classic p {
    display: none;
  }
}

.swiper-slider-classic .swiper-pagination-bullet {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 29px;
  height: 19px;
  border-radius: 0;
  background: transparent;
}

.swiper-slider-classic .swiper-pagination-bullet::before,
.swiper-slider-classic .swiper-pagination-bullet::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 8px;
  left: 0;
  height: 3px;
  width: 29px;
  transition: none;
  opacity: 1;
}

.swiper-slider-classic .swiper-pagination-bullet::before {
  background: #ffffff;
}

@media (min-width: 1600px) {
  .swiper-slider-classic .swiper-pagination-bullet::before {
    background: #252525;
  }
}

.swiper-slider-classic .swiper-pagination-bullet::after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation: pagOutX 0.3s;
  animation: pagOutX 0.3s;
  background: #e86224;
}

.swiper-slider-classic .swiper-pagination-bullet:hover,
.swiper-slider-classic
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: transparent;
}

.swiper-slider-classic .swiper-pagination-bullet:hover::after,
.swiper-slider-classic
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  -webkit-animation: pagInX 0.3s forwards;
  animation: pagInX 0.3s forwards;
}

.swiper-slider-classic .swiper-pagination {
  position: static;
  -webkit-transform: none;
  transform: none;
}

.swiper-slider-classic .swiper-pagination .swiper-pagination-bullet {
  margin: 0 16px;
}


/*.slider-modern-title .slider-title { 
	font-size: 4rem;
  font-weight: 600;
 letter-spacing: 0.05em;
  text-transform: none;
	display: block;
  color: #0565cf;
  padding-left: 10px;
  padding-top: 10px;
  margin-right: 10px;
}
.swiper-slider-classic .slider-modern-title * + h2 {
  font-size: 4rem;
  font-weight: 600;
 letter-spacing: 0.05em;
  text-transform: none;
}
.swiper-slider-caption .slider-modern-title * + h2 span {
  display: block;
  color: #0565cf;
  padding-left: 10px;
  padding-top: 10px;
  margin-right: 10px;
}

.swiper-slider-classic * + p {
  margin-top: 14px;
	padding-left: 20px;
	font-size: 2rem;
  line-height: normal;
  font-weight: 600;
	font-family:  "gravita-geo-variable", sans-serif;
	color: #0565cf;
}*/


@media (max-width: 768px) {
	.swiper-slider-classic .swiper-slide {
    background-position: 90% 30%;
  }
	
.banner-public-header {
    font-size:	2rem;
	line-height: normal;
  }
.swiper-slider-classic * + p {
    font-size: 1rem;
  }
}

.swiper-slider-classic .swiper-slide-1 {
  background-position-x: 40%;
}

@media (min-width: 768px) {
 .swiper-slider-classic {
    min-height: calc(100vh - 56px);
	/* min-height: 460px;*/
  }

  .swiper-slider-classic.swiper-container-vertical .swiper-pagination-bullet {
    display: block;
  }

  .swiper-slider-classic.swiper-container-vertical .swiper-pagination  .swiper-pagination-bullet {
    margin: 0;
  }

  .swiper-slider-classic.swiper-container-vertical .swiper-pagination__module {
    top: 50%;
    right: 20px;
    bottom: auto;
    left: auto;
    max-width: 29px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .swiper-slider-classic .swiper-slide-caption {
    padding-left: 70px;
    padding-right: 70px;
  }

  .swiper-slider-classic .swiper-slide-1 {
    background-position-x: 50%;
  }

  .swiper-slider-classic .swiper-slide-custom {
    padding-left: 0;
  }

  .swiper-slider-classic h1 {
    font-size: 60px;
  }
	
  .swiper-slider-classic .swiper-slide-caption {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .swiper-slider-classic .slider-classic-box {
    margin-left: 50px;
  }

  .swiper-slider-classic .swiper-pagination {
    display: none;
  }
}

@media (min-width: 992px) {
  .swiper-slider-classic .swiper-slide-custom {
    padding-left: 70px;
  }

  .swiper-slider-classic h1 {
    font-size: 80px;
  }
}

@media (min-width: 1200px) {
  .swiper-slider-classic.swiper-container-horizontal {
    min-height: 38.54167vw;
  }

  .swiper-slider-classic h1 {
    font-size: 100px;
  }	
}

@media (min-width: 1600px) {
  .swiper-slider-classic {
    max-width: 1920px;
    padding: 0 75px;
  }
}

.swiper-slider-classic-2 .swiper-pagination__fraction-index {
  color: #e86224;
}

.swiper-slider-classic-2 .swiper-pagination-bullet::after {
  background: #e86224;
}

.swiper-slider-classic-2 .context-dark .button.button-ujarak::before {
  background: #e86224;
}

.swiper-slider-classic-2 .context-dark .button.button-ujarak:hover,
.swiper-slider-classic-2 .context-dark .button.button-ujarak:active {
  border-color: #e86224;
}

.swiper-slider-classic-2 .button {
  min-width: 175px;
}

.swiper-slider-classic-2 .swiper-title-2 {
  letter-spacing: 0.025em;
  font-weight: 300;
}

.swiper-slider-classic-2 h2 {
  letter-spacing: 0.075em;
}

.swiper-slider-classic-2 .swiper-slide-custom * + .button {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .swiper-slider-classic-2 .swiper-slide-custom * + .button {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .swiper-slider-classic-2 .swiper-title-2 {
    font-size: 110px;
  }
}

.swiper-pagination__module {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 25px;
  width: 100%;
  z-index: 1;
}

.swiper-pagination__fraction {
  display: none;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
  font-family:  "gravita-geo-variable", sans-serif;
  color: #9b9b9b;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.swiper-pagination__fraction-index {
  color: #e86224;
}

.swiper-pagination__divider {
  display: none;
  margin: 30px 0 8px;
  width: 1px;
  height: 176px;
  background: #e1e1e1;
}

@media (min-width: 1600px) {
  .swiper-pagination__fraction {
    display: inline-block;
  }

  .swiper-pagination__divider {
    display: inline-block;
  }
}

.swiper-slider-modern {
  height: 43vw;
}

.slider-modern-box {
  	width: 115%;
  display: flex;
  flex-direction: column;
  background: rgba(25, 25, 25,0.6);
 /*background: -webkit-linear-gradient(
    rgba(20, 20, 20, 0.8) 0%,
    rgba(60, 60, 60, 0.6) 49%,
    rgba(130, 130, 130, 0.3) 100%
  );
  background: -o-linear-gradient(
    rgba(20, 20, 20, 0.8) 0%,
    rgba(60, 60, 60, 0.6) 49%,
    rgba(130, 130, 130, 0.3) 100%
  );
  background: linear-gradient(
    rgba(20, 20, 20, 0.8) 0%,
    rgba(60, 60, 60, 0.6) 49%,
    rgba(130, 130, 130, 0.3) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); */
}

.swiper-slider-modern .swiper-slide {
  background-position: 50% 50%;
/*  background-size: contain!important; */
  background-repeat: no-repeat;
}

.swiper-slider-modern .swiper-slide-caption {
  padding-top: 30px;
}

.swiper-slider-modern .swiper-button-prev,
.swiper-slider-modern .swiper-button-next {
  -webkit-transform: none;
  transform: none;
  top: 51%;
}
.banner-public-header {
  font-size: 3.5rem;
  font-weight: 600;
 letter-spacing: 0.05em;
  text-transform: none;
	display: block;
  color: #F4F2FA;
  padding-left: 10px;
  padding-top: 10px;
  margin-right: 10px;
  font-family: "adobe-aldine", serif;
  position: relative;
}
.banner-public-text {
  margin-top: 14px;
	padding-left: 20px;
	font-size: 2rem;
  line-height: normal;
  font-weight: 600;
	font-family:  "gravita-geo-variable", sans-serif;
	color: #0065cf;
}

.swiper-slider-modern .slider-modern-title {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.25rem;
  text-transform: none;
  padding-left: 10px;
  padding-top: 10px;
}

.swiper-slider-modern .slider-modern-title span {
  display: block;
  color: #0065cf;
  padding-left: 10px;
  padding-top: 10px;
  margin-right: 10px;
}

@media (max-width: 768px) {
	.swiper-slider-modern {
  height: 65vw;
}
	
  .swiper-slider-modern .swiper-slide {
    background-position: 90% 30%;
  }
	.banner-public-header {
		font-siz: 1.85rem !important;
		line-height: 1;
	}
	.cap-button {
		font-size: .85rem !important;
		max-width: 33%;
	}

  .swiper-slider-modern p {
    font-size: 1rem;
  }

  .swiper-slider-modern .slider-modern-title {
    line-height: 1.2;
    font-size:	2rem;
  }
	.slider-modern-box {
		width: 100%;
		height: 25vw;
	}
}

@media (min-width: 768px) {
  .swiper-slider-modern .swiper-slide-caption {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .swiper-slider-modern .slider-modern-box {
    margin-left: 50px;
  }

  .swiper-slider-modern .swiper-pagination {
    display: none;
  }
}

@media (max-width: 992px) {
	.swiper-slider-modern .swiper-slide {
		background-position: 10% 50%;
	}
	.banner-public-header { 
		font-size: 3rem;
	}
	.banner-public-text {
		font-size: 1.9rem;
	}
	
}

@media (min-width: 992px) {
  .swiper-slider-modern .swiper-slide-caption {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .swiper-slider-modern .slider-modern-box {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .swiper-slider-modern .swiper-slide-caption {
    padding-top: 25px;
    padding-bottom: 80px;
  }

  .swiper-slider-modern .slider-modern-box {
    margin-left: -2%;
    margin-top: -10%;
  }

  .swiper-slider-modern * + .button-wrap {
    margin-top: 30px;
  }
}

@media (min-width: 1600px) {
	.swiper-slider-modern {
  height: 50vw;
}
  .swiper-slider-modern .slider-modern-box {
      margin-left: 0;
  }
}

.swiper-slider-creative {
  min-height: 34.42708vw;
}

.swiper-slider-creative .swiper-slider-text {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
}

.swiper-slider-creative .button {
  min-width: 175px;
}

.swiper-slider-creative h1 {
  letter-spacing: 0.025em;
}

.swiper-slider-creative hr {
  max-width: 78%;
  margin-left: 0;
  border-color: rgba(255, 255, 255, 0.48);
}

.swiper-slider-creative h4 {
  font-weight: 300;
  letter-spacing: 0.05em;
}

.swiper-slider-creative * + hr,
.swiper-slider-creative * + .swiper-slider-text {
  margin-top: 12px;
}

.swiper-slider-creative * + .swiper-creative-decor {
  margin-top: 16px;
}

.swiper-slider-creative h1 + h4 {
  margin-top: 2px;
}

.swiper-slider-creative * + .button-wrap {
  margin-top: 30px;
}

.swiper-slider-creative .swiper-slider-text + .button,
.swiper-slider-creative .swiper-slider-text + .button-wrap {
  margin-top: 30px;
}

.swiper-slider-creative .swiper-pagination {
  font-size: 0;
  line-height: 0;
  counter-reset: span;
  bottom: 20px;
}

.swiper-slider-creative .swiper-pagination-bullet {
  width: 35px;
  height: 23px;
  padding: 10px 0;
  background: transparent;
}

.swiper-slider-creative .swiper-pagination-bullet::after {
  display: inline-block;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  -webkit-transform: scale(0, 0) translate3d(-50%, -50%, 0) rotate(0.1deg);
  transform: scale(0, 0) translate3d(-50%, -50%, 0) rotate(0.1deg);
  will-change: transform;
  transition: inherit;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.swiper-slider-creative .swiper-pagination-bullet span {
  display: inline-block;
  height: 3px;
  width: 100%;
  background: #ffffff;
  transition: all 0.3s ease;
}

.swiper-slider-creative .swiper-pagination-bullet:hover::after,
.swiper-slider-creative .swiper-pagination-bullet-active::after {
  background: #ffffff;
  -webkit-transform: scale(1, 1) translate3d(-50%, -50%, 0) rotate(0.1deg);
  transform: scale(1, 1) translate3d(-50%, -50%, 0) rotate(0.1deg);
  transition-delay: 0.1s;
}

.swiper-slider-creative .swiper-pagination-bullet:hover span,
.swiper-slider-creative .swiper-pagination-bullet-active span {
  width: 0;
}

@media (max-width: 575px) {
  .swiper-slider-creative .swiper-slide {
    background-position-x: 35%;
  }

  .swiper-slider-creative .swiper-slide::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: -1;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .swiper-slider-creative h4 {
    font-size: 30px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .swiper-slider-creative .swiper-slide-2 {
    background-position-x: 60%;
  }

  .swiper-slider-creative .swiper-slide-3 {
    background-position-x: 55%;
  }
}

@media (min-width: 768px) {
  .swiper-slider-creative .swiper-pagination {
    bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .swiper-slider-creative .swiper-slide-2 {
    background-position-x: 70%;
  }

  .swiper-slider-creative .swiper-slide-3 {
    background-position-x: 60%;
  }
}

@media (min-width: 992px) {
  .swiper-slider-creative * + .button,
  .swiper-slider-creative * + .button-wrap {
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  .swiper-slider-creative h1 {
    font-size: 110px;
  }
}

@media (min-width: 1600px) {
  .swiper-slider-creative .swiper-pagination {
    top: 50%;
    right: 134px;
    bottom: auto;
    left: auto;
    width: auto;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  .swiper-slider-creative .swiper-pagination .swiper-pagination-bullet {
    margin: 4px 0;
  }

  .swiper-slider-creative .swiper-pagination-bullet {
    display: block;
    width: 21px;
    height: 21px;
  }

  .swiper-slider-creative .swiper-pagination-bullet::before {
    display: inline-block;
    position: absolute;
    content: counter(span, decimal);
    counter-increment: span;
    top: 60%;
    left: -22px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-family:  "gravita-geo-variable", sans-serif;

    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(-20px, -50%, 0);
    transform: translate3d(-20px, -50%, 0);
    will-change: transform;
    transition: inherit;
  }

  .swiper-slider-creative .swiper-pagination-bullet::after {
    left: 1px;
    width: 5px;
    height: 5px;
    -webkit-transform: scale(0, 0) translate3d(0, -50%, 0) rotate(0.1deg);
    transform: scale(0, 0) translate3d(0, -50%, 0) rotate(0.1deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  .swiper-slider-creative .swiper-pagination-bullet span {
    height: 1px;
  }

  .swiper-slider-creative .swiper-pagination-bullet:hover::after,
  .swiper-slider-creative .swiper-pagination-bullet-active::after {
    -webkit-transform: scale(1, 1) translate3d(0, -50%, 0) rotate(0.1deg);
    transform: scale(1, 1) translate3d(0, -50%, 0) rotate(0.1deg);
    transition-delay: 0s;
  }

  .swiper-slider-creative .swiper-pagination-bullet:hover span,
  .swiper-slider-creative .swiper-pagination-bullet-active span {
    width: 100%;
    -webkit-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0);
  }

  .swiper-slider-creative .swiper-pagination-bullet-active::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  .swiper-slider-creative .swiper-pagination-bullet-active span {
    width: 340%;
  }

  .swiper-slider-creative .swiper-pagination-bullet-active:hover span {
    width: 340%;
  }
}

.swiper-slider-corporate {
  min-height: calc(100vh - 56px);
}

.swiper-slider-corporate.swiper-container-horizontal
  .swiper-pagination
  .swiper-pagination-bullet {
  margin: 0 12px;
}

.swiper-slider-corporate.swiper-container-vertical {
  max-height: 35.3125vw;
}

.swiper-slider-corporate.swiper-container-vertical .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

@media (max-height: 370px) {
  .swiper-slider-corporate {
    min-height: 310px;
  }
}

.swiper-slider-corporate .swiper-pagination-bullet::before {
  background: rgba(255, 255, 255, 0.33);
}

.swiper-slider-corporate .swiper-pagination-bullet::after {
  background: #e86224;
}

.swiper-slider-corporate .swiper-pagination-bullet:hover::before {
  background: rgba(255, 255, 255, 0.7);
}

.swiper-slider-corporate .button {
  min-width: 180px;
}

.swiper-slider-corporate h6 {
  font-weight: 300;
  letter-spacing: 0.15em;
  color: #e86224;
}

.swiper-slider-corporate h6 + h2 {
  margin-top: 16px;
}

.swiper-slider-corporate * + .button-wrap {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .swiper-slider-corporate {
    min-height: 370px;
  }

  .swiper-slider-corporate.swiper-container-vertical {
    min-height: 400px;
  }

  .swiper-slider-corporate h6 + h2 {
    margin-top: 28px;
  }

  .swiper-slider-corporate * + .button-wrap {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .swiper-slider-corporate.swiper-container-horizontal {
    min-height: 400px;
  }

  .swiper-slider-corporate.swiper-container-vertical .swiper-pagination {
    right: 6%;
  }
}

@media (min-width: 1200px) {
  .swiper-slider-corporate.swiper-container-horizontal {
    min-height: 35.3125vw;
  }
}

@media (min-width: 1600px) {
  .swiper-slider-corporate.swiper-container-vertical .swiper-pagination {
    top: 43%;
    right: 11.5%;
    -webkit-transform: none;
    transform: none;
  }
}

.swiper-slider-tara {
  min-height: 35.36458vw;
}

.swiper-slider-tara.swiper-container-horizontal
  > .swiper-pagination
  .swiper-pagination-bullet {
  margin: 0 6px;
}

.swiper-slider-tara .swiper-pagination {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  width: auto;
  min-width: 155px;
  font-size: 0;
  line-height: 0;
  padding: 17px 20px 10px;
  background: #ffffff;
}

.swiper-slider-tara .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: transparent;
  border: 3px solid #d7d7d7;
  transition: all 0.1s ease-in-out;
}

.swiper-slider-tara .swiper-pagination-bullet::before,
.swiper-slider-tara .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  opacity: 0;
  border-radius: inherit;
}

.swiper-slider-tara .swiper-pagination-bullet::before {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: #e86224;
  -webkit-transform: translate3d(-50%, -400%, 0);
  transform: translate3d(-50%, -400%, 0);
  transition: all 0.2s ease;
}

.swiper-slider-tara .swiper-pagination-bullet::after {
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 3px solid #e86224;
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  transition: all 0.3s ease;
}

.swiper-slider-tara .swiper-pagination-bullet-active::before,
.swiper-slider-tara .swiper-pagination-bullet:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.swiper-slider-tara .swiper-pagination-bullet-active {
  border-color: transparent;
}

.swiper-slider-tara .swiper-pagination-bullet-active::after {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.swiper-slider-tara .swiper-title {
  font-weight: 300;
}

.swiper-slider-tara .swiper-subtitle {
  font-weight: 300;
  color: #776153;
}

.swiper-slider-tara .button {
  min-width: 176px;
}

.swiper-slider-tara
  .button.button-ujarak:not([class*="button-primary"])::before {
  background: #e86224;
}

.swiper-slider-tara .button.button-ujarak:not([class*="button-primary"]):hover,
.swiper-slider-tara
  .button.button-ujarak:not([class*="button-primary"]):active {
  border-color: #e86224;
}

.swiper-slider-tara * + .swiper-title {
  margin-top: 16px;
}

.swiper-slider-tara * + .button,
.swiper-slider-tara * + .button-wrap {
  margin-top: 20px;
}

@media (max-width: 575px) {
  .swiper-slider-tara .swiper-slide::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .swiper-slider-tara .swiper-pagination {
    right: 0;
    left: auto;
    -webkit-transform: none;
    transform: none;
    padding-bottom: 17px;
  }
}

@media (min-width: 992px) {
  .swiper-slider-tara .swiper-title {
    line-height: 1.2;
  }

  .swiper-slider-tara .swiper-subtitle {
    letter-spacing: 0.15em;
  }

  .swiper-slider-tara * + .swiper-title {
    margin-top: 22px;
  }
}

.google-map-markers {
  display: none;
}

.google-map-container {
  text-align: center;
  width: 100%;
}

.google-map {
  color: #000000;
  height: 200px;
}

@media (min-width: 768px) {
  .google-map {
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .google-map {
    height: 665px;
  }
}

@media (min-width: 992px) {
  .section-map-small .google-map {
    height: 460px;
  }
}

.rd-search-results-live {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 600px;
  overflow-y: auto;
  margin: -3px 0 0;
  text-align: left;
  z-index: 998;
}

.rd-search-results-live #search-results {
  position: relative;
  padding: 16px 0 0;
  margin: 15px 5px 5px;
  color: #2c3e51;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(1, 0.9);
  transform: scale(1, 0.9);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  transition: 0.3s all ease;
}

.rd-search-results-live #search-results::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  border: none;
  border-top: 0;
}

.rd-search-results-live #search-results.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.rd-search-results-live .search-quick-result {
  padding-left: 15px;
  padding-right: 15px;
  font-family:  "gravita-geo-variable", sans-serif;

  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  color: #2c3e51;
}

.rd-search-results-live .search-list {
  margin-top: 20px;
}

.rd-search-results-live .search-list li:only-child {
  padding: 0 15px 15px;
}

.rd-search-results-live .search-link {
  color: inherit;
}

.rd-search-results-live .search-link:hover {
  color: #e86224;
}

.rd-search-results-live .search-error {
  font-size: 1rem;
  line-height: 1.6;
}

.rd-search-results-live .search-title {
  position: relative;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #2c3e51;
}

.rd-search-results-live .search-title a:hover {
  color: #e86224;
}

.rd-search-results-live .search-list-item-all {
  margin-top: 18px;
  width: 100%;
}

.rd-search-results-live .search-submit {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: block;
  padding: 8px;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background: #e86224;
}

.rd-search-results-live .search-submit:hover {
  color: #ffffff;
  background: #e86224;
}

.rd-search-results-live .match {
  display: none;
}

.not-empty ~ .rd-search-results-live {
  visibility: visible;
  opacity: 1;
}

.rd-search-results-live p {
  font-size: 1rem;
}

.rd-search-results-live p * {
  margin: 0;
}

.rd-search-results-live .search-list-item {
  padding: 0 15px;
}

.rd-search-results-live * + p {
  margin-top: 5px;
}

.rd-search-results-live .search-list-item + .search-list-item {
  margin-top: 17px;
}

.rd-search-results .search-list {
  counter-reset: li;
  text-align: left;
  padding-left: 0;
  font-size: 1rem;
  list-style-type: none;
  overflow: hidden;
}

.rd-search-results .search-list li div {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}

.rd-search-results .search-list li:only-child::before {
  display: none;
}

.rd-search-results .search-list-item {
  position: relative;
  padding-left: 40px;
  font-size: 1rem;
  color: #9b9b9b;
}

.rd-search-results .search-list-item::before {
  content: counter(li, decimal-leading-zero) ".";
  counter-increment: li;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #000000;
}

.rd-search-results .search-list-item + .search-list-item {
  margin-top: 40px;
}

.rd-search-results .search-title {
  font-size: 1rem;
  color: #000000;
}

.rd-search-results .search {
  color: #ffffff;
  padding: 0 0.25em;
  background: #e86224;
}

.rd-search-results .match {
  padding: 5px;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #000000;
}

.rd-search-results .match em {
  margin: 0;
  font-style: normal;
}

.rd-search-results p * {
  margin: 0;
}

.rd-search-results * + .match {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .rd-search-results .search-title {
    font-size: 1rem;
  }

  .rd-search-results .search-list-item::before {
    top: 0;
    font-size: 1rem;
  }

  .rd-search-results * + p {
    margin-top: 12px;
  }
}

@media (min-width: 992px) {
  .rd-search-results .search-list-item {
    padding-left: 40px;
  }
}

* + .rd-search-results {
  margin-top: 40px;
}

@media (min-width: 768px) {
  * + .rd-search-results {
    margin-top: 55px;
  }
}

.rd-search-classic {
  position: relative;
}

.rd-search-classic .form-input {
  padding-right: 50px;
}

.rd-search-classic .form-input,
.rd-search-classic .form-label {
  letter-spacing: 0;
}

.rd-search-classic .rd-search-submit {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  padding-top: 3px;
  padding-right: 2px;
  margin: 0;
  text-align: center;
  color: #cccccc;
  font-size: 0;
  line-height: 0;
}

.rd-search-classic .rd-search-submit::-moz-focus-inner {
  border: none;
  padding: 0;
}

.rd-search-classic .rd-search-submit:before {
  position: relative;
  top: -1px;
  content: "\e014";
  font: 400 20px "fl-chapps";
  line-height: 1;
  transition: 0.33s all ease;
}

.rd-search-classic .rd-search-submit:hover {
  color: #e86224;
}

.rd-search.rd-search-inline {
  position: relative;
}

.rd-search.rd-search-inline .form-input {
  padding-right: 60px;
}

.rd-search.rd-search-inline .button-link {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  right: 0;
  margin: 0;
  font-size: 21px;
  color: #cccccc;
  transition: 0.33s;
}

.rd-search.rd-search-inline .button-link::before {
  display: block;
  margin: auto;
}

.rd-search.rd-search-inline .button-link:hover {
  color: #e86224;
}

.rd-search.rd-search-inline.form-sm .form-input {
  padding-right: 40px;
}

.rd-search.rd-search-inline.form-sm .button-link {
  width: 40px;
  font-size: 1rem;
}

.rd-search.rd-search-inline.form-lg .form-input {
  padding-right: 60px;
}

.rd-search.rd-search-inline.form-lg .button-link {
  width: 60px;
}

.form-search .form-label {
  letter-spacing: 0.05em;
}

.button-search {
  position: absolute;
  text-align: center;
  padding: 0 5px;
  right: 0;
  top: 0;
  height: 50px;
  width: 60px;
  font-size: 20px;
  line-height: 50px;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  transition: all 250ms ease;
}

.button-search:hover {
  color: #e86224;
}

.form-product-search .form-input {
  min-height: 50px;
  padding-top: 12px;
  padding-right: 55px;
  padding-bottom: 12px;
  letter-spacing: 0.05em;
  background: #ffffff;
  border-color: #e1e1e1;
}

.form-product-search .form-label {
  top: 25px;
  padding-right: 55px;
}

.form-post-search .form-input {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 65px;
  background: #ffffff;
  border-width: 2px;
  border-color: #2c3e51;
}

.form-post-search .form-label {
  padding-right: 65px;
}

.form-post-search .button-search {
  width: 70px;
  height: 60px;
  font-size: 24px;
}

.rd-navbar--is-stuck .rd-search-results-live #search-results,
.rd-navbar--is-clone .rd-search-results-live #search-results {
  margin-top: 10px;
}

@-webkit-keyframes sprite-animation {
  from {
    background-position: 0 0;
  }
}

@keyframes sprite-animation {
  from {
    background-position: 0 0;
  }
}

[data-isotope-layout] {
  z-index: 0;
  display: block;
  min-height: 160px;
  margin-left: -15px;
  margin-right: -15px;
  transition: 0.4s all ease;
}

[data-isotope-layout] .row {
  margin-bottom: -30px;
}

[data-isotope-layout] .row > [class*="col-"] {
  margin-top: 30px;
}

[data-isotope-layout] .row-narrow {
  margin-bottom: -30px;
}

[data-isotope-layout] .row-narrow > [class*="col-"] {
  margin-top: 30px;
}

[data-isotope-layout] .row-condensed {
  margin-bottom: 0;
}

[data-isotope-layout] .row-condensed > [class*="col-"] {
  margin-top: 0;
}

[data-isotope-layout] [class*="col-"] {
  display: block;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 0.1s opacity ease-in;
}

@media (max-width: 575px) {
  [data-isotope-layout] [class*="col-"] {
    max-width: 100%;
  }
}

[data-isotope-layout].isotope--loaded [class*="col-"] {
  opacity: 1;
}

[data-isotope-layout].isotope--loaded:after {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 767px) {
  [data-isotope-layout] .thumbnail {
    max-width: none;
  }
}

.isotope-filters {
  position: relative;
}

.isotope-filters > * {
  margin-top: 0;
  vertical-align: middle;
}

.isotope-filters .inline-list {
  position: relative;
  word-spacing: 0;
}

.isotope-filters .inline-list li {
  display: inline-block;
}

.isotope-filters .inline-list a {
  position: relative;
  transition: 0.3s;
  color: #cccccc;
}

.isotope-filters .inline-list .isotope-filters-trigger {
  display: none;
}

* + .isotope-filters {
  margin-top: 20px;
}

h3 + .isotope-filters {
  margin-top: 14px;
}

.isotope-filters-modern .inline-list {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: -10px;
}

.isotope-filters-modern .inline-list > * {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.isotope-filters-modern .inline-list > li {
  font-family:  "gravita-geo-variable", sans-serif;

  font-size: 1rem;
}

.isotope-filters-modern .inline-list a {
  position: relative;
  padding-bottom: 10px;
}

.isotope-filters-modern .inline-list a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  transition: 0.4s;
  background: #e86224;
}

.isotope-filters-modern .inline-list a:hover {
  color: #e86224;
}

.isotope-filters-modern .inline-list a.active::after {
  width: 100%;
}

@media (min-width: 992px) {
  .isotope-filters-modern .inline-list {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    margin-bottom: -10px;
    margin-left: -23px;
    margin-right: -23px;
  }

  .isotope-filters-modern .inline-list > * {
    margin-top: 10px;
    padding-left: 23px;
    padding-right: 23px;
  }
}

.isotope-modern-wrap [class*="col"] {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .isotope-modern-wrap [class*="col"] {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  html:not(.tablet):not(.mobile) .isotope-modern-wrap [class*="col"] {
    margin-top: 0;
  }
}

.isotope-condensed {
  margin-left: 0;
  margin-right: 0;
}

.isotope-condensed .row > * {
  margin-top: -1px;
  margin-bottom: -1px;
}

* + .isotope {
  margin-top: 30px;
}

* + .isotope-condensed {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .isotope-condensed {
    padding: 0 0 30px;
    margin-left: 0;
    margin-right: 0;
  }

  .isotope-condensed .row.row-condensed > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .isotope-condensed .row.row-condensed > [class*="col"] + [class*="col"] {
    margin-top: 25px;
  }
}

@media (min-width: 768px) {
  * + .isotope-condensed {
    margin-top: 50px;
  }
}

.isotope-filters .isotope-filters-toggle .icon {
  top: -2px;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.isotope-filters .isotope-filters-toggle.button-icon-right .icon {
  margin-left: 8px;
  padding-left: 0;
}

.isotope-filters .isotope-filters-toggle.active .icon {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

[class*="isotope-filters-list"] {
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  max-width: 280px;
  width: 100%;
  padding: 20px;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
	color: #9b9b9b;
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

[class*="isotope-filters-list"].active {
  opacity: 1;
  visibility: visible;
}

[class*="isotope-filters-list"] a {
  display: block;
  padding: 9px 5px 5px;
}

[class*="isotope-filters-list"] a,
[class*="isotope-filters-list"] a:focus,
[class*="isotope-filters-list"] a:active {
  color: inherit;
}

[class*="isotope-filters-list"] a:hover {
  color: #ffffff;
}

[class*="isotope-filters-list"] a:hover {
  color: #e86224;
}

[class*="isotope-filters-list"] a.active {
  color: #ffffff;
  background: #e86224;
}

@media (min-width: 768px) {
  .isotope-filters {
    overflow: hidden;
  }

  [class*="isotope-filters-list"] {
    position: static;
    text-align: center;
    max-width: none;
    top: auto;
    left: auto;
    width: auto;
    padding: 0;
    box-shadow: none;
    background: transparent;
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1;
  }

  .isotope-filters-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -21px;
    margin-right: -21px;
    margin-bottom: -5px;
  }

  .isotope-filters-list > * {
    margin-bottom: 5px;
  }

  .isotope-filters-list > li {
    position: relative;
    padding: 0 24px;
  }

  .isotope-filters-list > li + li::before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    height: 15px;
    width: 1px;
    background: #d7d7d7;
  }

  .isotope-filters-list a {
    display: inline;
    padding: 0;
  }

  .isotope-filters-list a,
  .isotope-filters-list a:focus,
  .isotope-filters-list a:active {
    color: inherit;
  }

  .isotope-filters-list a:hover {
    color: #e86224;
  }

  .isotope-filters-list a.active {
    color: #e86224;
    background: transparent;
  }

  .isotope-filters-list-2 a,
  .isotope-filters-list-2 a:focus,
  .isotope-filters-list-2 a:active {
    color: inherit;
  }

  .isotope-filters-list-2 a:hover {
    color: #e86224;
  }

  .isotope-filters-list-2 a.active {
    color: #e86224;
  }

  .isotope-filters .isotope-filters-toggle {
    display: none;
  }

  .isotope-filters-list-classic {
    text-align: right;
    font-size: 1rem;
    letter-spacing: 0.075em;
    margin-bottom: -10px;
    margin-left: -8px;
  }

  .isotope-filters-list-classic:empty {
    margin-bottom: 0;
    margin-left: 0;
  }

  .isotope-filters-list-classic > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 8px;
  }

  .isotope-filters-list-classic li a {
    position: relative;
    text-align: center;
    padding: 13px 14px 8px;
    color: #2c3e51;
    border: 2px solid #2c3e51;
  }

  .isotope-filters-list-classic li a::before,
  .isotope-filters-list-classic li a::after {
    position: absolute;
    content: "";
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 2px solid transparent;
    transition: color 0.2s ease-in-out, -webkit-transform 0.3s ease;
    transition: color 0.2s ease-in-out, transform 0.3s ease;
    transition: color 0.2s ease-in-out, transform 0.3s ease,
      -webkit-transform 0.3s ease;
    will-change: transform;
  }

  .isotope-filters-list-classic li a::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  .isotope-filters-list-classic li a::after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }

  .isotope-filters-list-classic li a:hover,
  .isotope-filters-list-classic li a.active {
    color: #e86224;
    background: transparent;
    border-color: transparent;
  }

  .isotope-filters-list-classic li a:hover::before,
  .isotope-filters-list-classic li a:hover::after,
  .isotope-filters-list-classic li a.active::before,
  .isotope-filters-list-classic li a.active::after {
    -webkit-transform: none;
    transform: none;
  }

  .isotope-filters-list-classic li a:hover::before,
  .isotope-filters-list-classic li a.active::before {
    border-color: #e86224 transparent #e86224 transparent;
  }

  .isotope-filters-list-classic li a:hover::after,
  .isotope-filters-list-classic li a.active::after {
    border-color: transparent #e86224 transparent #e86224;
  }
}

@media (min-width: 992px) {
  .isotope-filters-list-classic li a {
    min-width: 158px;
  }
}

@media (min-width: 768px) {
  .row-isotope {
    margin-left: -0.85%;
    margin-right: -0.85%;
    margin-bottom: -1.7%;
  }

  .row-isotope > * {
    margin-bottom: 1.7%;
    padding-left: 0.85%;
    padding-right: 0.85%;
  }
}

@media (min-width: 768px) {
  .isotope-top-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -20px;
    margin-left: -30px;
  }

  .isotope-top-panel:empty {
    margin-bottom: 0;
    margin-left: 0;
  }

  .isotope-top-panel > * {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 30px;
  }

  .isotope-top-panel * + .isotope-filters {
    margin-top: 0;
  }

  .isotope-top-panel-title {

    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.isotope-content {
  position: relative;
  padding-top: 50px;
}

.isotope-content::before,
.isotope-content::after {
  position: absolute;
  content: "";
  top: 0;
  height: 1px;
  width: 50%;
  opacity: 0.21;
}

.isotope-content::before {
  left: 0;
  background: linear-gradient(to right, #d1d1d1 0%, #3b3b3b 100%);
}

.isotope-content::after {
  right: 0;
  background: linear-gradient(to right, #3b3b3b 0%, #d1d1d1 100%);
}

* + .isotope-content {
  margin-top: 30px;
}
/*
.card-group-custom {
  margin-bottom: 0;
}

.card-group-custom .card-header + .collapse > .card-body,
.card-group-custom .card-header + .collapse > .list-group {
  border-top: 0;
}

.card-group-custom .card + .card {
  margin-top: 0;
}

.card-group-custom.card-group-corporate .card + .card {
  margin-top: 15px;
}

.card-custom {
  display: block;
  margin: 0;
  background: inherit;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
}

.card-custom a {
  display: block;
}

.card-custom .card-header {
  padding: 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-custom .card-body {
  padding: 0;
}

* + .card-group-custom {
  margin-top: 20px;
}

.card-corporate {
  text-align: left;
  border: 1px solid #e1e1e1;
}

.card-corporate .card-title {
  margin-bottom: 0;
}

.card-corporate .card-title a,
.card-corporate .card-body {
  background: #ffffff;
}

.card-corporate .card-title a {
  position: relative;
  z-index: 1;
  padding: 33px 72px 29px 30px;
  font-size: 20px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.05em;
  font-family:  "gravita-geo-variable", sans-serif;

  text-transform: uppercase;
  color: #2c3e51;
  border-bottom: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}

.card-corporate .card-title a:hover {
  color: #e86224;
}

.card-corporate .card-title a.collapsed {
  border-color: transparent;
}

.card-corporate .card-title a .card-arrow:after {
  opacity: 0;
  visibility: hidden;
}

.card-corporate .card-title a.collapsed {
  border-radius: 0;
  border-bottom-width: 0;
}

.card-corporate .card-title a.collapsed .card-arrow:after {
  opacity: 1;
  visibility: visible;
}

.card-corporate .card-arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #e86224;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  transition: 0.33s all ease;
}

.card-corporate .card-arrow::before,
.card-corporate .card-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #2c3e51;
}

.card-corporate .card-arrow::before {
  width: 15px;
  height: 3px;
}

.card-corporate .card-arrow::after {
  width: 3px;
  height: 15px;
}

.card-corporate .collapse {
  position: relative;
  z-index: 1;
  color: #2c3e51;
  border-radius: 0;
}

.card-corporate .card-body {
  padding: 25px 30px 30px 30px;
  color: #9b9b9b;
}

@media (max-width: 575px) {
  .card-corporate .card-body {
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .card-corporate .card-title a,
  .card-corporate .card-body {
    padding-left: 15px;
  }

  .card-corporate .card-body {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .card-corporate .card-title a {
    padding-top: 23px;
    padding-bottom: 17px;
  }
}

@media (min-width: 768px) {
  .card-corporate .card-arrow {
    right: 18px;
  }

  .card-corporate .card-title a {
    font-size: 24px;
    padding-right: 60px;
  }
}

.card-corporate-2 .card-arrow {
  border-color: #e86224;
}

.card-corporate-2 .card-arrow::before,
.card-corporate-2 .card-arrow::after {
  background: #e86224;
}
*/
.tooltip {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  z-index: 1010;
}

.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #2c3e51;
}

.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #2c3e51;
}

.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #2c3e51;
}

.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #2c3e51;
}

.tooltip-inner {
  padding: 4px 11px;
  background-color: #2c3e51;
}
/*
.counter-modern {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
  z-index: 1;
}

.counter-modern-2 .counter-modern-decor {
  background: #e86224;
}

.counter-modern-number {
  font-size: 60px;
  line-height: 0.8;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  transition: all 0.3s ease;
}

.counter-modern-number > * {
  display: inline-block;
}

.counter-modern-decor {
  width: 100%;
  height: 2px;
  margin: 8px 0 16px auto;
  background: #e86224;
  transition: all 0.3s ease;
}

.counter-modern-title {
  display: inline-block;
  font-weight: 300;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}

* + .counter-modern-title {
  margin-top: 6px;
}

@media (min-width: 768px) {
  .counter-modern-number {
    font-size: 105px;
  }

  .counter-modern-decor {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}

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

.counter-classic-number {
  font-size: 70px;
  line-height: 0.8;
  font-weight: 300;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.counter-classic-number > * {
  display: inline-block;
}

.counter-classic-number .symbol {
  font-size: 40px;
  letter-spacing: 0;
}

.counter-classic-title {
  font-weight: 300;
  letter-spacing: 0.05em;
}

@media (min-width: 992px) {
  .counter-classic-number {
    font-size: 110px;
  }

  .counter-classic-number .symbol {
    font-size: 70px;
  }
}

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

.counter-creative-2 .counter-creative-number {
  color: #f5cdae;
}

.counter-creative-number {
  font-size: 70px;
  line-height: 0.8;
  font-weight: 300;
  font-family:  "gravita-geo-variable", sans-serif;

  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.counter-creative-number > * {
  display: inline-block;
  vertical-align: top;
}

.counter-creative-icon {
  margin-left: 10px;
  font-size: 42px;
  line-height: 1;
  color: #956e54;
}

.counter-creative-title {
  font-weight: 300;
  letter-spacing: 0.075em;
  color: rgba(21, 21, 21, 0.6);
}

* + .counter-creative-title {
  margin-top: 8px;
}

.counter-abby {
  position: relative;
  padding: 40px 20px;
  min-height: 100%;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  border: 9px solid transparent;
  transition: all 0.3s ease;
  z-index: 1;
}

.counter-abby::before,
.counter-abby::after {
  position: absolute;
  content: "";
  border: 1px solid #2c3e51;
  transition: inherit;
  will-change: transform;
  z-index: -1;
}

.counter-abby::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.counter-abby::after {
  top: -9px;
  right: -9px;
  bottom: -9px;
  left: -9px;
}

@media (min-width: 992px) {
  .counter-abby {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .desktop .counter-abby:hover {
    border-color: #2c3e51;
  }

  .desktop .counter-abby:hover::before {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  .desktop .counter-abby:hover::after {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .desktop .context-dark .counter-abby:hover,
  .desktop .bg-gray-dark .counter-abby:hover,
  .desktop .bg-primary .counter-abby:hover {
    border-color: rgba(255, 255, 255, 0.27);
  }
}

.context-dark .counter-abby::before,
.bg-gray-dark .counter-abby::before,
.bg-primary .counter-abby::before,
.context-dark .counter-abby::after,
.bg-gray-dark .counter-abby::after,
.bg-primary .counter-abby::after {
  border-color: rgba(255, 255, 255, 0.27);
}

.counter-amy {
  text-align: center;
  padding: 30px 10px;
}

.counter-amy-number {
  font-size: 110px;
  line-height: 0.8;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.counter-amy-number > * {
  display: inline-block;
}

.counter-amy-number .symbol {
  font-size: 70px;
  letter-spacing: 0;
  margin-left: -8px;
}

.counter-amy-title {
  font-weight: 300;
  letter-spacing: 0.1em;
  color: #9b9b9b;
}

* + .counter-amy-title {
  margin-top: 4px;
}

.border-classic {
  overflow: hidden;
}

.border-classic > div {
  position: relative;
}

.border-classic > div::before {
  position: absolute;
  content: "";
  left: 50%;
  top: -25px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: #d7d7d7;
}

@media (min-width: 576px) {
  .border-classic > div {
    position: relative;
  }

  .border-classic > div::before {
    top: 50%;
    left: -1px;
    width: 1px;
    height: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 992px) {
  .border-classic-2 > div::before {
    height: 100%;
  }
}

@media (min-width: 576px) {
  .border-classic-3 > div::before {
    height: 78%;
  }
}

.context-dark .border-classic > div::before,
.bg-gray-dark .border-classic > div::before,
.bg-primary .border-classic > div::before {
  background: rgba(244, 244, 244, 0.55);
}

.border-modern {
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #e1e1e1;
}

.border-modern > div {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
}

.border-creative {
  overflow: hidden;
}

.border-creative > div::before,
.border-creative > div::after {
  position: absolute;
  content: "";
  background: #d1d1d1;
}

.border-creative > div::before {
  height: 1px;
  left: 26px;
  right: 26px;
  bottom: -1px;
}

.border-creative > div::after {
  width: 1px;
  top: 26px;
  right: -1px;
  bottom: 26px;
}

* + .border-creative {
  margin-top: 0;
}

.border-2-column > div {
  padding: 0;
  border-top: 1px solid #e1e1e1;
}

.border-2-column > div:nth-child(1) {
  border-top: none;
}

.border-2-column > div:nth-child(1) .counter-amy {
  padding-top: 0;
}

.border-2-column > div:nth-last-child(1) .counter-amy {
  padding-bottom: 0;
}

@media (min-width: 576px) {
  .border-2-column > div:nth-child(2) {
    border-top: none;
  }

  .border-2-column > div:nth-child(2) .counter-amy {
    padding-top: 0;
  }

  .border-2-column > div:nth-last-child(2) .counter-amy {
    padding-bottom: 0;
  }

  .border-2-column > div:nth-child(even) {
    border-left: 1px solid #e1e1e1;
  }

  .border-2-column > div:nth-child(even) .counter-amy {
    padding-right: 0;
  }

  .border-2-column > div:nth-child(odd) .counter-amy {
    padding-left: 0;
  }
}

.context-dark .border-2-column > div,
.bg-gray-dark .border-2-column > div,
.bg-primary .border-2-column > div {
  border-color: rgba(255, 255, 255, 0.1);
}

.box-ordered {
  counter-reset: div;
}

.box-ordered .box-ordered-item::before {
  content: counter(div, decimal-leading-zero);
  counter-increment: div;
}

.box-ordered-2 {
  counter-reset: div;
}

.box-ordered-2 .box-ordered-item::before {
  content: counter(div, decimal);
  counter-increment: div;
}

.progress-linear {
  position: relative;
  text-align: left;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #9b9b9b;
}

.progress-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.progress-bar-linear-wrap {
  height: 6px;
  border-radius: 3px;
  background: #dddddd;
}

.progress-bar-linear {
  position: relative;
  width: 0;
  height: inherit;
  background: #e86224;
  transition: 0.5s all ease-in-out;
}

.progress-value::after {
  content: "%";
}

.progress-value {
  position: absolute;
  bottom: 100%;
  right: -4px;
  margin-bottom: 12px;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  will-change: transform;
}

.progress-marker {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  background: #e86224;
  border: 7px solid #ffffff;
  border-radius: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
}

.progress-secondary .progress-bar-linear {
  background: #f0c8aa;
}

.progress-secondary .progress-marker {
  background: #f0c8aa;
}

.progress-orange .progress-bar-linear {
  background: #e7a855;
}

.progress-orange .progress-marker {
  background: #e7a855;
}

* + .progress-bar-linear-wrap {
  margin-top: 12px;
}

* + .progress-linear {
  margin-top: 35px;
}

.progress-linear + .progress-linear {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .progress-linear + .progress-linear {
    margin-top: 30px;
  }
}

.progress-bar-circle {
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #2c3e51;
  z-index: 1;
}

.progress-bar-circle::before {
  position: absolute;
  content: "";
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border: 8px solid #e1e1e1;
  border-radius: 50%;
  z-index: -1;
}

.progress-bar-circle canvas {
  vertical-align: middle;
}

.progress-bar-circle span {
  position: absolute;
  top: 53%;
  left: 50%;
  font-size: 48px;
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.progress-bar-circle span::after {
  font-size: 36px;
  line-height: 1;
  content: "%";
}

.progress-bar-circle-title {
  font-size: 1rem;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;

  color: #2c3e51;
}

* + .progress-bar-circle-title {
  margin-top: 6px;
}

.time_circles {
  position: relative;
  width: 100%;
}

.time_circles > div {
  position: absolute;
  top: 0 !important;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -10px;
  text-align: center;
  font-family:  "gravita-geo-variable", sans-serif;
}

@media (min-width: 1200px) {
  #DateCountdown {
    width: 100%;
  }
}

.time_circles > div > h4 {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: inherit;
  font-size: 16px !important;
  line-height: 1.2 !important;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}

.time_circles > div > h4 + * {
  margin-top: 0;
}

@media (min-width: 768px) {
  .time_circles > div > h4 {
    font-size: 1.2rem !important;
  }
}

@media (min-width: 992px) {
  .time_circles > div > h4 {
    top: calc(100% + 6px);
  }
}

.time_circles > div > span {
  display: block;
  text-align: center;
  margin-top: 12px;
  font-size: 24px !important;
  font-weight: 300;
  line-height: 1 !important;
  color: #111111;
}

@media (min-width: 768px) {
  .time_circles > div > span {
    font-size: 34px !important;
  }
}

@media (min-width: 992px) {
  .time_circles > div > span {
    font-size: 48px !important;
  }
}

.context-dark .time_circles > div > span,
.bg-gray-dark .time_circles > div > span,
.bg-primary .time_circles > div > span {
  color: #ffffff;
}

.countdown-wrap {
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

* + .countdown-wrap {
  margin-top: 35px;
}

* + .DateCountdown {
  margin-top: 20px;
}

.DateCountdown + * {
  margin-top: 40px;
}

.countdown-wrap + .button {
  margin-top: 40px;
}

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
  right: 4px;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: #e1e1e1;
  pointer-events: auto;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #e1e1e1;
  pointer-events: auto;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #e1e1e1;
  position: relative;
}

.jspDrag {
  background: rgba(151, 111, 85, 0.5);
  width: 8px;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
*/

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  transition: height 500ms ease-in-out;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item .owl-item {
  width: 100%;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  font: 400 40px/80px "FontAwesome";
  cursor: pointer;
  z-index: 1;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:before {
  content: "\f144";
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.owl-nav.disabled {
  display: none !important;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font: 400 46px/50px "FontAwesome";
  color: #cccccc;
  cursor: pointer;
}

.owl-prev:hover,
.owl-next:hover {
  color: #e86224;
}

.owl-prev {
  left: 0;
}

.owl-prev::before {
  content: "\f104";
}

.owl-next {
  right: 0;
}

.owl-next::before {
  content: "\f105";
}

.owl-dots {
  position: absolute;
  text-align: center;
  font-size: 0;
  line-height: 0;
  bottom: 30px;
  width: 100%;
}

.owl-dots.disabled {
  display: none !important;
}

.owl-dot {
  text-align: center;
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 0;
  margin-left: 6px;
  margin-right: 6px;
  outline: none;
  cursor: pointer;
  transition: 0.2s;
}

@media (min-width: 992px) {
  .owl-dot {
    margin-left: 4px;
    margin-right: 4px;
  }
}

.owl-dot::before,
.owl-dot::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.owl-dot::before {
  background: #9b9b9b;
  transition: opacity 0.3s ease, background-color 0.3s ease,
    -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease,
    -webkit-transform 0.3s ease;
}

.owl-dot::after {
  opacity: 0;
  background: #e86224;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  transition: opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s,
    -webkit-transform 0.3s ease;
}

.owl-dot:only-child {
  display: none;
}

.owl-dot:hover::before,
.owl-dot:focus::before {
  background: #2c3e51;
}

.owl-dot.active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease,
    -webkit-transform 0.3s ease;
}

.owl-dot.active::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}

.owl-dots-secondary .owl-dot::after {
  background: #f5cdae;
}

.owl-dots-white .owl-dot::before {
  background: rgba(255, 255, 255, 0.8);
}

.owl-dots-white .owl-dot:hover::before,
.owl-dots-white .owl-dot:focus::before {
  background: #ffffff;
}

.post .owl-dots {
  bottom: 40px;
}

.owl-carousel.owl-carousel-light-dots .owl-dot {
  border-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot:hover,
.owl-carousel.owl-carousel-light-dots .owl-dot:focus {
  background-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot.active {
  background-color: #ffffff;
}

.owl-classic .owl-dots {
  position: relative;
  bottom: 0;
  margin-top: 25px;
}

.owl-classic .owl-prev,
.owl-classic .owl-next {
  display: none;

  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 40px;
  width: 54px;
  font-size: 0;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  transition: all 0.25s ease;
}

.owl-classic .owl-prev::before,
.owl-classic .owl-prev::after,
.owl-classic .owl-next::before,
.owl-classic .owl-next::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  transition: all 0.3s ease-in-out;
}

.owl-classic .owl-prev::before,
.owl-classic .owl-next::before {
  height: 2px;
  width: 32px;
  background-color: rgba(21, 21, 21, 0.21);
}

.owl-classic .owl-prev::after,
.owl-classic .owl-next::after {
  width: 0;
  height: 0;
  border-style: solid;
}

.owl-classic .owl-prev:hover,
.owl-classic .owl-next:hover {
  padding-left: 0;
  padding-right: 0;
}

.owl-classic .owl-prev:hover::before,
.owl-classic .owl-next:hover::before {
  background-color: #e86224;
}

.owl-classic .owl-prev:hover::after,
.owl-classic .owl-next:hover::after {
  border-left-color: #e86224;
  border-right-color: #e86224;
}

.owl-classic .owl-prev {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  left: -62px;
}

.owl-classic .owl-prev::after {
  border-width: 5px 8px 5px 0;
  border-color: transparent rgba(21, 21, 21, 0.21) transparent transparent;
}

.owl-classic .owl-next {
  right: -62px;
}

.owl-classic .owl-next::after {
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent rgba(21, 21, 21, 0.21);
}

@media (min-width: 1600px) {
  .owl-classic .owl-prev,
  .owl-classic .owl-next {
    display: -ms-flexbox;
    display: flex;
  }

  .owl-classic .owl-dots {
    display: none;
  }
}

.owl-modern {
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}

.owl-modern .owl-stage-outer {
  padding-top: 3px;
  padding-bottom: 1px;
}

.owl-modern .owl-stage-outer::after {
  top: 9px;
  right: 30px;
  left: 30px;
  height: 9px;
  background: #f4f4f4;
  z-index: -1;
}

.owl-modern .owl-dots {
  display: none;
  position: relative;
  bottom: 0;
  margin-top: 17px;
}

.owl-timeline::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 86px;
  height: 1px;
  width: 100%;
  background: #dddddd;
}

.owl-timeline .owl-prev,
.owl-timeline .owl-next {
  top: 35%;
  -webkit-transform: none;
  transform: none;
}

@media (min-width: 768px) {
  .owl-timeline::before {
    bottom: 88px;
  }
}

@media (min-width: 1600px) {
  .owl-timeline::before {
    bottom: 51px;
  }
}

.owl-navbar .owl-dots {
  position: static;
  margin-top: 25px;
}

.owl-navbar .owl-dot:before {
  background: #e7e7e7;
}

.owl-navbar .owl-dot:hover::before,
.owl-navbar .owl-dot:focus::before {
  background: #9b9b9b;
}

.owl-products .owl-dots {
  display: none;
  position: relative;
  bottom: 0;
  margin-top: 10px;
}

* + .owl-products {
  margin-top: 20px;
}

.owl-clients .owl-dots {
  position: relative;
  bottom: 0;
  margin-top: 30px;
  display: none;
}

.owl-posts .owl-stage-outer {
  padding-bottom: 10px;
}

.owl-posts .owl-dots {
  position: relative;
  bottom: 0;
  margin-top: 22px;
}

.owl-posts .owl-dot::before {
  background: #2c3e51;
}

.owl-posts .owl-dot::after {
  background: #e86224;
}

.owl-posts .owl-dot:hover::before,
.owl-posts .owl-dot:focus::before {
  background: #e86224;
}

.owl-posts-2 .owl-dot::after {
  background: #e86224;
}

.owl-posts-2 .owl-dot:hover::before,
.owl-posts-2 .owl-dot:focus::before {
  background: #e86224;
}

.owl-services .owl-stage-outer {
  padding: 10px;
  margin: -10px;
}

.owl-services .owl-prev {
  left: -10px;
}

.owl-services .owl-next {
  right: -10px;
}

@media (min-width: 576px) {
  .owl-services {
    padding: 0 40px;
  }

  .owl-services .owl-prev,
  .owl-services .owl-next {
    display: -ms-flexbox;
    display: flex;
  }

  .owl-services .owl-dots {
    display: none;
  }
}

@media (min-width: 768px) {
  .owl-services .owl-prev {
    left: -25px;
  }

  .owl-services .owl-next {
    right: -25px;
  }
}

@media (min-width: 992px) {
  .owl-services {
    padding: 0;
  }
}

.owl-services-2 .owl-stage-outer {
  padding-top: 30px;
  margin-top: -30px;
}

.owl-team {
  position: static;
}

.owl-team .owl-next,
.owl-team .owl-prev {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  font-size: 0;
  line-height: 0;
  background: rgba(247, 247, 247, 0.7);
  -webkit-transform: none;
  transform: none;
  transition: all 0.3s ease-in-out;
}

.owl-team .owl-next::before,
.owl-team .owl-prev::before {
  display: none;
}

.owl-team .owl-next:hover,
.owl-team .owl-prev:hover {
  background: rgba(247, 247, 247, 0.4);
}

.owl-team .owl-next {
  right: 0;
  left: calc(50% + 615px);
}

.owl-team .owl-prev {
  left: 0;
  right: calc(50% + 615px);
}

.owl-team .owl-dots {
  position: static;
  margin-top: 35px;
}

@media (min-width: 1200px) {
  .owl-team .owl-stage-outer {
    overflow: visible;
  }

  .owl-team .owl-item:not(.active) .team-creative {
    pointer-events: none;
  }

  .owl-team .owl-next,
  .owl-team .owl-prev {
    display: block;
  }
}

@media (min-width: 1280px) {
  .owl-team .owl-dots {
    display: none;
  }
}

@media (min-width: 1280px) and (max-width: 1399px) {
  .container-custom-2 {
    max-width: 1100px;
  }

  .owl-team {
    max-width: 1070px;
  }

  .owl-team .owl-next {
    left: calc(50% + 564px);
  }

  .owl-team .owl-prev {
    right: calc(50% + 564px);
  }
}

.owl-team-2 .owl-stage-outer {
  padding: 10px;
  margin: -10px;
}

.owl-team-2 .owl-dots {
  position: relative;
  bottom: 0;
  margin-top: 30px;
}

.owl-quote .owl-prev,
.owl-quote .owl-next {
  width: 74px;
}

.owl-quote .owl-prev::before,
.owl-quote .owl-next::before {
  width: 52px;
}

.owl-quote .owl-prev {
  left: -100px;
}

.owl-quote .owl-next {
  right: -100px;
}

.owl-quote .owl-dots {
  margin-top: 30px;
}

@media (min-width: 1400px) {
  .owl-quote .owl-prev,
  .owl-quote .owl-next {
    display: -ms-flexbox;
    display: flex;
  }

  .owl-quote .owl-dots {
    display: none;
  }
}

@media (min-width: 1600px) {
  .owl-quote .owl-prev,
  .owl-quote .owl-next {
    width: 94px;
  }

  .owl-quote .owl-prev::before,
  .owl-quote .owl-next::before {
    width: 72px;
  }

  .owl-quote .owl-prev {
    left: -185px;
  }

  .owl-quote .owl-next {
    right: -185px;
  }
}

@media (min-width: 992px) {
  .desktop .owl-quote .owl-stage-outer {
    padding: 35px 0;
  }

  .desktop .owl-quote .owl-dots {
    margin-top: 0;
  }

  .desktop [class*="section-"].section-lg-bottom-10 {
    padding-bottom: 10px;
  }

  .desktop * + .owl-quote {
    margin-top: 0;
  }
}

.owl-quote-2 .owl-stage-outer {
  padding: 10px 10px 25px;
  margin: -10px -10px -25px;
}

.owl-custom-nav {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  margin-bottom: -6px;
  margin-left: -6px;
}

.owl-custom-nav:empty {
  margin-bottom: 0;
  margin-left: 0;
}

.owl-custom-nav > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 6px;
  margin-left: 6px;
}

.owl-custom-nav .owl-prev,
.owl-custom-nav .owl-next {
  position: static;
  display: inline-block;
  top: auto;
  left: auto;
  right: auto;
  width: 33px;
  height: 33px;
  font-size: 22px;
  line-height: 25px;
  color: #e86224;
  border: 4px solid #e86224;
  border-radius: 50%;
  -webkit-transform: none;
  transform: none;
  transition: all 0.25s ease-in-out;
}

.owl-custom-nav .owl-prev:hover,
.owl-custom-nav .owl-next:hover {
  border-color: #e86224;
}


/*
.lg-sub-html,
.lg-toolbar {
  background-color: rgba(0, 0, 0, 0.45);
}

@font-face {
  font-family: lg;
  src: url(../fonts/lg.eot?n1z373);
  src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),
    url(../fonts/lg.woff?n1z373) format("woff"),
    url(../fonts/lg.ttf?n1z373) format("truetype"),
    url(../fonts/lg.svg?n1z373#lg) format("svg");
  font-weight: 300;
  font-style: normal;
}

.lg-icon {
  font-family: lg;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: 0;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #fff;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next:before {
  content: "\e095";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0%,
  100% {
    left: 0;
  }

  50% {
    left: -30px;
  }
}

@keyframes lg-right-end {
  0%,
  100% {
    left: 0;
  }

  50% {
    left: -30px;
  }
}

@-webkit-keyframes lg-left-end {
  0%,
  100% {
    left: 0;
  }

  50% {
    left: 30px;
  }
}

@keyframes lg-left-end {
  0%,
  100% {
    left: 0;
  }

  50% {
    left: 30px;
  }
}
/*
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: 0;
  transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  bottom: 0;
  color: #eee;
  font-size: 1rem;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 1rem;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-next,
.lg-prev,
.lg-toolbar {
  opacity: 1;
  transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear,
    -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear,
    -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1),
    -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1),
    -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item.lg-complete
  .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
    -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
  margin-left: auto;
  margin-right: auto;
}

.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid rgba(255, 255, 255, 0);
  border-radius: 0;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    transition: border-color 0.25s ease;
  }
}

.lg-outer .lg-thumb-item:hover {
  border-color: #ffffff;
}

.lg-outer .lg-thumb-item.active {
  border-color: #e86224;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0d0a0a;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

.lg-outer .lg-toogle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
  color: #fff;
}

.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(../images/vimeo-play.png) no-repeat;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(../images/vimeo-play.png) 0 -58px no-repeat;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: url(../images/video-play.png) no-repeat;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url(../images/youtube-play.png) no-repeat;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(../images/youtube-play.png) 0 -60px no-repeat;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  transition: opacity 80ms ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #e86224;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap {
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap {
  transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  transition: opacity 0.15s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}

#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px #fff inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s,
    -webkit-transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
  box-shadow: 0 0 0 8px #fff inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
  transition-delay: 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 1rem;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s,
    -webkit-transform 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
    opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
    opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0;
}

.lg-outer .lg-dropdown > li:hover .lg-icon,
.lg-outer .lg-dropdown > li:hover a {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family:  "gravita-geo-variable", sans-serif;

  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share:after {
  content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1090;
  text-align: left;
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  background: url(../images/loading.gif) center center no-repeat;
  display: none !important;
}

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
  display: inline-block !important;
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: mi2ddle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1090;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transition: opacity 0.1s ease 0s,
    -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s,
    -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.tablet #lg-zoom-in,
.tablet #lg-zoom-out,
.mobile #lg-zoom-in,
.mobile #lg-zoom-out {
  display: none;
}

.tablet .lg-icon,
.mobile .lg-icon {
  font-size: 22px;
  width: 45px;
}

@media (max-width: 767px) {
  .lg-fullscreen,
  #lg-zoom-in,
  #lg-zoom-out {
    display: none;
  }

  .lg-icon {
    font-size: 22px;
    width: 45px;
  }
}
*/
.parallax-container {
  position: relative;
  overflow: hidden;
}

.material-parallax {
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  bottom: 0;
}

.ipad .material-parallax,
.iphone .material-parallax {
  background-attachment: scroll !important;
}

.material-parallax img {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 101%;
  max-width: none;
  min-height: 101%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.parallax-content {
  position: relative;
  z-index: 1;
}

.select2-container {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  text-align: left;
  min-height: 50px;
  width: auto;
  /*min-width: 200px;*/
  overflow: visible;
  white-space: normal;
  margin: 10px 20px;
  padding: 0;
  letter-spacing: 0.05em;
  background: #e86224;
  border: 2px solid #e86224;
  color: #f4f2fa;
}

.select2-container-active,
.select2-container:focus {
  border: 3px solid #b85214;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  box-sizing: border-box;
}

.select2-container:hover {
  border: 2px solid #b85214;
}

.select2-container .select2-choice {
  display: block;
  position: relative;
  color: #f4f2fa;
  font-size: 1rem;
  white-space: normal;
  background-color: #e86224;
  padding: 12px 70px 12px 15px;
  text-decoration: none;
}
#modelselectlink,
#milanjump {
  background: #2c343b !important;
  color: #f4f2fa !important;
  border-radius: 50px;
  margin-top: 10px;
}

.select2-container-2 {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  text-align: left;
  min-height: 50px;
  width: auto;
  overflow: hidden;
  margin: 10px 20px;
  padding: 0;
  letter-spacing: 0.05em;
  background: #ffffff;
  border: 2px solid #e86224;
  color: #f4f3fa;
}

.select2-container-2-active,
.select2-container-2:focus {
  border: 2px solid #2c343b;
}

.select2-container-2,
.select2-drop,
input {
  box-sizing: border-box;
}

.select2-container-2:hover {
  border: 2px solid #2c343b;
}
.smart-forms .select > select:hover {
  border: none;
}

.select2-container-2 .select2-choice {
  display: block;
  position: relative;
  color: #f4f2fa;
  font-size: 1rem;
  background-color: #2c343b;
  padding: 12px 15px;
  border-radius: 0;
  text-decoration: none;
}

.select2-container-2 .select2-choice > .select2-chosen {
  display: flex;
  min-width: 200px;
  color: #f4f2fa;
  background-color: #2c343b;
  overflow: visible;
  font-size: 1rem;
  white-space: normal;
}
/*
@media (max-width: 1200px) {
	.select2-container {
		display: block;
		width: 90%;
	}
	.select2-container-2 {
		display: block;
		width: 90%;
	}
}	*/

.select2-dropdown-open .select2-choice {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: auto;
  overflow: auto;
}

.select2-dropdown {
  width: 100%;
}

.select2-arrow {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 45%;
  -webkit-transform: translateY(-44%);
  transform: translateY(-44%);
}

.select2-arrow b:before {
  display: inline-block;
  font-weight: 300;
  content: "\F0236";
  font-family: "Material Design Icons";
  font-size: 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.select2-dropdown-open .select2-arrow b:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select2-container .select2-choice abbr {
  display: none;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #ffffff;
}

.select2-drop {
  width: auto;
  overflow-x: visible;
  margin-top: -6px;
  position: absolute;
  z-index: 100;
  top: 100%;
  background: #ccc;
  color: #2c343b;
  font-weight: 500;
  white-space: normal;
  border: 2px solid #b85214;
  border-top: 0;
  border-radius: 0 0 0 0;
}

.select2-drop-active {
  border: 3px solid #b85214;
  border-top: 0;
}

.select2-drop.select2-drop-above {
  margin-top: 8px;
  border-top: 1px solid #b85214;
  border-bottom: 0;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border: 3px solid #b85214;
}

.select2-search {
  display: inline-block;
  width: 100%;
  padding: 4px 4px 0;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search:before {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 4px));
  transform: translateY(calc(-50% + 4px));
  display: inline-block;
  content: "\f43b";
  font-family: "Material Design Icons";
  font-size: 20px;
  line-height: 1;
}

.select2-search input {
  width: 90%;
  padding: 5px 5px 5px 5px;
  margin: 0;
  outline: 0;
  font-size: 1.15em;
  background-color: #ffffff;
  color: #2c3e51;
  border: 1px solid #f7f7f7;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 0px solid #f7f7f7;
  border-top-color: transparent;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.select2-results {
  padding: 5px 15px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-result {
  border-radius: 0;
  transition: 0.1s;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
  color: #e86224;
  background: #ccc;
}

.select2-results .select2-result-label {
  padding: 5px 0px 3px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  font-size: 1rem;
  white-space: normal;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  color: #f4f2fa;
  background: #e86224; /*#E86224;*/
}

.select2-results li em {
  background: #ffffff;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #ffffff;
  color: #000000;
}

.select2-results .select2-disabled.select2-highlighted {
  color: #f4f2fa;
  background: #e86224; /*#e86224;*/
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #999;
  display: list-item;
  cursor: none;
}

.select2-results .select2-selected {
  display: none;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #aaa;
  background-image: none;
  border: 0px solid #ddd;
  cursor: none;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

.select2-container-multi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: auto;
  min-height: 60px;
}

.select2-container-multi .select2-choices {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 0;
  cursor: text;
  overflow: hidden;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  width: 100% !important;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 4px 5px 4px 20px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  cursor: default;
  border: 1px solid #dedede;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dedede;
}

.select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-chosen {
  cursor: default;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 3px;
  color: #2c343b;
}

.select2-search-choice-close:before {
  display: inline-block;
  content: "\f24c";
  font-family: "Material Design Icons";
  font-size: 12px;
  line-height: 1;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled
  .select2-choices
  .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close {
  display: none;
  background: none;
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.rd-range {
  height: 18px;
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
}

.rd-range__wrap {
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background-color: #f4f4f4;
  transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

.rd-range__pointer {
  position: absolute;
  cursor: pointer;
  top: 3px;
  left: 6%;
  z-index: 1;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 0 15%;
  transform-origin: 0 15%;
  transition: -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1),
    -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: visible;
  background-color: #e86224;
  border: 6px solid #ffffff;
  background-clip: padding-box;
  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .rd-range__pointer.active {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  }
}

.rd-range__line {
  background-color: #e86224;
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  transition: none;
}

.rd-range .rd-range__pointer-tooltip {
  display: none !important;
}

.rd-range-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.rd-range-form-wrap span,
.rd-range-input,
.rd-range-title {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family:  "gravita-geo-variable", sans-serif;
}

.rd-range-title {
  margin-right: 4px;
}

.rd-range-form-wrap {
  position: relative;
  padding-left: 6px;
  color: #2c3e51;
}

.rd-range-form-wrap span {
  position: absolute;
  top: 4px;
  left: 0;
}

.rd-range-divider {
  height: 2px;
  width: 10px;
  margin-left: 2px;
  margin-right: 5px;
  margin-bottom: 2px;
  border-top: 2px solid #2c3e51;
}

.rd-range-input {
  text-align: center;
  outline: none;
  border: none;
  padding: 0;
  max-width: 36px;
  background-color: transparent;
  border-radius: 0;
}

.rd-range + * {
  margin-top: 22px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: inline-block;
}

.slick-slide:focus {
  outline: none;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 28px;
  cursor: pointer;
  background: #e86224;
  color: #ffffff;
  top: 50%;
  margin-top: -10px \9;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 9;
}

.slick-prev:hover,
.slick-next:hover {
  outline: none;
  color: #e86224;
  background-color: #cccccc;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  background-color: #d7d7d7;
}

.slick-prev:before,
.slick-next:before {
  font-family: "Material Design Icons";
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -15px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: 0;
}

.slick-prev:before {
  content: "\F0733";
}

[dir="rtl"] .slick-prev:before {
  content: "\F0736";
}

.slick-next {
  right: -15px;
}

[dir="rtl"] .slick-next {
  left: 0;
  right: auto;
}

.slick-next:before {
  content: "\F0736";
}

[dir="rtl"] .slick-next:before {
  content: "\F0733";
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 0.7;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "adobe-aldine", serif;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 1;
}

.carousel-parent {
  margin-bottom: 7px;
}

.child-carousel .slick-list {
  margin-left: -6px;
  margin-right: -6px;
}

.child-carousel .slick-slide {
  cursor: pointer;
  margin: 0 6px;
}

.child-carousel .slick-slide img {
  width: 100%;
}

.child-carousel .slick-product-figure {
  margin-top: 5px;
  margin-bottom: 5px;
}

.child-carousel .slick-product-figure:hover {
  background: rgba(244, 244, 244, 0.5);
}

.child-carousel .slick-product-figure:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.child-carousel .slick-current .slick-product-figure {
  background: transparent;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17);
}

@media (min-width: 768px) {
  .child-carousel .slick-slide {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slick-product {
    display: -ms-flexbox;
    display: flex;
    margin-left: -6px;
    margin-right: -6px;
  }

  .slick-product .carousel-parent,
  .slick-product .child-carousel {
    padding-left: 6px;
    padding-right: 6px;
  }

  .slick-product .carousel-parent {
    width: 74%;
    margin-bottom: 0;
  }

  .slick-product .child-carousel {
    width: 26%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .slick-product .child-carousel .slick-list {
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    margin-right: 0;
  }

  .slick-product .child-carousel .slick-slide {
    width: calc(100% - 10px) !important;
    margin-left: 5px;
    margin-right: 5px;
  }

  .slick-product .slick-arrow {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .slick-product .slick-prev {
    top: -10px;
  }

  .slick-product .slick-prev::before {
    content: "\f754";
  }

  .slick-product .slick-next {
    top: auto;
    bottom: -10px;
  }

  .slick-product .slick-next::before {
    content: "\f752";
  }
}

@media (min-width: 992px) {
  .slick-product {
    margin-right: 25px;
  }
}

@media (min-width: 1200px) {
  .slick-product {
    margin-right: 38px;
  }
}

.slick-custom-nav .slick-prev,
.slick-custom-nav .slick-next {
  background-color: transparent;
  font-size: 45px;
}

.slick-custom-nav .slick-prev {
  left: -30px;
}

.slick-custom-nav .slick-next {
  right: -20px;
}

@media (min-width: 1600px) {
  .slick-custom-nav .slick-prev {
    left: -50px;
  }

  .slick-custom-nav .slick-next {
    right: -40px;
  }
}

.slick-product-figure {
  position: relative;
  overflow: hidden;
  background: #f4f4f4;
  transition: all 0.3s ease;
}

.slick-product-figure img {
  width: 100%;
  -webkit-transform: none;
  transform: none;
  transition: inherit;
}

.stepper {
  position: relative;
  display: block;
}

.stepper input[type="number"] {
  width: 85px;
  padding: 10px;
  font-weight: 500;
  font-family:  "gravita-geo-variable", sans-serif;
  text-align: center;
  color: #0065cf;
  border: 1px solid #e1e1e1;
  -moz-appearance: textfield;
}

.stepper input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.stepper-arrow {
  position: absolute;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 0;
  font-family: "Material Design Icons";
  cursor: pointer;
  color: #2c3e51;
  border-radius: 0;
  transition: 0.3s all ease;
}

.stepper-arrow:hover {
  color: #e86224;
}

.stepper-arrow.up {
  left: 60px;
  top: 25px;
}
/*
#quant-up {
	left: 60px;
	top: 28px;
}

#quant-up:before {
	content: '\F005D';
	font-size: 1rem;
}
*/
.stepper-arrow.up:before {
  content: "\F005D";
}

.stepper-arrow.down {
  left: 8px;
  top: 25px;
}
/*
#quant-down{
	left: 60px;
	top: 45px;
}
#quant-down:before {
	content: '\F0045';
	font-size: 1rem;
}
*/
.stepper-arrow.down:before {
  content: "\F0045";
}

.stepper.disabled .stepper-arrow {
  pointer-events: none;
  opacity: 0.5;
}

.product-stepper .stepper {
  padding-right: 32px;
}

.product-stepper input[type="number"] {
  padding: 10px 5px;
  font-size: 24px;
  max-width: 66px;
}

.product-stepper .stepper-arrow {
  margin-top: 0;
  top: auto;
  right: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: #f7f7f7;
}

.product-stepper .stepper-arrow.up {
  top: 0;
}

.product-stepper .stepper-arrow.down {
  left: auto;
  bottom: 0;
}

.table-cart-stepper {
  max-width: 114px;
  margin-left: auto;
  margin-right: auto;
}

.table-cart-stepper input[type="number"] {
  font-size: 1rem;
  line-height: 1;
  padding-bottom: 6px;
  background: #ffffff;
  border-color: #ffffff;
}

.table-cart-stepper .stepper-arrow {
  line-height: 36px;
  border-radius: 4px;
  border: 1px solid #e1e1e1;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: #ffffff;
  position: absolute;
  z-index: 30;
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
  width: 2px;
  height: 9999px;
  left: 50%;
  margin-left: -1px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
  transition-property: opacity;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  position: absolute;
  color: #e86224;
  font-family: "FontAwesome";
  font-size: 24px;
  line-height: 47px;
}

.twentytwenty-left-arrow::before,
.twentytwenty-right-arrow::before,
.twentytwenty-up-arrow::before,
.twentytwenty-down-arrow::before {
  display: inline-block;
}

.twentytwenty-container {
  box-sizing: content-box;
  width: auto;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -moz-user-select: none;
}

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-before-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-container * {
  box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}

.twentytwenty-before-label:before {
  content: "Before";
}

.twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-after-label:before {
  content: "After";
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  right: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  left: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

.twentytwenty-overlay {
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  height: 47px;
  width: 47px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25.5px;
  margin-top: -25.5px;
  border: 2px solid #ffffff;
  background: #ffffff;
  border-radius: 1000px;
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  box-shadow: 0 3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  box-shadow: 0 -3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  box-shadow: 3px 0 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  box-shadow: -3px 0 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
  left: 50%;
  margin-left: -13px;
}

.twentytwenty-left-arrow::before {
  content: "\f104";
}

.twentytwenty-right-arrow {
  right: 50%;
  margin-right: -13px;
}

.twentytwenty-right-arrow::before {
  content: "\f105";
}

.twentytwenty-up-arrow {
  top: 50%;
  margin-top: -13px;
}

.twentytwenty-up-arrow::before {
  content: "\f106";
}

.twentytwenty-down-arrow {
  bottom: 50%;
  margin-bottom: -13px;
}

.twentytwenty-down-arrow::before {
  content: "\f107";
}

.bg-vide {
  position: relative;
  z-index: 0;
}

.bg-vide > * {
  position: relative;
  z-index: 2;
}

.bg-vide > div:not(.container) {
  pointer-events: none;
}

.bg-vide::before {
  z-index: 1;
}

.video-background {
  position: relative;
  overflow: hidden;
  background-color: #2c3e51;
}

.video-background-poster {
  display: none;
}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-foreground {
  height: 300%;
  top: -100%;
}

.video-foreground iframe {
  left: -5px;
  width: calc(100% + 5px);
}

.video-background-inner {
  position: relative;
  z-index: 1;
}

[data-x-mode="true"] .video-foreground,
.builder .video-foreground,
.ios .video-foreground,
.ipad .video-foreground,
.tablet .video-foreground,
.devices .video-foreground,
.mobile .video-foreground {
  display: none;
}

[data-x-mode="true"] .video-background-poster,
.builder .video-background-poster,
.ios .video-background-poster,
.ipad .video-background-poster,
.tablet .video-background-poster,
.devices .video-background-poster,
.mobile .video-background-poster {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[data-x-mode="true"] .video-background-poster img,
.builder .video-background-poster img,
.ios .video-background-poster img,
.ipad .video-background-poster img,
.tablet .video-background-poster img,
.devices .video-background-poster img,
.mobile .video-background-poster img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.quantity {
  position: relative;
  margin-right: 1rem;
  width: 8rem;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.quantity span {
  display: inline-block;
}

.quantity-label {
  color: #0065cf !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  text-align: center;
  font-family:  "gravita-geo-variable", sans-serif;

  padding: 10px 0px;
}

.quantity-input {
  background-color: #b8b8b8;
  font-size: 1rem;
  color: #0565cf;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  appearance: none;
}

.quantity .qtybutton {
  position: absolute;
  right: 0;
  width: 1.8rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border: 1px solid #2d2d2d;
  text-align: center;
  background-color: #ccc;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.quantity .qtybutton:hover,
.quantity .qtybutton:focus {
  background-color: transparent;
  color: #0089dd;
}

.quantity .qtybutton.inc {
  top: 0;
  border-bottom: none;
  border-radius: 5px;
}

.quantity .qtybutton.dec {
  bottom: 0;
  border-radius: 5px;
}

.container-feat {
  width: 100%;
  background-color: #e3e3e3;
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto;
}

.cdlink {
  position: relative;
  display: inline-block;
  text-align: center;
}

.cdlink a:hover img {
  transform: scale(2.5) translate(-10px, 35px);
  z-index: 99;
}

.cdlink a:hover img:last-child {
  transform: scale(2.5) translate(-40px, 35px);
  z-index: 99;
}

.cdlink a img {
  position: relative;
  display: block;
  width: 120px;
  height: 75px;
}

.cdlink img {
  transition: transform 0.3s linear;
}

.cdlink-left {
  position: relative;
  display: inline-block;
  text-align: center;
}

.cdlink-left a:hover img {
  transform: scale(1.85) translate(50px, 35px);
  z-index: 99;
  border: solid 2px #0089dd;
}

.cdlink-left a img {
  position: relative;
  display: block;
}

.cdlink-left img {
  transition: transform 0.3s linear;
}

.list-inline-item:not(:last-child) {
  margin-right: 15px;
}

.row-condensed {
  padding: 5px 0 5px;
}

.required-star {
  color: #800000;
  font-weight: bold;
  font-size: 20px;
  margin: 0 3px;
}

.inline-sub {
  display: inline-block;
  font-size: 1rem;
  font-style: normal;
}

#product-name {
  color: #f4f4f4;
  font-size: 30px;
  font-style: oblique;
  font-variant: small-caps;
  line-height: 1.3;
  font-family:  "gravita-geo-variable", sans-serif;
}

#product-name span {
  font-style: normal;
  font-variant: normal;
  font-size: 68%;
}
.product-badge {
	font-size: 30px!important;
	font-style: oblique!important;
	font-variant: small-caps!important;
	line-height: 1.3;
  font-family:  "gravita-geo-variable", sans-serif;
	display: none;
}

.product_name {
  color: #f4f4f4;
  font-size: 30px;
  font-style: oblique;
  font-variant: small-caps;
  line-height: normal;
  font-family:  "gravita-geo-variable", sans-serif;
}
.product_name span {
  font-style: normal;
  font-variant: normal;
  font-size: 68%;
}
.spec_label {
  color: #0065cf;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  font-family:  "gravita-geo-variable", sans-serif;
}
@media only screen and (max-width: 991px) {
  .spec_label {
    flex-direction: column;
    align-content: flex-start;
  }
}

.list {
 /* padding: 10px 0px 0px 25px;*/
	display: block;
  line-height: 1.25;
  font-size: 0.95rem;
  font-family:  "gravita-geo-variable", sans-serif;
	text-indent: -15px;
    margin-left: 0;
	list-style-type: disc;
}

#specs ul li {
  margin-left: 10px;
}

li b {
  margin-bottom: 5px;
	font-weight: 600;
}

h3 {
  font-variant: small-caps;
}

.title-classic-title {
  color: rgb(218, 84, 11);
  font-size: x-large;
}
.opts_bkg {
  color: #0065cf;
  /*	background: rgba(255,255,255,0.2);  */
  border-radius: 5px;
  padding: 10px 0px 0px 0px;
 font-family: "adobe-aldine", serif;
  font-weight: 600;
  font-size: 1.35rem;
}
.finish_box {
	width: auto;
	display: inline-flex;
	color: #F4F2FA;
	position: absolute;
    right: 20%;
    top: 7.5%;
	opacity: 1;
	padding: 10px 20px;
	box-shadow: 3px -1px 1px rgb(94 93 93 / 60%);
	font-size: 0.85rem!important;
}

@media only screen and (min-width: 768px) and (max-width: 992px)  {
	.finish_box {
		right: -15%;
		top: 8.3%;
	}
}

@media only screen and (max-width: 1200px)  {
	.finish_box {
		right: 12vw;
	}
}

.opts_desc {
  color: #222222;
  background: rgba(235, 235, 235, 0.5);
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  padding: 5px 0px 10px 8px;
  line-height: 1;
  margin: 5px 15px;
}

#finisher {
  background: rgba(235, 235, 235, 0.5);
}
/*
#floorprotect {
  background: rgba(235, 235, 235, 0.5);
  margin-top: 10px;
}

#quantity {
  background: rgba(235, 235, 235, 0.5);
  margin-top: 10px;
}

#inert_select {
  background: rgba(235, 235, 235, 0.5);
  margin-top: 10px;
}
*/
.opts-box-bkg {
  background: rgba(235, 235, 235, 0.5);
  margin-top: 10px;
  padding-left: 5px;
}

@media (max-width: 768px) {
	#inert_hide {
		display:none;
	}
}

.box-head {
  color: #222222;
  font-weight: 500;
  font-size: 1rem;
  text-align: left;
  font-family:  "gravita-geo-variable", sans-serif;
}

.box-text {
  color: #222222;
  font-weight: 300;
  font-size: 1rem;
  font-family:  "gravita-geo-variable", sans-serif;
}

.box-cost {
  color: #0065CF;
  font-size: 1rem;
  vertical-align: middle;
  text-align: right;
}

.sum-box-text {
  color: #222222;
  font-weight: 600;
  font-size: 1rem;
  padding-left: 5px;
}
.summary-text {
  color: #222222;
  font-weight: 300;
  padding-left: 25px;
  font-size: 0.9rem;
  font-family:  "gravita-geo-variable", sans-serif;
}
.summary-cost {
  color: #0565cf;
  font-weight: 300;
  padding-left: 25px;
  font-size: 0.9rem;
  font-family:  "gravita-geo-variable", sans-serif;
  text-align: right;
}
.summary-item {
  color: #222222;
  font-weight: 300;
  font-size: 0.9rem;
  font-family:  "gravita-geo-variable", sans-serif;
}
.summary-price-dark {
  color: #090909;
  font-weight: 600;
  font-size: 0.9rem;
  font-family: "adobe-aldine", sans-serif;
  text-align: right;
}
.summary-price {
  color: #0565cf;
  font-weight: 600;
  padding-left: 25px;
  font-size: 0.9rem;
  font-family: "gravita-geo-variable", sans-serif;
  text-align: right;
}

.summary-header {
	font-family: "adobe-aldine", serif;
	font-size: 1rem;
    font-weight: 600;
    color: #f4f2fa;
}

.summary-title-header {
	font-family: "adobe-aldine", serif;
    line-height: 1.231;
	font-size: 1.3rem;
    font-weight: 600;
    color: #3A3939;
	margin-bottom: 6px;	
}
.sum-list {
  font-weight: 300;
  font-size: 1rem;
  margin: 5px;
  line-height: 1.51429;
}

.sum-list:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.sum_details {
  display: block;
  line-height: 0.95 !important;
	font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1.05rem;
  max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.config_desc {
  color: #222222;
  background: rgba(235, 235, 235, 0.5);
  font-size: 1.10rem;
  font-weight: 300;
  margin: 5px 0px 0px 45px;
  line-height: 1.3;
}

#config_desc1,
#config_desc2,
#config_desc3,
#config_desc5,
#config_desc6,
#config_desc7 {
  display: none;
}

#cost_sum,
#custom_cost_sum {
  line-height: 1;
/*	margin: 0px; 
  padding: 0px 25px;*/
}

@media (max-width: 1199px) {
  #cost_sum,
  #spec_box {
    margin-left: 0px;
  }
}

@media (min-width: 1200px) {
  #cost_sum,
  #spec_box {
    margin-left: 0px;
  }
}

@media (min-width: 1400px) {
  #cost_sum,
  #spec_box {
    margin-left: 0px;
  }
}

.customizer-cont {	
    max-width: 100%;
    background-color: rgba(230,234,238,1);  /*rgb(252 252 243 / 80%);*/
    padding: 20px 30px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 992px) {
	.customizer-cont {	
		max-width: 100%;
		overflow: auto;
	}
	#row1_spacer,  #row2_spacer, #row3_spacer, #row4_spacer, #row5_spacer, #row6_spacer {
			display: inline-block;
	}
}
@media (min-width: 1200px) {
	.customizer-cont {	
		max-width: 100%;
	}
}
@media (min-width: 1600px) {
	.customizer-cont {	
		max-width: 90vw;
	}
}
#customizer_table {
	background-color: rgba(252,243,210,0.80);
}

#cust_col_1 {
	width: 50px; 
	max-width: 10%!important;
}

#cust_col_2 {
	width: 200px; 
	max-width: 30%!important;
}

#cust_col_3 {
	width: 75px; 
	max-width: 15%!important;
	white-space: nowrap;
}
#cust_col_4 {
	width: 185px; 
	max-width: 45%!important;
}
.cust_price_input {
	width: 60%;
	height: 35px;	
	margin: 0;
	padding: 15px;
	padding-bottom: 10px;
	text-align: right;
	background-color: #f4f2fa;
	border:1px solid #aaa;
	border-bottom: 2px inset #0089dd;
	font-weight: 300;
	min-width: 72px;
	float: none;
}

.cust_price_input:focus {
	border: 2px solid #0565cf;
	outline: medium !important;
	transition: all 0.3s ease-out 0s;
}

.services-modern-label {
  text-transform: capitalize;
  color: #0565cf !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  text-align: center;
  font-family:  "gravita-geo-variable", sans-serif;
}
.measure_display {
  width: 60px;
  text-align: center;
  height: 2.2rem;
  font-size: 1rem;
  font-weight: 300;
  border-bottom-color: #e86224;
  padding-bottom: 0;
  overflow: visible;
  color: #090909 !important;
  -webkit-appearance: none;
  transition: 0.3s ease-in-out;
  border-left: none;
  border-top: none;
  border-right: none;
}
.sum_display {
  width: 45px;
  text-align: center;
  height: 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-bottom-color: #0565cf;
  padding-bottom: 0;
  overflow: visible;
  color: #090909 !important;
  -webkit-appearance: none;
  transition: 0.3s ease-in-out;
  border-left: none;
  border-top: none;
  border-right: none;
}
.sum_label {
  color: #0565cf !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  text-align: left;
  font-family:  "gravita-geo-variable", sans-serif;
  padding: 10px 10px;
}

.table-price-input {
  border-bottom-color: #e86224;
  padding-bottom: 0;
  text-align: right;
  height: auto;
  width: 100%;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 300;
  line-height: 45px;
  overflow: visible;
  color: #090909;
  -webkit-appearance: none;
  transition: 0.3s ease-in-out;
  border-left: none;
  border-top: none;
  border-right: none;
}

.linkers {
  color: #0052a9;
  text-decoration: underline;
  text-decoration-color: #0052a9;
}

.linkers:hover {
  text-decoration: underline;
  text-decoration-color: #e86224;
  color: #e86224;
}

.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  padding: 30px;
  width: 100%;
  margin: 10px;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 300;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
}

.control__indicator:after {
  content: "";
  position: absolute;
  display: none;
}

.control input:checked ~ .control__indicator:after {
  display: block;
}

.field-wrapper {
  position: relative;
  overflow: hidden;
}

.field-wrapper label:not(.authorizing-label):not(.radio-label) {
  opacity: 0.5;
}

[class*="form-container"] .column {
  position: relative;
}
.billing-form-container,
.shipping-form-container,
.item-summary-container {
  position: relative;
  display: block;
  text-align: left;
}
.item-summary-container li {
  color: #2c3e51;
  font-size: 1rem;
}
.billing-form-container {
  background-color: transparent;
}
.shipping-form-container {
  background-color: transparent;
}

.em input {
  color: #d40003;
  font-weight: 700;
}

.button + .button,
.authorizing-label ~ .authorizing-label,
.radio-label ~ .radio-label,
button + button,
label.pull-right {
  margin-left: 0.5rem;
}
.page_spacer {
  margin: 100px 0px;
  height: 600px;
  width: 100%;
  display: block;
  z-index: 2000;
}


input[type="radio"]:disabled {
  cursor: none;
  color: #ccc;
}

@media (max-width: 600px) {
  [class*="text-width-"] {
    margin-left: auto;
    margin-right: auto;
  }
}

.disabled,
input:disabled,
select:disabled,
textarea:disabled {
  opacity: 0.6;
  cursor: default;
}

.checkbox:disabled,
.radio:disabled {
  opacity: 0;
  cursor: default;
}

.form-element,
input {
  background-color: #f4f2fa;
  border: 1px solid #aaa;
  color: #101010;
  float: left;
  height: 51px;
  margin-bottom: 15px;
  padding: 15px;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}

.form-element:focus,
input:focus {
  border: 1px solid #0565cf;
  outline: medium none !important;
  transition: all 0.3s ease-out 0s;
}

.form-element,
textarea {
  background: #f4f2fa;
  font-size: 1rem;
  color: #2c343b;
  line-height: 1.4;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-element:focus,
textarea:focus {
  background: #f4f2fa;
  color: #2c343b;
  border: 2px outset #0565cf;
  box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px,
    rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}

.form-element label {
  color: #2c343b;
  font-size: 1rem;
  display: block;
  border: none;
}

.form-element label.pull-left,
label.pull-right {
  margin-bottom: 0;
  padding: 1.4rem 0;
  line-height: normal;
  float: left;
}

.form-element label.pull-left {
  margin-right: 1rem;
}

.form-element label.emphasized {
  color: #2c343b;
  font-size: 1rem;
  font-weight: 700;
}

.form-element select {
  width: 100%;
  position: relative;
  /*background: 0 0;
	border: 0;
	border-radius: 0;*/
  color: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.radio + .radio-label:before {
  border-radius: 50%;
}

.form-element.pill {
  border-radius: 10.5rem;
}

@media only screen and (min-width: 768px) {
  .merged-form-elements .column:first-child {
    padding-right: 0;
  }

  .merged-form-elements .column:last-child {
    padding-left: 0;
  }

  .merged-form-elements .column + .column {
    padding: 0;
  }

  .merged-form-elements .column .form-element {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .merged-form-elements .column + .column .form-element {
    border-radius: 0;
  }

  .merged-form-elements .column:last-child .button {
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.form-element.small {
  padding: 0.85rem 1rem;
  font-size: 1rem;
  width: auto;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.form-select.small:after {
  top: 0.8rem;
  right: 1rem;
}

.form-element.medium {
  padding: 1.3rem 2.5rem;
  width: 75%;
}

.form-element.large {
  padding: 1rem;
  font-size: 1rem;
  margin: 5px;
  font-weight: 600;
  width: 90%;
}

.form-select.large:after {
  top: 1.7rem;
  right: 2.5rem;
}

.form-element.xlarge {
  padding: 1.9rem 3.5rem;
  font-size: 1rem;
  width: 100%;
}
.form-select.xlarge:after {
  top: 2rem;
  right: 3rem;
}

#stands_for {
  display: block;
  text-align: center;
  font-weight: 300;
  white-space: normal;
}
.tablesorter-filter-row {
  display: none;
}

.roundedCorners {
  border: #000 1px solid;
  padding: 2px 8px;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.tablesorter-headerDesc .roundedCorners {
  border-color: #fff;
}
.table-categ {
  display: flex;
  width: auto;
  max-width: 90vw;
  padding: 8px;
	text-align: center;
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
  text-transform: none;
  font-family:  "gravita-geo-variable", sans-serif;
  border-collapse: collapse;
  border-spacing: 4px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  border: none;
}

.table-categ td {
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  line-height: normal;
  color: #0b0b0b;
  padding: 15px;
}

.table-categ th {
  padding: 15px 12px;
  font-weight: 500;
  font-size: 1.10rem;
  letter-spacing: normal;
  color: #0565cf;
  border-bottom: 0px solid #e1e1e1;
}

.table-categ th:hover {
  color: #b85214;
  font-weight: 700;
  text-decoration: underline;
}

.table-categ tr {
  border-bottom: 1px solid #1a1a1a;
}

.table-categ tr:nth-of-type(even) td {
  background-color: gainsboro;
}

@media (max-width: 991px) {
  .table-categ th {
    padding-top: 18px;
    padding-bottom: 14px;
  }
}

.table-categ tfoot td {
  font-weight: 700;
}

* + .table-categ-responsive {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.table-categ .table-categ-bordered td {
  border: 2px solid #1f1f1f;
}

.table-categ .table-categ-bordered tbody > tr:first-of-type > td {
  border-top: 0;
}

@media (max-width: 991px) {
  .table-categ-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

.table-options {
  display: flex;
  justify-content: space-between;
  width: auto;
  padding: 8px;
  text-align: center;
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: inherit;
  text-transform: inherit;
  font-family:  "gravita-geo-variable", sans-serif;
  border-collapse: collapse;
  border-spacing: 4px;
  overflow: visible;
  border: none;
}

.table-options td {
  background-color: transparent;
  font-size: 1rem;
  font-weight: 300;
  line-height: inherit;
  padding: 10px;
}

.table-options tr {
  border: none;
}

.switch {
  position: relative;
  display: inline-flex;
  align-content: space-around;
  height: 30px;
  width: 80px;
  margin: 20px auto;
  background-color: #aaa;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3),
    0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 40px;
  line-height: 20px;
  font-size: 1rem;
  color: #f7f7f7;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.85);
  cursor: pointer;
}

.switch-label:active {
  font-weight: 700;
}

.switch-label-off {
  padding-right: 2px;
  padding-top: 4px;
}

.switch-label-on {
  padding-left: 5px;
  padding-top: 4px;
}

.switch-input {
  display: none;
}

.switch-input:checked + .switch-label {
  font-weight: 600;
  color: #f7f7f7;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: color, text-shadow;
  -moz-transition-property: color, text-shadow;
  -ms-transition-property: color, text-shadow;
  -o-transition-property: color, text-shadow;
  transition-property: color, text-shadow;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 44px;
  background-color: #e86224;
  border: 1px solid #0565cf;
}

.switch-selection {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  display: block;
  width: 36px;
  height: 25px;
  border-radius: 4px;
  background-color: transparent;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5),
    0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-yellow .switch-selection {
  background-color: #0089dd;
  border: 1px solid #e86224;
}

.box-sportlight-subtitle {
  margin: 10px 0px;
  font-weight: 300;
  letter-spacing: 0.02em;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 25px;
  line-height: 1.25;
}

.box-icon-classic2 .box-icon-classic-title {
  font-size: 25px;
  display: flex;
  font-weight: 500;
  align-content: space-around;
  line-height: 30px;
  color: #0565cf;
  transition: all 0.2s ease-in-out;
}

#summary_thumb {
  width: 80px;
  height: 80px;
  display: inline-flex;
}
.summary_box {
  display: block;
  background: rgb(174 173 175 / 40%);
  position: fixed;
  left: 1%;
  top: 25%;
  border: solid 1px #780171;
  border-radius: 15px;
  overflow: visible;
  white-space: normal;
}
.summary_box_header {
  font-size: 1rem;
  font-weight: 600;
  color: #0565cf;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  white-space: normal;
}

.summary_item {
  font-family: "Montserrat", sans-serif;
  font-size: 0.85rem;
  color: #2c3e51;
  font-variant: petite-caps;
  padding: 5px 15px;
  box-sizing: border-box;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
}

.summary_item:hover {
  background: transparent;
  cursor: pointer;
}

.sidebar {
  width: 90%;
  margin: 0px auto;
  padding: 0 10px;
}

.floating-div {
  background-color: #002a58;
  padding: 10px 20px;
  color: #f4f2fa;
  /*font-size: 20px;
	margin-top:10px;*/
}

.sticky {
  background-color: aquamarine;
  position: fixed;
  top: 10px;
  right: 18px;
  margin: 0;
  width: 90%; /*calc(10vw - 25px);*/
}

.abs {
  background-color: cornsilk;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 90%; /*calc(10vw - 20px); */
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.wrap {
  width: 90%;
  margin: 0px auto;
}

#primary-content-wrap {
  position: relative;
}

/*
.rdo-radio-btn:checked ~ .menu-item .rdo-label {
	color: #780171;
    font-weight: 600;
}

.rdo-radio-btn:checked ~ .menu-item .rdo-label::before {
	border: 2px solid #780171;
	background: #f4f2fa;
	content: '\F0765';
	justify-content: center;
	align-items: center;
	font-family: "Material Design Icons";
	font-size: 20px;
	color: #780171;
}

@media (max-width: 991px) {
	.side_radio_menu_header {
		font-size: 1rem;
	}
	.menu-item {
		font-size: 0.85rem;
		padding: 5px 0px;
	}
	.box-icon-classic-2 {
		padding: 5px;
	}
	.side_radio_menu {
		width: 12vw

	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.side_radio_menu_header {
		font-size: 1.10rem;
	}
	.menu-item {
		font-size: 1.10rem;
	}
	.box-icon-classic-2 {
		padding: 10px;
	}
}

@media (max-width: 768px) {
	#side_radio_menu {
		display: none;
	}
	#model_selector {
		disply: block;
	}
}
@media (min-width: 1200px) {
	.side_radio_menu {
		width: 15vw;
	}
	.side_radio_menu_header {
		font-size: 1rem;
	}
	.menu-item {
		font-size: 1.20rem;
		padding: 5px 0px 5px 40px;
	}
	.box-icon-classic-2 {
		padding: 20px;
	}
}
*/
.rdo-list {
  flex: 1 100%;
}

.rdo-list__item {
  position: relative;
  padding-top: 15px;
}

.rdo-list__item:hover rdo-label {
  color: #e86224;
}

.rdo-list__item:hover .rdo-label::before {
  border: 2px solid #e86224;
}

.rdo-radio-btn {
  position: absolute;
  visibility: hidden;
}

.rdo-radio-btn:checked ~ .rdo-label {
  color: #0565cf;
  font-weight: 600;
}

.rdo-radio-btn:checked ~ .rdo-label::before {
  border: 1px solid #e86224;
  background: #f7f7f7;
  content: "\F0765";
  justify-content: center;
  align-items: center;
  font-family: "Material Design Icons";
  font-size: 20px;
  color: #e86224;
}

.rdo-label {
  padding-left: 15px;
  color: #242424;
	font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.25s linear;
}

.rdo-label::before {
  display: inline-flex;
  content: "";
  border: 2px solid #0565cf;
  -webkit-border-radius: 90px;
  border-radius: 90px;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  transition: all 120ms linear;
}

.rdo-check-box {
  position: absolute;
  visibility: hidden;
}

.rdo-check-box:checked ~ .rdo-label2 {
  color: #e86224;
}

.rdo-check-box:checked ~ .rdo-label2::before {
  border: 1px solid #e86224;
  background: #f7f7f7;
  content: "\F0765";
  justify-content: center;
  align-items: center;
  font-family: "FontAwesome";
  font-size: 24px;
  color: #e86224;
}

.rdo-label2 {
  padding-left: 55px;
  color: #242424;
	font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.5;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.25s linear;
}

.rdo-label2::before {
  display: inline-flex;
  content: "";
  border: 3px solid #0089dd;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  transition: all 120ms linear;
}

.wrappers {
  width: 600px;
  margin: 5%;
}

#wrapper {
  width: 600px;
  margin: 30px auto;
}

suc-h1 {
  color: #222222;
  text-shadow: -1px -2px 3px rgba(17, 17, 17, 0.3);
  text-align: center;
  font-family: "adobe-aldine", serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 50px;
  margin-bottom: -5px;
}

suc-h1 underline {
  border-top: 5px solid rgba(26, 188, 156, 0.3);
  border-bottom: 5px solid rgba(26, 188, 156, 0.3);
}

suc-h3 {
  text-align: center;
  margin-left: 16px;
  font-family: "adobe-aldine", serif;
  font-size: 1rem;
  font-weight: 600;
  color: #222222;
}

.mbn-35 {
  margin-bottom: -35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.footer a,
a:focus,
a:active,
a:hover {
  text-decoration: none;
  color: #e86224;
}
.footer-copyright span {
  font-size: 1rem;
  color: #949494;
}

.footer-modern {
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
  background: #272727;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}

.footer-modern .footer-widget .widget-title {
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 15px;
  font-family:  "gravita-geo-variable", sans-serif;

  font-size: 16px;
}

.footer-widget-contact {
  margin: 0 0 0px 45px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .footer-widget-contact {
    margin: 0 0 0px 25px;
    text-align: center;
  }
  .footer-widget-link,
  .footer-widget-link-center {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-widget-contact {
    margin: 0 0 0px 75px;
    text-align: left;
  }
}
/*.footer-widget-contact .contact-item {
	padding-left: 50px;
	margin-bottom: 2px;
	position: relative;
	text-align: left;
	
}.footer-widget-contact .contact-item i {
	position: absolute;
	left: 20px;
	top: 0;
	line-height: normal;
	color: #9B9B9B;
}
.footer-widget-contact .contact-item, .footer-widget-contact .contact-item span {
    display: block;
    position: relative;
    text-align: left;
    font-family: 'U001Regular', sans-serif;

    font-size: 1rem;
	color: #9B9B9B;
    line-height: normal;
    margin-bottom: 3px;
     */
.footer-widget-contact .contact-item span,
.footer-widget-contact .contact-item li a {
  display: block;
  font-family:  "gravita-geo-variable", sans-serif;
  color: #9b9b9b;
}

.footer-widget-contact .contact-item li a:hover {
  color: #e86224;
  text-decoration: underline;
}

.footer-widget-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family:  "gravita-geo-variable", sans-serif;
  color: #9b9b9b;
  font-size: 0.95rem;
  line-height: normal;
  margin-bottom: 3px;
  justify-content: flex-start;
}

.footer-widget-link-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 0.95rem;
  color: #9b9b9b;
  line-height: normal;
  justify-content: center;
}

.footer-widget-link li,
.footer-widget-link-center li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-bottom: 14px;
}

.footer-widget-link-center li:last-child,
.footer-widget-link-center li:nth-last-child(2) {
  margin-bottom: 0;
}

.footer-widget-link li a,
.footer-widget-link-center li a {
  display: block;
  font-family:  "gravita-geo-variable", sans-serif;
  color: #9b9b9b;
  font-size: 0.95rem;
  justify-content: center;
}

.footer-widget-link li a:hover,
.footer-widget-link-center li a:hover {
  color: #e86224;
  text-decoration: underline;
}

.footer-widget-menu ul,
.footer-widget ul,
.footer-widget-contact ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget-menu ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget-menu ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer-widget-menu ul li {
    margin: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget-menu {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget-menu {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .footer {
    font-size: 1rem;
  }
}

.pages-sidebar-item {
  float: left;
  margin-bottom: 60px;
  width: 90%;
  font-family:  "gravita-geo-variable", sans-serif;
  color: #222222;
}

.pages-sidebar-item-title {
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  margin: 30px 0 20px;
  font-weight: bolder;
}

.pages-sidebar-links {
  float: left;
  width: 100%;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.pages-sidebar-header {
  float: left;
  padding: 10px;
  width: 100%;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #f4f2fa;
  background-color: #2c4a7e;
  border-bottom: 1px solid #e86224;
}

.pages-sidebar-links li {
  float: left;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #a2cff9;
}

.pages-sidebar-links li i {
  padding-right: 10px;
}

.pages-sidebar-links li a {
  float: left;
  padding: 10px 0 0px 15px;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.pages-sidebar-links li a:hover,
.pages-sidebar-links li a.active {
  color: #e86224;
  font-weight: 600;
  font-size: 1.10rem;
}

.pages-sidebar-links li:last-child {
  border-bottom: medium none;
}

/****************form validation ********************
label {
  display: block;
  font-weight: bold;
}
input,
select,
textarea {
  display: block;
  width: 100%;
  margin: 0.35em 0;
}
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
textarea {
  min-height: 75px;
}
input ~ small,
textarea ~ small {
  display: block;
  font-style: italic;
}
input ~ strong,
textarea ~ strong {
  display: block;
  font-size: 0.9rem;
  font-weight: normal;
  color: red;
  text-align: right;
  margin: 0 0 0.25rem;
}
*/

#form_status {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

#form_status span {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  background: #e74c3c;
  width: 100%;
  text-align: center;
  display: inline-block;
  padding: 10px 0px;
  border-radius: 3px;
  margin-bottom: 18px;
}

#form_status span.loading {
  color: #333;
  background: #eee;
  border-radius: 3px;
  padding: 18px 0px;
}

#form_status span.notice {
  color: yellow;
}

#form_status .success {
  color: #fff;
  text-align: center;
  background: #2ecc71;
  border-radius: 3px;
  padding: 30px 0px;
}

#form_status .success i {
  color: #fff;
  font-size: 45px;
  margin-bottom: 14px;
}

#form_status .success h3 {
  color: #fff;
  margin-bottom: 10px;
}

.cforms label {
  float: left;
  width: 100%;
  color: #454545;
  font-size: 1rem;
  font-weight: 600;
}

.cforms label em {
  color: #cc0101;
  font-size: 20px;
  font-weight: bolder;
}

.cforms input {
  color: #fff;
  float: left;
  width: 100%;
  font-size: 1rem;
  padding: 9px 12px;
  margin-bottom: 10px;
  border: none;
  background: none;
  -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.cforms textarea {
  color: #fff;
  float: left;
  width: 100%;
  padding: 9px 12px;
  margin-bottom: 10px;
  border: none;
  background: none;
  -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.cforms .button {
  display: block;
  float: left;
  margin-top: 10px;
  color: #fff;
  padding: 14px 20px;
  font-size: 1rem;
  font-weight: 500;
  background: #304a7d;
  border: 1px solid #000;
  border-radius: 3px;
  font-family: "adobe-aldine", serif;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cforms_sty3 .button:hover {
  background: #e86224;
  border: 1px solid #0565cf;
}

.cforms .input-1 {
  background-color: #f4f4f4;
  border: 1px solid #aaa;
  color: #101010;
  float: left;
  height: 45px;
  margin-bottom: 15px;
  padding: 8px;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}

.cforms .input-1:focus {
  border: 3px inset #e86224;
  outline: medium none !important;
  transition: all 0.3s ease-out 0s;
}

.cforms .label-text {
  color: #101010;
  font-size: 14.5px;
  font-weight: 600;
}

.cforms .input1 .label-text em {
  color: #cc0101;
  font-size: 20px;
  font-weight: bolder;
}

.cforms .textarea-1 {
  background-color: #fff;
  border: 1px solid #aaa;
  color: #101010;
  float: left;
  height: 75px;
  margin-bottom: 15px;
  padding: 8px;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}

.cforms .textarea-1:focus {
  border: 3px inset #e86224;
  outline: medium none !important;
  transition: all 0.3s ease-out 0s;
}

.alert-error {
  color: #900;
  background-color: #fbdbcf;
}
.alert-info {
  color: #163161;
  background-color: #cfe6fc;
}
.text-box-right {
  display: block;
  padding: 0px 0px 0px 30px;
  margin: 0;
  text-align: left;
}

.text-box-right.less-padding {
  padding: 0px 0px 0px 65px;
}

.text-box-left {
  display: block;
  padding: 0px 90px 0px 0;
  margin: 0;
  text-align: right;
}

.item-holder {
  width: 100%;
  padding: 0;
  margin: 0;
}

#item_holder_1 {
	display: inherit;
	
}

.text-box {
  width: 100%;
  float: left;
}

.text-box.white {
  background-color: #fff;
}

.text-box.primary {
  background-color: #fccb06;
}

.text-box.white-transparent-1 {
  background-color: rgba(255, 255, 255, 0.9);
}

.text-box.light {
  background-color: #f5f5f5;
}

.text-box.dark {
  background-color: #242424;
}

.text-box.xdark {
  background-color: #000;
}

.text-box.border-light {
  border: 1px solid #ececec;
}

.text-box-right.border,
.text-box-left.border,
.item-holder.border,
.text-box-inner.border,
.text-box.border {
  border: 1px solid #f1f1f1;
}

.text-box-right.border-top,
.text-box-left.border-top,
.item-holder.border-top,
.text-box-inner.border-top,
.text-box.border-top {
  border-top: 1px solid #f1f1f1;
}

.text-box-right.border-bottom,
.text-box-left.border-bottom,
.item-holder.border-bottom,
.text-box-inner.border-bottom,
.text-box.border-bottom {
  border-bottom: 1px solid #f1f1f1;
}

.text-box-right.border-left,
.text-box-left.border-left,
.item-holder.border-left,
.text-box-inner.border-left,
.text-box.border-left {
  border-left: 1px solid #f1f1f1;
}

.text-box-right.border-right,
.text-box-left.border-right,
.item-holder.border-right,
.text-box-inner.border-right,
.text-box.border-right {
  border-right: 1px solid #f1f1f1;
}

.text-box.sbox-padd-left {
  padding-left: 0;
}

.padding-1 {
  padding: 10px;
}

.padding-2 {
  padding: 20px;
}

.padding-3 {
  padding: 30px;
}

.padding-4 {
  padding: 40px;
}

.padding-5 {
  padding: 50px;
}

.padding-6 {
  padding: 60px;
}

.padding-7 {
  padding: 70px;
}

.padding-8 {
  padding: 80px;
}

.padding-9 {
  padding: 90px;
}
.pad-l10 {			/*.smart-forms .frm-row */
  padding-left: 10px;
}

.pad-r10 {
  padding-right: 10px;
}

.pad-l20 {
  padding-left: 20px;
}

.pad-r20 {
  padding-right: 20px;
}

.pad-l30 {
  padding-left: 30px;
}

.pad-r30 {
  padding-right: 30px;
}

.pad-l40 {
  padding-left: 40px;
}
.item-holder.marginbottom {
  margin: 0 0 40px 0;
}

.text-box-left.more-padding-1 {
  padding: 0px 120px 0px 0px;
}

.text-box-left.more-padding-2 {
  padding: 0px 150px 0px 0px;
}

.text-box-left.less-padding-1 {
  padding: 0px 70px 0px 0;
}

.text-box-left.less-padding-2 {
  padding: 0px 50px 0px 0;
}

.text-box-right.more-padding-1 {
  padding: 0px 0px 0px 120px;
}

.text-box-right.more-padding-2 {
  padding: 0px 0px 0px 140px;
}

.text-box-right.more-padding-3 {
  padding: 0px 0px 0px 160px;
}

.text-box-right.more-padding-4 {
  padding: 0px 0px 0px 170px;
}

.text-box-right.less-padding-1 {
  padding: 0px 0px 0px 70px;
}

.text-box-right.less-padding-2 {
  padding: 0px 0px 0px 50px;
}

.text-box-right.less-padding-3 {
  padding: 0px 0px 0px 40px;
}

.text-box-right.less-padding-4 {
  padding: 0px 0px 0px 80px;
}

.error_holder {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 60%;
}

.error_holder.two {
  text-align: left;
  width: 100%;
}

.error_holder .title {
  font-size: 110px;
  font-weight: 300;
  line-height: 65px;
  margin: 0;
  padding: 30px 0;
}

.error_title_big {
  font-size: 200px;
  font-weight: bold;
  line-height: 65px;
  margin: 0;
  padding: 30px 0;
}

.error-search-box {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

.error-search-box .email_input {
  border: 1px solid #e4e4e4;
  color: #727272;
  height: 50px;
  width: 70%;
  padding: 15px;
}

.error-search-box .input_submit {
  background-color: #ff971c;
  border: 1px solid #ff971c;
  color: #fff;
  height: 50px;
  transition: all 0.3s ease-out 0s;
  width: 20%;
}

.error-search-box .input_submit:hover {
  background-color: #242424;
  border: 1px solid #242424;
}

.error-title-big {
  font-size: 200px;
  font-weight: bold;
  line-height: 65px;
  margin: 0;
  padding: 30px 0;
}

.section-block.feature-1,
.section-block.feature-2 {
  padding-bottom: 0;
}

.section-block.fullscreen-section,
.section-block.fullscreen-sections-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.fullscreen-section {
  width: 100%;
  height: 100%;
  height: 100vh;
  display: table;
  table-layout: fixed;
  overflow: hidden;
}

.fullscreen-section.in-view {
  z-index: 1;
}

.fullscreen-section .background-image {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 0;
}

.fullscreen-section .background-slider-wrapper,
.fullscreen-section.background-fixed .background-image {
  width: 100%;
  height: 100vh;
  position: absolute;
  background-attachment: fixed;
  z-index: 0;
}

.fullscreen-section .background-slider-wrapper {
  height: 100%;
}

.fullscreen-section.background-fixed .background-slider-wrapper {
  position: fixed;
}

.webkit .fullscreen-section .background-image-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
  top: 0;
  left: 0;
}

.webkit .fullscreen-section.background-fixed .background-image-wrapper {
  position: fixed;
}

.webkit .fullscreen-section.background-fixed .background-image {
  position: relative;
  background-attachment: scroll;
}

.ie-browser.webkit
  .fullscreen-section.background-fixed
  .background-image-wrapper {
  height: 100vh;
  position: absolute !important;
}

.ie-browser.webkit .fullscreen-section.background-fixed .background-image {
  background-attachment: fixed;
}

.webkit.side-nav-open .background-fixed .background-image-wrapper {
  position: absolute;
}

.mobile .fullscreen-section {
  height: auto;
}

.mobile .fullscreen-section .background-image,
.mobile .fullscreen-section .background-image-wrapper,
.mobile .fullscreen-section.background-fixed .background-image-wrapper {
  width: 100vw;
  position: relative !important;
}

.fs-pagination {
  width: 2.8rem;
  padding: 1rem;
  text-align: center;
  visibility: visible;
  opacity: 0;
  position: fixed;
  right: 25px;
  top: 50%;
  z-index: 10;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-backface-visibility: hidden;
}

.fs-bullet-nav {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  background: #fff;
  opacity: 0.5;
  border-radius: 50%;
}

.fullscreen-sections-wrapper.nav-dark .fs-bullet-nav,
.nav-dark .fs-bullet-nav {
  background: #333;
}

.fs-bullet-nav.active,
.fs-bullet-nav:hover {
  opacity: 1;
}

.footer .footer-logo a:hover,
.shop .product-price del {
  opacity: 0.6;
}

.mobile .fs-pagination {
  display: none;
}

.fullscreen-section .fullscreen-inner {
  width: 100%;
  height: 100%;
  padding-top: 7rem;
  padding-bottom: 7rem;
  background: rgba(0, 0, 0, 0.6);
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}

.fullscreen-section.no-overlay .fullscreen-inner {
  background: rgba(0, 0, 0, 0);
}

.coming-soon-1 .background-image,
.coming-soon-2 .background-image,
.error-404 .background-image,
.error-500 .background-image {
  background-image: url(../images/fullscreen/coming-soon-1.jpg);
}

.fullscreen-section footer {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: absolute;
  bottom: 0;
  z-index: 3;
}

.fullscreen-section .copyright {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: #fff;
}

.fullscreen-section .social-list {
  margin-bottom: 0;
}

.fullscreen-inner.v-align-top {
  vertical-align: top;
}

.fullscreen-inner.v-align-bottom {
  vertical-align: bottom;
}

.fullscreen-section .hero-4,
.fullscreen-section .hero-5,
.fullscreen-section .hero-6 {
  height: 100vh;
}

.section-block.pagination-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.content,
.section-block {
  position: relative;
  z-index: 1;
}

.section-block {
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.replicable-content {
  padding-bottom: 4rem;
}

.separator {
  width: 5rem;
  height: 0.2rem;
  margin-top: 0;
  margin-bottom: 3rem;
  background-color: #7befb2;
}

.text-line {
  width: 2rem;
  height: 0.2rem;
  display: inline-block;
}

.mt-0 {
  margin-top: 0;
}

.mt-5 {
  margin-top: 0.5rem;
}

.mt-10 {
  margin-top: 1rem;
}

.mt-20 {
  margin-top: 2rem;
}

.mt-30 {
  margin-top: 3rem;
}

.mt-40 {
  margin-top: 4rem;
}

.mt-50 {
  margin-top: 5rem;
}

.mt-60 {
  margin-top: 6rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-5 {
  margin-bottom: 0.5rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mb-40 {
  margin-bottom: 4rem;
}

.mb-50 {
  margin-bottom: 5rem;
}

.mb-60 {
  margin-bottom: 6rem;
}

.pt-0,
.section-block.pt-0 {
  padding-top: 0;
}

.pt-5,
.section-block.pt-5 {
  padding-top: 0.5rem;
}

.pt-10,
.section-block.pt-10 {
  padding-top: 1rem;
}

.pt-20,
.section-block.pt-20 {
  padding-top: 2rem;
}

.pt-30,
.section-block.pt-30 {
  padding-top: 3rem;
}

.pt-40,
.section-block.pt-40 {
  padding-top: 4rem;
}

.pt-50,
.section-block.pt-50 {
  padding-top: 5rem;
}

.pt-60,
.section-block.pt-60 {
  padding-top: 6rem;
}

.pb-0,
.section-block.pb-0 {
  padding-bottom: 0;
}

.pb-5,
.section-block.pb-5 {
  padding-bottom: 0.5rem;
}

.pb-10,
.section-block.pb-10 {
  padding-bottom: 1rem;
}

.pb-20,
.section-block.pb-20 {
  padding-bottom: 2rem;
}

.pb-30,
.section-block.pb-30 {
  padding-bottom: 3rem;
}

.pb-40,
.section-block.pb-40 {
  padding-bottom: 4rem;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
/*
th {
	text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: middle;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
*/
.title {
  transition: all 0.3s ease-out 0s;
}

.sec-title-container {
  width: 100%;
  float: left;
  padding-bottom: 120px;
}

.sec-title-container.less-padding-1 {
  padding-bottom: 60px;
}

.sec-title-container.less-padding-2 {
  padding-bottom: 50px;
}

.sec-title-container.less-padding-3 {
  padding-bottom: 40px;
}

.sec-title-container.less-padding-4 {
  padding-bottom: 30px;
}

.sec-title-container.less-padding-5 {
  padding-bottom: 20px;
}

.sec-title-container.less-padding-6 {
  padding-bottom: 15px;
}

.section-title {
  font-weight: 300;
}

.title-line-1 {
  width: 125px;
  height: 4px;
  margin: 12px auto 0 auto;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}

.title-line-1.align-left {
  width: 125px;
  margin: 12px auto 0 0;
}

.title-line-1.transp {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.title-line-2 {
  width: 100%;
  height: 1px;
  margin: 20px auto 0 auto;
  background-color: #e7e7e7;
}

.title-line-2.align-left {
  width: 85%;
  height: 2px;
  margin: 30px 0;
  background-color: #cfcfcf;
}

.feabox-title-line {
  width: 60px;
  height: 2px;
  margin: 0 auto 0 0;
  background-color: #101010;
}

.feabox-title-line.center {
  width: 80px;
  height: 2px;
  margin: 0 auto;
  background-color: #101010;
}

.section-side-image {
  position: relative;
  padding: 0;
  margin: 0;
}

.section-side-image .img-holder {
  overflow: hidden;
  height: 100%;
  padding: 0;
  top: 0;
  position: absolute;
}

.background-imgholder.top-padd {
  padding-top: 80px;
}

.section-side-image .text-inner {
  padding: 120px 120px 120px 0;
}

.section-side-image .text-inner-2 {
  padding: 80px;
}

.section-side-image .text-inner-3 {
  padding: 80px 80px 0px 80px;
}

.section-side-image .text-inner.two {
  padding: 0px 80px 0px 0;
}

.section-side-image .text-inner-4 {
  padding: 0 0 0 0;
}

.section-side-image .text-inner-5 {
  padding: 120px 120px 120px 0;
}

.section-side-image .text-inner-6 {
  padding: 110px;
}

.background-imgholder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-size: cover !important;
  background-position: 50% 50% !important;
}

.ce-feature-box-49 {
  position: relative;
  width: 100%;
  float: left;
}

.ce-feature-box-49 .text-box {
  position: absolute;
  width: 75%;
  float: left;
  top: 150px;
  left: 150px;
  padding: 60px;
  z-index: 2;
  background-color: rgba(0, 99, 161, 0.72);
}

.ce-feature-box-49 .text-box.pos-1 {
  top: 402px;
  left: 320px;
}

.ce-feature-box-49 .text-box.pos-2 {
  top: 368px;
  left: 320px;
}

.ce-feature-box-49 .text-box.pos-2 h3 {
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 18px;
  font-style: normal;
}
 .feabox-sidebar-title {
     display: flex;
    justify-content: center;
	 width: 85%;
     margin: 20px auto 10px auto;
     font-size: 1.35rem;
     font-family: "adobe-aldine", serif;
     border-bottom: 2px solid #101010;	
}
 .feabox-sidebar-item {
     margin: 0px auto 30px auto;
     width: 85%;
     font-family:  "gravita-geo-variable", sans-serif;
     color: #222222;
	 font-size: 1rem;
	 display: flex;
	 justify-content: center;
}
.ce-feature-box-55 {
  position: absolute;
  width: 100%;
  float: left;
}
.ce-feature-box-55 .text-box {
    display: flex;
    flex-direction: column;
    position: absolute;
    align-items: center;
    width: 90%;
     top: 0;
     left: 0;
     padding: 35px 25px 0px;
     background-color: rgba(0, 99, 161, 0.72);
}

.section-side-image-2 {
  position: relative;
  padding: 0;
  margin: 0;
}

.section-side-image-2 .img-holder {
  overflow: hidden;
  height: 100%;
  padding: 0;
  top: 0;
  position: absolute;
}

.section-side-image-2 .background-imgholder-2.top-padd {
  padding-top: 80px;
}

.section-side-image-2 .text-inner.two {
  padding: 0px 80px 0px 0;
}

.section-side-image-2 .background-imgholder-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-size: cover !important;
  background-position: 50% 50% !important;
}

.image-holder {
  width: 100%;
  margin-bottom: 10px;
}

.image-holder.less-width-1 {
  width: 80%;
}

.image-holder.less-width-2 {
  width: 75%;
}

.image-holder.less-width-3 {
  width: 70%;
}

.image-left {
  color: #fff;
  float: left;
  margin: 0;
  padding: 0 20px 0 0;
  transition: all 0.3s ease-out 0s;
}

.img-align-left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.nodisplay-image {
  display: none;
}
.hidden {
	display: none;
}

.overflow-hidden {
  overflow: hidden;
}

.iconlist {
  width: 100%;
  padding: 0;
  margin: 0;
}

.iconlist li {
  padding: 0;
  margin: 0 0 15px 0;
  display: block;
  font-size: 1rem;
  line-height: 23px;
}

.iconlist li i {
  color: #fccb06;
  padding: 0 15px 0 0;
}

.iconlist.gyellow li i {
  color: #fccb06;
  padding: 0 15px 0 0;
}

.iconlist.dark li i {
  color: #101010;
}

.iconlist.less-margin li {
  margin: 0 0 13px 0;
}

.iconlist.white li i {
  color: #fff;
}

.iconlist.white-2 li {
  color: #fff;
}

.iconlist.medium li i {
  color: #727272;
}

.iconlist-2 {
  width: 100%;
  padding: 0;
  margin: 0px 0px 10px 0px;
  float: left;
}

.iconlist-2 .icon {
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 3px 0px 0px 0px;
  float: left;
  font-size: 1rem;
  text-align: center;
  line-height: 15px;
  color: #cc0000;
  border-radius: 100%;
}

.iconlist-2 .text {
  padding: 0px 0 0 28px;
  margin: 0;
  display: block;
}

.iconlist-2 .icon.dark {
  color: #101010;
}

.iconlist-2 .icon.light {
  color: #f5f5f5;
}

.iconlist-2 .icon.white {
  color: #fff;
}

.iconlist-2 .icon.yellow {
  color: #fccb06;
}

.wrapper {
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  white-space: normal;
  max-width: 1200px;
}

.box-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 90px;
  padding: 0px 30px;
  margin-left: auto;
  margin-right: auto;
  white-space: normal;
  background-color: #0565cf;
  color: #f4f2fa;
}

.content {
  width: 90%;
  padding: 2em;
}

.banner-private {
  position: relative;
}
.banner-private-header {
  display: inline-block;
  font-family: "adobe-aldine", serif;
  font-weight: 600;
  font-size: 30px;
  text-transform: capitalize;
  position: relative;
  line-height: 1.3;
  margin-bottom: 15px;
}
.banner-private-text {
  position: relative;
  display: block;
  font-weight: 300;
  font-family:  "gravita-geo-variable", sans-serif;
  text-align: justify;
  font-size: 1.15rem;
  letter-spacing: normal;
  line-height: 1.3;
}

.banner-private img {
  width: 100%;
}

.space-10 {
  margin-bottom: 10px !important;
}
.space-20 {
  margin-bottom: 20px !important;
}
.space-30 {
  margin-bottom: 30px !important;
}
.space-50 {
  margin-bottom: 50px !important;
}

@media only screen and (max-width: 768px) {
  .banner-private-text {
    font-size: 1rem;
  }
  .banner-private-header {
    font-size: 25px;
  }
  .sub-title {
    font-size: 1rem;
  }
  #quick_links {
    display: none;
  }
  .label-text {
    text-align: left;
    display: inline;
  }
  .input-1,
  .textarea-1 {
    display: inline;
    max-width: 90%;
  }
}

#footer-area {
  background: url("../images/patterns/pattern15.jpg") center center round;
}

.actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
}
.actions a,
.actions a:hover,
.actions a:active {
  background: #2184be;
  color: #fff;
  display: block;
  padding: 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.actions a,
.actions > .tabcontroller a {
  outline: 0;
}
.actions ul,
.tabcontroller ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}
.actions > ul > li {
  margin: 0 0.5em;
}
.steps .done a,
.steps .done a:hover,
.steps .done a:active {
  background: #9dc8e2;
  color: #fff;
}

.steps .error a,
.steps .error a:hover,
.steps .error a:active {
  background: #ff3111;
  color: #fff;
}

.steps-content {
  display: block;
  margin: 0;
  min-height: 7em;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  width: auto;
}
.steps-content > .body {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px 8px;
  padding-right: 10px;
}

.steps-content > .body ul {
  list-style: disc !important;
}

.steps-content > .body ul > li {
  display: list-item;
}

.steps-content > .body > iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}
.tabcontroller > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontroller > .steps > ul {
  position: relative;
  margin: 6px 0 0;
  z-index: 1;
  top: 1px;
}

.tabcontroller > .steps > ul > li {
  float: left;
  padding: 1px;
  margin: 5px 2px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontroller > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontroller > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px;
  margin-top: 0;
}

.tabcontroller > .steps > ul > li > a {
  color: #5f5f5f;
  padding: 10px 30px;
  display: inline-block;
  text-decoration: none;
  border: 0 none;
  margin: 0;
}

.tabcontroller > .steps > ul > li > a:hover {
  text-decoration: none;
}

.tabcontroller > .steps > ul > li.current > a {
  padding: 15px 30px 10px;
}

.tabcontroller > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px;
}

.tabcontroller > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.tabcontroller > .content > .body ul {
  list-style: disc !important;
}

.tabcontroller > .content > .body ul > li {
  display: list-item;
}

/* =========== social icons ============= */

ul.social-icsocial-icons {
  width: 100%;
  padding-left: 0;
}
.social-icons li {
  display: inline-block;
  text-align: center;
}
.social-icons li a {
  color: #242424;
  display: inline-block;
  font-size: 1rem;
  height: 40px;
  line-height: 39px;
  margin: 10px 5px 5px 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  width: 40px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  transition: all 0.3s ease-out 0s;
}

.social-icons li a i {
  color: #101010;
}
.social-icons li a i:hover {
  color: #ffffff;
}

/* social icon sizes
 ------------------------------ */

.social-icons .socila-lg li a {
  font-size: 30px;
  height: 80px;
  line-height: 73px;
  width: 80px;
}
.social-icons .socila-md li a {
  font-size: 21px;
  height: 60px;
  line-height: 60px;
  width: 60px;
}

.social-icons .socila-sm li a {
  font-size: 1rem;
  height: 35px;
  line-height: 34px;
  width: 35px;
}

/* social icon round
 ------------------------------ */

.social-icons .round li a {
  border-radius: 50%;
}

/* social icon light
 ------------------------------ */
.social-icons .light-style li a {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.social-icons .light-style li a i {
  color: #101010;
}
.social-icons li.social-email a  {
  color: #dd4b39;
}

.social-icons li.social-email a :after {
  content: "\f658";
}

/* social icon hover colors
 ------------------------------ */

.social-icons li.social-email a {
  background-color: #00A505;
  border: 1px solid #00A505;
}
.social-icons li.social-rss a {
  background-color: #f3b100;
  border: 1px solid #f3b100;
}
.social-icons li.social-yelp a {
  background-color: #cc2222;
  border: 1px solid #cc2222;
}
.social-icons li.social-instagram a {
  background-color: #bc2a8d;
  border: 1px solid #bc2a8d;
}
.social-icons li.social-facebook a {
  background-color: #3b5ea1;
  border: 1px solid #3b5ea1;
}
.social-icons li.social-twitter a {
  background-color: #2bb3fa;
  border: 1px solid #2bb3fa;
}
.social-icons li.social-youtube a {
  background-color: #df2926;
  border: 1px solid #df2926;
}

.social-icons li.social-google-plus a {
  background-color: #e24d43;
  border: 1px solid #e24d43;
}
.social-icons li.social-linkedin a {
  background-color: #087ec0;
  border: 1px solid #087ec0;
}

/* social icon hover colors
 ------------------------------ */

.social-icons li.hover-email a:hover {
  background-color: #00A505;
  border: 1px solid #00A505;
}
.social-icons li.hover-rss a:hover {
  background-color: #f3b100;
  border: 1px solid #f3b100;
}
.social-icons li.hover-yelp a:hover {
  background-color: #cc2222;
  border: 1px solid #cc2222;
}
.social-icons li.hover-instagram a:hover {
  background-color: #bc2a8d;
  border: 1px solid #bc2a8d;
}
.social-icons li.hover-facebook a:hover {
  background-color: #3b5ea1;
  border: 1px solid #3b5ea1;
}
.social-icons li.hover-twitter a:hover {
  background-color: #2bb3fa;
  border: 1px solid #2bb3fa;
}
.social-icons li.hover-youtube a:hover {
  background-color: #df2926;
  border: 1px solid #df2926;
}
.social-icons li.hover-skype a:hover {
  background-color: #0ebaee;
  border: 1px solid #0ebaee;
}
.social-icons li.hover-google-plus a:hover {
  background-color: #e24d43;
  border: 1px solid #e24d43;
}
.social-icons li.hover-linkedin a:hover {
  background-color: #087ec0;
  border: 1px solid #087ec0;
}

/* social icon hover animation
 ------------------------------ */

.social-icons.h-anim-rotate li a i {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.social-icons.h-anim-rotate li a:hover i {
  color: #fff;
  webkit-transform: rotate(360deg) scale(1.3);
  -moz-transform: rotate(360deg) scale(1.3);
  -o-transform: rotate(360deg) scale(1.3);
  -ms-transform: rotate(360deg) scale(1.3);
  transform: rotate(360deg) scale(1.3);
}
.social-icons.h-anim-scale li a i {
  transition: all 0.3s ease-in-out;
}

.social-icons.h-anim-scale li a:hover i {
  color: #fff;
  transform: scale(1.5);
}

/* social icon hover slide left
 ------------------------------ */

.social-icons.h-anim-slide-left li a {
  position: relative;
}
.social-icons.h-anim-slide-left li a .frnt {
  width: 100%;
  position: absolute;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.social-icons.h-anim-slide-left li a .back {
  width: 100%;
  position: absolute;
  left: -62px;
  transition: all 0.3s ease-in-out;
}

.social-icons.h-anim-slide-left li a:hover .frnt {
  left: 62px;
}
.social-icons.h-anim-slide-left li a:hover .back {
  left: 0;
}
.social-icons.h-anim-slide-left li a:hover .frnt i {
  color: #fff;
}
.social-icons.h-anim-slide-left li a:hover .back i {
  color: #fff;
}

/* social icon hover slide right
 ------------------------------ */

.social-icons.h-anim-slide-right li a {
  position: relative;
}
.social-icons.h-anim-slide-right li a .frnt {
  width: 100%;
  position: absolute;
  right: 0;
  transition: all 0.3s ease-in-out;
}
.social-icons.h-anim-slide-right li a .back {
  width: 100%;
  position: absolute;
  right: -62px;
  transition: all 0.3s ease-in-out;
}
.social-icons.h-anim-slide-right li a:hover .frnt {
  right: 62px;
}
.social-icons.h-anim-slide-right li a:hover .back {
  right: 0;
}
.social-icons.h-anim-slide-right li a:hover .frnt i {
  color: #fff;
}
.social-icons.h-anim-slide-right li a:hover .back i {
  color: #fff;
}

/* social icon hover slide top
 ------------------------------ */

.social-icons.h-anim-slide-top li a {
  position: relative;
}
.social-icons.h-anim-slide-top li a .frnt {
  width: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.social-icons.h-anim-slide-top li a .back {
  width: 100%;
  position: absolute;
  top: -62px;
  transition: all 0.3s ease-in-out;
}
.social-icons.h-anim-slide-top li a:hover .frnt {
  top: 62px;
}
.social-icons.h-anim-slide-top li a:hover .back {
  top: 0;
}
.social-icons.h-anim-slide-top li a:hover .frnt i {
  color: #fff;
}
.social-icons.h-anim-slide-top li a:hover .back i {
  color: #fff;
}

.coming-soon form {
  margin-top: 30px;
  position: relative;
}
.coming-soon form input {
  width: 100%;
  padding: 10px 50px 10px 10px;
  background-color: transparent;
  border: 1px solid #eee;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 15px;
}
.coming-soon form button {
  background-color: #ee3158;
  padding: 8px 10px;
  border-radius: 5px;
  color: #fff;
  border: 0;
  position: relative;
  top: 3px;
  right: 3px;
  cursor: pointer;
}
.coming-soon form button:hover {
  background-color: #fff;
  color: #ee3158;
}
.coming-soon .social a:hover {
  color: #ee3158;
}

.box {
  position: relative;
}

.rd-forms .box select {
  background-color: #e86224;
  color: #f4f2fa;
  padding: 15px;
  width: auto;
  border: 2px solid #b85214;
  font-size: 1rem;
  /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);*/
  -webkit-appearance: button;
  appearance: button;
  outline: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.rd-forms .box select:hover {
  border: 3px solid #b85214;
}

.rd-forms .box select option {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 100;
  top: 100%;
  background: #ccc;
  color: #2c343b;
  font-weight: 500;
  border: 2px solid #b85214;
  border-top: 0;
  border-radius: 0 0 0 0;
}

.rd-forms .select-box {
  background-color: #e86224;
  color: #f4f2fa;
  padding: 12px 25px;
  width: auto;
  border: 2px solid #b85214;
  font-size: 1rem;
  -webkit-appearance: button;
  appearance: button;
  outline: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.rd-forms .select-box:hover {
  border: 3px solid #b85214;
}

.rd-forms .select-box option {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 100;
  top: 100%;
  background: #ccc;
  color: #2c343b;
  font-weight: 500;
  border: 2px solid #b85214;
  border-top: 0;
  border-radius: 0 0 0 0;
}

#billing-state,
#s2-id-billing-state {
  background: #fff;
  position: relative;
  vertical-align: top;
  border: 1px solid #cfcfcf;
  display: inline-block;
  color: #626262;
  outline: none;
  height: 42px;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

#billing-state:hover,
#s2-id-billing-state:hover,
#billing-state:active,
#s2-id-billing-state:active,
#billing-state:focus,
#s2-id-billing-state:focus {
  color: #3c3c3c;
  background: #fff;
  border: 2px solid #4ebd4a;
  -webkit-box-shadow: 0 0 3px #4ebd4a inset;
  -moz-box-shadow: 0 0 3px #4ebd4a inset;
  -o-box-shadow: 0 0 3px #4ebd4a inset;
  box-shadow: 0 0 3px #4ebd4a inset;
  outline: none;
}

/*******************
smart forms
******************/

.darkbg {
  background: #6c82a2 url("../images/patterns/pattern14.jpg") repeat fixed;
}

.woodbg {
  background: #e6cca6 url(../images/patterns/pattern26.jpg) repeat fixed;
}

.smart-wrap {
  padding: 0 20px;
  background: none;
}

.smart-forms,
.smart-forms * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.smart-forms {
  font-family: "gravita-geo-variable", sans-serif;;
  line-height: 1.23;
  font-weight: 300;
  font-size: 1rem;
  color: #626262;
}

.smart-container {
  background: #fff;
  margin: 50px auto;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.wrap-full {
  width: 100%;
}
.wrap-0 {
  max-width: 1052px;
}

.wrap-1 {
  max-width: 852px;
}

.wrap-2 {
  max-width: 652px;
}

.wrap-3 {
  max-width: 452px;
}

.smart-forms .section {
  margin-bottom: 22px;
}

.smart-forms .smart-link {
  color: #4ebd4a;
  text-decoration: none;
}

.smart-forms .smart-link:hover {
  text-decoration: underline;
}

.smart-forms .tagline {
  height: 0;
  border-top: 1px solid #cfcfcf;
  text-align: center;
}

.smart-forms .tagline span {
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  padding: 0 15px;
  background: #fff;
  color: #4ebd4a;
  top: -10px;
}

.smart-forms .field {
  display: block;
  position: relative;
}

.smart-forms .field-icon i {
  color: #bbb;
  position: relative;
}
.smart-forms .field-icono i {	/* for positioning icons on custom design contact page */
	color: #bbb;
	position: relative;
	font-size: 1.7rem;
	vertical-align: bottom;
}

.smart-forms .field-icono i {	/* for positioning icons on custom design contact page */
  position: absolute;
  left: 7px;
  top: 16px;
  padding-right: 13px;
}
.smart-forms .prepend-icono {
	display: inline-block;
	position: relative;
	width: 100%!important;
}
.smart-forms .gui-inputers, .smart-forms .gui-textareas {
    padding: 10px 10px 10px 45px;
	height: 55px!important;
}
.contact_btn {
	float: none;
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    font-size: 1rem;
    font-family: "Rubik", sans-serif!important;
	background-color: #f4f2fa;
    color: #e86224!important;
	border: 4px outset #b85214;
}
.contact_btn:hover {
	color: #f4f2fa!important;
	background-color: #e86224;
	border: 6px inset #b85214;
}

.smart-forms .field-label {
  display: block;
  margin-bottom: 7px;
}

.smart-forms .field-label.colm {
  padding-top: 12px;
}

.smart-forms .field-label em {
  color: #e74c3c;
  font-size: 1rem;
  font-style: normal;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: 3px;
}

.smart-forms fieldset {
  border: 0;
  display: block;
}

.smart-forms .form-header {
  overflow: hidden;
  position: relative;
  padding: 25px 30px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.smart-forms .form-header h4 {
  font-family:  "gravita-geo-variable", sans-serif;
  text-align: left;
  font-weight: 300;
  font-size: 32px;
  padding: 0;
  margin: 0;
}

.smart-forms .form-header h4 i {
  font-size: 38px;
  position: relative;
  margin-right: 10px;
  top: 2px;
}

.smart-forms .header-primary {
  background-color: #4ebd4a;
  border-top: 1px solid #a7d065;
  border-bottom: 5px solid #3c9b39;
}

.smart-forms .header-lite {
  background: #f3f5fa;
  border-top: 1px solid #a7d065;
  border-bottom: 1px solid #d9dde5;
}

.smart-forms .header-lite:before {
  content: "";
  background-color: #4ebd4a;
  position: absolute;
  height: 8px;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
}

.smart-forms .header-primary h4 {
  color: #fff;
}

.smart-forms .header-lite h4 {
  color: #5d6a87;
  padding-top: 5px;
}

.smart-flat,
.smart-flat .form-header {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.smart-forms .form-body {
  padding: 40px 30px;
  padding-bottom: 20px;
}

.smart-forms .form-footer {
  overflow: hidden;
  padding: 20px 25px;
  padding-top: 25px;
  background: #f5f5f5;
  background: #f5f5f5 url(../images/foobg.png) top left repeat-x;
}

.smart-forms input[type="search"] {
  -webkit-appearance: textfield;
}

.smart-forms ::-webkit-search-decoration,
.smart-forms ::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
.smart-forms input:invalid {
  -moz-box-shadow: none;
  box-shadow: none;
}
*/
.smart-forms input::-webkit-input-placeholder,
.smart-forms textarea::-webkit-input-placeholder {
  color: #aaa;
}

.smart-forms input:focus::-webkit-input-placeholder,
.smart-forms textarea:focus::-webkit-input-placeholder {
  color: #d6dbe0;
}

.smart-forms input:-moz-placeholder,
.smart-forms textarea:-moz-placeholder {
  color: #aaa;
}

.smart-forms input:focus:-moz-placeholder,
.smart-forms textarea:focus:-moz-placeholder {
  color: #d6dbe0;
}

.smart-forms input::-moz-placeholder,
.smart-forms textarea::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.smart-forms input:focus::-moz-placeholder,
.smart-forms textarea:focus::-moz-placeholder {
  color: #d6dbe0;
  opacity: 1;
}

.smart-forms input:-ms-input-placeholder,
.smart-forms textarea:-ms-input-placeholder {
  color: #aaa;
}

.smart-forms input:focus:-ms-input-placeholder,
.smart-forms textarea:focus:-ms-input-place {
  color: #d6dbe0;
}
.smart-forms label,
.smart-forms .field-label,
.smart-forms select  > *:not(.rdo-label) {
  margin: 0;
  font-size: 1rem;
  font-family: "adobe-aldine", serif;
  font-weight: 600;
  color: #2c3e51;
  outline: none;
}

.smart-forms input,
.smart-forms button,
.smart-forms textarea {
  margin: 0;
  font-size: 1rem;
  font-family:  "gravita-geo-variable", sans-serif;
  font-weight: 300;					
  color: #626262;	
  outline: none;
}

.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms input[type="button"],
.smart-forms input[type="submit"],
.smart-forms input[type="search"],
.smart-forms .select-multiple select {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.smart-forms input[type="search"]::-webkit-search-decoration,
.smart-forms input[type="search"]::-webkit-search-cancel-button,
.smart-forms input[type="search"]::-webkit-search-results-button,
.smart-forms input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.smart-forms .switch,
.smart-forms .option,
.smart-forms .field-label {
  font-size: 1rem;
}

.smart-forms .radio,
.smart-forms .button,
.smart-forms .checkbox,
.smart-forms .select .arrow,
.smart-forms .switch > label,
.smart-forms .ui-slider .ui-slider-handle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.smart-forms .radio,
.smart-forms .button,
.smart-forms .tooltip,
.smart-forms .checkbox,
.smart-forms .gui-input,
.smart-forms .notification,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms .select-multiple select {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  outline: none;
}

.smart-forms .select > select,
.smart-forms .select-multiple select {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.smart-forms .select,
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select > select,
.smart-forms .select-multiple select {
  background: #fff;
  position: relative;
  vertical-align: middle; 													;
  border: 1px solid #cfcfcf;
  display: -moz-inline-stack;
  display: inline-block;
  color: #626262;
  outline: none;
  height: 42px;
  width: 100%;
  /*zoom: 1;*/
}

.smart-forms .gui-input,
.smart-forms .gui-textarea {
  padding: 25px;
}

.smart-forms .gui-textarea {
  resize: none;
  line-height: 19px;
  overflow: auto;
  max-width: 100%;
  height: 96px;
}

.smart-forms .input-hint {
  padding: 10px;
  display: block;
  margin-top: -1px;
  line-height: 16px;
  position: relative;
  background: #f5f5f5;
  border: 1px solid #cfcfcf;
  font-family:  "gravita-geo-variable", sans-serif;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 11px;
  color: #999;
}

.smart-forms .select {
  border: 0;
  z-index: 10;
}

.smart-forms .select > select {
  display: block;
  padding: 9px 10px;
  color: #626262;
  background: #f5f5f5;
  border: 1px solid #cfcfcf;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  outline: none;
  text-indent: 0.01px;
  z-index: 10;
  margin: 0;
}

.smart-forms .select > select::-ms-expand {
  display: none;
}

.smart-forms .select .arrow {
  position: absolute;
  top: 9px;
  right: 4px;
  width: 24px;
  height: 24px;
  color: #9f9f9f;
  pointer-events: none;
  z-index: 16;
}

.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before {
  content: "";
  position: absolute;
  font: 12px Consolas, monospace;
  font-style: normal;
  pointer-events: none;
  display: none\9;
  left: 5px;
}

.smart-forms .select .arrow:before {
  content: "\25BC";
  bottom: 4px;
}

.smart-forms .select .double:after {
  content: "\25B2";
  top: -1px;
}

.smart-forms .select .double:before {
  content: "\25BC";
  bottom: -1px;
}

.smart-forms .select-multiple select {
  width: 100%;
  height: 123px;
  padding: 10px;
}

.smart-forms .file {
  display: block;
  width: 100%;
}

.smart-forms .file .gui-file {
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 8px 10px;
  position: absolute;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 11;
  bottom: 0;
  right: 0;
}

.smart-forms .file .button {
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: 34px;
  line-height: 34px;
  padding: 0 16px;
  z-index: 10;
}

.smart-forms .gui-input:hover,
.smart-forms .gui-textarea:hover,
.smart-forms .gui-input:hover ~ .input-hint,
.smart-forms .file .gui-file:hover + .gui-input,
.smart-forms .gui-textarea:hover ~ .input-hint {
  border: 2px inset #0089dd;
}
#s2id_shipping_state:hover,
#shipping_state:hover,
#s2id_billing_state:hover,
#billing_state:hover {
  border: none;
}

.smart-forms .gui-input:focus,
.smart-forms .gui-textarea:focus,
.smart-forms .select > select:focus,
.smart-forms .select-multiple select:focus {
  color: #3c3c3c;
  background: #fff;
  border: 1px inset #0089dd;
  -webkit-box-shadow: 0 0 3px #0565cf inset;
  -moz-box-shadow: 0 0 3px #0565cf inset;
  -o-box-shadow: 0 0 3px #0565cf inset;
  box-shadow: 0 0 3px #0565cf inset;
  outline: none;
}

.smart-forms .select > select:focus {
  z-index: 10;
}

.smart-forms .gui-textarea:focus {
  height: 120px;
}

.smart-forms .select > select:focus {
  z-index: 10;
}

.smart-forms .gui-input:focus ~ .field-icon i,
.smart-forms .gui-textarea:focus ~ .field-icon i {
  color: #0565cf;
}

.smart-forms .select-multiple select:focus,
.smart-forms .gui-input:focus ~ .input-hint,
.smart-forms .gui-textarea:focus ~ .input-hint,
.smart-forms .file .gui-file:focus + .gui-input {
  border-color: #e86224;
}

.smart-forms .select > select:focus + .arrow {
  color: #e86224;
}

.smart-forms .option {
  position: relative;
  padding-right: 15px;
  display: inline-block;
  vertical-align: middle;
}

.smart-forms .option > input {
  position: absolute;
  height: inherit;
  width: inherit;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -moz-appearance: none;
  overflow: hidden;
  opacity: 0;
  left: 0;
}

.smart-forms .checkbox,
.smart-forms .radio {
  margin-right: 2px;
  position: relative;
  background: #fff;
  display: inline-block;
  border: 3px solid #cfcfcf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  height: 21px;
  width: 21px;
  top: 5px;
}

.smart-forms .checkbox:before,
.smart-forms .radio:before {
  content: "";
  display: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
}

.smart-forms input:checked + .checkbox:before,
.smart-forms input:checked + .radio:before {
  display: block;
}

.smart-forms .checkbox:before {
  border: solid #0565cf;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  height: 3px;
  width: 6px;
  left: 3px;
  top: 4px;
}

.smart-forms input:checked + .checkbox,
.smart-forms input:checked + .radio {
  border-color: #0565cf;
}

.smart-forms .radio {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.smart-forms .radio:before {
  width: 7px;
  height: 7px;
  background: #0565cf;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin-top: 4px;
  margin-left: 4px;
}

.smart-forms input:hover + .checkbox,
.smart-forms input:hover + .radio {
  border-color: #0089dd;
}

.smart-forms input:focus + .checkbox,
.smart-forms input:focus + .radio {
  border-color: #0565cf;
}

.smart-forms input:focus + .radio:before {
  background: #0565cf;
}

.smart-forms input:focus + .checkbox:before {
  border-color: #0565cf;
}

.smart-forms .switch {
  cursor: pointer;
  position: relative;
  padding-right: 10px;
  display: inline-block;
  margin-bottom: 5px;
  height: 26px;
}

.smart-forms .switch > .switch-label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 25px;
  width: 58px;
  color: #fff;
  font-size: 10px;
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  background: #d7d7d7;
  border: 2px solid #d7d7d7;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.smart-forms .switch > .switch-label + span {
  display: inline-block;
  padding-left: 5px;
  position: relative;
  top: -7px;
}

.smart-forms .switch > .switch-label:before {
  content: attr(data-off);
  position: absolute;
  top: 1px;
  right: 3px;
  width: 33px;
}

.smart-forms .switch > .switch-label:after {
  content: "";
  margin: 1px;
  width: 19px;
  height: 19px;
  display: block;
  background: #fff;
}

.smart-forms .switch > input {
  -webkit-appearance: none;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0;
  left: 0;
  top: 0;
}

.smart-forms .switch > input:focus {
  outline: none;
}

.smart-forms .switch > input:focus + .switch-label {
  color: #fff;
  border-color: #c7c7c7;
  background: #c7c7c7;
}

.smart-forms .switch > input:focus + .switch-label:after {
  background: #fff;
}

.smart-forms .switch > input:checked + .switch-label {
  border-color: #0565cf;
  background: #0565cf;
  padding-left: 33px;
  color: #fff;
}

.smart-forms .switch > input:checked + .switch-label:before {
  content: attr(data-on);
  left: 1px;
  top: 1px;
}

.smart-forms .switch > input:checked + .switch-label:after {
  margin: 1px;
  width: 19px;
  height: 19px;
  background: #fff;
}

.smart-forms .switch > input:checked:focus + .switch-label {
  background: #3c9b39;
  border-color: #3c9b39;
}

.smart-forms .switch-round > .switch-label {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
}

.smart-forms .switch-round > .switch-label + span {
  top: -2px;
}

.smart-forms .switch-round > .switch-label:before {
  width: 33px;
}

.smart-forms .switch-round > .switch-label:after {
  width: 19px;
  height: 19px;
  color: #d7d7d7;
  content: "\2022";
  font: 30px/20px Times, Serif;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.smart-forms .switch-round > input:checked + .switch-label {
  padding-left: 33px;
}

.smart-forms .switch-round > input:checked + .switch-label:after {
  color: #0565cf;
}

.smart-forms .option-group:before,
.smart-forms .option-group:after {
  display: table;
  content: "";
  line-height: 0;
}

.smart-forms .option-group:after {
  clear: both;
}

.smart-forms .smart-option-group .option {
  padding: 0;
  margin: 10px 0px 0px 0px;
}

.smart-forms .smart-option {
  border: 1px solid #c5c5c5;
  margin-right: 5px;
  background: #f5f5f5;
  font-weight: 300;
  text-decoration: none;
  color: #454545;
  border-radius: 3px;
  padding: 0px 20px;
  display: inline-block;
  position: relative;
  line-height: normal;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  /*  line-height: 40px;	*/

  height: 50px;
}

.smart-forms .smart-option-ui {
  display: inline-block;
}

.smart-forms .smart-option-ui .iconc {
  position: relative;
  margin-right: 2px;
  background: #fff;
  display: inline-block;
  border: 3px solid #cfcfcf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 0;
  margin-top: 0;
  height: 21px;
  width: 21px;
  top: 4px;
}

.smart-forms .smart-radio .iconc {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.smart-forms .option > input:checked + .smart-option {
  border-color: #2f8640;
  background: #4ebd4a;
  color: #fff;
}

.smart-forms .option > input:checked + .smart-option .fa {
  font-size: 1rem;
}

.smart-forms .option > input:checked + .smart-option .iconc {
  border-color: #2f8640;
}

.smart-forms .smart-radio .iconc:before,
.smart-forms .smart-checkbox .iconc:before {
  content: "";
  display: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
}

.smart-forms input:checked + .smart-radio .iconc:before,
.smart-forms input:checked + .smart-checkbox .iconc:before {
  display: block;
}

.smart-forms input:checked + .smart-radio .iconc:before {
  margin: 4px;
  width: 7px;
  height: 7px;
  background: #2f8640;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.smart-forms input:checked + .smart-checkbox .iconc:before {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 6px;
  height: 3px;
  border: solid #2f8640;
  -webkit-border-width: 0 0 3px 3px;
  -moz-border-width: 0 0 3px 3px;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.smart-forms .smart-option-list {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  font-size: 0;
}

.smart-forms .smart-option-list.left {
  float: left;
}

.smart-forms .smart-option-list.right {
  float: right;
}

.smart-forms .smart-option-list .smart-option {
  margin-right: 20px;
  margin-left: -1px;
  border-radius: 3px;
}

.smart-forms .smart-option-list label:first-child .smart-option {
  margin-left: 0;
  border-radius: 3px 0 0 3px;
}

.smart-forms .smart-option-list label:last-child .smart-option {
  border-radius: 0 3px 3px 0;
}

.smart-forms .smart-option-list .option > input:checked + .smart-option {
  position: relative;
  z-index: 1;
}

.smart-forms .group-vertical,
.smart-forms .group-vertical .option,
.smart-forms .group-vertical .option .smart-option,
.smart-forms .group-vertical .option .smart-option-ui {
  display: block;
  text-align: left;
}

.smart-forms .group-vertical .option .smart-option {
  margin: 0;
  margin-top: -1px;
}

.smart-forms .group-vertical label:first-child .smart-option {
  border-radius: 3px 3px 0 0;
}

.smart-forms .group-vertical label:last-child .smart-option {
  border-radius: 0 0 3px 3px;
}

.smart-forms .smart-option-ui .iconc-pos {
  -webkit-transition: margin 0.6s, opacity 0.6s;
  -moz-transition: margin 0.6s, opacity 0.6s;
  -ms-transition: margin 0.6s, opacity 0.6s;
  -o-transition: margin 0.6s, opacity 0.6s;
  transition: margin 0.6s, opacity 0.6s;
  display: inline-block;
  margin-right: -80px;
  position: absolute;
  right: -200px;
  opacity: 0;
}

.smart-forms .option > input:checked + .smart-option .iconc-pos {
  opacity: 1;
  right: 20px;
  margin-right: 0;
}

.smart-forms .modern-switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  cursor: pointer;
}

.smart-forms .modern-switch input {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: inherit;
  width: inherit;
  opacity: 0;
  left: 0;
}

.smart-forms .modern-switch .switch-label {
  display: inline-block;
  position: relative;
  top: 2px;
}

.smart-forms .modern-switch > .switch-label {
  padding-right: 5px;
}

.smart-forms .modern-switch .switch-toggle + .switch-label {
  padding-left: 5px;
}

.smart-forms .modern-switch .switch-toggle {
  width: 44px;
  height: 16px;
  background: #b5b5b5;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08),
    0 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08),
    0 1px rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08),
    0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08),
    0 1px rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  vertical-align: middle;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.smart-forms .modern-switch .switch-toggle::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -4px;
  width: 26px;
  height: 26px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -o-border-radius: 26px;
  border-radius: 26px;
}

.smart-forms .modern-switch input:checked + .switch-toggle {
  background: #4ebd4a;
}

.smart-forms .modern-switch input:checked + .switch-toggle::before {
  left: 20px;
  background: #317d2f;
}

.smart-forms .modern-switch input:disabled + .switch-toggle {
  background: #d5d5d5;
  pointer-events: none;
}

.smart-forms .modern-switch input:disabled + .switch-toggle::before {
  background: #bcbdbc;
}

.smart-forms .modern-switch input:disabled + .switch-toggle + .switch-label {
  color: #d5d5d5;
}

.smart-forms .modern-ios .switch-toggle {
  width: 40px;
  height: 24px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.smart-forms .modern-ios .switch-toggle::before {
  width: 22px;
  height: 22px;
  bottom: 1px;
  left: 1px;
  top: 1px;
}

.smart-forms .modern-ios input:checked + .switch-toggle::before {
  left: 17px;
  background: #fff;
}

.smart-forms .modern-ios input:disabled + .switch-toggle::before {
  background: #f5f5f5;
}

.smart-forms .modern-switch:active .switch-toggle::before,
.smart-forms .modern-switch .switch-toggle:active::before {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28),
    0 0 0 20px rgba(128, 128, 128, 0.1);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28),
    0 0 0 20px rgba(128, 128, 128, 0.1);
  -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28),
    0 0 0 20px rgba(128, 128, 128, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}

.smart-forms .modern-switch:active input:checked + .switch-toggle::before,
.smart-forms .modern-switch input:checked + .switch-toggle:active::before {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28),
    0 0 0 20px rgba(78, 189, 74, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28),
    0 0 0 20px rgba(78, 189, 74, 0.2);
  -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28),
    0 0 0 20px rgba(78, 189, 74, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(78, 189, 74, 0.2);
}

.smart-forms .morph-switch:active .switch-toggle:before,
.smart-forms .morph-switch .switch-toggle:active::before,
.smart-forms .morph-switch:active input:checked + .switch-toggle::before,
.smart-forms .morph-switch input:checked + .switch-toggle:active::before {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  -webkit-transform: scale(1.15, 0.85);
  -moz-transform: scale(1.15, 0.85);
  -ms-transform: scale(1.15, 0.85);
  -o-transform: scale(1.15, 0.85);
  transform: scale(1.15, 0.85);
}

.smart-forms .button {
  border: 0;
  height: 42px;
  color: #243140;
  line-height: 1;
  font-size: 1rem;
  cursor: pointer;
  padding: 0 18px;
  text-align: center;
  vertical-align: top;
  background: #dbdbdb;
  display: inline-block;
  -webkit-user-drag: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}

.smart-forms .button:hover {
  color: #243140!important;
  background: #e8e8e8;
}

.smart-forms .button:active {
  color: #1d2938;
  background: #c4c4c4;
}

.smart-forms a.button,
.smart-forms span.button,
.smart-forms label.button {
  line-height: 42px;
  text-decoration: none;
}

.smart-forms .button i {
  font-size: 1rem;
}

.smart-forms .button-list .button {
  margin-bottom: 5px;
}

.smart-forms .btn-primary {
  background-color: #4ebd4a;
}

.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus {
  background-color: #6bc868;
}

.smart-forms .btn-primary:active {
  background-color: #3c9b39;
}

.smart-forms .btn-primary,
.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus,
.smart-forms .btn-primary:active {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.smart-forms .btn-rounded {
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -o-border-radius: 22px;
  border-radius: 22px;
}

.smart-forms .button-left,
.smart-forms .button-right {
  position: relative;
  z-index: 9;
}

.smart-forms .button-left:before,
.smart-forms .button-right:before {
  content: "";
  z-index: -1;
  width: 32px;
  height: 32px;
  position: absolute;
  background-color: inherit;
  border-color: inherit;
  border: none;
  top: 5px;
}

.smart-forms .button-left {
  border-left-width: 0;
  padding: 0 18px 0 7px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-left: 20px;
}

.smart-forms .button-left:before {
  left: -15px;
  -webkit-border-radius: 2px 5px 0 5px;
  -moz-border-radius: 2px 5px 0;
  -o-border-radius: 2px 5px 0 5px;
  border-radius: 2px 5px 0 5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.smart-forms .button-right {
  padding: 0 7px 0 18px;
  border-right-width: 0;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  margin-right: 20px;
}

.smart-forms .button-right:before {
  right: -15px;
  -webkit-border-radius: 5px 2px 5px 0;
  -moz-border-radius: 5px 2px 5px 0;
  -o-border-radius: 5px 2px 5px 0;
  border-radius: 5px 2px 5px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


.smart-forms .btn-pointed.button-left,
.smart-forms .btn-pointed.button-right {
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -o-border-radius: 22px;
  border-radius: 22px;
}

.smart-forms .btn-rounded.button-left {
  -webkit-border-radius: 0 22px 22px 0;
  -moz-border-radius: 0 22px 22px 0;
  -o-border-radius: 0 22px 22px 0;
  border-radius: 0 22px 22px 0;
}

.smart-forms .btn-rounded.button-right {
  -webkit-border-radius: 22px 0 0 22px;
  -moz-border-radius: 22px 0 0 22px;
  -o-border-radius: 22px 0 0 22px;
  border-radius: 22px 0 0 22px;
}

.smart-forms .pushed {
  -webkit-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
  position: relative;
}

.smart-forms .pushed:active {
  -webkit-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
  top: 2px;
}

.smart-forms .pushed.button-left:before {
  -webkit-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
}

.smart-forms .pushed:active.button-left:before {
  -webkit-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);
}

.smart-forms .pushed.button-right:before {
  -webkit-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);
}

.smart-forms .pushed:active.button-right:before {
  -webkit-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);
}

.smart-forms .form-footer .button {
  margin-right: 10px;
  margin-bottom: 5px;
}

.smart-forms .align-right .button {
  margin-right: 0;
  margin-left: 10px;
}

.smart-forms .twitter,
.smart-forms .twitter:hover,
.smart-forms .twitter:focus,
.smart-forms .facebook,
.smart-forms .facebook:hover,
.smart-forms .facebook:focus,
.smart-forms .googleplus,
.smart-forms .googleplus:hover,
.smart-forms .googleplus:focus {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.smart-forms .facebook {
  background-color: #3b5998;
}

.smart-forms .twitter {
  background-color: #00acee;
}

.smart-forms .googleplus {
  background-color: #dd4b39;
}

.smart-forms .facebook:hover,
.smart-forms .facebook:focus {
  background-color: #25385f;
}

.smart-forms .twitter:hover,
.smart-forms .twitter:focus {
  background-color: #00749f;
}

.smart-forms .googleplus:hover,
.smart-forms .googleplus:focus {
  background-color: #8d2418;
}

.smart-forms .span-left {
  padding-left: 52px;
  text-align: left;
}

.smart-forms .btn-social {
  position: relative;
  margin-bottom: 5px;
}

.smart-forms .btn-social i {
  font-size: 22px;
  position: relative;
  top: 2px;
}

.smart-forms .btn-social span {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 42px;
  left: 0;
}

.smart-forms .twitter span {
  background-color: #009ad5;
}

.smart-forms .facebook span {
  background-color: #31497d;
}

.smart-forms .googleplus span {
  background-color: #c03121;
}

.smart-forms .rating {
  position: relative;
}

.smart-forms .rating.block {
  display: block;
  margin: 10px 0;
}

.smart-forms .rating label {
  color: #a2a6a8;
}

.smart-forms .rating label i {
  font-size: 1rem;
  text-align: center;
  color: inherit;
}

.smart-forms .rating label span {
  font: 22px/22px Times, Serif;
}

.smart-forms .rating-star {
  margin-left: 4px;
}

.smart-forms .rating-input {
  position: absolute;
  left: -9999px;
  top: auto;
}

.smart-forms .rating:hover .rating-star:hover,
.smart-forms .rating:hover .rating-star:hover ~ .rating-star,
.smart-forms .rating-input:checked ~ .rating-star {
  color: #4ebd4a;
}

.smart-forms .rating-star,
.smart-forms .rating:hover .rating-star {
  width: 18px;
  float: right;
  display: block;
  cursor: pointer;
  color: #a2a6a8;
}

.smart-forms .rating:before,
.smart-forms .rating:after {
  display: table;
  content: "";
  line-height: 0;
}

.smart-forms .rating:after {
  clear: both;
}

.smart-forms .rating .lbl-text {
  font-size: 1rem;
  display: inline-block;
  float: left;
}

.smart-forms .rating-wrapper {
  position: relative;
  display: inline-block;
  margin-top: 0;
  float: right;
}

.smart-forms .rating label span {
  font-family:  "gravita-geo-variable", sans-serif;

  text-shadow: 0 1px rgba(255, 255, 255, 0);
  -webkit-transition: margin 0.6s, opacity 0.6s;
  -moz-transition: margin 0.6s, opacity 0.6s;
  -ms-transition: margin 0.6s, opacity 0.6s;
  -o-transition: margin 0.6s, opacity 0.6s;
  transition: margin 0.6s, opacity 0.6s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  position: absolute;
  padding: 5px 10px;
  font-weight: 700;
  background: #000;
  font-size: 11px;
  margin-left: -5px;
  margin-bottom: 15px;
  display: block;
  left: -9999px;
  color: #fff;
  opacity: 0;
  z-index: 10;
}

.smart-forms .rating label:hover span {
  bottom: 100%;
  opacity: 1;
  left: auto;
  margin-bottom: 5px;
}

.smart-forms .rating label span:before {
  content: "";
  position: absolute;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  left: 8px;
  top: 100%;
}

.smart-forms .smart-widget,
.smart-forms .append-picker-icon,
.smart-forms .prepend-picker-icon {
  position: relative;
  display: block;
}

.smart-forms .smart-widget .field input,
.smart-forms .append-picker-icon input,
.smart-forms .prepend-picker-icon input {
  width: 100%;
}

.smart-forms .append-picker-icon button,
.smart-forms .prepend-picker-icon button,
.smart-forms .smart-widget .button {
  border: 1px solid #cfcfcf;
  background: #f5f5f5;
  position: absolute;
  cursor: pointer;
  color: #626262;
  height: 42px;
  top: 0;
}

.smart-forms .sm-right .button,
.smart-forms .append-picker-icon button {
  border-left: 0;
}

.smart-forms .sm-left .button,
.smart-forms .prepend-picker-icon button {
  border-right: 0;
  left: 0;
}

.smart-forms .sm-right .button,
.smart-forms .append-picker-icon button {
  right: 0;
}

.smart-forms .sml-50,
.smart-forms .prepend-picker-icon {
  padding-left: 50px;
}

.smart-forms .sml-50 .button,
.smart-forms .prepend-picker-icon button {
  width: 50px;
}

.smart-forms .sml-80 {
  padding-left: 80px;
}

.smart-forms .sml-80 .button {
  width: 80px;
}

.smart-forms .sml-120 {
  padding-left: 120px;
}

.smart-forms .sml-120 .button {
  width: 120px;
}

.smart-forms .smr-50,
.smart-forms .append-picker-icon {
  padding-right: 50px;
}

.smart-forms .smr-50 .button,
.smart-forms .append-picker-icon button {
  width: 50px;
}

.smart-forms .smr-80 {
  padding-right: 80px;
}

.smart-forms .smr-80 .button {
  width: 80px;
}

.smart-forms .smr-120 {
  padding-right: 120px;
}

.smart-forms .smr-120 .button {
  width: 120px;
}

.smart-forms .append-icon,
.smart-forms .prepend-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  margin: 5px auto;
}

.smart-forms .prepend-icon .custom-combobox-input {
  padding-left: 42px;
}

.smart-forms .append-icon .field-icon,
.smart-forms .prepend-icon .field-icon {
  top: 0;
  width: 52px;
  height: 52px;
  color: inherit;
  line-height: 40px;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  pointer-events: none;
  z-index: 99;
}

.smart-forms .append-icon .field-icon i,
.smart-forms .prepend-icon .field-icon i {
  position: relative;
  font-size: 1.7rem;
}

.smart-forms .prepend-icon .field-icon {
  left: 0;
	top: 13px;
}

.smart-forms .append-icon .field-icon {
  right: 0;
}

.smart-forms .prepend-icon > input,
.smart-forms .prepend-icon > textarea,
.smart-forms .prepend-icon > select {
  padding-left: 50px;
}

.smart-forms .append-icon > input,
.smart-forms .append-icon > textarea {
  padding-right: 36px;
  padding-left: 10px;
}

.smart-forms .append-icon > textarea {
  padding-right: 36px;
}

.smart-forms .tooltip {
  position: absolute;
  z-index: -1;
  opacity: 0;
  color: #fff;
  width: 184px;
  left: -9999px;
  top: auto;
  font-size: 11px;
  font-weight: 300;
  background: #333;
  -webkit-transition: margin 0.6s, opacity 0.6s;
  -moz-transition: margin 0.6s, opacity 0.6s;
  -ms-transition: margin 0.6s, opacity 0.6s;
  -o-transition: margin 0.6s, opacity 0.6s;
  transition: margin 0.6s, opacity 0.6s;
}

.smart-forms .tooltip > em {
  padding: 12px;
  font-style: normal;
  display: block;
  position: static;
}

.smart-forms .tooltip:after {
  content: "";
  position: absolute;
}

.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tooltip,
.smart-forms .gui-textarea:focus + .tooltip,
.smart-forms .select > select:focus ~ .tooltip {
  opacity: 1;
  z-index: 999;
}

.smart-forms .tip-left {
  top: 1px;
  margin-right: -20px;
}

.smart-forms .tip-left:after {
  top: 12px;
  left: 100%;
  border-left: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-left,
.smart-forms .gui-textarea:focus + .tip-left,
.smart-forms .select > select:focus ~ .tip-left {
  margin-right: 5px;
  right: 100%;
  left: auto;
}

.smart-forms .tip-right {
  top: 1px;
  margin-left: -20px;
}

.smart-forms .tip-right:after {
  top: 12px;
  right: 100%;
  border-right: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-right,
.smart-forms .gui-textarea:focus + .tip-right,
.smart-forms .select > select:focus ~ .tip-right {
  left: 100%;
  margin-left: 5px;
}

.smart-forms .tip-right-top {
  bottom: 100%;
  margin-bottom: -20px;
}

.smart-forms .tip-right-top:after {
  top: 100%;
  right: 12px;
  border-top: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-right-top,
.smart-forms .gui-textarea:focus + .tip-right-top,
.smart-forms .select > select:focus ~ .tip-right-top {
  right: 0;
  left: auto;
  margin-bottom: 10px;
}

.smart-forms .option .tooltip,
.smart-forms .tip-left-top {
  bottom: 100%;
  margin-bottom: -20px;
}

.smart-forms .option .tooltip:after,
.smart-forms .tip-left-top:after {
  top: 100%;
  left: 12px;
  border-top: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.smart-forms .option:hover .tooltip,
.smart-forms .gui-input:focus + .tip-left-top,
.smart-forms .gui-textarea:focus + .tip-left-top,
.smart-forms .select > select:focus ~ .tip-left-top {
  left: 0;
  right: auto;
  margin-bottom: 10px;
}

.smart-forms .option:hover .tooltip {
  left: -10px;
}

.smart-forms .tip-right-bottom {
  top: 100%;
  margin-top: -20px;
}

.smart-forms .tip-right-bottom:after {
  right: 12px;
  bottom: 100%;
  border-bottom: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-right-bottom,
.smart-forms .gui-textarea:focus + .tip-right-bottom {
  margin-top: 10px;
  left: auto;
  right: 0;
}

.smart-forms .tip-left-bottom {
  top: 100%;
  margin-top: -20px;
}

.smart-forms .tip-left-bottom:after {
  left: 12px;
  bottom: 100%;
  border-bottom: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.smart-forms .gui-input:focus + .tip-left-bottom,
.smart-forms .gui-textarea:focus + .tip-left-bottom {
  margin-top: 10px;
  right: auto;
  left: 0;
}

.smart-forms .smart-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.smart-forms .smart-list li {
  margin-bottom: 20px;
}

.smart-forms .form-msg {
  display: none;
}

.smart-forms .notification {
  color: #444;
  padding: 15px;
  position: relative;
}

.smart-forms .notification p {
  margin: 0;
  padding: 0 15px;
  padding-left: 5px;
  line-height: normal;
}

.smart-forms .notification .close-btn {
  margin-top: -7px;
  padding: inherit;
  position: absolute;
  text-decoration: none;
  font: bold 20px/20px Arial, sans-serif;
  opacity: 0.65;
  color: inherit;
  display: block;
  right: 1px;
  top: 14%;
}

.smart-forms .notification .close-btn:hover {
  opacity: 1;
}

.smart-forms .alert-info {
  color: #163161;
  background-color: #cfe6fc;
}

.smart-forms .alert-success {
  color: #363;
  background-color: #d2f7ad;
}

.smart-forms .alert-warning {
  color: #c60;
  background-color: #fae7a2;
}

.smart-forms .alert-error {
  color: #fbdbcf;
  background-color: #900;
}

.smart-forms .notification ul {
  margin-left: 1.3em;
  list-style-position: inside;
  margin-top: 10px;
}

.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error.select > select,
.smart-forms .state-error.select-multiple > select,
.smart-forms .state-error input:hover + .checkbox,
.smart-forms .state-error input:hover + .radio,
.smart-forms .state-error input:focus + .checkbox,
.smart-forms .state-error input:focus + .radio,
.smart-forms .state-error .checkbox,
.smart-forms .state-error .radio {
  background: #fee9ea;
  border-color: #de888a;
}

.smart-forms .state-error .gui-input:focus,
.smart-forms .state-error .gui-textarea:focus,
.smart-forms .state-error.select > select:focus,
.smart-forms .state-error.select-multiple > select:focus {
  -webkit-box-shadow: 0 0 3px #de888a inset;
  -moz-box-shadow: 0 0 3px #de888a inset;
  -o-box-shadow: 0 0 3px #de888a inset;
  box-shadow: 0 0 3px #de888a inset;
}

.smart-forms .state-error .gui-input ~ .field-icon i,
.smart-forms .state-error .gui-textarea ~ .field-icon i {
  color: #de888a;
}

.smart-forms .state-error.select .arrow {
  color: #de888a;
}

.smart-forms .state-error.select > select:focus + .arrow {
  color: #de888a;
}

.smart-forms .state-error .gui-input ~ .input-hint,
.smart-forms .state-error.file .gui-file:hover + .gui-input,
.smart-forms .state-error .gui-textarea ~ .input-hint {
  border-color: #de888a;
}

.smart-forms .state-error + em {
  display: block !important;
  margin-top: 6px;
  padding: 0 3px;
  font-family:  "gravita-geo-variable", sans-serif;

  font-style: normal;
  line-height: normal;
  font-size: 0.85em;
  color: #de888a;
}

.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success.select > select,
.smart-forms .state-success.select-multiple > select,
.smart-forms .state-success input:hover + .checkbox,
.smart-forms .state-success input:hover + .radio,
.smart-forms .state-success input:focus + .checkbox,
.smart-forms .state-success input:focus + .radio,
.smart-forms .state-success .checkbox,
.smart-forms .state-success .radio {
  background: #f0fee9;
  border-color: #a5d491;
}

.smart-forms .state-success .gui-input:focus,
.smart-forms .state-success .gui-textarea:focus,
.smart-forms .state-success.select > select:focus,
.smart-forms .state-success.select-multiple > select:focus {
  -webkit-box-shadow: 0 0 3px #a5d491 inset;
  -moz-box-shadow: 0 0 3px #a5d491 inset;
  -o-box-shadow: 0 0 3px #a5d491 inset;
  box-shadow: 0 0 3px #a5d491 inset;
}

.smart-forms .state-success .gui-input ~ .field-icon i,
.smart-forms .state-success .gui-textarea ~ .field-icon i {
  color: #a5d491;
}

.smart-forms .state-success.select .arrow {
  color: #a5d491;
}

.smart-forms .state-success.select > select:focus + .arrow {
  color: #a5d491;
}

.smart-forms .state-success .gui-input ~ .input-hint,
.smart-forms .state-success.file .gui-file:hover + .gui-input,
.smart-forms .state-success .gui-textarea ~ .input-hint {
  border-color: #a5d491;
}

.smart-forms .button[disabled],
.smart-forms .state-disabled .button,
.smart-forms input[disabled] + .radio,
.smart-forms input[disabled] + .checkbox,
.smart-forms .switch > input[disabled] + label {
  cursor: default;
  opacity: 0.5;
}

.smart-forms .gui-input[disabled],
.smart-forms .gui-textarea[disabled],
.smart-forms .select > select[disabled],
.smart-forms .select-multiple select[disabled],
.smart-forms .gui-input[disabled] ~ .input-hint,
.smart-forms .file .gui-file[disabled] + .gui-input,
.smart-forms .file .gui-file[disabled]:hover + .gui-input,
.smart-forms .gui-textarea[disabled] ~ .input-hint {
  background-color: #f4f6f6;
  border-color: #d5dbdb !important;
  cursor: default;
  color: #d5dbdb;
  opacity: 0.7;
}

.smart-forms input[disabled] ~ .field-icon i,
.smart-forms textarea[disabled] ~ .field-icon i,
.smart-forms .select > select[disabled] + .arrow {
  opacity: 0.4;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-datepicker {
  width: 18em;
  margin-top: 8px;
  display: none;
  background: #fff;
  position: relative;
  font: 14px/1.55 Roboto, Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #cfcfcf;
  z-index: 9999 !important;
  text-align: center;
  color: #666;
}

.ui-datepicker a {
  color: #404040;
  text-align: center;
}

.ui-datepicker .ui-state-disabled span {
  color: #dbdbdb;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  background: #f5f5f5;
  border-bottom: 1px solid #cfcfcf;
  line-height: 27px;
  font-size: 1rem;
  padding: 10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 34px;
  height: 34px;
  display: block;
  font-size: 1rem;
  position: absolute;
  text-decoration: none;
  cursor: pointer;
  color: #4ebd4a;
  top: 20.5%;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  color: #4ebd4a;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  margin: 0 0 0.4em;
  border-collapse: collapse;
}

.ui-datepicker th {
  padding: 0.5em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 2px 5px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  padding: 0.25em;
  display: block;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
  background: #f5f5f5;
}

.ui-datepicker .ui-state-disabled span:hover {
  background: none;
}

.ui-datepicker-today a,
.ui-datepicker-today a:hover,
.ui-datepicker .ui-state-highlight {
  background: #fffa90 !important;
  font-weight: 700;
  color: #444;
}

.ui-monthpicker .ui-datepicker-today a,
.ui-monthpicker .ui-datepicker-today a:hover,
.ui-datepicker .ui-datepicker-current-day a {
  font-weight: 700;
  background: #4ebd4a !important;
  color: #fff;
}

.cal-widget .ui-datepicker {
  width: 100%;
  margin-top: 0;
}

.cal-widget .ui-datepicker:before {
  display: none;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.333%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-buttonpane {
  border-top: 1px solid #cfcfcf;
  padding: 10px;
}

.ui-datepicker-buttonpane button {
  padding: 8px 12px;
  margin-right: 0.2em;
  position: relative;
  line-height: normal;
  display: inline-block;
  -webkit-user-drag: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  background: #dbdbdb;
  text-align: center;
  overflow: visible;
  cursor: pointer;
  color: #243140;
  border: 0;
}

.ui-datepicker-buttonpane button:hover {
  color: #243140;
  background: #e8e8e8;
}

.ui-datepicker-buttonpane button:active {
  color: #1d2938;
  background: #c4c4c4;
}

.ui-monthpicker .ui-datepicker-header {
  margin-bottom: 3px;
}

.smart-forms .slider-wrapper,
.smart-forms .sliderv-wrapper {
  background: #e5e5e5;
  position: relative;
}

.smart-forms .ui-slider {
  position: relative;
  text-align: left;
}

.smart-forms .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 21px;
  height: 21px;
  cursor: default;
  background: #fff;
  border: 3px solid #4ebd4a;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -ms-touch-action: none;
  touch-action: none;
  margin-top: -4px;
  outline: none;
}

.smart-forms .ui-slider .ui-slider-handle:before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: #4ebd4a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 2;
  left: 4px;
  top: 4px;
}

.smart-forms .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
  background-color: #4ebd4a;
}

.smart-forms .ui-slider.ui-state-disabled .ui-slider-handle,
.smart-forms .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.smart-forms .ui-slider-horizontal {
  height: 0.5em;
}

.smart-forms .ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.smart-forms .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.smart-forms .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.smart-forms .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.smart-forms .ui-slider-vertical,
.smart-forms .sliderv-wrapper {
  width: 0.5em;
  height: 100px;
}

.smart-forms .ui-slider-vertical .ui-slider-handle {
  left: -0.45em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.smart-forms .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.smart-forms .ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.smart-forms .ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.smart-forms .slider-input {
  color: #f6931f !important;
  border: 0;
  background: none;
}

.smart-forms .slider-group .sliderv-wrapper {
  height: 150px;
  float: left;
  margin: 15px;
}

.smart-forms .ui-slider .ui-state-active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.smart-forms .slider-tip {
  display: block;
  position: absolute;
  text-align: center;
  font: 10pt Tahoma, Arial, sans-serif;
  background: #333;
  padding: 10px;
  color: #fff;
}

.smart-forms .slider-wrapper .slider-tip {
  top: -50px;
  left: -15px;
}

.smart-forms .slider-wrapper .slider-tip:after {
  content: "";
  position: absolute;
  top: 98%;
  left: 35%;
  border-top: 8px solid #333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.smart-forms .sliderv-wrapper .slider-tip {
  left: 30px;
  top: -12px;
}

.smart-forms .sliderv-wrapper .slider-tip:after {
  content: "";
  position: absolute;
  top: 30%;
  right: 98%;
  border-right: 8px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.smart-forms .yellow-slider .ui-slider .ui-slider-handle {
  border-color: #faa226;
}

.smart-forms .yellow-slider .ui-slider .ui-slider-handle:before,
.smart-forms .yellow-slider .ui-slider .ui-slider-range {
  background-color: #faa226;
}

.smart-forms .red-slider .ui-slider .ui-slider-handle {
  border-color: #ee4f3d;
}

.smart-forms .red-slider .ui-slider .ui-slider-handle:before,
.smart-forms .red-slider .ui-slider .ui-slider-range {
  background-color: #ee4f3d;
}

.smart-forms .purple-slider .ui-slider .ui-slider-handle {
  border-color: #9464e2;
}

.smart-forms .purple-slider .ui-slider .ui-slider-handle:before,
.smart-forms .purple-slider .ui-slider .ui-slider-range {
  background-color: #9464e2;
}

.smart-forms .blue-slider .ui-slider .ui-slider-handle {
  border-color: #00acee;
}

.smart-forms .blue-slider .ui-slider .ui-slider-handle:before,
.smart-forms .blue-slider .ui-slider .ui-slider-range {
  background-color: #00acee;
}

.smart-forms .black-slider .ui-slider .ui-slider-handle {
  border-color: #505558;
}

.smart-forms .black-slider .ui-slider .ui-slider-handle:before,
.smart-forms .black-slider .ui-slider .ui-slider-range {
  background-color: #505558;
}

.smart-forms .green-slider .ui-slider .ui-slider-handle {
  border-color: #0e993c;
}

.smart-forms .green-slider .ui-slider .ui-slider-handle:before,
.smart-forms .green-slider .ui-slider .ui-slider-range {
  background-color: #0e993c;
}

.ui-timepicker-div .ui-widget-header {
  position: relative;
  background: #f5f5f5;
  line-height: 27px;
  font-size: 1rem;
  padding: 10px;
}

.ui-timepicker-div dl {
  text-align: left;
  border: 1px solid #cfcfcf;
  border-width: 1px 0 0;
  padding: 15px 10px;
  padding-bottom: 15px;
  margin: 0;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 15px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
  background: #e5e5e5;
  position: relative;
  top: 6px;
}

.ui-timepicker-div dl .ui_tpicker_hour,
.ui-timepicker-div dl .ui_tpicker_minute,
.ui-timepicker-div dl .ui_tpicker_second,
.ui-timepicker-div dl .ui_tpicker_millisec {
  background: #e5e5e5;
  position: relative;
  top: 5px;
}

.ui_tpicker_time_input {
  background: none;
  border: 0;
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ":";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: ".";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 10000000;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
  font-family:  "gravita-geo-variable", sans-serif;

  font-size: 1rem;
  border: 1px solid #bbb;
  border-top: 0;
  background: #fff;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}

.ui-autocomplete .ui-menu {
  position: absolute;
}

.ui-autocomplete .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 8px 10px;
  cursor: pointer;
  min-height: 0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  background: #f2f4fa;
  border-bottom: 1px solid #dce1ee;
  -webkit-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px #fff, inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.ui-autocomplete .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
  border-color: #ddd;
}

.ui-autocomplete .ui-menu-item:hover {
  background: #dce1ee;
}

.custom-combobox {
  position: relative;
  padding-right: 45px;
  display: block;
}

.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-left: -1px;
  padding: 0;
  z-index: 10;
  width: 45px;
  line-height: 40px;
  height: 100%;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #cfcfcf;
  border-left: 0;
  cursor: pointer;
  color: #aaa;
}

.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
}

.smart-forms .progress-section {
  display: none;
}

.smart-forms .progress-bar {
  position: relative;
  background: #e5e5e5;
}

.smart-forms .progress-bar .percent {
  position: absolute;
  display: inline-block;
  top: -3px;
  right: -24px;
  font-size: 9px;
  color: #93a2aa;
}

.smart-forms .progress-bar > .bar {
  width: 60%;
  height: 7px;
  display: block;
  background-size: 16px 16px;
  background-color: #bdc3c7;
}

.smart-forms .bar-primary > .bar {
  background-color: #4ebd4a;
}

.smart-forms .bar-blue > .bar {
  background-color: #00acee;
}

.smart-forms .bar-black > .bar {
  background-color: #505558;
}

.smart-forms .bar-green > .bar {
  background-color: #0e993c;
}

.smart-forms .bar-purple > .bar {
  background-color: #9464e2;
}

.smart-forms .bar-red > .bar {
  background-color: #ee4f3d;
}

.smart-forms .bar-yellow > .bar {
  background-color: #faa226;
}

.smart-forms .ui-slider .ui-slider-range,
.smart-forms .progress > button[type="submit"],
.smart-forms .progress > button[type="submit"]:hover,
.smart-forms .progress-bar > .bar {
  background-size: 16px 16px;
  background-image: -webkit-linear-gradient(
    top left,
    transparent,
    transparent 25%,
    rgba(255, 255, 255, 0.3) 25%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 50%,
    transparent 75%,
    rgba(255, 255, 255, 0.3) 75%,
    rgba(255, 255, 255, 0.3)
  );
  background-image: -moz-linear-gradient(
    top left,
    transparent,
    transparent 25%,
    rgba(255, 255, 255, 0.3) 25%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 50%,
    transparent 75%,
    rgba(255, 255, 255, 0.3) 75%,
    rgba(255, 255, 255, 0.3)
  );
  background-image: -o-linear-gradient(
    top left,
    transparent,
    transparent 25%,
    rgba(255, 255, 255, 0.3) 25%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 50%,
    transparent 75%,
    rgba(255, 255, 255, 0.3) 75%,
    rgba(255, 255, 255, 0.3)
  );
  background-image: linear-gradient(
    to bottom right,
    transparent,
    transparent 25%,
    rgba(255, 255, 255, 0.3) 25%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 50%,
    transparent 75%,
    rgba(255, 255, 255, 0.3) 75%,
    rgba(255, 255, 255, 0.3)
  );
}

.smart-forms .progress > button[type="submit"],
.smart-forms .progress > button[type="submit"]:hover,
.smart-forms .progress-animated > .bar {
  -webkit-animation: sfprogress 0.6s linear infinite;
  -moz-animation: sfprogress 0.6s linear infinite;
  -o-animation: sfprogress 0.6s linear infinite;
  animation: sfprogress 0.6s linear infinite;
}

.smart-forms .progress > button[type="submit"]:hover {
  cursor: wait;
}

@-webkit-keyframes sfprogress {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -16px 0;
  }
}

@-moz-keyframes sfprogress {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -16px 0;
  }
}

@-o-keyframes sfprogress {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -16px 0;
  }
}

@keyframes sfprogress {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -16px 0;
  }
}

.clone-widget {
  padding-right: 100px;
  position: relative;
}

.clone-widget .button {
  position: absolute;
  right: 0;
  top: 0;
}

.clone-widget .clone {
  right: 50px;
}

.smart-forms .map-container {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #cfcfcf;
}

.smart-forms .map-area,
.smart-forms #map_canvas {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.smart-forms .block {
  display: block;
}

.smart-forms .custom-block-list,
.smart-forms .custom-block-list li {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0;
}

.smart-forms .custom-block-list li {
  padding: 3px 0;
  font-size: 1rem;
}

.smart-forms .custom-block-list li span,
.smart-forms .custom-block-list li strong {
  font-weight: 300;
  color: #00afff;
}

.smart-forms .frm-row {
  margin: 0 -10px;
}

.smart-forms .slider-group:before,
.smart-forms .slider-group:after,
.smart-forms .frm-row:before,
.smart-forms .frm-row:after {
  display: table;
  content: "";
  line-height: 0;
}

.smart-forms .slider-group:after,
.smart-forms .frm-row:after {
  clear: both;
}

.smart-forms .frm-row .colm {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  float: left;
}

.smart-forms .frm-row .colm1 {
  width: 8.33%;
}

.smart-forms .frm-row .colm2 {
  width: 16.66%;
}

.smart-forms .frm-row .colm3 {
  width: 25%;
}

.smart-forms .frm-row .colm4 {
  width: 33.33%;
}

.smart-forms .frm-row .colm5 {
  width: 41.66%;
}

.smart-forms .frm-row .colm6 {
  width: 50%;
}

.smart-forms .frm-row .colm7 {
  width: 58.33%;
}

.smart-forms .frm-row .colm8 {
  width: 66.66%;
}

.smart-forms .frm-row .colm9 {
  width: 75%;
}

.smart-forms .frm-row .colm10 {
  width: 83.33%;
}

.smart-forms .frm-row .colm11 {
  width: 91.66%;
}

.smart-forms .frm-row .colm12 {
  width: 100%;
}

.smart-forms .frm-row .colm1-5 {
  width: 20%;
}

.smart-forms .frm-row .colm1-8 {
  width: 12.5%;
}

.smart-forms .spacer {
  border-top: 1px solid #cfcfcf;
  display: block;
  height: 0;
}

.smart-forms .spacer-t10 {
  margin-top: 10px;
}

.smart-forms .spacer-b10 {
  margin-bottom: 10px;
}

.smart-forms .spacer-t15 {
  margin-top: 15px;
}

.smart-forms .spacer-b15 {
  margin-bottom: 15px;
}

.smart-forms .spacer-t20 {
  margin-top: 20px;
}

.smart-forms .spacer-b20 {
  margin-bottom: 20px;
}

.smart-forms .spacer-t25 {
  margin-top: 25px;
}

.smart-forms .spacer-b25 {
  margin-bottom: 25px;
}

.smart-forms .spacer-t30 {
  margin-top: 30px;
}

.smart-forms .spacer-b30 {
  margin-bottom: 30px;
}

.smart-forms .spacer-t40 {
  margin-top: 40px;
}

.smart-forms .spacer-b40 {
  margin-bottom: 40px;
}

.pad-l10 {			/*.smart-forms .frm-row */
  padding-left: 10px;
}

.pad-r10 {
  padding-right: 10px;
}

.pad-l20 {
  padding-left: 20px;
}

.pad-r20 {
  padding-right: 20px;
}

.pad-l30 {
  padding-left: 30px;
}

.pad-r30 {
  padding-right: 30px;
}

.pad-l40 {
  padding-left: 40px;
}

.smart-forms .frm-row .pad-r40 {
  padding-right: 40px;
}

.smart-forms .bdl {
  border-left: 1px solid #cfcfcf;
}

.smart-forms .bdr {
  border-right: 1px solid #cfcfcf;
}

.smart-forms .fine-grey {
  color: #999;
}

.smart-forms .small-text {
  font-size: 11px;
  font-style: normal;
}

.smart-forms .text-align {
  height: 42px;
  line-height: 42px;
}

.smart-forms .align-right {
  text-align: right;
}

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

.smart-forms .price-box {
  padding: 30px;
  text-align: center;
  position: relative;
  border: 1px solid #cfcfcf;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
}

.smart-forms .price-box p {
  line-height: 1.5em;
  font-weight: 300;
  font-size: 1rem;
  color: #526066;
  margin-bottom: 0;
}

.smart-forms .price-box h5 {
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  font-size: 1rem;
  color: #b0b2b9;
  letter-spacing: 2px;
}

.smart-forms .price-box h4 {
  font-size: 60px;
  font-weight: 300;
  margin: 0;
  color: #626262;
}

.smart-forms .selected-box h4 {
  color: #4ebd4a;
}

.smart-forms .price-box h4 sup {
  position: relative;
  font-size: 30px;
  vertical-align: top;
  top: 15px;
}

.smart-forms .price-box h4 .per-month {
  font-size: 1rem;
}

.smart-forms .expand {
  height: 50px;
  line-height: 50px !important;
  border-radius: 3px;
}

.smart-forms .ribbon,
.smart-forms .ribbon-large {
  width: 75px;
  height: 78px;
  overflow: hidden;
  position: absolute;
  right: -2px;
  top: -2px;
  z-index: 1;
}

.smart-forms .ribbon-inner {
  font-family:  "gravita-geo-variable", sans-serif;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #4ebd4a;
  letter-spacing: 4px;
  text-align: center;
  position: relative;
  font-weight: 700;
  font-size: 1rem;
  padding: 7px 0;
  width: 100px;
  color: #fff;
  z-index: 1;
  left: 3px;
  top: 6px;
}

.smart-forms .ribbon-inner:before,
.smart-forms .ribbon-inner:after {
  content: "";
  border-top: 3px solid #3c9b39;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}

.smart-forms .ribbon-inner:before {
  left: 0;
}

.smart-forms .ribbon-inner:after {
  right: 0;
}

.smart-forms .ribbon-large {
  width: 115px;
  height: 118px;
}

.smart-forms .ribbon-large .ribbon-inner {
  width: 160px;
  left: -8px;
  top: 28px;
}

.smart-forms .sfcode {
  padding-left: 24px;
}

.smart-forms .captcode {
  padding: 0;
  position: relative;
}

.smart-forms .captcode img {
  position: relative;
  top: 1px;
}

.smart-forms .refresh-captcha {
  position: absolute;
  background: #4ebd4a;
  border: 3px solid #3c9b39;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  right: -15px;
  height: 32px;
  width: 32px;
  top: 4px;
}

.smart-forms .refresh-captcha i {
  position: absolute;
  text-align: center;
  line-height: 26px;
  font-size: 1rem;
  color: #fff;
  left: 24%;
}

.smart-forms .smart-hidden-elem {
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .smart-forms .select .arrow:after,
  .smart-forms .select .arrow:before {
    display: block;
  }

  .smart-forms .checkbox:before {
    top: 4px;
    left: 3px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .smart-forms .option,
  .smart-forms .rating,
  .smart-forms .switch,
  .smart-forms .captcode {
    -webkit-animation: bugfix infinite 1s;
  }
}

@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }

  to {
    padding: 0;
  }
}

.smart-forms .switch {
  margin-right: 10px;
  margin-bottom: 5px;
}

.smart-forms .option {
  margin-right: 15px;
}

.smart-forms .switch-round > .switch-label:after {
  font: 30px/20px Times, Serif;
}

@media (max-width: 800px) {
  .smart-forms .frm-row {
    margin: 0;
  }

  .smart-forms .frm-row .colm {
    width: 100%;
    float: none;
    padding: 0;
  }

  .smart-forms .bdl {
    border-left: 0;
  }

  .smart-forms .bdr {
    border-right: 0;
  }

  .smart-forms .align-right {
    text-align: left;
  }
}

/******************************
Smart forms-Addons
*****************************/
.stepper-wrap {
  position: relative;
  display: block;
  font: 11px Arial, sans-serif;
}

.stepper-wrap input {
  text-align: right;
  padding-right: 20px;
}

.stepper-btn-wrap {
  position: absolute;
  top: 0;
  right: -34px;
  width: 34px;
  height: 100%;
  overflow: hidden;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-width: 1px 1px 1px 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.stepper-btn-wrap a {
  display: block;
  height: 50%;
  overflow: hidden;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  background: #f5f5f5;
  cursor: default;
  color: #666;
}

.stepper-btn-wrap a:hover {
  background: #f9f9f9;
}

.stepper-btn-up:before,
.stepper-btn-dwn:before {
  content: "";
  border: 4px dashed;
  pointer-events: none;
  border-color: #9f9f9f transparent;
  border-color: #9f9f9f rgba(255, 255, 255, 0);
  position: absolute;
  right: 14px;
  z-index: 1;
  height: 0;
  top: 32%;
  width: 0;
}

.stepper-btn-up:before {
  border-bottom-style: solid;
  border-top: none;
}

.stepper-btn-dwn:before {
  margin-top: 10px;
  border-top-style: solid;
  border-bottom: none;
}

.sp-container {
  position: absolute;
  display: inline-block;
  *display: inline;
  z-index: 9999994;
  overflow: hidden;
  *zoom: 1;
  left: 0;
  top: 0;
}

.sp-container.sp-flat {
  position: relative;
}

.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sp-top {
  position: relative;
  display: inline-block;
  width: 100%;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

.sp-dd,
.sp-clear,
.sp-alpha,
.sp-slider,
.sp-dragger,
.sp-preview,
.sp-alpha-handle,
.sp-container,
.sp-replacer,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

.sp-sat {
  background-image: -webkit-gradient(
    linear,
    0 0,
    100% 0,
    from(#fff),
    to(rgba(204, 154, 129, 0))
  );
  background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr=#FFFFFFFF,endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81');
}

.sp-val {
  background-image: -webkit-gradient(
    linear,
    0 100%,
    0 0,
    from(#000),
    to(rgba(204, 154, 129, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    #000,
    rgba(204, 154, 129, 0)
  );
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81,endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000');
}

.sp-hue {
  background: -moz-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -ms-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -o-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(red),
    color-stop(0.17, #ff0),
    color-stop(0.33, #0f0),
    color-stop(0.5, #0ff),
    color-stop(0.67, #00f),
    color-stop(0.83, #f0f),
    to(red)
  );
  background: -webkit-linear-gradient(
    top,
    red 0%,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
}

.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00');
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00');
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff');
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff');
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff');
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000');
}

.sp-hidden {
  display: none !important;
}

.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }

  .sp-hue {
    left: 63%;
  }

  .sp-fill {
    padding-top: 60%;
  }
}

.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}

.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #cfcfcf;
  padding: 0;
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 3px;
}

.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}

.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  padding: 4px 5px;
  border: 1px solid #bbb;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  color: #222;
  margin: 0;
}

.sp-input:focus {
  border-color: #6baced;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 8px rgba(82, 168, 236, 0.7);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 8px rgba(82, 168, 236, 0.7);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 8px rgba(82, 168, 236, 0.7);
}

.sp-input.sp-validation-error {
  background: #feefe9;
  border-color: #e46b66;
}

.sp-input.sp-validation-error:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 8px rgba(228, 70, 52, 0, 0.7);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 8px rgba(228, 70, 52, 0, 0.7);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 8px rgba(228, 70, 52, 0.7);
}

.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

.sp-initial {
  float: left;
  border: solid 1px #333;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

.sp-button-container,
.sp-palette-button-container {
  float: right;
}

.sp-replacer {
  cursor: pointer;
  overflow: hidden;
  padding: 4px 10px;
  position: absolute;
  background: #f5f5f5;
  vertical-align: middle;
  border: solid 1px #cfcfcf;
  border-width: 1px 1px 1px 0;
  display: inline-block;
  *display: inline;
  height: 100%;
  color: #333;
  margin: 0;
  *zoom: 1;
  right: 0;
}

.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #aaa;
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 12px;
  color: #9f9f9f;
  position: relative;
  top: 6px;
}

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  margin-top: 6px;
  float: left;
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

.sp-container button {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(to bottom, #eee, #ccc);
  border: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-radius: 3px;
  color: #333;
  font-size: 1rem;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
  background-image: -moz-linear-gradient(top, #ddd, #bbb);
  background-image: -ms-linear-gradient(top, #ddd, #bbb);
  background-image: -o-linear-gradient(top, #ddd, #bbb);
  background-image: linear-gradient(to bottom, #ddd, #bbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.sfcolor {
  padding-right: 63px;
}

.sfcolor .gui-input + .sp-replacer {
  width: 63px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-slider-horizontal.ui-slider-pips {
  margin-bottom: 0.5em;
}

.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide {
  display: none;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
  display: block;
}

.ui-slider-pips .ui-slider-pip {
  width: 2em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  font-size: 0.8em;
  color: #999;
  overflow: visible;
  text-align: center;
  top: 10px;
  left: 20px;
  margin-left: -1em;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-slider-pips .ui-slider-line {
  background: #999;
  width: 1px;
  height: 3px;
  position: absolute;
  left: 50%;
}

.ui-slider-pips .ui-slider-label {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -1em;
  width: 2em;
}

.ui-slider-pip:hover .ui-slider-label {
  color: #000;
  font-weight: 700;
}

.ui-slider-vertical.ui-slider-pips {
  margin-bottom: 1em;
  margin-right: 10px;
}

.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
  text-align: left;
  top: auto;
  left: 10px;
  margin-left: 0;
  margin-bottom: -0.5em;
}

.ui-slider-vertical.ui-slider-pips .ui-slider-line {
  width: 3px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

.ui-slider-vertical.ui-slider-pips .ui-slider-label {
  top: 50%;
  left: 0.5em;
  margin-left: 0;
  margin-top: -0.5em;
  width: 2em;
}

.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
  outline: none;
}

.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
  position: absolute;
  visibility: hidden;
  margin-top: -10px;
  display: block;
  width: auto;
  padding: 5px 10px;
  margin-left: -50%;
  line-height: 20px;
  background: #000;
  border-radius: 3px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  opacity: 0;
  -webkit-transition-duration: 200ms, 200ms, 0;
  -moz-transition-duration: 200ms, 200ms, 0;
  -ms-transition-duration: 200ms, 200ms, 0;
  transition-duration: 200ms, 200ms, 0;
  -webkit-transition-property: opacity, top, visibility;
  -moz-transition-property: opacity, top, visibility;
  -ms-transition-property: opacity, top, visibility;
  transition-property: opacity, top, visibility;
  -webkit-transition-delay: 0, 0, 200ms;
  -moz-transition-delay: 0, 0, 200ms;
  -ms-transition-delay: 0, 0, 200ms;
  transition-delay: 0, 0, 200ms;
}

.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  opacity: 1;
  top: -30px;
  visibility: visible;
  -webkit-transition-delay: 200ms, 200ms, 0;
  -moz-transition-delay: 200ms, 200ms, 0;
  -ms-transition-delay: 200ms, 200ms, 0;
  transition-delay: 200ms, 200ms, 0;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  top: 42px;
}

.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  top: 32px;
  font-weight: 300;
}

.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  content: " ";
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  bottom: -6px;
  left: 30%;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  border-bottom: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 0;
  top: -5px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
  top: 50%;
  margin-top: -11px;
  width: auto;
  margin-left: 0;
  left: -60px;
  color: #fff;
  -webkit-transition-duration: 200ms, 200ms, 0;
  -moz-transition-duration: 200ms, 200ms, 0;
  -ms-transition-duration: 200ms, 200ms, 0;
  transition-duration: 200ms, 200ms, 0;
  -webkit-transition-property: opacity, left, visibility;
  -moz-transition-property: opacity, left, visibility;
  -ms-transition-property: opacity, left, visibility;
  transition-property: opacity, left, visibility;
  -webkit-transition-delay: 0, 0, 200ms;
  -moz-transition-delay: 0, 0, 200ms;
  -ms-transition-delay: 0, 0, 200ms;
  transition-delay: 0, 0, 200ms;
}

.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  top: 50%;
  margin-top: -11px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  left: 47px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  left: 37px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  border-left: 8px solid #000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  bottom: 50%;
  margin-bottom: -5px;
  right: -14px;
  margin-left: 0;
  top: auto;
  left: auto;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  border-right: 8px solid #000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 0;
  right: auto;
  left: -6px;
}

#alternating-slider .ui-slider-pip .ui-slider-line {
  height: 6px;
  top: 3px;
}

#alternating-slider .ui-slider-pip .ui-slider-label {
  top: 15px;
}

#alternating-slider .ui-slider-pip:nth-child(even) {
  top: -33px;
  height: 15px;
  transform: scale(0.8) translateY(3px);
  opacity: 0.8;
}

#alternating-slider .ui-slider-pip:nth-child(even) .ui-slider-label {
  top: 5px;
}

#alternating-slider .ui-slider-pip:nth-child(even) .ui-slider-line {
  top: 22px;
  height: 6px;
}

#alternating-slider
  .ui-slider-pip:nth-child(even).ui-slider-pip-selected-1
  .ui-slider-label,
#alternating-slider
  .ui-slider-pip:nth-child(even).ui-slider-pip-selected-2
  .ui-slider-label,
#alternating-slider
  .ui-slider-pip:nth-child(even).ui-slider-pip-selected-3
  .ui-slider-label,
#alternating-slider
  .ui-slider-pip:nth-child(even).ui-slider-pip-selected-4
  .ui-slider-label {
  top: -3px;
}

#alternating-slider .ui-slider-pip-initial-1 .ui-slider-label {
  color: #e80949;
}

#alternating-slider .ui-slider-pip-initial-2 .ui-slider-label {
  color: #ff03cb;
}

#alternating-slider .ui-slider-pip-initial-3 .ui-slider-label {
  color: #c309e8;
}

#alternating-slider .ui-slider-pip-initial-4 .ui-slider-label {
  color: #920aff;
}

#alternating-slider .ui-slider-pip-selected-1 .ui-slider-label,
#alternating-slider .ui-slider-pip-selected-2 .ui-slider-label,
#alternating-slider .ui-slider-pip-selected-3 .ui-slider-label,
#alternating-slider .ui-slider-pip-selected-4 .ui-slider-label {
  color: #fff;
  width: 2.4em;
  padding: 4px 0;
  margin-left: -1.2em;
  border-radius: 2px;
  top: 10px;
}

#alternating-slider .ui-slider-pip-selected-1 .ui-slider-label {
  background-color: #e80949;
}

#alternating-slider .ui-slider-pip-selected-2 .ui-slider-label {
  background-color: #ff03cb;
}

#alternating-slider .ui-slider-pip-selected-3 .ui-slider-label {
  background-color: #c309e8;
}

#alternating-slider .ui-slider-pip-selected-4 .ui-slider-label {
  background-color: #920aff;
}

#alternating-slider .ui-slider-handle.ui-state-focus {
  z-index: 100;
}

#double-label-slider.ui-slider .ui-slider-pip {
  top: -3px;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-line {
  background: #e5e5e5;
  width: 16px;
  height: 16px;
  margin-left: -6px;
  box-shadow: 0 0 0 2px #e5e5e5;
  border-radius: 100%;
  transition: all 0.4s ease;
  top: -2px;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label,
#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i,
#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
  width: 100px;
  margin-left: -50px;
  text-align: center;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label {
  color: #888;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label i {
  font-style: normal;
  font-size: 1.4em;
  position: absolute;
  top: -36px;
}

#double-label-slider.ui-slider .ui-slider-pip .ui-slider-label span {
  opacity: 0.6;
  font-size: 1.2em;
  line-height: 1.3;
  position: absolute;
  top: 18px;
  transition: opacity 0.3s ease;
}

#double-label-slider.ui-slider .ui-slider-pip:hover .ui-slider-label span,
#double-label-slider.ui-slider .ui-slider-pip:focus .ui-slider-label span,
#double-label-slider.ui-slider
  .ui-slider-pip.ui-slider-pip-selected
  .ui-slider-label
  span {
  opacity: 1;
}

#double-label-slider.ui-slider
  .ui-slider-pip.ui-slider-pip-selected
  .ui-slider-label {
  color: #000;
}

.smartforms-px {
  text-align: center;
  display: block;
}

.smartforms-modal-footer {
  padding-bottom: 15px;
}

.smartforms-modal-scroll {
  overflow: hidden;
}

.smartforms-modal-trigger {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin: 3em auto;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  ffont-weight: 300;
  text-transform: uppercase;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #4ebd4a;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
  text-decoration: none;
  padding: 0 30px;
}

.smartforms-modal-header {
  position: relative;
  padding: 15px 20px;
  background-color: #4ebd4a;
  color: #fff;
}

.smartforms-modal-header h3 {
  margin: 0;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 300;
}

.smartforms-modal-body {
  display: block;
}

.smartforms-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  height: 100%;
  width: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0 0.3s;
  transition: opacity 0.3s 0s, visibility 0 0.3s;
  overflow-y: scroll;
}

.smartforms-modal.smartforms-modal-visible {
  opacity: 1;
  filter: alpha(opacity=80);
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0 0;
  -moz-transition: opacity 0.3s 0s, visibility 0 0;
  transition: opacity 0.3s 0s, visibility 0 0;
}

.smartforms-modal-container {
  position: relative;
  width: 90%;
  max-width: 600px;
  margin: 4em auto;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.smartforms-modal-container .smartforms-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  line-height: 60px;
  background: #4ebd4a;
  opacity: 1;
  filter: alpha(opacity=100);
  font-family: Arial, Baskerville, monospace;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none;
  text-align: center;
  font-style: normal;
  font-size: 28px;
  color: #fff;
  z-index: 10;
}

.smartforms-modal-container .smartforms-modal-close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.smartforms-modal-visible .smartforms-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.smartforms-modal-container .wrap-full {
  width: 100%;
}

.smartforms-modal-container .smart-wrap {
  padding: 0;
}

.smartforms-modal-container .smart-container {
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

@media only screen and (min-width: 1170px) {
  .smartforms-modal-container {
    margin: 5em auto;
  }
}

::-ms-reveal,
::-ms-clear {
  display: none !important;
}

.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url(css-img/wink.png);
  background-image: url(css-img/wink.svg), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  border: 2px solid transparent;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
  background-position: -44px center;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  border-color: #08c;
  outline: transparent;
}

.my-toggle {
  background: transparent;
  display: inline-block;
  border: 0;
  border-radius: 0.25em;
  color: #888;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  margin-right: 10px;
  padding: 10px;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
  right: 7px !important;
  height: 30px;
  line-height: 0;
}

.my-toggle:hover,
.my-toggle:focus {
  background-color: #eee;
  outline: transparent;
  color: #555;
}

.hideShowPassword-toggle,
.my-toggle {
  z-index: 3;
}

/*.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 10px 0;
	position: relative;
	vertical-align: middle;
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
	position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px;
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select2-container .select2-search--inline {
	float: left;
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
*/

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  list-style: none;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__placeholder,
.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid #000 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #fff;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0);
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role="group"] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
  color: grey;
}

.select2-container--classic
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container .select2-selection--single,
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 42px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 42px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 42px;
  right: 6px;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 6px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
  padding-right: 26px;
}

.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 10px;
  padding-left: 26px;
}

.select2-container .select2-selection--multiple {
  min-height: 42px;
}

.select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border-radius: 0;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  border: 1px solid #cfcfcf;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  margin: 0;
  padding: 5px 10px;
}

.select2-results__option {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.smart-select2 {
  width: 100% !important;
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}


/**********
	media queries
*******/
@media screen and (max-width: 1024px) {
  #ident_speaker,
  #ident_stand {
    justify-content: center;
  }
}

/*image hover styling
 ------------------------------ */
.img-hover-4 {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  float: left;
  z-index: 0;
  transition: all 0.3s ease-out 0s;
  overflow: hidden;
}
.img-hover-4 .img-hover-text-box {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px 20px 20px 20px;
  margin: 0;
  float: left;
  z-index: 1;
  top: 205px;
  transition: all 0.3s ease-out 0s;
  background-color: rgba(0, 101, 207, 0.8);
}
.img-hover-4:hover .img-hover-text-box {
  top: 0;
}
.img-hover-text-box {
  width: 100%;
  float: left;
}
.img-hover-details {
  font-size: 1.45rem;
  line-height: 1.2;
  letter-spacing: 0.85px;
  font-family: inherit;
  text-align: left;
}

.card-group {
  display: -ms-flexbox;
  display: inline-flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  grid-template-columns: repeat(3, max-content);
  position: relative;
  place-items: center;
  overflow: visible;
  max-width: 100%;
  justify-content: center;
}
.card-group input[type="radio"] {
  display: none;
}

.cards {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 25vw !important;
  height: 30vw;
  text-align: center;
  margin: 10px;
  border-radius: 5px;
  color: whitesmoke;
  background-color: #0089DD;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1),
    0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1),
    0 16px 16px rgba(0, 0, 0, 0.1);
}
.cards:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform calc(var(--d) * 1.5) var(--e);
  pointer-events: none;
  transition-duration: 0.4s;
}
.cards:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  transform: translateY(-50%);
  transition: transform calc(var(--d) * 2) var(--e);
  transition-duration: 0.4s;
}
#qs104_stand:before {
  background-image: url("../images/products/custom/qs104_card_200x275.jpg");
}
#welded_stand:before {
  background-image: url("../images/products/custom/full-weld_card_200x275.jpg");
}
#concept_stand:before {
  background-image: url("../images/products/custom/concept_card_200x275.jpg");
}
#fs104sig_stand:before {
  background-image: url("../images/products/custom/fs104_card_200x275.jpg");
}
#sq404_stand:before {
  background-image: url("../images/products/custom/sq404_card_200x275.jpg");
}
#hos505_stand:before {
  background-image: url("../images/products/custom/hos505_card_200x275.jpg");
}

.cards-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: rgb(32 32 32 / 50%);
  padding: 5rem 0.75rem;
  transition: transform var(--d) var(--e);
  transition-duration: 0.4s;
  z-index: 1;
}
.cards-content > * + * {
  margin-top: 2rem;
}

.cards-title {
  font-size: 2rem;
  font-weight: 600;
  font-family: "adobe-aldine", serif;
  line-height: 1;
}

.cards:after + .cards-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}

.cards-copy {
  font-family: "adobe-aldine", serif;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.2;
}

.cards-btn {
  cursor: pointer;
  padding: 1rem;
  font-size: 1rem;
  font-family:  "gravita-geo-variable", sans-serif;
  font-weight: 600;
  letter-spacing: 0.025rem;
  text-transform: uppercase;
  color: white;
  background-color: #0565cf;
  border: none;
}
.cards-btn:hover {
  background-color: #0565cf;
  outline: 2px solid #e86224;
  outline-offset: 0;
}

@media (hover: hover) and (min-width: 600px) {
  .cards:after {
    transform: translateY(0);
  }
}

.cards-content {
  transform: translateY(calc(100% - 0rem));
}
.cards-content > *:not(.cards-title) {
  opacity: 0;
  transform: translateY(1rem);
  transition: transform var(--d) var(--e), opacity var(--d) var(--e);
}

.cards:hover,
.cards:focus-within {
  align-items: center;
}
.cards:hover:before,
.cards:focus-within:before {
  transform: translateY(-4%);
}
.cards:hover:after,
.cards:focus-within:after {
  transform: translateY(-50%);
}
.cards:hover .cards-content,
.cards:focus-within .cards-content {
  transform: translateY(0);
}
.cards:hover .cards-content > *:not(.cards-title),
.cards:focus-within .cards-content > *:not(.cards-title) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(var(--d) / 8);
}

.cards:focus-within:before,
.cards:focus-within:after,
.cards:focus-within .cards-content,
.cards:focus-within .cards-content > *:not(.cards-title) {
  transition-duration: 0.4s;
}
@media all and (max-width: 680px) {
  .cards {
   width: 38vw !important;
	height: 45vw !important;
    padding: 0;
  }
  .cards-content {
    padding: 0.55rem;
    margin-top: 0;
  }
  .cards-copy {
    font-size: 0.85rem;
  }
  .cards-title {
    font-size: 1rem;
  }
}

@media (min-width: 1600px) {
	.cards {
		height: 27vw !important;
        max-width: 21vw !important;
  }
	.cards-title {
		font-size: 2.2rem;
	}
	.cards-copy {
		font-size: 1.5rem;
	}
	.cards-btn {
		font-size: 1.3rem;
		letter-spacing: 0.225rem;
	}
	
}

@media (max-width: 768px) {
	.cards-btn {
		font-size: 1rem;
		padding: 0.75rem;
	}
}
/*************
Magnific-popup
*************/
.open-popup {
  position: relative;
  background: #FFF;
	padding: 40px;
	width: 55%; 
	max-width: 75vw;
  margin: 20px auto;
	opacity: 1;
	z-index: 1000;
  transition: 1s all;
}
.popup-header {
  position: relative;
  padding: 15px 20px;
  background-color: #FFFFFF;
  color: #0565CF;
}

.popup-header h3 {
  margin: 0;
  font-family:  "gravita-geo-variable", sans-serif;
  font-size: 28px;
  font-weight: 300;
}
.popup-body {
	display: block;
}

.popup-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.popup-footer > :not(:first-child) {
  margin-left: .25rem;
}

.popup-footer > :not(:last-child) {
  margin-right: .25rem;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 12px;
  color: #ccc;
  font-size: 1rem;
  line-height: 0;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 14px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 24px;
  font-size: 1rem;
  color: #f3f3f3;
  background: #222;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
  padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
  padding: 0;
}

/* for zoom animation */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* ====== Zoom-out effect ======*/
.mfp-zoom-out {
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out .mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out .mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out .mfp-ready .mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out .mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out .mfp-removing .mfp-bg {
  opacity: 0;
}

/* ====== 3d unfold ======*/
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}

/* start state */
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold + .mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
/* animate in */
.mfp-3d-unfold + .mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold + .mfp-ready .mfp-bg {
  opacity: 0.8;
}

/* animate out */
.mfp-3d-unfold + .mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold + .mfp-removing .mfp-bg {
  opacity: 0;
}

/* 
/***************************
card flip
***********************/
.flip_image_holder {
  position: relative;
  margin: 10px auto;
  width: 500px;
  height: auto;
  z-index: 1;
}
.flip_image_holder {
  perspective: 1000;
}
.flip_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
.flip_image_holder:hover .flip_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #111;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
}

#spendor_logo, #harbeth_logo {
		position: absolute;
		top: 0%;
		right: 5%;
	}

@media (max-width: 992px) {
	#spendor_logo, #harbeth_logo {
		position: absolute;
		top: 15%;
		right: 5%;
	}
}

/*	Responsive Tabs v1.4, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
//	======================================================================================= */

/*	Table of Contents
//	==================================================
//		#Reset
//		#Themes


/*	#Reset
//	================================================== */

/* Standard */
.responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: none;
}
.responsive-tabs li {
  width: 125px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  float: left;
  padding: 0;
  background-color: none;
}
.responsive-tabs li a {
  display: block;
  padding: 0;
  text-align: center;
  line-height: 23px;
  text-decoration: none;
}
.responsive-tabs li.active {
  font-weight: bold;
  background-color: #fff;
}
.responsive-tabs-content {
  margin-bottom: 10px;
}
.responsive-tabs-content.bm-remove {
  margin-bottom: 0;
}
.responsive-tabs-content.bm-smaller {
  margin-bottom: 5px;
}
.responsive-tabs-content.bm-small {
  margin-bottom: 10px;
}
.responsive-tabs-content.bm-medium {
  margin-bottom: 20px;
}
.responsive-tabs-content.bm-large {
  margin-bottom: 30px;
}
.responsive-tabs-content.bm-larger {
  margin-bottom: 40px;
}
.responsive-tabs-content .responsive-tabs-panel {
	width: 85vw;
	align-content: normal;
}

.responsive-tabs-content .responsive-tabs-panel .responsive-tab-title {
  display: none;
}
/* Tabs Left */
.responsive-tabs.responsive-tabs-left {
  width: 100px;
  float: left;
}
.responsive-tabs.responsive-tabs-left li {
  text-align: left;
  float: none;
}
.responsive-tabs-content.responsive-tabs-left {
  overflow: hidden;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
/* Tabs Right */
.responsive-tabs.responsive-tabs-right {
  width: 150px;
  float: right;
}
.responsive-tabs.responsive-tabs-right li {
  text-align: right;
  float: none;
}
.responsive-tabs-content.responsive-tabs-right {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .responsive-tabs li {
    display: none;
  }
  .responsive-tabs-content .responsive-tabs-panel,
  .responsive-tabs-content .responsive-tabs-panel .responsive-tab-title {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  .responsive-tabs-content.responsive-tabs-left {
    padding-left: 4%;
    box-shadow: none;
    display: flex;
    flex-direction: column;
  }
}

/*	#Themes
//	================================================== */

/* Standard */
.responsive-tabs-default .responsive-tabs li {
  border: 1px solid #ddd;
  border-right: 0;
  background: #eee;
  cursor: pointer;
  position: relative;
  z-index: 999999;
}
.responsive-tabs-default .responsive-tabs li:last-child {
  border-right: 1px solid #ddd;
}
.responsive-tabs-default .responsive-tabs li.active {
  border-bottom: 1px solid #fff;
  background: #fff;
}
.responsive-tabs-default .responsive-tabs-content {
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  top: -1px;
  z-index: 999;
}
.responsive-tabs-default .responsive-tabs-content .responsive-tab-title {
  color: #0b8593;
}
/* Tabs Left */
.responsive-tabs-default .responsive-tabs.responsive-tabs-left {
  left: 1px;
}
.responsive-tabs-default .responsive-tabs.responsive-tabs-left li {
  width: 100%;
  border-right: 1px solid #ddd;
  border-bottom: 0;
  line-height: 50px;
}
.responsive-tabs-default .responsive-tabs.responsive-tabs-left li:last-child {
  border-bottom: 1px solid #ddd;
}
.responsive-tabs-default .responsive-tabs.responsive-tabs-left li.active {
  border-right: 1px solid #fff;
}
.responsive-tabs-default .responsive-tabs-content.responsive-tabs-left {
  top: 0;
}
/* Tabs Right */
.responsive-tabs-default .responsive-tabs.responsive-tabs-right {
  right: 1px;
}
.responsive-tabs-default .responsive-tabs.responsive-tabs-right li {
  width: 100%;
  border-right: 1px solid #ddd;
  border-bottom: 0;
  border-left: 1px solid #ddd;
  line-height: 50px;
}
.responsive-tabs-default .responsive-tabs.responsive-tabs-right li:last-child {
  border-bottom: 1px solid #ddd;
}
.responsive-tabs-default .responsive-tabs.responsive-tabs-right li.active {
  border-left: 1px solid #fff;
}
.responsive-tabs-default .responsive-tabs-content.responsive-tabs-right {
  top: 0;
}

/*custom styles*/
.tab-navbar-main {
  width: 100%;
  display: inline-block;
  text-align: center; /*background-color:#fc4242;*/
}
.tab-content-holder {
  width: 100%;
  float: left;
  padding: 40px;
  background-color: #fff;
}
.tab-navicon span {
  font-size: 36px;
  display: inline-block;
  padding: 10px 0 0 0;
  text-align: center;
}
.tabstyle-1 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: #fc4242;
}
.tabstyle-1 .responsive-tabs li {
  width: 190px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  float: left;
  padding: 0;
  border-right: 1px solid #ebebeb;
  background-color: #fff;
}
.tabstyle-1 .responsive-tabs li:last-child {
  border-right: none;
}
.tabstyle-1 .responsive-tabs li a {
  display: block;
  padding: 20px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-1 .responsive-tabs li a:hover,
.tabstyle-1 .responsive-tabs li.active,
.tabstyle-1 .responsive-tabs li.active a {
  color: #ccc;
}

.tabstyle-1 .responsive-tabs-content {
  margin-bottom: 20px;
}

/* Tab Style 2
 ------------------------------ */
.tab-navbar-main-style-2 {
  width: 100%;
  display: inline-block;
  text-align: center;
  background-color: #242424;
}

.tab-content-style-2 {
  width: 100%;
  float: left;
  padding: 40px;
  background-color: #fff;
}
.tabstyle-2 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: #fc4242;
}
.tabstyle-2 .responsive-tabs li {
  width: auto;
  margin: 0;
  text-align: center;
  line-height: 50px;
  padding: 0;
  float: left;
  border-right: 1px solid #727272;
  background-color: #242424;
}
.tabstyle-2 .responsive-tabs li:last-child {
  border-right: none;
}
.tabstyle-2 .responsive-tabs li a {
  display: block;
  padding: 15px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-2 .responsive-tabs li a:hover,
.tabstyle-2 .responsive-tabs li.active,
.tabstyle-2 .responsive-tabs li.active a {
  color: #fff;
  border-right: 1px solid #ccc;
  background-color: #ccc;
}

.tabstyle-2 .responsive-tabs-content {
  margin-bottom: 20px;
}

/* Tab Style 3
 ------------------------------ */
.tab-navbar-main-style-3 {
  width: 100%;
  display: inline-block;
  text-align: center;
  border: 1px solid #e4e4e4;
  background-color: transparent;
}

.tab-content-style-3 {
  width: 100%;
  float: left;
  padding: 40px;
  border: 1px solid #e4e4e4;
  background-color: transparent;
}
.tabstyle-3 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: transparent;
}
.tabstyle-3 .responsive-tabs li {
  width: 50%;
  margin: 0;
  text-align: center;
  line-height: 50px;
  padding: 0;
  float: left;
  border-right: 1px solid #e4e4e4;
  background-color: transparent;
}
.tabstyle-3 .responsive-tabs li:last-child {
  border-right: none;
}
.tabstyle-3 .responsive-tabs li a {
  display: block;
  padding: 15px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-3 .responsive-tabs li a:hover,
.tabstyle-3 .responsive-tabs li.active,
.tabstyle-3 .responsive-tabs li.active a {
  color: #ccc;
}

.tabstyle-3 .responsive-tabs-content {
  margin-bottom: 20px;
}

/* Tab Style 4
 ------------------------------ */
.tab-navbar-main-style-4 {
  width: 100%;
  display: inline-block;
  text-align: center;
  background-color: #fff;
}

.tab-content-style-4 {
  width: 100%;
  float: left;
  padding: 40px 0 0 0;
  background-color: #fff;
}
.tabstyle-4 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: #fc4242;
}
.tabstyle-4 .responsive-tabs li {
  width: 48%;
  text-align: center;
  line-height: 50px;
  padding: 0;
  float: left;
  margin-right: 3px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}

.tabstyle-4 .responsive-tabs li a {
  display: block;
  padding: 15px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-4 .responsive-tabs li a:hover,
.tabstyle-4 .responsive-tabs li.active,
.tabstyle-4 .responsive-tabs li.active a {
  color: #727272;
  border-right: 1px solid #101010;
  background-color: #101010;
}

.tabstyle-4 .responsive-tabs-content {
  margin-bottom: 20px;
}

/* Tab Style 5
 ------------------------------ */
.tabstyle-5 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  left: 16%;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-5 .responsive-tabs li {
  width: 150px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  border-right: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;

  background-color: #fff;
}
.tabstyle-5 .responsive-tabs li:last-child {
  border-right: 1px solid #ebebeb;
}
.tabstyle-5 .responsive-tabs li a {
  display: block;
  padding: 20px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-5 .responsive-tabs li a:hover,
.tabstyle-5 .responsive-tabs li.active,
.tabstyle-5 .responsive-tabs li.active a {
  color: #727272;
  background-color: #101010;
}

.tabstyle-5 .responsive-tabs-content {
  margin-bottom: 20px;
}

.tabstyle-5-feature-box {
  border: 1px solid #f0f0f0;
  float: left;
  width: 100%;
}
.tabstyle-5-feature-box-2 {
  border: 1px solid #f0f0f0;
  float: left;
  width: 100%;
  padding: 45px 60px;
}

.ttitle strong {
  font-size: 24px;
  color: #101010;
  border-bottom: 1px solid #101010;
}
.ttitle.white strong {
  font-size: 24px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.ttitle.dark strong {
  color: #101010;
  border-bottom: 1px solid #101010;
}
.ttitle {
  padding-top: 20px;
  margin: 15px 0;
  float: left;
}
.ttitle span {
  margin-bottom: 15px;
}

/* Tab Style 6
 ------------------------------ */
.tab-navbar-main-style-6 {
  width: 100%;
  display: inline-block;
  text-align: center;
  background-color: #fff;
}

.tab-content-style-6 {
  width: 100%;
  float: left;
  padding: 40px 0 0 0;
  background-color: #fff;
}
.tabstyle-6 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: #fc4242;
}
.tabstyle-6 .responsive-tabs li {
  width: 31%;
  text-align: center;
  line-height: 50px;
  padding: 0;
  float: left;
  margin-right: 5px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}

.tabstyle-6 .responsive-tabs li a {
  display: block;
  padding: 15px 6px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #fff;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-6 .responsive-tabs li a:hover,
.tabstyle-6 .responsive-tabs li.active,
.tabstyle-6 .responsive-tabs li.active a {
  color: #727272;
  border-right: 1px solid #101010;
  background-color: #101010;
}

.tabstyle-6 .responsive-tabs-content {
  margin-bottom: 20px;
}
.tabstyle-6 .responsive-tab-title p strong {
  font-size: 24px;
  color: #101010;
  border-bottom: 1px solid #101010;
}

.tabstyle-6 .responsive-tab-title {
  margin-bottom: 50px;
}

/* Tab Style 7
 ------------------------------ */
.tab-navbar-main-style-7 {
  width: 100%;
  display: inline-block;
  text-align: center;
  background-color: #f5f5f5;
}

.tab-content-style-7 {
  width: 100%;
  float: left;
  padding: 0 0 0 0;
}
.tabstyle-7 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: #fc4242;
}
.tabstyle-7 .responsive-tabs li {
  width: 50%;
  text-align: center;
  line-height: 50px;
  padding: 0;
  float: left;
  background-color: rgba(108,180,255,0.81);
}

.tabstyle-7 .responsive-tabs li a {
  display: block;
  padding: 15px 6px;
  text-align: center;
  line-height: 23px;
  font-size: 1.35rem;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  border-right: 1px solid #e4e4e4;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-7 .responsive-tabs li a:hover,
.tabstyle-7 .responsive-tabs li.active,
.tabstyle-7 .responsive-tabs li.active a {
  color: #f4f2fa;
  border-right: 2px solid rgba(233,105,45,0.79);
  background-color: rgba(233,105,45,0.79);
	border-bottom: 3px solid #0565cf;
}

.tabstyle-7 .responsive-tabs-content {
  margin-bottom: 20px;
}
.tabstyle-7 .responsive-tab-title p strong {
  font-size: 24px;
  color: #101010;
  border-bottom: 1px solid #101010;
}

.tabstyle-7 .responsive-tab-title {
  margin-bottom: 50px;
}
.tabstyle-7 .responsive-tabs li a.no-border {
  border-right: none;
}

/* Tab Style 8
 ------------------------------ */
.tabstyle-8 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  left: 16%;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-8 .responsive-tabs li {
  width: 150px;
  margin: 0 10px 0 0;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  background-color: #fff;
}

.tabstyle-8 .responsive-tabs li a {
  display: block;
  padding: 40px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  color: #101010;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-8 .responsive-tabs li a span {
  font-size: 36px;
  color: #101010;
}
.tabstyle-8 .responsive-tabs li a:hover,
.tabstyle-8 .responsive-tabs li a:hover span,
.tabstyle-8 .responsive-tabs li.active,
.tabstyle-8 .responsive-tabs li.active a,
.tabstyle-8 .responsive-tabs li.active a span {
  color: #fff;
  background-color: #fccb06;
}
.tabstyle-8 .responsive-tabs-content {
  margin-bottom: 20px;
}

.tabstyle-8-feature-box {
  float: left;
  width: 100%;
}
.tabstyle-8-feature-box-2 {
  float: left;
  width: 100%;
  padding: 60px;
  background-color: #fccb06;
}
.responsive-tabs-content.more-mar-1 {
  margin-bottom: 45px;
}
/*.tab-navbar-main.bborder {
    border-bottom: 1px solid #f0f0f0;
}*/

/* Tab Style 9
 ------------------------------ */

.tab-content-holder-9 {
  width: 100%;
  float: left;
  padding: 60px 50px 50px 50px;
  margin-top: 10px;
  /*	border:1px solid #f1f1f1;	*/
  background-color: #fff;
}

.tabstyle-9 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-9 .responsive-tabs li {
  width: 190px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  /*	border-right:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb; */
  background-color: #fff;
}
.tabstyle-9 .responsive-tabs li:last-child {
  /*	border-right:1px solid #ebebeb; */
}
.tabstyle-9 .responsive-tabs li:first-child {
  /* border-left:1px solid #ebebeb;	*/
}
.tabstyle-9 .responsive-tabs li a {
  display: block;
  padding: 15px 10px;
  text-align: center;
  line-height: 23px;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-9 .responsive-tabs li a span {
  font-size: 32px;
}
.tabstyle-9 .responsive-tabs li a:hover,
.tabstyle-9 .responsive-tabs li.active,
.tabstyle-9 .responsive-tabs li.active a {
  color: #0565cf;
  background-color: #101010;
}

.tabstyle-9 .responsive-tabs-content {
  margin-bottom: 20px;
}

.tabstyle-9-feature-box {
  float: left;
  width: 100%;
  padding: 0;
}
.tabstyle-9-feature-box-2 {
  float: left;
  width: 100%;
  padding: 0;
}

/* Tab Style 10
 ------------------------------ */

.tab-content-holder-10 {
  width: 100%;
  padding: 60px 50px 50px 50px;
  margin-top: 10px;
}

.tabstyle-10 .responsive-tabs {
  width: 65%;
  margin: 0 0 0 25%;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-10 .responsive-tabs li {
  width: 190px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  background: transparent;
}

.tabstyle-10 .responsive-tabs li .primary-circle {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
  left: 82px;
  bottom: -162px;
  border: 5px solid #727272;
  background-color: #fff;
  border-radius: 100%;
}

.tabstyle-10 .responsive-tabs li a {
  display: block;
  padding: 40px 20px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-10 .responsive-tabs li a span {
  font-size: 32px;
  padding-bottom: 15px;
}
.tabstyle-10 .responsive-tabs li a:hover,
.tabstyle-10 .responsive-tabs li.active,
.tabstyle-10 .responsive-tabs li.active a {
  color: #fff;
  background: transparent;
}
.tabstyle-10 .responsive-tabs li a:hover .primary-circle,
.tabstyle-10 .responsive-tabs li.active .primary-circle {
  border: 5px solid #fccb06;
  background-color: #fff;
}

.tabstyle-10 .responsive-tabs-content {
  margin-bottom: 20px;
}

.tabstyle-10-feature-box {
  float: left;
  width: 100%;
  padding: 0;
}
.tabstyle-10-feature-box-2 {
  float: left;
  width: 100%;
  padding: 0;
}

/* Tab Style 11
 ------------------------------ */

.tab-content-holder-11 {
  width: 100%;
  padding: 0 0 0 0;
  margin-top: 0;
}

.tabstyle-11 .responsive-tabs {
  width: 70%;
  margin: 0 0 0 18%;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-11 .responsive-tabs li {
  width: 190px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  color: #000;
  border-right: 1px solid #e5e5e5;
  background: #fff;
}

.tabstyle-11 .responsive-tabs li .primary-circle {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
  left: 82px;
  bottom: -162px;
  border: 5px solid #727272;
  background-color: #fff;
  border-radius: 100%;
}

.tabstyle-11 .responsive-tabs li a {
  display: block;
  padding: 40px 20px;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-11 .responsive-tabs li a span {
  font-size: 32px;
  padding-bottom: 15px;
}
.tabstyle-11 .responsive-tabs li a:hover,
.tabstyle-11 .responsive-tabs li.active,
.tabstyle-11 .responsive-tabs li.active a {
  color: #f51e46;
  background: #fff;
}
.tabstyle-11 .responsive-tabs-content {
  margin-bottom: 20px;
}
.tabstyle-11 .responsive-tabs li a:hover span,
.tabstyle-11 .responsive-tabs li.active a span {
  color: #f51e46;
}
.tabstyle-11-feature-box {
  float: left;
  width: 100%;
  padding: 0;
}
.tabstyle-11-feature-box-2 {
  float: left;
  width: 100%;
  padding: 0;
}

/* Tab Style 12
 ------------------------------ */

.tab-content-holder-12 {
  width: 100%;
  padding: 0 0 0 0;
  margin-top: 0;
}

.tabstyle-12 .responsive-tabs {
  width: 70%;
  margin: 0 0 0 18%;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-12 .responsive-tabs li {
  width: 190px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  color: #000;
  border-right: 1px solid #e5e5e5;
  background: #fff;
}

.tabstyle-12 .responsive-tabs li .primary-circle {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
  left: 82px;
  bottom: -162px;
  border: 5px solid #727272;
  background-color: #fff;
  border-radius: 100%;
}

.tabstyle-12 .responsive-tabs li a {
  display: block;
  padding: 40px 20px;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-12 .responsive-tabs li a span {
  font-size: 32px;
  padding-bottom: 15px;
}
.tabstyle-12 .responsive-tabs li a:hover,
.tabstyle-12 .responsive-tabs li.active,
.tabstyle-12 .responsive-tabs li.active a {
  color: #fff;
  background: #ff971c;
}
.tabstyle-12 .responsive-tabs-content {
  margin-bottom: 20px;
}
.tabstyle-12 .responsive-tabs li a:hover span,
.tabstyle-12 .responsive-tabs li.active a span {
  color: #fff;
}

.tabstyle-12-feature-box {
  float: left;
  width: 100%;
  padding: 0;
}
.tabstyle-12-feature-box-2 {
  float: left;
  width: 100%;
  padding: 0;
}

/* Tab Style 13
 ------------------------------ */

.tab-content-holder-13 {
  width: 100%;
  padding: 0 0 0 0;
  margin-top: 0;
}

.tabstyle-13 .responsive-tabs {
  width: 70%;
  margin: 0 0 0 26%;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-13 .responsive-tabs li {
  width: 300px;
  margin: 0;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  color: #000;
  background-color: #fff;
  border-right: 1px solid #e4e4e4;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.tabstyle-13 .responsive-tabs li:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: none;
}
.tabstyle-13 .responsive-tabs li .primary-circle {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
  left: 82px;
  bottom: -162px;
  border: 5px solid #727272;
  background-color: #fff;
  border-radius: 100%;
}

.tabstyle-13 .responsive-tabs li a {
  display: block;
  padding: 25px 20px;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-13 .responsive-tabs li a span {
  font-size: 32px;
  padding-bottom: 15px;
}
.tabstyle-13 .responsive-tabs li a:hover,
.tabstyle-13 .responsive-tabs li.active,
.tabstyle-13 .responsive-tabs li.active a {
  color: #ff971c;
}
.tabstyle-13 .responsive-tabs-content {
  margin-bottom: 20px;
}
.tabstyle-13 .responsive-tabs li a:hover span,
.tabstyle-13 .responsive-tabs li.active a span {
  color: #fff;
}

.tabstyle-13-feature-box {
  float: left;
  width: 100%;
  padding: 0;
}
.tabstyle-13-feature-box-2 {
  float: left;
  width: 100%;
  padding: 0;
}

/* Tab Style 14
 ------------------------------ */

.tab-content-holder-14 {
  width: 100%;
  padding: 0 0 0 0;
  margin-top: 0;
}

.tabstyle-14 .responsive-tabs {
  width: 70%;
  margin: 0 0 0 18%;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-14 .responsive-tabs li {
  width: 220px;
  margin: 10px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  color: #000;
  background: #fff;
}

.tabstyle-14 .responsive-tabs li .primary-circle {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
  left: 82px;
  bottom: -162px;
  background-color: #fff;
  border-radius: 100%;
}

.tabstyle-14 .responsive-tabs li a {
  display: block;
  padding: 65px 20px;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
  /*	border:10px solid #fff;*/
  transition: all 0.3s ease-out 0s;
}
.tabstyle-14 .responsive-tabs li a span {
  font-size: 32px;
  padding-bottom: 15px;
}
.tabstyle-14 .responsive-tabs li a:hover,
.tabstyle-14 .responsive-tabs li.active,
.tabstyle-14 .responsive-tabs li.active a {
  color: #fff;
  background-color: #ff971c;
}
.tabstyle-14 .responsive-tabs-content {
  margin-bottom: 20px;
}
.tabstyle-14 .responsive-tabs li a:hover span,
.tabstyle-14 .responsive-tabs li.active a span {
  color: #fff;
}

.tabstyle-14-feature-box {
  float: left;
  width: 100%;
  padding: 0;
}
.tabstyle-14-feature-box-2 {
  float: left;
  width: 100%;
  padding: 0;
}

/* Tab Style 15
 ------------------------------ */
.tab-navbar-main-style-15 {
  width: 100%;
  display: inline-block;
  text-align: center;
  background-color: #f5f5f5;
}

.tab-content-style-15 {
  width: 100%;
  float: left;
  padding: 70px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}

.tabstyle-15 .responsive-tabs {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
}
.tabstyle-15 .responsive-tabs li {
  width: 33.3%;
  text-align: center;
  line-height: 50px;
  padding: 0;
  float: left;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.tabstyle-15 .responsive-tabs li:last-child {
  border-right: 1px solid #ebebeb;
}

.tabstyle-15 .responsive-tabs li a {
  display: block;
  padding: 15px 6px;
  text-align: center;
  line-height: 23px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.tabstyle-15 .responsive-tabs li a:hover,
.tabstyle-15 .responsive-tabs li.active,
.tabstyle-15 .responsive-tabs li.active a {
  color: #fccb06;
  background-color: #fff;
}

.tabstyle-15 .responsive-tabs-content {
  margin-bottom: 0;
  border: 1px solid #000;
  padding-right: 60px;
}
.tabstyle-15 .responsive-tab-title p strong {
  font-size: 24px;
  color: #101010;
  border-bottom: 1px solid #101010;
}

.tabstyle-15 .responsive-tab-title {
  margin-bottom: 50px;
}
.tabstyle-15 .responsive-tabs li a.no-border {
  border-right: none;
}

/* =========== left Tab style 1 ==========  */

.tabs-left1-holder {
  width: 72%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
	/* float: left;*/
}
.tabs-left1-holder .responsive-tabs {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  /*  background-color: #fff;*/
}
.tabs-left1-holder .responsive-tabs li {
  width: 119px;
  margin: 0 0 10px 0;
  text-align: center;
  line-height: 50px;
  float: left;
  padding: 0;
  background-color: none;
}
.tabs-left1-holder .responsive-tabs li a {
  display: block;
  padding: 20px 5px;
  text-align: center;
  line-height: 20px;
  font-size: 0.85rem;
  color: #0565cf;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
  /*background-color: #fff;*/
  border: 1px solid #f0f0f0;
}
.tabs-left1-holder .responsive-tabs li a span {
  font-size: 1.8rem;
  padding-bottom: 10px;
}
.tabs-left1-holder .responsive-tabs li a:hover,
.tabs-left1-holder .responsive-tabs li.active,
.tabs-left1-holder .responsive-tabs li.active a {
  color: #f4f2fa;
  background-color: #0089dd;
  border-right: 1px solid #e86224;
}

.tabs-left1-holder .responsive-tabs.responsive-tabs-left {
  width: 120px;
  float: left;
}

.tabs-left1-holder .feature-box {
  border: 3px outset #efefef;
  width: 76%;
  padding: 60px;
}

.tabs-left1-holder .responsive-tab-title p strong {
  font-size: 24px;
  color: #101010;
  border-bottom: 1px solid #101010;
}

.tabs-left1-holder .responsive-tab-title {
  margin-bottom: 50px;
}

/* =========== left Tab style 2 ==========  */

.tabs-left2-holder {
  width: 100%;
  padding: 0;
  float: left;
}
.tabs-left2-holder .responsive-tabs {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  background-color: transparent;
}
.tabs-left2-holder .responsive-tabs-content {
  background-color: #fff;
  padding: 65px 80px;
}

.tabs-left2-holder .responsive-tabs li {
  width: 150px;
  margin: 0 0 10px 0;
  text-align: center;
  line-height: 50px;
  float: left;
  padding: 0;
  background-color: #fff;
}
.tabs-left2-holder .responsive-tabs li a {
  display: block;
  padding: 35px 20px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  color: #101010;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
  background-color: #fff;
  border: 1px solid #fff;
}
.tabs-left2-holder .responsive-tabs li a span {
  font-size: 34px;
}
.tabs-left2-holder .responsive-tabs li a:hover,
.tabs-left2-holder .responsive-tabs li.active,
.tabs-left2-holder .responsive-tabs li.active a {
  color: #0565cf;
  background-color: #fff;
}

.tabs-left2-holder .responsive-tabs.responsive-tabs-left {
  width: 225px;
  float: left;
}

.tabs-left2-holder .feature-box {
  border: 6px solid #f5f5f5;
  float: left;
  width: 100%;
  padding: 45px 60px;
}
.tabs-left2-holder .responsive-tabs li a {
  position: relative;
}
.tabs-left2-holder .responsive-tabs li a .arrow-right {
  position: absolute;
  width: 0;
  height: 0;
  right: -17px;
  top: 42px;
  opacity: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
}
.tabs-left2-holder .responsive-tabs li.active a .arrow-right {
  opacity: 1;
}
.tabs-left2-holder .responsive-tab-title p strong {
  font-size: 24px;
  color: #101010;
  border-bottom: 1px solid #101010;
}

.tabs-left2-holder .responsive-tab-title {
  margin-bottom: 50px;
}

@media screen and (max-width: 1366px) {
  .tabstyle-14 .responsive-tabs li {
    width: 219px;
  }
}

@media only screen and (max-width: 1024px) {
  .tabstyle-5 .responsive-tabs {
    left: 10%;
    width: 96%;
  }
  .tabstyle-8 .responsive-tabs {
    left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .tabstyle-13 .responsive-tabs li {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-bottom: 20px;
  }
  .tabstyle-13 .responsive-tabs li:last-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}

@media only screen and (max-width: 640px) {
  .tabs-left2-holder .responsive-tabs li a .arrow-right {
    position: absolute;
    width: 0;
    height: 0;
    right: -17px;
    top: 42px;
    opacity: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
  }
}

@media only screen and (max-width: 480px) {
  .tabs-left2-holder .responsive-tabs-content {
    padding: 60px 50px;
  }
  .ttitle strong {
    font-size: 20px;
  }
  .tabstyle-13 .responsive-tabs li {
    width: 100%;
  }
  .tabstyle-13 .responsive-tabs {
    width: 70%;
    margin: 0 auto;
  }
  .tab-content-style-15 {
    padding: 45px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background-color: none;
  }
}

@media only screen and (max-width: 360px) {
  .tab-content-holder {
    padding: 0;
  }
  .tabstyle-5 .responsive-tabs li {
    border-left: 1px solid #ebebeb;
  }
  .tabstyle-5-feature-box-2 {
    padding: 35px;
  }
  .tabs-left1-holder .feature-box {
    padding: 35px 40px;
  }
  .tabs-left2-holder .responsive-tabs-content {
    padding: 30px 30px;
  }
  .ce4-feature-box-14 .inner-box .img-main {
    top: 199px;
  }
  .tab-content-holder-9 {
    padding: 0px 30px 30px 30px;
  }
  .tab-content-style-15 {
    padding: 35px;
  }
}

@media only screen and (max-width: 320px) {
  .tab-content-style-4 {
    padding: 0 0 0 0;
  }
}

/*Button Specials*/
.spec-btn {
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.45rem;
  margin: 1.55rem auto 0 auto;
  max-width: 230px;
  position: relative;
	display: block;
  text-decoration: none;
  text-transform: full-size-kana;
  width: 100%;
}
@media (min-width: 600px) {
  .spec-btn {
  
  }
}
.spec-btn:hover {
  text-decoration: none;
}

.spec-btn-1 {
  background: rgba(0,101,207,1.00);
  font-weight: 300;
}
.spec-btn-1 svg {
  height: 65px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.spec-btn-1 rect {
  fill: #fccb06;
  stroke: #fccb06;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  transition: all 0.35s linear;
}

.spec-btn-1:hover {
  background: #e86224;
  font-weight: 300;
	box-shadow:  rgba(0, 0, 0, 0.19) 0px 10px 20px, inset rgba(0, 0, 0, 0.23) 0px 6px 7px
}


.spec-btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

/***********************************	
	Arrow-Btn
************************************/
.custom-btn {
  width: 175px;
  height: 46px;
  color: #fff;
  border-radius: 5px;
  padding: 0;
  font-family: "gravita-geo-variable", sans-serif!important;
  font-weight: 300;
	font-size: 1rem;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: block;
  box-shadow: 3px 3px 3px 1px #000000eb, 
		  inset -1px 20px 20px 1px #0565cfed, 
		  4px 4px 5px 0px #000000a1;
  outline: none;
}

.btn-3 {
  background: rgb(4 45 88);
background: linear-gradient(150deg, rgba(0,137,221,1.00) 0%, rgba(6,56,109,1.00) 100%);
  width: 275px;
  height: auto;
  line-height: 1.55;
  border: none;
	
  
}
.btn-3 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
	color: #F4F2FA;
}
.btn-3:before,
.btn-3:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: rgb(4 45 88);
  transition: all 0.3s ease;
}
.btn-3:before {
  height: 0%;
  width: 3px;
}
.btn-3:after {
  width: 0%;
  height: 3px;
}
.btn-3:hover{
   background: transparent;
  box-shadow: none;
}
.btn-3:hover:before {
  height: 100%;
}
.btn-3:hover:after {
  width: 100%;
}
.btn-3 span:hover{
   color: rgb(4 45 88);
	font-weight: 300;
	font-family: "gravita-geo-variable", sans-serif!important;
}
.btn-3 span:before,
.btn-3 span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: rgb(4 45 88);
	text-shadow: rgb(4 45 88);
  transition: all 0.3s ease;
}
.btn-3 span:before {
  width: 3px;
  height: 0%;
}
.btn-3 span:after {
  width: 0%;
  height: 3px;
}
.btn-3 span:hover:before {
  height: 100%;
}
.btn-3 span:hover:after {
  width: 100%;
}

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

Checkout tabs

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

.checkout-tabs {
    position: relative;
	margin: 40px auto;
	width: 950px;
}

.checkout-tabs + input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0;
	top: 0;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.checkout-tabs input#tab-2{
	left: 270px;
}
/*.checkout-tabs input#tab-3{
	left: 240px;
}
.checkout-tabs input#tab-4{
	left: 360px;
}
*/
.checkout-tabs + label {
	background: #0565cf;
/*	background: -moz-linear-gradient(top, #5ba4a4 0%, #0565cf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#0565cf));
	background: -webkit-linear-gradient(top, #5ba4a4 0%,#0565cf 100%);
	background: -o-linear-gradient(top, #5ba4a4 0%,#0565cf 100%);
	background: -ms-linear-gradient(top, #5ba4a4 0%,#0565cf 100%); */
	background: linear-gradient(45deg, #59abdb 27%,#eef1d1 50%,#0565cf 85%);
	font-size: 1rem;
	line-height: 30px;
	height: 80px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 45%;
	font-family:  "gravita-geo-variable", sans-serif;
	color: #2c343b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
/*    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);*/
}

.checkout-tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.checkout-tabs input:hover + label {
	background: #FDB784;
}

.checkout-tabs label:first-of-type {
    z-index: 4;
 /*   box-shadow: 2px 0 2px rgba(0,0,0,0.1);	*/
}

.tab-label-2 {
    z-index: 3;
}

/*.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}
*/
.checkout-tabs input:checked + label {
	background: linear-gradient(60deg, #b85214 27%,#eef1d1 50%,#e86224 85%);
    background: #e86224;
	z-index: 6;
	
    -webkit-animation: page 0.2s linear;
    -moz-animation: page 0.2s linear;
    -ms-animation: page 0.2s linear;
    -o-animation: page 0.2s linear;
    animation: page 0.2s linear;
}

.clear-shadow {
	clear: both;
}

.checkout-content {
    background: #fff;
	position: relative;
    width: 100%;
	height: auto;
	max-height: 950px;
	z-index: 5;
	overflow: visible;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
	
	-webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
/*
.checkout-content div {
    position: absolute;
	top: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}
*/
.checkout-content-1 {		/*, .checkout-content-3*/
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.checkout-content-2 {			/*, .checkout-content-4*/
    -webkit-transform: translateX(150%);
	-moz-transform: translateX(150%);
	-o-transform: translateX(150%);
	-ms-transform: translateX(150%);
	transform: translateX(150%);
}

.checkout-tabs input.tab-selector-1:checked ~ .checkout-content .checkout-content-1,
.checkout-tabs input.tab-selector-2:checked ~ .checkout-content .checkout-content-2
/*,
.checkout-tabs input.tab-selector-3:checked ~ .checkout-content .checkout-content-3,
.checkout-tabs input.tab-selector-4:checked ~ .checkout-content .checkout-content-4*/ {
    -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;
}

.checkout-content div h2,
.checkout-content div h3{
	color: #00336C;
}

/*.checkout-content div p {
	font-size: 1rem;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 15px;
	font-family:  "gravita-geo-variable", sans-serif;
/*border-left: 8px solid rgba(63,148,148, 0.1);
}*/

@keyframes "page" {
 0% {
    left: 0;
 }
 50% {
    left: 10px;
 }
 100% {
    left: 0;
 }

}

@-moz-keyframes page {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-webkit-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }
}

@-o-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }
}

.gdpr-settings {
    position: absolute;
    max-width: calc(75vw - 2rem);
    max-height: 30vh;
    margin-bottom: 1rem;
	margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
	border: 2px solid #2da06b;
    top: auto;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    opacity: 0;
    padding: 0.95rem;
    z-index: 999;
    background-color: #EDF4EA;
    transition: all 0.3s ease;
}
.cookie-lead {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5;
	color: #5f5d5d;
}
.cookie-accept:hover, .cookie-accept:focus {
	color: #E86224;
	border-color: #E86224;
	border-radius: 4px;
}

.row-wrapper {
    width: 100%;
	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.row-wrapper .col {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}
.cookie-info-class {
    font-family:  "gravita-geo-variable", sans-serif;
    letter-spacing: .5px;
    text-align: center;
    line-height: 1.5;
   /* background: #ddd;*/
    padding: 5px 5px;
    border-radius: 5px;
}

.mt-check {
    box-sizing: border-box;
    display: inline-block;
	font-size: 10px;
}

.mt-check label {
    background: #2e394d;
    border: none;
    border-radius: 1.5em;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 3em;
    position: relative;
    transition: all .3s ease;
    width: 7em
}

.mt-check label:before {
    background: #f0134d;
    border-radius: 2.5em;
    content: "";
    display: block;
    height: 2.4em;
    left: .3em;
    position: absolute;
    top: .3em;
    transition: .3s ease;
    width: 2.4em
}

.mt-check input {
    -moz-appearance: none;
    -webkit-appearance: none;
	background: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    font-size: inherit;
    height: 0;
    margin: 0;
    position: absolute;
    width: 0;
    z-index: 1
}

.mt-check input:focus {
    outline: none
}

.mt-check input:after,
.mt-check input:before {
    background: #fff;
    border-radius: .125em;
    content: "";
    display: none;
    height: .25em;
    position: absolute;
    transition: .3s ease
}

.mt-check input:before {
    transform: rotate(-45deg) translate(-.525em, 1.425em);
    width: 1.6875em
}

.mt-check input:after {
    transform: rotate(45deg) translate(1.425em, .525em);
    width: 1.6875em
}

.mt-check input:checked:before {
    transform: rotate(-45deg) translate(2.5375em, 4.55em);
    width: 1.5625em
}

.mt-check input:checked:after {
    transform: rotate(45deg) translate(4.55em, -2.1625em);
    width: .73em
}

.mt-check input:checked+label:before {
    background: #25B929;
    transform: translateX(4em)
}

.mt-check input:disabled:after,
.mt-check input:disabled:before {
    cursor: not-allowed !important
}

.mt-check input:disabled+label {
    background: #ccc !important;
    cursor: not-allowed !important
}

.mt-check input:disabled+label:before {
    background: #ddd !important
}