/* ------------------------------------------------------------------------ */
/* Main Header Style
/* ------------------------------------------------------------------------ */


#header {    
	background-color:  rgba(255,255,255,.0) ;	
	position:absolute;	
	width:100%;	z-index:5;    
	transition: color 0.4s ease;
}
#header .container{    
	position: relative;
}
#header.header-small {    
	background: rgba(255,255,255,0);    
	position: fixed;	    
	top: 0;   
	left: 0;    
	width: 100%;    
	z-index: 108;
}
.admin-bar #header.header-small{    
	top: 32px;
}
#header .header-mobile {
	display:none	;
	position:relative; 
}
#header .header-mobile .ott-logo {
	width:90%;
	float:left
}


@media screen and (max-width: 782px){    
	.admin-bar #header.header-small{  
		top: 46px; 
	}
}
.ott-logo {   
	display: table-cell;    
	vertical-align: middle;	
	padding:0px 0
}
.ott-logo img{    
	line-height: 80px;   
	 max-height: 80px;
}
h1.site-name, h1.site-name a {    
	font-size: 25px;    
	text-transform: uppercase;    
	margin-bottom: 0;
	color:#fff  
}
.ott-logo a {	
	display:block	
}
#header.header-small .ott-logo img {	
	margin-top:-3px;	
}
.ott-top-bar {    
	position: relative;   
	background: #26292f;   
	z-index:8 ; 
	height:50px
}
.ott-top-bar .container .row{	
	position:relative;
}

/* ott-acc-menu  */
.ott-top-bar p,
.ott-top-bar span ,
.ott-top-bar a {	
	font-size:11px;	
	font-weight:600 ;	
	text-transform:uppercase;	
}
.ott-top-bar a {	
	color:#999
}
.ott-top-bar a:hover {	
	color:#fff
}
.ott-top-bar a i {	
	color:#11649b  ;	
	line-height:50px;
}
.ott-acc-menu-wrap a,
p.top-intro {
	line-height:50px;  
}
.top-left-contacts li span, 
.top-left-contacts li span a {
	font-size:12px; 
}
.ott-acc-menu-wrap{	
	float:left;
	height:50px; 
	margin-top:0px; 	
}
.ott-acc-menu-wrap a{ 
	position:relative;   
	display:block; 
	float:left; 
	margin-right:15px;
	padding-left:15px;  
}
.ott-acc-menu span, .ott-acc-menu a{	  
	-webkit-transition: all 0.2s ease-in-out;   
	-moz-transition: all 0.2s ease-in-out;   
	-ms-transition: all 0.2s ease-in-out;    
	-o-transition: all 0.2s ease-in-out;    
	transition: all 0.2s ease-in-out;	
}

/* Top Left Contacts*/
.top-left-contacts {	
	float:left;	
	margin:0px;	
	padding:0px;	
	list-style:none ;	
}
.top-left-contacts li{	
	float:left;	
	line-height:49px;  
	padding:0 15px 0 0;		
}
.top-left-contacts li span, 
.top-left-contacts li span a{ 	
	color:#999;	
	-webkit-transition: all 0.4s ease-in-out;    
	-moz-transition: all 0.4s ease-in-out;    
	-ms-transition: all 0.4s ease-in-out;    
	-o-transition: all 0.4s ease-in-out;    
	transition: all 0.4s ease-in-out;	
}
.top-left-contacts li  i{	
	color:#999  ;	
	font-size:14px;	
	margin-right:5px;		
	-webkit-transition: all 0.4s ease-in-out;    
	-moz-transition: all 0.4s ease-in-out;    
	-ms-transition: all 0.4s ease-in-out;    
	-o-transition: all 0.4s ease-in-out;    
	transition: all 0.4s ease-in-out;	
}
.top-left-contacts li span a:hover{
	color:#fff
}

/* ------------------------------------------------------------------------ */
/* Top Menu
/* ------------------------------------------------------------------------ */

ul.top-menu{	
	margin:0px;	
	padding:0px;  	
	list-style:none; 
	float:right;
}
ul.top-menu li{	
	float:left;	
	line-height:49px	; 
	position:relative; 
	display:block;
	padding-left:15px;
	 margin-right:15px
}
ul.top-menu li a{	
	font-size:11px;	
	font-weight:600;
	position:relative; 
}
.left-top ul.top-menu {	
	float:left;	
}
ul.top-menu li:after,
.ott-acc-menu-wrap a:after{    
	content: "";    
	display: table;    
	height: 12px;	
	width:1px;	
	background:rgba(100,100,100,0.8);    
	position: absolute;    
	left:0px;    
	top: 50%;		
	margin-top:-6px;
	-webkit-transform: rotate(45deg);  
	-moz-transform: rotate(45deg);  
	-ms-transform: rotate(45deg);  
	-o-transform: rotate(45deg);  
	transform: rotate(45deg);
}
.ott-acc-menu-wrap .ott-acc-menu a:after {	
	left:auto;	
	right:-12px;	
}
.ott-acc-menu-wrap a:first-child:after {	
	display:none 		
}
.right-top  ul.top-menu li:after{	
	left:-2px;	
}
.right-top .top-left-contacts{	
	float:right;	
}
.right-top .top-left-contacts li{	
	float:right; 
	margin-left:10px; 
	line-height:50px; 
	margin-right:0px;	
}
.right-top .langes-menu, .right-top .ott-acc-menu-wrap {	
	float:right;  
}
ul.top-menu li:first-child::after {
	display:none
}


/* ------------------------------------------------------------------------ */
/* Top Message Box 
/* ------------------------------------------------------------------------ */

p.top-intro{	
	margin:0px;		
	float:right;	
	color:#CDCDCD;	
	padding:0px 0; 
	font-weight:500	
}
.left-top  p.top-intro{ 
	float:left 
}
p.top-intro span{
	color:#11649b  
}
.header-links-wrap{	
	float:right;	
	position:relative;	
	height:35px;   
	padding:0px;  
	margin-top:20px;  
}
.header-links-wrap  .ott-acc-menu-wrap{	
	float:none;	
	display:block;	
	text-align:right
}
.header-links-wrap .ott-acc-menu a, 
.header-links-wrap .ott-acc-inside a{	
	line-height:35px;	
	height:35px;	
	color:#fff; 
	opacity:1 ;    
	-webkit-transition: all 0.4s ease;    
	-moz-transition: all 0.4s ease;    
	-o-transition: all 0.4s ease;    
	-ms-transition: all 0.4s ease;    
	transition: all 0.4s ease;
}
.header-links-wrap .ott-acc-menu-wrap a i,
.header-links-wrap .ott-acc-inside a i{	
	line-height:35px;	
	font-size:13px	; 
	display:none
}
.header-links-wrap .ott-acc-menu a:hover, 
.header-links-wrap .ott-acc-inside a:hover{		
	color:#fff; 
	background:#2b353e
}
.header-links-wrap .ott-acc-menu a, 
.header-links-wrap .ott-acc-inside a{	
	margin-right:0px;	
	margin-left:10px;	
	padding:0px 20px;			
	float:right;	
	position:relative;	
	font-size:11px;	
	font-weight:500 ; 
	text-transform:uppercase ;	
	background:#11649b  ;    
	-webkit-border-radius: 3px;   
	 -moz-border-radius: 3px;    
	 border-radius: 3px;
}
.header-links-wrap .ott-acc-menu a:first-child:after, 
.header-links-wrap .ott-acc-inside a:first-child:after{	
	display:none
}
.header-links-wrap .ott-acc-menu-wrap{	
	height:35px;
}
.header-links-wrap .ott-acc-menu-wrap{	
	margin-bottom:10px;	
	position:relative
}
.ott-acc-text-wrap{	
	font-size:12px;	
	text-align:right; 
	float:left;	
	color:#11649b  ;  
	position:relative ; 
	padding-right:40px; 
	margin-right:15px;
}
.ott-acc-text-wrap a{	
	font-weight:600 ;
}
.ott-acc-text-wrap a:hover{	
	color:#2b353e
}
.ott-acc-text-wrap > span{	
	display:block;	
	color:#333;	
	margin-bottom:0px;	
	line-height:18px;  
}
.ott-acc-text-wrap > h3{	
	margin:0px; 
	font-size:14px; 
	font-weight:500 
}
.ott-acc-text-wrap > i{   	
	position:absolute;	
	right:0px;	
	top:-1px;	
	width:40px; 	
	font-size:38px;	
	line-height:38px;  
} 


/* ------------------------------------------------------------------------ */
/* HEADER CART
/* ------------------------------------------------------------------------ */

.header-right{	
	float:right;
}
.header-cart-wrap{	
	float:right;	
	height:100%;	
	position:relative;		
	-webkit-font-smoothing: antialiased;    
	-moz-osx-font-smoothing: grayscale;	
	z-index:3 ;	
	text-align:center;
}
.header-cart-wrap .cart_dropdown {	
	position:relative;	
	width:100%;	
	height:100%
}
.cart_dropdown_first .cart_dropdown_link	{
	line-height: 67px;		
	height: 67px;		
}
.top-right-contacts {	
	float:right;		
	height:auto;	
	line-height:20px;
}
.top-right-inner {	
	position:absolute;	
	right:15px;	
	top:50%;	
	transform: translate(0%,-50%);    
	-webkit-transform: translate(0%,-50%);    
	-o-transform:translate(0%,-50%);    
	 -moz-transform: translate(0%,-50%); 	
	 line-height:20px;		
	 text-align:right
}
.top-right-link {	
	float:right;	
	background:#11649b ;	
	color:#fff;	
	padding:0px 12px;	
	line-height:30px;		
	margin-top:10px;	
	border-radius:3px;
}
.top-right-link:hover {	
	background:#fff	
}
/*  HEADER Contact */
.top-right-content {	
	float:right;		
	color:#fff;	
}
.top-right-content > h3 {	
	color:#fff;	
	font-size:22px;	
	text-transform:uppercase;	
	line-height:20px;	
	margin-bottom:5px;	
	font-weight:500; 
}
.top-right-content > h3 > span{	
	padding-right:10px;	
}
.top-right-content >  span {	
	font-size:20px;
}

/* ------------------------------------------------------------------------ */
/*  HEADER social
/* ------------------------------------------------------------------------ */

.top-right-contacts .ott-top-social-icon {	
	display:block;
}
.top-right-contacts .ott-top-social-icon a {	
	line-height:30px;	
	width:30px;	
	display:block;	
	float:right;	
	height:20px	;	
	text-align:center;	
	color:#fff;	
	transition: all 0.3s ease-in-out;			
}		
.top-right-contacts .ott-top-social-icon a:hover {	
	color:#fff	
}
.top-right-contacts .ott-top-social-icon a > span {	
	line-height:20px;	
	width:100%;	
	text-align:center;	
	display:block	;	
	font-size:15px;
}
.top-right-contacts .ott-top-social-icon a.facebook:hover {    
	color: #305fb3;
}
.top-right-contacts .ott-top-social-icon a.tumblr:hover {    
	color: #35506b;
}
.top-right-contacts .ott-top-social-icon a.flickr:hover {   
	color: #ff0084;
}
.top-right-contacts .ott-top-social-icon a.gplus:hover {    
	color: #d7482a;
}
.top-right-contacts .ott-top-social-icon a.twitter:hover {    
	color: #00d7d5;
}
.top-right-contacts .ott-top-social-icon a.pinterest:hover {    
	color: #e1003a;
}
.top-right-contacts .ott-top-social-icon a.skype:hover {    color: #12c7ef;}
.top-right-contacts .ott-top-social-icon a.soundcloud:hover{    color: #fe5600;}
.top-right-contacts .ott-top-social-icon a.vimeo:hover {    color: #3f90bf;}
.top-right-contacts .ott-top-social-icon a.youtube:hover {    color: #ff3333;}
.top-right-contacts .ott-top-social-icon a.dribbble:hover {    color: #f06eaa;}
.top-right-contacts .ott-top-social-icon a.linkedin:hover {    color: #3399cc;}
.top-right-contacts .ott-top-social-icon a.instagram:hover{    color: #9f6f59;}
.top-right-contacts .ott-top-social-icon a.rss:hover {    color: #fca600;}



.social_wrapper {
	height:50px;
	overflow:hidden;	
	float:right;
	margin:0px;
}

.left-top .social_wrapper{
	float:left
}
.ott-top-social-icon .social_wrapper {
	border-left:1px solid  rgba(100,100,100,.1)	
	
}

.ott-top-social-icon .social_wrapper li {
	line-height:50px;
	width:50px;
	display:block;
	float:right;
	height:50px;
	text-align:center;	
	border-right:1px solid  rgba(100,100,100,.1)	 ;
}
.ott-top-social-icon .social_wrapper li a {
	text-align:center;
}
.ott-top-social-icon .social_wrapper li a i {
	line-height:50px;
	width:50px;	
	height:50px;
	display:block;
	font-size:16px;	
	-webkit-transition: all 0.3s ease-in-out;  	
	-moz-transition: all 0.3s ease-in-out;   	
	-ms-transition: all 0.3s ease-in-out;  	
	-o-transition: all 0.3s ease-in-out;  	
	transition: all 0.3s ease-in-out;
	color:#999	

}
.ott-top-social-icon .social_wrapper li a:hover i{
	color:#fff	;
	background:#222
}		
.ott-top-social-icon .social_wrapper li a.whitespot-social-facebook:hover i{
    background-color: #305fb3;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-tumblr:hover i{
    background-color: #35506b;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-flickr:hover i{
    background-color: #ff0084;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-gplus:hover i{
    background-color: #d7482a;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-twitter:hover i{
    background-color: #00d7d5;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-pinterest:hover i{
    background-color: #e1003a;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-skype:hover i{
    background-color: #12c7ef;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-soundcloud:hover i{
    background-color: #fe5600;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-vimeo:hover i{
    background-color: #3f90bf;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-youtube:hover i{
    background-color: #ff3333;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-dribbble:hover i{
    background-color: #f06eaa;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-linkedin:hover i{
    background-color: #3399cc;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-instagram:hover i{
    background-color: #9f6f59;
}
.ott-top-social-icon .social_wrapper li a.whitespot-social-rss:hover i{
    background-color: #fca600;
}
.ott-head-social-icon .social_wrapper li {
	line-height:30px;
	width:30px;
	display:block;
	float:right;
	height:30px;
	text-align:center;	
	overflow:hidden
}
.ott-head-social-icon .social_wrapper li a {
	text-align:center;
}
.ott-head-social-icon .social_wrapper li a i {
	line-height:30px;
	width:30px;	
	height:30px;
	display:block;
	font-size:16px;	
	-webkit-transition: all 0.3s ease-in-out;  	
	-moz-transition: all 0.3s ease-in-out;   	
	-ms-transition: all 0.3s ease-in-out;  	
	-o-transition: all 0.3s ease-in-out;  	
	transition: all 0.3s ease-in-out;
	color:#ddd	

}
.ott-head-social-icon .social_wrapper li a:hover i{
	color:#fff	;
}


/* ------------------------------------------------------------------------ */
/* HEADER lang 
/* ------------------------------------------------------------------------ */

.lang-sel {    
	float: right;    
	height: 50px;    
	line-height: 50px;    
	overflow: visible;    
	position: relative;    
	width: 50px;    
	z-index: 9999;
}
.lang-sel > a {    
	color: #fff ;    
	display: block;    
	height: 100%;    
	line-height: inherit;    
	overflow: hidden;    
	text-align: center;    
	z-index: 3
}
.lang-sel > a > span {    
	left: 0;    
	position: relative;    
	transition: left 0.2s ease-in-out 0.5s;
}
.lang-sel > a > span {	
	border:1px rgba(255,255,255,.1) solid;	
	padding:5px 10px;	
	line-height:0px;
}
.lang-sel > a:hover {    
	color: #28262b !important;
}
.lang-sel ul {   
	background: #191b1f none repeat scroll 0 0;    
	border: 1px solid #111;    
	left: 0;    
	list-style: outside none none;    
	margin: 0;   
	opacity: 0;    
	overflow: hidden;    
	position: absolute;    
	top: 5px;
    transition: opacity 0.2s ease-in-out 0.5s, visibility 0.2s ease-in-out 0.5s;   
	visibility: hidden;    
	width: 50px;    
	z-index: 2;
}
.lang-sel ul > li {    
	color: #ddd;    
	height: 50px;    
	left: -50px;    
	line-height: 50px;    
	position: relative;	
	text-align:center
}
.lang-sel ul > li:nth-child(1) {    
	transition: left 0.2s ease-in-out 0.3s;
}
.lang-sel ul > li:nth-child(2) {    
	transition: left 0.2s ease-in-out 0.2s;
}
.lang-sel ul > li:nth-child(3) {    
	transition: left 0.2s ease-in-out 0.1s;
}
.lang-sel ul > li a {    
	background: transparent none repeat scroll 0 0;    
	color: inherit;    
	display: block;    
	height: 50px;    
	line-height: 50px;    
	margin: 0;    
	padding: 0;    
	text-align: center;    
	transition: 
	background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.lang-sel ul > li:hover a {    
	background: #11649b ;    
	color: #fff !important;
}
.lang-sel:hover > a span {    
	left: 50px;    
	transition: left 0.2s ease-in-out 0s;
}
.lang-sel:hover ul {    
	opacity: 1;    
	transition: opacity 0.2s ease-in-out 0.2s, visbility 0.2s ease-in-out 0.2s;    
	visibility: visible;
}
.lang-sel:hover ul li {    
	left: 0;
}
.lang-sel:hover ul li:nth-child(1) {    
	transition: left 0.2s ease-in-out 0.2s;
}
.lang-sel:hover ul li:nth-child(2) {    
	transition: left 0.2s ease-in-out 0.4s;
}
.lang-sel:hover ul li:nth-child(3) {    
	transition: left 0.2s ease-in-out 0.6s;
}