@import "bootstrap.min.css";

.bp {padding: 0;}
html {height: 100%;}
body {
    background-color: #f8f8f8;
  	font-family: "RobotoRegular", sans-serif;
  	font-size: 16px;
  	overflow: hidden;
}

header {
    position: relative;
    width: 100%;
    overflow: hidden;
}
header img.header_img {height: 100vh !important; display: none; width: 100%;}

/* video */

#MediaPlayer {
    height: 100%;
    left: 10%;
    top: 0px;
    min-width: 100%;
    position: relative;
    z-index: 0;
}
/*#MediaPlayer img {height: 100vh; display: none; width: 100%;}*/
.MediaPlayer {
    height: 100% !important;
    left: 0;
    min-width: 100% !important;
    overflow: hidden;
    position: relative;
    top: -500px;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
   .MediaPlayer {width: 100% !important;}
}

.slider_bg {
    background-color: rgba(0,0,0,0.2);
	/*background-image: url(../images/pattern.png);*/
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.box-left {
  	background-color: #eee;
  	background-image: url(../images/fabric_plaid.png);
  	height: 100%;
  	left: 0;
  	padding: 20px 15px;
  	position: fixed;
  	top: 0;
  	z-index: 98;
}
.box-left img.logo_top {margin-top: 50px;}
.box-left p.logo_text {
	background-color: #669a9a;
    color: #f5f5f5;
    font-family: "RobotoBold",sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 5px;
    padding: 0 0 2px;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  	-moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  	-o-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
  	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}

.box-left .contact_text {
    margin-top: 100px;
    text-align: center;
    -webkit-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -moz-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -o-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
}
.box-left .contact_text p {color: #666;}
.box-left .contact_text .phon {
    color: #666;
    font-family: 'TeXGyreAdventor',sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1;
}
.box-left .contact_text .phon p {margin-bottom: 5px;}
.box-left .contact_text .phon p span {color: #999;}

.box-left .copiring {
    border-right: 8px solid #669a9a;
    bottom: 100px;
    cursor: pointer;
    font-family: "RobotoLight",sans-serif;
    font-size: 13px;
    left: -16.2%;
    padding: 10px;
    position: fixed;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.box-left .copiring p {
    color: #666;
    margin: 0;
}
.box-left .copiring p.ws,
.box-left .copiring p.ws a {color: #888;}
.box-left .copiring:hover {border-color: transparent; left: 0;}

.box-left .translite_left {
    display: none;
    bottom: 0;
    position: absolute;
    width: 50px;
}
.box-left .translite_left a.tr {
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.box-left .translite_left a.tr img {
    height: 52px;
    padding: 16px 10px;
    position: relative;
    width: 100%;
}
.box-left .translite_left a.active,
.box-left .translite_left a:hover {background-color: #669A9A;}

#social {
    position: fixed;
    right: 60px;
    width: 164px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    top: 0;
    z-index: 99;
}
.facebook {
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: 8px solid rgba(65, 94, 155, 0.8);
    float: left;
    width: 50px;
    height: 0;
    line-height: 40px;
    margin-right: 1px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.google {
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: 8px solid rgba(234, 128, 34, 0.8);
    float: left;
    width: 50px;
    height: 0;
    line-height: 40px;
    margin-right: 1px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.evernote {
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: 8px solid rgba(125, 57, 176, 0.8);
    width: 50px;
    height: 0;
    line-height: 40px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#social a {display: block;}
.facebook a i {color: #415E9B;}
.google a i {color: #EA8022;}
.evernote a i {color: #7D39B0;}
.facebook:hover,
.google:hover,
.evernote:hover {height: 50px;}
.facebook:hover {border-color:#415E9B;}
.google:hover {border-color:#EA8022;}
.evernote:hover {border-color:#7D39B0;}

/* carusell */

#wb_Carousel1 {
    background-color: transparent;
    overflow: hidden;
    text-align: right;
}
#wb_Carousel1 h2 {
    -webkit-animation: swash-in 900ms linear 0ms 1 normal;
    -moz-animation: swash-in 900ms linear 0ms 1 normal;
    -ms-animation: swash-in 900ms linear 0ms 1 normal;
    animation: swash-in 900ms linear 0ms 1 normal;
    color: rgba(255, 255, 255, 0.9);
    display: inline-block;
	font-family: 'TeXGyreAdventor',sans-serif;
    font-size: 2.7em;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -o-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#wb_Carousel1 h2 span {color: #EA8022; font-weight: bold;}
#wb_Carousel1 h3 {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -o-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#wb_Carousel1 h3 span {color: #EA8022; font-style: italic;}
#Carousel1 .frame {
    display: inline-block;
    width: 100%;
    height: 400px;
    padding: 0 50px;
}
#wb_Text1, #wb_Text2, #wb_Text3, #wb_Text4 {
    -webkit-animation: slide-up-in 2s linear 0ms 1 normal;
    -moz-animation: slide-up-in 2s linear 0ms 1 normal;
    -ms-animation: slide-up-in 2s linear 0ms 1 normal;
    animation: slide-up-in 2s linear 0ms 1 normal;
    background-color: transparent;
    border: 0px #000000 solid;
    padding: 0 20px 0 50px;
    margin: 0;
}
#wb_Text5, #wb_Text6, #wb_Text7, #wb_Text8 {
    background-color: transparent;
    border: 0px #000000 solid;
    padding: 5px 20px;
    margin: 0;
}
#wb_Text1, #wb_Text2, #wb_Text3, #wb_Text4 {
    height: auto;
    position: relative;
    top: 210px;
    visibility: hidden;
    width: auto;
    z-index: 2;
}
#wb_Text5, #wb_Text6, #wb_Text7, #wb_Text8 {
    height: auto;
    left: 0;
    position: relative;
    top: 230px;
    width: auto;
    z-index: 3;
}

/* footer */

footer {
    background-color: #eee;
  	background-image: url(../images/fabric_plaid.png);
  	bottom: 0;
    height: 52px;
  	position: fixed;
  	width: 100%;
  	z-index: 99;
}
footer .translite a.tr {
    font-weight: normal;
    text-transform: inherit;
}
footer .translite a.tr img {
    position: relative;
    top: -2px;
    width: 30px;
}
footer a.tr,
footer a.footer_menu {
    color: #262624;
    display: inline-block;
    /*font-family: "RobotoBold",sans-serif;*/
    font-family: 'TeXGyreAdventor',sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1.5px;
    height: 52px;
    padding: 15px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -moz-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -o-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
}
footer menu li span,
footer a.footer_menu span {
    background-color: #262624;
    display: inline-block;
    height: 19px;
    line-height: 1;
    margin-right: 25px;
    text-align: center;
    width: 19px;
}
footer menu li span i,
footer a.footer_menu span i {
    color: #669a9a;
    padding-left: 1px;
    -webkit-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    -moz-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    -o-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer a.active,
footer a.tr:hover,
footer a.footer_menu:hover {
    background-color: #669A9A;
    color: #f5f5f5;
    text-decoration: none;
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
    -o-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}
footer a.active i,
footer a.footer_menu:hover i {color: #f5f5f5;}
footer menu {
    background-color: #eee;
    background-image: url(../images/fabric_plaid.png);
    border-left: 1px solid rgba(102, 154, 154, 0.3);
    bottom: 52px;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 30px 35px 10px 62px;
    position: absolute;
    -webkit-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -moz-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -o-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    width: 100%;
}
footer menu li {margin-bottom: 8px; position: relative;}
footer menu li span {padding-top: 1px; position: absolute; top: 3px;}
/*footer menu li span i {display: inline !important; line-height: 1.2 !important;}*/
footer menu > li > a {
    color: #262624;
    display: inline-block;
    font-family: "RobotoRegular",sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: inherit;
    line-height: 1.2;
    /*margin-bottom: 5px;*/
    margin-left: 45px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-transform: inherit;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 220px;
}
footer menu li.menu_a {
    border-top: 1px solid rgba(102, 154, 154, 0.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
    margin-top: 20px;
    padding-top: 10px;
}
footer menu li.menu_a a {}
footer menu li a:hover {
    background-color: transparent;
    color: #669A9A;
    text-decoration: none;
    -webkit-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -moz-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    -o-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
}
footer menu li:hover i {color: #f5f5f5;}

/* loder */

html.js .loader {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

html.js .loader_inner {
    background-image: url("../images/preloader.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    left: 50%;
    top: 50%;
    position: absolute;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .box-left p {padding-top: 1px;}
    footer a span i {padding-top: 2px;}
}