/*

 Theme Name:     Divi Child

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Divi Child Theme

 Author:         Elegant Themes

 Author URI:     https://www.elegantthemes.com

 Template:       Divi

 Version:        1.0.0

*/

 

 

/* =Theme customization starts here

------------------------------------------------------- */

#footer-bottom a {color: #e0e0e0 !important}

.et-social-icons a {color: #e0e0e0 !important}

.et_pb_section_1 {padding-top: 0px !important}

.et_pb_row_0.et_pb_row {padding-top: 58px !important}

.et_pb_fullwidth_header {padding: 90px 0 !important}

html {background: #171717 !important}

.producer {font-size:11px }

.producer a{color: #fff }

h1.viba-portfolio-entry-title  {padding-top: 40px !important}

.et-social-instagram a.icon:before { content: '\e09a'; }

.container{color: #999 !important; padding-bottom:15px}





.et_header_style_centered #main-header .container{padding-top:10px; padding-bottom: 10px;}

.logo1{display: inline-block; margin:0; padding:0; vertical-align:middle; width:80px;}

.logo2{display: inline-block; margin:0; padding:0; vertical-align:middle; width: 220px;}

.et_header_style_centered #main-header div#et-top-navigation{display: inline-block; width:calc(100% - 370px); vertical-align: middle}



.et-main-area{margin-top:-30px;}

.et_header_style_centered .mobile_menu_bar{z-index: 1000000; }


.et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar:before {color: #ffffff !important}
.et_mobile_menu {border-color: #ffffff !important}
.sub-menu {border-color: #ffffff !important}

@media(max-width:1199px){

	#top-menu li{padding-right: 10px;}

	.et_header_style_centered #main-header .container{display: flex}

	.logo1{width: 80px;}

	.logo2{width:180px; margin-top: 15px;}

	.et_header_style_centered #main-header div#et-top-navigation{width: calc(100% - 270px);

		margin-top: 30px;}

}

@media(max-width:991px){

	.et_header_style_centered #main-header div#et-top-navigation{width:100%}

	.logo1{width:40%; float: left; text-align:left;}

	.logo2{width:60%;position: absolute;top: 40%;transform: translate(0,-50%); left: 40%; margin-top: 0}

	.et_header_style_centered #main-header .container{display: block}

	.et_header_style_centered #main-header div#et-top-navigation{margin-top: 0}

	.logo1 img{max-width: 102px;}

	.logo2 img{max-width: 250px; float:right} 	

	

}





@media(max-width:767px){

	.logo2{left:45%}

}





@media(max-width:479px){

	.logo2 img{max-width: 100%; float:right} 

}
.sabai-btn-toolbar {visibility: hidden !important}