/*!
Theme Name: DITIS
Theme URI: https://ditis.com.ua/dts
Author: Ditis
Version: 12.2019
Author URI: https://ditis.com.ua
Description: Is the perfect theme. 
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: DITIS.com.ua
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,900,900i&display=swap');
p {margin-bottom:5px;}
body {font-family: 'Rubik', Arial, Helvetica, sans-serif;font-weight:400;font-size:18px;color:black;}

a {font-family: 'Rubik', Arial, Helvetica, sans-serif;color:black;}
a:hover, a:focus, a:active {font-family: 'Rubik', Arial, Helvetica, sans-serif;color:black;}

h1, h2 {font-family: 'Montserrat', Arial, Helvetica, sans-serif;font-weight:800;color:black;}
h3, h4, h5, h6 {font-family: 'Montserrat', Arial, Helvetica, sans-serif;font-weight:800;color:black;}

main {width: 100%;}
li {list-style:square outside;}
.copyright img {width:80px;}
h4.home-block-1::before {display: block;width: 32px;height: 32px;background: url("/wp-content/themes/dts/img/phone.png") no-repeat 0;content: " ";position: relative;float: left;margin-top:-2px;}
h4.home-block-2::before {display: block;width: 32px;height: 32px;background: url("/wp-content/themes/dts/img/mail.png") no-repeat 0;content: " ";position: relative;float: left;margin-top:-2px;margin-right:5px;}
h4.home-block-3::before {display: block;width: 32px;height: 32px;background: url("/wp-content/themes/dts/img/marker.png") no-repeat 0;content: " ";position: relative;float: left;margin-top:-2px;}
.logo-header {width: 110px;display: block;}
h4.home-block-1,h4.home-block-2,h4.home-block-3 {margin:25px auto;color:#fff;font-weight:800;font-size:1.2em}
.foogallery-album-gallery-list .foogallery-pile h3 {height:170px!important;position:relative!important;}
.foogallery-pile img {width:100%;height:auto;}
.foogallery-album-gallery-list .foogallery-pile h3 span {display: block;font-size: 0.6em;font-weight: 400;}
.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner:hover {border-color:white!important;}
.home-block-0 {margin-top:-76px;position:relative;z-index:10;}
.home-block-4 h1,.our-works-block-1 h1 {text-align:center;margin:50px 0;}
.home-block-4 h3 {text-decoration:underline;text-decoration-color:#bc9c68;}
.home-block-4 ul {padding-left:20px;}
.our-works-block-1 {background:#000;}
.our-works-block-1 h1 {color:#fff;text-decoration:underline;text-decoration-color:#bc9c68;}
.our-works-block-2 {padding-top:25px;}
.foogallery-album-header {padding-top:25px;}
.foogallery-album-header h2 {text-align:center;padding:25px 0;}
.foogallery {padding-bottom:25px;}
.home-block-9 h3 {text-align:center;padding: 50px 0;font-size:2.5em;margin-bottom:0;}
.home-block-8 h2 {text-align:center;margin:50px 0;}
.foogallery-album-gallery-list.alignment-left {text-align: center!important;}
.our-works-block-2 .foogallery-album-gallery-list .foogallery-pile h3 {background:#000!important;color:#fff!important;opacity:1!important;font-size:1em;padding:20px;align-content: center;display: grid;}
.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner {border: 2px solid #bc9c68!important;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8)!important;}
.foogallery-album-gallery-list .foogallery-pile::before,.foogallery-album-gallery-list .foogallery-pile::after {display:none;}
.form-control {display: block;width: 100%!important;}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {border: none;font-family: inherit;font-size: 20px;line-height: inherit;width: 100%;padding:10px;color: #111;border:2px solid #bc9c68;}
.wp-contact-form {width:200px;height:70px;padding-top:25px;margin-bottom:10px;}
.wpcf7-submit  {border:0!important;padding-left:0!important;padding-right:0!important;background-color:#000;color:#fff!important;font-weight:800;}
.pad-contact-form {padding-top:25px;}
.wpcf7-form textarea {height:100px;padding:10px 0 0 10px;border-bottom:2px solid #bc9c68;}
.wpcf7-list-item-label {font-size:20px;color:#1e5266}
.wpcf7-form-control.wpcf7-submit {border: 2px solid #203171!important;}
.wpcf7-form-control.wpcf7-submit:hover {color:fff!important;background:#bc9c68;border: 2px solid #bc9c68!important;transition:0.1s;}
.wpcf7-form {padding: 50px 100px;}
span.wpcf7-list-item {display: inline-block;margin: 0 0 0 1.4em;}
.home-block-11 {text-align:center;}
#site-footer ul {padding-left:10px;}
#site-footer li {list-style:none;}
.wpcf7-not-valid-tip {position: absolute!important;left: -50px!important;top: 0!important;width: 50px!important;height: 44px!important;padding: 0!important;overflow: hidden;text-indent: -9999px!important;padding: 0;border: none!important;}
div.wpcf7-response-output {margin: 1em 0 0 0;padding: 0.2em 1em;border: 2px solid #111;}
.checkbot .wpcf7-list-item input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.wpcf7-list-item-label {position: absolute;bottom: 0;left: 0;height: 25px;width: 25px;background-color: white;border:2px solid #bc9c68;color:transparent!important;}
/* On mouse-over, add a grey background color */
.checkbot .wpcf7-list-item:hover input ~ .wpcf7-list-item-label { background-color: #203171;}
/* When the checkbox is checked, add a blue background */
.checkbot .wpcf7-list-item input:checked ~ .wpcf7-list-item-label { background-color: #203171;}
/* Create the checkmark/indicator (hidden when not checked) */
.wpcf7-list-item-label:after { content: ""; position: absolute; display: none;}
label span {color:transparent;}
.checkbot .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:after { display: block;}
.checkbot .wpcf7-list-item .wpcf7-list-item-label:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.wpcf7-form-control-wrap {position: relative; margin-right: 5px;margin-bottom:0;}
.wpcf7-form h5 {margin-bottom:50px;text-align: center;font-size: 1.5em;}
.checkbot p {padding-left:50px;}
.dropdown-menu.show {color:#222;text-align:center;}
.dropdown-menu {border:0; border-radius:0;padding: 0;text-align: left;list-style: none;}
.dropdown-menu ul {padding: 0;}
.home-sub-menu a {color:#fff}
.home-sub-menu li { list-style:none; display: initial; padding:0 10px; border-right:1px solid #fff;}
.home-sub-menu ul { padding-left:0; margin-bottom: 0;}
footer.entry-meta {display:none!important;}
.our-works-block-3 h4 {min-height:80px;color:#fff;background-color:#000;margin-bottom:0;padding:15px;}
.our-works-block-3 {padding-bottom:50px;}
.our-works-block-3-1 {border:8px solid #bc9c68;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
overflow: hidden;
line-height: 0;}
.our-works-block-3-1:hover {border:8px solid #fff;}

@media screen and (max-width:320px) {
    
}

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

}

@media screen and (min-width:381px) and (max-width:479px) {

}

@media screen and (min-width:480px) and (max-width:559px) {

}

@media screen and (min-width:560px) and (max-width:767px) {

}

@media screen and (max-width:575px) {
.logo-header {width: 100px;}


}

@media screen and (max-width:479px) {
.foogallery-album-gallery-list li {width: 100% !important;}
}

@media screen and (min-width:480px) and (max-width:575px) {
.foogallery-album-gallery-list li {width: 100% !important;}
}

@media screen and (min-width:576px) and (max-width:767px) {
.foogallery-album-gallery-list li {width: 49% !important;}
}

@media screen and (max-width:767px) {
h4.home-block-1, h4.home-block-2, h4.home-block-3 {font-weight: 500;font-size: 1em;}
.home-block-0 {margin-top:0;}
.wpcf7-form {padding: 50px 0;}
.home-block-11 h4 {font-size:1em;}
h4.home-block-1, h4.home-block-2, h4.home-block-3 {margin:15px auto;}
.home-block-4-1 h3, .home-block-6 h3,.home-block-7 h3,.home-block-8 h3 {background:#000;width: max-content;color:#fff;padding:15px 30px;margin:50px auto 0;font-size:1.2em;}
.our-works-block-2 .foogallery-album-gallery-list .foogallery-pile h3 {background:#000!important;color:#fff!important;opacity:1!important;font-size:1em;padding:15px;}
.logo-header {width: 125px;}
}
 
@media screen and (min-width:768px) and (max-width:991px) {
.home-block-4-1 h3, .home-block-6 h3,.home-block-7 h3,.home-block-8 h3 {background:#000;width: max-content;color:#fff;padding:15px 30px;margin:50px auto 0;font-size:1.2em;}
h4.home-block-1, h4.home-block-2, h4.home-block-3 {font-size:14px;font-weight:400;}
h4.home-block-1::before,h4.home-block-2::before,h4.home-block-3::before {margin-top:-7px}
.home-block-0 {margin-top: -65px;}
.home-block-11 h4 {font-size:1em;}
.wpcf7-form {padding: 15px;}
.foogallery-album-gallery-list li {width: 49% !important;}
}

@media (min-width: 992px) { 
.foogallery-album-gallery-list li {width: 32%!important;}
.b-lg-op-09 {opacity:.9}
.b-lg-op-08 {opacity:.8}
}

@media screen and (min-width:992px) and (max-width:1199px){
.home-block-4-1 h3, .home-block-6 h3,.home-block-7 h3,.home-block-8 h3 {background:#000;width: max-content;color:#fff;padding:15px 30px;margin:50px auto 0;font-size:1.2em;}
h4.home-block-1, h4.home-block-2, h4.home-block-3 {font-weight: 400;font-size: 0.9em;}
}
 
@media screen and (min-width:1200px) {
.home-block-4-1 h3 {background:#000;width: max-content;color:#fff;padding: 20px 100px;margin-top: 50px;margin-left: -50px;}
.home-block-4-1 .h-600, .home-block-6 .h-600,.home-block-7 .h-600,.home-block-8 .h-600 {height:600px!important;}
.home-block-6 h3 {background:#000;width: max-content;color:#fff;padding: 20px 100px;margin-top: 50px;margin-right:-50px;float:right;z-index:10;position:relative;}
.home-block-6 {background-color:#bcbcbc;}
.home-block-7 h3 {background:#000;width: max-content;color:#fff;padding: 20px 100px;margin-top: 50px;margin-left: -50px;}
.home-block-7 {background-color:#bcbcbc;}
.home-block-8 h3 {background:#000;width: max-content;color:#fff;padding: 20px 100px;margin-top: 50px;margin-right:-50px;float:right;z-index:10;position:relative;}

}

@media screen and (min-width:1200px) and (max-width:1439px) {

}

@media screen and (min-width:1366px) and (max-width:1439px) {
    
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    
}

@media screen and (min-width:1600px) and (max-width:1800px) {
    
}

@media screen and (min-width:1600px){

}

@media screen and (min-width:1800px) {

}