@charset "utf-8";

/*
~  *********************************************************************
~  
~  RuBizFAQ 2.0 - Адаптивный CSS3 аккордеон FAQ для любого сайта
~  
~  WEB:  https://sergeychunkevich.com/RuBizFAQ
~  
~  ---------------------------------------------------------------------
~  
~  SergeyChunkevich.com - Эффективные Инструменты Для Бизнеса в Интернет
~  
~  *********************************************************************
*/


/* БАЗОВЫЕ НАСТРОЙКИ
-----------------------------------------------------*/

#RuBizFAQ *,
#RuBizFAQ *:after,
#RuBizFAQ *:before {
	padding: 0;
    box-sizing: border-box;
	font: Open Sans 16px!important;
}

#RuBizFAQ {
    max-width: 960px; /* width: 100% !important; */
    margin: 0 auto;
    padding: 10px 0;
}


/* ДИЗАЙН
-----------------------------------------------------*/

.rbfaq-headline,
.rbfaq-under-headline {
    text-align: center;
    color: #111;
}


/* заголовок */

.rbfaq-headline {
    font-size: 36px;
    margin: 10px 0 5px 0 !important;
    letter-spacing: 0px;
    font-weight: 300;
}

@media (max-width: 768px) {
	.rbfaq-headline {
		font-size: 26px;
	}
}

@media (max-width: 480px) {
	.rbfaq-headline {
		font-size: 22px;
	}
}


/* подзаголовок */

.rbfaq-under-headline {
    font-size: 1.2em;
    font-weight: 300;
    margin: 0 0 15px 0 !important;
}

@media (max-width: 768px) {
	.rbfaq-under-headline {
		font-size: 1.2em;
		margin: 0 0 10px 0 !important;
	}
}

@media (max-width: 480px) {
	.rbfaq-under-headline {
		font-size: 1em;
		margin: 0 0 10px 0 !important;
	}
}


/* аккордеон */

.rbfaq-content {
	background: #fdfdfd;
    text-align: left;
    -webkit-perspective: 900;
            perspective: 900;
    padding: 0;
    margin: 0;
}
    
	.rbfaq-content .rbfaq-item  {margin:1px 0;}
	.rbfaq-content .rbfaq-item input[type=checkbox] {
	    position: absolute;
	    cursor: pointer;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    opacity: 0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
		.rbfaq-content .rbfaq-item input[type=checkbox]:checked ~ .rbfaq-item-content {
		    margin-top: 0;
		    max-height: 0;
		    opacity: 0;
		    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		    -webkit-transform: translate(0, 50%);
		            transform: translate(0, 50%);
		}


/* стрелка */

.rbfaq-item i {
    position: absolute;
    -webkit-transform: translate(-6px, 0);
            transform: translate(-6px, 0);
    top: 13px;
    right: 10px;
    z-index: 1;
}
	.rbfaq-item i:before,
	.rbfaq-item i:after {
	    content: "";
	    position: absolute;
	    background-color: #111;
	    width: 3px;
	    height: 9px;
	    -webkit-transition: all 0.25s ease-in-out;
                transition: all 0.25s ease-in-out;
	}
	.rbfaq-item i:before {
		-webkit-transform: translate(-2px, 0) rotate(45deg);
		        transform: translate(-2px, 0) rotate(45deg);
    }
	.rbfaq-item i:after {
		-webkit-transform: translate(2px, 0) rotate(-45deg);
		        transform: translate(2px, 0) rotate(-45deg);
	}
	
.rbfaq-item input[type=checkbox]:checked ~ i:before {
    -webkit-transform: translate(2px, 0) rotate(45deg);
            transform: translate(2px, 0) rotate(45deg);
}

.rbfaq-item input[type=checkbox]:checked ~ i:after {
    -webkit-transform: translate(-2px, 0) rotate(-45deg);
            transform: translate(-2px, 0) rotate(-45deg);
}


/* вопрос */

.rbfaq-item-headline {
    background: #e4e4e4;
    color: #111;
    font-size: 1.2em;
    padding: 12px 25px 12px 15px !important;
    font-weight: normal;
    letter-spacing: 0px;
    display: block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.rbfaq-content .rbfaq-item input[type=checkbox]:checked ~ .rbfaq-item-headline {
    background: #f4f4f4;
}

.rbfaq-content .rbfaq-item input[type=checkbox]:hover ~ .rbfaq-item-headline {
    background: #e4e4e4;
}

@media (max-width: 768px) {
	.rbfaq-item-headline {
		font-size: 1em;
	}
}

@media (max-width: 480px) {
	.rbfaq-item-headline {
		font-size: 0.9em;
	}
}


/* ответ */

.rbfaq-item-content {
	color: #111;
    font-size: 1em;
    letter-spacing: 0px;
    max-height: 5000px;
    position: relative;
    overflow: hidden;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    z-index: 2;
    -webkit-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
}

@media (max-width: 768px) {
	.rbfaq-item-content {
		font-size: 0.9em;
	}
}

@media (max-width: 480px) {
	.rbfaq-item-content {
		font-size: 0.8em;
	}
}


/* отступы для ответа */

.rbfaq-item-content-area {
	padding: 15px !important;
}


/* отступы для каждого абзаца в ответе */

.rbfaq-item-content-area p {
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
}


/* ВИДЕО */

.rbfaq-video-area {
    background: none;
    width: 100%;
    position: relative;
    padding-bottom: 56.5% !important;
    padding-top: 25px !important;
    height: 0;
    margin: 10px 0 !important;
}
    .rbfaq-video-area iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
        border: none;
    }


/* КАРТИНКА */

.rbfaq-item-content .r-img {
	width: 100% !important;
	height: auto !important;
}

@media (max-width: 480px) {
	.rbfaq-item-content img {
		width: 100% !important;
		height: auto !important;
	}
}


/* ССЫЛКА */

#RuBizFAQ a {
    color: !important;
    font-weight: ;
}
	#RuBizFAQ a:hover {
	    color: !important;
	}


/* СПИСОК */

.rbfaq-item ul {
	margin: 0 40px !important;
	list-style-type: disc;
}
	.rbfaq-item ul li {
		padding: 0 0 10px 0 !important;
	}

/* 1 элемент: вопрос + ответ */

.rbfaq-content .rbfaq-item {
    position: relative;
    border-top: 1px dotted #ffffff;
}


/* анимация каждого элемента */

.rbfaq-content .rbfaq-item {
    -webkit-animation: flipdown 0.5s ease both;
            animation: flipdown 0.5s ease both;
}

@-webkit-keyframes flipdown {
    0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
    5% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    80% { -webkit-transform: rotateX(8deg); transform: rotateX(8deg); }
    83% { -webkit-transform: rotateX(6deg); transform: rotateX(6deg); }
    92% { -webkit-transform: rotateX(-3deg); transform: rotateX(-3deg); }
    100% { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}

@keyframes flipdown {
    0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
    5% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    80% { -webkit-transform: rotateX(8deg); transform: rotateX(8deg); }
    83% { -webkit-transform: rotateX(6deg); transform: rotateX(6deg); }
    92% { -webkit-transform: rotateX(-3deg); transform: rotateX(-3deg); }
    100% { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}

.rbfaq-content .rbfaq-item:nth-of-type(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(2) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(3) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.rbfaq-content .rbfaq-item:nth-of-type(4) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(5) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(6) { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(7) { -webkit-animation-delay: 2s; animation-delay: 2s; }
.rbfaq-content .rbfaq-item:nth-of-type(8) { -webkit-animation-delay: 2.25s; animation-delay: 2.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(9) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(10) { -webkit-animation-delay: 2.75s; animation-delay: 2.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(11) { -webkit-animation-delay: 3s; animation-delay: 3s; }
.rbfaq-content .rbfaq-item:nth-of-type(12) { -webkit-animation-delay: 3.25s; animation-delay: 3.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(13) { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(14) { -webkit-animation-delay: 3.75s; animation-delay: 3.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(15) { -webkit-animation-delay: 4s; animation-delay: 4s; }
.rbfaq-content .rbfaq-item:nth-of-type(16) { -webkit-animation-delay: 4.25s; animation-delay: 4.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(17) { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(18) { -webkit-animation-delay: 4.75s; animation-delay: 4.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(19) { -webkit-animation-delay: 5s; animation-delay: 5s; }
.rbfaq-content .rbfaq-item:nth-of-type(20) { -webkit-animation-delay: 5.25s; animation-delay: 5.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(21) { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(22) { -webkit-animation-delay: 5.75s; animation-delay: 5.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(23) { -webkit-animation-delay: 6s; animation-delay: 6s; }
.rbfaq-content .rbfaq-item:nth-of-type(24) { -webkit-animation-delay: 6.25s; animation-delay: 6.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(25) { -webkit-animation-delay: 6.5s; animation-delay: 6.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(26) { -webkit-animation-delay: 6.75s; animation-delay: 6.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(27) { -webkit-animation-delay: 7s; animation-delay: 7s; }
.rbfaq-content .rbfaq-item:nth-of-type(28) { -webkit-animation-delay: 7.25s; animation-delay: 7.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(29) { -webkit-animation-delay: 7.5s; animation-delay: 7.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(30) { -webkit-animation-delay: 7.75s; animation-delay: 7.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(31) { -webkit-animation-delay: 8s; animation-delay: 8s; }
.rbfaq-content .rbfaq-item:nth-of-type(32) { -webkit-animation-delay: 8.25s; animation-delay: 8.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(33) { -webkit-animation-delay: 8.5s; animation-delay: 8.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(34) { -webkit-animation-delay: 8.75s; animation-delay: 8.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(35) { -webkit-animation-delay: 9s; animation-delay: 9s; }
.rbfaq-content .rbfaq-item:nth-of-type(36) { -webkit-animation-delay: 9.25s; animation-delay: 9.25s; }
.rbfaq-content .rbfaq-item:nth-of-type(37) { -webkit-animation-delay: 9.5s; animation-delay: 9.5s; }
.rbfaq-content .rbfaq-item:nth-of-type(38) { -webkit-animation-delay: 9.75s; animation-delay: 9.75s; }
.rbfaq-content .rbfaq-item:nth-of-type(39) { -webkit-animation-delay: 10s; animation-delay: 10s; }
.rbfaq-content .rbfaq-item:nth-of-type(40) { -webkit-animation-delay: 10.25s; animation-delay: 10.25s; }

.rbfaq-content .rbfaq-item:last-of-type { padding-bottom: 0; }