@charset "utf-8";
/* CSS Document */
html { background-color: #f0f3f5; }
.clear { display: block; clear: both; height: 0; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.text-center { text-align: center; }
.inner { width: 100%; min-width: 320px; max-width: 970px; margin: 0 auto; }
.ads_right { width: 160px; margin-left: 225px; position: fixed; float: left; margin-bottom: 20px; padding: 12px; border-radius: 14px; background-color: #fff;}
/* .ads_right { right: 50%; margin-right: -600px; margin-bottom: 20px; padding: 12px; border-radius: 14px; background-color: #fff;} */


#container { width: 100%; margin: 0 auto; font: 14px 'Open Sans', sans-serif; font-weight: 400; color: #111; }
#container img { vertical-align:bottom; }

#header { height: 78px; background-color: #484850; position: fixed; top: 0; left: 0; right: 0; z-index: 101; }
#header .lSide { float: left; width: 132px; padding-top: 20px; }
#header .lSide a.logo { display: inline-block; width: 117px; height: 41px; background: url(../img/logo-header.png) no-repeat;  }
#header .rSide { width: 100%; padding-top: 14px; }
#header .content { margin-left: 132px; text-align: center; }
.top-header .buttons { position: static; float: right; padding-top: 2px; padding-left: 20px; }
.top-header .buttons a { display: inline-block; margin-left: 6px; padding: 2px 12px; border-radius: 6px; font-size: 19px; text-decoration: none; color: #fff; }
.top-header .buttons a.black { background-color: #25211a; }
.top-header .buttons a.green { background-color: #a5af00; }
#header .search { display: inline-block; height: 48px; max-width: 45%; padding: 0 12px; vertical-align: top; border-radius: 14px; background-color: #fff; margin: 0 12px 0px; }
#header .search .lft { float: left; width: 100%; }
#header .search .rht { float: left; width: 40px; margin-left: -40px; }
#header .search .cnt { margin: 0 52px 0 6px; }
#header .search input.txt { float: left; width: 100%; min-width: 310px; margin: 0; padding: 0; box-sizing: border-box; border: none; background-color: transparent; font: 19px 'Open Sans', sans-serif; font-weight: 400; line-height: 46px; color: #a8a8a8 !important; }
#header .search input.btn { display: block; float: right; width: 40px; height: 40px; margin: 4px 0 0; border: none; background: transparent url(../img/bt-search.png) center center no-repeat; cursor: pointer; }
#header.main { height: auto; padding-top: 12px; background-repeat: repeat-x; text-align: center; }
#header.main a.logo { display: block; width: 506px; height: 227px; margin: 0 auto 12px; background: url('../img/logo-header-main.png') center center no-repeat; }
#header.main .buttons { right: 12px; top: 18px; }
#header.main .relative { position: relative; }
#header.main .relative .arrow { position: absolute; right: 95px; top: -112px; width: 237px; height: 113px; background: url(../img/bg-arrow.png) no-repeat; }

#wrapper { padding-top: 75px; }

#lSide { float: left; width: 100%; }
#rSide { float: left; width: 210px; margin-left: -305px; }
#rSide .block { margin-bottom: 20px; padding: 13px; border-radius: 14px; background-color: #fff; position: fixed; width: 195px; }
#rSide .blockads { margin-bottom: 10px; padding: 12px; border-radius: 14px; text-align: center; }
#rSide .block img { max-width: 100%; margin-bottom: 11px; }
#rSide .block .caption { margin-bottom: 12px; padding: 4px 12px; border-radius: 7px; background-color: #a5af00; color: #fff; }
#rSide .block .caption:last-child { margin-bottom: 0; }
#rSide .block a.question { display: block; padding: 4px 12px; border-radius: 7px; background: #a5af00 url(../img/bt-rSide-question.png) right center no-repeat; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #fff; }
#lSide .block a.question { color: #fff !important; max-width: 205px; display: block; padding: 4px 12px; border-radius: 7px; background: #a5af00; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #fff; }
#lSide .block a.question:hover { background-color: #8a9204; }
#rSide .block a.more { display: block; padding: 4px 12px; border-radius: 7px; background: #ddd url(../img/bt-rSide-more.png) right center no-repeat; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #777; }
#rSide .questions .element { padding: 0 4px 12px; }
#rSide .questions .element p.title { font-size: 13px; font-weight: 700; color: #a6a6a6; }
#rSide .questions .element p.title span { font-weight: normal; }
#rSide .questions .element a { font-weight: 700; color: #111; }
#rSide .categories { margin-bottom: 4px; }
#rSide .categories li { padding: 0 4px; }
#rSide .categories li img { padding-left: 12px; vertical-align: top; }
#rSide .categories li a { text-decoration: none; color: #111; }

#content { margin-right: 320px; }

#content .block { margin-bottom: 15px; padding: 16px; border-radius: 14px; background-color: #fff; }
#content .block .mainimg { text-align: center; }
#content .block .caption { margin-bottom: 12px; font-size: 20px; font-weight: 600; color: #575757; }
#content .block ol li { padding-bottom: 12px; margin-left: 20px; }
#content .block ol li a { color: #111; }
#content .block form input.txt { width: 100%; margin: 0 0 6px; padding: 8px 14px; box-sizing: border-box; border: none; border-radius: 16px; background-color: #ddd; font: 17px 'Open Sans', sans-serif; font-weight: 400; color: #575757; resize: none; }
#content .block form textarea.txt { width: 100%; margin: 0 0 6px; padding: 8px 14px; box-sizing: border-box; border: none; border-radius: 16px; background-color: #ddd; font: 17px 'Open Sans', sans-serif; font-weight: 400; color: #575757; resize: none; }
#content .block form span.user { float: left; padding: 10px 0 0 14px; font-size: 16px; font-weight: 600; color: #323232; }
#content .block form input.btn { display: block; margin: 6px 0 0; padding: 7px 12px 5px; box-sizing: border-box; border: none; border-radius: 7px; background-color: #a5af00; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #fff; cursor: pointer; }
#content .block form input.btn.answer { width: 156px; padding-right: 16px; background-image: url(../img/bt-content-answer.png); background-position: right center; background-repeat: no-repeat; }
#content .block .bannertg { width: 100%; }
#content .block.question .lSide { float: left; width: 78px; }
#content .block.question .lSide img { border-radius: 7px; }
#content .block.question .rSide { float: left; width: 100%; margin-left: -78px; }
#content .block.question .content { margin-left: 78px; }
#content .block.question .content p { padding-bottom: 12px; }
#content .block.question .content a { color: #111; }



#content .block.question .content h1 { font-weight: 400; font-size: 1.4rem; padding-bottom: 12px;}
#content .block h1 { font-weight: 400; font-size: 1.2rem; }

#content .block.question .content p.title { font-weight: 700; }
#content .block.question .content p.title_text { font-weight: 500; }
#content .block.question .content p.title span { font-weight: normal; }
#content .block.question .content p.footer { padding-bottom: 0; color: #9a9a9a; padding-bottom: 12px; font-size: 12px;}
#content .block.question.profile .content p.title { font-size: 18px; font-weight: normal; }
#content .block.question.profile form { width: 236px; padding-bottom: 4px; }
#content .block.question.profile form input.txt { padding: 5px 10px; border-radius: 7px; font-size: 14px; color: #4f4f4f; }
#content .block.question.profile form input.btn { float: none; width: 100%; margin-top: 0; font-size: 14px; }
#content .block.question.profile form .file_upload { padding-left: 10px; border-radius: 7px; }
#content .block.question.profile form .file_upload > div { padding-top: 3px; font-size: 14px; }
#content .block.question.profile form .file_upload > button { width: auto; padding: 5px 10px; border-radius: 7px; background: #545454; font-size: 14px; }
#content .block .block { margin-bottom: 16px; padding: 0 0 16px; border-bottom: 1px solid #e5e5e5; border-radius: 0; }
#content .block .buttons .label { float: left; padding: 4px 26px 3px; box-sizing: border-box; border-radius: 7px; font-size: 16px; font-weight: 600; color: #fff; }
#content .block .buttons .label.yeap { background-color: #ecd466; }
#content .block .buttons .label.nope { background-color: #e36b81; }
#content .block .buttons a.answer { display: block; float: right; margin: 0; padding: 4px 36px 3px 26px; box-sizing: border-box; border: none; border-radius: 7px; background: #a5af00 url(../img/bt-content-answer.png) right center no-repeat; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #fff; cursor: pointer; }
#content .block a.more { display: block; max-width: 262px; margin: 30px auto 16px; padding: 4px 12px; border-radius: 7px; background: #ddd url(../img/bt-rSide-more.png) right center no-repeat; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #777; }
#content .block ul li { padding-bottom: 12px; }
#content .block ul li a { color: #111; }

#content .columns { margin-bottom: 15px; padding: 16px; border-radius: 14px; background-color: #fff; }
#content .columns .column { text-align: center; }
#content .columns .column2 { text-align: center; }
#content .columns .column3 { display:none; }
#content .columns .column img { max-width: 100%; }

#content .columns-hide .column { width: 50%; text-align: center; }
#content .columns-hide .column2 { width: 50%; text-align: center; }
#content .columns-hide .column3 { display:none; }
#content .columns-hide .column img { max-width: 100%; }

img.toLeft { display: block; margin-bottom: 12px; border: 1px solid #6a6a6a; }

#footer { padding: 10px 0 30px; }
#footer .menuBottom ul { text-align: center; }
#footer .menuBottom ul li { display: inline-block; padding: 0 8px; text-transform: uppercase; }
#footer .menuBottom ul li a { text-decoration: none; color: #808080; }

/* File Upload Styling */
.file_upload { position: relative; margin-bottom: 6px; padding: 4px 4px 4px 14px; border-radius: 16px; background-color: #ddd; overflow: hidden; }
.file_upload > div { padding-top: 4px; font-size: 17px; color: #575757; }
.file_upload > button { float: right; width: 152px; padding: 6px 12px; background: #999; border: none; border-radius: 16px; font-size: 17px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.file_upload input[type=file] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(20); letter-spacing: 10em; -ms-transform: scale(20); opacity: 0; cursor: pointer; }
/* ----- */

.popup { width: 256px; }
.popup .caption { padding: 0 0 22px 4px; font-size: 18px; color: #4f4f4f; }
.popup form select.sel { width: 100%; margin: 0 0 6px; padding: 8px 11px; box-sizing: border-box; border: none; border-radius: 7px; background-color: #ddd; font: 14px 'Open Sans', sans-serif; font-weight: 400; color: #4f4f4f; resize: none; }
.popup form input.txt { width: 100%; margin: 0 0 6px; padding: 8px 14px; box-sizing: border-box; border: none; border-radius: 7px; background-color: #ddd; font: 14px 'Open Sans', sans-serif; font-weight: 400; color: #4f4f4f; resize: none; }
.popup form textarea.txt { width: 100%; margin: 0 0 6px; padding: 8px 14px; box-sizing: border-box; border: none; border-radius: 7px; background-color: #ddd; font: 14px 'Open Sans', sans-serif; font-weight: 400; color: #4f4f4f; resize: none; }
.popup form span.user { float: left; padding: 10px 0 0 14px; font-size: 16px; font-weight: 600; color: #323232; }
.popup form input.btn { display: block; width: 100%; margin: 0 0 12px; padding: 7px 12px 5px; box-sizing: border-box; border: none; border-radius: 7px; background-color: #a5af00; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #fff; cursor: pointer; }

.popup form a.btn { display: block; width: 100%; margin: 0 0 12px; padding: 7px 12px 5px; box-sizing: border-box; border: none; border-radius: 7px; background-color: #a5af00; font-size: 16px; font-weight: 600; text-decoration: none; text-align: center; color: #fff; cursor: pointer; }
.popup form a.btn:hover { background-color: #8a9204; }

.popup form input.btn.answer { width: 190px; margin: 6px 0 0; padding-right: 16px; background-image: url(../img/bt-content-answer.png); background-position: right center; background-repeat: no-repeat; }
.popup form .captcha { margin-bottom: 6px; text-align: center; }
.popup p { font-size: 14px; color: #474747; }
.popup p a { color: #474747; }

.sidebarads {text-align: center; padding-bottom: 10px;}

.ads_block {margin-bottom: 20px; border-radius: 14px; text-align: center;}

.columns-mob {margin-bottom: 20px; text-align: center;}

#popup-question { width: 556px; }



.top-header a.question { 
	display: inline-block;
    height: 35px;
    margin-left: 10px;
    padding: 6px 10px 0 10px;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 10px;
    background: #a5af00;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #fff; 
}


.top-header {
    width: 100%;
    background-color: #484850;
    margin-bottom: .75rem;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}

.top-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
}

.top-header-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: 970px;
    padding: 12px;
    margin: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-header-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.top-home-button {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
}

.top-home-button-logo-small {
    border: none;
    display: block;
    width: 36px;
    height: 36px;
}


.top-header-middle {
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.top-header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.top-search {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    overflow: visible;
    width: 100%;
}


.top-input-with-icon {
    padding-left: 40px;
}

.top-input-full-width {
    width: 100%;
}

.top-input {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    min-height: 1.5rem;
    margin: 0;
    background: #fff;
    border: 2px solid #ffffff;
    border-radius: 9px;
    color: #020a1b;
    font-size: .875rem;
    padding: 0 12px;
    height: 2.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: border 300ms;
    transition: border 300ms;
}



/* ----- Hover effects are enabled only for Desktop version ----- */

@media screen and (min-width: 1024px) {

	.top-header .buttons a.black:hover { background-color: #463f34; }
	.top-header .buttons a.green:hover { background-color: #8a9204; }
	.top-header a.question:hover { background-color: #8a9204; }

	#rSide .block a.question:hover { background-color: #8a9204; }
	#rSide .block a.more:hover { background-color: #ececec; }
	#rSide .questions .element a:hover { text-decoration: none; }
	#rSide .categories li a:hover { text-decoration: underline; }

	#content .block ul li a:hover { text-decoration: none; }
	#content .block form input.btn:hover { background-color: #8a9204; }
	#content .block.question .content p a:hover { text-decoration: none; }
	#content .block.question.profile form .file_upload:hover > button { background: #999; }
	#content .block .buttons a.answer:hover { background-color: #8a9204; }
	#content .block a.more:hover { background-color: #ececec; }

	#footer .menuBottom ul li a:hover { text-decoration: underline; }

	.file_upload:hover > button { background: #aaa; }

	.popup p a:hover { text-decoration: none; }
	.popup form input.btn:hover { background-color: #8a9204; }

}

@media screen and (max-width: 1275px) {
	.ads_right { display: none; }
	#rSide {width: 300px; margin-left: -300px;}
	#rSide .block {width: 275px;}
}

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

	#header.main .buttons { position: absolute; padding-top: 0; }
	#header .rSide { float: left; margin-left: -132px; }
	
}

@media screen and (max-width: 1080px) {
    
	#header .lSide { padding-left: 12px; }
	#header .rSide { margin-left: -144px; }
	#header .search input.txt { min-width: 0; }
	#header.main .relative .arrow { right: 65px; }
	#header.main .search input.txt { min-width: 310px; }
	#lSide { float: none; width: auto; }
	#rSide { float: none; width: auto; margin: 0 12px; }
	#content { margin: 0 12px; }
	#content .columns .column {width: 50%;}
	#content .columns .column2 {width: 50%;}
	.inner { max-width: 700px; }

}


@media screen and (max-width: 724px) {
    
	#lSide { float: none; width: auto; }
	#rSide { float: none; width: auto; margin: 0 12px; }
	#content { margin: 0 0px; }
	#footer .menuBottom ul li { display: block; padding: 0 0 8px; }
	#content .columns { padding-bottom: 0; }
	#content .columns .column { float: none; width: auto; margin-bottom: 20px; }
	#content .columns .column2 { display: none; }
	#content .columns-hide .column3 { display: block; float: none; margin-bottom: 20px; text-align: center; }
	#content .block {border-radius: 0px;}
	#rSide .block {border-radius: 0px; position: relative; width: auto;}
	#rSide {margin: 0 0px;}
	html { background-color: #fff; }
	
}

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

    #header .search { float: right; max-width: 58%; }
    #header a.question { display:none; }
	#header.main a.logo { width: auto; background-size: contain; }
	#popup-question { width: auto; }
	#lSide .block a.question { margin: auto; max-width: 100%; }
	.top-header .buttons { display: none; }
	.hideside { display: none; }

}


@media screen and (max-width: 564px) {
	.file_upload { padding: 4px; }
	.file_upload > div { display: block; padding: 8px 0 0; text-align: center; }
    .file_upload > button { width: 100%; }
	.hideside { display: none; }
}

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

	#header.main a.logo { height: 127px; }
	#content .block form span.user { display: block; float: none; padding: 14px 14px 0; text-align: center; }
	#content .block form input.btn { display: block; float: none; width: 100%; }
	#content .block form input.btn.answer { width: 100%; }
	#content .block.question .lSide { float: none; width: auto; padding-bottom: 16px; }
	#content .block.question .rSide { float: left; width: 100%; margin-left: 0; }
	#content .block.question .rSide strong { display: none; }
	#content .block.question .content { margin-left: 0; }
	#content .block.question.profile form { width: auto; }
	#content .block.question.profile form .file_upload > div { text-align: left; }
	#content .block .buttons .label { float: none; width: auto; margin-bottom: 6px; text-align: center; }
	#content .block .buttons a.answer { float: none; width: auto; padding: 4px 26px 3px; }
	#lMobSide { display: none; }

	.popup form span.user { display: block; float: none; padding: 14px 14px 0; text-align: center; }
	.popup form input.btn.answer { width: 100%; margin-bottom: 12px; }

	.recapcha { text-align: -webkit-center; text-align: -moz-center; }
	.hideside { display: none; }
}

@media screen and (max-width: 320px) {
	#content .block.question .rSide strong { display: none; }
	#content .block.question .content p.footer { font-size: 11px; }
}