/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Skeleton Styles */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
.vertical-text-top {
	vertical-align: text-top;
}
.container {
	width: 90%;
}
html {
  font-size: 62.5%; }
body {
  font-size: 0.9em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
}
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    padding: 0; }
}
/* For devices larger than 500px */
@media (min-width: 500px) {
  .container {
    width: 85%; }
    body {
      font-size: 1.5em;
    }
}
/* For devices larger than 550px */
@media (min-width: 767px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

  .extra-margin { margin: 3.388em 0; }
  .text-right { text-align: right; }
  p.text-right{ margin-right: 2%;}
  .text-left { text-align: left; }
  p.text-left { margin-left: 2%; }
}
@media (min-width: 1050px) {
  .no-wrap { white-space: nowrap; }
}
.text-center { text-align: center; }
svg {
	position: relative;
	z-index: 2;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem; 
  font-weight: 400;
}
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}
p {
  margin-top: 0; }
/* Links */
a {
	color: #1EAEDB;
	transition: color 0.25s ease-out;
}
a:hover {
  color: #df9061; }


/* Buttons */
.button,
button {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
.button:focus,
button:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

/* Lists */
ul {
  list-style: none; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }

/* Spacing */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }

/* Utilities */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

/* Misc */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

/* Clearing */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Base Styles */
* {box-sizing: border-box;}

a {
	color: inherit;
	text-decoration: none;
}
/* Fonts */
body, section h2, section h3, section p {font-family: 'Poppins', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}
.condensed {font-family: 'Roboto Condensed', sans-serif;}
/* Header Styles */
header {
	position: relative;
	height: 100vh;
	width: 100vw;
	max-width: 100%;
	/* todo min-height: */
	color: #fff;
	background: url(../images/orange-skyline.jpg) center;
	background-size: cover;
	border-top: 6px solid #c4ce80;
}
header:before {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	border-top: 2px solid #a69980;
}
header .top {
	padding: 4px 4em 4px 0;
	text-align: right;
	background-color: #98bbab;
	border-top: 2px solid #a69980;
}
header .top a {
	letter-spacing: 1px
}
header .top a:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 1.5em;
	height: 1.5em;
	opacity: 1;
	transition: all 0.25s ease-out;
	background: url(../images/logoRSA-white.svg) no-repeat;
}
header .top a:hover:before {
	opacity: 0.6;
}
header .content {
	display: flex;
	height: 98%;
	overflow: hidden;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
header h1,
header h2 {font-weight: 600;}
header h1 {
	font-size: 8vw;
}
header h1:before {
	content: '';
	background-image: url(../images/logoRSA.svg);
	display: inline-block;
	height: 2em;
	width: 2em;
	margin-right: 0.25em;
}
header h1 span {display: inline-block;}
header h2 {
	position: absolute;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	bottom: 166px;
	letter-spacing: 0.15em;
	margin-left: -20%;
}
header h2 svg {
	padding-top: 1em;
}
/* Section Styles */
.desktop {display: none;}
section {
	color: #8fa306;
}
section>div.container {
	padding: 6.93em 0;
}
section h2 {
	font-size : 3.567em;
	line-height : 1.327em;
	letter-spacing : -0.031em;
}
section h2.destination.trigger10 {
    font-size: 2.257em;
}
section h3 {
	color: #514831;
	font-size : 1em;
	font-weight: 400;
	line-height : 3.267em;
	letter-spacing : 3px;
	text-transform : uppercase;
}
section h3 span {
	border-bottom: 1px solid #395d73;
}
section p {font-weight: 300;}
section p em {font-weight: 600;}
section p, section blockquote {
	font-size : 1.433em;
	line-height : 1.689em;
	letter-spacing : -0.03em;
}
section p strong {
	font-weight: 700;
	font-size : 1.217em;
	line-height : 1.227em;
	letter-spacing : -0.019em;
	text-transform : uppercase;
}
section p em {
	color: #d6702c;
	font-size: 4.31em;
	letter-spacing: -0.06em;
	line-height: 1.096em;
	font-style: normal;
}
section#section-3 p em {
    font-size: 3.6em;
}
section p em span {
	color: #d6702c;
}
section p small em {
	font-size: 1.779em;
	letter-spacing: 0;
	line-height: 1.35em;
}
section p span {
	color: #4e5b04;
	text-transform: uppercase;
}
section .blockquote:before {
    content: "(";
	color: #df9061;
    font-size:3.78em;
	font-weight: 100;
	position: absolute;
	left: 0;
	top: 15%;
}
section .blockquote:after {
    content: ")";
	color: #df9061;
    font-size:3.78em;
	font-weight: 100;
	position: absolute;
	right: 0;
	top: 15%;
}
@media (min-width: 1080px) {
	section .blockquote:before,
	section .blockquote:after {
		top: 0;
	}
}
section .blockquote p{
	display: inline-block;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
}
section i {
  font-size : 1.971em;
  line-height : 1.4em;
  letter-spacing : -0.03em;
  color : #514831;
}
section i {
  font-size : 1.207em;
}
.pineGlade {
	background: #c4ce7f;
	color: #fff;
}
.green {
	background: #98bbab;
	color: #395D73;
}
.green h2 {
	color: #76A28C;
}
.green em, section.green p em span {
	color: #8fa306;
}
.green strong {
	color: #4e5b04;
}
.orange {
	color: #76a28c;
}
.orange h2 {
	color: #df9061;
}
.orange strong {
	color: #395d73;
}
.destination {
	opacity: 0;
}
.text-indent {
	text-indent: 26px;
}
#section-1 {
	background: url(../images/pine-glade-logo.jpg) center;
	background-size: cover;
}
#section-1 p:first-of-type {
	padding-top: 22px;
}
#section-1 p {
	opacity: 0;
}
#section-2 img {
	display: inline-block;
	margin-left: 1em;
}
#section-2 #tal-0 {
	display: block;
	text-align: center;
}
#section-3 {
	background: url(../images/green-golf.jpg) center;
	background-size: cover;
}
#section-3 > div.container {
	padding-top: 4em;
}
#section-4 .columns {
	position: relative;
}
.trigger9-4,
.trigger9-6 {text-align: center;}

#state-logo {
	background: url(../images/state.png) center no-repeat;
    background-size: contain;
	text-align: center;
    margin-top: 4em;
}

#state-logo p {
	width: 345px;
    max-width: 100%;
	margin: 0 auto;
}
#state-logo strong { color: #76a28c; }
#state-logo span.u-full-width { display: block; }
p.destination.trigger12 .no-wrap {
    white-space:  nowrap;
    display: block;
}
p.destination.trigger13 {
    text-align: center;
}
p.destination.trigger13 .no-wrap {
    display: block;
    text-align: center;
}
@media (min-width: 567px) {
    section p, section blockquo {
        font-size : 1.533em;
    }
    section p strong {
        font-size : 1.257em;
    }
    p.destination.trigger9-1{
        font-size: 1.233em;
    }
}
@media (min-width: 767px) {
	.desktop {display: block;}
	.mobile {display: none;}
    section p, section blockquote {
        font-size : 1.633em;
    }
    section p strong {
        font-size : 1.307em;
    }
	#section-2 img {
		margin-left: 100%;
		margin-top: -12%;
	}
    p.destination.trigger9-1{
        font-size: 1.233em;
    }
    p.destination.trigger11 br {
        display: none;
    }
	#state-logo {
		padding: 245px 0 0 78px;
		text-align: left;
	}
    p.destination.trigger12 .no-wrap {
        display: inline;
    }
    p.destination.trigger13 {
        text-align: left;
        min-width: 585px;
    }
    p.destination.trigger13 .no-wrap{
        text-align: left;
        text-indent: 0;
    }
}
@media (min-width: 850px) {
    section p strong {
        font-size : 1.517em;
    }
	#section-2 img {
		margin-left: 95%;
		margin-top: -7%;
	}
    #section-2 #tal-0 {
        display: inline-block;
        width: 375.73px;
        text-align: left;
    }
    p.destination.trigger9-1{
        font-size: 1.633em;
    }
}
@media (min-width: 950px) {
	#section-2 img {
		margin-left: 89%;
		margin-top: 0%;
	}
    section h2.destination.trigger10 {
        font-size: 2.257em;
    }
}
@media (min-width: 1050px) {
	#section-2 img {
		margin-left: 2em;
	}
    section h2.destination.trigger10 {
        font-size: 3.067em;
    }
    p.destination.trigger11 br {
        display: block;
    }
    p.destination.trigger13 .no-wrap {
        text-align: left;
    }
}
@media (min-width: 1200px) { 
    section h2.destination.trigger10 {
        font-size: 3.567em;
    }
    #state-logo {
		background-size: cover;
    }
}
/* Arrow Styles */
.desktopArrow {display: none;}
#arrow-1 {
	position: absolute;
	margin-left: -20%;
	bottom: 25px;
}
#arrow-2 {
	transform: rotate(90deg);
}
#arrow-3 {
	position: absolute;
	right: 20%;
}
#arrow-4 {
	margin-top: 148px;
}
#arrow-5 {
	margin-left: 20%;
}
#arrow-6 {
	margin-left: 20%;
}
#arrow-7, #arrow-mobile-3 {
	margin: 0 auto;
    display: inherit;
    margin-bottom: -154px;
}
#arrow-8 {
	margin-top: 176px;
}
#arrow-9 {
	margin-left: 50%;
	margin-left: calc( 50% - 5px );
	margin-top: -395px;
}
#arrow-10 {
	margin-left: 28%;
    margin-bottom: -175px;
}
#arrow-11 {
	display: block;
	margin: 0 auto 1em auto;
	margin-right: 20%;
}
#arrow-12 {
	position: absolute;
    top: 25em;
	margin-left: 1em;
}
#arrow-13 {
	margin-left: -91%;
}
#arrow-14 {
	position: relative;
	z-index: 1;
}
@media (min-width: 767px) {
	.desktop,
	.desktopArrow {display: inline;}
	.mobile,
	.mobileArrow {display: none;}
	#section-1 p:first-of-type {
		padding-top: 130px;
	}
	#arrow-mobile-3 { display: none; }
	#arrow-2 {
		max-width: 50px;
		margin-top: 158px;
		transform: rotate(0deg);
	}
    #arrow-10 {
        margin-left: 28%;
        margin-bottom: -189px;
    }
	#arrow-11 {
		display: inline;
		margin-right: 20%;
	}
    
}
@media (min-width: 1080px) {
	#arrow-2 {
		max-width: none;
	}
}

@media (max-width: 549px){
	p.destination.trigger13 strong{ font-size: 1.107em; } }
/* Footer style*/
footer {
	color: #fff;
	text-align: center;
	background: #82754e;
	padding-bottom: 2em;
	margin-top: -10em;
}
footer ul {list-style: none;}
footer .social:before {
	position: absolute;
	top: -6px;
	content: '';
	display: block;
	height: 2px;
	width: 100%;
	background-color: #a69980;
}
footer .social {
	position: relative;
	border-top: 2px solid #a69980;
	padding: 4em 0;
	margin-bottom: 2em;
	color: #395d73;
	background: url(../images/pine-glade-rsa.jpg) center;
	background-size: cover;
}
footer .social h2 {
	color: #4e5b04;
	margin-bottom: 1.5em;
}
footer .social p {
	margin-top: 2em;
	font-size: 1.867em;
}
footer .social p a {
	font-weight: 500;
	color: #fff;
	letter-spacing: 2px;
}
footer .social ul {
	font-size: 1.8em;
	line-height: 1.2em;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
footer .social li {
	position: relative;
	text-align: center;
	margin-bottom: 1em;
}
footer .social li:before {
	content: '';
	display: block;
	height: 1em;
	width: 5em;
	margin: 0 auto 1em auto;
	background: url(../images/list-icon-footer-mobile.svg) no-repeat;
}
footer .social li a:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 1.5em;
	height: 2em;
	margin-bottom: 0.4em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 1;
	transition: 0.25s ease-out;
}
footer .social li a:hover:before {
	opacity: 0.6;
}
footer .social ul > li:first-child:before {display: none;}
footer .social li.visit a:before {
	background-image: url(../images/logoRSA-white.svg);
}
footer .social li.twitter a:before {
	background-image: url(../images/logoTwitter.svg);
}
footer .social li.facebook a:before {
	background-image: url(../images/logoFacebook.svg);
}
footer .social li.newsletter a:before {
	background-image: url(../images/logoNewsletter.svg);
}
footer nav {margin-bottom: 2em}
footer .addresses {margin-bottom: 2em;}
footer .addresses address {margin-bottom: 1em;}
footer address {
	font-style: normal;
}
footer address strong {
	display: block;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}
footer .copyright {
	font-size: 0.8em;
	margin-bottom: 0.5em;
}
@media screen and (min-width: 550px) {
	footer .social ul {flex-direction: row;}
	footer .social li {flex-basis: 50%;}
	footer .social li:nth-child(odd):before {display: none;}
	footer .social li:nth-child(even):before {
		content: '';
		position: absolute;
		display: inline-block;
		vertical-align: middle;
		width: 1em;
		height: 5em;
		left: -6%;
		margin-top: -8px;
		background: url(../images/list-icon-footer.svg) no-repeat;
	}
}
@media screen and (min-width: 980px) {
	footer .social li {flex-basis: auto;}	
	footer .social li:before,
	footer .social li:nth-child(odd):before {
		content: '';
		position: absolute;
		display: inline-block;
		vertical-align: middle;
		width: 1em;
		height: 5em;
		margin-top: -8px;
		background: url(../images/list-icon-footer.svg) no-repeat;
	}
	footer .social li.twitter:before {
		left: -23%;
	}
	footer .social li.facebook:before {
		left: -19%;
	}
	footer .social li.newsletter:before {
		left: -12%;
	}
	footer .social ul > li:first-child:before {display: none;}
}
@media screen and (min-width: 1150px) {
	footer .social li:before {left: -2em !important;}
}
/* iconsCarousel Style */
/*-----------------------------------------------------------------------------*
 *  COMPONENT: CIRCLET
 *-----------------------------------------------------------------------------*
 *
 *  Circle container with children positioned along its perimeter.
 *
 */
#iconsCarousel {
	display: none;
	position: absolute;
	bottom: 0;
	left: -80%;
}
.c-circlet {
  position: relative;
  width: 100rem;
  height: 100rem;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  transform: rotate(250deg);
}
.c-circlet > * {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5em;
  height: 5em;
  margin: -2em;
}
.c-circlet img {
	width: 100%;
	height: auto;
    margin: 0 !important;
}
.c-circlet > :nth-of-type(1) {
  transform: rotate(0deg) translate(25em) rotate(-270deg);
}
.c-circlet > :nth-of-type(2) {
  transform: rotate(22.5deg) translate(25em) rotate(-292.5deg);
}
.c-circlet > :nth-of-type(3) {
  transform: rotate(45deg) translate(25em) rotate(-315deg);
}
.c-circlet > :nth-of-type(4) {
  transform: rotate(67.5deg) translate(25em) rotate(-337.5deg);
}
.c-circlet > :nth-of-type(5) {
  transform: rotate(90deg) translate(25em) rotate(-360deg);
}
.c-circlet > :nth-of-type(6) {
  transform: rotate(112.5deg) translate(25em) rotate(-382.5deg);
}
.c-circlet > :nth-of-type(7) {
  transform: rotate(135deg) translate(25em) rotate(-405deg);
}
.c-circlet > :nth-of-type(8) {
  transform: rotate(157.5deg) translate(25em) rotate(-427.5deg);
}
.c-circlet > :nth-of-type(9) {
  transform: rotate(180deg) translate(25em) rotate(-450deg);
}
.c-circlet > :nth-of-type(10) {
  transform: rotate(202.5deg) translate(25em) rotate(-472.5deg);
}
.c-circlet > :nth-of-type(11) {
  transform: rotate(225deg) translate(25em) rotate(-495deg);
}
.c-circlet > :nth-of-type(12) {
  transform: rotate(247.5deg) translate(25em) rotate(-517.5deg);
}
.c-circlet > :nth-of-type(13) {
  transform: rotate(270deg) translate(25em) rotate(-540deg);
}
.c-circlet > :nth-of-type(14) {
  transform: rotate(292.5deg) translate(25em) rotate(-562.5deg);
}
.c-circlet > :nth-of-type(15) {
  transform: rotate(315deg) translate(25em) rotate(-585deg);
}
.c-circlet > :nth-of-type(16) {
  transform: rotate(337.5deg) translate(25em) rotate(-607.5deg);
}

.c-circlet {
  transform: rotate(0deg);
  animation: circlet-rotate 30s linear infinite both;
}

@keyframes circlet-rotate {
  to {
    transform: rotate(360deg);
  }
}
.c-circlet > :nth-of-type(1) {
  transform: rotate(382.5deg) translate(25em) rotate(-382.5deg);
  animation: circlet-rotate-child-1 30s linear infinite both;
}

@keyframes circlet-rotate-child-1 {
  to {
    transform: rotate(382.5deg) translate(25em) rotate(-742.5deg);
  }
}
.c-circlet > :nth-of-type(2) {
  transform: rotate(405deg) translate(25em) rotate(-405deg);
  animation: circlet-rotate-child-2 30s linear infinite both;
}

@keyframes circlet-rotate-child-2 {
  to {
    transform: rotate(405deg) translate(25em) rotate(-765deg);
  }
}
.c-circlet > :nth-of-type(3) {
  transform: rotate(427.5deg) translate(25em) rotate(-427.5deg);
  animation: circlet-rotate-child-3 30s linear infinite both;
}

@keyframes circlet-rotate-child-3 {
  to {
    transform: rotate(427.5deg) translate(25em) rotate(-787.5deg);
  }
}
.c-circlet > :nth-of-type(4) {
  transform: rotate(450deg) translate(25em) rotate(-450deg);
  animation: circlet-rotate-child-4 30s linear infinite both;
}

@keyframes circlet-rotate-child-4 {
  to {
    transform: rotate(450deg) translate(25em) rotate(-810deg);
  }
}
.c-circlet > :nth-of-type(5) {
  transform: rotate(472.5deg) translate(25em) rotate(-472.5deg);
  animation: circlet-rotate-child-5 30s linear infinite both;
}

@keyframes circlet-rotate-child-5 {
  to {
    transform: rotate(472.5deg) translate(25em) rotate(-832.5deg);
  }
}
.c-circlet > :nth-of-type(6) {
  transform: rotate(495deg) translate(25em) rotate(-495deg);
  animation: circlet-rotate-child-6 30s linear infinite both;
}

@keyframes circlet-rotate-child-6 {
  to {
    transform: rotate(495deg) translate(25em) rotate(-855deg);
  }
}
.c-circlet > :nth-of-type(7) {
  transform: rotate(517.5deg) translate(25em) rotate(-517.5deg);
  animation: circlet-rotate-child-7 30s linear infinite both;
}

@keyframes circlet-rotate-child-7 {
  to {
    transform: rotate(517.5deg) translate(25em) rotate(-877.5deg);
  }
}
.c-circlet > :nth-of-type(8) {
  transform: rotate(540deg) translate(25em) rotate(-540deg);
  animation: circlet-rotate-child-8 30s linear infinite both;
}

@keyframes circlet-rotate-child-8 {
  to {
    transform: rotate(540deg) translate(25em) rotate(-900deg);
  }
}
.c-circlet > :nth-of-type(9) {
  transform: rotate(562.5deg) translate(25em) rotate(-562.5deg);
  animation: circlet-rotate-child-9 30s linear infinite both;
}

@keyframes circlet-rotate-child-9 {
  to {
    transform: rotate(562.5deg) translate(25em) rotate(-922.5deg);
  }
}
.c-circlet > :nth-of-type(10) {
  transform: rotate(585deg) translate(25em) rotate(-585deg);
  animation: circlet-rotate-child-10 30s linear infinite both;
}

@keyframes circlet-rotate-child-10 {
  to {
    transform: rotate(585deg) translate(25em) rotate(-945deg);
  }
}
.c-circlet > :nth-of-type(11) {
  transform: rotate(607.5deg) translate(25em) rotate(-607.5deg);
  animation: circlet-rotate-child-11 30s linear infinite both;
}

@keyframes circlet-rotate-child-11 {
  to {
    transform: rotate(607.5deg) translate(25em) rotate(-967.5deg);
  }
}
.c-circlet > :nth-of-type(12) {
  transform: rotate(630deg) translate(25em) rotate(-630deg);
  animation: circlet-rotate-child-12 30s linear infinite both;
}

@keyframes circlet-rotate-child-12 {
  to {
    transform: rotate(630deg) translate(25em) rotate(-990deg);
  }
}
.c-circlet > :nth-of-type(13) {
  transform: rotate(652.5deg) translate(25em) rotate(-652.5deg);
  animation: circlet-rotate-child-13 30s linear infinite both;
}

@keyframes circlet-rotate-child-13 {
  to {
    transform: rotate(652.5deg) translate(25em) rotate(-1012.5deg);
  }
}
.c-circlet > :nth-of-type(14) {
  transform: rotate(675deg) translate(25em) rotate(-675deg);
  animation: circlet-rotate-child-14 30s linear infinite both;
}

@keyframes circlet-rotate-child-14 {
  to {
    transform: rotate(675deg) translate(25em) rotate(-1035deg);
  }
}
.c-circlet > :nth-of-type(15) {
  transform: rotate(697.5deg) translate(25em) rotate(-697.5deg);
  animation: circlet-rotate-child-15 30s linear infinite both;
}

@keyframes circlet-rotate-child-15 {
  to {
    transform: rotate(697.5deg) translate(25em) rotate(-1057.5deg);
  }
}
.c-circlet > :nth-of-type(16) {
  transform: rotate(720deg) translate(25em) rotate(-720deg);
  animation: circlet-rotate-child-16 30s linear infinite both;
}

@keyframes circlet-rotate-child-16 {
  to {
    transform: rotate(720deg) translate(25em) rotate(-1080deg);
  }
}
@media (min-width: 1050px) {
	#iconsCarousel {
		display: block;
	}
}
@media (min-width: 1111px) {
	#iconsCarousel {
		left: -70%	
	}
}
@media (min-width: 1200px) {
	#iconsCarousel {
		left: -50vw;	
	}
}
@media (min-width: 1300px) {
	#iconsCarousel {
		left: -45vw;	
	}
}
@media (min-width: 1800px) {
	#iconsCarousel {
		margin-bottom: 10%;
	}
	.c-circlet > * {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 6em;
	  height: 6em;
	  margin: -4em;
	}	
	.c-circlet > :nth-of-type(1) {
	  transform: rotate(0deg) translate(33em) rotate(-270deg);
	}
	.c-circlet > :nth-of-type(2) {
	  transform: rotate(22.5deg) translate(33em) rotate(-292.5deg);
	}
	.c-circlet > :nth-of-type(3) {
	  transform: rotate(45deg) translate(33em) rotate(-315deg);
	}
	.c-circlet > :nth-of-type(4) {
	  transform: rotate(67.5deg) translate(33em) rotate(-337.5deg);
	}
	.c-circlet > :nth-of-type(5) {
	  transform: rotate(90deg) translate(33em) rotate(-360deg);
	}
	.c-circlet > :nth-of-type(6) {
	  transform: rotate(112.5deg) translate(33em) rotate(-382.5deg);
	}
	.c-circlet > :nth-of-type(7) {
	  transform: rotate(135deg) translate(33em) rotate(-405deg);
	}
	.c-circlet > :nth-of-type(8) {
	  transform: rotate(157.5deg) translate(33em) rotate(-427.5deg);
	}
	.c-circlet > :nth-of-type(9) {
	  transform: rotate(180deg) translate(33em) rotate(-450deg);
	}
	.c-circlet > :nth-of-type(10) {
	  transform: rotate(202.5deg) translate(33em) rotate(-472.5deg);
	}
	.c-circlet > :nth-of-type(11) {
	  transform: rotate(225deg) translate(33em) rotate(-495deg);
	}
	.c-circlet > :nth-of-type(12) {
	  transform: rotate(247.5deg) translate(33em) rotate(-517.5deg);
	}
	.c-circlet > :nth-of-type(13) {
	  transform: rotate(270deg) translate(33em) rotate(-540deg);
	}
	.c-circlet > :nth-of-type(14) {
	  transform: rotate(292.5deg) translate(33em) rotate(-562.5deg);
	}
	.c-circlet > :nth-of-type(15) {
	  transform: rotate(315deg) translate(33em) rotate(-585deg);
	}
	.c-circlet > :nth-of-type(16) {
	  transform: rotate(337.5deg) translate(33em) rotate(-607.5deg);
	}
	.c-circlet > :nth-of-type(1) {
	  transform: rotate(382.5deg) translate(33em) rotate(-382.5deg);
	  animation: circlet-rotate-child-1 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-1 {
	  to {
		transform: rotate(382.5deg) translate(33em) rotate(-742.5deg);
	  }
	}
	.c-circlet > :nth-of-type(2) {
	  transform: rotate(405deg) translate(33em) rotate(-405deg);
	  animation: circlet-rotate-child-2 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-2 {
	  to {
		transform: rotate(405deg) translate(33em) rotate(-765deg);
	  }
	}
	.c-circlet > :nth-of-type(3) {
	  transform: rotate(427.5deg) translate(33em) rotate(-427.5deg);
	  animation: circlet-rotate-child-3 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-3 {
	  to {
		transform: rotate(427.5deg) translate(33em) rotate(-787.5deg);
	  }
	}
	.c-circlet > :nth-of-type(4) {
	  transform: rotate(450deg) translate(33em) rotate(-450deg);
	  animation: circlet-rotate-child-4 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-4 {
	  to {
		transform: rotate(450deg) translate(33em) rotate(-810deg);
	  }
	}
	.c-circlet > :nth-of-type(5) {
	  transform: rotate(472.5deg) translate(33em) rotate(-472.5deg);
	  animation: circlet-rotate-child-5 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-5 {
	  to {
		transform: rotate(472.5deg) translate(33em) rotate(-832.5deg);
	  }
	}
	.c-circlet > :nth-of-type(6) {
	  transform: rotate(495deg) translate(33em) rotate(-495deg);
	  animation: circlet-rotate-child-6 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-6 {
	  to {
		transform: rotate(495deg) translate(33em) rotate(-855deg);
	  }
	}
	.c-circlet > :nth-of-type(7) {
	  transform: rotate(517.5deg) translate(33em) rotate(-517.5deg);
	  animation: circlet-rotate-child-7 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-7 {
	  to {
		transform: rotate(517.5deg) translate(33em) rotate(-877.5deg);
	  }
	}
	.c-circlet > :nth-of-type(8) {
	  transform: rotate(540deg) translate(33em) rotate(-540deg);
	  animation: circlet-rotate-child-8 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-8 {
	  to {
		transform: rotate(540deg) translate(33em) rotate(-900deg);
	  }
	}
	.c-circlet > :nth-of-type(9) {
	  transform: rotate(562.5deg) translate(33em) rotate(-562.5deg);
	  animation: circlet-rotate-child-9 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-9 {
	  to {
		transform: rotate(562.5deg) translate(33em) rotate(-922.5deg);
	  }
	}
	.c-circlet > :nth-of-type(10) {
	  transform: rotate(585deg) translate(33em) rotate(-585deg);
	  animation: circlet-rotate-child-10 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-10 {
	  to {
		transform: rotate(585deg) translate(33em) rotate(-945deg);
	  }
	}
	.c-circlet > :nth-of-type(11) {
	  transform: rotate(607.5deg) translate(33em) rotate(-607.5deg);
	  animation: circlet-rotate-child-11 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-11 {
	  to {
		transform: rotate(607.5deg) translate(33em) rotate(-967.5deg);
	  }
	}
	.c-circlet > :nth-of-type(12) {
	  transform: rotate(630deg) translate(33em) rotate(-630deg);
	  animation: circlet-rotate-child-12 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-12 {
	  to {
		transform: rotate(630deg) translate(33em) rotate(-990deg);
	  }
	}
	.c-circlet > :nth-of-type(13) {
	  transform: rotate(652.5deg) translate(33em) rotate(-652.5deg);
	  animation: circlet-rotate-child-13 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-13 {
	  to {
		transform: rotate(652.5deg) translate(33em) rotate(-1012.5deg);
	  }
	}
	.c-circlet > :nth-of-type(14) {
	  transform: rotate(675deg) translate(33em) rotate(-675deg);
	  animation: circlet-rotate-child-14 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-14 {
	  to {
		transform: rotate(675deg) translate(33em) rotate(-1035deg);
	  }
	}
	.c-circlet > :nth-of-type(15) {
	  transform: rotate(697.5deg) translate(33em) rotate(-697.5deg);
	  animation: circlet-rotate-child-15 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-15 {
	  to {
		transform: rotate(697.5deg) translate(33em) rotate(-1057.5deg);
	  }
	}
	.c-circlet > :nth-of-type(16) {
	  transform: rotate(720deg) translate(33em) rotate(-720deg);
	  animation: circlet-rotate-child-16 30s linear infinite both;
	}

	@keyframes circlet-rotate-child-16 {
	  to {
		transform: rotate(720deg) translate(33em) rotate(-1080deg);
	  }
}
}
/*-----------------------------------------------------------------------------*\
 *  DEMO CSS
\*-----------------------------------------------------------------------------*/
/*body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #E3F2FD;
}

.c-circlet {
  border: 0.25em dotted #BBDEFB;
}
*/
.c-circlet_item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: none;
  color: #fff;
}

header {
    min-height: 135vw;
}
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
    header {
        min-height: 114vw;
    }
}

/* Larger than tablet */
@media (min-width: 750px) {
    header {
        min-height: 84vw;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) {
    header {
        min-height: 66vw;
    }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    header {
        min-height: 55vw;
    }
}