.main-content { width:90%; margin-left:10%; position:relative; padding-right:33%; }

.no-sidebar .main-content { padding-right:10%; }

.main-content ul, .simple-page ul { width:100%; margin:0 0 1rem 0; padding:0; }
.main-content ul li, .simple-page ul li { color:#333; list-style-type:disc; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin-left:2rem; padding-left:1rem; margin-bottom:0.5rem; }

.main-content ol { width:100%; margin:0 0 1rem 0; padding:0; }
.main-content ol li { color:#333; list-style-type:decimal; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin-left:2rem; padding-left:1rem; margin-bottom:0.5rem; }


.article-subtitle { color:#72726e; font-weight: normal; font-size:2.4rem; line-height:2.6rem; font-family: Plantin-SemiBold, Plantin, Arial; font-style: italic; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(0,0,0,0.1); }
.main-content p { color:#333; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin-bottom:1.2rem; }

.article-media { width:100%; position:relative; margin-bottom:1.5rem; }
.article-media img { width:100%; height:auto; }
.article-media.large { width:133%; }
.article-media embed, .article-media iframe, .article-media object { width:100%; height:40rem; }
.article-media-caption { width:30%; /*position:absolute; bottom:0; left:103%;*/ color:#73736e; font-weight: normal; font-size: 1.4rem; line-height:1.8rem; font-family: Plantin, Arial; }
.article-media.large .article-media-caption { width:10%; left:102%; }

.quote { width:auto; margin-bottom:1rem; padding:3rem 30% 3rem 0; }
.quote h3, .quote-image h3 { color:#4fc6c3; font-weight: normal; font-size: 3rem; line-height:3.4rem; font-family: Plantin-bold-italic, Arial; }

.gs-box .quote { margin-bottom:1.5rem; }
.gs-box .quote h3 { font-size:2.4rem; line-height:2.8rem; font-family:Plantin-Bold-Italic, Plantin, Arial; }

.quote-image { width:80%; position:relative; margin:0 auto; padding:1rem 0; overflow:hidden; text-align:center; }
.quote-image .quote-image-box {  }
.quote-image img{ width:30%; height:auto; float:left; margin:0 2rem 0 0; }
.quote-image h3 { width:25rem; display:inline-block; float:left; font-size:2rem; line-height:2.4rem; text-align:left; vertical-align:top; }
.quote-image img.highlight { width:30%; height:auto; float:left; }

.quote-image.with-highlight-image { width:100%; height:auto; margin:0 auto; }
.quote-image .subcolumns { margin-bottom:2rem; text-align:center; }
.quote-image.with-highlight-image img.highlight { width:100%; height:auto; margin:0 auto 2.5rem; }
 
/* ---- .share-icons ---- */

.share-icons { width:100%; overflow:hidden; margin-bottom:2.5rem; }
.share-icons a { width:4.4rem; height:4.4rem; color:rgba(0,0,0,0.6); display:block; float:left; border-radius:50%; margin-right:1rem; border:1px solid rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.share-icons a:hover { background:#f8f8f4; color:rgba(0,0,0,1); border:1px solid rgba(0,0,0,0.6); }
.share-icons a span { width:100%; height:100%; display:block; font-size:1.6rem; line-height:4.2rem; text-align:center; }
.share-icons a:nth-child(5) span { font-size:2rem; }

.share-icons .si-title { font-size:1.4rem; line-height:1.6rem; text-transform:uppercase; margin-bottom:1.5rem; overflow:hidden; }
.share-icons .si-title span { float:left; margin-right:1rem; font-size:1.6rem; }
.share-icons .si-title em { font-style:normal; color:#999; margin-left:0.5rem; }

.article-option { width:100%; overflow:hidden; padding-top:3rem; margin-bottom:1rem; }
.article-option .share-icons { width:auto; float:left; margin-right:2rem; }
.article-option .share-icons .si-title { margin-bottom:1rem; }

/* ---- article-sidebar ---- */

.article-sidebar { width:22%; position:absolute; top:0; right:0; }

.article-sidebar .as-title { width:100%; height:4rem; font-weight: normal; font-size: 1.4rem; line-height:4rem; white-space:nowrap; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*font-family: Abadi-bold, Plantin, Arial;*/ font-family: Abadi-ExtraBold, Abadi-Bold, Plantin, Arial; color:rgba(0,0,0,0.4); cursor:pointer; text-transform:uppercase; border-top:1px solid rgba(0,0,0,0.3); border-bottom:1px solid rgba(0,0,0,0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.article-sidebar .as-title:hover { color:rgba(0,0,0,0.6); }
.article-sidebar .as-title  span { width:3rem; height:4rem; display:block; float:right; text-align:center; font-size:1.2rem; line-height:4rem; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
.article-sidebar .as-title.active { border-bottom:1px solid rgba(0,0,0,0.3); }
.article-sidebar .as-title.active  span { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); -o-transform:rotateX(180deg); -ms-transform:rotateX(180deg); transform:rotateX(180deg); }

.article-sidebar .as-content{ width:100%; height:0; overflow:hidden; /*begin tiganeala (din cauza border-bottom de la titlu) */margin-bottom:-1px;/*end tiganeala*/ -webkit-transition: height 0.5s ease-out; -moz-transition: height 0.5s ease-out; -o-transition: height 0.5s ease-out; -ms-transition: height 0.5s ease-out; transition: height 0.5s ease-out;  }
.article-sidebar .as-content:last-of-type { border-bottom-color:rgba(0,0,0,0.3); }
.article-sidebar .as-content.active { height:25.5rem;/*begin tiganeala */margin-bottom:0;/*end tiganeala*/ }

.simple-articles-list { width:100%; height:100%; }
.simple-articles-list a { width:100%; color:#333; height:8.5rem; display:block; border-bottom:1px dotted rgba(0,0,0,0.2); padding:1rem 0; }
.simple-articles-list a:first-of-type { padding-top:0.5rem; }
.simple-articles-list a:last-of-type { border-bottom:none; }
.simple-articles-list a h3 { max-height:4rem; font-weight: normal; font-size: 1.4rem; line-height:2rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:0.5rem; overflow:hidden; }
.simple-articles-list a:hover h3 { text-decoration:underline; }
.simple-articles-list a span.sal-categ { width:100%; display:block;  }
.simple-articles-list a span.sal-categ i { width:2.4rem; height:2.4rem; display:block; float:left; margin-right: 0.5rem; }
.simple-articles-list a span.sal-categ strong { font-weight: normal; font-size: 1.2rem; line-height:2.4rem; font-family: Abadi-bold, Plantin, Arial; text-transform:uppercase; }

/* ---- comments ---- */

.comments { width:100%; padding:1rem 0; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); }

.comments-trigger { width:100%; height:5rem; text-align:center; background:#f2f1e9; color:#333; font-weight: normal; font-size: 1.6rem; line-height:5rem; font-family: Abadi-bold, Plantin, Arial; text-transform:uppercase; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.comments-trigger:hover { background:#e9e8de; }
.comments-trigger strong { font-weight:normal; margin:0 0.5rem; }
.comments-trigger em { color:#999; font-style:normal; }

.comments-content { width:100%; padding:2rem 10%; display:none; background:#f2f1e9 }
.view-comments .comments-content { display:block; }

.filter-comments { float:right; padding:0; margin-bottom:1.5rem; text-align:right; }
.filter-comments a { display:inline-block; color:#333; padding:0 1.2rem; font-weight: normal; font-size: 1.6rem; line-height:3rem; font-family: Abadi-bold, Plantin, Arial; border-right:1px solid rgba(0,0,0,0.2); }
.filter-comments a:hover { text-decoration:underline; }
.filter-comments a:last-of-type { padding-right:0; border:none; }
.filter-comments span { display:inline-block; color:#999; padding:0 1rem; font-weight: normal; font-size: 1.4rem; line-height:3rem; font-family: Abadi, Plantin, Arial; text-transform:uppercase; }

.comment { position:relative; display:block; overflow:hidden; border-top:0.2rem solid rgba(0,0,0,0.1); padding:1.5rem 18rem 1.5rem 7rem; clear:both; }
.comment.reply { margin-left:7rem; }
.comment .comm-user-img { width:5rem; height:5rem; position:absolute; top:1.5rem; left:0; border-radius:50%; overflow:hidden; }
.comment .comm-user-img img { width:100%; height:100%; border-radius:50%; }
.comment .comm-user-name { width:100%; color:#999; font-weight: normal; font-size: 1.4rem; line-height:1.8rem; font-family: Abadi, Plantin, Arial; text-transform:uppercase; }

.comment .comm-user-name a { color:#333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.comment .comm-user-name a:hover { color:#000; text-decoration:underline; }
.comment .comm-data { width:100%; color:#666; display:block; font-weight: normal; font-size: 1.4rem; line-height:3rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:1rem; }
.comment .comm-text { width:100%; color:#72726e; font-weight: normal; font-size: 1.6rem; line-height:2rem; font-family: Plantin, Arial; margin-bottom:1rem; }

.comment .reply-to-comm, .comment .comm-actions a { width:100%; display:block; color:#72726e; font-weight: normal; font-size: 1.4rem; line-height:2rem; font-family: Abadi-bold, Plantin, Arial; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.comment .reply-to-comm:hover, .comment .comm-actions a:hover { color:#ea8645; }
.comment .reply-to-comm span { margin-right:0.5rem; font-size:1.2rem; }

.comment a.star-btn, .comment a.report-btn { width:15rem; position:absolute; top:1.5rem; right:0; display:block; color:#72726e; overflow:hidden; text-align:right; font-weight: normal; font-size: 1.4rem; line-height:2.4rem; font-family: Abadi-bold, Plantin, Arial; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.comment a.report-btn { top:5rem; } 
.comment a.star-btn:hover, .comment a.report-btn:hover { color:#ea8645; }
.comment a.star-btn span , .comment a.report-btn span { width:2rem; height:2rem; float:right; margin-left:0.5rem; text-align:center; line-height:2rem; font-size:1.8rem; } 

.comments .more-link.reply { width:auto; margin-left:8rem; margin-bottom:1.5rem; }

.social-login { width:100%; padding-top:1rem; }
.social-login h5 { margin-bottom:1.5rem; font-size:1.8rem; line-height:2.4rem; text-align:center; }
.social-login .share-icons { margin-bottom:1.5rem; text-align:center; }
.social-login .share-icons  a { float:none; display:inline-block; margin:0 0.5rem; }

/* ---- checklist ---- */

.checklist-content { width:100%; position:relative; margin:0 auto; }
.checklist-content .checklist-row { position:relative; /*padding:3rem 0 3rem 12rem;*/ padding:3rem 10% 3rem 22%;  margin:0 auto; border-bottom:1px solid rgba(0,0,0,0.1); }
.checklist-content .checklist-row:last-of-type { border:none; }
.checklist-content .checklist-row > span { width:5rem; height:5rem; position:absolute; top:3rem; /*left:0;*/ left:10%; text-align:center; line-height:5rem; font-size:2.2rem; color:#90d95d; border:0.1rem solid #90d95d; border-radius:50%; }
.checklist-content .checklist-row p { color:#72726e; list-style-type:disc; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin-left:2rem; padding-left:1rem; margin-bottom:0.5rem; }

.simple-list { width:100%; margin:0; padding:0; }
.simple-list li { color:#72726e; list-style-type:disc; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin-left:2rem; padding-left:1rem; margin-bottom:0.5rem; }

.checklist-row h3 { color:#72726e; font-weight: normal; font-size: 1.8rem; line-height:2.2rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:1rem; }

/* ---- simple-page ---- */ 

.simple-page { padding-bottom:8rem; }
.simple-page .sp-content-title { font-weight: normal; font-size: 2.8rem; line-height:3.2rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:2.5rem; padding-top:2.5rem; }
.simple-page p { font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin-bottom:1.5rem; }
.simple-page strong { display:block; font-weight: normal; font-size: 1.4rem; line-height:1.6rem; font-family: Abadi-bold, Plantin, Arial; text-transform:uppercase; margin-bottom:0.7rem; }

/* ----  ---- */

.downloads-content { text-align:center; }
.downloads-content .btn { width:16rem; margin:0 auto 3rem; background-color: #6949CE; color: #fff; border: none; border-radius: 0; }
.downloads-content .btn span { background: url('../images/download.jpg') no-repeat center; width: 29px; height: 30px; display: inline-block; }
.downloads-content .btn span:before
{
	color: transparent;
}

.downloads-content .downloads-details { width:100%; height:3.2rem; overflow:hidden; margin:0; text-overflow:ellipsis; white-space:nowrap; text-align:left; text-transform:uppercase; border-bottom:1px solid rgba(0,0,0,0.1); color:#666; font-weight: normal; font-size: 1.3rem; line-height:3.2rem; font-family: Abadi-bold, Plantin, Arial; }
.downloads-content .downloads-details:first-of-type { border-top:1px solid rgba(0,0,0,0.1) }
.downloads-content .downloads-details span { width:8rem; float:left; color:#999; }

/* ---- guide-story ---- */

.guide-story { width:100%; padding:3rem 0; }
.gs-box { width:100%; overflow:hidden; border:1px solid rgba(0,0,0,0.1); background:#fff; margin-bottom:2rem; padding:3rem 10%; }
.gs-box .gs-title { font-weight: normal; font-size: 2.4rem; line-height:2.8rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:2rem; text-align:center; padding:0.5rem 0; }
.gs-box .gs-title + ul
{
	padding-top: 0;
}
.gs-box h1, .gs-box h2, .gs-box h3, .gs-box h4, .gs-box h5 { font-weight: normal; font-size: 1.6rem; line-height:2rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:1rem; }

.gs-box p, .gs-box table td { color:#333; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin-bottom:1rem; }
.gs-box  img { width:100%; height:auto; margin:1rem auto 1.5rem; }

.gs-box ol { width:100%; list-style-type: decimal; margin-bottom:0; padding:2rem 0; }
.gs-box ol li { font-size:1.6rem; font-family: Plantin, Arial; /*color:#84d8d8;*/ margin:0 0 1rem 1.7rem; padding-left:1rem; }
.gs-box ol li p { color:#333; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin:0; }

.gs-box ul { width:100%; list-style-type:disc; margin-bottom:0; padding:2rem 0; }
.gs-box ul li { font-size:1.6rem; font-family: Plantin, Arial; /*color:#84d8d8;*/ margin:0 0 1rem 1.7rem; padding-left:1rem; }
.gs-box ul li p { color:#333; font-weight: normal; font-size: 1.6rem; line-height:2.2rem; font-family: Plantin, Arial; margin:0; }

.gs-signature { width:100%; min-height:5rem; overflow:hidden; position:relative; padding-left:6.5rem; margin-bottom:1rem; }
.gs-user-img { width:5rem; height:5rem; position:absolute; top:0; left:0; border-radius:50%; overflow:hidden; }
.gs-user-img img { width:100%; height:100%; border-radius:50%; margin:0; }
.gs-user-name { width:100%; color:#999; font-weight: normal; font-size: 1.4rem; line-height:1.8rem; font-family: Abadi, Plantin, Arial; text-transform:uppercase; margin-bottom:0; }
.gs-user-name a { color:#333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gs-user-name a:hover { color:#000; text-decoration:underline; }
.gs-details { width:100%; color:#666; display:block; font-weight: normal; font-size: 1.4rem; line-height:2rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:1rem; }

.action-points { width:100%; padding:4rem 0; background:#333; margin-bottom:-3rem; text-shadow:0 1px 1px rgba(0,0,0,0.3); }
.action-points .action-row { min-height:9rem; position:relative; /*padding:2rem 0 2rem 8rem;*/ padding:2rem 10% 2rem 22%; border-bottom:0.1rem solid rgba(255,255,255,0.2);  }
.action-points .action-row:last-of-type { border:none; }
.action-points .action-number { width:5rem; height:5rem; position:absolute; top:2rem; /*left:0;*/ left:10%; color:#84d8d8; text-align:center; font-weight: normal; font-size: 1.8rem; line-height:5rem; font-family: Plantin-bold, Plantin, Arial; border:0.1rem solid #84d8d8; border-radius:50%; }
.action-points p { font-weight: normal; font-size: 1.8rem; line-height:2.4rem; font-family: Plantin, Arial; color:#fff; }

.learnmore-list { margin:0 auto 5rem; }
.learnmore-list li { padding:1.5rem 0 0.5rem; border-bottom:0.2rem solid rgba(0,0,0,0.1); }
.learnmore-list h3 { font-weight: normal; font-size: 2.4rem; line-height:2.8rem; font-family: Plantin, Arial; color:#545150; margin-bottom:1.5rem; } 
.learnmore-list p { margin:0 0 1rem; font-weight: normal; font-size: 1.8rem; line-height:2.4rem; font-family: Plantin, Arial; }
.learnmore-list p a { color:#666; text-decoration:underline; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.learnmore-list p a:hover { color:#000; }

/* ---- slider-categ ---- */

.slider.slider-categ { margin-top:-3rem; }
.slider.slider-categ .slide-msg { padding:0 2rem 2rem; background:none; }
.slider.slider-categ .category-icon { bottom:auto; top:-3rem!important; }
.slider.slider-categ .slide-categ { bottom:auto; top:2rem; border-top:0.1rem solid #fff; padding-top:5rem; }
.slider.slider-categ .category-icon { outline:1.3rem solid transparent; background:#fff; text-shadow:none; }
.slider.slider-categ .table  { width:100%; height:80%; position:absolute; top:0; left:0; z-index:10; }
.slider.slider-categ .slide-title { max-height:14.5rem; font-size:7rem; line-height:7.2rem; text-align:center; padding:0 10%; margin-bottom:0; }
.slider.slider-categ .slide-title em { width:100%; font-style:normal; display:block; }
.slider.slider-categ .slide-icon-bg { width:70rem; height:70rem; position:absolute; bottom:-10rem; left:50%; margin-left:-10rem; font-size:68rem; line-height:70rem; display:inline-block; }

.slider.bh-slider .slide-icon-bg { width:70rem; height:70rem; position:absolute; bottom:-10rem; left:50%; margin-left:-10rem; font-size:68rem; line-height:70rem; display:inline-block; color: rgba(0,0,0,0.2); }

/* ---- error404 ---- */

.error404 { padding:5rem 0; }
.error404-title { text-align:center; font-weight: normal; font-size: 2.8rem; line-height:3rem; font-family: Abadi-bold, Plantin, Arial; margin-bottom:2rem; }
.error404 .more-link { width:30rem; margin:0 auto 1rem; }


@media only screen and (max-width: 3200px) {
	/* font-size: 12px */
    
}

@media only screen and (max-width: 1440px) {
	/* font-size: 11px */

}


@media only screen and (max-width: 1024px) {
	/* font-size: 10px */


}

@media only screen and (max-width: 980px) {
	.comments-content { padding:1rem 2rem 2rem; }
	.checklist-content .checklist-row { /*padding:1.5rem 0 1.5rem 8rem;*/padding:3rem 10% 3rem 22%; }
	.checklist-content .checklist-row span { top:2rem; }
	.comment { padding-left:6rem; }
	
	.slider.slider-categ .slide-icon-bg { width:60rem; height:60rem; line-height:60rem; font-size:58rem; }
}

@media only screen and (max-width: 800px) {
	/*.article-sidebar { display:none; }*/
	/*.article-sidebar.downloads-content { width:100%; display:block; }*/

	.main-content { /*padding-right:0; */width:100%; margin-left:0; }

	.checklist-content, .contact-form { width:100%; }
	
	.main-content.main-content-categ { padding-top:25rem; }	
	
	.comment { padding-right:15rem; }
	.comment-form button { width:12rem; }
	
	.slider.slider-categ .slide-icon-bg { width:50rem; height:50rem; bottom:-8rem; line-height:50rem; font-size:48rem; }
	
	.quote  { padding-right:0; }
	.quote-image { width:100%; padding:0; } 
	.quote-image img { width:40%; margin-right:5%; }
	.quote-image h3 { width:54%; }
}

@media only screen and (max-width: 600px) {
   .article-sidebar { display:none; }
   .article-sidebar.downloads-content { width:100%; display:block; position:static; margin-bottom:2rem; }

  .main-content { padding-right:0; }

	.slider.no-images .slide-msg { padding:9rem 2rem 0; }
	.slider.no-images .slide-title { font-size:3rem; line-height:3.2rem; }
	.slider.no-images .category-icon { bottom:auto; top:0!important; }
	.slider.no-images .slide-categ { bottom:auto; top:2rem; }
	
	.share-icons { margin-bottom:1rem; }
	.share-icons .si-title { float:left; text-align:left; padding:0.5rem 0; margin-right:1rem; }
	.share-icons .si-title span { display:none; }
	.share-icons .si-title em { display:block; margin-left:0; } 
	
	.article-media, .article-media.large { width:100%; }
	.article-media img { margin-bottom:1rem; }
	.article-media-caption, .article-media.large .article-media-caption { width:100%; position:static; display:block; }
	.article-media embed, .article-media iframe, .article-media object { height:30rem; }
		
	.article-option .share-icons:nth-child(1) { display:none; }

	.comment { padding-right:0; }
	.comment-form { padding-bottom:7rem; }
	.comment-form button { left:auto; right:0; }
	.comments-trigger { text-align:left; padding:0 2rem; }
	.filter-comments span { font-size:1.2rem; padding:0; }
	.filter-comments a { font-size:1.4rem; }
	.filter-comments { width:100%; float:none; text-align:left; margin-bottom:1rem; }
	.comment .reply-to-comm strong, .comment a.star-btn strong, .comment a.report-btn strong { display:none; }
	.comment a.report-btn { top:auto; bottom:1.5rem; }
	.comment .reply-to-comm span { font-size:1.6rem; }
		
	.share-icons a { margin:0 0 0 0.7rem; }
	
	.content .slider .slide-subtitle { background:#fff; }
	
	.comments-content { width:100%; }
	.checklist-content .checklist-row { padding-left:7rem; }
  .checklist-content .checklist-row span { left:0; }
	
	.slider.slider-categ .category-icon { top:-2rem!important; }
	.slider.slider-categ .slide-categ { padding-top:3.5rem; }
	.slider.slider-categ .slide-icon-bg { width:40rem; height:40rem; bottom:-5rem; line-height:40rem; font-size:38rem; }
	
	.guide-story { padding:0; }
	.gs-box { padding:2rem 10%; }
	.gs-box .gs-title { padding:0; }
	
	.action-points .action-row { padding:1rem 0 1rem 6rem; }
	.action-points .action-number { width:4rem; height:4rem; line-height:4rem; top:1.5rem; left:0.5rem; }

	.article-media embed, .article-media iframe, .article-media object { height:25rem; }
}

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

	.article-subtitle, .quote h3, .quote-image h3, .error404-title, .checklist-row h3 { font-size:1.8rem; line-height:2.2rem; }
	.share-icons .si-title { padding:0; }
		
	.quote-image h3 { font-size:1.6rem; line-height:2rem; }

	.comments-content { padding:1rem 1rem 2rem; }
	.comment { padding-left:4rem }
	.comment .comm-user-img { width:3rem; height:3rem; }
	.comment-form button { width:100%; height:4rem; line-height:3.8rem; font-size:1.4rem; }
	.comment.reply { margin-left:4rem; }
	
	.article-option .share-icons { margin-right:0; } 
	.article-media embed, .article-media iframe, .article-media object { height:20rem; }
	.share-icons a { width:3.2rem; height:3.2rem; }
	.share-icons a span { line-height:3.2rem; font-size:1.4rem; }
	.share-icons a:nth-child(5) span { font-size:1.6rem; }
	.social-login .share-icons a { margin:0 0.3rem; }
	
	.checklist-content .checklist-row { padding-left:4.5rem;  }
	.checklist-content .checklist-row span { width:3rem; height:3rem; line-height:3rem; font-size:1.2rem; }
	
	.contact-form p { width:90%; }
	
	/*.slider .slide-msg { bottom:-2rem; } - nush ce e asta, da taie textul de deasupra butoanelor de share */
	.slider.slider-categ .slide-title { max-height:7.2rem; font-size:3rem; line-height:3.4rem; }
	.slider.slider-categ .slide-icon-bg { width:27rem; height:27rem; bottom:-5rem; line-height:27rem; font-size:25rem; margin-left:-5rem; }
	
	.gs-box .gs-title, .learnmore-list h3 { font-size:2rem; line-height:2.4rem; margin-bottom:1.5rem; }
	.learnmore-list h3 { margin-bottom:1rem; }
	.learnmore-list p, .action-points p { font-size:1.6rem; line-height:2.2rem; }
	
	.action-points { padding:2rem 0; }
}