/* Normalize & Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-weight:normal;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto;vertical-align:top}optgroup{font-weight:bold}input:focus,button:focus,select:focus,textarea:focus{outline:none}table{border-collapse:collapse;border-spacing:0}
/* end Normalize & Reset */


body{
font:16px 'Exo 2', sans-serif;
color:#414141;
background:#fff;
}

#main{
overflow:hidden;
position:relative;
min-width:303px;
}

p{
margin:0 0 30px 0;
}

a{
color:#319997;
text-decoration:none;
}

a:hover{
color:#f7694a;
text-decoration:underline;
}

ul li{
list-style:none;
}

.aligncenter,
div.aligncenter{
display:block;
margin-left:auto !important;
margin-right:auto !important;
}

.alignleft{float:left;}
img.alignleft, div.alignleft{margin:5px 15px 5px 0;}
.alignright{float:right;}
img.alignright, div.alignright{margin:5px 0 5px 15px;}

.wrapper{
width:1000px;
margin:0 auto;
overflow:hidden;
}

.content-wrapper{
overflow:hidden;
}
.content{
width:100%;
min-height:500px;
margin-bottom:50px;
}

/* Header *
*****************************************************************************/

.header{
overflow:hidden;
margin-bottom:20px;
}
.header .header__wrap{
width:1000px;
margin:0 auto;
overflow:hidden;
}
.header .header__top{
padding:10px 0;
background:#8e82d9;
overflow:hidden;
}
.header__top .header__top-text{
font-size:16px;
line-height:16px;
font-weight:600;
color:#fff;
text-transform:uppercase;
float:left;
display:block;
text-decoration:none;
}

.header__logo{
text-decoration:none;
display:block;
font-size:30px;
line-height:71px;
color:#ff715a;
float:left;
min-width:282px;
height:71px;
box-sizing:border-box;
margin:15px 0;
}
.header__logo:hover{
text-decoration:none;
color:#ff715a;
}

.header__menu{
float:right;
margin:12px 0;
}
.header__menu ul li{
position:relative;
float:left;
margin-right:35px;
padding-top:60px;
}
.header__menu ul li:last-child{
margin-right:0;
}
.header__menu ul li a, .header__menu ul li span{
color:#f8674f;
}
.header__menu ul li a:after, .header__menu ul li span:after{
position:absolute;
content:'';
left:50%;
top:0;
width:45px;
margin-left:-22.5px;
height:52px;
background:url(images/top-ico-2.png) no-repeat;
}
.header__menu ul li.cat-2 a:after, .header__menu ul li.cat-2 span:after{
background-position:-45px 0;
}
.header__menu ul li.cat-3 a:after, .header__menu ul li.cat-3 span:after{
background-position:-90px 0;
}
.header__menu ul li.cat-4 a:after, .header__menu ul li.cat-4 span:after{
background-position:-135px 0;
}
.header__menu ul li.cat-5 a:after, .header__menu ul li.cat-5 span:after{
background-position:-180px 0;
}
.header__menu ul li a:hover{
color:#319997;
text-decoration:none;
border-bottom:1px solid rgba(49,153,151, 0.5);
}
.header__menu ul li span{
color:#319997;
}

.hidden-menu{
display:none;
}

/* Home *
************************************************************************/


.title{
font-size:24px;
line-height:26px;
color:#319997;
text-transform:uppercase;
text-align:center;
margin-bottom:32px;
}

.posts{
overflow:hidden;
margin-bottom:35px;
}
.posts .post__item{
padding:19px 21px;
border:1px solid #dfdfdf;
border-radius:6px;
overflow:hidden;
position:relative;
margin-bottom:13px;
}
.posts .post__item.img-left img{
float:left;
margin-right:40px;
}
.posts .post__item.img-left .post__text{
padding-left:332px;
}
.post__item .post__text a.posts__title{
font-size:18px;
line-height:20px;
color:#3c3c3c;
}
.post__item .post__text a.posts__title:hover{
color:#319997;
text-decoration:none;
border-bottom:1px solid rgba(49,153,151, 0.5);
}
.post__item .post__text a.posts__title:after{
position:absolute;
content:'';
left:21px;
top:19px;
width:292px;
height:188px;
}
.post__item .post__text .post__content{
margin:20px 0;
}

.posts .post__item.img-right img{
float:right;
margin-left:40px;
}
.posts .post__item.img-right .post__text{
padding-right:332px;
}
.post__item.img-right .post__text a.posts__title:after{
left:auto !important;
right:21px;
}
.post__link{
position:relative;
}


/* Sidebar *
********************************************************************/

.sidebar{
width:300px;
float:right;
}
.sidebar .section{
margin-bottom:23px;
border-radius:6px;
padding:27px 20px;
background:#dfdfdf;
position:relative;
}
.sidebar .search-form, #slide-out-open, .sidebar .social-icon{
display:none;
}
.sidebar .section ul{
list-style:none;
}
.section .section__title{
font-size:24px;
line-height:26px;
color:#ff715a;
text-align:center;
margin-bottom:25px;
text-transform:uppercase;
}
.section.sidebar__menu{
padding:0 !important;
background:none !important;
}
.menu-title{
font-size:23px;
line-height:24px;
color:#fff;
text-transform:uppercase;
text-align:center;
padding:16px 10px;
background:#319997;
}
.sidebar__menu ul{
background:#cdf5de;
}
.sidebar__menu ul li{
position:relative;
font-size:16px;
line-height:16px;
border-top:4px solid #fff;
}
.sidebar__menu ul li a, .sidebar__menu ul li span{
color:#319997;
text-decoration:none;
display:block;
padding:19px 0 19px 135px;
}
.sidebar__menu ul li a:hover, .sidebar__menu ul li span{
background:#319997;
color:#cdf5de;
text-decoration:none;
}

.section-question{
background:none !important;
border:1px solid #dfdfdf;
padding:25px 30px 50px 30px !important;
}

.section-question ul li{
padding-left:35px;
margin-bottom:19px;
min-height:18px;
}
.section-question ul li a{
color:#54362f;
}
.section-question ul li a:hover{
color:#f7694a;
text-decoration:none;
border-bottom:1px solid rgba(247,105,74, 0.5);
}
.section__text{
font-size:16px;
line-height:18px;
text-align:center;
}
.section-question .section__text{
padding-bottom:158px;
background:url(images/q-sidebar.png) center 75% no-repeat;
}
.section__link{
padding:13px 20px;
background:#319997;
position:absolute;
right:0;
bottom:0;
display:block;
color:#fff;
}

.section__link:after{
position:absolute;
content:'';
left:-152px;
top:-311px;
width:400px;
height:400px;
}
.section__link.link-question-after:hover{
background:#f7694a;
}
.section__link:hover{
color:#fff;
text-decoration:none;
background:#f7694a;
}

.section-tests{
background:#cdf5de !important;
padding:25px 30px 50px 30px !important;
}
.section-tests .section__title{
color:#319997;
}

.section__posts li{
position:relative;
padding:18px 16px;
background:#fff;
border-radius:6px;
margin-bottom:17px;
}
.section__posts li img{
margin-bottom:20px;
}
.section__posts li a.section__posts-title{
font-size:16px;
line-height:18px;
color:#3c3c3c;
}
.section__posts li a.section__posts-title:hover{
text-decoration:none;
border-bottom:1px solid rgba(49,153,151, 0.5);
color:#319997;
}
.section__posts li a.section__posts-title:after{
position:absolute;
content:'';
left:16px;
top:18px;
width:227px;
height:146px;
}
.section__posts li .post__link{
margin-top:10px;
}

.sidebar-question-title a{
color:#f8674f;
}
.sidebar-question-title a:hover{
color:#319997;
border-bottom:1px solid rgba(49,153,151, 0.5);
text-decoration:none;
}
.postsize{
	font-size:16px;
}

/* Single * 
*************************************************************************************/

.single, .entry, .post{
overflow:hidden;
}

.single table{
margin:20px 0;
}
.single th,
.single td{
padding:6px 10px;
border:1px solid #DDD;
}

.single h1, .single h2, .single h3, .single h4, .single h5, .single h6{
margin:20px 0 22px;
} 
.single h1{
font-size:24px;
line-height:26px;
font-weight:bold;
}
.single h2{
font-size:22px;
line-height:22px;
background:#fff;
padding-right:10px;
margin-top:5px;
margin-bottom:10px;
}
.single h3{
font-size:18px;
line-height:20px;
}
.single h4{
font-size:17px;
line-height:19px;
}
.single h5{
font-size:16px;
line-height:18px;
}
.single h6{
font-size:15px;
line-height:17px;
}

.table-of-content{
overflow:hidden;
}


.contents-block{
 overflow:hidden;
}
.content-left{
 float:left;
}
.right-adw-contents-block{
 float:right;
}
.content-right{
 float:right;
}
.left-adw-contents-block{
 float:left;
}

blockquote, .question{
padding:20px 20px 20px 20px;
margin:20px 0;
background-color:#cdf5de;
background-position:38px 39px;
background-repeat:no-repeat;
font-style:italic;
border-radius:5px;
width:100%;
box-sizing:border-box;
display:table;
}
.question{
padding:26px 40px 26px 105px;
background-position:30px 26px;
display:inline-block;
}
blockquote p, .question p{
padding:0;
padding:0 !important;
}
blockquote p:last-child, .question p:last-child{
margin-bottom:0;
}

.singleul{
margin:20px 0;
}
.single ul li{
list-style:none;
padding:4px 0 0 0;
}

.single ol{
margin:20px 0;
counter-reset:li;
list-style:none outside none;
}
.single ol li{
position:relative;
padding:0 0 25px 40px;
}
.single ol li:before{ 
width:24px;
height:24px;
content:counter(li);
counter-increment:li;
position:absolute;
left:0;
top:-5px;
text-align:center;
color:#379d9a;
font-weight:bold;
border:2px solid #379d9a;
line-height:24px;
border-radius:50%;
}

.single img{
max-width:100%;
height:auto;
vertical-align:bottom;
}
.single iframe{
max-width:100%;
}

.wp-caption{
text-align:center;
margin-bottom:20px;
max-width:100%;
position:relative;
}
.wp-caption-text{
text-align:center;
padding:17px 22px;
margin:0 auto;
box-sizing:border-box;
color:#fff;
background:rgba(0,0,0, 0.5);
position:absolute;
bottom:0;
left:0;
width:100%;
}

.post-meta{
margin:30px 0;
border-top:1px solid #dfdfdf;
padding-top:12px;
}
.post-meta:after{
content:'';
display:table;
clear:both;
}
.post-rating{
float:left;
}
.post-rating__title, .post-share__tiitle{
margin:0 0 15px;
}
.post-ratings{
font-size:12px;
}
.post-rating img{
vertical-align:bottom;
padding:0 5px 0 0 !important;
background:none !important;
box-shadow:none !important;
}
.post-share{
float:right;
text-align:center;
}

.yarpp-related{
overflow:hidden;
margin:0 0 20px 0;
}
.related-items{
overflow:hidden;
padding-bottom:30px;
}
.related-items li{
float:left;
margin-right:19px;
width:202px;
padding-bottom:1px;
position:relative;
}
.related-items li:last-child{
margin-right:0;
}
.related-items li img{
margin-bottom:12px;
}
.related-items li a{
color:#3c3c3c;
}
.related-items li a:hover{
color:#319997;
border-bottom:1px solid rgba(49,153,151, 0.5);
text-decoration:none;
}
.related-items li a:after{
position:absolute;
content:'';
left:0;
top:0;
width:202px;
height:129px;
}

/* ÃÂ¡omments *
***********************************************************************************/

.comments-block__title{
font-size:20px;
line-height:22px;
margin-bottom:20px; 
color:#3c3c3c;
text-transform:uppercase;
}

.commentlist li{
list-style:none !important;
margin-bottom:15px;
position:static !important;
padding:0px !important;
max-width:660px !important;
}
.commentlist li:before{
display:none;
}
.comment{
padding:12px 17px;
margin-bottom:15px;
-webkit-border-radius:17px;
font-size:14px;
line-height:16px;
border-radius:15px;
min-height:120px;
background:#daf2fe;
box-shadow:2px 2px 2px darkgrey;
}
.children{
margin-left:20px;
}
.gravatar{
float:left;
margin-right:24px;
}
.ravatar{
border-radius:120px; /* ÃÂ ÃÂ°ÃÂ´ÃÂ¸ÃÂÃÂ ÃÂÃÂºÃÂÃÂÃÂ³ÃÂ»ÃÂµÃÂ½ÃÂ¸ÃÂ */
 border:2px solid gray; /* ÃÂÃÂ°ÃÂÃÂ°ÃÂ¼ÃÂµÃÂÃÂÃÂ ÃÂÃÂ°ÃÂ¼ÃÂºÃÂ¸ */
 box-shadow:0 0 7px #666; /* ÃÂÃÂ°ÃÂÃÂ°ÃÂ¼ÃÂµÃÂÃÂÃÂ ÃÂÃÂµÃÂ½ÃÂ¸ */
}
.cauthor{
margin-bottom:10px;
}
.fn, .fn a, .comment_date{
font-size:12px;
line-height:13px;
} 
.comment_date{
color:#b7b7b7;
}
.fn{
font-size:13px;
font-weight:bold;
}

.ctext{
display:table-cell;
}
.reply{
margin-left:74px;
}
.reply a{
border-bottom:1px solid rgba(49,153,151, 0.5);
}
.reply a:hover{
text-decoration:none;
border-bottom:0;
}
#respond, .q-form{
background:#dfdfdf;
padding:25px;
overflow:hidden;
margin:10px 0;
border-radius:5px;
}
#comments_form_title, .q-form__title{
font-size:20px;
line-height:22px;
margin-bottom:10px;
text-transform:uppercase;
color:#f7694a;
}
#commentform input, #commentform textarea, .q-form input, .q-form textarea{
margin:6px 0;
color:#7e7e7e;
border:none;
box-sizing:border-box;
box-shadow:inset 1px 1px 4px 0px #D8DADD;
}
#commentform input[type=text], .q-form input[type=text], .q-form input[type=email]{
width:50%;
padding:13px;
}
#commentform textarea, .q-form textarea{
width:97.5%;
padding:13px 0px 13px 13px;
}
#commentform input[type=submit], .q-form input[type=submit]{
display:block;
width:136px;
height:44px;
text-align:center;
font-size:18px;
line-height:42px;
color:#fff;
text-decoration:none;
border:0;
background:#319997;
border-radius:5px;
box-shadow:none;
}
.q-form input[type=submit]{
width:156px !important;
}
#commentform input[type=submit]:hover, .q-form input[type=submit]:hover{
background:#f7694a;
}

/* Footer *
**************************************************************************/

.footer{
border-top:3px solid #ff715a;
overflow:hidden;
padding:33px 0 30px 0;
position:relative;
}

.footer__nav{
overflow:hidden;
margin-bottom:18px;
}
.footer__nav li{
float:left;
margin-right:22px;
}
.footer__nav li:last-child, .footer__nav2 li:last-child{
margin-right:0;
}
.footer__nav li a{
color:#3c3c3c;
}
.footer__nav li a:hover,.footer__nav li span{
color:#319997;
}

.footer .footer__copy{
font-size:12px;
line-height:12px;
color:#3c3c3c;
}


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

.wrapper, .header .header__wrap{
width:96%;
margin:0 auto;
}

.content{
width:100%;
margin-right:0;
box-sizing:border-box;
float:none;
}

.sidebar{
float:none;
width:100%;
}
.section.sidebar__menu{
display:none;
}
.section-question, .section-tests{
box-sizing:border-box;
min-height:355px;
width:350px;
}
.section__link:after{
left:-215px;
}
.section__box{
width:712px;
margin:0 auto;
}
.section__box-one{
width:350px !important;
}
.section-question{
float:left;
}
.section-question-home{
width:100% !important;
}
.section-tests{
float:right;
}

.header__top .header__top-text{
font-size:16px;

}

.hidden-menu{
display:block;
margin-bottom:35px;
border-radius:6px;
overflow:hidden;
}
.menu-title{
cursor:pointer;
}
.menu-title span{
position:relative;
}
.menu-title span:after{
position:absolute;
content:'';
right:-15px;
top:10px;
width:9px;
height:6px;
}
.menu-title.active span:after{
background-position:0 -6px;
}
.hidden-menu ul{
overflow:hidden;
display:none;
}
.hidden-menu ul li{
width:50%;
float:left;
box-sizing:border-box;
}
.hidden-menu ul li:nth-child(odd){
clear:both;
border-right:4px solid #fff;
}
.hidden-menu ul li a, .hidden-menu ul li span{
padding-left:165px;
}
.hidden-menu ul li a:after, .hidden-menu ul li span:after{
left:95px;
}

.category-posts .post__first img{
display:block;
margin:0 auto 15px auto;
}
.post__first a:after{
left:50%;
margin-left:-333px;
}

.section-popular{
display:none;
}

.related-items{
width:100%;
max-width:666px;
margin:0 auto;
}

}

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

.header__top .header__top-text{
display:none;
}

.wrapper, .content-wrapper, .hidden-menu{
overflow:visible;
}
.wrapper:after, .content-wrapper:after, .hidden-menu:after{
content:'';
display:block;
clear:both;
visibility:hidden;
}
.menu-title{
margin:0 -1000px;
padding:16px 1000px;
}

.search-form{
margin:0 auto;
float:none;
}

.header .header__wrap{
overflow:visible;
}
.header__logo{
float:none;
margin:15px auto;
}

.header__menu{
float:none;
overflow:hidden;
text-align:center;
border-top:3px solid #ff715a;
margin:12px -1000px;
padding:16px 1000px 0 1000px;
}
.header__menu ul{
display:inline-block;
}

.hidden-menu ul li a, .hidden-menu ul li span{
padding-left:80px;
}
.hidden-menu ul li a:after, .hidden-menu ul li span:after{
left:12px;
}

