@viewport{width: device-width}@-ms-viewport{width: device-width}@-o-viewport{width:device-width}
*{margin:0;padding:0;outline:none;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{width:100%;height:100%;color:rgb(50,50,50);background:rgba(15,25,37,1);font-family:Verdana,Geneva,'Roboto',sans-serif;font-optical-sizing:auto;
font-variation-settings:"wdth"100;font-weight:400;font-size:13px;letter-spacing:-0.1px;line-height:125%;}
a,button{outline:none;text-decoration:none;color:inherit;font-size:inherit;cursor:pointer}
input,select,option,textarea,button,input:focus{outline:none;text-decoration:none;color:inherit;border:none;background:rgb(255,255,255);font-size:inherit;}
a:hover,button:hover,.arrow,li:hover,li:hover:before{transition:all 0.4s}
ul li{list-style:none inside;white-space:normal}

h1,h2,h3,.page-btn,.navigation ul li
{font-family:'Roboto',Verdana,Geneva,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth"75;letter-spacing:-0.01em}

h1,h2
{font-size:40px;position:relative;text-transform:uppercase;font-weight:600;text-align:center;margin:0 0 15px 0;padding:0 0 30px 0;line-height:100%}
h1:after,h2:after
{content:'';position:absolute;width:80%;height:1px;margin:0 auto;left:0;right:0;bottom:0;}
h1:after,h2:after
{background:#ffffff;
background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%)}

h3{font-size:23px;font-weight:600;text-transform:uppercase;text-align:center}
h4{font-size:15px;font-weight:600;margin:0 0 7px 0}
h5{}

.wrapper{width:100%;min-width:320px;position:relative;margin:0 auto}
	section{width:100%;height:auto;max-height:100%;min-height:100vh;position:relative;clear:both;display:flex;text-align:center}
	.content{width:100%;height:auto;max-width:1000px;min-height:50px;position:relative;margin:auto;padding:20px 15px 20px 15px;color:rgba(255,255,255,1)}
	.mobile{display:none !important}
header{width:100%;min-width:320px;height:60px;position:fixed;z-index:1000}
	header .content{padding:0;margin:0;max-width:none}
	.btn-open{width:50px;height:50px;left:5px;top:5px;z-index:1;color:rgba(255,255,255,1)}
	.btn-open{background:rgba(0,0,0,0.25)!important;}
	.btn-close {width:25px;height:25px;right:10px;top:15px;opacity:0.4;}

@media (min-width:901px) {
.navigation{}
	.navigation{width:100%;position:relative}
	.navigation{background:rgba(0,0,0,0.75);background: linear-gradient(180deg,rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0) 100%)}
	.navigation ul{width:100%;display:flex;align-content:center;align-items:center;justify-content:center}
	.navigation ul li{padding:20px 10px 20px 10px;text-transform:uppercase;font-size:15px}
	.navigation ul li:nth-child(1){position:absolute;right:4%;top:50%;transform:translateY(-50%)}
	.navigation ul li:nth-child(1) a{margin:0;padding:0 3px 0 3px}
	.navigation ul li:nth-child(1) a:nth-child(2){border-left:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);padding:0 7px 0 7px;margin:0 1px 0 1px;}
	.navigation ul li a:hover,
	.navigation ul li:nth-child(1) a{opacity:0.5}
}

.group:before,.group:after{content:'';display:table}.group:after{clear:both;}.group{zoom:1;/* For IE 6/7 */}.col{display:block;float:left;margin:1% 0 1% 1.5%}.col:first-child {margin-left:0}.cell_1-1{width:100%;margin:1% 0 1% 0}.cell_1-2{width:49.25%}.cell_2-2{width:100%}.cell_1-3{width:32.33%}.cell_2-3{width:66.16%}cell_3-3{width:100%}.cell_1-4{width:23.87%}.cell_2-4{width:49.25%}.cell_3-4{width:74.62%}.cell_4-4{width:100%}.cell_1-5{width:18.80%}.cell_2-5{width:39.10%}.cell_3-5{width:59.40%}.cell_4-5{width:79.70%}.cell_5-5{width:100%}.cell_1-7{width:13%}.cell_2-7{width:27.5%}.cell_3-7{width:42%}.cell_4-7{width:56.5%}.cell_5-7{width:71%}.cell_6-7{width:85.5%}.cell_7-7{width:100%}

.middle{width:100%;height:100%;clear:both;overflow:hidden}
.bg-color{min-height:auto;background:rgba(66,111,132,1)}
.bg-color,
.bg-image{background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover}
.bg-image .content{padding:30px 15px 30px 15px;}
.bg-image .content-button{width:100%;position:absolute;bottom:50px;}

.block-01{background-image:radial-gradient(circle,rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.75) 100%), url(../_images/bg/_bg-image-01.jpg);}
.block-03{background-image:radial-gradient(circle,rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.75) 100%), url(../_images/bg/_bg-image-02.jpg);}
.block-05{background-image:radial-gradient(circle,rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.75) 100%), url(../_images/bg/_bg-image-03.jpg);}
.block-07{background-image:radial-gradient(circle,rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.75) 100%), url(../_images/bg/_bg-image-04.jpg);}
.block-09{background-image:radial-gradient(circle,rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.75) 100%), url(../_images/bg/_bg-image-05.jpg);}

.bg-color{background-image:url(../_images/bg/_bg-color-01.png),radial-gradient(rgba(66,111,132,1));}

.block-03 .content .sb_list-icon,
.block-05 .content .sb_list-icon{position:absolute;left:0;top:2px;color:#426f84}

.block-02 .content,
.block-04 .content,
.block-06 .content,
.block-08 .content{padding:75px 15px 50px 15px;}

.block-01{}
	.block-01 .content{padding:20px 15px 50px 15px;}
	.block-01 .content h4{margin:0 0 2px 0}

.block-03{}
	.block-03 .content{padding:100px 15px 140px 15px;}
	.block-03 .content .cell_1-1{text-align:left}
	.block-03 .content .cell_1-1:nth-child(2){margin:50px 0 50px 0}	
	.block-03 .content ul li{position:relative;margin:0 0 25px 0;padding:0 0 0 60px}
	.block-03 .content ul li:last-child{margin:0 0 0 0}

.block-05{}
	.block-05 .content{padding:100px 15px 140px 15px;}
	.block-05 .content .cell_1-1{text-align:left}
	.block-05 .content .cell_1-1:nth-child(2){margin:50px 0 50px 0}	
	.block-05 .content ul li{position:relative;margin:0 0 25px 0;padding:0 0 0 60px}
	.block-05 .content ul li:last-child{margin:0 0 0 0}

.block-07{}
	.block-07 .content{}
	.block-07 .content{padding:100px 15px 100px 15px;}
	.block-07 .content .cell_1-1{text-align:left}
	.block-07 .content .cell_1-1:nth-child(2){margin:35px 0 35px 0}	

.block-09{}
	.block-09 .content{}
	.block-09 .content{padding:100px 15px 100px 15px;}
	.block-09 .content img{width:175px;padding:30px 0 13px 0;opacity:0.8}

.grid{}
	.grid{position:relative}
	.js .grid:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background:url(../_images/graphics/_loading.gif) no-repeat center center;background-size:60px auto;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-ms-transition:opacity 0.4s;-o-transition:opacity 0.4s;transition:opacity 0.4s}
	.js .grid--loaded:after{opacity:0}
	.grid__item{width:20%;float:left;padding:5px}
	.grid__item .preveiw-block{display:block;padding:0;margin:0;border:rgba(255,255,255,1) 5px solid;overflow:hidden;background:url(../_images/graphics/_loading.gif) no-repeat center center;background-size:75px;background-color:rgba(255,255,255,1)}
	.grid__item .preveiw-block img{display:block;max-width:100%}

.btn{}
	.btn{display:inline-block;position:absolute;border:none;background:none;text-align:center}
	.btn.nav-item{left:50%;right:auto;margin:auto auto auto -15px;bottom:30px;}
	.page-btn{width:auto;min-width:250px;min-height:30px;line-height:30px;padding:10px 15px 10px 15px;position:relative;font-size:20px;font-weight:300;background:rgba(255,255,255,0.1);text-transform:uppercase}
	.btn-glass{position:relative;border:none;backdrop-filter:blur(2px);z-index:0}
	.btn-glass{background:transparent;color:rgba(255,255,255,1)}
	.btn-glass:before{content:'';position:absolute;inset:0;padding:1px;background: linear-gradient(135deg,rgba(255,255,255,0.15) 0%,
	rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
	-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
	.btn-glass:after{content:'';position:absolute;inset:-2px;background:radial-gradient(circle at center,rgba(255,255,255,0.45),
	rgba(255,255,255,0.05) 70%);filter:blur(10px);opacity:0.5;z-index:-1}
	.btn-glass:hover{background:rgba(255,255,255,0.05)}
	.btn-glass:hover:after{opacity:0.7}
	.btn-explore{min-width:50px;min-height:40px;line-height:40px;padding:5px;}
	.btn-explore,
	.btn-explore:before,
	.btn-explore:after{border-radius:25px}

.form-btn{background:rgba(50,50,50,0.3);color:rgba(255,255,255,1)}
.form-btn:hover{background:rgba(170,5,5,1)}
.page-icon span{display:inline-block;width:30px;height:30px;border-style:solid;border-width:8px;border-image:linear-gradient(45deg,rgba(170,5,5,1),darkorchid) 1;
transform:rotate(45deg);border-left-width:0;border-top-width:0;}
.btn.page-icon span{border-image:none;border-color:rgba(255,255,255,0.3)}

.clear{position:relative;clear:both}
.shadow{box-shadow:0 0 50px rgba(0,0,0,1);z-index:10}
.shadow-top{box-shadow:0px -10px 10px rgba(0,0,0,0.5)}
.shadow-bottom{box-shadow:0px 10px 10px rgba(0,0,0,0.5)}
.shadow-box{box-shadow: 0 0 10px rgba(50,50,50,0.2);border-radius:7px;border:solid 1px rgba(50,50,50,0.1);background:rgba(255,255,255,1)}
.secondary{opacity:0.5}

footer{width:100%;min-width:320px;height:auto;position:relative;background:rgba(255,255,255,1)}
	footer .content{padding:10px 15px 5px 15px;line-height:120%;color:rgb(50,50,50);}
	footer .cell_1-2:nth-child(1){}
	footer .cell_1-2:nth-child(2){text-align:right}
	
@media (max-width:900px) {
.desktop{display:none}
.mobile{display:block !important}
h1,h2,h3{font-size:17pt;line-height:120%}
.page-btn{font-size:13pt}

.col{ margin:10px 0 10px 0%}
.cell_1-1,.cell_1-2,.cell_1-2,.cell_1-3,.cell_2-3,.cell_3-3,.cell_1-4,.cell_2-4,.cell_3-4,.cell_4-4,.cell_1-5,.cell_2-5,.cell_3-5,.cell_4-5,.cell_5-5,.cell_1-7,.cell_2-7,.cell_3-7,.cell_4-7,.cell_5-7,.cell_6-7,.cell_7-7{width:100%}

header .content{color:rgb(50,50,50)}
.navigation{width:275px;height:100vh;position:absolute;left:0;z-index:10000;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform0.4s;transition:transform 0.4s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);background:rgb(255,255,255);}
	.navigation ul li{width:100%;display:block !important;border:none;padding:0 15px 0 15px;}
	.navigation ul li a{display:block !important;position:relative;height:45px;line-height:45px}
	.navigation ul li:first-child{display:flex!important;flex-direction:row;justify-content:center;align-items:center;padding:10px 0 5px 0;}
	.navigation ul li:last-child{display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:10px 0 5px 0;}
		.navigation ul li:first-child a{flex-basis:35px;width:35px;height:35px;line-height:35px;text-align:center;border:1px solid rgba(50,50,50,0.1);color:rgba(50,50,50,0.4)}
		.navigation ul li:last-child a{height:40px;line-height:40px;padding:0;margin:5px 0 0 0;text-align:center;border:1px solid rgba(50,50,50,0.1);color:rgba(50,50,50,0.4)}
		.navigation ul li:first-child a:hover,
		.navigation ul li:last-child a:hover{color:rgba(66,111,132,1);border:1px solid rgba(66,111,132,1)}
		.navigation ul li:first-child a + a{margin:0 0 0 10px}
		.navigation ul li:last-child a + a{margin:15px 0 0 0}
	.navigation ul li a{display:block !important;position:relative;height:35px;line-height:35px}
	.navigation ul li a:hover{color:rgba(66,111,132,1)}	
	.navigation .separator{width:245px;margin:10px auto 5px auto;border-bottom:1px solid rgba(66,111,132,0.5);background:rgb(255,255,255)}
	.navigation .page-btn{margin:15px 0 10px 0}
.show-mobile-menu{overflow:hidden}
	.show-mobile-menu .navigation{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.8s;transition: transform 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
	.show-mobile-menu header .content:before,
	.show-mobile-menu .middle:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;opacity:1}
	.show-mobile-menu .middle:before{background:rgba(0,0,0,0.5)}
	.show-mobile-menu .navigation{box-shadow:0px 0px 10px 5px rgba(50,50,50,0.5)}

.bg-color,
.bg-image{background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-size:auto 100%}

.block-01 .content{padding:0 15px 125px 15px}
.block-01 .content img{width:80%;max-width:300px}
.block-01 .content h4{font-weight:400;font-size:13px}

.block-03 .content,
.block-05 .content,
.block-07 .content,
.block-09 .content{padding:50px 15px 100px 15px}
.block-03 .content .cell_1-1:nth-child(1),
.block-03 .content .cell_1-1:nth-child(3),
.block-05 .content .cell_1-1:nth-child(1),
.block-05 .content .cell_1-1:nth-child(3),
.block-07 .content .cell_1-1:nth-child(1){text-align:center}
.block-03 .content .cell_1-1:nth-child(2),
.block-05 .content .cell_1-1:nth-child(2){margin:15px 0 30px 0}
.block-03 .content ul li,
.block-05 .content ul li{padding:0;text-align:center}
.block-03 .content ul li div,
.block-05 .content ul li div{text-align:center}
.block-03 .content .fa-3x,
.block-05 .content .fa-3x{font-size: 5em}
.block-03 .content h4,
.block-05 .content h4{margin:15px 0 15px 0;text-align:center}
.block-03 .content .sb_list-icon,
.block-05 .content .sb_list-icon{position:relative;left:auto;top:auto}

.block-09 .content img{display:none}
.block-09 .content .cell_1-1:nth-child(2){padding:15px 0 0 0}

.block-02 .content,
.block-04 .content,
.block-06 .content,
.block-08 .content{padding:50px 15px 50px 15px}

.bg-image .content-button{bottom:30px}
.grid__item{width:50%;float:left;padding:5px}

footer .content,
footer .cell_1-2:nth-child(1),
footer .cell_1-2:nth-child(2){text-align:center;margin:5px 0 0 0;font-size:11px;opacity:0.75}

}
