.maakwit {
	background-color: #ffffff;
}

.maakfontwit {
	color: #ffffff;
}


body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
#maincontent { margin-top: 10px; }
#helpdeskfaq h3, #helpdeskfaq h2 {
	text-align: center;
	border-radius: 5px;
    border: 2px ;
}
#helpdeskfaq , #helpdeskfaq .et_pb_toggle_content  {
	background-color: rgba(0,0,0,0.6) ;
	padding:5px;
	border-radius: 5px;
    border: 2px ;
	color: white;
}
#helpdeskfaq p a, #helpdeskfaq .et_pb_toggle_content a{
	color: white;
	size:125%;
	font-weight:bold;
}

#helpdeskfaq li,  .helpdesk_menu_links li {
	background-color: rgba(0,0,0,0.7) ;
	padding:5px;
	margin:5px;
	border-radius: 5px;
    border-left: 5px solid rgba(255,255,255,0.9);
    list-style-type: none;
	padding: 10px 20px;
}
.helpdesk_menu_links li.current-menu-item > a {
	font-size: 150%;
	border-bottom: 1px solid rgba(232, 170, 20,0.9) ;
	padding-bottom: 5px; 
 }
.form-row {
  margin-bottom: 20px;
}
#cart {
	z-index: 999999999999;
}
#prodinfo a {
	padding: 0px !important;
}
#cartheader, #cartorders1, #carttotal1 {
  padding: 5px;
}

#cartheader { border-bottom: 1px solid #fff; }
#carttotal { border-top: 1px solid #fff; }

.cartitem { padding: 5px; margin-top: 5px;  }
.cartitem .remove, .cartitem .removeprod { cursor: pointer; }

.cart-row { background: rgba(0,0,0,0.2)  !important; margin-bottom: 5px; color: #fff; }
.up-down {
  font-size: 1.5em;
  margin-right: 10px;
  margin-top: 5px;
}

.fixed-size-button { width: 80px; }

.extra-dom-info { 
  margin-top: 5px;
  border-top: 1px solid #fff;
}

.panel { 
  border: 0;
  background: rgba(0,0,0,0.2);
}

.panel > .panel-heading {
  background-image: none;
 color: white;
   background: transparent;
}
.orderprodlist{
	background-color: rgba(0,0,0,0.7); 
	padding: 25px;
	border-radius: 5px;
}
.orderprodlist .row {
	margin: 5px;
}

.carouseltldshowtargetweg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  width: 140px;
}
.btn-custom-width-disabled {
  width: 80px;
}

.prices {
  margin-right: 10px;
  font-weight: bold;
}

.prices2 {
  margin-right: 10px;
  font-weight: bold;
  font-size: 125%;
}
.prices2 s {
  font-size: 75%;
}

.prices s {
 color: rgba(0,0,0,0.3);
}

.col-custom-padding { 
	padding-bottom: 10px; 
	margin-left: 0px ;
	padding-left: 10px;
	padding-right: 10px;
}

.prodoverzicht1 {
  border-radius: 5px;
  background-color: rgba(0,0,0,0.7) ;
}
.equal {  
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
	
}
.prodoverzicht1 .terminfo {
	font-size: 90%;
	font-style: italic ;
	background-color: rgba(0,0,0,0.6); 
}
.productnaamlabel {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
  background: rgba(0,0,0,0.5);
  font-size: 175%;
  width: 100%;
}
.prodoverzicht h4 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
  background: rgba(0,0,0,0.7);
}

.container-remove-padding {
  padding-left: 0;
  padding-right: 0;
}

.moreinfoknop {
	text-align: left;
	padding-left: 2px;
	margin-right: 10px;
}

.overlay {
	position: relative;
	width: 800px;
	height: 600px;
}

.prodterms a{
  color: white !important;
  	 
}

.wp-google-place {
	background-color: red !important;
	color: yellow;
}

.prodterms2{
	background-color: rgba(0,0,0,0.2);
	color:  rgba(255,255,255,0.9);
	font-size: 75%;
	text-align: left;
	 padding-top: 5px;
	 padding-right: 5px;
	 padding-left: 5px;
	 margin-bottom: 0px;
}
.prodterms3{
	color:  rgba(0,0,0,0.1);
	color: #fff ;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
}
.prodterms4{
	color:  rgba(0,0,0,0.1);
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	height: 35px;
}
.menuklein{
	padding-top: 5px;
}


.countoverzicht{
	 padding: 5px;
}
.checkdombtn{
	background-color: black;
	height: 125%;
}


#nieuwaccountform .has-error .control-label,
#nieuwaccountform .has-error .help-block,
#nieuwaccountform .has-error .form-control-feedback {
     color: #red;
}

/* Color of valid field */
#nieuwaccountform .has-success .control-label,
#nieuwaccountform .has-success .help-block,
#nieuwaccountform .has-success .form-control-feedback {
     color: green;
}
.valerror {
	background-color: rgba(255,255,255,0.7);
	color: red;
}

#toprij{
	background-color: rgba(255,255,255,0.3); ;
}


.glyphicon-refresh-animate {
   -webkit-animation-name: rotateThis;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
}

@-webkit-keyframes "rotateThis" {
 from { 
        -webkit-transform: rotate( 0deg );  
    }
 to  { 
        -webkit-transform: rotate( 360deg ); 
    }
}

.modal {
   position: fixed !important;
  top: 100px !important;
   z-index: 9999999999 !important;
   overflow: auto !important;
   overflow-y: auto !important;
}

.customsize1{
	color: rgba(255,255,255,0.6); 
}
.customsize2{
	color: rgba(255,255,255,0.9); 
}
.customsize3{
	font-size: 75%;
	color: rgba(255,255,255,0.4); 
}
.contactendiv {
	background-color: rgba(0,0,0,0.1); 
}
.pakketboxen {
	background-color:  rgba(0,0,0,0.1); 
	border-radius: 25px;
    border: 2px ;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.jumbotron {
	background-color: rgba(255,255,255,0.1); 
	border-radius: 25px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.watermark {
	display: block;
	position: relative;
  
}

.watermark-image {
  content: "";
 background:url(https://www.google.co.in/images/srpr/logo11w.png);
  opacity: 0.3;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
  z-index: -1;   
  background-repeat: no-repeat;
  background-position: center;
  float: left;
  
  
}
.watermark-rotate {
	-webkit-animation-name: rotateThis;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
}

.prodcatboxen {
	background-color:  rgba(0,0,0,0.7); 
	border-radius: 10px;
    border: 5px ;
	border-color: #479a36 !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	height: 500px;
	color: #ffffff  ;
}
.hline-bottom {
    padding-bottom: 5px;
	margin-bottom: 10px;
    border-bottom: 2px solid ; /* whichever color you prefer */
	
}
.tldboxen .footer {
	bottom: 10px;
	width: 100%;
}
@media screen and (max-width:980px) { 
	.tldboxen .footer {
		position: relative !important;
		width: 100%;
	}
}

.maakkaderrond {
	border-radius: 5px;
     border: 2px ;
	
}
.maakfontextragroot {
	font-size: 175%;
}
.maakfontgroot {
	font-size: 125% ;
}

.maakfontkleiner {
	font-size: 75%;
}
.maakfontextrakleiner {
	font-size: 50%;
}
.maakfontlicht {
	color: rgba(255,255,255,0.9); 
}
.maakfontdonker {
	color: rgba(0,0,0,0.9); 
}

.maakachtergronddonker {
	background-color: rgba(0,0,0,0.4); 
}
.maakachtergrondextradonker {
	background-color: rgba(0,0,0,0.8); 
}

.maakachtergrondlichter {
	 background-color:  rgba(255,255,255,0.8); 
}

.maakvollebreedte {
	width: 100%;
}
.btnslide {
	background: rgba(0,0,0,0.1);
}
.btn-xsklein {
	font-size: 10px !important ;
	width: 10% ;
	height: 10%;
}
.zetmargingsdiv  {
	 padding-left: 5px;
	 padding-right: 5px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 margin-left: 5px;
	 margin-right: 5px;
	 margin-top: 0px;
	 margin-bottom: 5px;
	 text-align: center;
}
.user-header span ul   {
	background-color: rgba(255,255,255,0.9);
}
.user-header .dropdown-menu > li {
	margin: 10px;
}
.user-header .btn {
	 background-color: rgba(0,0,0,0.6);
	 color: white;
}
.user-header .btn:hover {
	 background-color: red ;
	 background-color: rgba(0,0,0,0.7);
	 color: white;
}

.user-header   btn:focus {
	 background-color: red ;
	 background-color: rgba(0,0,0,0.7);
	 color: white;
	 border: none;
}
.user-header   btn:active {
	 background-color: red ;
	 background-color: rgba(0,0,0,0.7);
	 color: white;
	 border: none;
}
.user-header   ul  li a{
	color: white;
}
.user-header   ul  li  a:hover{
	background-color: rgba(255,255,255,0.1);
	text-decoration: none;
}

.paginawijzer a{
	text-decoration: none;
}	

.paginawijzer a:hover {
	color: rgba(0,0,0,0.9);
}	

.paginawijzer2 a{
	color: rgba(0,0,0,0.8);
	text-decoration: none;
}	

.paginawijzer2 a:hover {
	color: rgba(0,0,0,0.9);
}	
.dropdownup {
	bottom:auto !important; 
	  top:100% !important; 
}
@media screen and (max-width:980px) { .dropdownup { 
	
	  bottom:100% !important; 
	top:auto !important; 
}}
.fixedcartul { 
		overflow-y: auto;	
		overflow-x: hidden;	
		position: absolute;
		max-height: 80vh;	
		float:left;
}
.fixedcartul li {
		margin-left: 10px;
		margin-right: 10px;
}

.user-header {
	position: fixed;
	z-index: 999999;	
	width: 25% !important;
	padding: 5px;
	margin-top: -15px;
	top: 13px ;
}
@media screen and (max-width:680px) { 
	.container {
		width: 100%;
	}
	.gradientmaker p{
		font-size: 75%;
	}
	.gradientmaker {
		padding-bottom: 30px !important;
	}
	.et_pb_text_inner p, .prodcatboxen {
		font-size: 80%;
	}
	.prodcatboxen {
		height: 385px;
	}
	.stickymenuleft1 {
		 position: fixed;
		 bottom: 10px !important;
		z-index: 9 !important;
		width: 90% !important;
	}
	.stickymenuleft1 #navbar-TLDCategorie > div {
		background-color: rgba(0,0,0,0.8) !important;
		font-size: 75%;
	}
	#carouseltldshowshort {
		font-size: 75% !important;
	}
	.formulier {
		margin: -30px;
	}
	#carouseltldshowshort .panel-heading {
		margin-bottom: 10px;
	}
	#carouseltldshowshort .middenrow {
		width: 100%;
		margin-top: 35px;
	}
	.domain_checkerfull input {
		width: 100% !important;
		font-size: 125% !important ;
		height: 35px !important;
	}
	 .domain_checkerfull textarea {
		 font-size: 125% !important ;
		height: 55px !important;
	 }
	.domain_checkerfull textarea::-webkit-input-placeholde, .paginawijzer{
		font-size: 75% !important ;
		
	}
	.domain_checkerfull{
		font-size: 125% !important ;
	}
	.domain_checkerfull button {
		 height: 35px !important;
		 text-align: right !important;
	}
	.modal {
		margin: 0px;
	}
	/** code voor divi, op mobiel breder maken **/
	#top-header > .container, #main-header > .container, #et_search_outer > .container, body.single #main-content > .container, body.page div.et_pb_row, body.page div.et_pb_row.et_pb_row_fullwidth {
		width: calc( 100% - 30px);
	}
}



.errorinput1 input {
	border-radius: 5px;
	border: 2px;
	border-color: red;
	color: red !important;
}
.stickymenuleft1 {
		z-index: 999999999 !important;
		width: 200px ;
}
#carouseltldshowshort .panel-heading {
		margin-bottom: 10px;
	}

.stickymenuleft1 #navbar-TLDCategorie {
	background-color: rgba(255,255,255,0.85);
}

@media screen and (max-width:1024px) { 
	.maakfontgroot111 {
		font-size:100% !important;
	}
	.et_pb_blurb_content h4 {
		font-size:100% !important;
	}
	.tldshow {
		font-size:125% !important;
	}
	.klikker1, .prijzenarea, .resultaatvinkjedomcheck  {
		font-size: 75% !important;
	}
	
	.prices {
		font-size: 75% !important;
	}
	.modal-header {
		font-size: 75% !important;
	}
	.modal-header h3 {
		font-size: 125% !important;
	}
	
	.user-header { 
		position: fixed;
		width: 100% !important; 
		top: 99%;
		bottom:  -22px;
		left: 0px;
		background-color: rgba(0,0,0,0.9);
		transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
		z-index: 9999999;
		max-height: 100%;
	}
	.user-header ul { 
		bottom:100% !important; 
		top:auto !important;
	}
	
	
}
.ordercheckpanel .products {
	margin-left: -10px;
}
.ordercheckpanel ul {
	padding-top: 5px;
	margin-top: 5px;
	margin-left: -20px;
	text-decoration: none;
	text-align: center ;
}
.ikbenhier {
	background-color: blue !important;
}
.center {
	text-align: center;
}
.ikbendaar {
	background-color: yellow !important;
}

.domain_checkerfull input {
	width: 75%;
	border-radius: 5px;
    border: 2px ;
	padding-left: 10px;
	font-size: 175% ;
	height: 55px;
}

.domain_checkerfull textarea{
	border-radius: 5px;
    border: 2px ;
	padding-left: 10px;
	font-size: 175% !important ;
	height: 55px;
}
.domain_checkerfull {
	border-radius: 5px;
}
.domain_checkerfull button {
     height: 55px;
}

.domain_checkerfull .input-group-btn button {
	text-align: center;
}
.domain_checkerfull a, .prodcatboxen a , .navbar a{
	text-decoration:none;	
}
.domain_checkerfull .prijsinfo {
	background-color: white;
	border-radius: 50%;
    display: inline-block;
	text-align: center;
	width:150px;
}
.domain_checkerfull .prijsinfo:hover {
	background-color: rgba(255,255,255,0.8) !important;
}
.prodcatboxen:hover{
	background-color: rgba(0,0,0,0.6) !important;
}
.menuitemactive,.active1
{
	background-color: rgba(0,0,0,0.8) !important;
	color: red !important ;
}

.domain_checkermini1 input1 {
	 width: 90%;
	text-align: left ;
	border-radius: 5px;
	border-color: #9CC4E4   !important;
    border: 2px solid ;
	padding-left: 10px;
}
.domain_checkermini button1, .select2-search  {
	font-size: 175% ;
	border-radius: 5px;
    border: 2px ;
}


.pakketboxen_title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
  
  width: 100%;
}

.tldoverzichtbox {
	height: 275px;
	max-height: 275px;
}

.domcheckpanel, .domcheckpanel1 {
	border-radius: 5px;
 	padding: 10px;
	margin-bottom: 10px;
	background-color: rgba(255,255,255,0.9) ;
}

.btn {
	white-space: normal;
}
.contact_form p {
	color: #ffffff 	;
	font-size: 125% ;
}
.contact_form span {
	font-size: 75% ;
	font-style: italic;
}

.contact_form input, select, textarea {
	border-radius: 5px;
    border: 2px ;
	background-color: rgba(255,255,255,0.95) ;
	font-size: 125% !important;
	font-style: italic  !important;
}
.contact_form input[type="submit"] {
	font-size: 100% !important;
}
.wpcf7-response-output {
	background-color: white;
	color: black;
	font-size: 125%;
}
.wpcf7-validation-errors {
	border-style: solid !important;
	border-color: red !important;
	border-width: 2px;
}
.wpcf7-not-valid-tip {
	background-color: white;
	color: red !important;
	font-size: 125% !important;
	margin-top: 5px;
	padding-left: 5px;
	border-style: solid !important;
	border-color: red !important;
	border-width: 2px;
	
}
::-webkit-validation-bubble-message { display: none; }

.selectpicker , .selectpicker option {
	
	font-size: 12px !important;
}
.csrcode {
	font-size: 12px !important;
	color: black;
	
}
.badgerond {
	border-radius: 50%;
    display: inline-block;
	color: white;
	text-align: center;
}
.checkdomeinfrm textarea {
	font-size: 100% !important;
	width: 100%;
}

.maakkader {
	border: 2px solid ;
}
.prodcatmenu .btn:hover,.prodcatmenu a:hover, .tldcatmenu .tldcatselectbtn:hover {
	 color: rgba(0,0,0,0.6); 
	 size: 200px;
}
.prodcatmenu {
	border-style: solid !important;
	border-color: red !important;
}
.prodcatmenu, .tldcatmenu .tldcatselectbtn{
	text-align: center !important ;
	margin-left: auto;
    margin-right: auto;
}
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
	flex:1 1 auto;
	
}
.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	margin-left: 200px;
	margin: 5px; /* hack adjust for wrapping */
}
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}
.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}
.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.et_divi_100_custom_back_to_top .et_pb_scroll_top {
	background: rgba(0,0,0,0.5) !important;
	margin-bottom: -20px;
}
.tldshow {
	font-size: 150%  ;
}
.tldshow a {
	text-decoration: none;
}

.tldoverzichtheader a{
	text-decoration: none ;
}
.navbarmenu.active a{
	color:  rgba(0,0,0,0.9)  !important;
	background-color: rgba(255,255,255,0.9)
}
.navbarmenu a:hover{
	color:  rgba(0,0,0,0.9)  !important;
	background-color: rgba(255,255,255,0.8)
}
.navbarmenu a{
	text-decoration: none ;
}

.beheerbuttonnotloggedin > span[class*='glyphicon'] {
	color: rgba(255,255,255,0.7) !important ;
}

.beheerbuttonloggedin > span[class*='glyphicon'] {
	color: rgb(86, 244, 66) !important ;
}

.nieuwsberichtenbody a {
	text-decoration: none;
	color:red;
	
}
#veelgesteldevragenkopteksten h3 {
	font-size: 1.25em !important;
}
#veelgesteldevragenlongtext h3, #veelgesteldevragenshorttextkop {
	 background-color:rgba(255,255,255,0.3);
	 border-radius: 5px;
	 padding-left: 5px !important;
}
#veelgesteldevragenlongtext .panel-body {
     border: 2px ;
	 padding-left: 5px;
	 padding-right: 5px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 margin-left: 5px;
	 margin-right: 5px;
	 margin-top: 20px !important;
	 margin-bottom: 5px;
	 
	 
	 
 }
 #veelgesteldevragenlongtext button {
	 background-color:rgba(0,0,0,0.3);
	 border-radius: 5px;
 }
#veelgesteldevragenkopteksten a, #veelgesteldevragenlongtext a {
	text-decoration: none;
	 color:rgba(255,255,255,0.6);
}

.glyphicon-ok {
	color:green;
}
.glyphicon-ban-circle {
	color:gray;
}
.trekomhoog{
	margin-top: -140px;
}
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > button,
.with-nav-tabs.panel-primary .nav-tabs > li > button:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > button:focus {
    background-color: rgba(0,0,0,0.3);
	
}
.with-nav-tabs.panel-primary .nav-tabs > .open > button,
.with-nav-tabs.panel-primary .nav-tabs > .open > button,
.with-nav-tabs.panel-primary .nav-tabs > .open > button:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > button:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > button:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > button:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > button,
.with-nav-tabs.panel-primary .nav-tabs > li.active > button,
.with-nav-tabs.panel-primary .nav-tabs > li.active > button:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > button:focus {
	color: rgba(0,0,0,0.9);
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}



@media screen and (max-width:1100px) { 
	.trekomhoog{
		margin-top: -75px;
	}
}
@media screen and (max-width:980px) { 
	.trekomhoog{
		margin-top: -75px;
	}
}
/****** Code Style: Menu Slide-In ******/

    /* Font Awesome */
    .fa {
        margin-right: 15px ;
      }

    @media only screen and (max-width: 980px) and (min-width: 648px){
	.prodcatboxen {
		height: 460px ;
	}
	.gradientmaker p{
		font-size: 90%;
	}
	
    #mobile_menu {
        display: block !important;
        min-height: 50vh;
        height: 100%;
        top: 0;
        right: 0;
        position: fixed;
        z-index: 9998;
        overflow: scroll;
        border-top: none;
        padding-top: 60px !important;
    }
	.et_mobile_menu li a {
        color: #da1755 !important;
		color: black !important;
        width: 100%;
        float: left;
        text-align: left;
        border-bottom: 1px solid black;
        margin: 5px;
        transition: .2s;
        text-transform: uppercase;
		
    }
	.et_mobile_menu li a:hover {
		color: rgba(255, 255, 255, 0.9) !important;
	}
    .mobile_nav ul#mobile_menu .current_page_item > a {
        color: rgba(0, 0, 0, 0.9) !important;
		background-color: rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid red;
    }
	
	.mobile_nav.closed #mobile_menu {
        background-color: white !important;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
        background: rgba(255,255,255,0.) !important;
    }

    .mobile_nav.opened #mobile_menu {
        background-color:white !important;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-overflow-scrolling: touch;
        -webkit-transition: -webkit-transform 0.4s 0s;
        -moz-transition: -moz-transform 0.4s 0s;
        transition: transform 0.4s 0s;
    }

    #main-header .container.clearfix.et_menu_container {
        width: 100%;
    }

    .mobile_menu_bar:before {
        color: black;
	}
	 .mobile_nav.opened .mobile_menu_bar:before {
		color: black;
	}
    .mobile_nav.opened .mobile_menu_bar:before {
        content: '\4d';
        z-index: 9999;
		
    }
    }

    @media only screen and  (max-width: 980px) {
      .et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {    
        z-index: 9999;
      }
      #et-top-navigation {    
        padding-right: 5px;
      }
    }

    @media only screen and (min-width: 481px)  {
		#mobile_menu {    
			width: 340px;    
			margin-left: calc(100% - 340px);
		}
    }
    @media only screen and (max-width: 480px)  {
		#mobile_menu {    
			width: 290px;    
			margin-left: calc(100% - 290px);
		}
		.et_mobile_menu li a {
			margin: -2px;
		}	
    }
	/*This will change the active main menu item colour*/
	#top-menu li.current-menu-item > a {
		color: #000 !important;
	}
	#et-secondary-menu li.current-menu-item > a {
		color: #000 !important;
	}
	/*This will change the active main menu item colour when a submenu item is active*/
	#top-menu li.current-menu-ancestor > a {
		color: #000 !important;
	}
	/*This will change the active submenu item colour*/
	.nav li ul .current-menu-item a {
		color: #000 !important;
	}