/*!
Theme Name: Vatanov
Author: Bonum Studio
Author URI: https://bonum-studio.com
Description: Custom theme: Vatanov, developed by Bonum Studio
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vatanov


*/
/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
 body, .sp-preloader {
  background-color: #fff;
  color: #252525;
}
.sp-preloader > div {
  background: #0345bf;
}
.sp-preloader > div:after {
  background: #fff;
}
#sp-top-bar {
  background: #333;
  color: #aaa;
}
#sp-top-bar a {
  color: #aaa;
}
#sp-header {
  background: #fff;
}
a {
  color: #0345bf;
}
a:hover, a:focus, a:active {
  color: #044cd0;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(3, 69, 191, 0.1);
  color: #0345bf;
}
.tags > li a:hover {
  background: #044cd0;
}
.article-social-share .social-share-icon ul li a {
  color: #252525;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #0345bf;
}
.pager > li a {
  border: 1px solid #ededed;
  color: #252525;
}
.sp-megamenu-parent > li > a {
  color: #252525;
}
.sp-megamenu-parent > li:hover > a {
  color: #0345bf;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #0345bf;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #0345bf;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #0345bf;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #252525;
}
#offcanvas-toggler > .fa {
  color: #252525;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #0345bf;
}
.offcanvas-menu {
  background-color: #fff;
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #0345bf;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: rgba(37, 37, 37, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: rgba(37, 37, 37, 0.8);
}
.btn-primary, .sppb-btn-primary {
  border-color: #0345bf;
  background-color: #0345bf;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #044cd0;
  background-color: #044cd0;
}
ul.social-icons > li a:hover {
  color: #0345bf;
}
.sp-page-title {
  background: #0345bf;
}
.layout-boxed .body-innerwrapper {
  background: #fff;
}
.sp-module ul > li > a {
  color: #252525;
}
.sp-module ul > li > a:hover {
  color: #0345bf;
}
.sp-module .latestnews > div > a {
  color: #252525;
}
.sp-module .latestnews > div > a:hover {
  color: #0345bf;
}
.sp-module .tagscloud .tag-name:hover {
  background: #0345bf;
}
.search .btn-toolbar button {
  background: #0345bf;
}
#sp-footer, #sp-bottom {
  background: #171717;
  color: #fff;
}
#sp-footer a, #sp-bottom a {
  color: #a2a2a2;
}
#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
  color: #fff;
}
#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: #fff;
}
.sp-comingsoon body {
  background-color: #0345bf;
}
.pagination > li > a, .pagination > li > span {
  color: #252525;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #252525;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #0345bf;
  background-color: #0345bf;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #0345bf;
  background-color: #0345bf;
}
.error-code, .coming-soon-number {
  color: #0345bf;
}

#sp-header{
  background:linear-gradient(45deg, #1de099, #1dc8cd);
}

.sp-megamenu-parent > li > a {
  font-size:16px;
  color:white;
}
.sp-megamenu-parent > li {
  position: relative;
  overflow-x: hidden;
}
.sp-megamenu-parent > li > a:hover{
  color: #FFF;
}
.sp-megamenu-parent > li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: -100%;
  background: #fff;
  transition: all 0.3s ease;
}
.sp-megamenu-parent > li:hover:before{
  left:0;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  font-weight:700;
  color:white;
}
.callMeBack{

}
.callMeBack .cmbf-field-container{

	float:left;
	width: 100%;

}

.callMeBack .cmbf-form-class legend{
	color:white;
	text-align: center;
}
.callMeBack .cmbf-form-class legend span{
	display:none;
}
.callMeBack .cmbf-form-class input[type="text"]{
	padding: 14px 12px 14px 45px;
}

.callMeBack .cmbf-form-class input[type="submit"]{
	background: white;
	color: #1dc8cd;
	text-shadow: none;
	font-size: 20px;
	font-family: inherit;
	font-weight: 500;
}

.callMeBack .cmbf-form-class input[type="submit"]:hover{
	background: #1de099;
	color: white;
}
.callMeBack .cmbf-button-container .cmbf-button{
	background: red;
}
#sp-footer, #sp-bottom , #sp-top-bar{
  background:#1A535C;
  color:white;
}


.services.sppb-img-responsive img{
margin-left:0;
  margin-right:0;
  background:red;
}
.services img{
  margin-left:0;
  margin-right:0;
  width:64px;
  height:64px;
}
.services{
  height: 100%;
}

.cmbf-success{
  COLOR:WHITE;
  TEXT-ALIGN:CENTER;
}




.servicesItself h4{
  font-weight:600;
  cursor:pointer;
}
.servicesItself h5{
  font-weight:600;
 	text-align:left;
  padding-bottom:10px;
  color:#1dc8cd;
}







.servicesItselfOdd h4{
  font-weight:600;
  cursor:pointer;
}
.servicesItselfOdd h5{
  font-weight:600;
 	text-align:left;
  padding-bottom:10px;
  color:#35535B;
}






.serviceAccordion .sppb-panel-faq{
  font-weight:500;
  color:#35535B;

  font-size:24px;
}
.serviceAccordion .sppb-panel-heading:hover{
  background:#f1f1f1;
  color:#1de099;
}

.serviceAccordion .sppb-panel-title{
  color:#35535;
  font-size: 18px;
  font-weight:400;
}

.serviceAccordion  > .sppb-toggle-direction{color:#35535;}


.serviceAccordion .active {
  background: #1A535C;

}
.serviceAccordion .active:hover {
  background: #1A535C;
  color:white;
}
.serviceAccordion .active > .sppb-panel-title{
	color:white;
	text-transform: uppercase;
	font-weight: 700;

}



.serviceAccordion .active > .sppb-toggle-direction{color:white;}


.langSwitcher{
   display: inline-block;
  line-height: 60px;

}
.langSwitcher ul{
  vertical-align: middle;
}

.langSwitcher ul > li >  a{
  font-size:18px;
  color:white;
  font-weight: 700
}
.langSwitcher ul > li >  a:hover{
  font-weight:700;
  color:white;
}
 @media (max-width : 992px) {
 
.offcanvas-menu{
  background: #1A535C;
}
.offcanvas-menu ul > li a {
  color: #ffffff;
  font-weight: 600;

}
.offcanvas-menu ul li {
  border-bottom: 1px solid white;


  width: 150px;
  line-height: 60px;


}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span{
  color: #fff;
  border-bottom:1px solid white;
}
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgba(0,166,177,0.1);
  cursor:pointer;
}
.table td{
  padding-left: 40px;
}

.table thead{
  font-weight: bold;
}
.table thead td{
  border-top:none;
}

p.additionalInfo{
  font-size: 12px;
  color: #999;
}

.price{
  font-weight: 600;
  color: #005059;
}


/* BLOG */
.article{
  position: relative;
}
.article-header{
  text-align: center;
}
.article-header h2 a{
  color:#005059 !important;
  transition: all 0.3s ease;
}
.article-header h2 a:hover{
  color:#00a6b1 !important;
}
.article-introtext{
  /* position: absolute;
  left:0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,166,177,0.7);
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: all 0.3s ease;
  opacity: 0; */
}
.article-introtext p{
  font-size: 18px;
  text-align: center;
}
.article:hover {
  box-shadow: 0 3px 5px #eee;
}

.personColumn{
  position: sticky !important;
  position: -webkit-sticky;
  top:0;

}



/***********************************/
/* SelectBox for language*/

.mod-languages form{
  position: relative;
  padding-right: 40px;
}



.advancedSelect{
 background: rgba(29,200,205,0.001) !important;
 background: transparent;
  border:0px !important;
  outline: 0px !important;
  color: #fff !important;
  outline: none !important;
  -webkit-appearance:button !important;
  appearance: button !important;
  -moz-appearance:button !important;
}
.advancedSelect option{
  background: #FFF !important;
  color: #005059 !important;
  font-weight: 500 !important;
}

.leftimg {
float:left; /* Вирівнювання по лівому краю */
margin: 15px 30px 15px 0; /* Відступи навколо картинки */
}
.rightimg {
float: right; /* Вирівнювання по правому краю */
margin: 0 15px 15px 30px; /* Відступи навколо картинки */
}

#text-about ul {
  list-style: disc !important;
}

#text-about ul li:after {
  display: none !important;
}

#text-about ul li::marker {
 color: #72B1BA !important;
}

#sp-main-body #text-about h3 {
    color: #3f5c65 !important;
    font-size: 30px !important;
}