@charset "UTF-8";
/* CSS Document */
 
body{ margin:0 0 0 0; padding:0 0 0 0;}
.fix-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	height:auto;
	min-height:100vh  /* 1vh — one equal 1/100 height of viewport.*/;
	float:left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
   
}
 

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

body,td,th,p,li { font-family: 'Quicksand', sans-serif; font-size:22px; line-height:32px; color: #ffffff; text-align:left;}
 

a { text-decoration:none; color: #ffffff;}
a:hover { color: #00aeef;}

h1 { font-size:49px; line-height:40px; color:#5aab47; padding: 0px; margin:0px; padding-bottom:20px; text-align:left; font-family: 'Quicksand', sans-serif;}

h2 {font-size:32px; line-height:32px;  color: #fff; padding: 0px; margin:0px;  text-align:left; font-weight:normal;}

h3 {font-size:20px; line-height:28px;  color: #fff; padding: 0px; margin:0px;  text-align:left; }

h4 {font: bold 14px/14px Verdana, Geneva, sans-serif; color: #292929; padding: 0px; margin:0px; text-align:left;}
 

fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}
hr {height: 1px; color: #e6e4e2;  }
.blue{ color:#00aeef;}
  
/* header */
#header_wrap{float:left; width:100%; height:20px; min-height:20px; background: url(images/header_bg.png); position:fixed; top:0; z-index:500;}
html>body #header_wrap{ height:auto;}

#header{ margin:0 auto; width:1200px; height:20px; min-height:20px;}
html>body #header{ height:auto;}

#head_logo{ float:left; width:528px; height:152px; text-align:center; margin:26px 0;}
#slogan{ float:right; width:624px; height:47px; margin:98px 0 53px 0; text-align:center;}

#nav_wrap{ float:right; width:248px; height:20px; margin-right:76px; z-index:1000;}
.nav{ margin:0 auto; width:248px; height:20px;}

.nav ul{ list-style:none; width:100%; height:auto; padding:0; margin:0;}
.nav li{list-style:none; margin:0; float:left; width:50px; height:20px; background:#FBFBFB; margin:0 4px; line-height:20px; cursor:pointer; display:block;}
.nav li:hover{ background:#00aeef; }
.nav li a:active { background:#00aeef; cursor:pointer; }

@media screen and (max-width: 1200px) {
#header{ width:95%; }
#head_logo{ float:left; width:47%; height:auto; text-align:center; margin:2.1% 0;}
#slogan{ float:right; width:47%; height:auto; margin:8% 0 4.5% 0; text-align:center;}
#nav_wrap{ float:right; width:248px; height:20px; margin-right:6.3%;}
	}
 
@media screen and (max-width: 640px) {
#head_logo{ float:left; width:90%; height:auto; margin:4% 0 2.1% 5%;}
#slogan{ float:left; width:90%; height:auto; margin:4% 0 5% 5%; }
#nav_wrap{ float:left; width:100%; height:20px; margin-right:0;}
	}
	

/* main */
.content_wrap{ margin:0 auto; width:100%; height:20px; min-height:20px; position: relative;}
html>body .content_wrap{ height:auto;}
.content_left{float:left; width:35%; height:auto; margin-left:13%; padding-top:360px;  margin-bottom:100px;}
.content_right{float:right; width:35%; height:auto; margin-right:13%; padding-top:360px; border-bottom:5px solid #00aeef;margin-bottom:100px;}
.content_right2{float:right; width:35%; height:auto; margin-right:13%; padding-top:560px; border-bottom:5px solid #00aeef;margin-bottom:100px; display: flex;}
.content_right2 span {align-self: flex-end;}
#ryder-img{margin: 30px auto 0 auto; width: 70%; height: auto; }

#p4 ul li  { list-style:none; }

@media screen and (max-width: 1440px) {
.content_left{ padding-top:280px;}
.content_right{ padding-top:280px;}
.content_right2{ padding-top:280px;}

	}


@media screen and (max-width: 1200px) {
.content_left{float:left; width:40%; height:auto; margin-left:5%; padding-top:280px; }
.content_right{float:right; width:40%; height:auto; margin-right:5%; padding-top:280px;}
.content_right2{float:right; width:40%; height:auto; margin-right:5%; padding-top:280px;}
 
body,td,th,p,li { font-size:20px; line-height:30px; }
	}
 
@media screen and (max-width: 640px) {
.content_left{float:left; width:90%; margin-left:5%; padding-top:300px; margin-bottom:10px;}
.content_right{float:left; width:90%; margin-left:5%; padding-top:300px;}
.content_right2{float:right; width:90%; height:auto; margin-right:5%; padding-top: 30px;}
#ryder-img{margin: 0 auto; width: 100%; height: auto; }
 
 
body,td,th,p,li { font-size:16px; line-height:27px; }
	}
 

/* footer */
#footer_wrap{ float: left; width:90%; background:#0c0f17; text-align:center; padding:40px 5%; height:auto;}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
 background: url( "../videos/polina.jpg") no-repeat;
  background-size: cover;
  -webkit-transition: 1s opacity;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}