
@font-face{
    font-family:LatoRegular;
    src:url(fonts/Lato-Regular.ttf) format("truetype");
    font-style:normal
}

@font-face{
    font-family:LatoLight;
    src:url(fonts/Lato-Light.ttf) format("truetype");
    font-style:normal
}

@font-face{
    font-family:LatoMedium;
    src:url(fonts/Lato-Semibold.ttf) format("truetype");
    font-style:normal
}


@font-face{
    font-family:Cuprum;
    src:url(fonts/Cuprum-Regular.ttf) format("truetype"),
	url(fonts/Cuprum-Medium.ttf) format("truetype"),
	url(fonts/Cuprum-Bold.ttf) format("truetype");
    font-style:normal
}


@font-face{
    font-family:Icons;
    src:url(fonts/Icons.eot) format("embedded-opentype"),
	url(fonts/Icons.woff) format("woff"),
	url(fonts/Icons.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}

#intro{
    width:100%;
    height:100%;
    position:fixed;
    background:#FFFFFF url(loader.png) center center no-repeat;
	background-size:256px 128px;
    z-index:9999;
    color:#FFF
}
:root{
    --common-font-title:LatoRegular,sans-serif;
    --common-font-subtitle:LatoMedium,sans-serif;
    --common-font-size:16px;
    --common-color:#FFF;
    --common-color-title:#FFF;
    --common-color-scene:#FFF;
    --callout-font-family:Icons,LatoMedium,sans-serif;
    --callout-font-size:16px;
    --callout-font-heading:16px;
    --callout-font-color:#FFFFFF;
	--callout-bg-rgbcolor:rgba(0,0,0,0.8);	
    --callout-align-00:center;
    --callout-align-01:left;
    --callout-align-02:right;
    --callout-align-03:left;
    --callout-align-04:right;
	--special-font-family:Icons,LatoRegular,sans-serif;
}
*{
    padding:0;
    margin:0;
    -webkit-tap-highlight-color:transparent
}
html{
    height:100%;
    overflow:hidden;
    background-color:#1A1A1A
}
body{
    height:100%;
    overflow:hidden;
    font-family:var(--common-font-title);
    font-size:12px;
    color:#1A1A1A;
/*	-webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none
	*/
	
}
h1{
    font-size:2.2em;
    margin:0;
	font-weight:200;
}
h2{
    font-size:1.8em;
    margin:0;
	font-weight:200;

}
h3{
    font-size:1.6em;
    margin:0;
	font-weight:200;
	
}
h4{
    font-size:1.4em;
    margin:0
}
h5{
    font-size:1.2em;
    color:#FFF;
    letter-spacing:6px;
    text-align:center;
    text-transform:uppercase
}
h6{
    font-size:1.0em;
	color:#EDB835;
    margin:0
}
p{
    font-size:10px
}
a,a:active,a:focus,canvas,body,button,:focus,:active,.btn{
    outline:0
}
a{
    color:#555753;
    text-decoration:none;
    cursor:pointer
}
a:hover{
    color:#CCC
}
div{
    text-align:justify
}
input::-moz-focus-inner{
    border:0
}
i{
    font-style:normal;
    line-height:0
}
div#container{
    height:100%;
    min-height:100%;
    width:100%;
    margin:0
}
div#viewer{
    background-color:#1A1A1A;
    height:100%;
    position:relative;
    overflow:hidden
}
div#tour{
    height:100%;
    position:relative;
    overflow:hidden
}
#viewtour a,a:hover{
    color:#000
}
#infobox{
    overflow:hidden;
    font-family:var(--common-font-title);
    font-size:14px;
    line-height:1.4;
    padding:4px;
    height:305px
}
#infobox p{
    font-family:LatoRegular;
    font-size:14px;
    font-weight:400;
    line-height:1.3;
    color:#000000;
    padding-bottom:10px
}
#infobox a{
    color:#EF7D00
}
#infobox a:hover{
    color:#CCCCCC
}
#infobox img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:5px;
    width:180px
}
#header{
    position:absolute;
    z-index:400;
    background-color:rgba(255,255,255,0.3);
    width:100%;
    height:55px;
    text-align:center
}

.homeScene{
    position:fixed;
    top:0;
    width:200px;
    height:50px;
    background:none;
    z-index:4999;
    inset:0;
    margin:0 auto;
    justify-content:center;
    align-items:center;
    cursor:pointer
}

.call_right{
    padding:5px 5px 7px;
    margin:7px 0 -4px;
    width:100px;
    border:solid 2px #FFF;
    background:rgba(255,255,255,0.2);
    text-align:center
}
.call_left{
    padding:5px 5px 7px;
    margin:7px 0 0;
    width:100px;
    border:solid 2px #FFF;
    background:rgba(255,255,255,0.2);
    text-align:center;
    float:right
}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{
    outline:none
}
.slides,.flex-control-nav,.flex-direction-nav{
    margin:0;
    padding:0;
    list-style:none
}
.flexslider{
    margin:0;
    padding:0
}
.flexslider .slides>li{
    display:none;
    -webkit-backface-visibility:hidden
}
.flexslider .slides img{
    width:100%;
    display:block;
    height:100%
}
.slides:after{
    content:"\0020";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
html[xmlns] .slides{
    display:block
}
* html .slides{
    height:1%
}
.no-js .slides>li:first-child{
    display:block
}
.flex-control-nav{
    position:absolute;
    bottom:20px;
    text-align:center;
    width:100%
}
.flex-control-nav li{
    margin:0 3px;
    display:inline-block
}
.flex-control-nav li a{
    width:30px;
    height:5px;
    background:#FFF;
    text-indent:-9999px;
    display:block;
    opacity:.4
}
.flex-control-nav li a.flex-active{
    opacity:1
}
.flex-direction-nav .flex-prev:hover,.flex-direction-nav .flex-next:hover{
    opacity:1
}
#home{
    display:none;
    height:100%;
    width:100%;
    position:relative;
    text-align:center;
    z-index:5000;
    -webkit-transform:translateZ(0);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
#homecontent{
    left:0;
    top:0;
    width:100%;
    z-index:5002;
    position:absolute;
    height:100%;
    background:rgba(0, 0, 0, 0.6) url(sbg.png);
    text-align:center
}
#splashwrapper{
    left:0;
    top:50%;
    width:100%;
    z-index:5003;
    position:absolute;
    height:360px;
    background:rgba(0,0,0,0.0);
    text-align:center;
    margin:-180px 0 0;
    padding:0
}
#home:after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    top:0
}
.splash{
    width:100%;
    height:auto;
    text-align:center;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:45%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.splash img{
    width:100%;
    max-width:260px;
    height:auto;
    margin:40px 0 0
}
.btn{
    border:0 solid #FFFFFF;
    color:#FFFFFF;
    font-family:var(--common-font-subtitle);
    font-size:12px;
    letter-spacing:2px;
	padding:12px 24px;
    display:inline-block;
    text-transform:uppercase;
    border-radius:20px;
    background-color:rgba(237,184,53,0.9);
    bottom:30px;
    cursor:pointer;
    margin:4px
}
.btn:hover{
	color:#111111;
    background-color:rgba(255,255,255,0.8)
}
.homeslider{
    display:block;
    width:100%;
    height:100%;
    z-index:3006
}
.homeslider .slides,.homeslider li{
    height:100%
}



@-webkit-keyframes zoom{
    from{
        -webkit-transform:scale(1.0,1.0)
    }
    to{
        -webkit-transform:scale(1.5,1.5)
    }
}
@keyframes zoom{
    from{
        transform:scale(1.0,1.0)
    }
    to{
        transform:scale(1.5,1.5)
    }
}
@-moz-keyframes zoom{
    from{
        transform:scale(1.0,1.0)
    }
    to{
        transform:scale(1.5,1.5)
    }
}

html.with-page{
    overflow:hidden;
    background:none
}
.page{
    position:absolute;
    top:0;
    left:0;
    z-index:5000;
    overflow:hidden;
    width:100%;
    height:100%
}
.page .page-content{
    position:fixed;
    overflow:hidden;
    background:#1A1A1A url(loader.png) center no-repeat;
    width:100%;
    height:100%;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.page .page-close-icon{
    display:block;
    position:absolute;
    z-index:9999;
    width:32px;
    height:32px;
    top:10px;
    right:10px;
    cursor:pointer;
    text-align:center;
    font-family:var(--common-font-title);
    background:url(close.png) center no-repeat;
    background-size:32px 32px;
    border:none;
    padding:0;
    opacity:.8
}
.page .page-close-icon:hover{
    opacity:1
}
.page-main .page-content{
    width:100%;
    height:100%;
    border-bottom:0;
    padding:0;
    -webkit-overflow-scrolling:touch
}
.page .page-close-icon::-moz-focus-inner{
    border:0;
    padding:0
}
.page iframe{
    width:100%;
    height:100%;
    border:none;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box
}

.main{
    position:absolute;
    width:260px;
    margin:10px;
    padding:6px 0 0;
    z-index:8888;
    opacity:0.9;
}
.gfx-menuwrapper{
    width:100%;
    max-width:260px;
    float:left;
    position:relative;
    -webkit-perspective:1000px;
    perspective:1000px;
    -webkit-perspective-origin:50% 200%;
    perspective-origin:50% 200%;	
}
.menuicon{
    cursor:pointer;
    width:40px;
    height:40px;
    z-index:5555;
    background-color:rgba(0,0,0,0)
}
.menuicon:hover{
    transition:opacity .5s;
    opacity:.6
}
.menutitle{
    position:absolute;
    left:43px;
    top:15px;
    font-family:Icons;
    text-transform:uppercase;
    font-size:12px;
    font-weight:400;
    color:#000;
    opacity:.9
}
@media only screen and (max-device-width: 480px){
    #items{
        max-height:363px
    }
}

#gfx-menu{
    display:block;
		
}
.gfx-menuwrapper:first-child{
    margin-right:100px;
}
.gfx-trigger{
    padding:0 0 0 9px;
	width:40px;	
}
.gfx-menuwrapper button{
    background:#000;
    border:none;
    width:46px;
    height:46px;
    text-indent:-900em;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    outline:none;
}
.gfx-menuwrapper button:hover,.gfx-menuwrapper button.gfx-active,.gfx-menuwrapper ul{
	border-radius: 16px;
}
.gfx-menuwrapper button:after{
    content:'';
    position:absolute;
    width:68%;
    height:5px;
    background:#333;
    top:10px;
    left:7px;

}
.gfx-menuwrapper ul{
    padding:0;
    list-style:none;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.gfx-menuwrapper li{
    position:relative;
	border-radius: 16px;

}
.gfx-menuwrapper li .picto{
	font-family:Icons;
    position:absolute;
    width:44px;
    height:44px;
    line-height:44px;
    background-color:none;
    text-align:center;
    vertical-align:middle;
    margin:0 auto;
    color:#111111; 
    -webkit-font-smooLightg:antialiased;
    -moz-osx-font-smooLightg:grayscale;
    font-variant:normal;
    text-transform:none;
    text-decoration:inherit;
	padding:0 0 0 4px;
}
.gfx-menuwrapper li .highlights{
    background-color:#000;
}

/*main menu*/

.gfx-menuwrapper li a{
    display:block;
    position:relative;
    padding:12px 10px 12px 50px;
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color:#111111;
    outline:none;
    border-bottom:1px solid rgba(0,0,0,0.0);
    text-transform:none;
	
}

.gfx-menuwrapper li s{
    display:block;
    position:relative;
    padding:12px 10px 12px 10px;
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color:#CCCCCC;
    outline:none;
    border-bottom:1px solid #333333;
    text-transform:none;
	text-align:center;

}

.gfx-submenu li a{
    padding:12px 10px 12px 18px;

}

/*main menu*/

.no-touch .gfx-menuwrapper li a:hover{
    background:rgba(200,200,200,0.3);
		border-radius:16px;
	
}
.gfx-menuwrapper li.gfx-back>a{
    padding-left:16px;
    padding-top:15px;
    font-family:Icons;
    font-size:19px;
    line-height:18px;
	
}
.gfx-menuwrapper li.gfx-back>a:hover{
    opacity:.3;
	
}
.gfx-menuwrapper li>a:after{
    right:10px;
    color:rgba(0,0,0,0.8);

}
.nohref:after{
    content:'\276F';
    line-height:42px;
    top:0;
    position:absolute;
    color:#000
}
.gfx-menuwrapper .gfx-menu{
    margin:9px 0 0;
    position:absolute;
    width:100%;
    opacity:0;
    pointer-events:none;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;

}
.gfx-menuwrapper .gfx-menu.gfx-menu-toggle{
    transition:all .4s ease
}
.gfx-menuwrapper .gfx-menu.gfx-menuopen{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:translateY(0px);
    transform:translateY(0px)
}
.gfx-menuwrapper li .gfx-submenu{
    display:none
}
.gfx-menu.gfx-subview li,.gfx-menu.gfx-subview li.gfx-subviewopen>a,.gfx-menu.gfx-subview li.gfx-subview>a{
    display:none
}
.gfx-menu.gfx-subview li.gfx-subview,.gfx-menu.gfx-subview li.gfx-subview .gfx-submenu,.gfx-menu.gfx-subview li.gfx-subviewopen,.gfx-menu.gfx-subview li.gfx-subviewopen>.gfx-submenu,.gfx-menu.gfx-subview li.gfx-subviewopen>.gfx-submenu>li{
    display:block
}
.gfx-menuwrapper>.gfx-submenu{
    position:absolute;
    width:100%;
    top:49px;
    left:0;
    margin:0
}
.gfx-menu.gfx-animate-out-1{
    -webkit-animation:MenuAnimOut1 .4s;
    animation:MenuAnimOut1 .4s
}
.gfx-menu.gfx-animate-out-2{
    -webkit-animation:MenuAnimOut2 .3s ease-in-out;
    animation:MenuAnimOut2 .3s ease-in-out
}
.gfx-menu.gfx-animate-out-3{
    -webkit-animation:MenuAnimOut3 .4s ease;
    animation:MenuAnimOut3 .4s ease
}
.gfx-menu.gfx-animate-out-4{
    -webkit-animation:MenuAnimOut4 .4s ease;
    animation:MenuAnimOut4 .4s ease
}
.gfx-menu.gfx-animate-out-5{
    -webkit-animation:MenuAnimOut5 .4s ease;
    animation:MenuAnimOut5 .4s ease
}
@-webkit-keyframes MenuAnimOut1{
    50%{
        -webkit-transform:translateZ(-250px) rotateY(30deg)
    }
    75%{
        -webkit-transform:translateZ(-372.5px) rotateY(15deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut2{
    100%{
        -webkit-transform:translateX(-100%);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut3{
    100%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut4{
    100%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut5{
    100%{
        -webkit-transform:translateY(40%);
        opacity:0
    }
}
@keyframes MenuAnimOut1{
    50%{
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        transform:translateZ(-250px) rotateY(30deg)
    }
    75%{
        -webkit-transform:translateZ(-372.5px) rotateY(15deg);
        transform:translateZ(-372.5px) rotateY(15deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        transform:translateZ(-500px) rotateY(0deg);
        opacity:0
    }
}
@keyframes MenuAnimOut2{
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
}
@keyframes MenuAnimOut3{
    100%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@keyframes MenuAnimOut4{
    100%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
}
@keyframes MenuAnimOut5{
    100%{
        -webkit-transform:translateY(40%);
        transform:translateY(40%);
        opacity:0
    }
}
.gfx-menu.gfx-animate-in-1{
    -webkit-animation:MenuAnimIn1 .3s;
    animation:MenuAnimIn1 .3s
}
.gfx-menu.gfx-animate-in-2{
    -webkit-animation:MenuAnimIn2 .3s ease-in-out;
    animation:MenuAnimIn2 .3s ease-in-out
}
.gfx-menu.gfx-animate-in-3{
    -webkit-animation:MenuAnimIn3 .4s ease;
    animation:MenuAnimIn3 .4s ease
}
.gfx-menu.gfx-animate-in-4{
    -webkit-animation:MenuAnimIn4 .4s ease;
    animation:MenuAnimIn4 .4s ease
}
.gfx-menu.gfx-animate-in-5{
    -webkit-animation:MenuAnimIn5 .4s ease;
    animation:MenuAnimIn5 .4s ease
}
@-webkit-keyframes MenuAnimIn1{
    0%{
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        opacity:0
    }
    20%{
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(0px) rotateY(0deg);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn2{
    0%{
        -webkit-transform:translateX(-100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0px);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn3{
    0%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn4{
    0%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn5{
    0%{
        -webkit-transform:translateY(40%);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        opacity:1
    }
}
@keyframes MenuAnimIn1{
    0%{
        -webkit-transform:translateZ(-500px) rotateY(0deg);
        transform:translateZ(-500px) rotateY(0deg);
        opacity:0
    }
    20%{
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        transform:translateZ(-250px) rotateY(30deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(0px) rotateY(0deg);
        transform:translateZ(0px) rotateY(0deg);
        opacity:1
    }
}
@keyframes MenuAnimIn2{
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0px);
        transform:translateX(0px);
        opacity:1
    }
}
@keyframes MenuAnimIn3{
    0%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1
    }
}
@keyframes MenuAnimIn4{
    0%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1
    }
}
@keyframes MenuAnimIn5{
    0%{
        -webkit-transform:translateY(40%);
        transform:translateY(40%);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-in-1{
    -webkit-animation:SubMenuAnimIn1 .4s ease;
    animation:SubMenuAnimIn1 .4s ease
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-in-2{
    -webkit-animation:SubMenuAnimIn2 .3s ease-in-out;
    animation:SubMenuAnimIn2 .3s ease-in-out
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-in-3{
    -webkit-animation:SubMenuAnimIn3 .4s ease;
    animation:SubMenuAnimIn3 .4s ease
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-in-4{
    -webkit-animation:SubMenuAnimIn4 .4s ease;
    animation:SubMenuAnimIn4 .4s ease
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-in-5{
    -webkit-animation:SubMenuAnimIn5 .4s ease;
    animation:SubMenuAnimIn5 .4s ease
}
@-webkit-keyframes SubMenuAnimIn1{
    0%{
        -webkit-transform:translateX(50%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0px);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn2{
    0%{
        -webkit-transform:translateX(100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0px);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn3{
    0%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn4{
    0%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn5{
    0%{
        -webkit-transform:translateZ(-200px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
}
@keyframes SubMenuAnimIn1{
    0%{
        -webkit-transform:translateX(50%);
        transform:translateX(50%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0px);
        transform:translateX(0px);
        opacity:1
    }
}
@keyframes SubMenuAnimIn2{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0px);
        transform:translateX(0px);
        opacity:1
    }
}
@keyframes SubMenuAnimIn3{
    0%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1
    }
}
@keyframes SubMenuAnimIn4{
    0%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1
    }
}
@keyframes SubMenuAnimIn5{
    0%{
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-out-1{
    -webkit-animation:SubMenuAnimOut1 .4s ease;
    animation:SubMenuAnimOut1 .4s ease
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-out-2{
    -webkit-animation:SubMenuAnimOut2 .3s ease-in-out;
    animation:SubMenuAnimOut2 .3s ease-in-out
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-out-3{
    -webkit-animation:SubMenuAnimOut3 .4s ease;
    animation:SubMenuAnimOut3 .4s ease
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-out-4{
    -webkit-animation:SubMenuAnimOut4 .4s ease;
    animation:SubMenuAnimOut4 .4s ease
}
.gfx-menuwrapper>.gfx-submenu.gfx-animate-out-5{
    -webkit-animation:SubMenuAnimOut5 .4s ease;
    animation:SubMenuAnimOut5 .4s ease
}
.floorplanDropDownArrow{
    width:16px;
    height:8px
}
@-webkit-keyframes SubMenuAnimOut1{
    0%{
        -webkit-transform:translateX(0%);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50%);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut2{
    0%{
        -webkit-transform:translateX(0%);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut3{
    0%{
        -webkit-transform:translateZ(0px);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut4{
    0%{
        -webkit-transform:translateZ(0px);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut5{
    0%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-200px);
        opacity:0
    }
}
@keyframes SubMenuAnimOut1{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50%);
        transform:translateX(50%);
        opacity:0
    }
}
@keyframes SubMenuAnimOut2{
    0%{
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
}
@keyframes SubMenuAnimOut3{
    0%{
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
}
@keyframes SubMenuAnimOut4{
    0%{
        -webkit-transform:translateZ(0px);
        transform:translateZ(0px);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@keyframes SubMenuAnimOut5{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        opacity:0
    }
}
.searchbtn{
    font-family:Icons;
    font-size:1.375em;
    color:#FFF;
    cursor:pointer;
    position:absolute;
    width:46px;
    height:36px;
    right:0;
    z-index:4800;
    opacity:.9;
    text-align:center;
    padding:14px 0 0 5px
}
.searchbtn a{
    color:#FFF
}
.searchbtn:hover{
    transition:opacity .5s;
    opacity:.6
}
.no-js .gfx-menuwrapper .gfx-menu{
    position:relative;
    opacity:1;
    -webkit-transform:none;
    transform:none
}
.no-js .gfx-menuwrapper li .gfx-submenu{
    display:block
}
.no-js .gfx-menuwrapper li.gfx-back{
    display:none
}
.no-js .gfx-menuwrapper li>a:not(:only-child){
    background:rgba(0,0,0,0.1)
}
.no-js .gfx-menuwrapper li>a:not(:only-child):after{
    content:''
}
.colorize .gfx-menuwrapper button:hover,.colorize .gfx-menuwrapper button.gfx-active,.colorize .gfx-menuwrapper ul{
    background:#FFFFFF;
}

.slide1,.slide2,.slide3{
    -webkit-animation:zoom 20s;
    -moz-animation:zoom 20s;
    -ms-animation:zoom 20s;
    -o-animation:zoom 20s;
    animation:zoom 20s;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;

}
.s16{
    font-size:16px
}
.s22{
    font-size:22px
}
.s18{
    font-size:18px
}
.s20{
    font-size:20px
}
.s24{
    font-size:24px
}
.s26{
    font-size:26px
}
.s28{
    font-size:28px
}
.s30{
    font-size:30px
}
#count{
    position:absolute;
    bottom:51px;
    right:4px;
    z-index:1;
    font-family:Icons,var(--common-font-title);
    font-size:12px;
    font-weight:400;
    font-style:normal;
    color:#FFF;
    line-height:normal;
    display:flex;
    opacity:.8;
    text-align:left;
    padding:2px;
    letter-spacing:1px;
    word-spacing:4px
}
.lang{
    text-align:center
}
.copyright{
    position:fixed;
    bottom:51px;
    left:6px;
    z-index:5005;
    font-family:var(--common-font-title);
    font-size:12px;
    font-weight:700;
    color:#FFF;
    opacity:.8
}
u {
    text-decoration:none;
    text-transform:none;
	color:#777777;
    font-size:16px;
    line-height:20px;
    padding:0;
    margin-bottom:0;
}
.btn-rounded{
    font-family:Icons,var(--common-font-title);
    font-size:12px;
    color:#EEE;
    text-transform:uppercase;
    background-color:rgba(0,0,0,0.1);
    text-decoration:none;
    clear:both;
    padding:12px 18px 10px;
    text-rendering:geometricPrecision;
    font-weight:500;
    border-radius:20px;
    border:2px solid #F1F3F3;
    margin:20px 3px 0
}
.btn-rounded:hover{
    background-color:#B4B4B4;
    color:#000
}
.btn-rounded:focus,.btn-rounded:active{
    color:#000;
    background:#E0E0E0
}
.i001{
    padding:1px 0 0 0 
}
.i002{
    padding:0
}
.i003{
    padding:0 0 0 2px
}
.i004{
    padding:2px 0 0 0
}
.i005{
    padding:2px 0 0 0
}
.i006{
   padding:2px 0 0 0
}
.i007{
    padding:4px 0 0 0
}
.i008{
    padding:0 0 0 0
}
.i011{
    padding:0 0 2px 0
}
.i013{
    padding:4px 0 0 0
}

.i017{
    padding:0 0 6px 0
}

.i019{
    padding:0;
	font-weight:bold;
}

.i020{
    padding:0
}

.i026{
    padding:0;
	font-family:LatoMedium;
}

.inum{
    padding:0 1px 14px 0;
    font-family:LatoMedium;
	font-size: 16px;	
}

.protitle {text-align:center; color:#FFFFFF; padding: 0 0 30px 0;}
.protitle span {font-family:LatoRegular;font-size: 18px;text-transform: uppercase;letter-spacing: 2px;}

.ru{ display:none; } .kz{ display:none; }

s {
    text-decoration:none;
    text-transform:none;
	color:#000000;
    font-size:12px;
    line-height:0;
    padding:0 0 0 5px;
    margin-bottom:0;
	text-align: center;
	text-shadow: 0 0 4px #FFFFFF;
}
