﻿/*body {
	background: #fff url("../images/question.jpg") no-repeat center top;
}*/

.section1 {
    height: 964px;
	background: url("../images/question/question_sec1.jpg") no-repeat center top;
}

a.sec1-bottom-arr {
    margin: 400px auto 0;
}

.sec1Texts {
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin: 14px auto 0;
    letter-spacing: 0.3px;
}

.sec1Btn {
    margin: 31px auto 0;
}


.section2 {
    height: auto;
    background: #142b45 url(../images/question/question_sec2.png) no-repeat center top;
    padding-bottom: 5%;
}

.sec2Titles {
    margin-top: 384px;
    margin-right: 70px;
    float: right;
}
.sec2Title{
	color: #fff;
}
.sec2Sep {
	margin-top: 26px;
}

.sec2Left {
    width: 47.0%;
    margin-top: 50px;
}

/*#accordion {
    display: block;
    margin: auto;
    margin-top: 85px;
    width: 85%;
}*/

.accordContainer {
    margin: auto;
    width: 85%;
    padding-top: 26px;
    padding-right: 32px;
    color: #fff;
}

.accordTitle {
    font-size: 16px;
    line-height: 1.8;
	text-align: justify;
}
.accordText {
    font-size: 16px;
    margin-top: 13px;
    font-weight: 300;
    line-height: 1.4;
}
.accordContainer p {
    margin-top: 25px;
}
.ui-accordion .ui-accordion-header {
    font-weight: 400;
    font-size: 16px;
    /* font-family: "Open Sans Hebrew", sans-serif; */
    /* background: #e4edf1; */
    color: #fff;
    min-height: 80px;
    padding-right: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #fff;
    letter-spacing: 0.5px;
    cursor: pointer;
    line-height: 4;
}

.ui-accordion .ui-accordion-header:last-of-type{
	border-bottom: 1px solid #fff;
}
.ui-state-default {
	border: 0;
}
.ui-accordion-content{
	background: rgba(0, 0, 0, 0.2);
}
.ui-accordion-header-icon {
    width: 23px;
    height: 24px;
    margin-left: 51px;
}
.ui-icon-triangle-1-e {
    background: url(../images/plus.png) no-repeat center;
}
.ui-icon-triangle-1-s{
	background: url(../images/minus.png) no-repeat center;
}

.accordContainer p a{
    text-decoration: underline;
}
.accordContainer p a:hover{
    text-decoration: none;
}


body.white-theme .section2{ background: #fff; }
body.white-theme .ui-accordion .ui-accordion-header { color: #000;}

@media (max-width: 1340px){
	

	.section2 {
		height: auto;
		padding-bottom: 15%;
		background-size: cover;
	}
	
	.sec2Titles {
		margin-top: 15%;
		margin-right: 10%;
	}
	
	.sec2Left {
		width: 60%;
		margin-top: 15%;
	}
	h1 {
    	margin: 10% auto 0;
	}
	.sec2Title {
		width: 202px;
	}
}



@media (max-width: 1060px) {
	
	.sec2Titles {
		float: none;
	}
	
	.sec2Title {
		width: auto;
	}
	
	.sec2Left {
		width: 80%;
		margin: 5% auto 0;
		float: none;
	}
	.sec2Sep {
		margin-top: 5%;
	}
	
	h1 {
		margin: 5% auto 0;
	}
	
	.ui-accordion .ui-accordion-header {
		line-height: 1.4;
	}
}


@media (max-width: 740px) {
	.sec2Titles {
		margin-right: 5%;
	}
	.sec2Sep {
		margin-top: 8%;
	}
	.sec2Left {
		width: 90%;
		margin: 8% auto 0;
	}
	
}



@media (max-width: 680px) {
	h1 {
		font-size: 6.4vw;
		line-height: 1.25;
	}

	.section1 {
		height: auto;
		background-size: cover;
		padding-bottom: 78%;
	}
}


@media (max-width: 480px) {
	h1 {
    	text-align: center;
		font-size: 6.2vw;
		margin-top: 7%;
	}
	
	.sec1Btn {
		margin: 4% auto 0;
	}
	
	.section1 {
		padding-bottom: 98%;
	}
	
	.sec2Titles {
		margin-top: 25%;
		margin-right: 2%;
		width: auto;
	}
	
	.sec2Sep {
		margin-top: 5%;
	}
	
	.sec2Left {
		width: 94%;
		margin: 20% auto 0;
	}
	
	.ui-accordion-header-icon {
		margin-left: 12px;
	}
	
	.accordContainer {
		margin: auto;
		width: 88%;
		padding-top: 8%;
		padding-right: 0;
	}
	.section2 {
		background: #142b45 url("../images/course/question_sec2_480.png") no-repeat right top;
		height: auto;
		padding-bottom: 35%;
		background-size: auto;
	}
	
}


@media (max-width: 380px) {
	.sec2Titles {
		width: 68%;
	}
	
	
}



















