body {font-family: 'Fira Sans', sans-serif !important}
h2 {font-size: 1.5rem;}


.offcanvas-menu .offcanvas-inner ul.menu li.active ul li.item-109 a {
  font-weight: 600;
  font-size: 18px;
  display: inherit;
  color: #000 !important;
  margin-bottom: 0px;
  }
.offcanvas-menu .offcanvas-inner ul.menu > li.item-121 a 	{
  color: #fff;
  opacity: 1;
  display: block;
  text-align: center;
  margin-top: 10px !important;  
}
.offcanvas-menu .soc-icons {text-align:center;}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
  color: #7271b6;
}

.offcanvas-menu .offcanvas-inner
{
  padding: 20px;
}




.blog h2 {min-height:55px;}
#sp-header.header-sticky {
    background: #000c;
    height: 60px;
    z-index: 999 !important;
}

.sp-megamenu-parent .sp-mega-group > li > a {
  text-transform: inherit;
  font-size: 14px;
  font-weight: 400;
}

#sp-title {position: relative;}

.offcanvas-menu .d-flex.align-items-center.p-3.pt-4 {background: #000;}

.design-title {position: absolute; 
  bottom: 0px;
  z-index: 11;
  width: 100%;
  }

#rating-block img{
display: inline-block;
margin-right: 2px;
}
  
  
.burger-icon > span {  
background-color: #fff;
}

#sp-top-bar a {color:#fff;}

.sp-megamenu-parent > li >a, .sp-megamenu-parent > li > span {
    text-shadow: 1px 1px 3px #000;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 17px;
    color: #fff;
    transition: all 0.3s linear;
}

.sp-megamenu-parent .sp-mega-group > li > a.raz, .raz {
color: #000;  
font-weight: 600;
font-size: 18px; 
display: inherit;
}

.raz {
margin-bottom:10px;	
}

.sp-megamenu-parent .sp-mega-group > li:hover a {
color: #4c489d;}

#sp-left .sp-module, #sp-right .sp-module {
  padding: 20px;
}
  
#sp-right .sp-module ul > li > a {padding: 0px 10px;}
#sp-right .item-109 {display:none !important;}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title
{
  margin: 0 0 10px;
}


#sp-right .menu li.current a{
background: #4c489d;
  color: #fff;
  padding: 0px 10px;
  border-radius: 5px;	
}
#sp-right .item-122.menu-divider {
padding-top: 20px;
}

/*#sp-right .raz, #sp-right .item-109.menu-divider{display:none;}*/

.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #fff;
  text-decoration: underline;
}

.sp-megamenu-parent .sp-mega-group > li:hover a { 
  text-decoration: underline;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  text-decoration: underline;
}

.homepage #sp-footer-2
{margin-top: -100px;}


.texthome {
background-image: url("/images/design/text-home-fon-1.webp");
  background-repeat: no-repeat;
  background-position: bottom;
  padding-top: 170px;
}

#mod-custom136{
  background-size: 90%;
  background-position: right bottom;
}

.soc-icons a {font-size: 30px;
  padding-right: 7px;
  color: #7a77bd;}
  
#mod-custom131 {padding: 100px 0px 40px 0px;}

/*.footer-menu li {list-style: none;}*/

.footer-menu li {
padding-left: 7px;
}
  
.footer-menu li::marker {
  content: "\f061";
  font-family: FontAwesome;
  font-size: 14px;
  color: #717171;
}

ul.footer-menu {
  padding-left: 0rem;  
}



.footer-top .heading {padding-bottom: 10px;
  font-size: 20px;}

.btn.btn-primary.formsub{
background-color: #459771;
 color: #ffffff;	
 
}

.btn.btn-primary {
 padding: 10px 30px;
 background-color: transparent;
 color: #7371b3; 
 margin-right: 15px;margin-bottom: 20px;
}

.btn.btn-primary:hover {
 background-color: #7371b3;
 color: #ffffff;
}
 
  
.b-btn-form {
    background-color: #459771;
    color: #fff;
    line-height: 32px !important;
    padding: 0 15px !important;
    border-radius: 6px;
}
.breadcrumb, #sp-top2 {
    text-shadow: 1px 1px 3px #000;
}

.sp-contact-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  font-size: 20px;
}

.sp-contact-info .sp-contact-time {
    order: 1;   
    position: relative;
  
}

.sp-contact-info .sp-contact-phone {
    order: 2;
   
}
.blognews .article-intro-image {
  position: relative;
  overflow: hidden;
  width: auto;
  height: 300px;
}

.blognews .article-intro-image img {
  min-height: 250px;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) !important;
  width: 100%;
  height: 300px;
}

blockquote {background: #deeeff;
  padding: 20px;
  border-radius: 10px;
  border-left: 4px solid #c83947;
  }

/*
.tophomeslider::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.6;
    display: block;
    height: 300px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 20%, rgba(255,255,255,0) 100%);
}
*/

#sp-main-body {
  padding: 50px 0;
}

.transhover {transition: all 0.3s linear;}
.transhover:hover {transition: all 0.3s linear;}

.article-list .article, .mod-articlesnews-horizontal li {
  box-shadow: -1px 9px 10px -10px #000;
  border: 1px solid #e8e8e8;
  position: relative;
}

.article-list .article .tags {
  position: absolute;
  top: 20px;
right: 20px;
}

.tags > li a {
  background: rgba(0, 0, 0, 0.62);
  color: #fff;
  font-size: 12px;
}
.tags > li a.a-yes {
background: rgba(210, 3, 3, 0.62);
}



#sp-right .menu .menu-child li {margin-left: 13px;}

#sp-header {
    box-shadow: none;
    margin-bottom: -132px;
}
#sp-header, #sp-top-bar {
    background-color: transparent;
    color: #fff;
    position: relative;
    z-index: 999;
}

.sp-page-title {
    padding: 150px 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 400px;
    position: relative;
}

.sp-page-title .container {z-index: 20;position: relative;}

.sp-page-title::before {
    content: '';
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: linear-gradient(0deg, transparent, rgb(0 0 0 / 52%) 50%);
    top: 0px;
}

.breadcrumb .float-start {padding-right: 10px;}

.article-list .article-introtext {font-size: 15px;}

ul.fields-container {padding-left: 0rem;
/*position: absolute;
  top: 300px;
  right: 20px;*/
}

.article-details .article-feature-gallery {
  float: left;
  width: 50%;
  margin-right: 30px;
  border: 1px solid #f3f3f3;
  padding: 10px;
  border-radius: 3px;
}

.fields-container li {
	list-style: none;
  font-size: 18px;
  text-align: right;
  font-weight: 600;
  background: #459771;
  padding: 8px;
  display: initial;
  border-radius: 7px;
  color: #fff;
}

.article-details .fields-container .field-entry {display:none;}

.readmore {
  background: #fff49b;
  padding: 8px;
  text-align: center;
  border-radius: 5px;
  transition: all 0.3s linear;
}

.readmore:hover {
  background: #c3f487;  
  transition: all 0.3s linear;
}

.readmore a {display: block;}

.article-list .article:hover img {
transform: translateX(3px) scale(1.05);
transition: all 300ms ease-in;
  }

.article-list .article img {transition: all 300ms ease-in;}

.article-introtext p, .mod-articlesnews__item > p, .mod-articlesnews-horizontal li > p {
  overflow: hidden;
  /*display: -webkit-box;
  -webkit-line-clamp: 3;*/
  -webkit-box-orient: vertical;
  height: 5.8em;
}

.ba-forms-lightbox-row i {  
padding: 20px 35px !important;
}

.fz-12 {font-size:12px;}

#sp-right .sp-module-title { 
text-align: left;
}

.sp-module-title {    
    font-size: 32px;
    margin-bottom: 50px;
    text-align: center;
}

.mod-articlesnews-horizontal h3, .mod-articlesnews-horizontal h2 
{
	font-size: 22px;
	
}


.mod-articlesnews-horizontal li {
margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #f5f5f5;
  border-radius: 6px; 
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px;    
  overflow: hidden;
  min-height: 650px;

}
.mod-articlesnews-horizontal .newsflash-image {
    order: 1;
    margin: -20px -20px 20px;
	border-radius: 3px 3px 0 0;
}

.newsflash-title {
order: 2;
}
.mod-articlesnews-horizontal li > p {
	order: 3;
}

.mod-articlesnews-horizontal li .readmore {
    order: 4;
}

.mod-articlesnews-horizontal {
    display: flex;
    align-items: start;
    margin-left: -10px;
    margin-right: -10px;
}


.faq .accordion-button {
font-size: 20px;
}

/*----------blocks----------*/

.wide-60 {
    padding-top: 100px;
    padding-bottom: 60px;
}

.section-title {
    text-align: center;
}
.mb-60 {
    margin-bottom: 60px;
}
.section-title p {
    color: #888;
    padding: 0 15%;
    margin: 15px 0 0;
}

.pbox-1-wrapper .step, .pbox-2-wrapper .step {
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 500;
    display: inline-block;
    padding: 7px 20px;
    margin: 0 auto 35px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);*/
}

.white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
    color: #fff;
}

.pbox-2 {
    padding: 50px 20px;
    margin: 0 5px 40px;
}
.pbox-1, .pbox-2 {
    background-color: #fff;
    border: 1px solid transparent;
    padding: 60px 15px;
    margin: 0 10px 40px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-box-shadow: 0 12px 32px 0 rgba(0, 35, 70, .12);
    -moz-box-shadow: 0 12px 32px 0 rgba(0, 35, 70, .12);
    box-shadow: 0 12px 32px 0 rgba(0, 35, 70, .12);
	min-height: 360px;
}

.pbox-1:hover, .pbox-2:hover, .pbox-3:hover, .bg-lightcyan .pbox-3:hover, .bg-lightgrey .pbox-3:hover {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

#step-3 .pbox-1::after, #step-4 .pbox-2::after {
    border-bottom: none;
}

.img-80 {
    width: 80px;
    height: 80px;
}

.pbox-1 h5, .pbox-2 h6 {
    margin-top: 25px;
    margin-bottom: 12px;
}
h6.h6-lg {
    font-size: 1.1875rem;
}

.pbox-1 p, .pbox-2 p {
    line-height: 1.35;
    margin-bottom: 0;
	font-size: 15px;
  font-weight: 300;
}

.pbox-2 img {margin: 0 auto;}
.grey-color, .grey-color h2, .grey-color h3, .grey-color h4, .grey-color h5, .grey-color h6, .grey-color p, .grey-color a, .grey-color li, .grey-color i, .grey-color span, .white-color .grey-color {
    color: #757575;
}

.step {position: relative;}

.pbox-1::after, .pbox-2::after {
    content: "";
    width: 9%;
    position: absolute;
    border-bottom: 2px dashed #999;
    top: 50%;
    left: 100%;
    transform: translateX(-50%);
}


.sbox-3-ico, .sbox-4-ico, .sbox-5-ico, .sbox-9-ico {
  float: left;
  padding-right: 20px;
}


.sbox-3 {padding: 10px 0px;}
.pt-60  {padding-top:60px;}
.pt-80  {padding-top:80px;}
.pb-60  {padding-bottom:60px;}
.pb-80  {padding-bottom:80px;}
.ptpb-80 {padding: 80px 0px;}

#sp-right .pad0 {padding: 0px;border: 0px;}


#sp-right .mod-articlesnews__item {padding-bottom: 50px;}
#sp-right .mod-articlesnews__item h2 {font-size: 20px;}

.fullw .mod-custom{
  padding: 100px 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;  
  position: relative;
}

.sp-scroll-up {
  left: 30px;
}

/*.homepage .sp-module {padding: 80px 0px;}*/

.homepage .mod-articlesnews {
    display: flex;
    align-items: start;
    margin-left: -10px;
    margin-right: -10px;
	
}

.homepage .mod-articlesnews__item {

    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 6px 0px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #f5f5f5;
   width: 100%;
	/*min-height:585px;*/
	
}
.newsflash-title {
    order: 2;
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
}

.homepage .mod-articlesnews__item > .newsflash-image {
    order: 1;
    margin: -20px -20px 20px;
}
.homepage .mod-articlesnews__item > p {
    order: 3;
    font-size: 15px;
    margin-top: 10px;
}

 .homepage .mod-articlesnews__item > .readmore {
    order: 4;
}

/*-----MEDIA add----*/
.calc-fff {
background: #ffffffc7;
  border-radius: 5px;
}
  
  
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*==============*/
.article-details.blog .article-full-image img {
height: 250px;
width: 100%;
object-fit: cover;
object-position: 0px;
}

.faq .accordion-button
{
  font-size: 16px;
}

.sp-contact-info  {
font-size: 17px;
}

#mod-custom131
{  
  background-size: cover;
  padding: 10px;
}


.article-list .row > * {
	padding-left:0px;
	padding-right:0px;
}


.mod-articlesnews-horizontal li { 
  margin-left: 0px;
  margin-right: 0px;
}

.ptpb-80  {padding:40px 0px;}

.texthome {
  padding-top: 70px;
}
#mod-custom136 h2, #mod-custom136 p {padding: 0px 20px}
#mod-custom136 h2 {padding-top: 20px}

.article-details .article-feature-gallery
{
  float: left;
  width: 100%;
}
.sp-page-title {height: 300px;}



     /*==============*/
}/* End */



/* Small devices (landscape phones, 576px and up) */
  /*==============*/
@media (min-width: 576px) and (max-width: 767.98px) {
      /*==============*/
  
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
{
    max-width: 95% !important;
  }
  


      /*==============*/
}/* End */
  /*==============*/
@media (max-width: 767.98px) {

    /*==============*/
.homepage .mod-articlesnews__item {
margin-bottom: 20px;
}

.homepage .mod-articlesnews {
flex-direction: column;
}
	
.article-details.blog .article-full-image img {
height: 350px;
  width: 100%;
  object-fit: cover;
  object-position: 0px;
}
 
  
      /*==============*/
}/* End */


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

    /*==============*/
.homepage .mod-articlesnews {
    align-items: flex-start;
    flex-direction: initial;
    flex-wrap: wrap;
}	
 .article-details.blog .article-full-image img {
height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 0px -160px;
} 

.homepage .mod-articlesnews__item {
    margin-bottom: 20px;
    width: calc(100% / 2 - 20px);
} 





      /*==============*/
}/* End */


@media (max-width: 991.98px) { 
      /*==============*/

  
      /*==============*/
}/* End */


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
   /*==============*/
 
 .article-details.blog .article-full-image img {
height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 0px -160px;
} 

    /*==============*/
}/* End */


@media (max-width: 1199.98px) {
      /*==============*/
  

  
  

  
      /*==============*//
}/* End */


@media (min-width: 1199.98px) and (max-width: 1260px) { 

    /*==============*/
  

  
      /*==============*/
}/* End */





/* Big (over desktops, 1200px and up) */
@media (min-width: 1200px) {      

/*==============*/
 

 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
{
    max-width: 80% !important;
  }

  
      /*==============*/
}/* End */


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

    /*==============*/
	
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 95% !important;
  }


  
      /*==============*/
}/* End */



/* Big (over desktops, 1460px and up) */
@media (max-width: 1460px) {      

/*==============*/
 


  
      /*==============*/
}/* End */



/* Big (over desktops, > 2000 px and up) */
@media (min-width: 2000px) {      

/*==============*/
 

 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 70%;
  }

  
      /*==============*/
}/* End

/*-----MEDIA END-----*/