@charset "utf-8";
/* CSS Document */

@media (min-width: 180px) {
body {
	font-size: 14px;
}
.text-body {
	font-size: 14px!important;
    line-height: 1.6em;
}
}
@media (min-width: 576px) {

}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
body {
	font-size: 15px;
}
.text-body {
	font-size: 15px!important;
}
}

@media (min-width: 1200px) {
body {
	font-size: 16px;
}
.text-body {
	font-size: 16px!important;
}
}

html, 
body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Roboto Slab', serif;*/
	font-weight:normal;
	color:#111;
	line-height:1.6em;
}

@media (max-width: 576px) {
body {
font-size: 0.8rem;
}
}

@media (max-width: 480px) {
.hide_480 { display:none}
}

video {
    /**/position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    /*z-index: -100;*/
    transform: translateX(-50%) translateY(-50%);
    background: url(//demosthenes.info/assets/images/polina.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

.wow {
opacity: 0;
filter: alpha(opacity=0);
}

.custom-scrolldown {
    padding-top: 6vh;
}

.backtosite { position:fixed;display:flex; padding:0 30px; background: #86cb37; color:#FFFFFF; line-height:50px; height:50px; z-index:1000; }

.gradient_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80%;
    width: 100%;
    z-index: 10;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.bottom_center {
	z-index: 300;
    position: absolute;
    bottom: 6%;
    text-align: center;
	width:100%;
}

.gallery img {
    width: 100%;
}
.gallery a {
    padding:10px;
}
.gallery a:hover {
    opacity:0.6;
}

/*---- Video ----*/


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width: 180px) {
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
@media (min-width: 576px) {
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; right:0; margin:auto; width: 100%; height: 100%; }
}

.ico { width:90px; margin:15px}

.stellar {
    background-position: center;
    background-size: cover!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
	background-repeat:no-repeat;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
}
.back_bottom {
    background-position: center bottom;
    background-size: contain!important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    /* width: 100%; */
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
}
.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.aligner_bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
	flex-direction:column;
	
}

.scroller_back.sticky {
    opacity: 1;
}
.scroller_back:focus, .scroller_back:visited {
    color: #fff;
}
.scroller_back {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #000;
    color: #fff;
    width: 50px;
    height: 50px;
	border-radius:100%;
    z-index: 100;
    opacity: 0;
    line-height: 50px;
    text-align: center;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.scroller_down {
    position: absolute;
    bottom: 40px;
    right: 0;
	left:0;
	margin:auto;
    background: #c5258f;
    color: #fff;
    width: 50px;
    height: 50px;
	border-radius:100%;
    z-index: 100;
    line-height: 50px;
    text-align: center;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.scroller_down:hover, .scroller_back:hover  {
    background: #444;
    color: #fff;
}

.superscript { position: relative; top: -0.6em; left:2px; font-size: 60%; }

.vertical_center {
	position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 3;
}
.vertical_center {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}



.redes { display:inline-block}
.redes a { display: inline-block; margin: 0 15px 15px 0; border-radius:100%; width: 40px; height:40px; background:#555b60; color:#fff; line-height:40px; text-align:center }
.redes a i { font-size:20px; line-height:40px; }


.ico_round { 
	border-radius:100%;
	display:flex;
	align-items: center;
  justify-content: center;
  
  width:100px; height:100px
}
.ico_round img { 
	width:60%
}

.stroke_bottom:after {
content: url('../img/divider01.svg');
background-position: center top;
    width:60px; height:10px;
	margin:15px auto;
	display:block;
}

/*--- COLORS ---*/

.yellow { color:#a07c51 }
.black { color:#111; }
.pink_02 { color:#de73ab }
.grey_01 { color:#2a2d30 }
.grey_02 { color:#8e959b }
.grey_03 { color:#ccc }
.white { color:#fff; }
.red { color:#FF4136; }
.violet { color: #815c9e; }

.text-primary {
    color: #86cb37!important;
}

.bg-light { background:#f8f8ed!important }
.bg_blue { background:#0074D9 }
.bg_yellow { background:#ffdd00}
.bg_green { background:#86cb37}
.bg_black { background:#111;}
.bg_white { background:#fff; }
.bg_grey { background:#f8f8f8; }
.bg_grey_dark { background:#ccc; }
.bg_red { background:#FF4136; }
.bg_lightgrey { background:#f8f8f8; }
.footer_links  { display:inline-block;}
.footer_links a, .footer_links p { display:inline-block; margin:15px; color:#CCCCCC}


/*--- BTN STYLES ---*/

.btn { font-family: 'Roboto Condensed', sans-serif; }

.btn-ghost {
background-color:transparent;
border:2px solid #fff;
color:#fff
}
.btn-ghost:hover {
opacity:.6;
color:#fff
}

.btn-default {
background-color:#c5258f;
border-color:#c5258f;
color:#fff
}

.btn-primary {
background-color:#de73ab;
border-color:#de73ab;
color:#fff
}
.btn-primary:hover {
background-color:#c5258f;
border-color:#c5258f;
}
.btn-success {
background-color:#9abd2f;
border-color:#9abd2f;
}

.btn-warning {
background-color:#e08423;
border-color:#e08423;
color:#fff
}
.btn-warning:hover {
color:#fff
}

.btn-group-lg>.btn, .btn-lg {
    border-radius: 0.6rem;
	font-size:0.9em;
	padding: .8rem 1.2rem;
	text-transform:uppercase
}


/*--- TEXT STYLES ---*/

.list_centered { display:table; margin:auto; padding:0 }
.list_centered li { list-style:none; }
.list_centered li::before {
  content: "• ";
  color: #9abd2f;
}

@media (max-width: 480px) {
.list_centered li { text-align:center }
}

.shade { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
.uppercase { text-transform:uppercase }

.volanta {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    display: table;
    margin: 0 auto 2em auto;
}
.volanta.left { margin:0 0 2em 0}
.volanta.dark {
    border-bottom: 1px solid #222;
}
.volanta.light {
    border-bottom: 1px solid #fff;
}
.highlight { color:#111; background:#fd0; display:table; padding:0 0.4em}

.headline0 { font-family: 'Roboto Slab', serif; line-height:0.8em; letter-spacing:-2px; margin-bottom:0.3em }
.headline1 { font-family: 'Roboto Slab', serif; line-height:1.2em; letter-spacing:-2px; margin-bottom:0.3em }
.headline2 { font-family: 'Roboto Slab', serif; line-height:1em; letter-spacing:-2px; margin-bottom:0.3em }
.headline3 { font-family: 'Roboto Slab', serif; line-height:1.3em; letter-spacing:-1px; margin-bottom:0.3em }
.headline4 { font-family: 'Roboto Slab', serif; line-height:1.2em; margin-bottom:0.3em }
.headline5 { font-family: 'Roboto Slab', serif; line-height:1.2em; margin-bottom:0.3em }

.lead0 { }
.lead1 { font-weight:400; }
.lead2 { font-weight:400; line-height:1.6em;  }
.lead3 { font-weight:400; }
.lead4 { line-height:1.5em }

.normal { font-weight:400!important }
.bold { font-weight:700!important }
.extrabold { font-weight:800!important }



@media (min-width: 180px) {
.headline0 { font-size:60px; }
.headline1 { font-size:40px; }
.headline2 { font-size:30px; }
.headline3 { font-size:22px }
.headline4 { font-size:20px; }
.headline5 { font-size: 16px; }
.lead0 { font-size:18px; }
.lead1 { font-size:20px; }
.lead2 { font-size:18px; }
.lead3 { font-size:16px; line-height:1.6em; margin-bottom:0.8em  }
.lead4 { font-size:14px; }
}
@media (min-width: 480px) {
.headline0 { font-size:80px }
.headline1 { font-size:36x }
.headline2 { font-size:28px }
.headline3 { font-size:24px; }
.headline4 { font-size:20px; }
.lead1 { font-size:22px;  }
.lead3 { font-size:16px; }

}
@media (min-width: 768px) {
.embed-contents .headline { font-size: 62px; }
.headline0 { font-size:100px }
.headline1 { font-size:52px }
.headline2 { font-size:56px }
.headline3 { font-size:26px; }
.headline4 { font-size:26px; }
.headline5 { font-size:20px; }
.lead0 { font-size:26px; }
.lead1 { font-size:22px;  }
.lead4 { font-size:18px;  }
.lead5 { font-size:16px;  }
}
@media (min-width: 992px) {
.embed-contents .headline { font-size: 72px; }
.headline0 { font-size:120px }
.headline1 { font-size:60px }
.headline2 { font-size:40px }
.headline3 { font-size:36px; }
.headline4 { font-size:30px; }
.headline5 { font-size:18px; }
.lead1 { font-size:32px;  }
.lead2 { font-size:26px;  }
.lead3 { font-size:22px;  }
}
@media (min-width: 1200px) {
.headline0 { font-size:100px;  }
.headline1 { font-size:80px }
.headline2 { font-size:60px }
.headline3 { font-size:40px; }
.headline4 { font-size:30px; }
.headline5 { font-size:26px; }


} 
@media (min-width: 1600px) {


}

.title_bar { color:#fff; background:#013d5b; padding:15px; 0; width:100%; text-align:center; text-transform:uppercase }
.title_bar p { margin-bottom:0 }


.vertical
{
  display: inline-block;
  vertical-align:middle
}

.align_vertical_center {
   display: flex;
   align-items:center;
}
.align_vertical_bottom {
   display: flex;
   align-items:flex-end;
}


.avatar { width:80px; height:80px; border-radius:100%; display:block; margin:15px auto; border:2px solid #ccc; overflow:hidden }





/*--- IMAGES ---*/

.img_back {
    background-repeat: no-repeat;
    background-position: center center!important;
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}

.rounded {
    border-radius:8px;
}


/* --------------------------------------------------
	9.0 Feature
-------------------------------------------------- */
/* ---- 9.1 Feature - Cards ---- */
.ft-cards .ft-item {
  padding: 30px;
  overflow:auto;
  margin-bottom:15px;
  border: 1px solid #f8f8f8;
  background: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.ft-item .img_holder {
    margin: -30px -30px 20px -30px;
    position: relative;
}
.ft-item .img_holder img {
  width:100%!important; height:auto;
}

.ft-cards .ft-item:hover {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}

.ft-cards .ft-item span {
  font-size: 64px;
  color: #111;
}

.ft-cards .ft-item h4, .ft-cards .ft-item .ft-tabs .tabs-list li a .tab-group .tab-heading, .ft-tabs .tabs-list li a .tab-group .ft-cards .ft-item .tab-heading, .ft-cards .ft-item .testimonials-3col .t-item blockquote footer cite, .testimonials-3col .t-item blockquote footer .ft-cards .ft-item cite, .ft-cards .ft-item .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer cite, .testimonials-3col .t-item .wrapper-404 .content-wrapper .info-wrapper .info-404 footer .ft-cards .ft-item cite, .ft-cards .ft-item .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer cite, .wrapper-404 .content-wrapper .info-wrapper .testimonials-3col .t-item .info-404 footer .ft-cards .ft-item cite, .ft-cards .ft-item .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer cite, .testimonials-3col .t-item .bg-maintenance .content-wrapper .content-inner p footer .ft-cards .ft-item cite, .ft-cards .ft-item .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer cite, .bg-maintenance .content-wrapper .content-inner .testimonials-3col .t-item p footer .ft-cards .ft-item cite, .ft-cards .ft-item .team-3col .t-item .t-info .t-role, .team-3col .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .team-4col .t-item .t-info .t-role, .team-4col .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .freelancer-about .t-item .t-info .t-role, .freelancer-about .t-item .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .t-join .t-info .t-role, .t-join .t-info .ft-cards .ft-item .t-role, .ft-cards .ft-item .login-2 .bg-overlay .form-wrapper .form-content .cards-header, .login-2 .bg-overlay .form-wrapper .form-content .ft-cards .ft-item .cards-header, .ft-cards .ft-item .login-2 .bg-overlay .form-wrapper .social-signup .social-card .sc-lead, .login-2 .bg-overlay .form-wrapper .social-signup .social-card .ft-cards .ft-item .sc-lead {
  margin-top: 40px;
  margin-bottom: 30px;
}

.ft-cards .ft-item p {
  padding: 0;
  margin: 0;
}

.ft-cards .ft-item a {
  padding-top: 50px;
  display: block;
  text-align: right;
  color: #c5258f;
}

.ft-cards .ft-item a:hover {
  color: #ff2424;
}

.ft-cards .ft-item a:focus {
  text-decoration: none;
}

.ft-cards .ft-item a span {
  display: inline-block;
  font-size: 25px;
  vertical-align: top;
  color: inherit;
}


/*--- slides ---*/

.txt_top { z-index:9999}

.orbital_thinking { color:#FFFFFF; position:absolute; top:60px; z-index:9999 }
.how_we_see { font-size:46px; color:#222; position:absolute; font-weight:700; line-height:0.8em; letter-spacing:-2px; top:360px }

.shared_txt_01 { color:#FFFFFF; position:absolute; top:180px; }
.shared_txt_02 { color:#FFFFFF; position:absolute; top:230px; }

.box30w {
position: absolute;
    left: 0;
    top: 0;
    width: 30vw;
    height: 100vh;
}

.circle-300 {
	position:absolute;
	width:20vw;
	height:20vw;
	min-width:200px;
	min-height:200px;
	left:50%;
	top:50%;
	border-radius:100%;
	transform:translate(-50%,-50%);
	display:flex;
	justify-content:center;
	align-items: center;
	text-align:center;
	font-size:26px;
	line-height:1.2em;
	color:#111;
}

.circle-120 {
	position:absolute;
	width:8vw;
	height:8vw;
	min-width:100px;
	min-height:100px;
	left:50%;
	top:50%;
	border-radius:100%;
	transform:translate(-50%,-50%);
	display:flex;
	justify-content:center;
	align-items: center;
	text-align:center;
	font-size:26px;
	line-height:1.2em;
	color:#111;
}
.circle-120 img {
	width:40%
}
.absolute {
position:absolute; 
}
.absolute.center {
left:0; right:0; margin:auto; display:block; text-align:center
}

.title_top_center { 
color:#eee; position:absolute; top:80px; text-align:center; font-size:120px; font-weight:800; letter-spacing:-3px;
left: 50%; display:table;
transform: translateX(-50%);
}

.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
}

@media (min-width: 180px) {
.grid div[class^='col-'] {
    display: inline-block;
    float: none;
	padding:1rem;
    margin: 0 -0.2%;
	text-align:center
}
}
@media (min-width: 480px) {
.grid div[class^='col-'] {
    padding:3rem;
}
}


.bg_spider {
    background-image: url(../img/spider.jpg);
	background-size:cover;
	background-position:center
}

.ico { 
width:70px; 
height:70px;
display:flex;
justify-content:center;
align-elements:center;
margin:15px auto;

}

.bg-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 180px) {
.bg-inicio {
    background-image: url(../img/01_mobile.jpg);
	background-size:cover;
	background-position:center
}
.bg-final {
    background-image: url(../img/bg-final_mobile.jpg);
	background-size:cover;
	background-position:center
}
.bg-cueva {
    background-image: url(../img/bg_cueva_mobile.jpg);
	background-size:cover;
	background-position:center
}
.bg-sucumbios {
    background-image: url(../img/sucumbios.jpg);
	background-size:cover;
}
.bg-trail {
    background-image: url(../img/trail.svg)!important;
    /*background-size:cover;*/
    background-color: #ecebea;
    background-repeat: repeat-y!important ;
    background-position: center top!important
}
}
@media (min-width: 480px) {
.bg-inicio {
    background-image: url(../img/01.jpg);
	background-size:cover;
}
.bg-cueva {
    background-image: url(../img/bg_cueva.jpg);
	background-size:cover;
	background-position:center
}
.bg-final {
    background-image: url(../img/bg-final.jpg);
	background-size:cover;
	background-position:center
}
}


/*--- RICH HOVER ---*/
.rich_hover {
	background-image:linear-gradient(180deg,transparent 10%,#000 0);
	background-size:0 100%;
	background-repeat:no-repeat;
	text-decoration:none;
	-webkit-transition:background-size .4s ease;
	-moz-transition:background-size .4s ease;
	-ms-transition:background-size .4s ease;
	-o-transition:background-size .4s ease;
	transition:background-size .4s ease
	}
.rich_hover:focus,.rich_hover:hover{
	background-size:100% 100%;
	cursor:pointer;
	color:#fff;
	background-color: transparent;
	text-decoration:none!important;
	}

.anim-slide-this { z-index:1000; }

blockquote {
    position: relative;
    text-align: left;
    padding: 30px;
    border: none;
    margin: 20px auto 20px;
    max-width: 800px;
    width:100%;
    display: block;
}
/*
blockquote:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    color: #66cc66;
    top: 0;
    background: -moz-linear-gradient(top,#66cc66 0%,#66cc66 60%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,#66cc66 0%,#66cc66 60%,rgba(255,255,255,0) 100%);
    
}*/

blockquote:before {
    content:"\f10d";
    font-family: "fontawesome";
    font-size: 3em;
    display: block;
    margin-bottom: 0.8em;
    font-weight: 400;
    color: #fd0;
}

blockquote > p {
    font-size: 1.2em;
	line-height:1.6em
}

blockquote > cite, 
blockquote > p > cite {
    display: block;
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: 700;
    font-style: normal;
    margin-top: 1.1em;
    letter-spacing: 0;
    /*font-style:italic;*/
}

/*--- FOOTER ---*/

ul.redes { background:#999; text-align:center ; padding:30px 0 }
ul.redes li {
    position: relative;
    margin: 0 10px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    width: 48px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
}
ul.redes li:hover{background:rgba(0, 0, 0, 0.6)}
ul.redes li i { font-size:20px; line-height:48px; text-align:center; width:100%; color:#FFFFFF;}

@media screen and (max-width: 480px) {
.compartir { display:none!important }
.hide_mobile { display:none!important }
}

/*--- FOOTER ---*/
.footer { background:#19262e; padding:30px 0 }

@media screen and (max-width: 819px) {
.footer_logos { width:100%; margin:auto }
}
@media screen and (min-width: 820px) {
.footer_logos { width:100%; margin:auto }
}
.footer_logos { margin:30px 0; overflow:auto; padding:0 30px }
.footer_logos img { width:90%; height:auto }
.footer_logos div.col { width:14.2%; text-align:center; float:left }
@media only screen and (max-width: 480px) {
.footer_logos div.col { width:50%; margin-bottom:10px }
}
@media only screen and (min-width: 481px) and (max-width: 720px) {
.footer_logos div.col { width:33.3%; margin-bottom:10px }
}
@media only screen and (max-width: 720px) {
.footer_logos { padding:0 20px; }
}

.copyright { color:#CCCCCC; margin-top:30px; padding:0; margin:20px auto; display:table;  }

@media only screen and (max-width: 720px) {
.copyright { font-size:85%; padding:0 20px; width:100%; clear:both }
}

@media screen and (max-width: 780px) {
.section_links { display:block }
}
@media screen and (min-width: 781px) {
.section_links { display:none }
}

.copyright { color:#CCCCCC; margin-top:30px; padding:0; line-height:1.5em;  }

@media only screen and (max-width: 720px) {
.copyright { text-align: left }
}

.share_icons {
	position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
	line-height:30px;
    color: #FFFFFF;
    background: rgb(0,0,0,0.5);
    padding: 0 20px;
}
.share_icons a { display:inline-block; cursor:pointer }
.share_icons span { display:inline-block; margin-right:5px; }
.share_icons a img { width:24px; }
.share_icons a i { font-size:24px; margin:10px 5px;  }

/*--- examples ---*/

.custom-bg-size-w-150 {background-size:150% auto;}
.custom-bg-size-h-150 {background-size:auto 150%;}
.custom-bg-size-cover {background-size:cover}

.custom-progress { position:absolute; left:0; top:0; height:3px; background-color:#39F;}
.custom-box-200 {width:200px; height:200px;position:relative}
.custom-box-300 {width:300px;height:300px;position:relative}
.custom-box-30p {width:30vw; height:30vw;}
.custom-w-100 { position:relative; width:100vw;}
.custom-h-100 { position:relative; min-height:100vh;}
@media only screen and (max-width: 576px) {
.custom-h-100.mobile-adapt { position:relative; min-height:40vh;}
}


.custom-w-50 { position:relative; width:50% ;}
.custom-h-50 { position:relative; min-height:50vh !important;}
.custom-w-50p { position:relative; width:50% !important ;}
.custom-h-50p { position:relative; height:50%;}
.custom-wh-100 { position:relative; width:100vw; height:100vh;}
.custom-pos-top { position:absolute; top:0; left:0;}
.custom-pos-bottom { position:absolute; bottom:0; left:0;}
.custom-color-white {color:#fff;}
.custom-transition-500 { transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.custom-transition-300 { transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}
.custom-transition-700 { transition: 0.7s cubic-bezier(1.000, 0.000, 0.000, 1.000)}

.custom-size-30 {font-weight:700; font-size:30px}
.custom-title-1 {font-size:2.5vw;}
.custom-float-left { float:left; padding:0}
.custom-float-right { float:right; padding:0}
.custom-clearfix:after {
    content:" ";
    display:table;
    clear:both;
}

.custom-pos-center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:780px;
	width:90%;
	text-align:center;
}

.sts-section-paused .custom-text-effect-1 {
	text-indent:0;
}
.sts-section-paused .custom-text-effect-1:before {
	left:100%;
}
.custom-overflow {
	overflow:hidden;
}
.custom-sts-code {
	border:1px solid rgba(0,0,0,0.1);
	margin:30px auto 0 !important;
	max-width:100% !important;
	opacity:0.9;
}
.custom-scrolldown {
	padding:1em 0 3em
}
.custom-scrolldown div {
	font-size:50px;
	opacity:0.3;
}

/*.slide3_img { width:200px; height:200px; margin:auto; border-radius:100%; overflow:hidden; border:3px solid #fff }*/
@media (min-width: 180px) {
.slide3_img {
    border: 3px solid #fff;
	-webkit-box-shadow: -2px 6px 18px 0px rgba(0,0,0,0.21);
-moz-box-shadow: -2px 6px 18px 0px rgba(0,0,0,0.21);
box-shadow: -2px 6px 18px 0px rgba(0,0,0,0.21);
margin:auto;
width:90%
	}
}
@media (min-width: 480px) {
.slide3_img {
    border: 10px solid #fff;
	width:100%
	}
}

.slide3_img img { width:100% }