@font-face {
    font-family: 'futura_ltregular';
    src: url('../fonts/futuralt-webfont.eot');
    src: url('../fonts/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuralt-webfont.woff') format('woff'),
         url('../fonts/futuralt-webfont.ttf') format('truetype'),
         url('../fonts/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* common */
a {
    text-decoration: none;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.block {
    display: block;
}

.hide {
    display: none;
}

.emailField {
	display: block;
	margin-top: -10px;
	padding: 10px 10px 9px;
	width: 100%;
	font-family: 'futura_ltregular';
	font-size: 14px;
	line-height: 18px;
	color: #bcbcbc;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.subscribeBtn {
	display: block;
	margin-top: 10px;
	padding: 5px 0 4px;
	width: 100%;
	background: #f0f0f0;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f6f6f6), color-stop(0.8, #fff));
	background-image: -o-linear-gradient(top, #f6f6f6 0%, #fff 80%);
	background-image: -moz-linear-gradient(top, #f6f6f6 0%, #fff 80%);
	background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #fff 80%);
	background-image: -ms-linear-gradient(top, #f6f6f6 0%, #fff 80%);
	background-image: linear-gradient(to top, #f6f6f6 0%, #fff 80%);
	font-family: 'futura_ltregular';
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #a0a0a0;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

/* social */
.social {
    width: 26px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -70px;
    z-index: 99;
    -webkit-transition: margin-top 1s linear;
    transition: margin-top 1s linear;

    ul {
        margin: 0;
        padding: 0;
        list-style: none;

        li {
            width: 26px;
            height: 26px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            margin-bottom: 1px;

            &.facebook {
                background: #5576a7;
            }

            &.googleplus {
                background: #e07c63;
            }

            &.twitter {
                background: #54bde9;
            }

	      &.linkedIn {
                background: #007bb6;
            }

            &.rss {
		  position: relative;
                background: #f47442;
		  -webkit-transition: margin-left 1s;
    		  transition: margin-left 1s;
		  
		  &.show {
			margin-left: -196px;			

			&:hover {
		  		opacity: 1;
		  		filter: alpha(opacity=100);
	     		}
		  }
			
			.rssLinksBox {
				position: absolute;
				top: 0;
				left: 26px;
				padding: 6px 0 6px 6px;
				width: 196px;
				background: #f47442;
				font-family: 'futura_ltregular';
				overflow: hidden;
			
				.title {
					display: block;
					text-align: center;
					color: #fff;
					font-size: 14px;		
					text-shadow: 1px 1px rgba(0,0,0,0.25);
					border-radius: 2px 2px 0 0;	
				}

				ul {
					padding: 0 10px 10px 12px;
					background: #f37f52;

					li {
						padding-top: 10px;
						width: 100%;
						border-bottom: 1px dotted #fff;
						text-align: left;
						border-radius: 0;
			
						&:hover {
							opacity: 1;
							filter: alpha(opacity=100);
						}
							
						a {
							position: relative;
							padding-left: 8px;
							font-size: 14px;
							line-height: 18px;
							width: 100%;
							color: #fff;
							text-align: left;

							&:before {
								content: '';
								position: absolute;
								left: 0;
								top: 7px;
								display: block;
								width: 4px;
								height: 4px;
								border-radius: 50%;
								background: #fff;						
							}

							&.all {
								padding-left: 0;

								&:before {
									display: none;
								}
							}
						}	
						
					}
				}
			}
            }

	     &:hover {
		  opacity: 0.9;
		  filter: alpha(opacity=90);
	     }

            a {
                display: inline-block;
                width: 26px;
                height: 26px;
                color: #fff;
                text-align: center;
                line-height: 26px;
            }
        }
    }
}

/* circle color */

.Marketing {
    .date p {
        border: 2px solid #A8C358 !important;
        span {
            color: #A8C358;
            &.month {
                text-transform: uppercase;
            }
        }
    }
}

.Collections {
    .date p {
        border: 2px solid #6AA6A1 !important;
        span {
            color: #6AA6A1;
            &.month {
                text-transform: uppercase;
                color: #6AA6A1;
            }
        }
    }
}

.Analytics {
    .date p {
        border: 2px solid #B68DBE !important;
        span {
            color: #B68DBE;
            &.month {
                text-transform: uppercase;
                color: #B68DBE;
            }
        }
    }
}

.Risk {
    .date p {
        border: 2px solid #668C9F !important;
        span {
            color: #668C9F;
            &.month {
                text-transform: uppercase;
                color: #668C9F;
            }
        }
    }
}

.Fraud {
    .date p {
        border: 2px solid #6CBCD0 !important;
        span {
            color: #6CBCD0;
            &.month {
                text-transform: uppercase;
                color: #6CBCD0;
            }
        }
    }
}

.Originations {
    .date p {
        border: 2px solid #E28E97 !important;
        span {
            color: #E28E97;
            &.month {
                text-transform: uppercase;
                color: #E28E97;
            }
        }
    }
}

/* disqus plugin */
#disqus_thread {
    .publisher-anchor-color a {
        color: #288ce4 !important;
    }

    a.publisher-anchor-color {
        color: #288ce4 !important;
    }
}

/* twitter plugin */
.tweets {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.02em;

    li {
        margin-bottom: 45px;
        color: #656565;

        a {
            color: #656565;
        }

        em {
            a {
                font-style: normal;
                color: #7fb0d5;
            }
        }

        .icon-tweet-container {
            float: left;
            display: inline-block;
            height: 100px;
            width: 60px;

            .icon-tweet {
                width: 35px;
                height: 35px;
                display: inline-block;
                border: 1px solid #e2e2e2;
                border-radius: 50%;
                color: #e2e2e2;
                text-align: center;
                line-height: 35px;
                .ht-box-sizing;
                padding-top: 3px;
            }
        }
    }
}

/* category type */
.ht-color-category(@color) {
    background: @color;
    -webkit-box-shadow:inset 0 2px 1px 0 darken(@color, 8%);
    box-shadow:inset 0 2px 1px 0 darken(@color, 8%);
}

.category {
    &.type {
	 &.uncategorized {
            .ht-color-category(#ccc);
        }

        &.fraud-security {
            .ht-color-category(#6cbcd0);
        }

        &.collections-recovery {
            .ht-color-category(#6aa6a1);
        }

        &.analytics-optimization{
            .ht-color-category(#b68dbe);
        }

        &.marketing-customer-engagement {
            .ht-color-category(#a8c358);
        }

        &.originations {
            .ht-color-category(#e28e97);
        }

        &.risk-compliance  {
            .ht-color-category(#668c9f);
        }

		&.marketing-customer-engagement {
			.ht-color-category(#a8c358);
        }
    }
}

/* function */
.ht-box-sizing(){
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* structure */ 
body {
    min-width: 320px;
    font-family: 'futura_ltregular';
    letter-spacing: 0.04em;

    &.admin-bar {
        padding-top: 32px;
    }

    & > header {
        font-size: 12px;
        color: #bcbcbc;

        a {
            color: #bcbcbc;
        }

        .headerContent {
            margin: 0 auto;
            padding: 15px 0;
            width: 1080px;
            height: 88px;
            .ht-box-sizing;
        }

        nav {
            ul {
                padding: 0;
                margin: 0;
                
                li {
                    display: inline-block;
                    margin-left: 22px;
                    letter-spacing: normal;
                }
            }

            form {
                p {
                    margin: 15px 0;
                }
            }

            input[type=text],
            input[type=search] {
                width: 239px;
                height: 28px;
                border: 1px solid #dedede;
                color: #bcbcbc;
                padding: 0 30px 0 14px;
                .ht-box-sizing;
                outline: 0;
                background: #f9f9f9 url('../img/searchicon.png') 95% 0 no-repeat;
            }
        }
    }

    & > .sliderMain {
        height: 470px;
        background-color: #f2f2f2;
        padding: 40px 0 0;
        .ht-box-sizing;

        & > .sliderMainContainer {
            height: 375px;
            width: 1080px;
            background-color: #fff;
            margin: 0 auto;

            & > figure {
                width: 486px;
                height: 375px;
                float: left;
                margin-right: 25px;
                overflow: hidden;

                img {
                    display: none;
                    height: 100%;
                    width: auto;
                }
            }

            .sliderMainContent {
                padding: 20px 29px 41px 0;
                float: left;
                width: 569px;
                height: 375px;
				overflow: hidden;
                .ht-box-sizing;

                article {
                    background-color: #f8fafb;
                    margin-bottom: 41px;

                    &.active {
                        margin-bottom: 20px;

                        h3 {
                            color: #565656;

                            a {
                                color: #565656;
                            }
                        }
                    }

                    header {
                        height: 33px;
                        line-height: 33px;
                        font-size: 14px;

                        h3 {
                            margin: 0;
                            color: #8f8f8f;
                            font-weight: 400;
                            font-size: 14px;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            overflow: hidden;

                            a {
                                color: #8f8f8f;
                            }

                            .category {
                                width: 170px;
                                text-align: center;
                                color: #fff;
                                display: inline-block;
                                margin-right: 20px;

                                a {
                                    color: #fff;
                                }
                            }
                        }
                    }

                    .content {
                        display: none;
                        margin: 0;
                        font-size: 13px;
                        padding: 30px 30px 20px 20px;
                        /*height: 155px;*/
                        .ht-box-sizing;
                        position: relative;
                        overflow: hidden;

                        img {
                            display: none;
                        }

                        a {
                            color: #5ba9a2;
                        }
                    }
                }
            }
        }

        .sliderNavigation {
            text-align: center;
            line-height: 47px;

            ul {
                margin: 0;
		  padding-left: 0;

                li {
                    display: inline-block;

                    &.active {
                        a {
                            background-color: #9d9d9d;
                        }
                    }

                    a {
                        display: inline-block;
                        background-color: #c7c7c7;
                        width: 11px;
                        height: 11px;
                        border-radius: 50%;
                        margin: 0 5px;
                    }
                }
            }
        }
    }

    .breadcrumb {
	 width: 100%;
        height: 70px;
        background-color: #f2f2f2;
        margin-bottom: 25px;
	 overflow: hidden;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;

        p {
            width: 1080px;
            margin: 0 auto;
            color: #5b5b5b;
            font-size: 11px;
            line-height: 70px;
            font-family: 'open_sansregular';
	     white-space: nowrap;
	     text-overflow: ellipsis;
	     overflow: hidden;

            a {
                color: #5b5b5b;
            }
        }
    }

    .contentMain {
        margin: 0 auto;
        width: 1080px;

        & > nav {
            height: 155px;
            
            ul {
                margin: 0;
                padding: 20px 0;
				text-align: center;
                
                li {
                    display: inline-block;
                    text-align: center;
                    margin: 0 34px;
                    width: 85px;
                    height: 99px;
                    font-size: 13px;
					vertical-align: top;

                    &.inactive {
                        a {
                            color: #ccc !important;
                        
                            .circle {
                                background-color: #ccc !important;
                            }
                        }
                    }

                    &.all {
                        a {
                            color: #eea761;

                            .circle {
                                background-color: #eea761;
                            }
                        }
                    }

                    &.fraud-security {
                        a {
                            color: #6cbcd0;

                            .circle {
                                background-color: #6cbcd0;

								&:before {
									content: '\f132';
								}
							}
						}
                    }

                    &.collections-recovery {
                        a {
                            color: #6aa6a1;

                            .circle {
                                background-color: #6aa6a1;

								&:before {
									content: '\f0d6';
								}
							}
                        }
                    }

                    &.analytics-optimization {
                        a {
                            color: #b68dbe;

                            .circle {
                                background-color: #b68dbe;

								&:before {
									content: '\f0e6';
								}
							}
                        }
                    }

                    &.customer-engagement {
                        a {
                            color: #a8c358;

                            .circle {
                                background-color: #a8c358;
                                /*background-position: 0 -208px;*/

						&:before{
							content: '\f02b';
						}
                            }
                        }
                    }

                    &.originations {
                        a {
                            color: #e28e97;

                            .circle {
                                background-color: #e28e97;

								&:before {
									content: '\f018';
								}
							}
                        }
                    }

                    &.risk-compliance {
                        a {
                            color: #668c9f;

                            .circle {
                                background-color: #668c9f;
						
								&:before {
									content: '\f19c';
									margin-left: 2px;
									font-size: 30px;
									line-height: 50px;
								}
                            }
                        }
                    }

		      &.marketing-customer-engagement {
                        a {
                            color: #a8c358;

                            .circle {
                                background-color: #a8c358;
				
								&:before {
									content: '\f02b';
								}
							}
                        }
                    }
			
                    a {
                        color: #ccc;

                        .circle {
                            display: inline-block;
				margin-bottom: 10px;
                            width: 52px;
                            height: 52px;
                            border-radius: 50%;				
				background: #ccc;
                            				
							&:before {
								content: '\f036';
								font-family: FontAwesome;
								font-style: normal;
								font-weight: normal;
								font-size: 34px;
								line-height: 54px;
								color: #fff;
								-webkit-font-smoothing: antialiased;
								-moz-osx-font-smoothing: grayscale;
							}
						}
                    }
                }
            }
        }

        & > .posts,
	 .authorDescription {
            float: left;
            width: 755px;
            .ht-box-sizing;
            padding: 0 33px 0 7px;
            clear: both;

            & > article {
                margin-bottom: 70px;

                &.post {
		      &.category-uncategorized {
                        a.readMore { color: #ccc; font-weight: bold; }

                        .containerImg {
                            color: #ccc;

                            .date {
                                border: 3px solid #ccc;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                    &.category-fraud-security {
                        a.readMore { color: #6cbcd0; font-weight: bold; }

                        .containerImg {
                            color: #6cbcd0;

                            .date {
                                border: 3px solid #6cbcd0;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                    &.category-collections-recovery {
                        a.readMore { color: #6aa6a1; font-weight: bold; }

                        .containerImg {
                            color: #6aa6a1;

                            .date {
                                border: 3px solid #6aa6a1;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                    &.category-analytics-optimization {
                        a.readMore { color: #b68dbe; font-weight: bold; }

                        .containerImg {
                            color: #b68dbe;

                            .date {
                                border: 3px solid #b68dbe;;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                    &.category-marketing-customer-engagement {
                        a.readMore { color: #a8c358; font-weight: bold; }

                        .containerImg {
                            color: #a8c358;

                            .date {
                                border: 3px solid #a8c358;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                    &.category-originations {
                        a.readMore { color: #e28e97; font-weight: bold; }

                        .containerImg {
                            color: #e28e97;

                            .date {
                                border: 3px solid #e28e97;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                    &.category-risk-compliance{
                        a.readMore { color: #668c9f; font-weight: bold; }

                        .containerImg {
                            color: #668c9f;

                            .date {
                                border: 3px solid #668c9f;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

		       &.category-marketing-customer-engagement {
                        a.readMore { color: #a8c358; font-weight: bold; }

                        .containerImg {
                            color: #a8c358;

                            .date {
                                border: 3px solid #a8c358;
                                background: #fff;
                                display: inline-block;
                                width: 80px;
                                height: 80px;
                                border-radius: 50%;
                                text-align: center;

                                span {
                                    display: block;
                                }
                            }
                        }
                    }

                }

                header {
					min-height: 40px;
                    font-size: 16px;
                    margin-bottom: 13px;
	
		      &.entry-header {
				display: none;
			}
                    
                    h3 {
						display: table;
                        margin: 0;
                        color: #565656;
                        font-weight: 400;
						border-collapse: collapse;
						border-spacing: 0;
						font-size: 16px;

                        &.long {
                            .category {
                                float: left;
                            }

                            & > a {
								line-height: 16px;
                            }
                        }

                        .category {
                            width: 170px;
                            text-align: center;
                            color: #fff;
                            display: table-cell;
                            font-size: 14px;
                            margin-right: 25px;
				height: 32px;
				vertical-align: middle;

                            a {
				    display: inline;
                                color: #fff;
				    line-height: 30px;
                            }
                        }

                        a {
				display: table-cell;
                            color: #565656;
				vertical-align: middle;
                        }

						.articleTitle {				
							display: table-cell;
                            			color: #565656;
							vertical-align: middle; 
							padding-left: 25px;                      
						}
                    }
                }

                .containerImg {
                    position: relative;
					min-height: 50px;

                    & > .date {
                        position: absolute;
                        top: 50%;
                        left: -60px;
                        margin-top: -40px;
                        line-height: 135%;
                        padding: 7px 0;
                        .ht-box-sizing;

                        .month {
                            font-size: 14px;
                            text-transform: uppercase;
                        }

                        .day {
                            font-size: 26px;
                        }

                        .year {
                            font-size: 12px;
                        }
                    }
                }

                figure {
                    width: 715px;
                    overflow: hidden;
                    position: relative;

                    img {
                        max-width: 100%;
                        width: 100%;
                        height: auto;
                    }
                }

                .content {
                    font-size: 13px;
                    font-family: 'open_sansregular';
                    color: #656565;
                    letter-spacing: 0.02em;
                    line-height: 22px;
                    text-align: justify;
                    padding: 0 20px;

                    a {
                        color: #668c9f;
                    }
                }

                .information {
                    line-height: 49px;
                    border: solid #eee;
                    border-width: 1px 0;
                    display: inline-block;
                    width: 100%;
                    font-size: 11px;
                    color: #828282;
                    font-family: 'open_sansregular';
                    margin: 25px 0 0;

                    p {
                        margin: 0;
                    }

                    a {
                        color: #7FB0D5;
                    }
                }
            }

            .pagination {
                font-size: 12px;
                font-family: 'open_sansregular';
                margin: 70px 0 80px 0;

                & > div {
                    margin: 0;
                    padding: 0;
                    text-align: center;

                    a,
                    span {
                        margin: 0 5px;

                        &.prev {
                            margin-right: 30px;
                            width: auto;
                            height: auto;
                        }

                        &.next {
                            margin-left: 30px;
                            width: auto;
                            height: auto;
                        }


                        color: #828282;
                        display: inline-block;
                        width: 25px;
                        height: 25px;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 25px;

                        &.current {
                            background-color: #f2f2f2;
                            font-weight: 700;
                            -webkit-box-shadow:inset 0 1px 1px 0 #e2e2e2;
                            box-shadow:inset 0 1px 1px 0 #e2e2e2;
                        }
                    }
                }
            }
        }

        & > aside {
            width: 324px;
            .ht-box-sizing;
            padding-left: 35px;
            float: right;
            border-left: 1px solid #eee;

            .sectionBlock {
                margin-bottom: 35px;

                & > header {
                    h3 {
                        font-size: 14px;
                        color: #565656;
                        line-height: 35px;
                        border-bottom: 1px solid #eee;
                        font-weight: 400;
                        margin: 0 0 30px;
                    }
                }

		  .seeMoreAuthors {
		  	display: block;
			text-align: center;	
			cursor: pointer;		

			ul {
				margin: 0 0 20px;
				padding: 0;
				list-style: none;

				li {
					display: inline-block;
					margin: 0 8px;
					width: 6px;
					height: 6px;
					background: #dbdbdb;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
				}
			}

			.text {
				color: #909090;
				font-size: 12px;
				line-height: 20px;
				text-decoration: underline;
				letter-spacing: 2px;
			}
		  }

                .pupularPosts {
                    article {
                        clear: both;
                        margin-bottom: 65px;
                        width: 100%;
                        display: table;

			.commentCount a {
				color: #828282;
				font-size: 11px;
                        }

                        &.type {
                            &.fraud-security {
                                .date {
                                    color: #6cbcd0;

                                    & > p {
                                        border-color: #6cbcd0;
                                    }
                                }
                            }

                            &.collections-recovery {
                                .date {
                                    color: #6aa6a1;

                                    & > p {
                                        border-color: #6aa6a1;
                                    }
                                }
                            }

                            &.analytics-optimization {
                                .date {
                                    color: #b68dbe;

                                    & > p {
                                        border-color: #b68dbe;
                                    }
                                }
                            }

                            &.marketing-customer-engagement {
                                .date {
                                    color: #a8c358;

                                    & > p {
                                        border-color: #a8c358;
                                    }
                                }
                            }

                            &.originations {
                                .date {
                                    color: #e28e97;

                                    & > p {
                                        border-color: #e28e97;
                                    }
                                }
                            }

                            &.risk-compliance {
                                .date {
                                    color: #668c9f;

                                    & > p {
                                        border-color: #668c9f;
                                    }
                                }
                            }

							&.marketing-customer-engagement {
                                .date {
                                    color: #a8c358;

                                    & > p {
                                        border-color: #a8c358;
                                    }
                                }
                            }

				
                        }

                        .date {
                            width: 60px;
							display: table-cell;

                            p {
                                margin: 0;
                                width: 35px;
                                height: 35px;
                                border-radius: 50%;
                                border: 2px solid #ccc;
                                text-align: center;
                                .ht-box-sizing;
                                padding: 3px 0;

                                span {
                                    display: block;
                                }

                                .month {
                                    font-size: 8px;
                                }

                                .day {
                                    font-size: 12px;
                                }
                            }
                        }

                        .content {
							display: table-cell;

                            p {
                                margin: 0;
                            }

                            .title {
                                color: #676666;
                                font-size: 14px;
                                line-height: 20px;
                            }

                            .count {
                                color: #979797;
                                font-size: 11px;
                                margin-top: 5px;
                            }
                        }
                    }
                }

                .authors {
                    article {
                        margin-bottom: 35px;

                        header {
							position: relative;
							padding-left: 85px;

                            figure {
                                position: absolute;
								top: 0;
								left: 0;
                                width: 70px;
                                height: 70px;
                                border-radius: 50%;
                                overflow: hidden;
                                margin-right: 15px;

                                img {
                                    width: 100%;
                                    border-radius: 50%;
                                }
                            }

							.authorData {
								width: 100%;
							}

                            .name {
				    display: block;
                                font-size: 14px;
                                color: #5f5f5f;
                                margin: 0 0 10px;
                                padding-top: 12px;
								white-space: nowrap;
								text-overflow: ellipsis;
                                width: 100%;
                                overflow: hidden;
                            }

                            .website {
                                font-size: 12px;
                                color: #979797;
                                margin: 0;

                                .twitter {
                                    color: #92b2d9;
                                    margin-left: 10px;
                                }
                            }
                        }

                        .content {
                            clear: both;
                            margin: 20px 0 0;
                            font-size: 12px;
                            line-height: 18px;
                            color: #565656;
                        }
                    }
                }

                .tag-groups-cloud-tabs {
					ul {
						list-style: none;
						margin: 0;
						padding: 0;
						display: inline-block;
						margin-bottom: 10px;
						
						li {
							a {
								display: inline-block;
								width: 100%;
								height: 100%;
								color: #565656;
								
								&:hover {
									text-decoration: none;
								}
							}
							
							&:first-child {
								width: 115px;
							}
							
							&.ui-tabs-active,
							&:hover {
								background: #6cbcd0;
								-webkit-box-shadow: inset 0 2px 1px 0 #4daec6;
								box-shadow: inset 0 2px 1px 0 #4daec6;
								
								a {
									color: #fff !important;
								}
							}
							
							width: 170px;
							text-align: center;
							display: inline-block;
							float: left;
							line-height: 43px;
							background: #ededed;
							font-size: 16px;
						}
					}
					
                    a {
                        color: #777;

                        &:hover {
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
    }

    & > footer {
        position: relative;
        clear: both;
        line-height: 60px;
        background-color: #f2f2f2;

        p {
            font-size: 11px;
            font-family: 'open_sansregular';
            color: #828282;
            margin: 0 auto;
            width: 1080px;
            position: relative;
        }

        a {
            color: #828282;
        }

        .backTop {
            position: absolute;
            top: -33px;
            right: 0;
            float: right;
            line-height: normal;
            text-align: center;

            .top {
                display: inline-block;
                width: 35px;
                height: 35px;
                background-color: #f2f2f2;
                position: relative;

                .arrow {
                    position: absolute;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-bottom: 5px solid #bdbdbd;
                    top: 50%;
                    left: 50%;
                    margin: -5px 0 0 -5px;
                }
            }
        }
    }

	.ourAuthors {
		clear: both;
		overflow: hidden;

		header {
			h3 {
				display: block !important;
				font-size: 14px !important;
				color: #565656;
				line-height: 35px;
				border-bottom: 1px solid #eee;
				font-weight: 400;
				margin: 0;
			}
		}
		
		.authorsList {
			padding: 0;
			list-style: none;
			
			.author {
				position: relative;
				float: left;
				margin: 50px 0;
				width: 33.3%;

				&:nth-of-type(3n-1) {
					article {
						margin: 0 auto;
					}
				}

				&:nth-of-type(3n) {
					article {
						float: right;
					}
					
					.arrow {
						bottom: -50px;
					}

				}

				
				.arrow {
					display: none;
					position: absolute;
					bottom: -63px;
					left: 50%;
					margin-left: -7px;
					width: 0; 
					height: 0; 
					border-left: 7px solid transparent;
					border-right: 7px solid transparent;	
					border-bottom: 14px solid #7fb0d5;

					&.active {
						display: block;
					}
				}


				article {
					position: relative;
					width: 170px;
					text-align: center;

					figure {
						width: auto;
						height: auto;
						background: #fff;
						cursor: pointer;

						img {
							width: auto;
							height: auto;
							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
						}
					}
			
					.authorData {
						width: 100%;

						.name {
							margin: 0 0 10px;
							padding-top: 12px;
							width: 100%;
							font-size: 14px;
							color: #5f5f5f;
							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
							cursor: pointer;
						}

						.website {
							margin: 0;
							font-size: 12px;
							color: #979797;
							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
				
							.twitter {
								color: #92b2d9;
								margin-left: 10px;
							}
						}
					}	

				}
			}
			
			.authorDetails {
				display: none;
				position: relative;
				float: left;
				clear: both;
				padding: 35px 20px 45px;
				width: 100%;
				background: #f7f7f7;
				border-top: 4px solid #7fb0d5;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				
				&.active {
					display: block;
				}

				&.mobile {
					display: none;
				}

				.desciription {
					padding-left: 240px;

					.basicInfo {
						float: left;
						margin-left: -240px;
						padding-right: 40px;
						width: 200px;

						h4 {
							margin: 0;
							font-weight: normal;
							font-size: 13px;
							line-height: 20px;
							color: #5b5b5b;
							text-decoration: underline;
						}
						
						p {
							margin: 0 0 20px;
							font-size: 12px;
							line-height: 20px;
							color: #5b5b5b;
						}

						a {
							font-size: 12px;
							line-height: 20px;
							color: #258fe0;	
						}
					}
					
					p {
						margin: 0 0 20px;
						font-size: 12px;
						line-height: 20px;
						color: #5b5b5b;
					}
				}
			}
		}

		+ .edit-link {
			display: none;
		} 

	}	
}

body .contentMain > .posts img {
    max-width: 100%;
	height: auto;
}

iframe {
	border: 0;
	overflow: hidden;
	width: 280px;
}

#blogSubscribe {
	width: 280px;
	position: relative;
}

#blogSubscribe label {
	display: block;
	margin: 15px 0;
}

#blogSubscribe .errorInfo {
	color: #be4d59;
	font-size: 11px;
	position: absolute;
	top: 40px;
	right: 10px;
}

#blogSubscribe .successInfo {
	display: block;
	margin-top: -10px;
	padding: 10px 10px 9px;
	width: 100%;
	font-size: 15px;
	line-height: 18px;
	color: #a8c358;
	border: 1px solid #a8c358;
	border-radius: 4px;
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	text-align: center;
	background: url('../img/success-icon.png') 25px 50% no-repeat; 
}

body .contentMain > .posts > article header h3.long .category {
	float: none;
	display: table-cell;
	line-height: 16px;
	vertical-align: middle;
}

body .contentMain > .posts > article header h3.long > a {
	padding-left: 25px;
}


//rwd version

@media screen and (max-height: 768px) {

	.social {

		&.higher {
			margin-top: -206px;
		}

	}

}


@media screen and (max-height: 439px) {

	.social {
		display: none;
	}

}


@media screen and (min-width: 768px) and (max-width: 1180px) {

	body {
		.contentMain {
			padding: 0 50px;
			.ht-box-sizing;
		}
		& header {
			.headerContent {
				padding-right: 50px;
				padding-left: 50px;
			}
		}

		.sliderMain {
			padding-right: 50px;
			padding-left: 50px;
		}
	}

	body {
		.contentMain {
			width: 100%;			
			nav {

				ul {

					li {
					    margin: 0;
					    width: 14.2%;

					    .block {
					        display: block;
							margin: 0 auto;
							width: 85px;
   					    }

					}				

				}			

			}

		}

		.breadcrumb {
			padding: 0 50px;

			p {
				width: 100%;
			}
		}
	
	}


body > header .headerContent {
	width: 100%;
}

body > .sliderMain > .sliderMainContainer {
	width: 100%;
}

body > .sliderMain > .sliderMainContainer .sliderMainContent {
 width: 50%;
}

body > .sliderMain > .sliderMainContainer .sliderMainContent .content {
	height: auto;
}

body > .sliderMain > .sliderMainContainer > figure {
	margin-right: 2%;
	width: 48%;
}

body .contentMain > .posts {
	width: 70%;
}

body .contentMain .authorDescription {
	width: 70%;
}

body .contentMain .authorDescription > article figure,
body .contentMain > .posts > article figure {
	width: 100%;
	height: auto;
}

body .contentMain > aside {
	width: 30%;
	overflow: hidden;
}

body > footer {
	padding-right: 50px;
	padding-left: 50px;
}

body > footer p {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

}


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

	body .contentMain > .posts > article figure,
	body .contentMain .authorDescription > article figure {
		height: 286px;
	}

	body {
		.ourAuthors {

			.authorsList {
			
				.author {
					width: 50%;

					&:nth-of-type(3n-1) {
						article {
							float: none;
							margin-right: auto;
							margin-left: auto;
						}
					}

					&:nth-of-type(3n) {
						article {
							float: none;
							margin-right: auto;
							margin-left: auto;
						}

						.arrow {
							bottom: -63px;
						}
					}

					article {
						float: none;
						margin-right: auto;
						margin-left: auto;
					}

				}

				.authorDetails {

					&.active {
						display: none;					
					}
					
					&.mobile.active {
						display: block;
					}
				}
			}
		}
	}


}


@media screen and (min-width: 0px) and (max-width: 767px) {
    html {
        font-size: 62.5%;
    }

    .social {
	display: none;
    }

    .tweets {
		font-size: 10px;
		line-height: 16px;

        li {
            .icon-tweet-container {                
				width: 60px;
				height: 50px;
				margin-bottom: 20px;

                .icon-tweet {
					width: 40px;
					height: 40px;
					font-size: 12px;
					line-height: 12px;
                    border: 3px solid #e2e2e2;
					padding-top: 6px;
                }
            }
        }
    }

    .social {
		width: 20px;
        top: 50%;
        margin-top: -3.2em;

        ul {
	     font-size: 15px;

            li {
				width: 20px;
				height: 20px;
                border-top-left-radius: 0.5rem;
                border-bottom-left-radius: 0.5rem;

                a {
					width: 20px;
					height: 20px;
                    color: #fff;
					line-height: 20px;
                }
            }
        }
    }

    body {
        &.admin-bar {
            padding-top: 46px;
        }

        & > header {
            font-size: 10px;

            .headerContent {
                width: 100%;
				height: 56px;
				padding: 6px;
		
		  figure {

                    img {
			max-width: 140px;
                    }
                }


            }

            nav {
                form {
                    p {
						margin: 0;
                    }
                }
		  ul {
		  	li {
			   margin-left: 6px;
			}
 		  }
                input[type=search] {
					float: right;
					width: 144px;
					height: 22px;
					font-size: 11px;
					background-position: 95% -4px;
                }

		  a {
			font-size: 10px;
			line-height: 18px;		  
		  }

            }
        }

        & > .sliderMain {
			padding-top: 30px;
            height: auto;

            & > .sliderMainContainer {
                width: 100%;
				height: 620px;

                & > figure {
                    display: none;
                }

                .sliderMainContent {
                    float: none;
                    width: 100%;
                    height: auto;
					max-height: 600px;
					padding: 15px;

                    article {
						margin-bottom: 20px;
                        font-size: 2rem;
                        text-align: justify;

                        header {
							height: 30px;
							line-height: 30px;

                            h3 {
                                a {
									font-size: 10px;
                                    color: #333 !important;
                                }

								.articleTitle {
									 font-size: 10px;
								}
                                
								.category {
									margin-right: 10px;
									width: 110px;
									font-size: 10px;
									height: 30px;
								}
                            }
                        }

                        .content {
							padding: 15px 10px;
							font-size: 11px;
							line-height: 18px;
				
				span {
					display: block;
					margin-bottom: 15px;
					width: 100%;
					height: 262px;
					overflow: hidden;
				}

                            img {  
                                display: block;
                                width: 100%;
                                height: auto;
                                margin-bottom: 2rem;
                            }
                        }
                    }
                }
            }

            .sliderNavigation {
                line-height: 74px;

                ul {
					padding-left: 0;

                    li {
                        a {
                            width: 10px;
                            height: 10px;
                        }
                    }
                }
            }
        }

        .contentMain {
            width: 100%;

            & > nav {
                display: none;
            }

            & > .mobileNavigation {
                display: block;
				padding: 36px 6px;
                height: auto;
                position: relative;

                .currentCategory {
					border-bottom: 3px solid #d39a60;
                    margin: 0;
                    display: inline-block;
                    width: 100%;

                    .value {
						width: 140px;
						height: 30px;
						line-height: 30px;
						display: inline-block;
                        background: #efae6d;
                        color: #fff;
                        .ht-box-sizing;
						padding: 0 10px;
                        float: left;
						font-size: 10px;

                        i {
                            position: relative;
                            float: right;
                            top: 50%;
							margin-top: -5px;
                        }
                    }

                    .arrowEnd {
                        border-bottom: 0 solid transparent;
						border-left: 24px solid #d39a60;
                        border-top: 30px solid transparent;
                        display: inline-block;
                        vertical-align: bottom;
                        float: left;
                    }
                }

                ul {
					padding: 10px;
                    background: #f5f5f5;
                    position: absolute;
                    z-index: 98;
					top: 69px;
					left: 6px;
					right: 6px;
                    
                    li {
						width: 46%;
                        height: auto;
                        margin: 0 0 0 4%;
						font-size: 10px;
                        float: left;
                        text-align: left;

                        &:nth-child(2n+1) {
							margin-left: 0;
							margin-right: 4%;			
                        }

                        a {
							width: 100%;
							height: 24px;
							line-height: 24px;
                            color: #555;
                            display: inline-block;
                            border-bottom: 1px solid #c7c7c7;
                        }
                    }
                }
            }

            & > .posts,
			.authorDescription {
                float: none;
                width: 100%;
                padding: 1rem;

                article {
                    header {
                        h3.long {

                            & > a {
                                float: none;
                                width: auto;
                                height: auto;
                            }
                        }
                    }

                    header {
						height: auto;
						min-height: 30px;
						line-height: 30px;

                        h3 {
                            a {
								font-size: 10px;
								line-height: 15px;	
                            }

							.articleTitle {
								font-size: 10px;
								line-height: 15px;
							}

							&.long {
								a {
									line-height: 15px;
								}
							}

							.category {
								margin-right: 10px;
								width: 110px;

								a {
									font-size: 10px;
								}
							}
                        }
                    }

                    figure {
                        width: 100%;
                        height: 48%;
			   max-height: 343px;
                    }

                    .containerImg {
                        .date {
							margin-top: -21px;
							padding: 5px 0;
							width: 42px !important;
							height: 42px !important;
                            left: 0;
							line-height: 10px;
							border-width: 2px;

                            .month {
								font-size: 7px;
                            }

                            .day {
								font-size: 13px;
                            }

                            .year {
								font-size: 7px;
                            }
                        }
                    }

                    .content {
						padding: 10px;
						font-size: 10px;
						line-height: 16px;

                    }

                    .information {
						font-size: 8px;
						line-height: 24px;
                    }
                }

                .pagination {
                    font-size: 1.6rem;

                    & > div {
                        & > span,
                        & > a {
                            width: 2.5rem;
                            height: 2.5rem;
                            line-height: 2.5rem;
                        }
                    }
                }
            }

            & > aside {
                float: none;
                width: 100%;
                padding: 1.2rem;

                .sectionBlock {
                    & > header {
                        h3 {
							font-size: 10px;
							line-height: 16px;
							color: #333;
                        }	      
		    
                    }

                    .pupularPosts {
                        article {                            
							margin-bottom: 30px;

                            .date {
								width: 55px;

                                p {
									width: 40px;
									height: 40px;
                                    padding: 3px 0;

                                    .month {
                                        font-size: 8px;
                                    }

                                    .day {
                                        font-size: 12px;
                                    }
                                }
                            }

                            .content {
                                width: 46rem;

                                .title {
									font-size: 10px;
									line-height: 16px;
                                }

                                .count {
									font-size: 8px;
									line-height: 14px;
									margin-top: 4px;
                                }
                            }
                        }
                    }

                    .authors {
                        article {
							margin-bottom: 40px;

                            header {
								display: block;
								padding-left: 50px;
				
                                figure {
									width: 40px;
									height: 40px;
									margin-right: 15px;
                                }

                                .name {
									padding-top: 3px;
									margin: 0 0 5px;
									font-size: 10px;
									line-height: 16px;
                                }

                                .website {
									font-size: 10px;
									line-height: 16px;

                                    .twitter {
                                        margin-left: 2rem;
                                    }
                                }
                            }

                            .content {
								margin: 5px 0 0;
								font-size: 10px;
								line-height: 16px;
                            }
                        }
                    }

                    .tag-groups-cloud-tabs {
                        a {
                            text-decoration: underline;
                        }
                    }
                }
            }
        }

        & > footer {
            width: 100%;
            padding: 0 1.2rem;
            .ht-box-sizing;
            font-size: 1.8rem;
            line-height: 3.2rem;

            p {
                width: 100%;
				font-size: 9px;
				line-height: 16px;
                text-align: center;
				padding-top: 40px;
				padding-bottom: 15px;
            }
        }
    }

body .breadcrumb {
	margin-bottom: 10px;
	padding: 0 1rem;
	height: 30px;
}

body .breadcrumb p {
	width: 100%;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

body .entry-content img {
	max-width: 100%;
}

}


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

	body .contentMain > .posts article figure,
	body .contentMain .authorDescription article figure {
		height: 260px;
	}

	body {
		.ourAuthors {

			.authorsList {
			
				.author {
					margin-top: 25px;
					margin-bottom: 25px;
					width: 50%;
	
					&:nth-of-type(3n-1) {
						article {
							float: none;
							margin-right: auto;
							margin-left: auto;
						}
					}
					
					&:nth-of-type(3n) {
						article {
							float: none;
							margin-right: auto;
							margin-left: auto;
						}

						.arrow {
							bottom: -38px;
						}
					}
					

					article {
						float: none;
						margin-right: auto;
						margin-left: auto;
					}
				
					
					.arrow {
						bottom: -38px;
					} 	

				}
				
				.authorDetails {
					padding-top: 15px;
					padding-bottom: 20px;
					
					&.active {
						display: none;					
					}
					
					&.mobile.active {
						display: block;
					}

					.desciription {
						padding-left: 0;

						.basicInfo {
							float: none;
							margin-left: 0;
							padding-right: 0;
							width: auto;

							p {
								margin-bottom: 10px;
							}
						}

						p {
							margin-bottom: 10px;
						}
					}
				}

			}
		}
	}	

}

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

	body .contentMain > .posts article figure,
	body .contentMain .authorDescription article figure {
		height: 175px;
	}

	body > .sliderMain > .sliderMainContainer .sliderMainContent article .content span {
		height: 175px;
	}

}


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

	body {
		.ourAuthors {

			.authorsList {
			
				.author {

					article {
						width: 120px;

						.authorData {
							.name {
								margin-bottom: 0;
							}
						}
					}					
	
				}
			}
		}
	}


}


@media only screen and (min-resolution: 100dpi) {
    html {
       /*font-size: 100% !important;*/
    }
}