/*!
Theme Name:   	DITIS
Theme URI:    	https://ditis.com.ua/nissan
Author:         Ditis
Version:		08.2018
Author URI:     https://ditis.com.ua/
Description:  	Stempol is the perfect theme WooCommerce project. 
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    http://www.nissan-sumy.com.ua/
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic-ext');
body {font-family: 'Open Sans', sans-serif; color: #000;line-height:20px; font-size: 16px;word-wrap: break-word;font-weight:400;}
a {font-family: 'Open Sans', sans-serif; color: #000;line-height: 20px; font-size: 16px;word-wrap: break-word;}
a:focus, a:hover {color: #0090ff;text-decoration:none;}
h1, h2, h3, h4, h5, h5, .h1, .h2, .h3, .h4, .h5, .h6 {color: #033055;font-family: 'Roboto Slab', sans-serif;font-weight:700;font-size:30px;margin-bottom:15px;margin-top:15px;}
.news-cat-single img {text-align:center;}
.news-cat-single-widget h5 {margin-top:0;margin-bottom:0;}
.news-cat-post h4 {margin-top:0;margin-bottom:0;}
h1.header-news-cat {text-align:center;padding:50px;font-size:40px;}
h1.header-spr-cat {text-align:center;padding:50px;font-size:40px;}
h1.header-spr-cat {text-align:center;padding:50px;font-size:40px;}
.news-spr h4 {font-size:20px;margin-bottom:5px;margin-top:5px;}
.spravka-cat {border-bottom:2px solid #2e2e2e;}
.news-spr .date-news-cat {font-size:14px;padding-bottom:5px;}
.news-cat-single h1 {text-align:center;margin:0;padding:50px 0;}
.date-post-cat-news {padding:15px 0;}
.news-cat-single .date__num {padding:15px 0;}
.padding-news-category {padding:25px;}
.row-flex  { display: flex; flex-wrap: wrap; }
.home-portfolio h4 {margin-top:0;margin-bottom:0;padding:20px 0;color:#fff;background:#000;text-align:center!important;font-size: 16px;font-weight:700;}
.home-portfolio a {padding:20px 0;color:#fff;text-align:center!important;font-size: 16px;}
.text-decoration p {color:#fff;font-size:45px;}
.sub-item-img img{padding:0 10px;}
.home-block-1 {z-index: 1;position:relative;}
.header-content {background-color:#003055;height:100px;}
.vertical-align {display: flex;align-items: center;}
.topmenu {height:50px;background-color:#410823;font-size:12px;color:#fff;}
.main-navigation .navbar-default {background: none; border: none; box-shadow: none;}
.main-navigation .navbar-default a {font-family: 'Rubik', sans-serif;color:#fff;}
.main-navigation .navbar-default a:hover {font-family: 'Rubik', sans-serif;color:#fff;}
.navbar-default .navbar-nav > li > a {color:#fff;}
.navbar-default .navbar-nav > li > a:hover {font-family: 'Rubik', sans-serif;color:#fff;}
.navbar {margin-bottom:0;}
.divider_line {margin-bottom:0px;margin-top:0px}
.divider-line-height {line-height:0px;}
.wpcf7-form-control-wrap { display: block; width: 100%!important; padding: 0 0; color: #333; font-size: 18px; background: none !important; border: none; border-radius: 0;} 
.home-news h4 a {font-size:20px;font-weight:700;}
.home-news h4 {height:50px!important;line-height:16px;overflow:hidden;}
.date-news-cat-home {text-align:right;margin-bottom:10px;}
.home-news-more {background-color:#003055!important;float:right;margin-top:10px;color:#fff;}
.home-news-more:hover {background-color:#0090FF!important;float:right;margin-top:10px;color:#fff;}
.home-news-desc {font-size:16px;font-weight:400;}
.wpcf7-form-control {background-color:#fcfcfc; border-color: #003055;color:#333;width:100%;}
placeholder {padding-left:15px;}
.wpcf7-submit {background-color:#003055;height:45px;width:155px;margin-top:20px;color:#fff;width:100%;font-weight: 700;}
.wpcf7-submit:hover, .wpcf7-submit:focus, .wpcf7-submit:active {background-color:#0090ff;height:45px;width:100%;margin-top:20px;color:#fff;border-color:#0090ff;font-weight: 700;}
input.wpcf7-form-control.wpcf7-text {padding: 10px 15px !important;}
input.wpcf7-form-control.wpcf7-multifile {padding: 10px 15px !important;}
.site-footer {background-color:#2e2e2e;padding:20px 0;}
.f-logo img { height: 60px; display: block;}
.site-footer p {color:#bea578;margin:0;}
.site-footer ol,.site-footer ul {padding-left:0px;list-style:none;}
.site-footer li {font-size:16px;font-weight:300;}
.site-footer li a {color:#bea578;}
.site-footer h3.widget-title {font-size:16px;color:#a59672;text-transform:uppercase;font-weight:500;width:100%;margin-top:0;}
.site-footer h3.widget-title::after {content: ""; display: block; left: 0; width: 225px; height: 2px; background-color: #fff; margin-top:15px;} 
.develope {text-align:center;background-color:#003055;padding:25px 0 25px 0;}
.navbar-default .navbar-toggle { border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #0090ff!important; }
.foot-gps { background: url(/wp-content/themes/dts/img/icon-8.png) left center no-repeat; padding-left: 30px; }
.foot-tel { background: url(/wp-content/themes/dts/img/icon-9.png) left center no-repeat; padding-left: 30px; }
.foot-email { background: url(/wp-content/themes/dts/img/icon-10.png) left center no-repeat; padding-left: 30px; }
.header-clock { background: url(/wp-content/themes/dts/img/icon-1.png) left center no-repeat; padding-left: 30px; }
.header-gps { background: url(/wp-content/themes/dts/img/icon-2.png) left center no-repeat; padding-left: 30px; }
.header-tel { background: url(/wp-content/themes/dts/img/icon-3.png) left center no-repeat; padding-left: 30px; }
.header-email { background: url(/wp-content/themes/dts/img/icon-4.png) left center no-repeat; padding-left: 30px;margin: 10px 0; }
.sub-item img {padding: 10px 10px;}
.footer-w-1 {padding-bottom:40px;}
.footer-w-2 {padding-bottom:40px;}
.ac-red {align-items: center; display: flex;}
.white { color: #fff !important;} 
.grey { color: #eee !important;} 
.black { color: #555555 !important;} 
.red { color: #f75353 !important;} 
.green { color: #51d466 !important;} 
.lblue { color: #32c8de !important;} 
.blue { color: #609cec !important;} 
.orange { color: #f78153 !important;} 
.yellow { color: #fcd419 !important;} 
.purple { color: #cb79e6 !important;} 
.rose { color: #ff61e7 !important;} 
.brown { color: #d08166 !important;} 
.bg-white { background-color: #fff !important;} 
.bg-grey { background-color: #eee !important;} 
.bg-black { background-color: #555555 !important;} 
.bg-red { background-color: #f75353 !important;} 
.bg-green { background-color: #51d466 !important;} 
.bg-lblue { background-color: #32c8de !important;} 
.bg-blue { background-color: #609cec !important;} 
.bg-orange { background-color: #f78153 !important;} 
.bg-yellow { background-color: #fcd419 !important;} 
.bg-purple { background-color: #cb79e6 !important;} 
.bg-rose { background-color: #ff61e7 !important;} 
.bg-brown { background-color: #d08166 !important;} 
.br-white { border: 1px solid #fff !important;} 
.br-grey { border: 1px solid #eee;} 
.br-black { border: 1px solid #555555;} 
.br-red { border: 1px solid #f75353;} 
.br-green { border: 1px solid #51d466;} 
.br-lblue { border: 1px solid #32c8de;} 
.br-blue { border: 1px solid #609cec;} 
.br-orange { border: 1px solid #f78153;} 
.br-yellow { border: 1px solid #fcd419;} 
.br-purple { border: 1px solid #cb79e6;} 
.br-rose { border: 1px solid #ff61e7;} 
.br-brown { border: 1px solid #d08166;} 
.btn { border-radius: 2px; position: relative;} 
.btn.btn-no-border { border: 0px !important;} 
.btn.btn-white { background: #fff; color: #666; border: 1px solid #ddd;} 
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white.active, .btn.btn-white:active {	background: #f7f7f7; color: #666;} 
.btn.btn-grey {	background: #eee;	color: #666;	border: 1px solid #d5d5d5;} 
.btn.btn-grey:hover, .btn.btn-grey:focus, .btn.btn-grey.active, .btn.btn-grey:active { background: #d5d5d5; color: #999;} 
.btn.btn-black { color: #fff; background: #666; border: 1px solid #4d4d4d;} 
.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black.active, .btn.btn-black:active { background: #4d4d4d; color: #fff;} 
.btn.btn-red { color: #fff; background: #ed5441; border: 1px solid #e52d16;} 
.btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red.active, .btn.btn-red:active { color: #fff; background: #e52d16;} 
.btn.btn-green { color: #fff; background: #51d466; border: 1px solid #30c247;} 
.btn.btn-green:hover, .btn.btn-green:focus, .btn.btn-green.active, .btn.btn-green:active { background: #30c247; color: #fff;} 
.btn.btn-lblue { color: #fff; background: #32c8de; border: 1px solid #1faabe;} 
.btn.btn-lblue:hover, .btn.btn-lblue:focus, .btn.btn-lblue.active, .btn.btn-lblue:active { background: #1faabe; color: #fff;} 
.btn.btn-blue { color: #fff; background: #609cec; border: 1px solid #3280e7;} 
.btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue.active, .btn.btn-blue:active { background: #3280e7; color: #fff;} 
.btn.btn-orange { color: #fff; background: #f8a841; border: 1px solid #f69110;} 
.btn.btn-orange:hover, .btn.btn-orange:focus, .btn.btn-orange.active, .btn.btn-orange:active { background: #f69110; color: #fff;} 
.btn.btn-yellow { background: #fcd419; color: #fff; border: 1px solid #dfb803;} 
.btn.btn-yellow:hover, .btn.btn-yellow:focus, .btn.btn-yellow.active, .btn.btn-yellow:active { background: #dfb803; color: #fff;} 
.btn.btn-purple { background: #cb79e6; color: #fff; border: 1px solid #ba4ede;} 
.btn.btn-purple:hover, .btn.btn-purple:focus, .btn.btn-purple.active, .btn.btn-purple:active { background: #ba4ede; color: #fff;} 
.btn.btn-rose { background: #ff61e7; color: #fff; border: 1px solid #ff2edf;} 
.btn.btn-rose:hover, .btn.btn-rose:focus, .btn.btn-rose.active, .btn.btn-rose:active { background: #ff2edf; color: #fff;} 
.btn.btn-brown { background: #d08166; color: #fff; border: 1px solid #c4613f;} 
.btn.btn-brown:hover, .btn.btn-brown:focus, .btn.btn-brown.active, .btn.btn-brown:active { background: #c4613f; color: #fff;} 
.label { border-radius: 2px; font-weight: normal; padding: 3px 7px; font-size: 12px; line-height: 18px;} 
.label.label-xs { font-size: 10px; padding: 1px 5px; line-height: 12px;} 
.label.label-sm { font-size: 11px; padding: 2px 6px; line-height: 15px;} 
.label.label-lg { font-size: 13px; padding: 5px 9px; line-height: 23px;} 
.label.label-white{ color: #666 !important; background: #f7f7f7;} 
.label.label-grey { color: #666 !important; background: #eee;} 
.label.label-black { color: #fff; background: #666;} 
.label.label-red { color: #fff; background: #ed5441;} 
.label.label-green { color: #fff; background: #51d466;} 
.label.label-lblue { color: #fff; background: #32c8de;} 
.label.label-blue { color: #fff; background: #609cec;} 
.label.label-orange { color: #fff; background: #f8a841;} 
.label.label-yellow { background: #fcd419; color: #fff;} 
.label.label-purple { background: #cb79e6; color: #fff;} 
.label.label-rose { background: #ff61e7; color: #fff;} 
.label.label-brown { background: #d08166; color: #fff;} 
.badge { min-width: 10px; padding: 3px 7px !important; font-size: 12px; line-height: 12px; font-weight: normal; display: inline-block; color: #fff; border-radius: 10px;} 
.badge.badge-white { color: #666; background: #fff;} 
.badge.badge-grey { color: #a2a2a2; background: #eee;} 
.badge.badge-black { color: #fff; background: #666;} 
.badge.badge-red { color: #fff; background: #ed5441;} 
.badge.badge-green { color: #fff; background: #51d466;} 
.badge.badge-lblue { color: #fff; background: #32c8de;} 
.badge.badge-blue { color: #fff; background: #609cec;} 
.badge.badge-orange { color: #fff; background: #f8a841;} 
.badge.badge-yellow { color: #fff; background: #fcd419;} 
.badge.badge-purple { color: #fff; background: #cb79e6;} 
.badge.badge-rose { color: #fff; background: #ff61e7;} 
.badge.badge-brown { color: #fff; background: #d08166;} 
.btn .badge { position: absolute; top: -13px; right: -8px;} 
.ui-249{ margin:50px 0px;} 
.ui-249 .item{ max-width:320px; margin:20px auto; text-align:center;} 
.ui-249 .item .icon{ position:relative;} 
.ui-249 .item .icon a i{ display:inline-block; width:60px; height:60px; line-height:60px; color:#fff; border-radius:100%; font-size:25px; font-weight: 700;} 
.ui-249 .item .details{ background:#fff; position:relative; margin-top:20px; padding:15px; border-radius:5px; border:1px solid #e7e7e7; box-shadow:2px 2px 0px 1px rgba(0,0,0,0.07);} 
.ui-249 .item .details:after, 
.ui-249 .item .details:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} 
.ui-249 .item .details:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 9px; margin-left: -9px;} 
.ui-249 .item .details:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 10px; margin-left: -10px;} 
.ui-249 .item .details h3{ font-size:14px; line-height:18px; text-transform:uppercase; min-height: 50px;} 
.ui-249 .item .details p{ font-size:12px; line-height:25px; color:#999;} 
.ui-249 h3, .ui-249 .h3 {font-weight:700;}

    img.centered { display: block; margin-left: auto; margin-right: auto; }
    img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
    img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
    .alignright { float: right; }
    .alignleft { float: left; }
	 

.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.centered {display: block;margin-left: auto;margin-right: auto;}
.aligncentered {display: block;margin-left: auto;margin-right: auto;}
.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}