@import url('commen/commen.css');
@import url('commen/main.css');
@import url('commen/header.css');
@import url('commen/nav.css');
@import url('commen/slider.css');
@import url('commen/advs.css');
@import url('commen/twitter.css');
@import url('commen/footer.css');

/*fqa container*/
.fqa_container {
    display: table;
    position: relative;
    width: 880px;
    height: auto;
    min-height:100px;
    padding: 0px 0px 20px 0px;
    float: right;
}

    .fqa_container p {
        display: block;
        position: relative;
        width: 100%;
        height: 20px;
        font-size: 18px;
        color: rgba(140,43,74,1);
        text-align: right;
        line-height: 20px;
        padding: 0px 0px 0px 0px;
        margin: 25px 0px 15px 0px;
        float: right;
    }


    .fqa_container p:before {
        content:"";
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        margin: 0px 0px 0px 10px;
        background:url(../img/question.svg) no-repeat;
        background-size:contain;
        float: right;
    }


    .fqa_container span {
        display: table;
        position: relative;
        width: 100%;
        height: 20px;
        font-size: 16px;
        color: rgba(50,50,50,1);
        text-align: justify;
        line-height: 24px;
        padding: 15px 20px;
        margin: 0px 0px 10px 0px;
        border-radius: 5px;
        border: solid 1px rgba(245,245,245,1);
        background: url(../img/course_other_bg.jpg) center center no-repeat;
        background-size: cover;
        direction: rtl;
        overflow: hidden;
        float: right;
    }


    .fqa_container span em {
		display:inline-block;
		width:100%;
        font-style:normal;
		color:rgba(0,0,0,1);
		margin:0px 0px 20px 0px;
    }
	
	    .fqa_container span i {
			display:inline-block;
		width:100%;
        font-style:normal;
		color: rgba(50,50,50,1);
		margin:0px 0px 10px 0px;
    }



/* custom style-----------------*/

.radius {
    border-radius: 5px;
}

/*-- media query --*/
@media only screen and (max-width: 1200px) {

    .fqa_container {
        width: 70%;
    }
}

@media only screen and (max-width: 1000px) {

    .fqa_container {
        width: 100%;
    }

    .twitter_container > div.title {
        margin: 0px 0px 0px 0px;
    }

    .fqa_container span {
        margin: 0px 0px 0px 0px;

    }

}

@media only screen and (max-width: 750px) {

    .fqa_container {
        display: table;
        min-height: 100%;
        overflow: hidden;
    }

}