/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* Reset */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
* { font-family: 'Roboto', sans-serif; }

html, body { height: 100%; background: #fff; }

input, button, textarea { font-family: inherit; }

button { cursor: pointer; }

button::-moz-focus-inner { padding: 0; border: 0 !important; }

button:active, button:focus { outline: none !important; }

textarea { max-height: 150px; min-height: 150px; }

a, a:visited { text-decoration: none; }

a:hover { text-decoration: none !important; }

.footer ul li {
	list-style: none;
}

.clear { clear: both; height: 63px; }

.wrapper { min-height: 100%; height: 100%; }

.wrapper-content { min-height: 100%; margin-bottom: 2rem; }

.wrapper-content-all { min-height: 100%; }




//Custom

 i {
 	line-height: 24px !important;
 }

.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}
.header:before {
	background: linear-gradient(45deg, #f36f21, #2f3192);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.headerBody {
	height: 80px;
}

.logoHeaderDtp {
	z-index: 3;
}

.logoHeaderDtp img{
    width: 100%;
    height: 100%;
    max-height: 50px;
    max-width: 200px;
}

nav.NavDtp ul > li {
	margin-right: 3rem;
	z-index: 3;
}

nav.NavDtp ul > li > a {
	color: #fff;
}

.contactHeaderDtp  {
	color: #fff;
	z-index: 3;
}

.contactHeaderDtp a {
	color: #fff;
}

.contactHeaderDtp a:hover {
	color: #fff;
}

.contactHeaderDtp p {
	margin-bottom: 0px;
}

ul.iconBlockHeader {
	padding: 0;
	margin: 0;
}

ul.iconBlockHeader li {
	display: inline-block;
}

ul.iconBlockHeader li > p {
	font-size: 10px;
	line-height: 1.2;
}

.headerBurger {
	display: none;
	transition: all 0.3s ease 0s;
}

.headerBurger.active span {
	transform: scale(0);
	transition: all 0.3s ease 0s;
}

.headerBurger.active:before {
	transform: rotate(45deg);
	top: 9px;
}
.headerBurger.active:after {
	transform: rotate(-45deg);
	bottom: 9px;
}

.birFixed {
	position: fixed;
    float: right;
    width: 100%;
    z-index: 3;
}

.birConstBlock {
	margin-top: 80px;
	position: relative;

}

.birConstOrange {
	z-index: 3;

}

.birConstOrange a {
	background-color: orange;
	padding: 10px 20px;
	color: #000;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	border-radius: 0px 0px 5px 5px;
	font-size: 14px;
}
.birConstOrange a:hover {
	color: #fff;
}

.mobContacts {
	display: none;
}

.mobTime {
	display: none;
}

.mobSoc {
	display: none;
}



@media only screen and (max-width:1200px) {
	nav.NavDtp ul > li {
	margin-right: 0rem;
}

ul.iconBlockHeader li {
    margin-left: 12px;
}

i.fa-phone-alt {
	margin-right: 10px;
	margin-top: 2px;
}

.logoHeaderDtp img {
/* 	width: 100%; */
		width: 300px;
    height: 72px;

    object-fit: contain;
}
	

}

@media only screen and (max-width:767px) {
	body.lock {
		overflow: hidden;
	}

	.headerBurger {
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
		z-index: 3;
	}

	.headerBurger span {
		position: absolute;
		background-color: #fff;
		left: 0;
		width: 100%;
		height: 2px;
		top: 9px;
	}

	.headerBurger:before,
	.headerBurger:after {
		content: "";
		background-color: #fff;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		transition: all 0.3s ease 0s;
	}
	.headerBurger:before {
		top: 0;
	}
	.headerBurger:after {
		bottom: 0;
	}

	.NavDtp {
		position: fixed !important;
	    width: 100%;
	    background: #fff;
	    top: -100%;
	    left: 0;
	    height: 100%;
	    display: block !important;
	    z-index: 2;
	    padding: 100px 10px 20px 10px !important;
	    transition: all 0.8s ease 0s;
	    overflow: auto;
	    border-bottom: 10px solid #f36f21;
	    font-size: 20px;
	}

	.NavDtp.active {
		 top: 0;
	}
	nav.NavDtp ul > li {
		border-top: none;
		border-bottom: 2px solid;
	    -o-border-image: -o-linear-gradient(left, #ffffff, #f36f21, #2f3192, #ffffff ) 27% 0%;
	       border-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(#f36f21), color-stop(#2f3192), to(#ffffff) ) 27% 0%;
	       border-image: linear-gradient(to right, #ffffff, #f36f21, #2f3192, #ffffff ) 27% 0%;
	}
		nav.NavDtp ul > li:first-child {
		border-top: 0px !important;
	}
	nav.NavDtp ul > li:last-child {
		border-bottom: 0px !important;
	}
	nav.NavDtp ul > li > a {
		color: #000;
}
	.mobContacts.active {
		display: flex;
	    padding: 0px;
	    margin: 0px;
	    float: left;
	    margin-top: 20px;
	    width: 100%;
	}
	.mobContacts.active li {
		border: none;
	}
	.mobTime.active {
		display: flex;
	    padding: 0px;
	    margin: 0px;
	    float: left;
	    margin-top: 20px;
	    width: 100%;

	}
	.mobTime.active li {
		border: none;
	}
	.mobSoc.active {
		display: flex;
	    padding: 0px;
	    margin: 0px;
	    float: left;
	    margin-top: 20px;
	    width: 100%;

	}
	.mobSoc.active li {
		border:none;
	}
	.mobSoc.active li > a {
		margin-right: 30px;
		font-size: 40px; 
	}


a.mobTel.active {
	position: fixed;
    left: 0;
    bottom: 67%;
    color: #000;
    padding-left: 10px;
    display: block !important;
}
a.mobTel.active:hover {
	color: #000;
}

ul.iconBlockHeader.active {
	position: fixed;
    left: 0;
    bottom: 63%;
    color: #000;
    display: block !important;
}
}


.footer {
	background: linear-gradient(45deg, #f36f21, #2f3192);
	padding: 40px 0px 30px 0px;
}


.leftFooter img {
    max-width: 350px;
    width: 100%;
    height: 100%;
    max-height: 100px;
    object-fit: contain;
}
.leftFooter p {
	margin-top: 1rem;
	color: #fff;
	font-size: 14px;
}

.centerMenuFooter ul > li > a {
	color: #fff;
	font-size: 14px;
}
.centerMenuFooter ul > li {
	margin-bottom: 0.5rem;
	margin-left: 5rem;
}
.centerMenuFooter ul > li:last-child {
	margin-bottom: 1rem;
}
.centerMenuFooter ul {
	padding: 0;
	margin-left: -40px;
}

.listContactsFooter, .listContactsFooter span, .listContactsFooter a , .listContactsFooter a:hover {
	color: #fff;
	font-weight: 500;
	padding: 0;
}
.listContactsFooter a ,  .listContactsFooter span {
	margin-left: 10px;
}

.listContactsFooter li {
margin-bottom: 0.5rem;
}

ul.listSocFooter {
	margin-top: 6rem;
	padding: 0;
}
ul.listSocFooter  li {
	display: inline-block;
	margin-right: 10px;
	font-size: 24px;
	padding-left: 0px;
}

ul.listSocFooter  a {
color: #fff;
}
.rulesFooter {
	color: #fff;
	font-size: 14px;
}
@media screen and (max-width: 767px) { 
.bgHomeTwo h2 {
	font-size: 30px !important;
}
}


.modalCast {
	padding-left: 5rem;
    padding-right: 5rem;
}

.formHorizontal {
	display: inline-flex;
	list-style:none;
	padding: 0;
}
.formHorizontal  li {
	width: 33%;
	margin-right: 2rem;
}
.formHorizontal  li:last-child {
	margin-right: 0rem;
}
.formHorizontal input {
	width: 100% !important;
} 

@media screen and (max-width: 700px) { 
	.formHorizontal {
		display:block;
	}
	.formHorizontal li {
	width: 100%;
    margin-right: 2rem;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 15px;
	}


	
@media screen and (max-width: 767px) { 
	.modalCast {
	padding-left: 1rem;
    padding-right: 1rem;
}
}


.formBlogsNumber {
    padding: 15px 0px 0px 0px;
        box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5);
        background: #fff;
        color: #000;
    }
    
    .formBlogsNumber input[type=submit] {
            padding: 10px;
        border: none;
        color: #fff;
        background: #f37021 !important;
        border-radius: 4px;
    }
    .formBlogsNumber input {
    padding: 10px;
        border: none;
        margin-bottom: 11px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
        border-radius: 4px;
    }
    .labelHeading {
        font-size: 24px;
        line-height: 1.2;
    }
    .rightFormHor {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    
    @media screen and (max-width: 963px) {
        .formBlogsNumber {
            padding: 0px 0px 0px 0px;
            height: 100%;
        }
        .formBlogsNumber input {
            width: 40%;
            font-size: 14px;
        }
    }
    
    
    
    .bgLeftFrom {
        background: url('https://dtpamerica.com/wp-content/uploads/2020/09/carBgForm.png');
        background-size: contain;
        background-repeat:no-repeat;
            background-position: left bottom;
    }
    
    @media screen and (max-width: 767px) {
    .bgLeftFrom {
        height: 150px;
    }
    
    }
    @media screen and (max-width: 590px) {
        .formBlogsNumber input {
            width: 100%;
        }
        span.ajax-loader {
                display:none !important;
            }
    }
    
    
    .formHome {
        text-align: center;
    }
    .formHome input {
        width: 25%;
        padding: 10px;
        text-align: center;
        -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
       -webkit-appearance: none;
        border: none;
        border-radius: 4px;
    
    }
    .formHome input[type=submit] {
        width: 20%;
        
        background-color: #f37021;
        border: 0px;
        border-radius: 4px;
        color: #fff;
        box-shadow: inset #000 0 0 3px;
    }
    .dropdown-item.active, .dropdown-item:active {
    background-color: #FFA500;
    }
    
    @media screen and (min-width: 991px) {
    nav.navbar .dropdown:hover > .dropdown-menu {
     display: block; 
        margin-top: 0;
    }
    
    }
    .dropdown-menu {
        border:none;
    }
    a.dropdown-item {
        border-image: linear-gradient(to right, #ffffff, #f36f21, #2f3192, #ffffff ) 27% 0%;
        border-bottom: 2px solid;
    }
    a.dropdown-item:last-child {
        border-bottom:none;
    }
    .page-header {
        display:none !important;
    }
    
    
    ul.navbar-nav {
        font-size:18px;
    }
    @media screen and (max-width: 991px) { 
        ul.navbar-nav {
        font-size:16px;
    }
    }
    @media screen and (max-width: 768px) { 
        ul.navbar-nav {
        font-size:24px;
    }
    }
    
    
    
    
    .formHomeFooter {
        text-align: center;
    }
    .formHomeFooter input {
        width: 100%;
        padding: 10px;
        text-align: center;
        margin-right: 3rem;
        -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
       -webkit-appearance: none;
        border: none;
        border-radius: 4px;
    }
    .formHomeFooter input[type=submit] {
        width: 80%;
        margin-right: 0rem;
        background-color: #f37021;
        border: 0px;
        border-radius: 4px;
        color: #fff;
        box-shadow: inset #000 0 0 3px;
    }
    .ajax-loader {
        display: none !important;
    }
    .formHomeFooter .wpcf7-response-output {
        color: #fff !important;
        border: none !important;
    }
    
    .formHomeFooterBlack {
        text-align: center;
    }
    .formHomeFooterBlack input {
        width: 100%;
        padding: 10px;
        text-align: center;
        margin-right: 3rem;
        -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 1);
       -webkit-appearance: none;
        border: none;
        border-radius: 4px;
    }
    .formHomeFooterBlack input[type=submit] {
        width: 80%;
        margin-right: 0rem;
        background-color: #f37021;
		text-align: center;
        border: 0px;
        border-radius: 4px;
        color: #fff;
        box-shadow: inset #000 0 0 3px;
		justify-content: center;
    }
    .ajax-loader {
        display: none !important;
    }
    .formHomeFooterBlack .wpcf7-response-output {
        color: #000 !important;
        border: none !important;
    }
    
    .wpcf7-response-output {
    border: none !important;
    }
    
    
    .content-block-404 {
        background: url('https://dtpamerica.com/wp-content/uploads/2020/09/blogs01.png');
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
    }
    .page-404 {
        margin-top: 200px;
        margin-bottom:200px;
    }
    .Heading404 {
        font-size:100px;
        color:#fff;
    }
    .sub404 {
        color:#fff;
        font-size:28px;
    }
    .sub4042 {
        color:#fff;
        font-size:28px;
            margin-bottom: 3rem;
    }
    a.a404 {
        font-size:18px;
        background:orange;
        padding: 10px 20px 10px 20px;
        color:#000;
        border-radius: 20px;
        box-shadow: 1px 1px 13px 10px rgba(255,165,0,0.2);
        transition:0.5s;
    }
    a.a404:hover {
        background:#ffaf1b;
            box-shadow: 1px 1px 13px 10px rgba(255,184,54,0.4);
    }
    @media screen and (max-width: 768px) {
        .sub404 {
        font-size:18px;
    }
    .sub4042 {
        font-size:18px;
    
    }
    }
    
    
    
    
    
    
    
    
      /*!
         * chiefSlider (https://itchief.ru/lessons/php/feedback-form-for-website)
         * Copyright 2018 Alexander Maltsev
         * Licensed under MIT (https://github.com/itchief/feedback-form/blob/master/LICENSE)
         */
    
        .slider {
          position: relative;
          overflow: hidden;
        }
    
        .slider__wrapper {
          display: flex;
          transition: transform 0.6s ease;
        }
    
        .slider__item {
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }
        @media (max-width:767px ){
          .slider__item {
          flex: 0 0 50%;
          max-width: 50%;
        }
        }
        @media (max-width:480px ){
          .slider__item {
          flex: 0 0 100%;
          max-width: 100%;
        }
        }
        .slider__item a {
        background: #d6d6d6;
        padding: 10px 15px;
        border-radius: 5px;
        color: #000;
        display: block;
        margin-left: 5px;
        margin-right: 5px;
        transition: 0.3s;
        }
         .slider__item a:hover {
             background: orange;
             box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5);
         }
    
        .slider__control {
                    border-radius: 5px;
          display: none;
          align-items: center;
          justify-content: center;
          width: 40px;
          color: #fff;
          text-align: center;
          opacity: 0.5;
          height: 50px;
          transform: translateY(-50%);
          background: rgba(0, 0, 0, .5);
        }
    
        .slider__control_show {
          display: flex;
        }
    
        .slider__control:hover,
        .slider__control:focus {
          color: #fff;
          text-decoration: none;
          outline: 0;
          opacity: .9;
        }
    
        .slider__control_left {
          left: 0;
              width: 45%;
        display: flex;
        float: left;
            margin-top: 3rem;
        }
    
        .slider__control_right {
          right: 0;
                    width: 45%;
        display: flex;
        float: right;
            margin-top: 3rem;
        }
               @media (max-width:480px ){
        .slider__control_left {
    
            margin-top: 2rem;
        }
    
        .slider__control_right {
    
            margin-top: 2rem;
        }
        }
    
        .slider__control::before {
          content: '';
          display: inline-block;
          width: 20px;
          height: 20px;
          background: transparent no-repeat center center;
          background-size: 100% 100%;
        }
    
        .slider__control_left::before {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
        }
    
        .slider__control_right::before {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
        }
    
        .slider__item>div {
          font-size: 18px;
          text-align: center;
        }
    
    
    
    
    
    
    
    
    
    /* author */
    
    .boxInfoAuthor a{
        margin-bottom: 0.5rem;
        font-weight:600;
        color: #2E3192;
    }
    .boxInfoAuthor span{
        display:block;
        font-weight:400;
    }
    
    .boxAuthor {
        display: flex;
        margin: 1rem 0;
        align-items: center;
    }
    
    
    img.image-author {
        border-radius: 100% !important;
        height: 100px !important;
        width: 100px !important;
        max-width: 100px !important;
        min-width: 100px !important;
        max-height: 100px;
        min-height: 100px;
        object-fit: cover;
        margin: 0 1rem 0 0;
    }