/*
******************** Lazyload ********************
*/
.lazyload, .lazyloading {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.lazyloaded {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;}
[data-sizes=auto] {display: block;}

.wow {visibility: hidden;}

@font-face {
    font-family: 'Didot';
    src: url('../fonts/Didot-Bold.woff2') format('woff2'),
        url('../fonts/Didot-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* 
******************** RESET ********************
*/
html,body,div,span,iframe,button,input,select,textarea,p,img,sub,sup,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,footer,header,nav,section,summary,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,footer,header,nav,section{display:block}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol{list-style-type:decimal;list-style-position:inside}
small{font-size:.6em}
strong{font-weight:bold}
sub{position:relative;bottom:-0.5em;font-size:.5em}
sup{position:relative;top:-0.5em;font-size:.5em}
a{color:inherit;text-decoration:none}
.ie7 img{-ms-interpolation-mode:bicubic}
table{width:100%;border-collapse:collapse;vertical-align:middle;border-spacing:0}
table td,table th{vertical-align:middle}
ul{list-style-position:inside}
input::-ms-clear{display:none}
select,textarea,input[type='text'],input[type='email'],input[type="tel"],input[type="phone"],input[type='password'],input[type="submit"],input[type="button"],button{appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;background:transparent;border:0;color:inherit;}
select,input[type="submit"],input[type="button"],input[type="image"],button,label{cursor:pointer}
textarea{overflow:auto}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-ms-filter:"alpha(opacity=$value)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
p,li,input,textarea,select{font-family:inherit;font-size:1em}
/* 
******************** BASE ********************
*/
body:not(.user-is-tabbing) :focus{outline:0}
:active{outline:0;box-shadow:none}
::selection{background:#ffec34;color:#000}
::-moz-selection{background:#ffec34;color:#000}

html {font-size: 15px; padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 300; letter-spacing: 0.03em; line-height: 180%; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent;}
.heading_font {font-family: 'Didot', serif;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 0.5em; text-align: center;font-family: 'Didot', serif;font-weight:700;font-style:normal;color:#000;letter-spacing:-0.02em;line-height:120%}
h1,.h1{font-size:7.66em}
h2,.h2{font-size:4.5em}
h3,.h3{font-size:3.75em}
h4,.h4{font-size:1.8em}
p{margin:0 0 1em 0;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

.skip-to-main-content{position:fixed;top:0;left:0;overflow:hidden;height:1px;width:1px;margin-bottom:-1px;margin-right:-1px;z-index:9999;-ms-filter:"alpha(opacity=$value)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;line-height:100%;background-color:#000!important;color:#fff!important;border:0!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:1em;text-transform:uppercase;letter-spacing:.05em;font-weight:900;text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}
.skip-to-main-content:focus,.skip-to-main-content:active{width:auto;height:auto;margin:0;-ms-filter:"alpha(opacity=$value)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;padding:1em 2em}

a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.animation{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.ease-animation{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}
.ease-animation-slow{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out}

svg.icon {width: 1em; height: 1em; font-size: 1em; line-height: 100%; overflow: visible;}
svg path {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
svg:focus {outline: none;}

/* 
******************** FORMS ********************
*/
::-webkit-input-placeholder{color:#777;}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}
input,textarea{font-family:'Roboto',sans-serif; font-size: 16px !important; color:#000;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
select{width:100%;line-height:normal;color:#000;border:1px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:1em 2em;font-size:1em;text-transform:none;letter-spacing:.05em;font-weight:300;width:100%;overflow:hidden;background:white url(//cdn.shopify.com/s/files/1/0515/1781/t/73/assets/select.png?v=11116824703808354580) no-repeat right 10px center;background-size:10px;padding-right:30px;box-shadow:none}
select::-ms-expand{display:none}
input[type='text'],input[type='email'],input[type='number'],input[type='search'],input[type='date'],input[type="tel"],input[type="phone"],input[type='password'],textarea{width:100%;line-height:normal;background:#fff;color:#000;border:1px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:1em 2em;font-size:1em;text-transform:none;letter-spacing:.05em;font-weight:300;font-family:'Roboto',sans-serif;text-decoration:none;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
textarea{min-height:130px;line-height:170%}
input[type='text']:focus,input[type='email']:focus,input[type="tel"]:focus,input[type="phone"]:focus,input[type='password']:focus,textarea:focus{background:#fff;color:#000;border:1px solid #000;outline:0}
label{display:inline-block;line-height:100%;color:#000;padding:1em 0 .5em;font-size:1em;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
input.error,textarea.error{border-color:#ff0202!important}
.success-msg{display:none;margin:0 0 1em 0;color:#7db624}
.error-msg{display:none;margin:0 0 1em 0;color:#ff0202}
.btn,input.btn{font-family: 'Roboto', sans-serif; display:inline-block;line-height:100%;background-color:#000;color:#fff;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:1em 5em;font-size:1em;text-transform:uppercase;letter-spacing:.05em;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out}
.isNotMobile .btn:hover,.isNotMobile input.btn:hover{background-color:#ffec34;color:#000;border:0}

/* 
******************** OVERLAYS ********************
*/
#loading-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:999999;text-align:center;display:none}
.loader{border:6px solid rgba(255,255,255,0.2);position:absolute;left:50%;top:50%;border-top:6px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin .7s linear infinite;margin-top:-25px;margin-left:-25px}
@keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes spin{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


/* 
******************** CUSTOM STYLES ********************
*/

/* yellow: #ffec34 , rgb(255,236,52)*/

.header {position: fixed; width: 100%; top: 0; z-index: 999; background: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.header-spacer {height: 7em;}
.header .container {height: 7em;}
.scroll .header .container {height: 4em;}
.scroll .header {box-shadow: 0 0 1em rgba(0,0,0,0.1);}

.logo svg {display: block; width: 8.26667em; height: 2.1em;}

.navigation a {padding: 0.5em 0; margin: 0 1.5em; line-height: 100%; border-bottom: 3px solid transparent; font-size: 0.87em; text-transform: uppercase; letter-spacing: 0.05em;}
.navigation a:first-child {margin-left: 0;}
.navigation a:last-child {margin-right: 0;}
.navigation a.active {border-color: #ffec34;}
.navigation a svg {display: block; margin-right: 0.5em;}
.navigation a.active svg path {fill: #debe00;}
.isNotMobile .navigation a:not(.active):hover {border-color: #eee;}

.menu-mobile-button{width:2.1em;height:2em;padding:1em;margin:-1em;box-sizing:content-box}
.menu-mobile-button .icon{position:relative;width:26px;margin-top:-4px}
.menu-mobile-button .icon:before, .menu-mobile-button .icon:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;border-top:2px solid;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
.menu-mobile-button .icon:before{-ms-transform:rotate(0deg) translateY(-5px);transform:rotate( 0deg ) translateY(-5px)}
.menu-mobile-button .icon:after{-ms-transform:rotate(0deg) translateY(5px);transform:rotate( 0deg ) translateY(5px)}
.menu-mobile-button.open .icon:before{-ms-transform:rotate(45deg) translateY(0px);transform:rotate( 45deg ) translateY(0px)}
.menu-mobile-button.open .icon:after{-ms-transform:rotate(-45deg) translateY(0px);transform:rotate( -45deg ) translateY(0px)}

.separator {text-align: center; padding: 6em 0;}
.separator:before {display: inline-block; content: ''; width: 6px; height: 6px; margin: 0 4px; background: #000; border-radius: 50%;}
.separator:after {display: inline-block; content: ''; width: 6px; height: 6px; margin: 0 4px; background: #000; border-radius: 50%;}

.hero {overflow: hidden;}
.hero .carousel .item {margin: 0; background: #f5f5f5;}
.hero .carousel .item div {padding-top: 25%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.hero .carousel .slick-dots {position: absolute; top: 2em; right: 2em; text-align: right; margin: 0;}
.hero .carousel .slick-dots li button {width: 8px; height: 8px; background: #f9f9f9;}
.hero .carousel .slick-dots li.slick-active button {background: #ffec34;}
.hero .carousel .slick-arrow {opacity: 0; filter: alpha(opacity=0);}
.hero .carousel .slick-arrow path{fill: #f9f9f9;}
.isNotMobile .hero .carousel .slick-arrow:hover path {fill: #ffec34;}
.isNotMobile .hero .carousel:hover .slick-arrow.left-arrow {opacity: 1; filter: alpha(opacity=100); left: 30px;}
.isNotMobile .hero .carousel:hover .slick-arrow.right-arrow {opacity: 1; filter: alpha(opacity=100); right: 30px;}

.design {overflow: hidden; margin-top: -5em; position: relative; z-index: 5;}
.design svg {display: block; width: 8.26667em; height: 2.1em;}
.design svg path:first-child {fill: #fff;}
.design .main-circle {position: relative; width: 32em; height: 32em; background: #ffec34; text-align: center; border-radius: 50%; margin: auto;}
.design .main-circle .logo {font-size: 2.8em; position: relative; z-index: 2;}
.design .sub-circle-wrap {position: absolute; top: 0; left: 0; width: 32em; height: 32em; }
.design .sub-circle {opacity: 0.3; width: 100%; height: 100%; background: #ffec34; text-align: center; border-radius: 50%;}
.design .sub-circle-wrap.right {left: auto; right: 0;}

.design.black .main-circle {background: #f0f0f0;}
.design.black svg path:first-child {fill: #ffec34;}
.design.black svg path:last-child {fill: #000;}
.design.black .sub-circle {background: #f0f0f0;}

.services {padding: 0;} 
.services .item {margin: 0.6em 0;}
.services .item:nth-child(1) .wrap {background: #ffec34;}
.services .item .wrap {height: 100%; display: block; background-color: #f5f5f5; padding: 3em 2em; text-align: center;}
/*.isNotMobile .services .item:hover .wrap {background-color: #ffec34;}*/
.services span {display: block; font-size: 2em; margin-bottom: 1em; }
/*.services span {display: block; width: 2.5em; height: 2.5em; font-size: 1.2em; background: #000; color: #fff; border-radius: 50%; margin: auto; margin-bottom: 1.5em; }*/

.statement {text-align: center; padding: 4em 0; font-size: 1.2em;}
.statement .container {position: relative; padding: 0;}
.statement p {margin-bottom: 0;}
.statement span {font-size: 2em; letter-spacing: -0.02em; display: inline-block; line-height: 130%; font-weight: 700;}
.statement .circle {opacity: 0.3; position: absolute; top: 50%; left: 50%;  width: 20em; height: 20em; background: #ffec34; text-align: center; border-radius: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.contact {text-align: center; background: #f5f5f5; padding: 18em 0 8em; margin-top: -10em;}
.contact .container {max-width: 40em;}
.contact h2 {margin-bottom: 0.3em;}
.contact p {margin: auto; max-width: 30em;}
.contact p a {text-decoration: underline;}
.isNotMobile .contact p a:hover {color: #debe00;}
.contact .separator {padding: 4em 0;}
.contact input {margin-bottom: 1em;}
.contact .btn {margin-top: 2em;}

.projects {position: relative; z-index: 10;}
.projects h2 {margin-bottom: 1.5em; }
.projects .wrap {display: block; padding-top: 190%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.projects .wrap .overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.projects .wrap .overlay .yellow {background: rgba(255,236,52,0.9); height: 100%; width: 100%; overflow: hidden; position: relative;}
.projects .wrap .overlay .yellow h3 {margin: 0; position: absolute; left: 0.4em;  top: 0.4em; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-90deg) translateX(-100%); transform: rotate(-90deg) translateX(-100%);}
.projects .wrap .overlay .yellow h3 span {font-size: 0.2844em;display: block;line-height: 100%;text-align: right;font-family: 'Roboto', sans-serif;font-weight: 300;letter-spacing: 0.02em;}
.projects .wrap .overlay .black {background: rgba(0,0,0,0.8); height: 100%; width: 0%; overflow: hidden;}
.projects .wrap .see-projects {padding: 1.1em 2em; white-space: nowrap; color: #fff; text-transform: uppercase; font-size: 0.87em; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.projects .wrap .see-projects svg {margin-left: 0.5em; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.projects .wrap .see-projects svg path {fill: #fff;}
.isNotMobile .projects .wrap .see-projects:hover {color: #ffec34;}
.isNotMobile .projects .wrap .see-projects:hover svg {-webkit-transform: translateX(0.5em); transform: translateX(0.5em);}
.isNotMobile .projects .wrap .see-projects:hover svg path {fill: #ffec34;}
.isNotMobile .projects .wrap:hover .overlay .yellow {width: 40%;}
.isNotMobile .projects .wrap:hover .overlay .black {width: 60%;}

.projects-popup-content {max-width: 700px; margin: auto;}
.projects-popup-content img {width: 100%; display: block;}
.projects-popup-content.web img {padding: 3em; background-color: #f5f5f5;}
.projects-popup-content.web img.no-padding-top {padding-top: 0;}
.projects-popup-content.web img.no-padding {padding-top: 0; padding-bottom: 0;}
.projects-popup-content.web img.no-padding-bottom {padding-bottom: 0;}
.projects-popup-content img.padding {padding: 3em; background-color: #f5f5f5;}
.contact-us-banner {position: fixed; bottom: 0; left: 0; width: 100%; padding: 1em; color: #fff; background: #000; text-align: center; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; -webkit-animation-delay:1s; animation-delay: 1s; -webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.contact-us-banner span {color: #ffec34; font-weight: 500;}
.contact-us-banner a {text-decoration: underline;}
.isNotMobile .contact-us-banner a:hover {color: #ffec34;}

.footer {padding: 2em 0; background: #000; color: #fff;}
.footer .logo svg {display: block; width: 5em; height: 1.5em; }
.footer svg path {fill: #fff;}
.footer .logo svg path:first-child {fill: #ffec34;}
.footer .info > * {margin-left: 1em;}
.footer .info svg {font-size: 1.3em; margin-right: 0.5em; display: block;}
.isNotMobile .footer a:hover svg path:first-child {fill: #fff;}
.isNotMobile .footer a:hover svg path:last-child {fill: #ffec34;}
.isNotMobile .footer a:hover {color: #ffec34;}

@media all and (min-width:800px) and (max-width: 1000px){
  html {font-size: 1.5vw;}
  .hero .carousel .item div {padding-top: 40%;}
  .design {font-size: 0.8em;}
}

@media all and (max-width:800px){
  html {font-size: 14px;}
  h1,.h1{font-size:6em}
  h2,.h2{font-size:3.5em}
  h3,.h3{font-size:3em}
  h4,.h4{font-size:1.7em}	

  .header .container {height: 4em !important;}
  .header-spacer {height: 4em;}
  .navigation {visibility: hidden; opacity: 0; position: fixed; top: 4em; left: 0; width: 100%; bottom: 0; background: #ffec34; text-align: center;}
  .navigation.open {visibility: visible; opacity: 1;}
  .navigation a {margin: 2em 0; border: 0; padding: 0; font-size: 1.8em; letter-spacing: 0; text-transform: none; font-weight: 700; font-family: 'Didot', serif;}
  .navigation a svg {margin-top: -0.3em;}
  .header .contact-button {font-size: 1.7em; padding: 0.5em; margin-right: -0.5em;}
  .header .contact-button svg {display: block;}

  .navigation .item:nth-child(1) {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
  .navigation .item:nth-child(2) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
  .navigation .item:nth-child(3) {-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
  .navigation .item:nth-child(4) {-webkit-animation-delay: 0.8s; animation-delay: 0.8s;}

  .projects .wrap {padding-top: 170%;}

  .hero .carousel .item div {padding-top: 60%;}
  .hero .carousel .slick-dots {top: 1em; right: 1em;}

  .design {font-size: 0.7em;}

  .footer .info {margin-top: 1em;}
}

@media all and (max-width:500px){
  .hero .carousel .item div {padding-top: 80%;}

  .design {font-size: 0.6em;}

  .statement p {line-height: 250%;}
  .statement span {font-size: 1.8em;}

  .projects .grid__item {transform: none !important; margin-bottom: 1.5em;}
  .projects .wrap .overlay .yellow h3 {font-size: 3em;}
  .projects .wrap {padding-top: 60%;}

  .isNotMobile .projects .wrap:hover .overlay .yellow {width: 20%;}
  .isNotMobile .projects .wrap:hover .overlay .black {width: 80%;}

  .contact-us-banner > div {max-width: 23em; margin: auto;}

  .projects .wrap .overlay .yellow h3 span {font-size: 0.32em;}

}


@media all and (max-width:450px){
  html {font-size: 3.11vw;}
}

/*
************ HELPERS ************
*/
.container {max-width: 950px; padding: 0 1.33em; margin: auto;}

.hide {display: none;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.invisible {visibility: hidden;}

.center {margin: auto;}
.text-left{text-align: left}
.text-right{text-align: right}
.text-center{text-align: center}

.flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
.flex-wrap {-webkit-box-wrap: wrap; -moz-box-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1;}
.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
.justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-evenly {justify-content: space-around;}
.align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

.grid, .grid-full{display: -ms-flexbox; display: flex; display: -webkit-box; display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing:border-box; margin:0; padding:0; margin-left: -1.33em;}
.grid__item{box-sizing:border-box; padding-left: 1.33em;}
.grid-full{margin-left:0}
.grid-full>.grid__item{padding-left:0}

.one-whole{width:100%}
.one-half{width:50%}
.one-third{width:33.333%}
.two-thirds{width:66.666%}
.one-quarter{width:25%}
.two-quarters{width:50%}
.three-quarters{width:75%}
.one-fifth{width:20%}
.two-fifths{width:40%}
.three-fifths{width:60%}
.four-fifths{width:80%}
.one-sixth{width:16.666%}
.two-sixths{width:33.333%}
.three-sixths{width:50%}
.four-sixths{width:66.666%}
.five-sixths{width:83.333%}
.one-eighth{width:12.5%}
.two-eighths{width:25%}
.three-eighths{width:37.5%}
.four-eighths{width:50%}
.five-eighths{width:62.5%}
.six-eighths{width:75%}
.seven-eighths{width:87.5%}
.one-tenth{width:10%}
.two-tenths{width:20%}
.three-tenths{width:30%}
.four-tenths{width:40%}
.five-tenths{width:50%}
.six-tenths{width:60%}
.seven-tenths{width:70%}
.eight-tenths{width:80%}
.nine-tenths{width:90%}
.one-twelfth{width:8.333%}
.two-twelfths{width:16.666%}
.three-twelfths{width:25%}
.four-twelfths{width:33.333%}
.five-twelfths{width:41.666%}
.six-twelfths{width:50%}
.seven-twelfths{width:58.333%}
.eight-twelfths{width:66.666%}
.nine-twelfths{width:75%}
.ten-twelfths{width:83.333%}
.eleven-twelfths{width:91.666%}

@media only screen and (max-width: 500px){
  .small--one-whole{width:100%}
  .small--one-half{width:50%}
  .small--one-third{width:33.333%}
  .small--two-thirds{width:66.666%}
  .small--one-quarter{width:25%}
  .small--two-quarters{width:50%}
  .small--three-quarters{width:75%}
  .small--one-fifth{width:20%}
  .small--two-fifths{width:40%}
  .small--three-fifths{width:60%}
  .small--four-fifths{width:80%}
  .small--one-sixth{width:16.666%}
  .small--two-sixths{width:33.333%}
  .small--three-sixths{width:50%}
  .small--four-sixths{width:66.666%}
  .small--five-sixths{width:83.333%}
  .small--one-eighth{width:12.5%}
  .small--two-eighths{width:25%}
  .small--three-eighths{width:37.5%}
  .small--four-eighths{width:50%}
  .small--five-eighths{width:62.5%}
  .small--six-eighths{width:75%}
  .small--seven-eighths{width:87.5%}
  .small--one-tenth{width:10%}
  .small--two-tenths{width:20%}
  .small--three-tenths{width:30%}
  .small--four-tenths{width:40%}
  .small--five-tenths{width:50%}
  .small--six-tenths{width:60%}
  .small--seven-tenths{width:70%}
  .small--eight-tenths{width:80%}
  .small--nine-tenths{width:90%}
  .small--one-twelfth{width:8.333%}
  .small--two-twelfths{width:16.666%}
  .small--three-twelfths{width:25%}
  .small--four-twelfths{width:33.333%}
  .small--five-twelfths{width:41.666%}
  .small--six-twelfths{width:50%}
  .small--seven-twelfths{width:58.333%}
  .small--eight-twelfths{width:66.666%}
  .small--nine-twelfths{width:75%}
  .small--ten-twelfths{width:83.333%}
  .small--eleven-twelfths{width:91.666%}
  
  .small--show{display:block !important}
  .small--hide{display:none !important}
  .small--text-left{text-align:left !important}
  .small--text-right{text-align:right !important}
  .small--text-center{text-align:center !important}
  .small--float-left{float:left !important}
  .small--float-right{float:right !important}
  .small--visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .small--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .small--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .small--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .small--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .small--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .small--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .small--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .small--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .small--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .small--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .small--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .small--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .small--justify-content-evenly {justify-content: space-around;}
  .small--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .small--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .small--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

}

@media only screen and (min-width: 501px) and (max-width: 800px){
  .medium--one-whole{width:100%}
  .medium--one-half{width:50%}
  .medium--one-third{width:33.333%}
  .medium--two-thirds{width:66.666%}
  .medium--one-quarter{width:25%}
  .medium--two-quarters{width:50%}
  .medium--three-quarters{width:75%}
  .medium--one-fifth{width:20%}
  .medium--two-fifths{width:40%}
  .medium--three-fifths{width:60%}
  .medium--four-fifths{width:80%}
  .medium--one-sixth{width:16.666%}
  .medium--two-sixths{width:33.333%}
  .medium--three-sixths{width:50%}
  .medium--four-sixths{width:66.666%}
  .medium--five-sixths{width:83.333%}
  .medium--one-eighth{width:12.5%}
  .medium--two-eighths{width:25%}
  .medium--three-eighths{width:37.5%}
  .medium--four-eighths{width:50%}
  .medium--five-eighths{width:62.5%}
  .medium--six-eighths{width:75%}
  .medium--seven-eighths{width:87.5%}
  .medium--one-tenth{width:10%}
  .medium--two-tenths{width:20%}
  .medium--three-tenths{width:30%}
  .medium--four-tenths{width:40%}
  .medium--five-tenths{width:50%}
  .medium--six-tenths{width:60%}
  .medium--seven-tenths{width:70%}
  .medium--eight-tenths{width:80%}
  .medium--nine-tenths{width:90%}
  .medium--one-twelfth{width:8.333%}
  .medium--two-twelfths{width:16.666%}
  .medium--three-twelfths{width:25%}
  .medium--four-twelfths{width:33.333%}
  .medium--five-twelfths{width:41.666%}
  .medium--six-twelfths{width:50%}
  .medium--seven-twelfths{width:58.333%}
  .medium--eight-twelfths{width:66.666%}
  .medium--nine-twelfths{width:75%}
  .medium--ten-twelfths{width:83.333%}
  .medium--eleven-twelfths{width:91.666%}
  
  .medium--show{display:block !important}
  .medium--hide{display:none !important}
  .medium--text-left{text-align:left !important}
  .medium--text-right{text-align:right !important}
  .medium--text-center{text-align:center !important}
  .medium--float-left{float:left !important}
  .medium--float-right{float:right !important}
  .medium--visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium--justify-content-evenly {justify-content: space-around;}
  .medium--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
}

@media only screen and (max-width: 700px){
  .medium-down--one-whole{width:100%}
  .medium-down--one-half{width:50%}
  .medium-down--one-third{width:33.333%}
  .medium-down--two-thirds{width:66.666%}
  .medium-down--one-quarter{width:25%}
  .medium-down--two-quarters{width:50%}
  .medium-down--three-quarters{width:75%}
  .medium-down--one-fifth{width:20%}
  .medium-down--two-fifths{width:40%}
  .medium-down--three-fifths{width:60%}
  .medium-down--four-fifths{width:80%}
  .medium-down--one-sixth{width:16.666%}
  .medium-down--two-sixths{width:33.333%}
  .medium-down--three-sixths{width:50%}
  .medium-down--four-sixths{width:66.666%}
  .medium-down--five-sixths{width:83.333%}
  .medium-down--one-eighth{width:12.5%}
  .medium-down--two-eighths{width:25%}
  .medium-down--three-eighths{width:37.5%}
  .medium-down--four-eighths{width:50%}
  .medium-down--five-eighths{width:62.5%}
  .medium-down--six-eighths{width:75%}
  .medium-down--seven-eighths{width:87.5%}
  .medium-down--one-tenth{width:10%}
  .medium-down--two-tenths{width:20%}
  .medium-down--three-tenths{width:30%}
  .medium-down--four-tenths{width:40%}
  .medium-down--five-tenths{width:50%}
  .medium-down--six-tenths{width:60%}
  .medium-down--seven-tenths{width:70%}
  .medium-down--eight-tenths{width:80%}
  .medium-down--nine-tenths{width:90%}
  .medium-down--one-twelfth{width:8.333%}
  .medium-down--two-twelfths{width:16.666%}
  .medium-down--three-twelfths{width:25%}
  .medium-down--four-twelfths{width:33.333%}
  .medium-down--five-twelfths{width:41.666%}
  .medium-down--six-twelfths{width:50%}
  .medium-down--seven-twelfths{width:58.333%}
  .medium-down--eight-twelfths{width:66.666%}
  .medium-down--nine-twelfths{width:75%}
  .medium-down--ten-twelfths{width:83.333%}
  .medium-down--eleven-twelfths{width:91.666%}
  
  .medium-down--show{display:block !important}
  .medium-down--hide{display:none !important}
  .medium-down--text-left{text-align:left !important}
  .medium-down--text-right{text-align:right !important}
  .medium-down--text-center{text-align:center !important}
  .medium-down--float-left{float:left !important}
  .medium-down--float-right{float:right !important}
  .medium-down--visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .medium-down--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .medium-down--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .medium-down--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .medium-down--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .medium-down--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .medium-down--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .medium-down--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .medium-down--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .medium-down--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .medium-down--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .medium-down--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .medium-down--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .medium-down--justify-content-evenly {justify-content: space-around;}
  .medium-down--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .medium-down--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .medium-down--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
}

@media only screen and (min-width: 801px){
  .large--one-whole{width:100%}
  .large--one-half{width:50%}
  .large--one-third{width:33.333%}
  .large--two-thirds{width:66.666%}
  .large--one-quarter{width:25%}
  .large--two-quarters{width:50%}
  .large--three-quarters{width:75%}
  .large--one-fifth{width:20%}
  .large--two-fifths{width:40%}
  .large--three-fifths{width:60%}
  .large--four-fifths{width:80%}
  .large--one-sixth{width:16.666%}
  .large--two-sixths{width:33.333%}
  .large--three-sixths{width:50%}
  .large--four-sixths{width:66.666%}
  .large--five-sixths{width:83.333%}
  .large--one-eighth{width:12.5%}
  .large--two-eighths{width:25%}
  .large--three-eighths{width:37.5%}
  .large--four-eighths{width:50%}
  .large--five-eighths{width:62.5%}
  .large--six-eighths{width:75%}
  .large--seven-eighths{width:87.5%}
  .large--one-tenth{width:10%}
  .large--two-tenths{width:20%}
  .large--three-tenths{width:30%}
  .large--four-tenths{width:40%}
  .large--five-tenths{width:50%}
  .large--six-tenths{width:60%}
  .large--seven-tenths{width:70%}
  .large--eight-tenths{width:80%}
  .large--nine-tenths{width:90%}
  .large--one-twelfth{width:8.333%}
  .large--two-twelfths{width:16.666%}
  .large--three-twelfths{width:25%}
  .large--four-twelfths{width:33.333%}
  .large--five-twelfths{width:41.666%}
  .large--six-twelfths{width:50%}
  .large--seven-twelfths{width:58.333%}
  .large--eight-twelfths{width:66.666%}
  .large--nine-twelfths{width:75%}
  .large--ten-twelfths{width:83.333%}
  .large--eleven-twelfths{width:91.666%}
  
  .large--show{display:block !important}
  .large--hide{display:none !important}
  .large--text-left{text-align:left !important}
  .large--text-right{text-align:right !important}
  .large--text-center{text-align:center !important}
  .large--float-left{float:left !important}
  .large--float-right{float:right !important}
  .large--visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  .large--flex {display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;}
  .large--flex-wrap {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .large--flex-1 {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
  .large--direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .large--direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .large--row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
  .large--column-reverse {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .large--justify-content-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .large--justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  .large--justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
  .large--justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
  .large--justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .large--justify-content-evenly {justify-content: space-around;}
  .large--align-items-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .large--align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .large--align-items-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
}

/*
******************** ANIMATE.CSS WOW ********************
*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,50%,0);}
100%{opacity:1;-webkit-transform:none;}
}@keyframes fadeInUp {
0%{opacity:0;transform:translate3d(0,50%,0)}
100%{opacity:1;transform:none}
}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpSmall {
0%{opacity:0;-webkit-transform:translate3d(0,20%,0);}
100%{opacity:1;-webkit-transform:none;}
}@keyframes fadeInUpSmall {
0%{opacity:0;transform:translate3d(0,20%,0)}
100%{opacity:1;transform:none}
}.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}


/*
******************** SLICK CAROUSEL ********************
*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.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;width:100%;border:0}
.slick-arrow.slick-hidden{display:none}
.slick-pending{display:none}
.slick-pending.slick-initialized{display:block}
.slick-slider .slick-slide img {width: 100%;}
.slick-slider .slick-slide {margin: 0 10px;}
.slick-slider .slick-arrow {font-size: 2em; color: rgba(0,0,0,0.3); position: absolute; top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%); cursor: pointer; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.slick-slider .slick-arrow path {fill: rgba(0,0,0,0.3);}
.slick-slider .slick-arrow.left-arrow {left: -1em;}
.slick-slider .slick-arrow.right-arrow {right: -1em;}
.slick-slider.slick-vertical .slick-slide {margin: 5px 0;}
.slick-slider.slick-vertical .slick-arrow {position: static;}
.slick-dots {display: block; width: 100%; padding: 0; margin: 0; margin-top: 1em; list-style: none; text-align: center;}
.slick-dots li {position: relative; line-height: 0; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; padding: 0; cursor: pointer; color: transparent; border: 0; background: transparent;}
.slick-dots li button {width: 12px; height: 12px; background: #ddd; border-radius: 50%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.slick-dots li.slick-active button {background: #000;}
.slick-slider .slick-track {margin: auto;}

/*
******************** TINGLE MODAL ********************
*/
.tingle-modal *{box-sizing:border-box}
.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;padding:20px;overflow-y:auto;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;; cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}
.tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel{display:none}
.tingle-modal--confirm .tingle-modal-box{text-align:center}
.tingle-modal--noOverlayClose{cursor:default}
.tingle-modal__close{position:fixed;top:0;right:0;z-index:1000;padding:0;border:none;background-color:transparent;color:#f0f0f0;font-size:24px;padding:0.8em;text-shadow:0px 2px 0 rgba(0,0,0,0.5);font-family:monospace;line-height:1;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}
.tingle-modal__close svg{display: block;}
.isNotMobile .tingle-modal__close:hover{color:#fff; background-color: transparent !important; -ms-transform: scale(1, 1) !important; -webkit-transform: scale(1, 1) !important; transform: scale(1, 1) !important;}
.tingle-modal__closeIcon svg path {fill: #fff;}
.tingle-modal-box{width: auto;max-width: 100%;position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;border-radius:4px;background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;; cursor:auto;}
.tingle-modal-box__content{padding:0}
.tingle-modal-box__footer{padding:1.5rem 2rem;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}
.tingle-modal-box__footer::after{display:table;clear:both;content:""}
.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;; -webkit-transition:bottom .3s ease-in-out .3s;transition:bottom .3s ease-in-out .3s}
.tingle-enabled{overflow:hidden !important;height:100% !important}
.tingle-modal--visible .tingle-modal-box__footer{bottom:0}
.tingle-enabled .tingle-content-wrapper{-webkit-filter:blur(15px);filter:blur(15px)}
.tingle-modal--visible{visibility:visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.tingle-modal--visible .tingle-modal-box{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.tingle-modal--overflow{overflow-y:scroll;}
.tingle-btn{margin:0 .5rem;padding:1rem 2rem;border:none;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.tingle-btn--primary {background-color: #000; }
.tingle-btn--danger{background-color:#e74c3c}
.tingle-btn--pull-left{float:left}
.tingle-btn--pull-right{float:right}
@media (max-width:800px){
  .tingle-modal__close {font-size: 18px; padding: 0.7em; border-radius: 50%; background: rgba(0,0,0,0.2);}
  .isNotMobile .tingle-modal__close:hover {background: rgba(0,0,0,0.2);}
}
@media (max-width:500px){
  .tingle-modal-box{width:auto;border-radius:0;top:0;}
  .tingle-modal{top:0px;width:100%}
  .tingle-modal--noClose{top:0}
  .tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}
  .tingle-modal {padding: 0;}
}

/*
******************** Linear Icons ********************
*/
@font-face {
	font-family: 'Linearicons-Free';
	src:url('../fonts/Linearicons-Free.woff2') format('woff2'),
		url('../fonts/Linearicons-Free.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.lnr {
	font-family: 'Linearicons-Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}