/*

 Theme Name: Generatepress Child

 Theme URL: https://tvoy-perevozchik.com/

 Description: Generatepress Theme

 Author: DIOL

 Author URL: https://tvoy-perevozchik.com/
 
 Template: generatepress

 Version: 3.6.0

 Text Domain: generatepress-child

 */
.inside-header {
    padding: 5px;
}
.main-nav {
	order:1;
}
.head-phone {
	order:2;
}
.head-soc {
	order:3;
}
.nav-float-right #site-navigation {
    width: 100%;
}
.main-navigation .inside-navigation {
	justify-content: space-around;
}
.head-phone {
	position: relative;
}
.head-phone:before {
	content: ' ';
    background-image: url(https://tvoy-perevozchik.com/wp-content/uploads/smartphone-call.png);
    background-size: contain;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 7px;
    background-repeat: no-repeat;
    left: -45px;
}
.head-soc ul, .soc-fot-l ul {
	display: flex;
}
.head-soc ul li, .soc-fot-l ul li {
	padding: 0 5px;
}
.head-soc img {
	max-width: 50px;
}
.head-phone a {
	word-spacing: 6px;
	font-size: 40px;
	color: #fda314;
	font-weight: 600;
}
.main-navigation .main-nav ul li a {
	font-size: 20px;
    font-weight: 700;
}
.current-lang a {
	color: #fda314 !important;
}
#intro {
    background-size: cover;
    padding: 220px 0;
    background-image: linear-gradient(to right, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%)), url(https://tvoy-perevozchik.com/wp-content/uploads/evakuator.webp);
    color: #fff;

}
.site-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 2px 5px 0px rgba(56, 56, 56, 0.1);
}
.intro {
	position: relative;
}
/*.intro:before {
	content: ' ';
    background-image: url(https://tvoy-perevozchik.com/wp-content/uploads/vyzvat-evakuator.webp);
    background-size: contain;
    width: 429px;
    height: 600px;
    position: absolute;
    top: -90px;
    background-repeat: no-repeat;
    right: -451px;
}*/
.intro-r {
	max-width: 500px;
}
.intro-r h1 {
	font-size: 55px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 20px;
}
.desc {
	font-size: 22px;
	line-height: 1.2;
	padding-bottom: 20px;
}
.intro-b a {
	background: #fda314;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    padding: 15px 0;
    font-size: 23px;
}
#rmp_menu_trigger-24 .responsive-menu-pro-inner, #rmp_menu_trigger-24 .responsive-menu-pro-inner::before, #rmp_menu_trigger-24 .responsive-menu-pro-inner::after {
    background-color: #000!important;
}
#rmp_menu_trigger-24 {
	background: transparent!important;
}
.ben-items, .ser-items,.num-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0 20px;
}
.ben-item {
    width: 30%;
    margin-bottom: 30px;
}
.ben-img img,.num-img img  {
    max-width: 140px;
    margin: 0 auto 30px;
    display: block;
}
.ben-title {
        font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding-bottom: 20px;
    height: 68px;
}
.ben-desc {
    text-align: center;
}
#services, #video {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    background: #FCFCFC;
    padding: 40px 0;
}
h2 {
    color: #333;
    font-size: 50px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 700;
}
.services-desc {
    max-width: 500px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
}
.ser-item {
    border: 1px solid #fda314;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 35px;
    width: 49%;
    margin-bottom: 30px;
}
.ser-title {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}
#portfolio {
    padding: 40px 0;
}
#numbers {
    background-size: cover;
    padding: 100px 0;
    background-image: linear-gradient(to right, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%)), 
    url(https://tvoy-perevozchik.com/wp-content/uploads/evakuator.webp);
    color: #fff;
}
.numbers h2 {
    color: #fff;
}
.num-item {
    width: 33%;
    margin-bottom: 25px;
}
.num-title {
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    padding-bottom: 20px;
}
.num-img img {
    margin-bottom: 15px;
}
.num-desc {
    text-align: center;
    font-size: 20px;
}
.nf-title {
    color: #333;
    font-size: 50px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 700;
}
.newfooter ul li {
    position: relative;
    padding-bottom: 15px;
    padding-left: 15px;
}
.f-email:before {
    content: ' ';
    background-image: url(https://tvoy-perevozchik.com/wp-content/uploads/email.png);
    background-size: contain;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -5px;
    background-repeat: no-repeat;
    left: -30px;
}
.tiktok:before {
    content: ' ';
    background-image: url(https://tvoy-perevozchik.com/wp-content/uploads/tiktok.png);
    background-size: contain;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -5px;
    background-repeat: no-repeat;
    left: -30px;
}
.ints:before {
    content: ' ';
    background-image: url(https://tvoy-perevozchik.com/wp-content/uploads/instagram.png);
    background-size: contain;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -5px;
    background-repeat: no-repeat;
    left: -30px;
}
.soc-fot {
    display: flex;
    align-items: center;
    margin-left: -65px;
}
.soc-fot-l img {
    max-width: 38px;
}
.soc-fot-l ul li {
    padding-bottom: 0;
    padding-left: 0;
}
.newfooter ul li a {
    text-decoration: none;
    color: #333;
    font-size: 20px;
}
.footer-widgets {
    background-color: var(--base-3);
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    background: #FCFCFC;
}
.inside-navigation.mob {
    display: none;
}
.cnb-single.cnb-right {
    bottom: 100px!important;
    width: 75px!important;
    height: 75px!important;
}
@media (max-width: 1500px) {
	#rmp_menu_trigger-24 {
        left: 5%;
    }
}
@media (max-width: 1200px) {
    #rmp_menu_trigger-24 {
        left: 1%;
    }
}
@media (max-width: 991px) {
    .inside-header {
        padding: 5px 20px;
    }
    .main-navigation .inside-navigation {
        flex-direction: column;
    }
    .head-phone {
    order: 1;
    }
    .head-soc {
        order: 2;
    }
    .main-nav {
        display: none;
    }
    .site-logo {
        margin-left: 60px;
    }
    .head-phone a {
        font-size: 32px;
        text-decoration: none;
    }
    .head-phone:before {
        width: 35px;
        height: 35px;
        top: 10px;
        left: -35px;
    }
    .head-soc img {
        max-width: 40px;
    }
    #rmp_menu_trigger-24 {
        top: 35px;
    }
    .intro, .benefits, .services, .portfolio, .numbers, .text-block, .video, .newfooter {
        padding: 0 20px;
    }
    .ben-item {
        width: 48%;
    }
}
@media (max-width: 768px) {
    .head-soc ul li {
        list-style: none;
    }
    .inside-navigation.mob {
        display: flex;
        flex-direction: column;
    }
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        display: none;
    }
    .head-soc ul {
        margin: 0 auto 0.5em;
        justify-content: center;
    }
        #rmp_menu_trigger-24 {
        top: 50px;
    }
    .has-inline-mobile-toggle .inside-header {
        justify-content: space-between;
    }
    .site-header {
        position: relative;
    }
    #intro {
        padding: 60px 0;
    }
    h2 {
        font-size: 38px;
        padding: 30px 0;
    }
}
@media (max-width: 600px) {
    .head-phone:before {
        display: none;
    }
    .has-inline-mobile-toggle .inside-header {
        justify-content: center;
    }
    .site-header .header-image {
        width: 100px;
    }
    .ben-item, .ser-item, .num-item {
        width: 100%;
    }
    #rmp_menu_trigger-24 {
        top: 30px;
    }
}