/* RESETOR */
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, font, 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{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{font-weight:normal; line-height:23px;}
a{cursor:pointer; text-decoration:none;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{max-width:100%; height:auto;}

/****************************************************************************************************/
/***************************************        COMMON        ***************************************/
/****************************************************************************************************/
html,body{height:100%;}
body{font:16px/24px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif; background:#f0f0f0; color:#bbbbbb; overflow-x: hidden;}
body.tablet{}
body.mobile{}
.clear{clear:both;}
.inv{
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
a{}
a:hover{}
b, strong{}
i{}
h1, h2, h3, h4{margin:0; font-weight:normal;}
h1{}
b, strong{}
i{}

.width{max-width:1400px; margin:0 auto;}
.margin{padding:0 10px; box-sizing:border-box; width:100%; display:inline-block; vertical-align:top; transition:all 0.2s ease;}
.content{padding:130px 0 50px 0; transition:all 0.3s ease;}
#footer{width:100%; text-align:center; margin-top:30px; font-size:13px; font-style:italic; transition:all 0.3s ease;}
#footer span{margin-left:10px; color:#cccccc;}
#footer span a{transition:all 0.2s ease; color:#cccccc;}
#footer span a:hover{text-decoration:underline; color:#069fde;}

/********
 * LOADER 1
 * <div class="loader"><div class="spinner"><div class="double-bounce1"></div><div class="double-bounce2"></div></div></div>
********/
.loader{position:fixed; overflow:hidden; z-index:10000; left:0; top:0; width:100%; height:100%; background:#ffffff; color:#4b4b4b; text-align:center;}
.spinner{position:absolute; top:50%; left:50%; width:50px; height:50px;
-webkit-transform:translate(-50%, -50%);
   -moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	 -o-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
}
.double-bounce1, .double-bounce2{width:100%; height:100%; border-radius:50%; background-color:#cee002; opacity:0.6; position:absolute; top:0; left:0;
-webkit-animation:sk-bounce 2.0s infinite ease-in-out;
		animation:sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay:-1.0s;
  		animation-delay:-1.0s;
}
@-webkit-keyframes sk-bounce {
	0%, 100%	{-webkit-transform:scale(0.0); transform:scale(0.0);}
	50%			{-webkit-transform:scale(1.0); transform:scale(1.0);}
}
@keyframes sk-bounce {
	0%, 100%	{-webkit-transform:scale(0.0); transform:scale(0.0);}
	50%			{-webkit-transform: scale(1.0); transform: scale(1.0);}
}

/********
 * LOADER 2
 * <div id="loader-wrapper"><div id="loader"></div><div class="loader-section section-left"></div><div class="loader-section section-right"></div></div>
********/
#loader-wrapper{position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; overflow:hidden; text-align:center;}
#loader{display:block; position:relative; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; border-radius:50%; border:2px solid transparent; border-top-color:#069fde; z-index:15;
-webkit-animation:spin 1s linear infinite;
		animation:spin 1s linear infinite;
}
#loader:before{content:""; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border-radius:50%; border:2px solid transparent; border-top-color:#069fde;
-webkit-animation:spin 2s linear infinite;
		animation:spin 2s linear infinite;
}
#loader:after{content:""; position:absolute; top:15px; left:15px; right:15px; bottom:15px; border-radius:50%; border:2px solid transparent; border-top-color:#069fde;
-webkit-animation:spin 1.5s linear infinite;
		animation:spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0%		{
        -webkit-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
        		transform:rotate(0deg);
    }
    100%	{
        -webkit-transform:rotate(360deg);
        	-ms-transform:rotate(360deg);
        		transform:rotate(360deg);
    }
}
@keyframes spin {
    0%		{
        -webkit-transform:rotate(0deg);
        	-ms-transform:rotate(0deg);
        		transform:rotate(0deg);
    }
    100%	{
        -webkit-transform:rotate(360deg);
        	-ms-transform:rotate(360deg);
        		transform:rotate(360deg);
    }
}
.no-js #loader-wrapper{display:none;}
#loader-wrapper .loader-section{position:fixed; top:0; width:51%; height:100%; background:#ffffff; z-index:11;
-webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    	transform:translateX(0);
}
#loader-wrapper .loader-section.section-left{left:0;}
#loader-wrapper .loader-section.section-right{right:0;}
#loader-wrapper.loaded .loader-section.section-left{
-webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    	transform:translateX(-100%);
-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    	transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#loader-wrapper.loaded .loader-section.section-right{
-webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    	transform:translateX(100%);
-webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    	transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#loader-wrapper.loaded #loader{opacity:0;
-webkit-transition:all 0.3s ease-out;
    	transition:all 0.3s ease-out;
}
#loader-wrapper.loaded{visibility:hidden;
-webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    	transform:translateY(-100%);
-webkit-transition:all 0.3s 1s ease-out;
    	transition:all 0.3s 1s ease-out;
}
/****************************************************************************************************/
/***********************************        END COMMON        ***************************************/
/****************************************************************************************************/



/****************************************************************************************************/
/***************************************        HEADER        ***************************************/
/****************************************************************************************************/
#header{width:100%; background:#ffffff; box-shadow:0 3px 5px 0 rgba(0,0,0,0.2); position:fixed; top:0; left:0; z-index:10;}
#header #head{height:80px; transition:all 0.2s ease;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
}
#header #head .margin{}
#header .logo{float:left; margin-top:5px;}
#header .logo img{transition:all 0.3s ease; width:185px;}
#header #navigation{float:right; margin-top:14px;}
#header #navigation ul{}
#header #navigation ul li{float:left; text-transform:uppercase; font-size:16px; line-height:20px; font-weight:700; margin-left:20px; transition:all 0.3s ease;}
#header #navigation ul li a{color:#666666; transition:all 0.3s ease;}
#header #navigation ul li a:hover{color:#069fde;}
#header #navigation ul li.active a{color:#069fde;}
/****************************************************************************************************/
/**************************************        END HEADER        ************************************/
/****************************************************************************************************/



/****************************************************************************************************/
/***************************************        VIDEOS        ***************************************/
/****************************************************************************************************/
#pop{position:fixed; width:100%; height:100%; background:#ffffff; background:rgba(255,255,255,0.95); top:0; left:0; z-index:100; transform:scale(0); transition:all 0.3s ease;}
#pop.active{transform: scale(1);}
#pop .pop_options{position:fixed; top:0; left:0; background:#069fde; background:rgba(6,159,222,0.95); width:100%; height:79px; border-bottom:1px solid #ffffff; z-index:2; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); transition:all 0.3s ease; overflow:hidden;}

#pop .heading_wrap{float:left; position:relative; width:80%; height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
/*-webkit-justify-content:center;
justify-content:center;*/
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
}
#pop .heading_wrap2{width:100%; line-height:26px;}
#pop h2{/*position:absolute; top:15px; width:80%;*/ position:relative; left:-100%; font-weight:700; font-size:30px; /*color:#666666;*/ color:#ffffff; letter-spacing:-0.040em; opacity:0; transition:all 0s ease 0s;}
#pop h3{/*position:absolute; top:40px; width:80%;*/ position:relative; left:-100%; font-weight:700; font-size:20px; /*color:#bbbbbb;*/ color:#ffffff; font-style:italic; opacity:0; transition:all 0s ease 0s; color:rgba(255,255,255,0.8);}
#pop.active h2{left:20px; opacity:1; transition:all 0.3s ease 0.5s;}
#pop.active h3{left:20px; opacity:1; transition:all 0.3s ease 0.6s;}
#pop .width{position:relative; height:100%; max-width:800px;}
#pop .margin{height:100%; position:relative;}
#pop a.popclose{/*position:absolute; right:30px; top:13px; color:#666666; line-height:1;*/ float:right; text-align:center; width:80px; font-size:50px; line-height:74px; height:100%; color:#ffffff; color:rgba(255,255,255,0.5); background:transparent; transition:all 0.3s ease; z-index:1;}
#pop a.popclose:hover{/*color:#069fde;*/ color:#069fde; background:#ffffff;}

/*video alone*/
#pop .v-wrapper{opacity:0; transition:all 1.5s ease; height:100%; position:relative;}
#pop .v-wrapper.active{opacity:1;}
#pop #vdo{position:absolute; left:0; top:2.5%; height:95%; width:100%; /*left:50%; top:50%; transform:translate(-50%, -50%);*/}
#pop.center .margin{display:table;}
#pop.center .v-wrapper{display:table-cell; vertical-align:middle; width:100%;}
#pop.center #vdo{position:relative; left:auto; top:auto; vertical-align:middle;object-fit:cover;}

/*swiper*/
#pop .slideshow{width:100%; position:relative; height:100%; transition:all 1.5s ease; opacity:0; visibility:hidden;}
#pop .slideshow.active{opacity:1; visibility:visible;}
#pop .slideshow .slideshow_wrap{position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%, -50%);}
#pop .slideshow .swiper-container{}
#pop .slideshow .swiper-slide{position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top: 5px; height:0;}
#pop .slideshow .swiper-slide iframe{position: absolute; top:0; left:0; width:100%; height:100%;}
#pop .slideshow .swiper-slide img{vertical-align:top;}
#pop .slideshow .gallery-top{width:100%;}
#pop .slideshow .gallery-thumbs{width:100%; box-sizing:border-box; height:100px;}
#pop .slideshow .gallery-thumbs .swiper-slide{width:25%; height:100%; opacity:0.4;}
#pop .slideshow .gallery-thumbs .swiper-slide-active{opacity:1;}
/*
#pop .slideshow .swiper-button-next, #pop .slideshow .swiper-button-prev{bottom:30px; top:auto; color:#c29c7d; background:none; font-family:'web_symbolsregular'; font-size:22px;}
#pop .slideshow .swiper-button-next{right:20%; text-align:right;}
#pop .slideshow .swiper-button-prev{left:20%;}
*/


/****************************************************************************************************/
/**************************************        END VIDEOS        ************************************/
/****************************************************************************************************/




/****************************************************************************************************/
/***************************************        ISOTOPE        **************************************/
/****************************************************************************************************/
.iso-wrap{width:100%;}
.iso-item{width:33.33%; float:left;}
.iso-item .margin{padding:5px;}
.iso-item a{overflow:hidden; position:relative; display:block; padding-bottom:56.25%; /* 16:9 */ height:0; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 0.5s ease;
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
filter:grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
.iso-item a:hover{-webkit-filter:grayscale(0); filter:none;}
.iso-item a img{vertical-align:top; transition:all 0.5s ease;
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
filter:grayscale(1); /* Microsoft Edge and Firefox 35+ */
/*act like background image*/
/*width:100%; height:100%; */object-fit:cover; display:block;
/*width:1920px; height:1080px;*/
/*max-width:100%; position:absolute; top:0; left:0; width:100%; height:100%;*/
}
.iso-item a:hover img{-webkit-filter:grayscale(0); filter:none;}
.iso-item h4{position:absolute; max-width:100%; left:-100%; bottom:30px; text-align:center; color:#ffffff; font-weight:700; text-transform:uppercase; background:#000000; background:rgba(0,0,0,0.5); font-size:16px; line-height:20px; padding:5px 10px 7px 10px; transition:all 0.3s ease; box-sizing:border-box;}
.iso-item h4 span{display:block; text-align:right; font-size:12px; text-transform:none; font-style:italic; color:#069fde;}
.iso-item a:hover h4{left:0;}
ul.iso-filters{margin:0 auto 30px auto; text-align:center; font-size:16px; line-height:20px; font-weight:700; text-transform:uppercase; transition:all 0.3s ease;}
ul.iso-filters li{display:inline-block; margin:0 5px;}
ul.iso-filters li a{color:#666666; transition:all 0.3s ease;}
ul.iso-filters li a:hover{color:#069fde;}
ul.iso-filters li.active a{color:#069fde;}
/****************************************************************************************************/
/**************************************        END ISOTOPE        ***********************************/
/****************************************************************************************************/








/*
#newsD .newsD_wrap{width:100%; background:#ffffff; display:inline-block; position:relative; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.3); transition:all 0.2s ease;}
#newsD .newsD_wrap .margin{padding:40px;}
#newsD .newsD_wrap .gal_wrap{width:100%; float:none; position:relative;}
#newsD .newsD_wrap .swiper-container{width:100%; margin-left:auto; margin-right:auto;}
#newsD .newsD_wrap .swiper-slide{position:relative; padding-bottom:56.25%; padding-top:25px;	height:0;}

#newsD .newsD_wrap .swiper-slide iframe{position: absolute; top:0; left:0; width:100%; height:100%;}

#newsD .newsD_wrap .swiper-slide img{vertical-align:top;}
#newsD .newsD_wrap .swiper-slide .subtitle{position:absolute; bottom:0; left:0; width:100%; background:#000000; background:rgba(0,0,0,0.6); font-size:14px; line-height:18px; color:#ffffff;}
#newsD .newsD_wrap .swiper-slide .subtitle .padding{padding:10px;}
#newsD .newsD_wrap .swiper-slide .subtitle b{font-family:'roboto_condensedbold', Helvetica Neue, Helvetica, Arial, sans-serif;}
#newsD .newsD_wrap .swiper-slide .subtitle a{color:#c29c7d !important;}
#newsD .newsD_wrap .swiper-slide .subtitle a:hover{text-decoration:underline;}
#newsD .newsD_wrap .gallery-top{width:100%;}
#newsD .newsD_wrap .gallery-thumbs{width:50%; box-sizing:border-box; padding:10px 0;}
#newsD .newsD_wrap .gallery-thumbs .swiper-slide{width:25%; height:100%; opacity:0.4;}
#newsD .newsD_wrap .gallery-thumbs .swiper-slide-active{opacity:1;}
#newsD .newsD_wrap .gal_wrap .swiper-button-next, #newsD .newsD_wrap .gal_wrap .swiper-button-prev{bottom:30px; top:auto; color:#c29c7d; background:none; font-family:'web_symbolsregular'; font-size:22px;}
#newsD .newsD_wrap .gal_wrap .swiper-button-next{right:20%; text-align:right;}
#newsD .newsD_wrap .gal_wrap .swiper-button-prev{left:20%;}
*/









/****************************************************************************************************/
/**************************************        CONTACT        ***************************************/
/****************************************************************************************************/
#contact{position:fixed; right:-40%; top:0; width:35%; height:100%; background:#069fde; background:rgba(6,159,222,0.95); border-left:2px solid #ffffff; box-shadow:-3px 0 10px 0 rgba(0,0,0,0.2); transition:all 0.3s ease;}
#contact.active{right:0;}
#contact a.contactclose{position:absolute; right:20px; text-align:center; top:95px; font-size:20px; line-height:1; color:#ffffff; transition:all 0.3s ease; z-index:1; opacity:0.6;}
#contact a.contactclose:hover{opacity:1; text-decoration:none;}
#contact .margin{padding:100px 0 30px 20px; height:100%;}
#contact .wrap{overflow-y:auto; height:100%; color:#ffffff;}
#contact .block{margin-top:20px; font-size:14px; margin-bottom:20px; padding-right:20px; display:inline-block; box-sizing:border-box; width:100%; position:relative; overflow:hidden;}
#contact .hwrap{/*border-bottom:1px solid #ffffff; padding-bottom:10px;*/ margin-bottom:10px;}
#contact h2{font-weight:900; font-size:20px; line-height:24px; text-transform:uppercase;}
#contact h3{font-weight:700; font-size:16px;}

#contact .contact-info{position:relative; margin-left:0; overflow:hidden; transition:all 0.3s ease; transform:scale(1);}
#contact .contact-info .fields{margin:10px 0; position:relative;}
#contact .contact-info .fields label.error{position:absolute; right:0; bottom:-22px; font-style:italic; font-weight:600; font-size:13px;}
#contact .contact-info input[type="text"], #contact .contact-info input[type="email"], #contact .contact-info textarea{width:100%; font:16px/24px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif; border:none; border-bottom:1px solid #78cbed; background:none; color:#ffffff; padding:10px 0; box-sizing:border-box; transition:all 0.2s linear;}
#contact .contact-info textarea{font-size:14px; line-height:22px;}
#contact .contact-info input[type="text"]:focus, #contact .contact-info input[type="email"]:focus, #contact .contact-info textarea:focus{border-bottom:1px solid #ffffff; color:#ffffff; box-shadow:0 4px 4px 0 rgba(255,255,255,0.3);}
#contact .btn{font:14px/22px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:700; cursor:pointer; color:#ffffff; display:inline-block; border:none; text-transform:uppercase; border-radius:4px; padding:10px 40px; background-color:#68c4eb; text-decoration:none;
-webkit-transition:all .3s ease-out!important;
		transition:all .3s ease-out!important;
}
#contact .btn:hover, #contact .btn:focus{background-color:#ffffff; box-shadow:none; outline:none !important; color:#069fde;}

#contact .submitter{opacity:1; transition:all 0.2s linear;}
#contact .submitter.go{opacity:0; visibility:hidden;}

#contact .success{position:absolute; text-align:center; width:100%; transform:scale(0); left:100%; transition:all 0.3s ease 0.3s; margin-top:50px; overflow:hidden;}
#contact .success h3{font-weight:700; font-size:20px; font-style:italic; line-height:28px; text-decoration:underline;}

#contact.go .contact-info{margin-left:100%; transform:scale(0);}
#contact.go .success{left:0; transform:scale(1);}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style:italic; font-size:16px !important; line-height:24px !important; color:#ffffff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-style:italic; font-size:16px !important; line-height:24px !important; color:#ffffff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  font-style:italic; font-size:16px !important; line-height:24px !important; color:#ffffff !important;
}
:-moz-placeholder { /* Firefox 18- */
	font-style:italic; font-size:16px !important; line-height:24px !important; color:#ffffff !important;
	opacity: 1;
}

.loaders{transition:all 0.2s ease;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.loaders.on{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;	
}
#loaders-spinner{border-width:3px; border-style:solid; width:20px; height:20px; bottom:16px; left:45px; position:absolute; border-radius:50%; border-color:#f0f0f0; border-top-color:#069fde; border-right-color:#069fde; border-bottom-color:#069fde;
-webkit-animation:ldr-spin 0.5s linear infinite;
		animation:ldr-spin 0.5s linear infinite;
}
.an-ldr-spin{
-webkit-animation-name:ldr-spin;
 -khtml-animation-name:ldr-spin;
   -moz-animation-name:ldr-spin;
	 -o-animation-name:ldr-spin;
		animation-name:ldr-spin;
-webkit-animation-duration:0.5s;
 -khtml-animation-duration:0.5s;
   -moz-animation-duration:0.5s;
     -o-animation-duration:0.5s;
		animation-duration:0.5s;
-webkit-animation-iteration-count:infinite;
 -khtml-animation-iteration-count:infinite;
   -moz-animation-iteration-count:infinite;
	 -o-animation-iteration-count:infinite;
		animation-iteration-count:infinite;
-webkit-animation-fill-mode:both;
 -khtml-animation-fill-mode:both;
   -moz-animation-fill-mode:both;
	 -o-animation-fill-mode:both;
		animation-fill-mode:both;
-webkit-animation-timing-function:linear;
 -khtml-animation-timing-function:linear;
   -moz-animation-timing-function:linear;
	 -o-animation-timing-function:linear;
		animation-timing-function:linear;
}
@keyframes ldr-spin{
	0%		{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%	{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@-moz-keyframes ldr-spin{
	0%		{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%	{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@-webkit-keyframes ldr-spin{
	0%		{-webkit-transform: rotate(0deg); transform:rotate(0deg);}
	100%	{-webkit-transform: rotate(360deg); transform:rotate(360deg);}
}
/****************************************************************************************************/
/*************************************        END CONTACT        ************************************/
/****************************************************************************************************/


/*IE9 AND IE10 ONLY*/ 
@media screen and (min-width:0\0) {}


/*CHROME AND SAFARI ONLY*/
@media screen and (-webkit-min-device-pixel-ratio:0) {}