@media (max-width: 992px) {
    #sp-header {margin-top: 40px; margin-bottom: 25px;}
    #sp-breadcrumb {margin-top: 40px; font-size: 12px!important;}
}   

@media ((min-width: 992px) and (max-width: 1400px)){
    #sp-header {
        margin-left: -20px!important;
        margin-right: 120px!important;
        }

    .sp-megamenu-parent > li > a, 
    .sp-megamenu-parent > li > span {padding: 0 5px;}    
}


@media ((min-width: 992px) and (max-width: 1200px)) {
    #sp-breadcrumb {padding-top: 60px!important;}
}
#sp-breadcrumb {
	text-transform: uppercase;
	font-size: 14px;}

#sp-bottom4 .button  {
	color: #003C7E;
	text-transform: uppercase;
	background: #86a9cb!important;
}
#sp-bottom4 .button:hover  {
	background: #C17500!important;
	color: #E0AF65;
	border: 1px solid #E0AF65;
}

/*--------------- классі для контактов в Botton1 --------------*/
.ibk_bot1_fa_icons {color: #C17500; font-size: 16px;}
.ibk_bot1_accent {color: #E0AF65; font-size: 12px;}

/*--------------- кнопки на портфолио -------------*/
.sp-simpleportfolio.sp-simpleportfolio-item.sp-simpleportfolio-btns a:hover {
        background: #C17500!important;
        border-color:#C17500
}

/*-------------- Настройка вида материалла  ----------------*/
.social-share-icon {display: none;}


/*--------------- Настройка блока картинок - услуг ---------------------*/
.ibk-serviceblock-title {
	font-size: 22px;
	font-weight: 600;
	color: #C17513;
	text-align: center;
	padding-top: 40px;
	text-transform: uppercase;
}
.ibk-service-main {
	width: 100%;
	text-align: center;
}
.ibk-service-title {
	font-size: 18px;
	font-weight: 600;

	color: #003C7E;
	text-transform: uppercase;
}
.ibk-service-block:hover span {color:#C17513;}
.ibk-service-block img {
	transition: filter .3s ease-in-out;
	margin-left: auto;
	margin-right: auto;
}
.ibk-service-block img:hover {
	-webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	filter: grayscale(70%);
}
/* --------- Рамка вращение ---------- */
.ramka-5 img {padding: 20px;}
.ramka-5 {    
	position: relative;
	z-index: 0;
    max-width: 390px;
    max-height: 240px;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto', sans-serif;     
}

.ramka-5:hover {
    position: relative;
    z-index: 0;
    max-width: 390px;
    max-height: 240px;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto', sans-serif;     
}
.ramka-5:hover::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #BFE2FF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#c17513,#e7c290), linear-gradient(#86a9cb,#071a2c), linear-gradient(#e7c290,#c17513), linear-gradient(#071a2c, #86a9cb);
    animation: anim-ramka-5 14s linear infinite;
}
.ramka-5:hover::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: white;
    border-radius: 5px;
}
@keyframes anim-ramka-5 {
    100% {
        transform: rotate(1turn);
    }
}

/* --------------  Название услуг подчеркивание  ------------------  */

.ibk-service-block a{
display: inline-block;
position: relative;
text-decoration: none;
}

.ibk-service-block a::before{
display: block;
position: absolute;
content: "";
height: 2px;
width: 0;
background-color: #003C7E;
transition: width .5s ease-in-out, left .5s ease-in-out;
left: 50%;
bottom: 0;
}

.ibk-service-block a::after{
display: block;
position: absolute;
content: "";
height: 2px;
width: 0;
background-color: #003C7E;
transition: width .5s ease-in-out;
left: 50%;
bottom: 0;
}

.ibk-service-block a:hover::before{ width: 50%; left: 0;}
.ibk-service-block a:hover::after{ width: 50%;}

/* ------------- Настройка блока новостей на главной  ------------------ */

#sp-position7 h3, #sp-position8 h3 {
	font-size: 22px;
	padding-bottom: 40px;
	font-weight: 600;
	color: #C17513;
	text-align: center;
	padding-top: 40px;
	text-transform: uppercase;
}

/*---------------- Настройка модуля новин  ----------------*/
h4 {font-size: 16px!important;}
.ibk-news-module {margin-top: -160px;}
.ibk-news-module .mfp_carousel_title a {
    color: #003C7E!important; 
    font-size: 12px!important; 
    text-align: center;
    font-weight: 500!important;
    margin-top: 20px;
}
.ibk-news-module .mfp_carousel_title a:hover {color: #C17513!important;}
/*.ibk-news-module .mfp_carousel_title  a {color: red!important;} */

/*----------  Карусель отзывов ---------------*/
.cway-mini-testimonials .mfp_block_title {display: none!important;}
.cway-mini-testimonials .mfp_carousel_item img {border-radius: 50%;}


@media (max-width: 767px) {.cway-mini-testimonials .mfp_carousel_item img {padding: 0px 110px!important; }}
@media ((min-width: 768px) and (max-width: 1024px)) {
.cway-mini-testimonials .mfp_carousel_item img {padding: 0px 90px!important; }
}
@media ((min-width: 1025px) and (max-width: 1200px)) {
.cway-mini-testimonials .mfp_carousel_item img {padding: 0px 90px!important; }
}
@media (min-width: 1201px) {
.cway-mini-testimonials .mfp_carousel_item img {padding: 0px 150px!important; }
}

.cway-mini-testimonials .mfp_carousel_title a {
    color: #003C7E!important; 
    font-size: 20px!important; 
    text-align: center;
    font-weight: 500!important;
    margin-top: 20px;
}
.cway-mini-testimonials .mfp_carousel_title a:hover {color: #C17513!important;}
.cway-mini-testimonials .mfp_carousel_title  {
    color: white!important; 
    font-size: 20px; 
    font-weight: 500!important; 
    text-align: center;
   
}
.cway-mini-testimonials .mfp_carousel_introtext {text-indent: 10px;font-size: 14px!important; color: #222; text-align: center;padding: 0px 40px!important}

.cway-mini-testimonials {padding-bottom: 80px;}
#sp-testimonials .mfp_cat a {color: #078787; }
#sp-testimonials .mfp_cat a:hover {color: #E37111; }
#sp-testimonials .mfp_cat {text-align: center!important;padding-bottom: 25px;}
.mfp_carousel_item a:hover {color: #E37111;}

/*----------------- БЛОГ ОТЗЫВОВ --------------*/
.ibk-testimonials-page .page-header h1 {
    color: #C17513;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 40px;
    margin-top: -50px;
}


/*

.blogcway-testimonials-blog-page .page-header { position: relative;}
.blogcway-testimonials-blog-page .page-header h1 {
    color: #078787; 
    text-transform: uppercase; 
    font-size: 24px; 
    font-weight: 600;
    padding-bottom: 30px;
}
.blogcway-testimonials-blog-page .page-header::before {
    content: "";
  position: absolute;
  left: 7%;
  bottom: 45px;
  width: 180px;
  height: 5px;
  transform: skew(-12deg) translateX(-50%);
  background: #E37111;
}

.cway-testimonials-blog-page .page-header h1 {
    position: relative;
    color: #078787; 
    text-transform: uppercase; 
    font-size: 24px; 
    font-weight: 600;
    padding-bottom: 30px;
}
.cway-testimonials-blog-page .page-header h1::before {
    content: "";
  position: absolute;
  left: 7%;
  bottom: 25px;
  width: 180px;
  height: 5px;
  transform: skew(-12deg) translateX(-50%);
  background: #E37111;
}
*/

/*---------------- блок преимущеста -------------*/
.ibk-benefits-modtitle{
    font-size: 22px;
    font-weight: 600;
    color: #C17513;
    text-align: center;
    padding: 40px 0px;
    text-transform: uppercase;
}

.ibk-benefits-img {
    width: 200px;
    height: 200px;
    margin-left: auto; margin-right: auto;
    background-image: url('../images/ibk-warranty1-200.png');
    transition: .5s ease-in-out;
}
.ibk-benefits-img:hover {
    background-image: url('../images/ibk-warranty1-active-200.png');
    transition:  .5s ease-in-out;
}

.ibk-15-img {
    width: 200px;
    height: 200px;
    margin-left: auto; margin-right: auto;
    background-image: url('../images/ibk-time-200.png');
        transition: .5s ease-in-out;
}
.ibk-15-img:hover {
    background-image: url('../images/ibk-time-active1-200.png');
    transition:  .5s ease-in-out;
}

.ibk-docs-img {
    width: 200px;
    height: 200px;
    margin-left: auto; margin-right: auto;
    background-image: url('../images/ibk-docs2-200.png');
        transition: .5s ease-in-out;
}
.ibk-docs-img:hover {
    background-image: url('../images/ibk-docs2-active-200.png');
    transition:  .5s ease-in-out;
}

.ibk-money-img {
    width: 200px;
    height: 200px;
    margin-left: auto; margin-right: auto;
    background-image: url('../images/ibk-money1-200.png');
    transition: .5s ease-in-out;
}
.ibk-money-img:hover {
    background-image: url('../images/ibk-money-active1-200.png');
    transition:  .5s ease-in-out;
}
/*
.ibk-money-img:hover {
    background-image: url('../images/ibk-docs-active-200.pngg');
    transition:  .5s ease-in-out;
}
*/

@media (max-width: 991px){
.ibk-benefits-img, .ibk-15-img, .ibk-docs-img, .ibk-money-img {
    width: 150px; 
    height: 150px;
    background-size: 100%;
}
}

.ibk-benefits-title {
    text-transform: uppercase;
    padding-top: 20px;
    color: #003C7E;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.ibk-benefits-title:hover {color: #C17513;}

.ibk-benefits-desc {
    color: #222;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

/*Модальное окно блока преимуществ*/
.ibk-modal .modal-content {
    background: #86a9cb;
    border: 1px solid #003C7E;
    box-shadow: 5px 5px 10px rgba(7,26,44, 0.6);
}
 .ibk-modal .modal-title{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #C17513 ;
 }

 /*---------------- Вводный текст на главной -------------*/
 .ibk-descmain-mod {
    padding-top: 40px;
    color: #222;
    font-size: 18px;
    text-indent: 30px;
 }

 /*--------------- Убираем другие статьи в страницах сайта ----------------*/
.ibk-article-sitepage .related-article-list-container {display: none;}
.ibk-article-sitepage #sp-component {margin-top: -120px;}

                                                                                       

/*--------------- Контактна форма в контактах ---------------- */
.ibk-contact-form {margin-bottom: 60px;}
.ibk-contact-form-title {margin-bottom: -60px;}
.rapid_contact_form input {background: #86a9cb;}
.rapid_contact_form textarea {background: #86a9cb;}
.ibk-contact-form .button {background: #003C7E;}
.ibk-contact-form .button:hover {background: #C17513; border: 1px solid #E7c290;}

/*------------- страницы услуг --------------*/
.ibk-service-pages #sp-component{margin-top: -120px;}
.ibk-service-pages  .related-article-list-container {display: none;}
.ibk-service-pages #sp-component {text-indent: 20px}

/*-------------- Portfolio страничка ---------*/
.ibk-project-page-title {margin-bottom: -60px;}
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li {padding-bottom: 10px;}
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a {
    display: block;
    padding: 5px 10px;
    background: #eee;
    border: 1px solid #86a9cb;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a:hover{
    background: #86a9cb;
}

/*------------- Сираничка контактов --------------*/
.ibk_contacts {font-size: 14px;}
.ibk_contacts_fa_icons {color: #C17513; font-size: 18px;}
.ibk_contacts_accent {color: #003C7E;}
.ibk_contacts_accent a {color: #222;}
.ibk_contacts_accent a:hover {color: #C17513}
.ibk_contacts_phone a {padding-left: 6em;}


/*-------------- Модуль вызов электрика ----------------*/
.ibk-electrician-block {
    margin-top: 120px;
}
.ibk-electrician-img-mod {}
.ibk-electrician-txt-mod a:hover {color:#C17513;}

/*-------------- Форма обратного звонка -----------*/
#wjcallback-modal .wjcallbackform {background: none!important;} /*цвет обракмления всплывающего окна*/
#wjcallback-modal.show {background-color:rgba(134, 169, 203, 0.6)!important;} /*цвет общего фона экрана*/
#wjcallback-modal .form-validate {background-color: #C17513!important;border-radius: 5px; text-align: center!important;} /*цвет фона окна*/
#wjcallback-modal .form-validate .informtext {color: #E7c290!important;text-align: center;font-size: 14px!important;} /* цвет вводного текста */
#wjcallback-modal .modal-footer button {color: #003C7E; background: #57a7e8!important;border: 1px solid #003C7E;}
#wjcallback-modal .modal-footer button:hover {color: #57a7e8  ; background: #0D2D4B!important;}
#wjcallback-modal .modal-header h2 {color: #E7c290!important;}  /*цвет заголовка всплывающего окна*/
.modal-header .close {
    font-size: 36px; 
    font-weight: 600; 
    color: #3d2613!important; 
    border: none!important; 
    background: none!important;
}
.modal-header .close:hover {color: #E7c290!important;}

/*------------------- Страничка прайсов ---------------*/
.ibk-prices .related-article-list-container {display: none;}
.ibk-prices .article-info .modified {
    padding-top: 40px;
    font-style: italic;
    color: #003C7E;
}

.ibk-price-img-mod {margin-bottom: -60px;}


/*------------------- Изображения для прайсов --------------*/

.ramka-6 img {padding: 20px; border-radius: 10px!important;}
.ramka-6 {    
    position: relative;
    z-index: 0;
    max-width: 320px;
    max-height: 320px;
    border-radius: 10px;
    overflow: hidden;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto', sans-serif;     
}

.ramka-6:hover {
    position: relative;
    z-index: 0;
    max-width: 320px;
    max-height: 320px;
    border-radius: 10px;
    overflow: hidden;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;  
    font-size: 24px;
    font-family: 'Roboto', sans-serif;     
}
.ramka-6:hover::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #BFE2FF;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#c17513,#e7c290), linear-gradient(#86a9cb,#071a2c), linear-gradient(#e7c290,#c17513), linear-gradient(#071a2c, #86a9cb);
    animation: anim-ramka-5 14s linear infinite;
}
.ramka-6:hover::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: white;
    border-radius: 5px;
}
@keyframes anim-ramka-6 {
    100% {
        transform: rotate(1turn);
    }
}

/*------------------- Доп настройки слайдера ------------*/
@media (max-width: 576px){
.ibk-main-slide-title *{
    font-size: 36px!important;
    padding-top: 20px;
    text-align: center!important;
}
.ibk-main-slide-text {
    font-size: 12px!important;
    margin-bottom: 15px!important;
}
}
#sp-top2 a {font-size: 16px!important;color: #003C7E;}
#sp-top2 a:hover {color: #86a9cb;}
#sp-top2 span {color: #C17513;}