@import url("reset.css");


@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=cyrillic-ext,latin,latin-ext,cyrillic);

/*
gold - #faf322;
*/


.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

body {
    background: #faf322;
    color: #7f7f7f;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    line-height: 21px;
    font-size: 16px;
}
h1, h2, h3, h4, h5 {
	color: #faf322;
	margin-bottom: 20px;
	line-height: 1.2em;
	text-transform: uppercase;
}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
p {margin-bottom: 10px;}
.hightlight {font-size: 20px; line-height: 22px; margin-bottom: 20px !important; color: #faf322;}
b, strong {font-weight: 700;}
i, em {font-style: italic;}


#header {
    width: 100%;
    background: #393838;

    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
    #logo {
        float: left;
        width: 170px;
        margin: 0 50px;
    }
    #nav {
        display: inline-block;
        font-weight: 700;
        position: relative;
    }
        #nav a, #nav span {
            display: inline-block;
            font-size: 1.5em;
            padding-top:8px;
            padding-bottom:8px;
            font-weight: bold;
            text-transform: uppercase;
            text-decoration: none;
            color: #FFF;
            letter-spacing: -0.02em;
        }	
        	.arrow {
	        	padding-right: 60px;
        	}
            .dropdown a, .dropdown span {
                background: url("../images/arrow.png") right 20px center no-repeat;
            }
            #nav a:hover, #nav span:hover {
                color: #faf322;
            }
            #nav li:hover a, #nav li:hover span {
                color: #faf322;
            }
	    #nav li.over ul {
		    display: block;
	    }
        #nav ul {
            display: none;
            width: 90%;
            height: 100%;
            position: absolute;
            right: -100%; 
            top: 0;
            padding-left: 13px; 
            border-left: 1px solid rgba(255,255,255,0.70);       
        }
            #nav ul li {
                display: inline-block;
                width: 100%;
                margin-right: 20px;
            }
            #nav ul li a {
                padding-right: 0px;
                background: none;
                color: #FFF !important;
                font-weight: 300;
            }
            #nav ul li a:hover {
                color: #faf322 !important; 
            }
			#nav li:hover ul {
				display: block;
			}
    #lang {
        float: right;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        font-size: 0.9em;
        margin-right: 50px;
        text-align: right;
        width: 200px;
    }
    		.langLinks a {
    			display: inline-block;
    			width: 100%;
    			color: #FFF;
    			text-decoration: none !important;
    			font-weight: 300;
    			font-size: 12px;
    		}
    		.langLinks a.active {
	    		color: #faf322;
	    		font-weight: 700;
	    		font-size: 16px;
    		}
			.langLinks a:hover {
				color: #faf322;
			}	
			.line {
				display: block;
				width: 10px;
				border: 1px solid white;
				float: right;
				margin-top: 10px;
			}
			.socialIcons {
				width: 100%;
				float: right;
				margin-top: 10px;
			}
				.socialIcons a {
					float: right;
					margin-left: 5px;
				}
	.sticky {
		padding: 15px 0 !important;
		position: fixed !important;
		top: 0;
		z-index: 999;
		background: rgba(17,17,17,0.9) !important;
		
		border-bottom: 2px solid #262626;
		border-bottom: 2px solid rgba(38,38,38,0.9);
	}
		.sticky #logo {
			width: 80px !important;
		}
		.sticky #nav {
			float: left;
			flex-grow:1;
			width: 500px;
			width: calc(100% - 500px);
		}
        .sticky #nav a, .sticky #nav span {
            display: inherit !important;
            font-size: 0.8em !important;
            float: left;
            padding-top:8px;
            padding-bottom:8px;
            font-weight: bold;
            padding-right: 0px;
            margin-right: 10px;
        }
	    .sticky .arrow {
	    	padding-right: 40px !important;
	    }
    	.sticky #videoBG  {
    		display: none !important;
    	}
    
#videoBG {
     left:0;
     position:absolute;
     top:0;
     opacity: 0.3;
    top:-50%;
}
.headerContent {
    position: relative;
    z-index: 999;
}

#content {
    overflow: auto;
    background: #111111;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
 }

.newsBlock {
    width: calc(100% / 3);
    float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    padding: 50px;
    min-height: 300px;
    border-bottom: 2px solid #262626;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
	.bigTitle {
		width: 100%;
		width: calc(100% - 70px);
		padding: 0 20px 0 50px;
		height: 60px;
		/*
		background: #1f1f1f;
		*/
		background:url("../images/tw.png") no-repeat left 20px top 22px;
		color: #7f7f7f;
		border-bottom: 2px solid #262626;
		line-height: 62px;
	}
		.bigTitle a {
			display: inline;
			line-height: 1;
			float: right;
			font-size: 12px;
			text-transform: uppercase;
			text-decoration: none;
			background: #262626;
			padding: 8px 15px;
			margin-top: 17px;
			color:  #7f7f7f;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
			cursor: pointer;
		}
		.bigTitle a:hover {
			color: #111111;
			background: #faf322;
		}
	.fbBlock {
		padding: 0 !important;
		overflow: hidden !important;
	}
		.fbBlock img {
		width: 50%;
		float: left;
		}
    .newsBlock:nth-child(3n-1) {
        border-right: 2px solid #262626;
        border-left: 2px solid #262626;
    }
    .newsBlock a.title {
        font-size: 1.5em;
        color: #faf322;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 1em;
        margin-bottom: 20px;
        display: inline-block;
    }
    .readmore {
        display: inline-block;
        padding: 5px 10px;
        background: #faf322;
        font-size: 0.7em;
        text-decoration: none;
        text-transform: uppercase;
        color: #262626;
        margin-top: 20px;
    }
    
    .smallImage {
	    width: 30% !important;
    }
    	.left {float: left; margin: 0 20px 20px 0;}
    	.right {float: right; margin: 0 0 20px 20px;}
    #news {
	    width: 70%;
	    width: calc((100% / 3) * 2);
	    margin: 0 auto;
	    padding: 50px 0;
    }
	#news img {
		width: 100%;
		margin-bottom: 20px;
	}
	#news p, #news h1, #news h1, #news h3 #news h4 #news h5 {
		width: 90%;
		margin:  0 auto;
		margin-bottom: 15px;
	}
	#news h1, #news h1, #news h3 #news h4 #news h5 {
		text-align: center;
	}
		#news h1 {
			margin-bottom: 1.4em;
		}
		
		
		
	.galleryItem {
		width: 20%;
		height: 0px;
		padding-top: 12%;
		float: left;
		position: relative;
		cursor: pointer;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}	
		.galleryItem  span {
			position: absolute;
			bottom: 20px;
			left: 20px;
			padding: 10px;
			background: #faf322;
			color: #87841b;
		}
		.video {
			position: absolute;
			top: 20px;
			right: 20px;
		}
		
		
    #footer {
         background: #faf322;
         width: 100%;
         color: #87841b;
    }
    	#footer a {
	    	color: #111111;
	    	text-decoration: none;
    	}
        .footerContact {

        }
        .footerPerson {
            width: 300px;
            position: relative;
            top: -30px;
            margin-left: 50px;
            display: inline-block;
        }
            .footerPerson img {
                display: inline;
            }
            .footerPersonInfo {
                width: 160px;
                margin-top: 50px;
                float: right;
            }
                .footerPersonInfo h1 {
                    color: #000200;
                    font-size: 1.2em;
                    margin-bottom: 0 !important;
                }
                .footerPersonInfo span {
                    color: #63611c;
                }

        #friends {
            border-bottom: 1px solid #d6d11f;
            border-top: 1px solid #d6d11f;
            padding: 20px 50px;
            width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          
          
          
		   display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-flex-direction: row;
		    -ms-flex-direction: row;
		    flex-direction: row;
		    -webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		    -webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
		    -webkit-align-content: flex-start;
		    -ms-flex-line-pack: start;
		    align-content: flex-start;
		    -webkit-align-items: flex-start;
		    -ms-flex-align: start;
		    align-items: flex-start;
          
          
          
        }
        #copy {
            padding: 20px 50px;
            width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
        
        .webart {
					padding:0;
					position:relative;
					top:0px;
					float: right;
				}
				.webart a {
					display: inline;
					color: #000;
					font-size: 12px;
				}
				.webart a:hover {
					cursor: pointer;
				}
				.webart .triangle {
					width: 0; 
					height: 0; 
					border-top: 5px solid transparent;
					border-bottom: 5px solid transparent;
					border-left: 5px solid #000;
					display: inline-block;
				}


        .sticky #videoBG {
            display: none !important;
        }
        
      
        
        
      .driver {
	      padding: 50px;
	      border-bottom: 1px solid #262626;
	      overflow: auto;
	      
	      -webkit-background-size: cover;
	      -moz-background-size: cover;
	      -o-background-size: cover;
	      background-size: cover;
	      background-position: center center;
	      background-repeat: no-repeat;
	      
	      
      }  
      	.driver .oneThird {
	      	width: 530px;
	      	float: left;
	      	overflow: auto;
      	}
      		.codriver .oneThird {
	      		float: right !important;
	      		text-align: right;
      		}
      			.codriver .oneThird img {
      				float: right !important;
      				margin-right: 0px !important;
      				margin-left: 40px !important;
      			}
      		.codriver .twoThird {
      			float: left !important;
      		}
      		.showCareer {
	      		display: inline-block;
	      		padding: 7px 25px;
	      		background: blue;
	      		text-transform: uppercase;
	      		font-size: 12px;
	      		margin-top: 15px;
	      		cursor: pointer;
		         background: #faf322;
		         color: #87841b;
      		}
      			.showCareer:hover {
      			color: #000;
      			}
      		
      		
      		.driver .oneThird b, .driver .oneThird strong {
	      		color: #c6c6c6;
      		}
      		.driver .twoThird {
      			width: 70%;
      			width: calc(100% - 580px);
      			float: right;
      			display: none;
      		}
      		.driver .twoThird h1 {
	      		color: #c6c6c6;
      		}
        .driver .oneThird img {
        	float: left;
        	border: 3px solid #faf322;
			 -webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;
			margin-right: 40px;
			margin-bottom: 50px;
        }
        .columns {
		    -webkit-column-count: 2; /* Chrome, Safari, Opera */
		    -moz-column-count: 2; /* Firefox */
		    column-count: 2;
		    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		    -moz-column-gap: 40px; /* Firefox */
		    column-gap: 40px;
		    margin-bottom: 20px;
        }
        
        
        
        
        
        
        
        
     
        
@media all and (min-width: 1300px) {

	.columns {
		text-align: justify;
	    -webkit-column-count: 2;
	    -moz-column-count: 2; 
	    column-count: 2;
	    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 20px; /* Firefox */
	    column-gap: 20px;
	}
	.moreImages {
		margin-top: 20px;
	}
	.moreImages img {
		width: 50% !important;
	}
	
}
        
        

        
@media all and (max-width: 1700px) {
    .newsBlock {
        width: 50%;
    }
        .newsBlock:nth-child(3n-1) {
            border-right: none;
            border-left: none;
        }
    .newsBlock:nth-child(odd) {
        border-right: 2px solid #262626;
    }
	.galleryItem {
		width: 25%;
		padding-top: 15%;
	}
	.driver .twoThird {
		width: 100%;
		margin-top: 20px;
	}
	.driver .oneThird {
		width: 100%;
	}
	
}
@media all and (max-width: 1500px) {
        	#friends {
		display: block !important;
	}
	#friends img {
		height: 40px;
		margin: 10px 10px 10px 0;
	}
    
}
@media all and (max-width: 1200px) {
	.galleryItem {
		width:calc(100% / 3);
		padding-top: 25%;
	}
}
@media all and (max-width: 900px) {
	.columns {
		text-align: justify;
	    -webkit-column-count: 1;
	    -moz-column-count: 1; 
	    column-count: 1;
	}
    .newsBlock {
        width: 100%;
        padding: 10% 5%;
    }
    .newsBlock:nth-child(odd) {
        border-right: none;
    }
    .fbBlock {
	    display: none;
    }
    #videoBG {
    	display: none;
    }
    #toggleNav {
	    width: 40px;
	    height: 40px;
	    background: url("../images/menuIcon.png") no-repeat center right;
	    position: absolute;
	    right: 5%;
	    margin-top: 10px;
    }
    #nav {
	    display: none;
    }
    #lang {
	    display: none;
    }
    
    #logo {
        float: left;
        width: 80px;
        margin: 0 5%;
    }
    #header {
	    padding: 10px 0;
	    background-image: url("../images/navBG.jpg");
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
    
	}
	
    .footerPerson {
        margin-left: 5%;
    }
	
	
    #news {
	    width: 90%;
    }
		#news h1 {
		font-size: 1.3em;
		}
	.galleryItem {
		width: 50%;
		padding-top: 30%;
	}
	

}


@media all and (max-width: 600px) {
	.galleryItem {
		width: 100%;
		padding-top: 50%;
	}
}






#tw-widget1 {
	height: 250px;
	overflow: hidden !important;
}

#tw-widget1 li {
  background: #171717;
  color: #7f7f7f;
  max-width: 100%;
  min-width: 300px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
#tw-widget1 a {
  text-decoration: none;
  word-break: break-all;
}
#tw-widget1 .user {
  background: #FD7A79;
  padding: 20px 20px 16px;
  position: relative;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 1px solid #fd6160;
  display:none;
}
#tw-widget1 .user a span {
  position: absolute;
  display: block;
  top: 0;
  text-align: left;
}
#tw-widget1 .user a span[data-scribe="element:name"] {
  position: absolute;
  top: 21px;
  left: 55px;
  font-size: 16px;
  color: white;
  font-weight: bold;
}
#tw-widget1 .user a span[data-scribe="element:screen_name"] {
  position: absolute;
  top: 42px;
  left: 74px;
  font-size: 14px;
  color: white;
}
#tw-widget1 .tweet {
  margin: 0;
  padding: 20px;
  color: #7f7f7f;
}
#tw-widget1 .tweet a {
  color: #faf322;
  text-decoration: none;
}
#tw-widget1 .tweet a[data-scribe="element:url"] {
  color: #00ae8e;
}
#tw-widget1 .tweet a[data-scribe="element:hashtag"] {
  color: #FD7A79;
}
#tw-widget1 .interact {
  margin: 0;
  padding: 0;
  height: 40px;
  position: relative;
  width: calc(100% - 150px);
  background: red;
  float: right;
  overflow: auto;
}
#tw-widget1 .interact a {
  height: 40px;
  text-decoration: none;
  color: #262626;
  background:#151515;
  line-height: 40px;
  border-bottom: 2px solid #262626;
  border-top: 1px dotted #262626;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
}
#tw-widget1 .interact a:hover {
  color: #FFF;
  background: #262626;
}
#tw-widget1 .interact a:nth-child(2) {
	border-right: 1px dotted #262626;
	border-left: 1px dotted #262626;
}
#tw-widget1 .interact .twitter_reply_icon, #tw-widget1 .interact .twitter_fav_icon, #tw-widget1 .interact .twitter_retweet_icon {
  text-align: center;
  font-size: 0px;
  width: calc(100% / 3);
  display: inline-block;
}
#tw-widget1 .interact .twitter_reply_icon:before, #tw-widget1 .interact .twitter_fav_icon:before, #tw-widget1 .interact .twitter_retweet_icon:before {
  font-size: 18px;
  font-size: 12px;
  font-family: "Fontawesome";
  -webkit-font-smoothing: antialiased;
  padding-right: 4px;
  cursor: pointer;
}
#tw-widget1 .interact .twitter_reply_icon:before {
  /*content: "";*/
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 8px;
  background: url("../images/reply.png") no-repeat center center;
}
	#tw-widget1 .interact .twitter_reply_icon:hover:before {
	  background: url("../images/reply-hover.png") no-repeat center center;
	}
#tw-widget1 .interact .twitter_retweet_icon:before {
  /*content: "";*/
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 8px;
  background: url("../images/retweet.png") no-repeat center center;
}
	#tw-widget1 .interact .twitter_retweet_icon:hover:before {
		background: url("../images/retweet-hover.png") no-repeat center center;
	}
#tw-widget1 .interact .twitter_fav_icon:before {
  /*content: "";*/
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 8px;
  background: url("../images/favorite.png") no-repeat center center;

}
	#tw-widget1 .interact .twitter_fav_icon:hover:before {
		background: url("../images/favorite-hover.png") no-repeat center center;
	}
#tw-widget1 .timePosted {
  width: 150px;
  line-height: 40px;
  padding: 0 0 0 20px;
  font-size: 12px;
  height: 40px;
  text-align: left;
  float: left;
  background:#151515;
  color: #303030;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          border-bottom: 2px solid #262626;
          border-top: 1px dotted #262626;
          border-right: 1px dotted #262626;
}