@import 'bootstrap.min.css';
@import 'bootstrap-grid.min.css';
@import 'animate.css';
@import 'ionicons.min.css';
@import 'linearicons.css';
@import 'animsition.css';
@import 'magnific-popup.css';
@import 'magnific-popup.css';
@import 'jquery.pagepiling.css';
@import 'owl.carousel.css';



html{
	font-size:12px;
	-webkit-font-smoothing:antialiased
}
body{
	font-family:poppins,sans-serif;
	font-size:1rem;
	font-weight:400;
	letter-spacing:.025em;
	line-height:2.1428;
	color:#868686;
	background:#1B1B1B;
	-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{cursor:pointer;background:#f3ca2f}::selection{background-color:#f3ca2f;
	color:#fff}-webkit-::selection{background-color:#f3ca2f;
	color:#fff}::-moz-selection{background-color:#f3ca2f;
	color:#fff
}

@font-face{font-family:poppins;
	src:url(../fonts/poppins-regular-webfont.html) format('woff2'),url(../fonts/poppins-regular-webfont.woff) format('woff');
	font-weight:400;
	font-style:normal
}

h1,.h1{font-family:montserrat,sans-serif;
	font-weight:700;
	font-size:5.428rem;
	line-height:1.2;
	font-weight:600;
	color:#fff;
	letter-spacing:-.025em;
	margin:.5em 0
}

h2,.h2{	
	font-family:montserrat,sans-serif;
	font-weight:600;font-size:2.571rem;
	line-height:1.166;color:#fff;
	letter-spacing:0;
	margin:2.6rem 0
}
h3,.h3{
	font-family:montserrat,sans-serif;
	font-weight:600;font-size:2.142rem;
	line-height:1.2;letter-spacing:-.05em;
	color:#fff;margin:2.6rem 0
}
h4,.h4{
	font-family:montserrat,sans-serif;
	font-weight:600;
	font-size:1.714rem;
	line-height:1.25;
	letter-spacing:.025em;
	color:#fff;
	margin:2.6rem 0
}
h5,.h5{
	font-family:montserrat,sans-serif;
	font-weight:600;font-size:1.571rem;
	line-height:1.1;letter-spacing:0;
	color:#fff;margin:2.6rem 0
}
h6,.h6{
	font-family:montserrat,sans-serif;
	font-weight:600;
	font-size:1.285rem;
	line-height:1.3333;
	letter-spacing:0;
	color:#fff;margin:2.6rem 0
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a{color:inherit}h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover,h4 a:hover,.h4 a:hover,h5 a:hover,.h5 a:hover,h6 a:hover,.h6 a:hover{text-decoration:none}strong{font-weight:600}p,blockquote{margin-bottom:2.6rem}blockquote{font-size:1.714rem;letter-spacing:.025em;
	line-height:1.5;
	padding:0;
	width:80%;
	padding-left:6.8rem;
	border-left:.3rem solid #f3ca2f;
	margin-top:5rem;color:#fff
}
cite{
	display:block;color:#fff;
	font-weight:600;
	letter-spacing:0;
	font-style:normal
}
a{
	color:#f3ca2f;
	-webkit-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out
}
a:hover{
	color:#f3ca2f;
	outline:none
}
a:focus{textdecoration:none}
input[type=text],input[type=address],input[type=url],input[type=password],input[type=email],input[type=search],input[type=tel],textarea{display:inline-block;
	width:100%;
	font-size:1rem;
	border-radius:.75em;
	color:#fff;
	background-color:#333;
	border:0;border-radius:0;
	padding:.7rem 1rem;
	-webkit-box-shadow:0 0 25px rgba(0,0,0,.5);
	box-shadow:0 0 25px rgba(0,0,0,.5);
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-o-transition:all .15s;
	transition:all .15s}
textarea{
	padding-top:.8rem;
	height:8rem;resize:none;
	-webkit-transition:all .3s;-o-transition:all .3s;
	transition:all .3s
}
input[type=text]:focus,input[type=address]:focus,input[type=url]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,input[type=tel]:focus,textarea:focus{
	border-color:#f3ca2f;
	outline:0;color:#fff
}
input::-moz-placeholder{
	color:#999;
	opacity:1
}
input:-ms-input-placeholder{
	color:#999}input::-webkit-input-placeholder{color:#999}
textarea::-moz-placeholder{
	color:#999;
	opacity:1
}
textarea:-ms-input-placeholder{
	color:#999
}
textarea::-webkit-input-placeholder{
	color:#999
}
.form-group{
	margin-bottom:30px
}
label.error{
	color:#fff;margin:.8rem 0 0
}
.btn{
	color:#fff;
	letter-spacing:.025em;
	font-size:1rem;
	display:inline-block;
	border:0;border-radius:0;
	padding:1.1em 2.28em 1em;
	background-color:#000;
	text-decoration:none;
	-webkit-transition:all .3s ease-out!important;
	transition:all .3s ease-out!important
}
.btn:hover,.btn:focus{
	background-color:#f3ca2f;
	color:#fff;
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none!important
}
.icon{
	display:inline-block
}
.ion-ios-play{
	width:3rem;
	height:3rem;
	padding-left:.2rem;
	line-height:3rem;
	text-align:center;
	border:1px solid #fff;
	border-radius:50%;
	font-size:1rem;
	margin-top:4rem;
	color:#fff;
	transition:all .3s ease-out
}
.ion-ios-play:hover{
	color:#ffbc13;
	border:1px solid #ffbc13
}
.animsition{
	position:absolute;
	z-index:100;left:0;
	width:100%;top:0;
	height:100%
}





/** PORTAFOLIO **/

.inner_page .inner_page_header {

    background: #1f1f1f;


}

.inner_page .inner_page_header h3 {

    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;

}
.about-main-info div.full>img {
	height: 500px;
}
.full {
	float: left;
	width: 100%;
}
.dark_bg {
	background: #000000;
}
.morado_bg {
	background: #4b21a3;
}
.dark_bg .contact_bt {
    margin-top: 30px;
}
.img-responsive {
	max-width: 100%;
}
#demo .img-responsive {
	width: 100%;
}
.heading_main h2 {
    font-size: 40px;
    letter-spacing: -0.5px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    font-family:montserrat,sans-serif;
    text-transform: uppercase;
}

.heading_main p.large {
    font-size: 20px;
    color: #605f5f;
    position: relative;
    padding: 0;
    font-weight: 500;
    margin: 0;
}

.heading_main p {
    font-family:montserrat,sans-serif;
}

.heading_main p.small_tag {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    margin: 0;
}
.heading_main {
    float: left;
    display: flex;
}
p.section_count {
    font-size: 155px;
    /*margin: 0 45px 0 0;*/
    color: #cccac5;
    font-weight: 400;
    line-height: 70px;
}
.theme_color {
	color: #ffbc13;
}

/**
.padding_left_right {
	padding-left: 30px;
	padding-right: 30px;
}
.layout_padding {
	padding-top: 75px;
	padding-bottom: 75px;
}
**/
.container-fluid{
	width:100%;

	margin-right:auto;
	margin-left:auto
}




















.loader{
	position:fixed;
	overflow:hidden;
	z-index:101;
	left:0;top:0;
	width:100%;height:100%;
	background:#1B1B1B;
	color:#4b4b4b;
	text-align:center
}
.spinner{
	position:absolute;
	top:50%;left:50%;
	width:50px;
	height:50px;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.double-bounce1,.double-bounce2{
	width:100%;
	height:100%;
	border-radius:50%;
	background-color:#f3ca2f;
	opacity:.6;
	position:absolute;
	top:0;
	left:0;
	-webkit-animation:sk-bounce 2s infinite ease-in-out;
	animation:sk-bounce 2s infinite ease-in-out
}
.double-bounce2{
	-webkit-animation-delay:-1s;
	animation-delay:-1s
}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}
@keyframes sk-bounce{0%,100%{
	transform:scale(0);
	-webkit-transform:scale(0)
}
50%{
	transform:scale(1);
	-webkit-transform:scale(1)}
}
.text-muted{
	color:#999!important
}
.text-white{
	color:#fff
}
.text-primary{
	color:#ffbc13!important
}
.masked{
	position:relative
}
.masked:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.1
}
.navbar{
	position:absolute;
	display:block;
	z-index:10;left:0;
	top:0;width:100%;
	padding-top:2.7rem;
	height:7rem;color:#fff;
	margin:0;border-radius:0
}
.navbar .brand{
	float:left;
	margin-top:-.5rem;
	-webkit-transition:none;
	-o-transition:none;
	transition:none
}
.brand{
	line-height:1.6;
	color:#fff;
	display:inline-block
}
a.brand:hover,a.brand:focus{
	text-decoration:none;
	color:#fff
}
.brand img{
	display:inline-block;
	vertical-align:top;
	margin-right:.65rem;
	height:50px
}
.brand-info{
	display:inline-block
}
.brand-name{
	font-weight:600;
	font-size:1.714rem;
	line-height:1
}
.brand-text{
	font-size:.857rem;
	font-weight:300;
	margin-top:-.3rem
}
.navbar-toggle{
	float:right;
	display:block;
	margin:0;
	padding:0;
	border-radius:0;
	background:0 0;border:0
}
.navbar-toggle:focus{
	outline:none
}
.navbar-toggle .icon-bar{
	background-color:#fff;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	display:block;width:22px;
	height:2px;border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar{
	margin-top:4px
}
.navbar-toggle:hover .icon-bar{
	background-color:#f3ca2f
}




.navbar-toggle .icon-bar2{
	background-color:#4b21a3;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	display:block;width:22px;
	height:2px;border-radius:1px
}
.navbar-toggle .icon-bar2+.icon-bar2{
	margin-top:4px
}
.navbar-toggle:hover .icon-bar2{
	background-color:#f3ca2f
}




.navbar .social-list{
	float:right;
	margin-right:10%
}
.social-list{
	overflow:hidden
}
.social-list-bottom{
	display:none;
	position:absolute;
	z-index:10;
	right:0;
	bottom:2.4rem;
	color:#000
}
.social-list a{
	float:left;
	font-size:1.428rem;
	line-height:1;
	color:#fff;
	margin-left:2rem
}
.social-list a:first-child{
	margin-left:0
}
.social-list a:hover{
	color:#f3ca2f;
	text-decoration:none
}
.navbar-spacer{
	float:right;
	margin:-1rem 4.5rem 0;
	width:1px;height:3.3rem;
	background-color:#3c3c3c
}
.navbar-address{
	float:right;
	font-weight:600;
	text-transform:uppercase
}
.contacts{
	float:left;
	margin-left:9rem
}
.contacts .contact-item{
	display:inline-block;
	color:#fff;
	margin-right:2rem
}
.contacts .contact-item a{
	color:#fff
}
.contacts .contact-item.spacer{
	opacity:.3
}
.contact-address{
	margin-top:5rem
}
.contact-address .mail{
	text-decoration:underline
}
#success,#error{
	display:none
}
.form-group-message{
	display:none
}
.click-capture{
	position:fixed;
	top:0;left:0;
	width:100%;
	height:100%;
	visibility:hidden;
	z-index:99;
	opacity:0;
	background:rgba(0,0,0,.3);
	transition:opacity .5s
}
.menu{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:100%;
	z-index:101;
	background-color:#1B1B1B;
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
	transform:translateX(100%);
	-webkit-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease
}
.close-menu{
	position:absolute;
	z-index:2;
	top:2.3rem;
	font-size:1.6rem;
	line-height:1;
	color:#fff;
	cursor:pointer;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.close-menu:hover{
	color:#f3ca2f
}
.menu .menu-lang{
	opacity:0;
	position:absolute;
	opacity:0;left:15%;
	top:3rem;
	text-transform:uppercase;
	-webkit-transform:translateY(3rem);
	-ms-transform:translateY(3rem);
	-o-transform:translateY(3rem);
	transform:translateY(3rem);
	-webkit-transition:transform .5s .4s ease,opacity .5s .4s ease,color .3s ease;
	-o-transition:transform .5s .4s ease,opacity .5s .4s ease,color .3s ease;
	transition:transform .5s .4s ease,opacity .5s .4s ease,color .3s ease
}
.menu-lang a{
	display:inline-block;
	margin-left:1.5rem;
	color:#7e7e7e
}
.menu-lang a:first-child{
	margin-left:0
}
.menu-lang .active,.menu-lang a:hover{
	color:#f3ca2f;
	text-decoration:none
}
.menu-list{
	opacity:0;
	position:absolute;
	left:0;top:5rem;
	bottom:10.5rem;
	padding-left:15%;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	font-weight:600;
	letter-spacing:-.025rem;
	list-style:none;
	margin:0;
	-webkit-transform:translateY(3rem);
	-ms-transform:translateY(3rem);
	-o-transform:translateY(3rem);
	transform:translateY(3rem);
	-webkit-transition:transform .5s .6s ease,opacity .5s .6s ease;
	-o-transition:transform .5s .6s ease,opacity .5s .6s ease;
	transition:transform .5s .6s ease,opacity .5s .6s ease
}
.menu-list li a{
	color:#999
}
.menu-list .active>a,.menu-list li a:hover{
	text-decoration:none;
	color:#fff
}
.menu-list>li{
	font-size:1.65rem;
	line-height:1
}
.menu-list>li{
	margin-top:2.7rem
}
.menu-list>li:first-child{
	margin-top:0
}
.menu-list ul{
	display:none;
	list-style:none;
	padding:0;margin:0
}
.menu-list ul li{
	font-size:1.142rem;
	margin-top:1.142rem
}
.menu-list ul li:first-child{
	margin-top:2.4rem
}
.menu-footer{
	position:absolute;
	left:15%;
	bottom:4rem
}
.menu-footer .social-list{
	opacity:0;
	-webkit-transform:translateY(3rem);
	-ms-transform:translateY(3rem);
	-o-transform:translateY(3rem);
	transform:translateY(3rem);
	-webkit-transition:all .5s .7s ease;
	-o-transition:all .5s .7s ease;
	transition:all .5s .7s ease
}
.menu-footer .social-list a{
	color:#7e7e7e;
	margin:0;
	margin-right:2.7rem
}
.menu-footer .social-list a:last-child{
	margin-right:0
}
.menu-footer .social-list a:hover{
	color:#f3ca2f
}
.menu-footer .copy{
	opacity:0;
	display:none;
	margin-top:3.2rem;
	color:#fff;
	line-height:1.71rem;
	-webkit-transform:translateY(2rem);
	-ms-transform:translateY(2rem);
	-o-transform:translateY(2rem);
	transform:translateY(2rem);
	-webkit-transition:all .5s .9s ease;
	-o-transition:all .5s .9s ease;
	transition:all .5s .9s ease
}
.menu-is-opened .click-capture{
	visibility:visible;
	opacity:1
}
.menu-is-opened .menu{
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
	box-shadow:0 0 25px rgba(0,0,0,.07)
}
.menu-is-opened .menu .menu-lang,.menu-is-opened .menu-list,.menu-is-opened .menu .menu-footer .social-list,.menu-is-opened .menu .menu-footer .copy{
	-webkit-transform:translate(0);
	-ms-transform:translate(0);
	-o-transform:translate(0);
	transform:translate(0);
	opacity:1
}
.menu-is-closed .menu .menu-lang,.menu-is-closed .menu .menu-list,.menu-is-closed .menu .menu-footer .social-list,.menu-is-closed .menu .menu-footer .copy{
	opacity:0;
	-webkit-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s
}
.boxed{
	padding-left:1.7rem;
	padding-right:1.7rem
}
.left-boxed{
	left:1.7rem
}
.right-boxed{
	right:1.7rem
}
.copy-bottom{
	display:none;
	position:absolute;
	z-index:10;
	left:0;
	bottom:2.4rem;
	color:#000
}
.copy-bottom.white{
	color:#fff
}
#pp-nav{
	z-index:100;
	width:2.1428rem;
	margin-top:0!important;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
#pp-nav .pp-nav-up,#pp-nav .pp-nav-down{
	display:none;
	font-size:2.1428rem;
	cursor:pointer;
	color:#000;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
#pp-nav .pp-nav-up{
	margin-bottom:3.5rem
}
#pp-nav .pp-nav-down{
	margin-top:3.5rem
}
#pp-nav li,.pp-slidesNav li{
	margin:1.928rem auto;
	width:10px;
	height:10px
}
#pp-nav span,.pp-slidesNav span{
	left:0;
	top:0;
	cursor:pointer;
	width:10px;
	height:10px;
	background:#000;
	border:0;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
#pp-nav .pp-nav-up:hover, #pp-nav .pp-nav-down:hover, #pp-nav.white .pp-nav-up:hover, #pp-nav.white .pp-nav-down:hover{
	color:#ffbc13
}
#pp-nav.white .pp-nav-up, #pp-nav.white .pp-nav-down{
	color:#fff
}
#pp-nav.white span,.pp-slidesNav span{
	background:#fff
}
#pp-nav li .active span,.pp-slidesNav .active span,#pp-nav span:hover,.pp-slidesNav span:hover{
	background:#ffbc13
}
.pagepiling .section{
	background:#1B1B1B;
	padding-top:10.3rem;
	padding-bottom:6rem
}
.pagepiling .pp-scrollable{
	padding:0;
	overflow-x:hidden
}
.pp-scrollable.section-1 .vertical-centred{
	padding-top:7rem
}
.pp-scrollable .vertical-centred{
	padding-top:10.3rem;
	padding-bottom:6rem
}
.scroll-wrap{
	position:relative;min-height:100%
}
.scrollable-content{
	white-space:nowrap;
	width:100%;
	font-size:0
}
.scrollable-content:before{
	content:'';
	display:inline-block;
	height:100vh;
	vertical-align:middle
}
.vertical-centred{
	width:100%;
	height:100%;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	font-size:1rem
}
.boxed-inner{
	position:relative;
	padding:0
}
.section-bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center
}
.vertical-title{
	position:absolute;
	white-space:nowrap;
	width:0;
	top:-.55rem;
	left:4.9rem;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.1em;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg)
}
.vertical-title span{
	display:block;
	float:right
}
.section .intro{
	opacity:0;
	-webkit-transition:opacity 1s .3s ease;
	-o-transition:opacity 1s .3s ease;
	transition:opacity 1s .3s ease
}
.section .intro{
	-webkit-transform:translateY(7rem);
	-ms-transform:translateY(7rem);
	-o-transform:translateY(7rem);
	transform:translateY(7rem);
	-webkit-transition:all .35s .6s ease;
	-o-transition:all .35s .6s ease;
	transition:all .35s .6s ease
}
.section.active .intro{opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
.subtitle-top{
	line-height:1.714;
	margin-top:0;
	margin-bottom:1.8rem;
	letter-spacing:.1em
}
.title-uppercase{
	text-transform:uppercase;
	letter-spacing:-.025em;
	line-height:1.33333;
	margin:0 0 3rem
}
.display-1{
	font-size:4.28rem;
	line-height:1;
	letter-spacing:-.05em;
	margin:0
}
.display-2{
	font-size:6.14rem;
	font-weight:800;
	line-height:1;
	letter-spacing:-.05em;
	margin:0;
	text-transform:uppercase;
}
.text-texture{
	font-size:35rem;
	line-height:1;
	font-weight:800;
	display:inline-block;
	background-image:url(../images/bg/texture.jpg);
	background-position:50% 50%;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.experience-box{
	position:relative;white-space:nowrap
}
@media(min-width:992px){
.experience-box{margin-top:6rem}
}
.experience-border{
	position:absolute;
	display:inline-block;
	vertical-align:middle;
	width:20.15rem;
	height:41.15rem;
	border:.657rem solid #ffbc13;
	left:5rem;top:-2rem
}
.experience-content{
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.experience-number{
	display:inline-block;
	vertical-align:middle;
	font-size:32.142rem;
	line-height:1;
	font-weight:600;
	color:#fff
}
.experience-info{
	display:inline-block;
	vertical-align:middle;
	margin:-4rem 0 5rem .8rem;
	font-size:1.57rem;
	line-height:1.181;
	color:#fff
}
@media(min-width:576px){
	.experience-info{margin-top:-1px}
}
.progress-bars{
	margin-top:4rem
}
.progress{
	height:5px;
	margin-bottom:50px
}
.progress:last-child{
	margin-bottom:0
}
.progress-bar{
	background-color:#ffbc13
}
.resume-title{
	position:relative;
	color:#fff;margin:0 0 2rem
}
.resume-row{
	position:relative
}
.resume-type{
	position:relative;
	margin:1rem 0;
	padding:1rem;
	background:#1B1B1B;
	top:-.2rem
}
.resume-study{
	margin-bottom:1rem
}
.resume-date{
	font-size:.9rem;
	margin-bottom:2rem
}
.resume-text{
	opacity:.6
}
.resume-text.last{
	margin-bottom:0
}
.resume-row{
	margin-bottom:4rem
}
.row-partners{
	margin:-5rem -5rem 0
}

.col-partner{
	padding:0 5rem;
	margin-top:2rem;
	text-align:center
}

.col-partner img{
	margin:0 auto;
	max-width:100%;
	opacity:.4
}


.col-partner:hover img{
	opacity:1;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}

.col-partnes img{
	padding: 0.1rem;
	max-width:95%;
	box-sizing: border-box;	
}


.bg-changer{
	position:absolute;
	left:0;width:100%;
	height:100%;
	overflow:hidden
}
.bg-changer .section-bg{
	opacity:0;
	will-change:opacity,transform;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
	;-webkit-transition:opacity .5s .2s ease,transform 5s .2s ease;
	-o-transition:opacity .5s .2s ease,transform 5s .2s ease;
	transition:opacity .5s .2s ease,transform 5s .2s ease
}
.bg-changer .active{
	opacity:1;
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05)
}
.bg-changer .section-bg:first-child{
	opacity:1
}
.row-project-box{
	margin-top:-6rem;
	padding-left: 30px;
}
.col-project-box{
	margin-top:5rem;
}
.project-box{
	display:block;
	position:relative;
	-webkit-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}
.project-box:before{
	content:'';
	position:absolute;
	right:100%;
	margin-right:20px;
	width:15px;top:8px;
	border-top:1px solid #fff
}
.project-box:after{
	content:'';
	position:absolute;
	top:1px;
	height:15px;
	right:100%;
	margin-right:27px;
	border-left:1px solid #fff
}
.project-box h5{
	margin:0;color:#fff;
	font-size:1.8rem;
	font-weight:300
}
.project-category{
	color:#fff;
	margin-top:.5rem
}
.project-box:hover{
	color:#ffbc13;
	text-decoration:none
}
.project-box:hover h5{
	color:#ffbc13!important
}
.project-box:hover .project-category{
	color:#fff
}
.link-arrow{
	float:right;
	margin-top:-2.2rem
}
.link-arrow.h5{
	text-transform:uppercase;
	letter-spacing:-.025rem;
	margin-bottom:0
}
.link-arrow.h5 .icon-chevron-right{
	font-size:1.8rem;
	margin-top:-.6rem
}
.section-2 .vertical-title{
	margin-top:8rem
}
.section-3 .link-arrow.h5{
	margin-top:2rem
}

.section-4 h2{
	margin-bottom:7rem
}
.icon-quote{
	display:inline-block;
	margin-top:-.6rem;
	color:#ffbc13;
	width:5rem;
	height:5rem;
	line-height:4.2rem;
	text-align:center;
	border:2px solid #ffbc13;
	border-radius:50%;
	font-size:2.454rem;
	margin-bottom:5rem
}
.review-carousel .text{
	font-family:libre baskerville,serif;
	font-size:1.342rem;line-height:1.875
}
.review-author{
	margin-top:5.7rem
}
.author-name{
	font-size:1.2857rem;
	line-height:1.333;
	font-weight:600
}
.review-carousel .owl-nav{
	position:relative;
	top:0;
	margin-top:7.7vh;
	-webkit-transform:none;
	-ms-transform:none;
	-o-transform:none;transform:none
}
.review-carousel .owl-prev,.review-carousel .owl-next{
	font-size:1.2857rem;
	idth:3.57rem;height:3.57rem;
	line-height:3.57rem;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	margin-right:.857rem
}
.review-carousel .owl-prev:before{
	font-family:linearicons;
	content:"\e93b"
}
.review-carousel .owl-next:before{
	font-family:linearicons;
	content:"\e93c"
}
.review-carousel .owl-prev:hover,
.review-carousel .owl-next:hover{
	background:#fff;
	color:#000
}
.review-carousel .owl-prev.disabled,.review-carousel .owl-next.disabled{
	cursor:default
}
.review-carousel .owl-prev.disabled:hover,.review-carousel .owl-next.disabled:hover{
	background:0 0;color:#fff
}
.owl-dots{
	margin-top:5rem
}
.owl-dot{
	display:inline-block
}
.owl-dot span{
	display:block;
	width:12px;
	height:12px;
	border:#ffbc13 1px solid;
	position:relative;
	margin:5px;
	border-radius:50%
}
.owl-dot.active span{
	background:#ffbc13
}
.content{
	padding-top:17rem
}
.row-project{
	margin-bottom:1rem
}
.image-holder{
	display:block;
	margin:7rem auto 7rem;
	max-width:100%
}

.social-list-detail{
	margin-top:10rem
}
.social-list-detail a{
	font-size:2rem;color:#999
}
.social-list-detail a:hover{
	color:#fff
}


.social-list-detail2{
	margin-top:5rem
}
.social-list-detail2 a{
	font-size:2rem;color:#999
}
.social-list-detail2 a:hover{
	color:#4b21a3
}


.col-project-name h1{
	margin-top:0
}
.col-project-info p{
	margin-bottom:0
}
.col-project-info h5{
	margin-top:0;
	margin-bottom:1.2rem
}.project-detail-text{
	color:#fff;
	font-size:1.2rem;
	margin-bottom:5rem
}
@media(min-width:576px){.menu{width:50%}}
@media(min-width:768px){html{font-size:13px}.menu{width:50%}.boxed{padding-left:3rem;padding-right:3rem}.boxed-inner{padding-left:0}.right-boxed{right:3rem}.left-boxed{left:3rem}.section-about{padding-top:12rem}}
@media(min-width:992px){html{font-size:14px}.menu{width:35%;max-width:35rem}.boxed{padding-left:4.2857rem;padding-right:4.2857rem}.right-boxed{right:4.2857rem}.left-boxed{left:4.2857rem}}
@media(min-height:500px){#pp-nav .pp-nav-up,#pp-nav .pp-nav-down{display:block}}
@media(min-height:600px){.menu .menu-lang{top:7rem}.menu-list{top:9rem;bottom:20rem}.menu-list>li{font-size:1.7rem}.menu-footer{bottom:6rem}.menu-footer .copy{display:block}}
@media(min-height:700px){.copy-bottom{display:block}.social-list-bottom{display:block}}




/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section{
	position:relative;
	padding:10px 0px 10px;
	background:#ffffff;
}

.pricing-column{
	position:relative;
	margin-bottom:40px;	
}

.pricing-column .inner-box{
	position:relative;
	display:block;
	border:1px solid #e0e0e0;
	background:#ffffff;
	text-align:center;
	color:#999999;	
	border-radius:3px;
	transition: all 300ms ease;
}

.pricing-column .inner-box:hover{
	background:#272727;
	color:#ffffff;	
	border-color:#272727;	
}

.pricing-column .price-header{
	position:relative;
	padding:25px 20px;
	line-height:1em;
}

.pricing-column .price-header .price{
	font-size:48px;
	font-weight:700;
	line-height:1em;
	color:#272727;
	font-family: 'Lato', sans-serif;
}

.pricing-column .inner-box:hover .price-header .price,
.pricing-column .inner-box:hover .price-header sub{
	color:#ffffff;	
}

.pricing-column .price-header sub{
	font-size:13px;
	color:#272727;
	font-weight:400;
}

.pricing-column .price-header sup{
	position:relative;
	top:-20px;
	font-size:20px;
	font-weight:700;
}

.pricing-column .plan-title{
	position:relative;
	padding:30px 10px;
	color:#ffbc13;
	font-size:24px;
	font-weight:600;
	line-height:1.4em;
	text-transform:capitalize;
	border-bottom:1px solid #e0e0e0;
}

.pricing-column .inner-box:hover .plan-title{
	border-color:rgba(255,255,255,0.10);	
}

.pricing-column:hover .plan-title,
.pricing-column.best-plan .plan-title{
	color:#ffffff;
}

.pricing-column .lower-content{
	position:relative;
	padding:0px 10px 20px;	
}

.pricing-column .lower-content .spec-list{
	position:relative;
	padding:20px 0px 20px;	
}

.pricing-column .lower-content .spec-list li{
	line-height:24px;
	padding:10px 15px;
	font-size:13px;
}

.pricing-column .theme-btn{
	padding:10px 50px;	
}

.pricing-column:hover .theme-btn,
.pricing-column.best-plan .theme-btn{
	background:#ffbc13 !important;
	border-color:#ffbc13 !important;
	color:#ffffff !important;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 0px;
	margin:0 auto;
}

/*** 

====================================================================
	sec-title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:40px;
}

.sec-title h2{
	position:relative;
	font-size:36px;
	color:#272727;
	padding-bottom:14px;
	font-weight:700;
}

.sec-title.medium h2{
	font-size:32px;
}

.sec-title.medium h4{
	font-size:22px;
}

.sec-title h4{
	position:relative;
	font-size:26px;
	color:#272727;
	padding-bottom:0px;
	font-weight:700;
}

.sec-title h2:after{
	position:absolute;
	content:'';
	width:70px;
	height:1px;
	left:0px;
	bottom:3px;
	background-color:#ffbc13;
}

.sec-title h2:before{
	position:absolute;
	content:'';
	width:70px;
	height:2px;
	left:0px;
	bottom:0px;
	background-color:#ffbc13;
}

.sec-title .desc-text{
	position:relative;
	padding-top:5px;
	color:#999999;
	line-height:1.8em;	
}

.sec-title .service-link{
	position:relative;
	color:#272727;
	font-size:14px;
	font-weight:700;
    margin-top: 24px;
	text-transform:uppercase;
	border-bottom:1px solid #272727;
	line-height:16px;
	padding:0px;
	font-family: 'Montserrat', sans-serif;
}

.sec-title .service-link span{
	position:relative;
	padding-left:5px;
	line-height:16px;
	font-size:14px;
}

.sec-title .service-link:hover{
	color:#ffbc13;
	border-color:#ffbc13;	
}

.padd-top-30{
	padding-top:30px !important;	
}

/*** END ***/



.btn-servicios{
	color:#4b21a3;
	font-size:14px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
}
.btn-servicios:hover{
	color:#ffbc13;
	font-size:14px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
}




.theme-btn .icon-left{
	padding-right:10px;
}

.theme-btn .icon-right{
	padding-left:10px;
}
.theme-btn .icon-right:hover{
	background:#ffbc13;
	color:#ffffff !important;
	border-color:#ffbc13;
}
.btn-chat{
	position:relative;
	padding:10px 30px;
	line-height:24px;
	text-transform:none;
	/*background:#4b21a3;*/
	background: transparent;
	color:#2F2F2F;
	border:2px solid #4b21a3;
	font-size:14px;
	font-weight:400;
	border-radius:2px;
	font-family: 'Montserrat', sans-serif;
}

.btn-chat:hover{
	background:#ffbc13;
	color:#ffffff !important;
	border-color:#ffbc13;
}

.btn-style-two{
	position:relative;
	padding:10px 30px;
	line-height:24px;
	text-transform:none;
	background:#4b21a3;
	color:#ffffff !important;
	border:2px solid #4b21a3;
	font-size:14px;
	font-weight:400;
	border-radius:2px;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-two:hover{
	background:#ffbc13;
	color:#ffffff !important;
	border-color:#ffbc13;
}
.btn-style-two2{
	position:relative;
	padding:10px 30px;
	line-height:24px;
	text-transform:none;
	background:#ffbc13;
	color:#4b21a3 !important;
	border:2px solid #ffbc13;
	font-size:14px;
	font-weight:400;
	border-radius:2px;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-two2:hover{
	background:#000000;
	color:#ffffff !important;
	border-color:#000000;
}





/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	background-color:#272727;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:left center;
	color:#bebebe;
}

.main-footer:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(16,16,16,0.96);	
}

.main-footer a,
.main-footer input,
.main-footer textarea{
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-footer .auto-container{
	position:relative;
	z-index:1;	
}

.main-footer .widgets-section{
	position:relative;
	padding:90px 0px 50px;
}

.main-footer .footer-column{
	position:relative;
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:30px;		
}

.main-footer .about-widget .text{
	margin-bottom:20px;	
}

.main-footer .work-hours h4{
	font-size:16px;
	font-family:'Lato',sans-serif;
	color:#ffffff;
	font-weight:500;
	margin-bottom:10px;	
}

.main-footer .work-hours p{
	line-height:1.6em;
	margin-bottom:5px;	
}

.main-footer .footer-bottom{
	position:relative;
	padding:24px 0px;
	line-height:24px;
	font-size:15px;
	background:#0a0a0a;
}

.main-footer .footer-bottom .author-name{
	color:#ffbc13;
}

.main-footer .footer-nav li{
	position:relative;
	display:inline-block;
	margin-left:35px;
	line-height:24px;	
}

.main-footer .footer-nav li a{
	color:#9e9e9e;	
}

.main-footer .footer-nav li a:hover{
	color:#ffbc13;	
}




.botonenviar{
	color:#ffffff;
	background-color: #4b21a3;
	border:1px solid #4b21a3;
	text-transform:none;
	font-weight:400;
	border-radius:1px;
	width: 100%;
	height: 40px;
	font-size: 14px;
}

.botonenviar:hover{
	color:#4b21a3;
	font-weight:400;
	font-size: 14px;
	background-color: #ffbc13;
	border-color:#ffbc13;
	text-transform:none;
}





/***  SCROLL ***/

.simplescrollup__button {
    position: fixed;
    bottom: 7.5rem;
    right: 1.5rem;
    transition: 1s all;
    z-index: 10000;
	color:#ffffff;
	background: linear-gradient(250deg,#4b21a3 0%, #260743 100%);
    width:60px;
    height:60px;
    margin: 1px;
    /*padding:12px;*/
	padding-left: 2.5px;
	padding-top: 2.5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size:30px;
    line-height:32px;
    text-transform: uppercase;
    float:left;
}
.simplescrollup__button:hover{
	background: linear-gradient(250deg,#ffbc13 0%,#f89637 100%);
	color:#4b21a3;
}
.simplescrollup__button a{
  color:#fff;
  text-decoration:none;
  padding:5px 5px 5px 0;
}
.simplescrollup__button--show {
    transform: translateX(0);
}
.simplescrollup__button--hide {
    transform: translateX(100px);
}