/*==================  Load Page  ======================*/

#loader {position: fixed; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -30px 0 0 -30px; border: 4px solid #333; border-radius: 50%; border-top: 4px solid #fff; width: 60px; height: 60px; -webkit-animation: spin 0.85s linear infinite; animation: spin 0.85s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/*==================  General  ======================*/

body {overflow-x: hidden; background-color: #171a1a; background-image: url("../images/background02.png"); color: #fff; -webkit-text-size-adjust: none;}
img {max-width: 100%; height: auto;}

h1 {font-family: Raleway; font-weight:200; text-transform: uppercase; font-size: 60px; letter-spacing: 34px;}
h2 {font-family: Raleway; font-weight:100; text-transform: uppercase; font-size: 130px; letter-spacing: 34px;}
h3 {font-family: Raleway; font-weight:200; text-transform: uppercase; font-size: 40px; letter-spacing: 24px;}
h4 {font-family: Raleway; font-weight:200; text-transform: uppercase; font-size: 36px; letter-spacing: 6px; line-height: 160%;}
h5 {font-family: Raleway; font-weight:100; text-transform: uppercase; font-size: 80px; letter-spacing: 30px; line-height: 120%;}
h6 {font-family: Raleway; font-weight:200; text-transform: uppercase; font-size: 36px; letter-spacing: 6px; line-height: 160%; margin-top: 40px;}
h7 {font-family: Raleway; font-weight:200; font-size: 14px; letter-spacing: 10px; line-height: 160%;}
p {font-family: Raleway; font-weight:200; color: #999; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; line-height: 140%;}

/*==================  Content  ======================*/

.container1 {position: relative; text-align: center;}

.big_image_text1 {z-index: 1; position: absolute; width: 1300px; top: 100px; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 15px #555;}
.big_image_text2 {z-index: 1; position: absolute; width: 1300px; top: 420px; left: 50%; transform: translate(-50%, -50%); text-shadow: 0px 0px 15px #555;}
.big_image_text3 {z-index: 1; position: absolute; width: 1300px; top: 800px; left: 50%; transform: translate(-50%, -50%); line-height: 70px; text-shadow: 0px 0px 7px #000;}
.bg_movie {float: left; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; min-width: 1000px;}

@keyframes fadeInAnimation {0% {opacity: 0;} 100% {opacity: 1;}}
.gallery {animation-name: fadeInAnimation; animation-duration: 1s; display: none; z-index: 2; position: fixed; margin-left: 0px; margin-top: -8px; background: rgba(0, 0, 0, 0.95); width: 100%; height: 100%;}
.gallery_loader {z-index: 3; position: fixed; top: 50%; left: 50%;}
.gallery_image {z-index: 4; position: fixed; max-height: 90%; max-width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.gallery_text {animation-fill-mode: forwards; animation-name: fadeInAnimation; animation-delay: 1s; animation-duration: 1s; text-align: center; opacity: 0; z-index: 4; position: absolute; bottom: 70px; left: 30%; right: 30%; background-color: rgba(0, 0, 0, 0.6); color: white; padding: 8px 20px;}
.gallery_close_btn {animation-fill-mode: forwards; animation-name: fadeInAnimation; animation-delay: 1s; animation-duration: 0.5s; z-index: 5; text-align: center; opacity: 0; position: absolute; top: 15px; right: 15px;}

.container2 {margin-top: auto; margin-left: 12.2%; width: 75%;}
.column1 {padding-top: 140px; float: left; width: 50%; min-width: 310px;}
.column1_1 {padding-bottom: 150px;}
.text {float: left; margin-top: -40px; padding-left: 40px; padding-right: 20px;}

.container3 {position: relative; text-align: center;}
.bg_image {padding-top: 75px; float: left; margin-left: 0px; left: 0%; right: 0%; margin-top: 0x; width: 100%; height: 100%; min-width: 1000px;}
.big_image_text4 {z-index: 1; position: absolute; width: 1000px; top: 600px; left: 50%; transform: translate(-50%, -50%); line-height: 70px; text-shadow: 0px 0px 7px #000;}
.big_image_text5 {z-index: 1; position: absolute; width: 1600px; top: 750px; left: 50%; transform: translate(-50%, -50%); line-height: 70px; text-shadow: 0px 0px 7px #000;}

.container4 {margin-left: 0px; width: 100%; height: 100%;}
.column2 {filter: grayscale(60%); margin-top: -4px; float: left; width: 25%;}

.icon-animation img {filter: brightness(100%); scale: 1; transition: 0.4s ease; cursor: pointer;}
.icon-animation img:hover {filter: brightness(65%); scale: 1.2; transition: 0.4s ease;}
.icon-animation video {filter: brightness(100%); scale: 1; transition: 0.4s ease; cursor: pointer;}
.icon-animation video:hover {filter: brightness(65%); scale: 1.2; transition: 0.4s ease;}
.masked {max-width: 100%; max-height: 100%; -webkit-mask-image: linear-gradient(black, black); mask-image: linear-gradient (black, black);}

.grey_block_bg {float: left; margin-left: -54px; width: 106%; background-image: url("../images/background01.png");}

.link a:link {text-decoration: none; color: #fff; transition-duration: 0.4s;}
.link a:hover {text-decoration: none; color: #aaa; transition-duration: 0.4s;}

#contact-form label {position: relative; display: block; margin: 0 0 10px; width: 100%;}
#contact-form label.message {max-width: 100%; width: 100%; margin: 0 0 25px;}
#contact-form fieldset {border: none; padding-left: 26px; padding-right: 26px;}
#contact-form input[type='text'] {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: 100 14px; line-height: 28px; padding: 11px 20px 11px; color: #fff; background-color: #1f2222; border: 1px solid #444; width: 100%; border-radius: 3px; outline: none; -webkit-appearance: none; height: 50px; margin: 0;}
#contact-form textarea {display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Raleway, Arial; font-size: 13px; font-weight: bold; line-height: 28px; padding: 11px 20px 11px; color: #fff; background-color: #1f2222; border: 1px solid #444; width: 100%; border-radius: 0; outline: none; -webkit-appearance: none; resize: none; height: 164px; overflow: auto;}

.btn-contact {transition-duration: 0.4s; cursor: pointer; border: 1px solid #444; display: inline-block; position: relative; padding: 10px 29px; text-align: center; font-size: 14px; line-height: 24px; color:#aaa;  background-color:#1f2222; text-transform: uppercase;}
.btn-contact:hover{color:#fff; background-color:#444;}
.btn-contact2 {transition-duration: 0.4s; cursor: pointer; border: 1px solid #444; display: inline-block; position: relative; padding: 10px 29px; text-align: center; font-size: 14px; line-height: 24px; color:#aaa;  background-color:#1f2222; text-transform: uppercase; margin-left: 20px; margin-top: 40px;}
.btn-contact2:hover{color:#fff; background-color:#444;}
.btn-special {transition-duration: 0.4s; cursor: pointer; border: 1px solid #333; display: inline-block; position: relative; padding: 0px 20px; text-align: center; font-size: 14px; color:#aaa;  background-color:#111; text-transform: uppercase;}
.btn-special:hover{color:#fff; background-color:#333;}

.copyright {color:#fff; font-size: 13px; padding-right: 20px;}
.bg_footer {padding-top: 120px; float: left; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; min-width: 1500px;}

.Scroll_Up {opacity: 0; z-index: 1; position: fixed; padding: 6px 16px; bottom:30px; right:30px; font-size: 22px;}

/*==================  Responsive  ======================*/

@media (max-width: 1549px) 
{
h1 {font-size: 40px;}
h2 {font-size: 90px;}
h3 {font-size: 35px;}
h4 {font-size: 35px;}
h5 {font-size: 65px; font-weight:200;}
h7 {font-size: 18px; letter-spacing: 12px; line-height: 100%;}
.big_image_text1 {top: 60px;}
.big_image_text2 {top: 320px;}
.big_image_text3 {top: 600px; line-height: 60px;}
.big_image_text4 {top: 450px; line-height: 70px;}
.big_image_text5 {top: 580px; line-height: 70px;}
.gallery_text {bottom: 40px; left: 25%; right: 25%;}
}

@media (max-width: 1199px) 
{
h1 {font-size: 40px;}
h2 {font-size: 80px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
h5 {font-size: 60px; font-weight:200;}
h7 {font-size: 14px; letter-spacing: 10px; line-height: 100%;}
.big_image_text1 {top: 40px;}
.big_image_text2 {top: 220px;}
.big_image_text3 {top: 440px; line-height: 50px;}
.big_image_text4 {top: 280px; line-height: 70px;}
.big_image_text5 {top: 380px; line-height: 70px;}
.container2 {margin: auto;}
.bg_image {padding-top: 30px;}
.column1 {width: 100%; padding-top: 60px;}
.column1_1 {padding-bottom: 50px;}
.text {margin-top: -50px; padding-left: 0px; padding-right: 0px;}
#contact-form fieldset {padding-left: 0px;}
.grey_block_bg {float: left; margin-left: 0px; width: 106%;}
.bg_footer {padding-top: 50px;}
.gallery_text {bottom: 20px; left: 20%; right: 20%;}
}

@media (max-width: 899px) 
{
h1 {font-size: 30px; letter-spacing: 12px;}
h2 {font-size: 80px; letter-spacing: 16px;}
h3 {font-size: 25px; letter-spacing: 12px;}
h4 {font-size: 25px; letter-spacing: 10px;}
h5 {font-size: 40px; font-weight:200; letter-spacing: 12px;}
h7 {font-size: 12px; letter-spacing: 8px; line-height: 100%;}
.big_image_text1 {top: 30px;}
.big_image_text2 {top: 240px; width: 600px;}
.big_image_text3 {top: 450px; line-height: 35px;}
.big_image_text4 {width: 400px; top: 250px; line-height: 70px;}
.big_image_text5 {width: 400px; top: 400px; line-height: 30px;}
.bg_image {margin-left: -50px;}
.container2 {width: 90%;}
.column2 {width: 50%;}
.container4 {margin-left: -8px; width: 106%; height: 106%;}
.bg_movie {margin-left: -120px;}
.gallery_text {bottom: 12px; left: 15%; right: 15%;}
}

@media (max-width: 749px) 
{
.bg_image {margin-left: -120px;}
}
@media (max-width: 649px) 
{
h1 {font-size: 30px; letter-spacing: 10px;}
h2 {font-size: 80px; letter-spacing: 12px;}
h3 {font-size: 25px; letter-spacing: 10px;}
h4 {font-size: 20px; letter-spacing: 8px;}
h5 {font-size: 30px; font-weight:200; letter-spacing: 12px;}
h7 {font-size: 10px; letter-spacing: 6px; line-height: 100%;}
.big_image_text1 {top: 30px;}
.big_image_text2 {top: 240px; width: 600px;}
.big_image_text3 {top: 460px; line-height: 30px;}
.big_image_text4 {width: 300px; top: 250px; line-height: 70px; padding-right: 190px;}
.big_image_text5 {width: 300px; top: 350px; line-height: 30px; padding-right: 190px;}
.bg_image {margin-left: -140px;}
.bg_movie {margin-left: -280px;}
.gallery_text {bottom: 12px; left: 10%; right: 10%;}
}

@media (max-width: 499px) 
{
.bg_image {margin-left: -220px;}
}