/* * PANORAMA - Fullscreen Photography HTML Template
*
* This is a premium product available exclusively at this address http://themeforest.net/user/madeon08/portfolio
*
* The demo files are minified/crypted for copyright reasons, you will find them, expanded, commented and coded accurately in your download pack.
*
* Thanks for your support!
*
*/

html,body,div,span,applet,object,
iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,
tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,
header,hgroup,menu,nav,output,ruby,section,
summary,time,mark,audio,video{
    font:inherit;
	font-size:100%;
    margin:0;
    padding:0;
    vertical-align:baseline;
    border:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{
    display:block;
}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';
content:none}
table{border-spacing:0;
	border-collapse:collapse}


 #mertebeler #mertebebir img, #mertebeler #mertebeiki img, #mertebeler #mertebeuc img, #mertebeler #mertebedord img, #mertebeler #mertebebes img, #mertebeler #mertebealti img, #mertebeler #mertebeyeddi img, 
#mertebeler #mertebesekkiz img, #mertebeler #mertebedoqquz img, #mertebeler #mertebeon img,#mertebeler #mertebeonbir img, #mertebeler #mertebeoniki img, #mertebeler #mertebeonuc img, 
#mertebeler #mertebeondord img, #mertebeler #mertebeonbes img, #mertebeler #mertebeonalti img, #mertebeler #mertebeonyeddi img,#mertebeler #mertebeonsekkiz img, #mertebeler #mertebeondoqquz img, 
#mertebeler #mertebeiyirmi img,  #mertebeler #mertebeiyirmibir img, #mertebeler #mertebeiyirmiiki img, #mertebeler #mertebeiyirmiuc img{ 
    float: left;
    width: 100% !important;
    height:100%;

    
}

 #mertebeler #mertebebir , #mertebeler #mertebeiki , #mertebeler #mertebeuc , #mertebeler #mertebedord , #mertebeler #mertebebes , #mertebeler #mertebealti , #mertebeler #mertebeyeddi , 
#mertebeler #mertebesekkiz , #mertebeler #mertebedoqquz , #mertebeler #mertebeon ,#mertebeler #mertebeonbir , #mertebeler #mertebeoniki , #mertebeler #mertebeonuc , 
#mertebeler #mertebeondord , #mertebeler #mertebeonbes , #mertebeler #mertebeonalti , #mertebeler #mertebeonyeddi ,#mertebeler #mertebeonsekkiz , #mertebeler #mertebeondoqquz , 
#mertebeler #mertebeiyirmi ,  #mertebeler #mertebeiyirmibir , #mertebeler #mertebeiyirmiiki,  #mertebeler #mertebeiyirmiuc{ 
    cursor: pointer;
    display: none;
    
}



#bosdiv{
    float: left;
    width: 100%;
    position:fixed;
}
#mertebeler #mertebebir{
    width: 100%;
    height: 100%;

    
}
#mertebeler #icbaxis1{    
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 1%;
    top: 81.7%;
    z-index: 1;
}
#mertebeler #icbaxis1:hover #mertebebir { 
    display:none;
}


#mertebeler #mertebeiki{
    width: 100%;
    height: 100%;
    z-index: 2;
}
#mertebeler #icbaxis2{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 11%;
    z-index: 3;
    top: 85.1%;
}
#mertebeler #icbaxis2:hover #mertebeiki{ 
    display:block;
}

#mertebeler #mertebeuc{
    width: 100%;
    height: 100%;

    z-index: 3;
}
#mertebeler #icbaxis3{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 15%;
    z-index: 4;
    top: 81.6%;
}
#mertebeler #icbaxis3:hover #mertebeuc{ 
    display:block;
}
#mertebeler #mertebedord{
    width: 100%;
    height: 100%;

    z-index: 4;
}

#mertebeler #icbaxis4{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 19%;
    z-index: 5;
    top: 88.7%;
}

#mertebeler #icbaxis4:hover #mertebedord{ 
    display:block;
}
#mertebeler #mertebebes{
    width: 100%;
    height: 100%;

    z-index: 5;
}
#mertebeler #icbaxis5{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 22.8%;
    z-index: 6;
    top: 85.8%;

}
#mertebeler #icbaxis5:hover #mertebebes{ 
    display:block;
}
#mertebeler #mertebealti{
    width: 100%;
    height: 100%;
    z-index: 6;
}

#mertebeler #icbaxis6{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 26.8%;
    z-index: 7;
    top: 83.2%;

}


#mertebeler #icbaxis6:hover #mertebealti{ 
    display:block;
}
#mertebeler #mertebeyeddi{
    width: 100%;
    height: 100%;

    z-index: 7;
}
#mertebeler #icbaxis7{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 31%;
    z-index: 8;
    top: 89.5%;
}
#mertebeler #icbaxis7:hover #mertebeyeddi{ 
    display:block;
}
#mertebeler #mertebesekkiz{
    width: 100%;
    height: 100%;

    z-index: 8;
}
#mertebeler #icbaxis8{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 35.2%;
    z-index: 1000;
    top: 86.6%;
}
#mertebeler #icbaxis8:hover #mertebesekkiz{ 
    display:block;
}
#mertebeler #mertebedoqquz{
    width: 100%;
    height: 100%;

    z-index: 1000;
}
#mertebeler #icbaxis9{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 39.3%;
    z-index: 1001;
    top: 83.1%;
}
#mertebeler #icbaxis9:hover #mertebedoqquz{ 
    display:block;
}

#mertebeler #mertebeon{
    width: 100%;
    height: 100%;

    z-index: 1001;
}

#mertebeler #icbaxis10{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 39.3%;
    z-index: 1001;
    top: 89.5%;
}

#mertebeler #icbaxis10:hover #mertebeon {
     display:block;
}


#mertebeler #mertebeonbir{
    width: 100%;
    height: 100%;
    z-index: 1002;
}

#mertebeler #icbaxis11{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 43.2%;
    z-index: 1002;
    top: 86.5%;
}
#mertebeler #icbaxis11:hover #mertebeonbir{
     display:block;
}

#mertebeler #mertebeoniki{
    width: 100%;
    height: 100%;
    z-index: 1003;
}
#mertebeler #icbaxis12{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 43.2%;
    z-index: 1002;
    top: 83.3%;
}
#mertebeler #icbaxis12:hover #mertebeoniki{
     display:block;
}

#mertebeler #mertebeonuc{
    width: 100%;
    height: 100%;
    z-index: 1104;
}

#mertebeler #icbaxis13{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 47.2%;
    z-index: 1003;
    top: 89.8%;
}


#mertebeler #icbaxis13:hover #mertebeonuc{
     display:block;
}

#mertebeler #mertebeondord{
    width: 100%;
    height: 100%;
    z-index: 1104;
}

#mertebeler #icbaxis14{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 51.9%;
    z-index: 1104;
    top: 85.6%;
    
}

#mertebeler #icbaxis14:hover #mertebeondord{
     display:block;
}

#mertebeler #mertebeonbes{
    width: 100%;
    height: 100%;
    z-index: 1104;
}

#mertebeler #icbaxis15{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 51.9%;
    z-index: 1104;
    top: 83.1%;
}

#mertebeler #icbaxis15:hover #mertebeonbes{
     display:block;
}

#mertebeler #mertebeonalti{
    width: 100%;
    height: 100%;
    z-index: 1104;
}

#mertebeler #icbaxis16{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 51.9%;
    z-index: 1104;
    top: 89.7%;
}

#mertebeler #icbaxis16:hover #mertebeonalti{
     display:block;
}


#mertebeler #mertebeonyeddi{
    width: 100%;
    height: 100%;
    z-index: 1104;
}



#mertebeler #icbaxis17{
    width: 22%;
    height: 11.5%;
    transform: rotate(15deg);
    left: 47.7%;
    position: fixed;
    right: 13.4%;
    bottom: 51.9%;
    z-index: 1104;
    top: 86.4%;
}

#mertebeler #icbaxis17:hover #mertebeonyeddi{
     display:block;
}



#mertebeler #mertebeonsekkiz{
    width: 100%;
    height: 100%;
    z-index: 1104;
}


#mertebeler #icbaxis18{
    width: 17.3%;
    height: 17%;
    transform: rotate(0deg);
    left: 51.4%;
    position: fixed;
    right: 31.4%;
    bottom: 64%;
    z-index: 1;
    top: 29.3%;
}

#mertebeler #icbaxis18:hover #mertebeonsekkiz{
     display:block;
}


#mertebeler #mertebeondoqquz{
    width: 100%;
    height: 100%;
    z-index: 1104;
}


#mertebeler #icbaxis19{
    width: 17.3%;
    height: 17%;
    transform: rotate(0deg);
    left: 51.4%;
    position: fixed;
    right: 31.4%;
    bottom: 64%;
    z-index: 1;
    top: 26.3%;
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
}

#mertebeler #icbaxis19:hover #mertebeondoqquz{
     display:block;
}

#mertebeler #mertebeiyirmi{
    width: 100%;
    height: 100%;
    z-index: 1104;
}


#mertebeler #icbaxis20{
    width: 17.1%;
    height: 19%;
    transform: rotate(-1deg);
    left: 51.5%;
    position: fixed;
    right: 31.6%;
    bottom: 58.7%;
    z-index: 1;
    top: 20.5%;
    -ms-transform: rotate(-1deg); 
    -webkit-transform: rotate(-1deg); 
}

#mertebeler #icbaxis20:hover #mertebeiyirmi{
     display:block;
}

#mertebeler #mertebeiyirmibir{
    width: 100%;
    height: 100%;
    z-index: 1104;

}

#mertebeler #icbaxis21{
    width: 17.1%;
    height: 20.1%;
    transform: rotate(-1.4deg);
    left: 51.5%;
    position: fixed;
    right: 31.4%;
    bottom: 64%;
    z-index: 1;
    top: 15%;
    -ms-transform: rotate(-1.4deg);
    -webkit-transform: rotate(-1.4deg); 
}

#mertebeler #icbaxis21:hover #mertebeiyirmibir{
     display:block;
}

#mertebeler #mertebeiyirmiiki{
    width: 100%;
    height: 100%;
    z-index: 1104;
}

#mertebeler #icbaxis22{
    width: 17.3%;
    height: 21.1%;
    transform: rotate(0deg);
    left: 51.4%;
    position: fixed;
    right: 31.2%;
    bottom: 72.9%;
    z-index: 1;
    top: 10%;

    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);
}

#mertebeler #icbaxis22:hover #mertebeiyirmiiki{
     display:block;
}

#mertebeler #mertebeiyirmiuc{
    width: 100%;
    height: 100%;
    z-index: 1104;
}

#mertebeler #icbaxis23{
    width: 21%;
    height: 8.2%;
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(25.5deg);
    left: 49.5%;
    position: fixed;
    right: 31.2%;
    /* bottom: 72.9%; */
    z-index: 1;
    top: 9.9%;
}
#mertebeler #icbaxis23 img{

    -ms-transform: rotate(13deg); 
    -webkit-transform: rotate(13deg); 
    transform: rotate(13deg);
}

#mertebeler #icbaxis23:hover #mertebeiyirmiuc{
     display:block;
}








#evs img{
    float: left;
    width: 100%;
    
       
}




#statis{
	position: fixed;
    top: 85px;
    right: 16px;
    width: 163px;
}


#statis #mertebe{
	float: right;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #B88946;
    margin-top: 45px;
    margin-right: -22px;
}

#statis #ev{
	float: right;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #865D26;
}

#statis #ev #sayi, #statis #mertebe #sayi{
	text-align: center;
    margin-top: 10px;
    font-size: 20px;
    width: 100%;
    height: 30px;
    display: none;

}
#statis #ev #texttt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 9px;	
    position: absolute;
    top: 44px;
    right: -42px;
    display: none;
    }
#statis #mertebe #textt{
	float: left;
    width: 100%;
    text-align: center;
    font-size: 9px;	
    position: absolute;
    top: 87px;
    right: 17px;
    display: none;
}

#publee{
    position: fixed;
    width: 84%;
    left: 8%;
    height: 96%;
    top: 2%;
    border-radius: 5px;
    background: #fff;
    z-index: 15000;
    display: none;

}

#publee #cclosse{

    float: right;
    width: 30px;
    margin-right: -15px;
    margin-top: -15px;
    cursor: pointer;
}

#publee #geriyebir{
    width: 6%;
    position: fixed;
    height: 20px;
    top: 5%;
    left: 27%;
    cursor: pointer;
    display: none;
}

#publee #geriyebir #geri_icon{
    
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    transform: rotate(45deg);
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;

    }
#publee #geriyebir #geri{
    float: left;
    width: 70%;
    color: #000;
    font-size: 13px;
    padding: 0px !important;
    margin-left: 5px;
    margin-top: -2px;
}


#publee #geriyeiki{
    width: 6%;
    position: fixed;
    height: 20px;
    top: 5%;
    left: 27%;
    cursor: pointer;
    display: none;
}

#publee #geriyeiki #geri_icon{
    
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    transform: rotate(45deg);
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;

    }
#publee #geriyeiki #geri{
    float: left;
    width: 70%;
    color: #000;
    font-size: 13px;
    padding: 0px !important;
    margin-left: 5px;
    margin-top: -2px;
}

#publee #cclosse img{
    float: left;
    width: 100%;
    height: 30px;

}
#p_ust{
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #6da243;
    text-align: center;
    color: #6ba047;
    font-family: times;
    font-size: 18px;
}
#sol_p{
    float: left;
    width: 7%;
    height: 260px;
    margin-left: 10%;
    margin-top: 115px;

}

#sol_p #yuxari_p{
    float: left;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    margin-left: 20px;
    cursor: pointer;
}

#sol_p #mertebe_p{
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #4ec6c6;

   
}
#sol_p #mertebe_p #textt{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 9px; 

    
}

 #sol_p #mertebe_p #number_id{
    width: 50%;
    margin-left: 25%;
    margin-top: 17%;
    color: #fff;
    border: none;
    background: none;
    text-align: center;
    font-size: 16px;
}

#sol_p #asagi_p{
    float: left;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    margin-left: 20px;
    cursor: pointer;

}

#sol_p #kompass{
    float: left;
    width: 70px;
    height: 50px;
    margin-top: 55px;
 

}
#sol_p #kompass img{
    float: left;
    width: 100%;
}

#evs{
    float: left;
    width: 64%;
    height: 80%;
    margin-top: 1%;
    margin-left: 1%;    
}
#evs #arxafon{
    position: fixed;
    float: left;
    width: 54%;
}
#arxafon .blokd {
    float: left;
    width: 100%;
    display: none;
    cursor: pointer;
    
}




#publee #mertebe_p{
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #4ec6c6;

   
}


#kalkulator {
    position: absolute;
    width: 48%;
    height: 59vh;
    left: 26.5%;
    top: 10vh;
    background: #fff;
    border: 1px solid #9a9a9a;
    box-shadow: 1px 10px 10px 1px #b5b5b5;
    display: none;
    border-radius: 10px;

}

#kalkulator #cix_b{
    float: right;
    color: #9a9a9a;
    font-size: 2vh;
    margin-right: 1vh;
    font-weight: bold;
    cursor: pointer;
}

#kalkulator #k_ustbir{
    float: left;
    width: 100%;
    color: #000;
    text-align: left;
    font-size: 2.3vh;
    text-indent: 2vh;
    font-family: monospace;
    margin-top: 2%;

}

#kalkulator input[type=text] {
    float: left;
    width: 21%;
    height: 10vh;
    font-size: 5vh;
    margin-left: 3%;
    margin-top: 1%;
    background: beige;
    border-bottom: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
    color: #000;
    text-indent: 10px;
    border-radius: 5px;
}

#kalkulator #mmkv{
    float: left;
    color: #000;
    font-size: 6vh;
    margin-top: 2%;
    margin-left: 1%;
}

#kalkulator #mmmkv{
    float: left;
    color: #000;
    margin-top: 4%;
    font-size: 3vh;
}

#kalkulator  button{
    float: left;
    width: 35%;
    height: 10vh;
    font-size: 2vh;
    border-radius: 5px;
    margin-left: 14%;
    margin-top: 1%;
    border-color: #293d22;
    color: #fff;
    background: #293d22;
}


#kalkulator #xett{
    float: left;
    width: 100%;
    height: 1px;
    background: #293d22;
    margin-top: 2%;
}

#kalkulator #neticesi{
    float: left;
    width: 100%;
    height: auto;

}

#kalkulator #neticesi li{
    float: left;
    width: 100%;
    height: 4vh;
    margin-top: 1vh;
}



#kalkulator #neticesi li #m_add{
    float: left;
    width: 100%;
    color: #000;
    font-size: 2.5vh;
    text-indent: 2%;
}

#kalkulator #neticesi li #m_addiki{
    float: left;
    min-width: 23%;
    color: #000;
    font-size: 2.5vh;
    text-indent: 2%;
}
#kalkulator #neticesi li #m_k{
    float: left;
    color: #000;
    font-size: 14px;
}

#publee #sag_p{
    float: left;
    width: 8%;
    margin-left: 3%;
    margin-top: 2%;


}

#publee #sag_p  .menzi{
    margin-top: 70px;
    background: #888888 !important;

}
#publee #sag_p  .menzi #textt{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 32px;
    margin-top: 6px;
    text-indent: 1px;
    cursor: pointer;

    }
#publee #sag_p  .menzil{
    margin-top: 70px;
    background: #888888 !important;

}
#publee #sag_p  .menzil #textt{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 32px;
    margin-top: 6px;
    text-indent: 1px;
    cursor: pointer;

    }
#publee #sag_p  .ffc{
    margin-top: 70px;
    background: #888888 !important;

}

    #publee #sag_p  .ffc #textt{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 32px;
    margin-top: 6px;
    text-indent: 1px;
    cursor: pointer;

    }
#publee #sag_p  .ffc #textt:hover{
    color: #fff !important;

    }
#publee #sag_p  .ffc #textt:before{
    color: #fff !important;

    }

#publee #sag_p  .ffc #textt:after{
    color: #fff !important;

    }


#publee #sag_p  .ffc #textt:hover i{
    color: #fff !important;

    }
#publee #sag_p  .ffc #textt:before i{
    color: #fff !important;

    }

#publee #sag_p  .ffc #textt:after i{
    color: #fff !important;

    }

#publee  #sag_p .otaq{
    margin-top: 10px;
    background: #95c83d !important;

}

#publee #sag_p  .sahe{
    margin-top: 10px;
    background: #54acd2 !important;

}


	.overload-left{position:fixed;
	top:0;
left:-50%;
overflow:hidden;
width:100%;
height:100%;
opacity:1;
background:transparent;
-webkit-backface-visibility:hidden;
-webkit-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transform:skew(-25deg, 0deg);
-moz-transform:skew(-25deg, 0deg);
-ms-transform:skew(-25deg, 0deg);
-o-transform:skew(-25deg, 0deg);
transform:skew(-25deg, 0deg)}
.overload-left.loading-done{-webkit-animation:fadeleft 1.5s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-animation:fadeleft 1.5s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation:fadeleft 1.5s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86)}
.overload-right{position:fixed;
	top:0;
right:-50%;
overflow:hidden;
width:100%;
height:100%;
opacity:1;
background:transparent;
-webkit-backface-visibility:hidden;
-webkit-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transform:skew(-25deg, 0deg);
-moz-transform:skew(-25deg, 0deg);
-ms-transform:skew(-25deg, 0deg);
-o-transform:skew(-25deg, 0deg);
transform:skew(-25deg, 0deg)}
.overload-right.loading-done{-webkit-animation:faderight 1.5s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-animation:faderight 1.5s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation:faderight 1.5s normal forwards cubic-bezier(0.785, 0.135, 0.15, 0.86)}
#loading{position:fixed;
	z-index:50;
width:100vw;
height:100vh;
background:rgba(32,35,45,0.4)}
#loading.loading-done{background:transparent}
#loading #preloader{
position:relative;
top:calc(50% - 1.5rem);
width:100%;
height:3rem;
margin:0 auto;
text-align:center;
-webkit-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
#loading #preloader.loading-done{opacity:0}
#loading #preloader:after{font-size:1.2rem;
	font-weight:700;
position:absolute;
top:4rem;
right:0;
left:0;
width:100%;
height:1px;
content:'Loading';
text-align:center;
letter-spacing:.2rem;
text-transform:uppercase;
color:#fff}
#loading #preloader span{position:absolute;
	border:2px solid #6534ff;
-webkit-backface-visibility:hidden;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%}
#loading #preloader span:nth-child(1){z-index:10;
	left:calc(50% - 1.5rem);
width:3rem;
height:3rem;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
-webkit-animation:spinning 1.2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-animation:spinning 1.2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation:spinning 1.2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86)}
#loading #preloader span:nth-child(2){left:calc(50% - 1.5rem);
	width:3rem;
height:3rem}
@-webkit-keyframes fadeleft{0%{left:-50%;
	background:rgba(32,35,45,0.4)}
	100%{left:-150%;
	opacity:0}
}
	@-moz-keyframes fadeleft{0%{left:-50%;
	background:rgba(32,35,45,0.4)}
	100%{left:-150%;
	opacity:0}
}
	@keyframes fadeleft{0%{left:-50%;
	background:rgba(32,35,45,0.4)}
	100%{left:-150%;
	opacity:0}
}
	@-webkit-keyframes faderight{0%{right:-50%;
	background:rgba(32,35,45,0.4)}
	100%{right:-150%;
	opacity:0}
}
	@-moz-keyframes faderight{0%{right:-50%;
	background:rgba(32,35,45,0.4)}
	100%{right:-150%;
	opacity:0}
}
	@keyframes faderight{0%{right:-50%;
	background:rgba(32,35,45,0.4)}
	100%{right:-150%;
	opacity:0}
}
	@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
	@-moz-keyframes spinning{0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}
	@keyframes spinning{0%{-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)}
}
html{font-size:62.5%}
body{
font-family:okmedia;
font-size:18px;
font-weight:normal;
font-weight:400;
font-style:normal;
line-height:1.8;
position:absolute;
height:100%;
letter-spacing:0;
background:#2B2D35;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
body.mobile-device .section{-webkit-transform:rotateX(0);
	-moz-transform:rotateX(0);
-ms-transform:rotateX(0);
-o-transform:rotateX(0);
transform:rotateX(0)}
.scroll-touch{overflow-y:auto;
	-webkit-overflow-scrolling:touch}
	body,html{overflow:hidden;
	width:100%;
margin:0;
padding:0;
-webkit-tap-highlight-color:transparent}
body,input,select,textarea{-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
a{cursor:pointer;
	text-decoration:none;
color:#fff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
a:hover{text-decoration:none !important;
	color:#f9dcaf;
outline:none !important}
a:active,a:focus{text-decoration:none !important;
	color:#fff;
outline:none !important}
button{cursor:pointer;
	-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
button:hover,button:active,button:focus{text-decoration:none !important;
	color:#2B2D35;
outline:none !important}
strong,b{font-weight:700}
em,i{font-style:italic}
font-size:1.4rem;
font-weight:400;
line-height:1.8;
margin:0;
color:#fff}
p.subtitle{font-family:Lato,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.5rem;
margin-bottom:4rem;
letter-spacing:.5rem;
text-transform:uppercase}
img{-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
p.text-intro{font-size:2rem;
	font-weight:300;
line-height:1.5;
margin-bottom:3rem;
color:#fff}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;
	color:inherit}

	h1{font-size:10rem;
	font-weight:400;
text-transform:uppercase}

.clear{clear:both}
.display-none{display:none !important}
.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}
.no-margin-bottom{margin-bottom:0}
.opacity-0{visibility:hidden !important;
	opacity:0 !important}
	.opacity-03{opacity:.3 !important}
	.opacity-1{visibility:visible !important;
	opacity:1 !important}
	.index-999{z-index:-999 !important}
	#pagepiling{position:absolute;
	bottom:0;
left:0;
width:100vw;
height:100vh;
opacity:0;
-webkit-transition:all,.4s,ease;
-moz-transition:all,.4s,ease;
transition:all,.4s,ease}
#pagepiling.content-opened{opacity:.3 !important;
	-webkit-transform:translate3d(-50%, 0, 0);
-moz-transform:translate3d(-50%, 0, 0);
-ms-transform:translate3d(-50%, 0, 0);
-o-transform:translate3d(-50%, 0, 0);
transform:translate3d(-50%, 0, 0)}
#pagepiling.menu-opened{opacity:.3 !important;
	-webkit-transform:translate3d(50%, 0, 0);
-moz-transform:translate3d(50%, 0, 0);
-ms-transform:translate3d(50%, 0, 0);
-o-transform:translate3d(50%, 0, 0);
transform:translate3d(50%, 0, 0)}
.pp-section{position:absolute;
	width:100%;
height:100%}
.pp-section .intro{z-index:5;
	opacity:0;
-webkit-transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px)}
.pp-easing{-webkit-transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	-moz-transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
-o-transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
transition:all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
-webkit-transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99);
-moz-transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99);
-o-transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99);
transition-timing-function:cubic-bezier(0.55, 0.085, 0, 0.99)}
#pp-nav{position:fixed;
	z-index:100;
top:50%;
margin-top:-32px;
opacity:1}
#pp-nav.right{right:17px}
#pp-nav.left{left:17px}
.pp-section.pp-table{display:table}
.pp-tableCell{display:table-cell;
	width:100%;
height:100%;
vertical-align:middle}
.pp-slidesNav{position:absolute;
	z-index:4;
left:50%;
opacity:1}
.pp-slidesNav.bottom{bottom:17px}
.pp-slidesNav.top{top:17px}
#pp-nav ul,.pp-slidesNav ul{margin:0;
	padding:0}
	#pp-nav li,.pp-slidesNav li{position:relative;
	display:block;
width:14px;
height:13px;
margin:7px}
.pp-slidesNav li{display:inline-block}
#pp-nav li a,.pp-slidesNav li a{position:relative;
	z-index:1;
display:block;
width:100%;
height:100%;
cursor:pointer;
text-decoration:none}
#pp-nav li .active span,.pp-slidesNav .active span{background:#fff}
#pp-nav span,.pp-slidesNav span{position:absolute;
	z-index:1;
top:2px;
left:2px;
width:8px;
height:8px;
border:none;
border-radius:50%;
background:rgba(255,255,255,0.4)}
.pp-tooltip{font-family:arial, helvetica, sans-serif;
	font-size:14px;
position:absolute;
top:-2px;
max-width:220px;
white-space:nowrap;
color:#fff}
.pp-tooltip.right{right:20px}
.pp-tooltip.left{left:20px}
.pp-scrollable{overflow-y:scroll;
	height:100%}
	#pp-nav.right{right:6vw}
	#pp-nav.left{left:6vw}
	.section{top:100%;
	left:0;
width:100%;
height:100%;
text-align:center;
opacity:1;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
-o-transform-origin:center top;
transform-origin:center top;
-webkit-transform:rotateX(-60deg);
-moz-transform:rotateX(-60deg);
-ms-transform:rotateX(-60deg);
-o-transform:rotateX(-60deg);
transform:rotateX(-60deg);
-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
.section:first-child{top:0}
.section.horizontal-mod{top:0;
	left:100%;
-webkit-transform-origin:center left;
-moz-transform-origin:center left;
-ms-transform-origin:center left;
-o-transform-origin:center left;
transform-origin:center left;
-webkit-transform:rotateX(0deg) rotateY(-60deg);
-moz-transform:rotateX(0deg) rotateY(-60deg);
-ms-transform:rotateX(0deg) rotateY(-60deg);
-o-transform:rotateX(0deg) rotateY(-60deg);
transform:rotateX(0deg) rotateY(-60deg)}
.section.horizontal-mod:first-child{top:auto;
	left:0}
	.pp-section.active{opacity:1 !important;
	-webkit-transform:rotateX(0) rotateY(0);
-moz-transform:rotateX(0) rotateY(0);
-ms-transform:rotateX(0) rotateY(0);
-o-transform:rotateX(0) rotateY(0);
transform:rotateX(0) rotateY(0)}
.pp-section.active .intro{opacity:1;
	-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)}
#menu{position:fixed;
	z-index:45;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
white-space:nowrap;
opacity:0;
border-bottom:1px solid rgba(255,255,255,0.4);
-webkit-transition:all,.4s,ease;
-moz-transition:all,.4s,ease;
transition:all,.4s,ease}
#menu.popup-opened{top:-6rem}
#menu.content-opened{-webkit-transform:translate3d(-50vw, 0, 0);
	-moz-transform:translate3d(-50vw, 0, 0);
-ms-transform:translate3d(-50vw, 0, 0);
-o-transform:translate3d(-50vw, 0, 0);
transform:translate3d(-50vw, 0, 0)}
#menu li{font-family:Lato,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
line-height:5rem;
position:relative;
display:inline-block;
float:left;
min-width:4rem;
height:5rem;
margin:0;
text-align:center;
color:#fff;
-webkit-transition:all,.4s,ease;
-moz-transition:all,.4s,ease;
transition:all,.4s,ease}
#menu li.main-nav::before{position:absolute;
	z-index:-1;
top:0;
right:0;
bottom:0;
left:0;
content:'';
opacity:.1;
background:#fff;
-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
#menu li.main-nav::after{position:absolute;
	z-index:-2;
top:0;
right:0;
bottom:0;
left:0;
content:'';
opacity:.2;
-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
#menu li.active.main-nav::before{opacity:0}
#menu li.active.main-nav::after{opacity:1}
#menu li:hover span{visibility:visible;
	opacity:1;
color:#fff;
-webkit-transform:translateY(0) rotateX(0);
-moz-transform:translateY(0) rotateX(0);
-ms-transform:translateY(0) rotateX(0);
-o-transform:translateY(0) rotateX(0);
transform:translateY(0) rotateX(0)}
#menu li:hover::before{opacity:0}
#menu li:hover::after{opacity:1}
#menu li a{font-weight:400;
	display:block;
overflow:visible;
padding:0 2rem;
text-decoration:none;
text-transform:uppercase;
color:#fff}
#menu li a span{font-family:Raleway,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
font-weight:700;
position:absolute;
bottom:-5rem;
left:.5rem;
visibility:hidden;
text-align:left;
letter-spacing:.1rem;
opacity:0;
color:#004c0b;
-webkit-transition:all,.4s,ease;
-moz-transition:all,.4s,ease;
transition:all,.4s,ease;
-webkit-transform:translateY(2rem) rotateX(90deg);
-moz-transform:translateY(2rem) rotateX(90deg);
-ms-transform:translateY(2rem) rotateX(90deg);
-o-transform:translateY(2rem) rotateX(90deg);
transform:translateY(2rem) rotateX(90deg)}
#menu #menu-link{position:absolute;
	z-index:80;
top:0;
right:0;
margin:0;
padding:0}
#menu #menu-link li{font-family:Raleway,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
font-weight:700;
display:inline-block;
letter-spacing:.1rem;
text-transform:uppercase}

#menu #menu-link li a{
	font-weight:700;
	display:block;
	padding:0 2rem;
    padding-left: 11px;
    padding-right: 11px;
    text-shadow: 1px 1px #004c0b;
        min-width: 4rem;
        color:#004c0b;
}
#menu #menu-link li a span{font-size:1.1rem;
	position:absolute;
right:.5rem;
bottom:-5rem;
left:auto;
visibility:hidden;
text-align:right;
opacity:0;
color:#fff;
-webkit-transition:all,.4s,ease;
-moz-transition:all,.4s,ease;
transition:all,.4s,ease;
-webkit-transform:translateY(2rem) rotateX(90deg);
-moz-transform:translateY(2rem) rotateX(90deg);
-ms-transform:translateY(2rem) rotateX(90deg);
-o-transform:translateY(2rem) rotateX(90deg);
transform:translateY(2rem) rotateX(90deg)}
#menu #menu-link li a:hover{color:#fff;
	background:rgba(255,255,255,0.2)}
	#menu #menu-link li a:hover span{visibility:visible;
	opacity:1;
color:#fff;
-webkit-transform:translateY(0) rotateX(0);
-moz-transform:translateY(0) rotateX(0);
-ms-transform:translateY(0) rotateX(0);
-o-transform:translateY(0) rotateX(0);
transform:translateY(0) rotateX(0)}
#info{position:fixed;
	z-index:70;
top:0;
overflow-y:scroll;
width:50%;
height:100vh;
background:#fff;
-webkit-transform:translateX(200%);
-moz-transform:translateX(200%);
-ms-transform:translateX(200%);
-o-transform:translateX(200%);
transform:translateX(200%);
-webkit-transition:all,.4s,ease;
-moz-transition:all,.4s,ease;
transition:all,.4s,ease}
#info h1,#info h2,#info h3,#info h4,#info h5,#info h6{margin-bottom:2.5rem;
	text-align:left;
color:#22264b}
#info h1 small,#info h2 small,#info h3 small,#info h4 small,#info h5 small,#info h6 small{font-family:Lora,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.6rem;
font-style:italic;
display:block;
margin-top:.8rem;
color:rgba(0,0,0,0.5)}
#info p{color:#666}
#info.content-opened{-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)}
#info .carousel-fade{margin-bottom:3rem}
#info .carousel-fade .carousel-inner .item{transition-property:opacity;
	-webkit-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955)}
#info .carousel-fade .carousel-inner .item,#info .carousel-fade .carousel-inner .active.left,#info .carousel-fade .carousel-inner .active.right{opacity:0}
#info .carousel-fade .carousel-inner .active,#info .carousel-fade .carousel-inner .next.left,#info .carousel-fade .carousel-inner .prev.right{opacity:1}
#info .carousel-fade .carousel-inner .next,#info .carousel-fade .carousel-inner .prev,#info .carousel-fade .carousel-inner .active.left,#info .carousel-fade .carousel-inner .active.right{left:0;
	transform:translate3d(0, 0, 0)}
	#info .carousel-fade .carousel-control{z-index:2;
	top:auto;
bottom:0;
width:40px;
opacity:1}
#info .carousel-fade .carousel-control:hover{color:#6534ff}
#info .carousel-fade .carousel-control.left{right:50px;
	left:auto;
background:transparent}
#info .carousel-fade .carousel-control.right{right:10px;
	background:transparent}
	#info span.separator{display:block;
	width:100%;
height:2px;
margin:50px 0 60px;
background:#f2f3f7}
#info #carouselClients a{position:relative;
	display:block;
opacity:.3}
#info #carouselClients a img{max-height:3rem;
	margin:5rem auto 0}
	#info #carouselClients a:hover{opacity:1}
	#info #carouselClients .carousel-control{display:none}
	#info .info-contact{margin-top:2rem;
	margin-bottom:0;
text-align:left}
#info .info-contact .item-contact .contact-item{font-size:14px;
	padding:15px 0}
	#info .info-contact .item-contact .contact-item i{font-size:2em;
	color:#647e37}
	#info .info-contact .item-contact .contact-item a{color:#8c8c8c}
	#info .info-contact .item-contact .contact-item a:hover{color:#6534ff}
	#info #contact-form{margin-top:2rem}
	#info #contact-form .form-group:hover .icon-fields{color:#647e37}
	#info #contact-form .icon-fields{position:absolute;
	top:12px;
left:25px;
color:rgba(0,0,0,0.15);
color:#647e37;
-webkit-transition:all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
#info #contact-form .icon-fields.active{color:#6534ff}
#info #contact-form .form-control{font-weight:700;
	width:100%;
height:40px;
margin-bottom:10px;
padding:6px 8px 6px 35px;
text-align:left;
color:rgba(0,0,0,0.8);
border:none;
border-bottom:1px solid #F1F1F1;
outline:medium none;
background:#fff;
box-shadow:none;
-webkit-transition:all,0.3s,cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition:all,0.3s,cubic-bezier(0.77, 0, 0.175, 1);
transition:all,0.3s,cubic-bezier(0.77, 0, 0.175, 1);
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0}
#info #contact-form .form-control::-webkit-input-placeholder{font-family:Lora,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-weight:400;
color:#a6a6a6 !important}
#info #contact-form .form-control::-moz-placeholder{font-family:Lora,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-weight:400;
color:#a6a6a6 !important}
#info #contact-form .form-control:-moz-placeholder{font-family:Lora,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-weight:400;
color:#a6a6a6 !important}
#info #contact-form .form-control:-ms-input-placeholder{font-family:Lora,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-weight:400;
color:#a6a6a6 !important}
#info #contact-form .form-control:hover,#info #contact-form .form-control:focus{box-shadow:none}
#info #contact-form textarea.form-control{line-height:2;
	min-height:150px}
	#info #contact-form span.sub-text{font-size:1rem;
	position:absolute;
right:1rem;
bottom:-1rem;
color:#b3b3b3}
#info #contact-form #ios{position:absolute;
	visibility:hidden}
	#info #contact-form .button{position:relative;
	top:0;
display:block;
float:left;
width:70px;
height:34px;
margin:1rem 0 1rem;
cursor:pointer;
background:#fff;
will-change:background}
#info #contact-form .button.ios{position:relative;
	-webkit-border-radius:100px;
-moz-border-radius:100px;
-ms-border-radius:100px;
border-radius:100px;
-webkit-transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1);
transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1)}
#info #contact-form .button.ios:before{position:absolute;
	top:0;
left:0;
display:block;
width:100%;
height:100%;
content:'';
background-color:#fff;
box-shadow:inset 0 10px 30px rgba(0,0,0,0.2);
-webkit-border-radius:100px;
-moz-border-radius:100px;
-ms-border-radius:100px;
border-radius:100px;
-webkit-transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1);
transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1);
will-change:transform;
will-change:background}
#info #contact-form .button.ios:after{position:absolute;
	top:2px;
left:2px;
display:block;
width:30px;
height:30px;
content:'';
background-color:#fff;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
-webkit-border-radius:100px;
-moz-border-radius:100px;
-ms-border-radius:100px;
border-radius:100px;
-webkit-transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1);
transition:background,0.25s,cubic-bezier(0.77, 0, 0.175, 1)}
#info #contact-form input[type=checkbox]:checked+label.ios{background-color:#40E699;
	-webkit-transition:0s background,0s,cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition:0s background,0s,cubic-bezier(0.77, 0, 0.175, 1);
transition:0s background,0s,cubic-bezier(0.77, 0, 0.175, 1)}
#info #contact-form input[type=checkbox]:checked+label.ios:after{-webkit-transform:translateX(35px);
	-moz-transform:translateX(35px);
-ms-transform:translateX(35px);
-o-transform:translateX(35px);
transform:translateX(35px)}
#info #contact-form input[type=checkbox]:checked+label.ios:active:after{-webkit-transform:translateX(10px);
	-moz-transform:translateX(10px);
-ms-transform:translateX(10px);
-o-transform:translateX(10px);
transform:translateX(10px)}
#info #contact-form input[type=checkbox]:checked+label.ios:before{-webkit-transform:translateX(10px) scale(0.1);
	-moz-transform:translateX(10px) scale(0.1);
-ms-transform:translateX(10px) scale(0.1);
-o-transform:translateX(10px) scale(0.1);
transform:translateX(10px) scale(0.1)}
#info #contact-form label.check-news{font-family:Lora,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.4rem;
font-style:italic;
display:block;
float:left;
margin-top:1.3rem;
margin-left:.6rem;
color:rgba(0,0,0,0.5)}
#info #contact-form button#valid-form{font-family:Raleway,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
font-weight:700;
display:inline-block;
margin-top:2rem;
padding:1.4rem 3rem;
letter-spacing:.1rem;
text-transform:uppercase;
color:#fff;
border:none;
background:#647e37;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px}
#info #contact-form button#valid-form:hover{color:#fff;
	background:#784eff}
	#info #block-answer{margin-top:1em;
	text-align:left;
color:#757A86}
#info .success-message,#info .error-message{color:#757A86}
#info .success-message p,#info .error-message p{color:#757A86 !important}
#info .success-message .ion-checkmark-round,#info .error-message .ion-checkmark-round{color:#27AE60}
#info .error-message .ion-close-round{color:#FF1D4D}
#info .close-content{font-size:1em;
	line-height:0;
position:fixed;
top:1.5rem;
right:0rem;
width:5rem;
height:5rem;
opacity:1;
color:#999;
border:none;
background:transparent}
#info .close-content i{display:inline-block;
	-webkit-transition:all,.2s,ease-in-out;
-moz-transition:all,.2s,ease-in-out;
transition:all,.2s,ease-in-out}
#info .close-content:hover i{color:#666}
.section .global-overlay{position:absolute;
	z-index:-1;
top:0;
left:0;
overflow:visible;
width:100vw;
height:100vh;
background:-webkit-linear-gradient(rgba(34,38,75,0.1), rgba(34,38,75,0.5));
background:linear-gradient(rgba(34,38,75,0.1), rgba(34,38,75,0.5))}
.section .img-info{font-size:12px;
	font-weight:400;
position:absolute;
z-index:999;
bottom:40px;
left:50px;
text-align:left;
color:#fff}
.section .img-info h5{font-size:1.1rem;
	font-weight:700;
letter-spacing:.3rem;
text-transform:uppercase;
color:#f2f3f7}
.section .img-info h2{font-family:Montserrat,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif}
.section .img-info a{font-weight:700}
.section .img-info a.action-btn{font-family:Raleway,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-weight:700;
display:block;
float:left;
margin-right:1rem;
padding:.7em 2em;
color:#fff;
border:1px solid rgba(255,255,255,0.4);
background:rgba(45,49,56,0.1);
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px}
.section .img-info a.action-btn:hover{color:#22264b;
	border-color:#fff;
background:#fff}
.section .img-info p.credit{margin:0 0 2rem;
	color:#fff}
	.section .img-info p.credit i{min-width:2rem;
	color:rgba(255,255,255,0.6)}
	.section .carousel{position:absolute;
	top:0;
left:0;
width:100%;
height:100%}
.section#section3 .carousel .carousel-inner{height:100%}
.section#section3 .carousel .carousel-inner .global-overlay{z-index:10}
.section#section3 .carousel .carousel-inner .item{width:100%;
	height:100%;
-webkit-transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1)}
.section#section3 .carousel .carousel-inner .item:nth-child(2){background:url("../img/003.jpg") center;
background-size:cover}
.section#section3 .carousel .carousel-inner .item:nth-child(3){background:url("../img/004.jpg") center;
background-size:cover}
.section#section3 .carousel .carousel-inner .item:nth-child(4){background:url("../img/004.jpg") center;
background-size:cover}
.section#section3 .carousel .carousel-control{z-index:50}
.section #vertical-parent-gallery{margin:0}
.section .vertical-gallery{overflow:hidden;
	height:100vh;
opacity:1;
background-size:cover;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-moz-box-pack:center;
box-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
-ms-flex-pack:center;
-webkit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
-ms-flex-align:center;
-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
.section .vertical-gallery:hover .vertical-photo{opacity:1}
.section .vertical-gallery:hover:after{opacity:0}
.section .vertical-gallery .text-gallery{z-index:100;
	opacity:1;
-webkit-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)}
.section .vertical-gallery .text-gallery h4{font-family:Montserrat,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
font-weight:700;
letter-spacing:.3rem;
text-transform:uppercase;
color:#f2f3f7}
.section .vertical-gallery a{position:absolute;
	z-index:10;
top:0;
left:0;
width:100%;
height:100%}
.section .vertical-gallery:after{position:absolute;
	z-index:1;
top:0;
left:0;
overflow:visible;
width:100%;
height:100%;
content:'';
background:-webkit-linear-gradient(rgba(34,38,75,0.3), rgba(34,38,75,0.7));
background:linear-gradient(rgba(34,38,75,0.3), rgba(34,38,75,0.7));
-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
.section .vertical-gallery.fullscreen-picture{position:absolute;
	z-index:200;
top:0;
left:0;
width:100vw;
height:100vh}
.section .vertical-gallery:nth-child(1) .vertical-photo{background:url("../img/vertical-gallery-1.jpg") center;
background-size:cover}
.section .vertical-gallery:nth-child(2) .vertical-photo{background:url("../img/vertical-gallery-2.jpg") center;
background-size:cover}
.section .vertical-gallery:nth-child(3) .vertical-photo{background:url("../img/vertical-gallery-3.jpg") center;
background-size:cover}
.section .vertical-gallery:nth-child(4) .vertical-photo{background:url("../img/vertical-gallery-4.jpg") center;
background-size:cover}
.section .vertical-gallery .vertical-photo{position:absolute;
	z-index:0;
top:0;
left:0;
width:100%;
height:100%;
opacity:1;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
.section .vertical-gallery:hover .text-gallery{visibility:hidden;
	opacity:0;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px)}
.section .vertical-gallery:hover .vertical-photo{-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)}
/*#section1,#menu li.main-nav:nth-child(1)::after{background:url("../img/001.jpg") center;
background-size:cover}*/
#section1.horizontal-mod{background:url("../img/001.jpg") center;
background-size:cover}
#menu li.nav-hor::after{background:url("../img/001.jpg") center !important;
background-size:cover !important}
#section2,#menu li.main-nav:nth-child(2)::after{background:url("../img/002.jpg") center;
background-size:cover}
#menu li.main-nav:nth-child(3)::after{background:url("../img/003.jpg") center;
background-size:cover}
#section4,#menu li.main-nav:nth-child(4)::after{background:url("../img/004.jpg") center;
background-size:cover}
#menu li.main-nav:nth-child(5)::after{background:url("../img/background-5.jpg") center;
background-size:cover}
#section6,#menu li.main-nav:nth-child(6)::after{background:url("../img/background-6.jpg") center;
background-size:cover}
#menu li.main-nav:nth-child(7)::after{background:url("../img/background-7.jpg") center;
background-size:cover}
#section7{background:#2B2D35}
#section8,#menu li.main-nav:nth-child(8)::after{background:url("../img/background-8.jpg") center;
background-size:cover}
#section9,#menu li.main-nav:nth-child(9)::after{background:url("../img/background-9.jpg") center;
background-size:cover}
#menu li.main-nav:nth-child(10)::after{background:url("../img/background-10.jpg") center;
background-size:cover}
.map-wrapper{position:absolute;
	z-index:5;
top:0;
left:0;
width:100vw;
height:100vh;
padding-top:50px;
color:#666 !important;
background:#2b2b2b;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0}
.map-wrapper #map{position:relative;
	width:100%;
height:100%}
.map-wrapper #map h6{font-size:1.4rem;
	font-weight:700;
margin:1rem 1rem .2rem 0;
text-align:left;
color:#000}
.map-wrapper #map h6 small{font-weight:700;
	text-transform:uppercase;
color:rgba(0,0,0,0.5)}
.map-wrapper #map p{font-size:1.2rem;
	font-weight:400;
line-height:1.5;
text-align:left;
color:#666}
.map-wrapper #map .gm-style div div div .gmnoprint{opacity:1 !important;
	background:#fff;
-webkit-border-radius:10rem;
-moz-border-radius:10rem;
-ms-border-radius:10rem;
border-radius:10rem;
-webkit-animation:pulse 2s infinite linear;
-moz-animation:pulse 2s infinite linear;
animation:pulse 2s infinite linear}
@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.4)}
70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@-moz-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.4)}
70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.4)}
70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#b29aff}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#b29aff}
.mCSB_scrollTools{position:absolute;
	z-index:10;
top:0;
right:0;
bottom:0;
left:auto;
width:.4rem;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
transition:all .6s ease-in-out}
.mCSB_scrollTools .mCSB_draggerRail{width:10px;
	height:100%;
margin:0;
background-color:#e4e4e4;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0;
filter:'alpha(opacity=40)';
-ms-filter:'alpha(opacity=40)'}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;
	width:10px;
height:100%;
margin:0 auto;
text-align:center}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#647e37}
.mCSB_scrollTools-left{right:0 !important}
.mCSB_container{padding:0rem 2rem 0rem}
.dialog,.dialog__overlay{top:0;
	left:0;
width:100%;
height:100%}
.dialog{position:absolute;
	z-index:999;
pointer-events:none;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-moz-box-pack:center;
box-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
-ms-flex-pack:center;
-webkit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
-ms-flex-align:center}
.dialog__overlay{position:absolute;
	z-index:1;
opacity:0;
background:rgba(31,34,46,0.9);
-webkit-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
.dialog--open .dialog__overlay{pointer-events:auto;
	opacity:1}
	.dialog__content{position:relative;
	z-index:5;
overflow:scroll;
width:100vw;
height:100vh;
padding:0;
text-align:center;
opacity:0;
background:transparent;
background-size:cover;
-webkit-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
.dialog--open .dialog__content{width:100%;
	pointer-events:auto}
	.dialog .close-content{font-size:2em;
	line-height:0;
position:absolute;
right:calc( 50% - 25px);
bottom:0;
width:50px;
height:50px;
opacity:1;
color:#fff;
border:none;
background:rgba(255,255,255,0.1)}
.dialog .close-content i{display:inline-block;
	-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out}
.dialog .close-content:hover i{font-size:3.5rem;
	color:#6534ff}
	.dialog.dialog--open .dialog-inner{opacity:1;
	-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)}
.dialog .dialog-inner{position:relative;
	top:50vh;
float:none;
overflow:hidden;
margin:0 auto;
padding:90px 70px;
text-align:left;
opacity:0;
-webkit-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transform:translateY(-70%);
-moz-transform:translateY(-70%);
-ms-transform:translateY(-70%);
-o-transform:translateY(-70%);
transform:translateY(-70%)}
.dialog .dialog-inner::before{position:absolute;
	z-index:-1;
top:0;
left:0;
width:100%;
height:100%;
content:' '}
.dialog .dialog-inner h4{font-size:4rem;
	font-weight:700;
color:#fff}
.dialog .dialog-inner .details h5{font-size:2.2rem;
	font-weight:700;
line-height:4.5rem;
margin-bottom:0;
padding-left:4.5rem;
color:#fff}
.dialog .dialog-inner .details h5 i{font-size:1.6rem;
	line-height:1;
position:absolute;
left:1.5rem;
width:3.5rem;
height:3.5rem;
margin-right:.5rem;
padding:.8rem 1rem;
text-align:center;
color:#784eff;
border:1px solid #6534ff}
.dialog .dialog-inner .details h5 i:before{position:absolute;
	left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%)}
.dialog .dialog-inner .details p{font-size:1.4rem;
	font-weight:400;
margin-bottom:1.5rem}
.dialog .dialog-inner .details p a{font-weight:700}
.dialog .dialog-inner p{font-size:16px;
	color:#f2f3f7}
	.dialog__overlay{-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
.dialog.dialog--open .dialog__content,.dialog.dialog--close .dialog__content{-webkit-animation-duration:0.4s;
	-moz-animation-duration:0.4s;
animation-duration:0.4s;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards}
.dialog.dialog--open .dialog__content{-webkit-animation-name:anim-open;
	-moz-animation-name:anim-open;
animation-name:anim-open}
.dialog.dialog--close .dialog__content{-webkit-animation-name:anim-close;
	-moz-animation-name:anim-close;
animation-name:anim-close}
@-webkit-keyframes anim-open{0%{opacity:0;
	-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)}
100%{opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
}
@-moz-keyframes anim-open{0%{opacity:0;
	-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)}
100%{opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
}
@keyframes anim-open{0%{opacity:0;
	-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)}
100%{opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
}
@-webkit-keyframes anim-close{0%{opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
100%{opacity:0;
	-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)}
}
@-moz-keyframes anim-close{0%{opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
100%{opacity:0;
	-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)}
}
@keyframes anim-close{0%{opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)}
100%{opacity:0;
	-webkit-transform:translate3d(0, 50px, 0);
-moz-transform:translate3d(0, 50px, 0);
-o-transform:translate3d(0, 50px, 0);
-ms-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)}
}
.copyright{
	z-index:60;
right:1.5rem;
bottom:1rem}
.copyright p{font-family:Montserrat,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
color:rgba(255,255,255,0.6)}
.mbYTP_wrapper{left:0 !important;
	width:100vw !important;
min-width:0 !important;
opacity:1 !important}
.mbYTP_wrapper:after{position:absolute;
	z-index:1;
top:0;
left:0;
overflow:visible;
width:100vw;
height:100vh;
content:'';
background:-webkit-linear-gradient(rgba(34,38,75,0.1), rgba(34,38,75,0.5));
background:linear-gradient(rgba(34,38,75,0.1), rgba(34,38,75,0.5))}
.youtube-background-mobile{background:url("../img/background-7.jpg") center;
background-size:cover}
#swipebox-title{font-family:Montserrat,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
font-weight:700;
line-height:50px;
letter-spacing:.3rem;
text-transform:uppercase;
color:#f2f3f7}
#swipebox-overlay{background:rgba(0,0,0,0.8)}
#swipebox-bottom-bar{background:-webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.5));
	background:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.5))}
	#swipebox-top-bar{background:#000}
	#swipebox-prev{position:absolute;
	top:0;
left:0;
float:none}
#swipebox-next{position:absolute;
	top:0;
right:0;
float:none}
#swipebox-slider .slide{opacity:0;
	-webkit-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86)}
#swipebox-slider .slide.current{opacity:1}
span.holdscroll{position:absolute;
	z-index:10;
left:0;
display:none;
width:100vw;
height:100vh;
content:''}
span.holdscroll.content-opened{display:block;
	opacity:.3;
-webkit-transform:translate3d(-50%, 0, 0);
-moz-transform:translate3d(-50%, 0, 0);
-ms-transform:translate3d(-50%, 0, 0);
-o-transform:translate3d(-50%, 0, 0);
transform:translate3d(-50%, 0, 0)}
span.holdscroll.menu-opened{display:block;
	opacity:.3;
-webkit-transform:translate3d(50%, 0, 0);
-moz-transform:translate3d(50%, 0, 0);
-ms-transform:translate3d(50%, 0, 0);
-o-transform:translate3d(50%, 0, 0);
transform:translate3d(50%, 0, 0)}
.color-btn{font-family:Raleway,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
font-weight:700;
display:inline-block;
padding:1.4rem 3rem;
letter-spacing:.1rem;
text-transform:uppercase;
color:#fff;
border:none;
background:#6534ff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px}
.color-btn:hover{color:#fff;
	background:#784eff}
	.open-close-menu{font-size:2.4em;
	line-height:0;
line-height:5rem;
position:fixed;
z-index:44;
top:0;
left:0;
visibility:hidden;
width:5rem;
height:5rem;
padding-left:1.5rem;
text-align:left;
opacity:0;
color:#fff;
border:none;
background:transparent}
.open-close-menu i{display:inline-block;
	-webkit-transition:all,.2s,ease-in-out;
-moz-transition:all,.2s,ease-in-out;
transition:all,.2s,ease-in-out}
.open-close-menu:hover i{color:#6534ff}
.scroll-indicator{font-family:Raleway,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-size:1.1rem;
font-weight:400;
position:absolute;
z-index:2;
bottom:20px;
left:50%;
display:inline-block;
padding-top:70px;
letter-spacing:.1rem;
text-transform:uppercase;
color:#fff;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%)}
.scroll-indicator:hover{bottom:10px;
	color:#fff}
	.scroll-indicator span{position:absolute;
	top:0;
left:50%;
box-sizing:border-box;
width:24px;
height:24px;
margin-left:-12px;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-animation:scrolling 1.5s infinite;
-moz-animation:scrolling 1.5s infinite;
animation:scrolling 1.5s infinite}
@-webkit-keyframes scrolling{0%{opacity:0;
	-webkit-transform:rotate(-45deg) translate(0, 0)}
	50%{opacity:1}
	100%{opacity:0;
	-webkit-transform:rotate(-45deg) translate(-20px, 20px)}
}
	@-moz-keyframes scrolling{0%{opacity:0;
	-moz-transform:rotate(-45deg) translate(0, 0)}
	50%{opacity:1}
	100%{opacity:0;
	-moz-transform:rotate(-45deg) translate(-20px, 20px)}
}
	@keyframes scrolling{0%{opacity:0;
	-webkit-transform:rotate(-45deg) translate(0, 0);
-moz-transform:rotate(-45deg) translate(0, 0);
-ms-transform:rotate(-45deg) translate(0, 0);
-o-transform:rotate(-45deg) translate(0, 0);
transform:rotate(-45deg) translate(0, 0)}
50%{opacity:1}
100%{opacity:0;
	-webkit-transform:rotate(-45deg) translate(-20px, 20px);
-moz-transform:rotate(-45deg) translate(-20px, 20px);
-ms-transform:rotate(-45deg) translate(-20px, 20px);
-o-transform:rotate(-45deg) translate(-20px, 20px);
transform:rotate(-45deg) translate(-20px, 20px)}
}
.indicator{position:absolute;
	top:50vh;
height:50px;
width:50px;
z-index:40;
display:inline-block;
color:#fff;
opacity:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)}
.indicator:hover{color:#fff}
.indicator span{position:absolute;
	top:12px;
left:10px;
box-sizing:border-box;
width:24px;
height:24px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)}
.indicator.pagepil-left{left:20px}
.indicator.pagepil-left:hover{left:10px}
.indicator.pagepil-left span{border-top:2px solid #fff;
	border-left:2px solid #fff}
	.indicator.pagepil-left.popup-opened{left:-50px}
	.indicator.pagepil-right{right:20px}
	.indicator.pagepil-right:hover{right:10px}
	.indicator.pagepil-right span{border-right:2px solid #fff;
	border-bottom:2px solid #fff}
	.indicator.pagepil-right.popup-opened{right:-50px}
	@media only screen and (max-width: 1024px){#info{width:100%}
	#info.content-opened{-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)}
#info .content{padding:10rem 8rem}
#info.hide-right{right:0}
.mCSB_scrollTools{width:5px;
	height:100vh;
margin-top:0}
.mCSB_scrollTools .mCSB_draggerRail{width:5px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;
	-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
border-radius:0}
.mCSB_scrollTools{right:0}
.mCSB_scrollTools-left{right:0 !important}
#menu{position:absolute;
	left:calc(-50vw - 10px);
overflow:scroll;
width:50vw;
height:100vh;
background:#111}
#menu.menu-opened{left:-50vw;
	-webkit-transform:translateX(50vw);
-moz-transform:translateX(50vw);
-ms-transform:translateX(50vw);
-o-transform:translateX(50vw);
transform:translateX(50vw)}
#menu.popup-opened{top:0}
#menu li{width:100%;
	text-align:left}
	#menu li.social-menu{width:auto}
	#menu li a span{position:relative;
	bottom:0;
visibility:visible;
opacity:1}
#menu #menu-link{position:relative;
	float:left}
	#menu #menu-link li{text-align:left}
	.open-close-menu.loading-done{visibility:visible;
	opacity:1}
	.open-close-menu.popup-opened{visibility:hidden;
	opacity:0}
	.dialog .dialog__content{width:100%;
	max-width:none}
	.dialog .dialog-inner{padding:0}
	.map-wrapper{padding-top:0}
}
	@media only screen and (max-width: 768px){.info-contact .item-map:first-child{padding-left:0}
	.info-contact .item-map:last-child{padding-right:0}
	h1{font-size:7rem}
	p.subtitle{font-size:1.2rem}
	.copyright{display:none}
	.dialog__content{width:80%;
	min-width:75%;
max-width:80%}
.dialog .dialog__content{width:100%;
	max-width:none}
	.dialog .dialog-inner{top:0;
	padding:100px 20px 50px !important;
-webkit-transform:translateY(0) !important;
-moz-transform:translateY(0) !important;
-ms-transform:translateY(0) !important;
-o-transform:translateY(0) !important;
transform:translateY(0) !important;
padding:0}
.dialog .dialog-inner .col-sm-6{width:100%}
.dialog .dialog-inner .details{margin-top:20px}
.section .vertical-gallery{overflow:hidden;
	height:25vh;
width:100%;
opacity:1;
background-size:cover;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-moz-box-pack:center;
box-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
-ms-flex-pack:center;
-webkit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
-ms-flex-align:center;
-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}
}
@media only screen and (max-width: 480px){#menu{left:calc(-100vw - 10px);
	width:100vw}
	#menu.menu-opened{left:-100vw;
	-webkit-transform:translateX(100vw);
-moz-transform:translateX(100vw);
-ms-transform:translateX(100vw);
-o-transform:translateX(100vw);
transform:translateX(100vw)}
#menu #menu-link{margin-bottom:100px}
#home{padding:5rem 0 0}
#home .content{padding:0 2rem}
#home.minimal-phone{height:100vh}
h1{font-size:4rem}
h2{font-size:2.2rem}
p.subtitle{margin-bottom:2rem}
.mCSB_container{padding:5rem 5rem 10rem}
#contact-form{margin-top:2rem}
#contact-form .ios{float:none;
	margin:1rem auto}
	#contact-form label.check-news{margin-top:0}
	#contact-form button#valid-form{width:100%;
	margin-top:1.5rem}
	.copyright{position:relative;
	right:auto}
	.dialog .dialog-inner{overflow:hidden;
	padding:40px 20px 90px}
	.dialog__content{width:95%;
	min-width:75%;
max-width:95%}
.dialog .close-content{position:relative;
	right:0;
bottom:auto;
width:100%;
text-align:center}
.dialog .dialog-inner{padding:40px 20px 50px}
.dialog .dialog-inner h4{font-size:25px;
	margin-bottom:20px}
	.section .img-info{font-size:12px;
	font-weight:400;
position:absolute;
z-index:999;
bottom:0;
left:0;
padding:15px;
text-align:left;
color:#fff}
.section .img-info h5{font-size:1.1rem;
	font-weight:700;
letter-spacing:.3rem;
text-transform:uppercase;
color:#f2f3f7}
.section .img-info h2{font-family:Montserrat,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif}
.section .img-info a{font-weight:700}
.section .img-info a.action-btn{font-family:Raleway,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;
font-weight:700;
display:block;
float:left;
margin-top:1rem;
margin-right:1rem;
padding:.7em 2em;
color:#fff;
border:1px solid rgba(255,255,255,0.4);
background:rgba(45,49,56,0.1);
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px}
.section .img-info a.action-btn:hover{color:#22264b;
	border-color:#fff;
background:#fff}
.section .img-info p.credit{margin:0 0 1rem;
	color:#fff}
	.section .img-info p.credit i{min-width:2rem;
	color:rgba(255,255,255,0.6)}
	.indicator{top:5px;
	-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)}
.indicator span{top:12px;
	left:10px;
width:20px;
height:20px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)}
.indicator.pagepil-left{left:auto;
	right:50px}
	.indicator.pagepil-left:hover{left:auto;
	right:50px}
	.indicator.pagepil-left.popup-opened{left:auto;
	top:-50px}
	.indicator.pagepil-right{right:5px}
	.indicator.pagepil-right:hover{right:5px}
	.indicator.pagepil-right.popup-opened{right:5px;
	top:-50px}
}
	@media screen and (max-device-width: 667px) and (orientation: landscape){p.subtitle{margin-bottom:2rem}
	.scroll-indicator span{top:10px}
	#contact-form{margin-top:2rem}
	#contact-form .ios{float:none;
	margin:1rem auto}
	#contact-form label.check-news{margin-top:0}
	#contact-form button#valid-form{width:100%;
	margin-top:1.5rem}
	.dialog__content{width:100%;
	min-width:75%;
max-width:100%}
.dialog .close-content{position:relative;
	right:0;
bottom:auto;
width:100%;
text-align:center}
.dialog .dialog-inner{padding:40px 20px 50px}
.dialog .dialog-inner h4{font-size:25px;
	margin-bottom:5px}
	.indicator{top:5px;
	-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)}
.indicator span{top:12px;
	left:10px;
width:20px;
height:20px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)}
.indicator.pagepil-left{left:auto;
	right:50px}
	.indicator.pagepil-left:hover{left:auto;
	right:50px}
	.indicator.pagepil-left.popup-opened{left:auto;
	top:-50px}
	.indicator.pagepil-right{right:5px}
	.indicator.pagepil-right:hover{right:5px}
	.indicator.pagepil-right.popup-opened{right:5px;
	top:-50px}
}
.dil ul {display: none !important;}

.dil:hover ul {display: block !important;}