@charset "utf-8";
body{background-color: #ffffff;}
.grid_icon{margin: 20px;}
.bg-grey{
	background-color: #eeeeee;
}

.smaller_logo_200{
	max-width:200px;
}

.troika_grey{background-color: #bcbec0;}

.bg-light-brown{
	background-color: #e1dad1;
	outline: thin;
	outline-color: gray;
}
.i{font-style: italic;}
.b{font-weight: bold;}
.tr_nav_container{
	width: 100%;
	position: relative; 
	left:-5px;
}
.wide_arrows{display: none;}
.narrow_arrows{display: inline;}
.img-fluid-2{max-height: auto; width: 100%;}
.img-fluid-vh80{max-height: auto; width: 90%;}
.tr_nav_positioner{}
.tr_nav-link_active{
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 16px;
font-weight: bold;
color: #5f3644;
margin-right:30px;
}
.tr_nav-link_active:hover, .tr_nav-link_active:focus {
text-decoration: none;
color: #5f3644;
}
.valign-middle{vertical-align: middle;}
.w100p{width: 100%;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.align-left{text-align: left;}
.tr_nav-link {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 16px;
font-weight: bold;
color: #b39c7d;
margin-right:30px; 
}

.tr_nav-link:hover, .tr_nav-link:focus {
text-decoration: none;
color: #5f3644;
}

.gold_bar{
	/*#b49d81*/
	border-top: 1px solid #b49d81;
	}
.md-stick{margin-bottom: 30px;}
.img-text-flow{float:left; margin-right: 30px; margin-bottom: 20px;}
.align-content-md-right{}
.mobilenav{
	display: block;
	position: relative; 
	left:-8px;
}
.top_container{
	display: none;
	position: fixed;
	top: 20px;
	left: 0px;
	width:100%;
	height:225px;
	background-color: #ffffff;
	z-index: 1000;
}
.smaller_logo_mobile{
	position: relative; 
	top: 50px;
	left: 0px;
	display:block;
	width:60%;
	margin-bottom: 40px;
}
.smaller_logo_container{
padding-left:20%;
padding-right:20%;
/*margin-bottom: 15px;*/
text-align: center;
width: 100%;
position: relative;
top:25px;
/*background-color: #fff;*/
}

.smaller_logo{
display:none;
text-align: center;
width: 200px;
position: relative;
top:0px;
}
.bottom_layer{
	width: 100%;
	text-align: center;
	z-index: 30;
	max-width: 1200px;
	background-color: #fff;
}
.bottom_layer_h{
/*	width: 100%;*/
	text-align: center;
	z-index: 30;
	max-width: 1200px;
	background-color: #fff;
}
.content_offset{
	position: relative;
	top:50px;
}
.home_text{}

.home_content_positioner{
	max-width: 80%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: justify;
	}
.home_content{
	position: relative;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: justify;
}

.production_title{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.contact_title{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	width: 100%;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.production_paragraph{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: justify;
}

.contact_paragraph{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	width: 100%;
	font-size: 12pt;
	text-align: center;
}

.menu_img {
	transform: scale(1);
	margin-left: 20px; 
	margin-right: 20px;
}
.troika_link_text_container{
	position: relative;
	height:20px;
}
a.troika_link_text{
	color: #b39c7d;
	fill:#B39C7D;
	}
a.troika_link_text:hover{
	color: #332B21;
	fill:#332B21;
	}
.img-fluid-vlock {
    width: auto;
    min-height: 40px;
}	
.va-t{vertical-align: top;} 
.stick{position: fixed;}
	@media (min-width: 1px) and (max-width: 767px){
	.home_logo{transform: scale(.8);}
	}
	
	.home_menu{
	position: relative;
	top: 0px;
	width: 100%;
	text-align: center;
	font-family: droid-sans;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	transform: scale(.8);
}

	.animated_logo-text{
	animation-duration: 5s;
	animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-name: fade_on_text;
}
	.animated_logo-squares{
	animation-duration: 5s;
	animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-name: fade_on_squares;
}
	.animated_logo-bar{
	animation-duration: 5s;
	animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-name: fade_on_bar;
}

@keyframes fade_on_text {
    0% {
		opacity: 0;
    }
    10% {
		opacity: 0;
    }
    40% {
		opacity: 1;
    }
    100% {
		opacity: 1;
    }
}
	@keyframes fade_on_squares {
    0% {
		opacity: 0;
    }
    30% {
		opacity: 0;
    }
    60% {
		opacity: 1;
    }
    100% {
		opacity: 1;
    }
}
	@keyframes fade_on_bar {
    0% {
		opacity: 0;
    }
    70% {
		opacity: 0;
    }
    100% {
		opacity: 1;
    }
}
	.animated_logo{
		/*transition-duration: 0s;*/
		/*transition: all .8s;*/
	}
	
	#troika_logo_gold_bar{
		opacity: 1;
	}
	
	#troika_logo_squares_group{
		opacity: 1;
	}
		
	#troika_logo_text_group{
		opacity: 1;
	}

	.st0{display:none;}
	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#B39C7D;}
	.st2{fill:#B39C7D;}
	.st3{fill:#BCBEC0;}
	.hidden_audio{display: none;}
	
	@media (min-width: 768px) {
		/*md*/

		.wide_arrows{display: inline;}
		.narrow_arrows{display: none;}
		.img-fluid-2{max-height: 215px; width: auto;}
		.thumb_row{max-height: 215px;}
	.tr_nav_container{width: 100%;}
	.smaller_logo_mobile{
	position: relative; 
	top: 50px;
	left: 0px;
	display:block;
	width:30%;
}
		
	.align-content-md-right{
		text-align: right;
		}

	.production_title{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	font-weight: bold;
	text-align: justify;
	margin-bottom: 20px;
}
	.home_logo{transform: scale(.5)}
		
	.smaller_logo_container{
		padding-left:0;
		padding-right:0;
		/*margin-bottom: 15px;*/
		text-align: center;
		/*width: 100%;*/
		position: relative;
		top:0px;
		left: 0px;
		/*background-color: #fff;*/
		}
	.smaller_logo{
		display:none;
		width: 200px;
		position: fixed;
		top:-20px;
		}
	.home_menu{
	position: relative;
	top: -43px;
	width: 100%;
	text-align: center;
	font-family: droid-sans;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	transform: scale(.8);
}
	.img-fluid-vlock {
    width: auto;
    min-height: 12px;
}	
	.content_offset{
	position: relative;
	top: 110px;
	left: 0px;
}
	}	

@media (min-width: 992px) {
	/*lg*/
	.img-fluid-vh80{max-height: 400px; width: auto;}
	.tr_nav_container{width: 100%;}
	.smaller_logo_mobile{
	position: relative; 
	top: 120px;
	left: 0px;
	display:block;
	width:30%;
}
	.top_bg_plate{
			z-index: 200;
			width: 2000px;
			height:135px;
			position: fixed;
			top:0px;
			left: 0px;
			background-color: #ffffff;
		}

	.tr_nav_container{
	z-index: 250;
	background-color: #ffffff;
	position: relative; 
	top: 30px;
	left: 31px;
	width: 100%;	
		}
	
	.smaller_logo{display: none;}
	
	.content_offset{
	position: relative;
	top: 200px;
}
	
}
@media (min-width: 1020px) {
	/*ipad*/
	.img-fluid-vh80{max-height: 400px; width: auto;}
	.tr_nav_container{
	z-index: 250;
	background-color: #ffffff;
	position: relative; 
	top: 30px;
	left: 31px;
	width: 100%;	
		}
	.content_offset{
	position: relative;
	top: 140px;
}
	.thumb_row{max-height: 193px;}
}

@media (min-width: 1350px) {
	/*ipadpro*/
		/*was 1200 5-9-18*/
		/*xl*/
.img-fluid-vh80{max-height: 500px; width: auto;}
.img-fluid-2{max-height: 170px; width: auto;}
.thumb_row{max-height: 170px;}		
.tr_nav_container{
	z-index: 250;
	background-color: #ffffff;
	position: relative; 
	top: 30px;
	left: 202px;
	width: 100%;	
		}
}
	@media (min-width: 1460px) {
		/*was 1200 5-9-18*/
		/*xl*/
	.home_content_positioner{
	position: relative;
	max-width: 995px;
	top: 0px;
	left: 156px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: justify;
	}
		.img-fluid-vh80{max-height: 600px; width: auto;}
		.img-fluid-2{max-height: 182px; width: auto;}
.thumb_row{max-height: 182px;}	
.tr_nav_container{
	z-index: 250;
	background-color: #ffffff;
	position: relative; 
	top: 30px;
	left: 356px;
	width: 100%;	
		}

.smaller_logo_mobile{display:none;}
.mobilenav{display: none;}
.top_container{
	display:inline;
	position: fixed;
	top: 0px;
	left: 0px;
	width:2500px;
	height:75px;
	background-color: #ffffff;
	z-index: 1000;
}

.troika_link_text_container{
	position: relative;
	height:70px;
	left: 50px;
	}
	
.content_offset{
	position: relative;
	top: 140px;
	left:0px;
}

.md-stick{
		position: relative;
		top:0px;
		left:50px;
	
		}
		
.home_logo{transform: scale(.5);
		}
		
.smaller_logo_container{
		padding-left:0px;
		padding-right:0px;
		/*margin-bottom: 15px;*/
		text-align: center;
		width: 150px;
		position: relative;
		top:5px;
		left:0px;
		background-color:none;
		}
		
.smaller_logo{
		display: block;
		text-align: center;
		width: 250px;
		position: relative;
		top: -20px;
		left: 0px;
		/**/
		}
		
.home_menu{
	position: relative;
	top: -120px;
	left:30px;
	width: 100%;
	text-align: center;
	font-family: droid-sans;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	transform: scale(.8);
}
	
.home_menu_smaller_container{
    position: fixed;
    width:100%;
    height: 30px;
	margin-top:30px;
	margin-bottom:20px;
    margin-left:auto;
	margin-right:auto;
    padding: 10px;
    /*border: 5px solid #ccc;*/
    background-color: #fff;
		}
		
.home_menu_smaller{
	position: fixed;
	max-width:1200px;
	font-family: droid-sans;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	background-color: #fff;		
}

		
.home_content{
	position: relative;
	top: 0px;
	left: 0px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: justify;
	padding-left: 100px;
	margin-right: 150px;
}
		
.img-fluid-vlock {
    width: auto;
    min-height: 20px;
}	
	.img-fluid-vlock_sm {
    width: auto;
    min-height: 10px;
}	
	}