body {
	/*background: #fff url("../images/ptor.png") no-repeat center top;*/
	background: #fff;
}


.section1 {
	background: #fff url("../images/ptor/sec1.jpg") no-repeat center 23px;
}
nav.top ul li.active::before, #mainMenu li.current_page_item::before {
    width: 175px;
    transform: translateX(11px);
}

.section2 {
    /* min-height: 628px; */
    /*background: #fbfbfb url(../images/sec2.png) no-repeat center top;
    border-bottom: 1px solid #bec2c3;*/
}


.section3 {
    min-height: auto;
    	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(246,246,246,1) 14%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 180px, rgba(246,246,246,1) 180px);
    border-bottom: 1px solid #eee;
    padding-bottom: 6%;
}

.sec3-sqrs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1248px;
    margin: 38px auto 0;
}

.sec3-sqr-column-3 {
    flex-basis: 352px;
   
}

.sec3-sqr-column-2 {
    flex-basis: 550px;
}

.sec3-sqr-column-1 {
    flex-basis: 100%;
}

.sec3-sqr-column-3, .front, .back {
    display: flex;
}


/*.back .faqSqrText div { margin: auto; width: 78%; font-size: 18px; }*/
.flip-container {/* perspective: 1000px; */transform-style: preserve-3d;}
.flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); }
.flip-container, .front, .back {display: flex;}
.flipper { transition: all 0.6s ease 0s; transform-style: preserve-3d; position: relative; }
.front, .back {backface-visibility: hidden;position: absolute;top: 0px;left: 0px;right: 0;}
.front {z-index: 2;transform: rotateY(0deg);}
.back { transform: rotateY(180deg); }
.containerCard {flex-grow: 1;height: 242px;border-radius: 0;/* font-size: 36px; */text-align: center;/* line-height: 1; */margin: 1.5% 1% 0;/* font-weight: 400; */}
.card {
	border-radius: 0;height: 242px;width: 100%;transition: transform 1s ease 0s;transform-style: preserve-3d;box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    /* box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; */
}
.card.flipped, .card:hover { transform: rotateY(180deg); }
.card figure {/* display: table; *//* color: white; *//* text-align: center; *//* font-size: 22px; *//* line-height: 1.3; */backface-visibility: hidden;}
.card .front {background: #e9fbff url("../images/ptor/card_arr.png") no-repeat 5% center;height: 242px;border-radius: 0px;display: flex;align-items: center;justify-content: center;padding: 0 8%;color: #3089c0;font-size: 29.12px;font-weight: 700;line-height: 1.3;}
.card .back {font-size: 18px;letter-spacing: -0.6px;line-height: 1.2;display: flex;align-items: center;justify-content: center;height: 242px;background: #FFA900;/* border: 1px solid #CCCCCC; */transform: rotateY(180deg);border-radius: 0px;padding: 5px 5%;color: #fff;}



.card .back:focus{ 
	transform: rotateY(0deg);
    z-index: 9;
}

.sec3-sqrs .sec3-sqr-column-3:nth-child(1), .sec3-sqrs .sec3-sqr-column-3:nth-child(2), .sec3-sqrs .sec3-sqr-column-3:nth-child(3){
	margin-top: 0;
}

.answer-icons {
    text-align: center;
    margin: 3% auto 0;
    background: #fff;
    padding: 1% 2%;
    border-radius: 33px;
}

.answer-icons img, .answer-icons-resp img{
	width: 100%
}

.answer-icons-resp {
    margin: 5% auto 0;
    width: 380px;
}

.sec3-boxes-resp{ display: none; }


.sec3-boxes-resp {
    margin: 5% auto 0;
    max-width: 1200px;
}

.form-box {
	padding-bottom: 1px;
    min-height: 78px;
    border-radius: 22px;
    /* border: 2px solid #4d5692; */
    background: #e9fbff;
    margin-top: 1%;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: rgba(100, 100, 111, 40%) 0px 7px 29px 0px;
}

.form-box:first-of-type{
    margin-top: 0px;
}

.forms-table-row-body {
    font-size: 34px;
    font-weight: 900;
    /* color: #2f357d; */
    color: #3089c0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 81%;
    margin: auto;
    padding: 9px 0;
    letter-spacing: -0.2px;
}

.forms-table-td-name {
    /* border-left: 1px solid #bbbdbf; */
    min-height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100%;
    background: #e9fbff url(../images/ptor/card_arr.png) no-repeat 0% center;
}

.forms-table-td-time {
    border-left: 1px solid #bbbdbf;
    min-height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 190px;
}

.forms-table-td-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 148px;
}

.forms-table-td-button button {
    font-size: 18px;
    font-weight: 700;
    background: url(../images/forms/btn_open.png) no-repeat left center;
    padding-left: 39px;
}

.forms-table-td-button button.close {
    background: url("../images/forms/btn_close.png") no-repeat left center;
}

.form-table-open {
    font-size: 22px;
    /* color: red; */
    font-weight: 500;
}


.form-open-text {
    width: 81%;
    margin: 0 auto 3%;
    /* margin: 1px; */
    line-height: 1.55;
    color: #333;
}

.form-open-buttons {
    margin: 63px auto 0;
    width: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

a.forms-table-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    width: 204px;
    border-radius: 26px;
    border: 1px solid #2d357d;
    border: 1px solid var(--dark-blue);
    color: #2d357d;
    color: var(--dark-blue);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 28px;
}

.form-open-one-button a.forms-table-btn{
    width: 100%;
}


body.white-theme .card .front, body.white-theme .card .back{
	background: #eee;
	color: #000;
	border: 1px solid #000;
}

body.dark-theme .card .front, body.dark-theme .card .back{
	background: #333;
	color: #fff;
	border: 1px solid #fff;
}


@media (max-width: 1200px) {
	.sec2-titles {
    	padding-right: 1.5%;
	}
	
	 .sec3-sqrs .sec3-sqr-column-3:nth-child(3) {
		margin-top: 1.5%;
	}
	
	.section1 {
		background-position: 71% 42px;
	}

}


@media (max-width: 1020px) {
	.sec3-sqrs{display: none;}
	
	.sec3-boxes-resp{display: block;}
	
	.forms-table-row-body {
		font-size: 28px;
		width: 82%;
		line-height: 1.1;
		font-weight: 700;
	}
}



@media (max-width: 780px) {
	.sec2-title {
		font-size: 50px;
		text-align: center;
		margin: 4% auto 0;
	}
	
	.sec2-titles-sep {
		margin: 9px auto 0;
	}
	
	 .sec3-sqrs .sec3-sqr-column-3:nth-child(2) {
		margin-top: 1.5%;
	}

	
	.card .back, .card .front, .card, .containerCard{
		height: 180px;
	}
	
	.card .front {
		padding: 0 10%;
		font-size: 26px;
		line-height: 1.2;
	}
	
	.section1 {
		background-position: 66% 42px;
	}
	
	.forms-table-row-body {
		font-size: 24px;
		width: 86%;
	}
	
	.form-table-open {
		font-size: 20px;
	}
	
	.form-open-text {
		width: 86%;
		margin: 0 auto 6%;
		line-height: 1.3;
	}
}


@media (max-width: 480px) {
	.containerCard {
    	margin: 3.5% 0% 0;
	}
	
	.sec3-sqrs .sec3-sqr-column-3:nth-child(2), .sec3-sqrs .sec3-sqr-column-3:nth-child(3) {
		margin-top: 3.5%;
	}
	
	.card .front {
		padding: 0 10%;
		font-size: 22px;
		line-height: 1.3;
	}
	
	.card .back {
		font-size: 19px;
		letter-spacing: -0.3px;
		line-height: 1.1;
	}
	
	.form-box {
		min-height: 60px;
		border-radius: 16px;
		margin-top: 3%;
		box-shadow: rgba(100, 100, 111, 40%) 0px 7px 19px 0px;
		background: #e9fbff url(../images/ptor/card_arr.png) no-repeat 4% 32px;
	}
	
	.forms-table-row-body {
		font-size: 20px;
		padding: 2% 0;
		width: 82%;
		letter-spacing: 0;
		font-weight: 700;
	}
	
	.form-table-open {
		font-size: 18px;
	}
	
	.form-open-text {
		width: 82%;
		margin: 0 auto 6%;
	}
	
	.forms-table-td-name{ background: none;}
	
	.forms-table-row-body{
		
	}
	
	.answer-icons-resp {
		margin: 10% auto 0;
		width: auto;
	}
	
}























