

/*======================================
Theme Name: Alexela Logistics
Theme URI: https://divicake.com/
Description: /*Alexela Logistics Theme*/
Version: 1.0
Author: Hmmm
Author URI: https://divicake.com/
Template: Divi


======================================*/

/* roheline #00BA39 */
/* sinine #00ADE9 */





/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

h1, h2, h3, h4, h5, h6, .et_pb_text_12_tb_body h3
 {text-transform: capitalize !important;}

td h3 {text-size: 14px ;}


#et-main-area, .et_pb_column_1_tb_header, footer {
    overflow: hidden!important;
}

.lang-item {
    display: inline;
}



.lng.et_pb_menu li a {padding:0;}

.lng.et_pb_menu nav>ul>li:not(:last-child) {
    border-right: none;
}

.lng.et_pb_menu li a img {height: 20px;}

.et_pb_menu nav>ul>li:not(:last-child) {
    border-right: none;
}

.et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar:before {color: #00ADE9 !important; }

.mobile_menu_bar {
    position: absolute;
	right: -40px;}

@media screen and (min-width: 981px) {
    .et_pb_menu__menu, .et-menu-nav, .et-menu {
        width: 100% !important;
    }
    .fullwidth-menu {
        display: flex!important;
        justify-content: center;
        align-items: stretch;
        flex-wrap: initial!important;
    }
    .et_pb_fullwidth_menu nav>ul>li {
        width: 100%;
        text-align: center!important;
    }
    .et_pb_fullwidth_menu nav>ul>li, .et_pb_fullwidth_menu nav>ul>li>a {
        display: block!important;
    }
}




/*adjust spacing around menu items*/

.et_pb_menu li a {
  padding-right: 40px;
	
}


@media all and (max-width: 980px) {
#page-container {overflow:hidden;}	
}


@media only screen and (max-width: 980px) {
    .three-columns .et_pb_column {
    width: 33%!important;
}
}
 
@media only screen and (max-width: 479px) {
    .three-columns .et_pb_column {
    width: 50%!important;
}
	
	

}


@media (max-width: 980px) {
.et_pb_column.et_pb_column_empty {
    display: inline-flex;
}
}

.parahacks .et_parallax_bg {
    background-position: center center !important;
	
}

.et-zoom-in.et_pb_image:hover img,
.et-zoom-in .et_pb_image_wrap:hover img,
.et-zoom-in a:hover img {
    transform: scale(1.2); 
    transition: all 2s 0s ease;
}

.et-zoom-in,
.et-zoom-in a {
    overflow: hidden;
}

.et-zoom-in.et_pb_image img,
.et-zoom-in .et_pb_image_wrap img,
.et-zoom-in a img {
    transition: all 1s 0s ease; 
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/*edit the Divi mobile menu dropdown*/
.et_mobile_menu {
border-top: 0px;
padding: 0px !important;
width: 112%;
margin-left: -6%;
text-align: center;
box-shadow: none;
}

.et_pb_module .mobile_menu_bar:before {
    top: -40px;
}


/*style the opened menu*/

.pa-fullscreen-menu .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}


/*style the closed menu*/

.pa-fullscreen-menu .closed #mobile_menu2 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu2 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}


/*change the opened menu icon*/

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
}


/*make the hamburger menu fixed position on mobile*/

.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;

}






/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}

/*edit the Divi submenu
.et_pb_menu li ul {
    padding: 0!important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: auto;
	
}


.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 1px);
    left: -45%;
}

.et_pb_menu li li {
display: inline;
}



.nav li li {
	line-height: 1em;
}
/*add icon to Divi submenu items*/

nav li li a:before {
    font-family: 'ETMODULES';
    content: '\24';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #00ADE9;
    font-size: 1em;
    transition: all .3s ease;
}

/*
.et-menu li li a {
    
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    width: 400px;
}
*/


/*

.et_pb_menu__menu>nav>ul>li>a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: -15%;
  position: absolute;
  background: #00ADE9;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.et_pb_menu__menu>nav>ul>li>a:hover:after { 
  width: 100%; 
  }
*/
.term_link a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: -15%;
  position: absolute;
  background: #00ADE9;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.term_link a:hover:after { 
  width: 100%; 
  }

.nav li ul {
	box-shadow: none;
}


.et_pb_menu nav>ul>li:not(:last-child) {
    border-right: none !important;
}

.et_pb_number_counter.et_pb_with_title .percent {
	margin-bottom: 0;
}


.et_mobile_menu li a:hover, .nav ul li a:hover {
	background-color: #e2e2e2;
	opacity: none;
}



/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: #e2e2e2;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #00ADE9;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 0;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #E2E2E2 !important;
	border-radius: 10px;
}


/*remove default 11px padding on each side of list items*/

.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}


/*make the menu items fullwidth and add space between them*/

.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 2px 0;
}




/*style the menu items on hover*/

.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #00ADE9;
	
}


/*style the active menu item*/

.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #00ADE9;
	font-size: 22px;
}


/*style the arrow icon if there are submenus*/

.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after {
	content: "5" !important;
	/*change arrow icon for submenu*/
	padding: 20px;
	font-size: 24px;
}


/*style the arrow icon if there are submenus to submenus*/

.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
	padding: 8px !important;
	right: 0px !important;
}


/*make the submenu align directly to the right of the menu item instead of below*/

.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}


/*align submenu to the right of menu link*/

.pa-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}


/*add an icon to the left of each menu item link*/

.pa-vertical-menu ul li a:before {
	font-family: 'ETMODULES';
	content: '\24';
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 0px;
	color: #00ADE9;
	font-size: 1.3em;
	transition: all .75s ease;
}


/*style the menu items icon*/

.pa-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: #00ADE9 !important;
	transition: all .75s ease;
}


/*style the active menu item icon*/

.pa-vertical-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #00ADE9!important;
}

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
	
	.et_pb_menu .et_pb_menu__menu .pa-vertical-menu {
    display: flex;
}

}


@media all and (min-width: 768px) and (max-width: 980px) {

.mobile_menu_bar {
    position: absolute;
    right: 0;
    bottom: 26px;
}
}


@media all and (max-width: 479px) {
.mobile_menu_bar {
    position: absolute;
    right: -40px !important;
    
}
}



@media (min-width: 769px) and (max-width: 1024px) {
	.et_pb_menu_1_tb_header.et_pb_menu ul li a {font-size: 12px !important;}


}



@media (min-width: 320px) and (max-width: 425px) {
	.et_pb_text_0_tb_header, .et_pb_text_0_tb_header.et_pb_text {margin-right: 30px !important;}
}


@media (min-width: 320px) and (max-width: 768px) {

.lang-item {display: inline-block !important; margin-left: 20%;}

}


@media (min-width: 769px) and (max-width: 2560px) {
.menu-item-26237-ru, .menu-item-26237-et, .menu-item-27413-et, .menu-item-27413-en, .menu-item-27412-ru, .menu-item-27412-en {display: none !important;}


}

 

@media (min-width: 426px) and (max-width: 768px) {

.lang-item {display: inline-block !important; margin-left: 30%;}


}


.et_pb_column_0_tb_footer, .et_pb_column_1_tb_footer , .et_pb_column_3_tb_footer, .et_pb_column_2_tb_footer {border: none;}


/* Large screens (1441px upwards) */
@media only screen and (min-width: 1800px) {
    
/*--
.et_pb_text_2_tb_body h3, .et_pb_text_1_tb_body h3, .et_pb_text_19_tb_body h3, .et_pb_text_3_tb_body h3, .et_pb_text_5_tb_body h3, .et_pb_text_0_tb_body h3, .et_pb_text_1_tb_body h3 {
        font-size: 100% !important;
    }
    .et_pb_text_0_tb_body p {
        font-size: 200% !important;
    }
    
    .et_pb_text_15_tb_body h3, .et_pb_text_17_tb_body h3, .et_pb_text_11_tb_body h3, .et_pb_text_9_tb_body h3, .et_pb_text_13_tb_body h3 {
        font-size: 100% !important;
    }
    .et_pb_text_2_tb_body td h3, .et_pb_text_4_tb_body td h3 {
        font-size: 1.8rem !important;
    }
    .et_pb_text_6_tb_body, .et_pb_text_2_tb_body, .et_pb_text_4_tb_body {
        font-size: 200%;
    }
    

--*/

.et_pb_menu_1_tb_header.et_pb_menu ul li a {
        font-size: 200% !important;
    }



    .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        font-size: 160% !important;
        line-height: 1em !important;
    }
    .et-menu li li a {
        width: 100% !important;
    }
    .nav li li {
        line-height: 400%;
    }
    .nav li ul {
        width: 400px;
    }
    .pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
        font-size: 300% !important;
    }
    .et_pb_menu_0_tb_body.et_pb_menu ul li a {
        font-size: 1.5rem !important;
    }
    .pa-vertical-menu .et_pb_menu__menu nav ul li {
        margin: 1em;
    }
 
.et_pb_text_inner p {
        line-height: 1.7em;
        font-size: 180% !important;
    }

.et_pb_text_inner h3 {
	font-size: 6rem !important;}

.et_pb_text_inner td, .et_pb_text_inner td h3 {
        font-size: 1.6rem !important;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
        line-height: 1.7em;
    }

footer .et_pb_text_inner h3 {
	font-size: 2.4rem !important;}

footer .et_pb_text_inner h4 {
	font-size: 1.2rem;
	line-height:1.7em;
}

footer .et_pb_row {max-width: 1800px;}


}
