/*------------------------------------------------------------------
[Table of contents]

1. FONT IMPORTS
2. BOOTSTRAP RESETS
3. MAIN NAVIGATION
4. HOME SECTION
5. FEATURES SECTION
6. SUBSCRIBE SECTION
7. PRICING SECTION
8. REVIEWS SECTION
9. OVERVIEW SECTION
10. CONTACT US SECTION
11. FOOTER
12. BLOG PAGE
13. SIDE BAR BLOCK
14. SINGLE PAGE
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background of Features and Pricing sections: #f9f9f9 (light gray)
Background of Home, Subscribe and Review sections: #ffffff (white)
Background of Overview section (book-introduce-block) and Footer section: #393735(light black)
Background of Overview section (template-block) and Buttons: #da2623 (dark yellow)
Background of Copyright section: #2e2c2b (dark black)
Body Background: #ffffff (white)
Content in General: #787878 (gray)
Content of Home Section:	#1e1e1e (light black)
Content of template-block Section: #ffffff (white)
Content of book-introduce-block Section: #969696 (light gray)
Content of Footer Section: #959191 (gray)
Headers in General: #323232 (dark black)
Headers of Overview and Footer sections: #ffffff (white)

a (standard): #959191 (gray)
a (active):	#da2623 (dark yellow)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy:		14px 'Lato', sans-serif;
Headers:		'Lato', sans-serif;
Input, textarea:	'Lato', sans-serif;
-------------------------------------------------------------------*/

/* FONT IMPORTS */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Light.woff') format('woff'),
    url('../fonts/Lato-Light.ttf')  format('truetype'),
    url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* BOOTSTRAP RESETS */
.text-justify {
    text-align: justify;
}

body{
    background-color: #fff;
    font-family: 'Lato', sans-serif;

}

#back-to-top{
    position: fixed;
    right: 7px;
    bottom: 7px;
    z-index: 10;
    color: #da2623;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    border: 2px solid #da2623;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: none;
}

/*HEADER*/
#header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    background-color: #ffffff;
	height: 150px;
}

#header *{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	height: 120px;

}


/*LOGO*/
/*.logo{
    width: 160px;
	height: 100px;
    padding: 0;
}

.logo a{
    text-indent: -9999px;
    text-decoration: none;
    background-image: url(../images/logo-small.png);
    background-repeat: no-repeat;
    display: block;
    -webkit-background-size: 160px 100px;
    background-size: 160px 100px;
    background-position: left center;
}

@media screen and (max-width: 479px){
	
.logo{
    width: 80px;
	height: 50px;
    padding: 0;
	margin-top: 0px;
}
	
    .logo a{
    -webkit-background-size: 80px 50px;
    background-size: 80px 50px;
    }


	.sign-up-block .container .sign-up-text h2{
		color: #292929;
		font-size: 24px;
		font-weight: 600;
		line-height: 1.1em;
		margin: 80px 0 13px;
		letter-spacing: -1px;
	}
	
	.sign-up-block .container .sign-up-text .btn-common {
			width: 100%;
	}
	
}
/*END LOGO*/


/*MAIN NAVIGATION*/
#header .toggle-menu:focus{
    box-shadow: none;
}

#header .toggle-menu{
    position: absolute;
    right: 0;
    top: 0;
}

#header .toggle-menu,
#header .main-nav .nav-list li a{
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: color 1s ease, border 1s ease;
    -moz-transition: color 1s ease, border 1s ease;
    -ms-transition: color 1s ease, border 1s ease;
    -o-transition: color 1s ease, border 1s ease;
    transition: color 1s ease, border 1s ease;
}

#header .toggle-menu[aria-expanded="true"],
#header .toggle-menu[aria-expanded="true"]:hover,
#header .main-nav .nav-list li a:hover,
#header .main-nav .nav-list li.active a{
    color: #da2623;
	background-color #FFFFFF;
}

#header .toggle-menu,
#header .toggle-menu:hover,
#header .main-nav .nav-list li a{
    color: #8c8c8c;
	background-color #FFFFFF;
}

#header .main-nav .nav-list{
    list-style: none;
    margin: 0;
    padding: 0;

}


#header .main-nav .nav-list li a{
    display: block;
    padding: 2px 0;

}

#header .main-nav .nav-list li a:hover,
#header .main-nav .nav-list li.active a{
    color: #da2623;

}

col-lg-11 { background-color #FFFFFF; }

@media screen and (max-width: 479px){
	
#header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
	background-color: #FFFFFF;
	height: 60px;
}	

#header *{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	height: 60px;
background-color: #FFFFFF;	
}

#header .toggle-menu {
	margin-top: 14px;	
}


#header .main-nav .nav-list {
	
}

#header .main-nav .nav-list li a {
	text-align: left;
	margin-left: 24px;
	height: 40px;
	line-height: 32px;
	border-bottom: none;
}

#header .main-nav .nav-list li a:hover,
#header .main-nav .nav-list li.active a{
	color: #da2623;
	text-align: left;
	margin-left: 24px;
	height: 40px;
	line-height: 32px;
	border-bottom: none;	
}


	
}	

/*END MAIN NAVIGATION*/

/*END HEADER*/

/*HOME SECTION*/
.sign-up-block {
    margin-top: 70px;
	margin-bottom: 70px;
	background-image: url("../images/home-section-bg.jpg");	
    background-size: cover;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
	min-height: 400px;
}

.no-top-margin {
	margin-top: 0px;
}

.sign-up-text{
    position: relative;
    z-index: 1;
}
.sign-up-block .sign-up-text h2{
    color: #292929;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    margin: 50px 0 13px;
	letter-spacing: -1px;
}

.sign-up-block .sign-up-text p{
    color: #292929;
    font-size: 15px;
    line-height: 23px;
    max-width: 650px;
}


/*SIGN UP FORM*/
.sign-up-block .frm-common{
    padding: 35px 15px 55px;

}
.frm-common{
    position: relative;
    z-index: 2;
}

.frm-common input,
.frm-common input:focus{
    box-shadow: none;

}

.frm-common .form-control{
    border: 2px solid #f0f0f0;
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    font-style: italic;
    color: #252525;
    margin-bottom: 14px;
    padding: 0 21px;

}

.form-control:hover  {
	box-shadow: 2px 2px 2px #888888;
}
.form-control:active {
	box-shadow: 2px 2px 2px #888888;
}

.btn-common,
.btn-common:focus{
    box-shadow: none;
    outline: none;
	
}

.btn-common:hover,
.btn-common:focus,
.btn-common:visited{
    text-decoration: none;
    color: #fff;

}

.btn-common{
    width: 50%;
    background-color: #da2623;
    border-radius: 4px;
    border: 3px solid #da2623;
    line-height: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 5px 10px 5px;
    text-align: center;
    position: relative;
    display: block;
    -webkit-transition: background-color 1s ease,border 1s ease;
    -moz-transition: background-color 1s ease,border 1s ease;
    -ms-transition: background-color 1s ease,border 1s ease;
    -o-transition: background-color 1s ease,border 1s ease;
    transition: background-color 1s ease,border 1s ease;
}

.btn-common:hover{
    background-color: #252525;
    border-color: #252525;
}

.btn-common .wrap-icon{
    display: inline-block;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    position: absolute;
    font-size: 19px;
    left: 0px;
    top: 0;
}

.btn-common .wrap-icon .inner-icon{
    position: relative;
    height: 100%;
    display: block;
    line-height: 70px;
    width: 50px;
}

.btn-common .wrap-icon .inner-icon:before{
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top: 35px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 35px solid transparent;
    top: 0;
    right: -13px;
}

.btn-common .wrap-icon i{
    color: #da2623;
}

.mc-response{
	background: #dff0d8 none repeat scroll 0 0;
	border: 1px solid rgba(60, 118, 61, 0.18);
	color: #3c763d;
	padding: 3%;
	font-size: 14px;
}

.result{
	margin-top: 5%;
}

@media screen and (min-width: 400px){
    
	.btn-common{
        width: 100%;
    }
	
	.btn-common .wrap-icon .inner-icon{
        line-height: 43px;
    }

    .btn-common .wrap-icon .inner-icon:before{
        border-top: 22px solid transparent;
        border-bottom: 23px solid transparent;
    }
}
/*END SIGN UP FORM*/
/*END HOME SECTION*/

/*FEATURE SECTION*/
.has-shadow{
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
}

.function-graph-block{
    padding: 57px 0 87px;
    background-color: #f5f5f5;
}

.graph-block h2{
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    color: #323232;
}

.graph-block p,
.wrap-block-f-col p{
    font-size: 13.5px;
    line-height: 22px;
    color: #787878;
    margin-bottom: 32px;
}

.graph-block .btn-common,
.purchase-block .btn-common{
    width: 256px;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}

.graph-block .btn-common .wrap-icon .inner-icon{
    line-height: 43px;
    -webkit-transition: background-color 1s ease, color 1s ease;
    -moz-transition: background-color 1s ease, color 1s ease;
    -ms-transition: background-color 1s ease, color 1s ease;
    -o-transition: background-color 1s ease, color 1s ease;
    transition: background-color 1s ease, color 1s ease;
}

.graph-block .btn-common .wrap-icon .inner-icon:before{
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
}

.wrap-block-f-col{
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #f5f5f5;
    padding: 0 15px 30px;
    margin-top: 94px;
}

.wrap-block-f-col:hover .wrap-icon .inner-icon{
    background-color: #da2623;
    color: #ffffff;
}

.wrap-block-f-col:hover h3,
.wrap-block-f-col:hover .read-more{
    color: #da2623;
}

.wrap-block-f-col h3{
    font-size: 17px;
    line-height: 17px;
    color: #2b3135;
    font-weight: 600;
    margin: 28px 0 13px;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}

.wrap-block-f-col p{
    margin-bottom: 19px;
}

.wrap-block-f-col .wrap-icon{
    display: inline-block;
    width: 124px;
    height: 124px;
    border: 2px solid #f5f5f5;
    -webkit-border-radius: 124px;
    -moz-border-radius: 124px;
    border-radius: 124px;
    background-color: #fafafa;
    padding: 6px;
    margin-top: -62px;
}

.wrap-block-f-col .wrap-icon .inner-icon{
    display: inline-block;
    width: 106px;
    height: 106px;
    border: 2px solid #f5f5f5;
    -webkit-border-radius: 106px;
    -moz-border-radius: 106px;
    border-radius: 106px;
    background-color: #ffffff;
    text-align: center;
    line-height: 106px;
    color: #da2623;
    font-size: 44px;
    -webkit-transition: background-color 1s ease, color 1s ease;
    -moz-transition: background-color 1s ease, color 1s ease;
    -ms-transition: background-color 1s ease, color 1s ease;
    -o-transition: background-color 1s ease, color 1s ease;
    transition: background-color 1s ease, color 1s ease;
}

.read-more,
.read-more:hover,
.read-more:visited,
.read-more:focus{
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #646464;
    line-height: 19px;
}
/*END FEATURE SECTION*/

/*SUBSCRIBE SECTION*/
.newsletter-block .img-block{
    height: 100%;
}
.newsletter-block .img-block .img-responsive{
    margin-left: 2.52252252252252%;
    width: 83.42342342342342%;
    vertical-align: bottom;
    margin-top: 60px;
}

.book-block{
    position: relative;
    margin-top: 60px;
}

.book-block label{
    position: absolute;
    top: -3px;
    right: 34.05405405405405%;
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
    display: inline-block;
    font-size: 34px;
    font-weight: 600;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    background-color: #da2623;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    color: #fff;
}

@media screen and (min-width: 320px){
    .book-block label{
        top: -26px;
    }
}

@media screen and (min-width: 480px){
    .book-block label{
        top: -15px;
    }
}

@media screen and (min-width: 640px){
    .book-block label{
        top: -5px;
    }
}


@media screen and (min-width: 594px){
    .book-block .img-responsive{
        margin: 0 auto;
        max-width: 555px;
    }
	
    .sign-up-block .img-responsive{
        margin: 0 auto;
        max-width: 555px;
    }	
}

.book-block label .currency{
    font-size: 20px;
}

.newsletter-block-text{
    margin-bottom: 84px;
}

.newsletter-block-text h2{
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    color: #323232;
    margin: 0 0 17px;
}

.newsletter-block-text p{
    font-size: 14px;
    line-height: 22px;
    color: #787878;
}

.newsletter-block-text p{
    margin-bottom: 41px;
}
/*END SUBSCRIBE SECTION*/

/*PRICING SECTION*/
.center-title-b{
    font-size: 30px;
    color: #252525;
    line-height: 26px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.service-block {
    padding: 57px 0 50px;
    background-color: #f9f9f9;

    z-index: 2;
}

.service-block-alt {
    padding: 57px 0 50px;
    background-color: #ffffff;

    z-index: 2;
}

.service-block p {
    font-size: 16px;
}

.service-block .package-block .col-md-4{
    margin-bottom: 72px;
}

.service-block .center-title-b{
    margin-bottom: 72px;
}

.table-block {
    padding: 0px 0 50px;
    background-color: #f9f9f9;

    z-index: 2;
}

.service-block .our_machines_header {
	font-size: 24px;

}

.in-service{
    -webkit-box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #f5f5f5;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 3;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.in-service:hover h3,
.in-service:hover .btn-sign-up{
    background-color: #da2623;
}

.in-service h3{
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color: #9f9f9f;
    padding: 0 30px;
    margin: 0;
    height: 67px;
    line-height: 66px;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    position: relative;
}

.in-service h3 .price{
    font-family: 'Lato-Light',sans-serif;
    font-weight: normal;
    font-size: 40px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 0;
}

.feature-list{
    list-style: none;
    margin: 0;
    padding: 13px 30px 25px;
}

.feature-list li{
    font-size: 16px;
    line-height: 24px;
    color: #323232;
	margin-bottom: 24px;
}
.feature-list li.inactive{
    color: #999999;
}
.feature-list li .wrap-icon{
    display: inline-block;
    width: 40px;
    text-align: left;
    color: #da2623;
    font-size: 13px;
}

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

.feature-list{
	margin-top: -60px;

}

.feature-list li{
    line-height: 24px;
	margin-bottom: 24px;
}

}

.btn-sign-up,
.btn-sign-up:hover,
.btn-sign-up:visited,
.btn-sign-up:focus{
    -webkit-transition: background-color 1s ease, color 1s ease;
    -moz-transition: background-color 1s ease, color 1s ease;
    -ms-transition: background-color 1s ease, color 1s ease;
    -o-transition: background-color 1s ease, color 1s ease;
    transition: background-color 1s ease, color 1s ease;
    background-color: #9f9f9f;
    color: #fff;
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 45px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    margin-top: 25px;
}

@media screen and (max-width: 359px){
    .in-service h3{
        font-size: 16px;
        padding: 0 20px;
    }
    .in-service h3 .price{
        font-size: 27px;
    }
    .feature-list{
        padding: 13px 20px 25px;
    }

    .feature-list li .wrap-icon{
        width: 28px;
    }
}

/*ICONS BLOCK*/
.icons-block{
    clear: both;
}
.icons-block .wrap-icon{
    font-size: 64px;
    color: #da2623;
    text-align: left;
    display: inline-block;
    margin-top: -15px;
}

.icons-block .wrap-icon.first{
    margin-top: -20px;
}

.icons-block h3{
    color: #323232;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 0 2px;
}

.icons-block p{
    font-size: 14px;
    line-height: 18px;
    color: #787878;
}

/*END ICONS BLOCK*/

/*END PRICING SECTION*/

/*REVIEWS SECTION*/
.testimonial-block{
    padding: 68px 0 115px;
    border-bottom: 1px solid #454341;
}

.in-testimonial{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f9f9f9;
    border: 2px solid #f0f0f0;
    padding: 0 15px;
    margin-top: 85px;
}

.in-testimonial .wrap-icon{
    width: 84px;
    height: 84px;
    margin-top: -42px;
    -webkit-border-radius: 84px;
    -moz-border-radius: 84px;
    border-radius: 84px;
    border: 2px solid #f0f0f0;
    overflow: hidden;
    display: inline-block;
}

.in-testimonial .wrap-icon img{
    max-width: 84px;
}

.in-testimonial q{
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    color: #787878;
    padding: 8px 0 17px;
    display: inline-block;
}

.in-testimonial .user{
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    color: #323232;
}

.in-testimonial .user .position{
    font-style: italic;
    color: #787878;
    font-size: 11px;
    font-weight: 400;
}
/*END REVIEWS SECTION*/

/*OVERVIEW SECTION*/
.book-introduce-block{
    background-color: #393735;
    padding: 71px 0 88px;
    border-bottom: 1px solid #8d6f28;
    width: 100%;
    overflow: hidden;
}

.book-introduce-block .img-responsive{
    margin-bottom: 43px;
}

.book-introduce-block h2,
.book-introduce-block h3{
    color: #fff;
    font-weight: 600;
}

.book-introduce-block h2{
    font-size: 22px;
    line-height: 22px;
    margin: 15px 0 10px;
    text-transform: uppercase;
}

.purchase-block p{
    font-size: 14px;
    line-height: 22px;
    color: #969696;
}

.purchase-list{
    list-style: none;
    padding: 2px 0 0;
    margin: 0;
}
.purchase-list li{
    overflow: hidden;
    margin-bottom: 25px;
}

.purchase-list li h3{
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    padding: 10px 0 2px;
}

.purchase-list li p{
    margin: 0;
}

.purchase-list li .wrap-icon{
    float: left;
    width: 68px;
    height: 68px;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    border-radius: 68px;
    background-color: transparent;
    border: 2px solid #969696;
    line-height: 68px;
    text-align: center;
    font-size: 28px;
    color: #969696;
    margin-right: 15px;
}
.purchase-block .btn-common{
    font-weight: 400;
    margin-bottom: 46px;
}

.purchase-block .btn-common .wrap-icon .inner-icon{
    line-height: 47px;
}

.purchase-block .btn-common .wrap-icon .inner-icon:before{
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
}

.purchase-block .btn-common .price{
    font-weight: 600;
}

/*INTRODUCTION BLOCK*/
.introduction-block{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #454340;
    margin-top: 42px;
    position: relative;
}
.introduction-block .panel-group{
    margin: 0;
}

.introduction-block .panel-group .panel{
    background-color: transparent;
    border-left:0;
    border-right:0;
    box-shadow: none;
    border-bottom: 2px solid #454340;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.introduction-block .panel-group .panel:last-child{
    border-bottom: 0;
}

.introduction-block .panel-group .panel-heading{
    border: 0;
    padding: 0 20px;
    text-transform: uppercase;
    color: #969696;
}

.introduction-block .panel-group .panel-heading .panel-title{
    line-height: 44px;
}

.introduction-block .panel-group .panel-heading h4 a,
.introduction-block .panel-group .panel-heading h4 a:hover,
.introduction-block .panel-group .panel-heading h4 a:focus,
.introduction-block .panel-group .panel-heading h4 a:visited{
    font-weight: 600;
    text-decoration: none;
    display: block;
    position: relative;
}

.introduction-block .panel-group .panel-heading h4 a q{
    font-style: italic;
    color: #969696;
    text-transform: none;
}

.introduction-block .panel-group .panel-heading h4 a[aria-expanded="true"]{
    color: #fff;
}

.indicator:before{
    content: '+';
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato-Light', sans-serif;
    position: absolute;
    right: -16px;
    top: 5px;
    z-index: 4;
    color: #969696;
}
.introduction-block .panel-group .panel-heading h4 a[aria-expanded="true"] .indicator:before{
    content: '-';
    font-size: 63px;
    width: 40px;
    right: -21px;
    top: 2px;
    font-weight: 400;
}
.panel-group .panel-heading+.panel-collapse>.panel-body{
    border: 0;
}

.introduction-block .panel-group .panel-body{
    padding: 6px 20px 14px;
}

.introduction-block .panel-group .panel-body p{
    font-size: 12px;
    line-height: 17px;
    color: #969696;
    margin-bottom: 18px;
}

.introduction-block >p{
    padding: 0 15px 0 26px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 17px;
    color: #969696;
}

.introduction-title{
    padding: 9px 15px 10px 26px;
    overflow: hidden;
}
.introduction-title .text{
    display: inline-block;
    color: #fff;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    margin-right: 22px;
    float: left;
}
.introduction-title .social-list{
    margin-top: -2px;
}
.introduction-title .social-list li{
    display: inline-block;
    line-height: 27px;
    vertical-align: top;
    float: left;
}

.introduction-title .social-list li a{
    display: inline-block;
    height: 27px;
    line-height: 27px;
}
.introduction-title .social-list li a .wrap-icon{
    line-height: 31px;
    height: 27px;
    margin-right: 4px;
    font-size: 15px;
    color: #3c3b3b;
}
.signature{
    margin: 0 0 21px 26px;
}
/*END BOOK INTRODUCE BLOCK*/

/*TEMPLATE BLOCK*/
.template-block{
    background-color: #da2623;
}

.template-block .center-title-b{
    font-size: 33px;
    line-height: 33px;
    margin: 59px 0 8px;
    font-weight: normal;
}

.template-block .center-title-b,
.template-block p{
    color: #fff;
    text-align: center;
}

.template-block p{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 28px;
}

.template-block .center-title-b span{
    font-family: 'Lato-Light', sans-serif;
}

.template-block .btn-common{
    border-color: #fff;
    margin: 27px 0 81px;
}

.template-block .btn-common .wrap-icon{
    left: 0;
    border-radius: 0;
}

.template-block .img-responsive.first{
    margin: 0 0 51px 20.55555555555556%;
    width: 63.05555555555556%;
}
.template-block .img-responsive{
    margin-left: -3px;
}

@media screen and (min-width: 400px) {
    .sign-up-block .btn-common .wrap-icon .inner-icon,
    .newsletter-block .btn-common .wrap-icon .inner-icon,
    .template-block .btn-common .wrap-icon .inner-icon{
        line-height: 43px;
    }

    .sign-up-block .btn-common .wrap-icon .inner-icon:before,
    .newsletter-block .btn-common .wrap-icon .inner-icon:before,
    .template-block .btn-common .wrap-icon .inner-icon:before{
        border-top: 22px solid transparent;
        border-bottom: 23px solid transparent;
    }
}

.wrap-tabs .nav{
    background-color: #f3f3f3;
}

.wrap-tabs .nav li{
    display: inline-block;
    width: 100%;
    border-left: 1px solid #e8e8e8;
    border-top: 2px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.wrap-tabs .nav li a{
    color: #969696;
    font-size: 12px;
    display: block;
    padding: 0;
    height: 48px;
    line-height: 44px;
}

.wrap-tabs .nav li a .wrap-icon{
    display: inline-block;
    width: 41px;
    padding-left: 5px;
    text-align: center;
    font-size: 16px;
    color: #646464;
    line-height: 39px;
    float: left;
}

.wrap-tabs .nav li.active{
    margin-left: -1px;
    -webkit-box-shadow: 1px 1px 19px 0px rgba(0,0,0,0.13);
    -moz-box-shadow: 1px 1px 19px 0px rgba(0,0,0,0.13);
    box-shadow: 1px 1px 19px 0px rgba(0,0,0,0.13);
    border-radius: 0;
    position: relative;
    border-right: 2px solid #fff;
}

.wrap-tabs .nav li.active:hover{
    background-color: #fff;
}

.wrap-tabs .nav li.active:after{
    content: ' ';
    height: 55px;
    width: 19px;
    display: block;
    position: absolute;
    right: -20px;
    top: -3px;
    background-image: url(../images/right-arrow.png);
    z-index: 2;
}

.wrap-tabs .nav li.active a{
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.wrap-tabs .nav li.active a,
.wrap-tabs .nav li.active a .wrap-icon,
.wrap-tabs .nav li:hover a,
.wrap-tabs .nav li:hover a .wrap-icon{
    color: #323232;
}

.wrap-tabs .nav li:hover a{
    border-color: transparent;
    background-color: transparent;
}


.wrap-tabs .nav li:nth-child(3) a .wrap-icon{
    font-size: 20px;
}

.wrap-tabs .nav li:last-child a .wrap-icon{
    font-size: 14px;
}

.wrap-tabs .nav li:last-child{
    border-bottom: 0;
}

.wrapper{
    overflow: hidden;
}

.half-width{
    width: 100%;
    float: left;
}
.wrapper img{
    margin-bottom: 15px;
}
.wrap-content .tab-pane{
    background-color: #fff;
    padding: 15px;
}

.wrap-content .wrapper{
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: 20px;
}

.wrap-content h3{
    font-size: 25px;
    line-height: 23px;
    color: #da2623;
    font-weight: 600;
    margin-top: 15px;
}

.wrap-content h4{
    font-size: 15px;
    line-height: 20px;
    color: #323232;
    font-weight: 600;
    margin-bottom: 23px;
}

.wrap-content p{
    font-size: 13px;
    line-height: 20px;
    color: #969696;
    text-align: left;
    margin-bottom: 15px;
}

.wrap-content p strong{
    font-style: italic;
    color: #323232;
    font-weight: 600;
}

/*END TEMPLATE BLOCK*/
/*END OVERVIEW SECTION*/

/*CONTACT US SECTION*/
.contact-us{
    /*background-image: url(../images/contact-us-bg.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;*/
	background-color: #cdd4dc;
    padding: 60px 0 68px;

}

.contact-us h2{
    color: #fff;
    margin-bottom: 10px;
}

.contact-us h2 { 
	text-align: left;
}

.contact-us p {
    text-align: left;
}

.contact-us p{
    font-size: 15px;
    line-height: 20px;
    color: #000000;
}

.contact-us .contact-us-frm{
    padding-top: 20px;
}

.contact-us .contact-us-frm input,
.contact-us .contact-us-frm input:focus,
.contact-us .contact-us-frm textarea,
.contact-us .contact-us-frm textarea:focus{
    color: #8f8f8f;
    font-style: italic;
    font-size: 15px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 1);
    border: 0;
    outline: 0;
    margin-bottom: 25px;
    padding: 14px 15px;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.1);
}

.contact-us .contact-us-frm input,
.contact-us .contact-us-frm input:focus{
    height: 56px;
}

.contact-us .btn-common .wrap-icon .inner-icon{
    line-height: 43px;
}
.contact-us .btn-common .wrap-icon .inner-icon:before{
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
}
/*END CONTACT US SECTION*/

/*FOOTER*/
.top-footer{
    background-color: #393735;
    padding: 38px 0 35px;
}
.footer-block-title{
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    line-height: 15px;
    padding: 15px 0;
    margin: 0 0 25px;
    border-bottom: 1px solid #464545;
    position: relative;
    text-transform: uppercase;
}

.footer-block-title span{
    width: 44px;
    display: inline-block;
    height: 2px;
    background-color: #da2623;
    position: absolute;
    bottom: 0;
    left: 0;
}
/*QUICK LINK BLOCK*/
.quick-link-list{
    margin: 0;
    padding: 4px 0 0;
    list-style: none;
}

.quick-link-list li a{
    font-size: 12px;
    color:#959191;
    line-height: 27px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}

.quick-link-list li a:hover{
    color: #da2623;
}
/*END QUICK LINK BLOCK*/

/*SOCIAL MEDIA BLOCK*/
.social-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-list li a{
    font-size: 12px;
    color:#959191;
    line-height: 35px;
    text-decoration: none;
    font-weight: 600;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}
.social-list li a .wrap-icon{
    display: inline-block;
    width: 27px;
    height: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    background-color: #959191;
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.social-list li a .wrap-icon i{
    font-size: 20px;
    color: #3c3b3b;
}

.social-list li a:hover{
    color: #da2623;
}

.social-list li a:hover .wrap-icon{
    background-color: #da2623;
}
/*END SOCIAL MEDIA BLOCK*/

/*LATEST ARTICLES BLOCK*/
.article-list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.article-list li{
    margin-bottom: 20px;
}

.article-list li h3{
    margin: 5px 0;
}

.article-list li h3 a{
    font-size: 13px;
    line-height: 27px;
    color: #959191;
    font-weight: 600;
    text-decoration: none;
}
.article-list li p{
    font-size: 12px;
    color: #959191;
    line-height: 15px;
    font-style: italic;
}
/*END LATEST ARTICLES BLOCK*/

/*SIGN UP NEWSLETTER BLOCK*/
.newsletter-title{
    font-size: 13px;
    line-height: 27px;
    color: #959191;
    font-weight: 600;
    padding: 4px 0;
}

.newsletter-frm input{
    margin-bottom: 20px;
}

.newsletter-frm input.form-control{
    font-size: 12px;
    line-height: 27px;
    color: #959191;
    padding: 5px 17px;
    height: 37px;
}

.newsletter-frm input[type="submit"]{
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    line-height: 27px;
    text-align: center;
    max-width: 176px;
    padding: 5px 0;
    width: 67.56238003838772%;
    background-color: #da2623;
    font-weight: 600;
    border: 0;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.newsletter-frm input[type="submit"]:hover{
    background-color: #DB9E1A;
}
/*END SIGN UP NEWSLETTER BLOCK*/

/*BOTTOM LOGO*/
.bottom-footer{
    background-color: #2e2c2b;
    padding: 20px 0 10px;

}
.footer-logo{
     display: inline-block;
     text-indent: -9999px;
     width: 183px;
     height: 32px;
     background-image: url(../images/supert-footer-logo.png);
     background-repeat: no-repeat;
    -webkit-background-size: 183px 32px;
    background-size: 183px 32px;
    margin-bottom: 3px;
    background-position: center center;
 }
.copyright{
    font-size: 16px;
    line-height: 20px;
    color: #959191;
}
.copyright a{
    text-decoration: none;
    color: #da2623;
    font-weight: 600;
    text-transform: uppercase;
}
@media screen and (max-width: 479px){
    .footer-logo{
        -webkit-background-size: 137px 24px;
        background-size: 137px 24px;
    }
}
/*END BOTTOM LOGO*/
/*END FOOTER*/

/*BLOG PAGE*/
.blog-section{
    margin: 121px 0 0;
}

.article-block{
    margin-bottom: 54px;
}
.article-block .article-img{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    border: 1px solid #dcdcdc;
    display: inline-block;
    width: 100%;
    max-height: 327px;
    cursor: pointer;
}

.article-block .article-img .article-img-mask{
    position: absolute;
    visibility: hidden;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: background-color 1s ease, visibility 0.3s ease;
    -moz-transition: background-color 1s ease, visibility 0.3s ease;
    -ms-transition: background-color 1s ease, visibility 0.3s ease;
    -o-transition: background-color 1s ease, visibility 0.3s ease;
    transition: background-color 1s ease, visibility 0.3s ease;
}

.article-block .article-img:hover .article-img-mask{
    visibility: visible;
    background-color: rgba(236, 174, 26, 0.9);
}

.article-block .article-img .article-img-mask .wrap-icon{
    display: inline-block;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 56px;
    -moz-border-radius: 56px;
    border-radius: 56px;
    color: #fff;
    line-height: 46px;
    font-size: 58px;
    font-family: 'Lato-Light', sans-serif;
    border: 2px solid #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
}

.article-block > .article-img >a >.wrap-icon{
    width: 34px;
    height: 34px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    background-color: #da2623;
    color: #fff;
    position: absolute;
    left: 10px;
    bottom: 8px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    z-index: 3;
}

.article-block h2{
    color: #000;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    margin: 11px 0 0;
}

.article-block h2 a{
    text-decoration: none;
    color: #000;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}

.article-block h2 a:hover{
    color: #da2623;
}

.article-block p{
    font-size: 13px;
    line-height: 20px;
    color: #656565;
    margin-bottom: 14px;
}

.article-block .article-info{
    margin-bottom: 7px;
}

.article-block .article-info span{
    color: #da2623;
    font-size: 13px;
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
}

.article-block .article-info span a{
    text-decoration: none;
    color: #da2623;
}

.article-block .article-info .wrap-info:nth-child(1){
    margin-right: 18px;
}

.article-block .article-info .wrap-info:nth-child(2){
    margin-right: 26px;
}

.article-block .article-info .wrap-info .wrap-icon{
    margin-right: 4px;
}

.article-block .read-more{
    font-size: 15px;
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 47px;
    width: 165px;
    display: inline-block;
    background-color: #656565;
    text-align: center;
    line-height: 47px;
    color: #fff;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.article-block .read-more:hover{
    background-color: #da2623;
}

.pages-list{
    margin: 0 0 65px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.pages-list li{
    display: inline-block;
    margin-right: 9px;
}

.pages-list li a{
    display: block;
    width: 27px;
    height: 27px;
    background-color: #dbdbdb;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    color: #fff;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
}

.pages-list li:first-child a,
.pages-list li:last-child a{
    border-color: transparent;
    background-color: transparent;
    color: #dbdbdb;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}

.pages-list li:first-child a:hover,
.pages-list li:last-child a:hover{
    color: #bbbbbb;
    border-color: transparent;
    background-color: transparent;
}

.pages-list li.disabled{
    display: none;
}

.pages-list li.active a{
    background-color: #fff;
    color: #dbdbdb;
}

.pages-list li.active a:hover{
    color: #fff;
}

.pages-list li a:hover{
    background-color: #bbbbbb;
}

/*END BLOG PAGE*/

/*SIDE BAR BLOCK*/
.sidebar-block{
    margin-bottom: 30px;
}
.sidebar-block h2{
    font-size: 18px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    margin: 37px 0 7px;
}

.sidebar-search-frm{
    position: relative;
}

.sidebar-search-frm .form-control,
.sidebar-search-frm .form-control:focus{
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 55px;
    padding: 0 65px 0 23px;
    font-size: 13px;
    line-height: 55px;
    color: #b6b6b6;
    font-style: italic;
    border: 1px solid #ebebeb;
}

.sidebar-search-frm button{
    border-left: 1px solid #ebebeb;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    height: 53px;
    width: 50px;
    text-align: center;
    line-height: 53px;
    color: #fff;
    font-size: 26px;
    background-color: #da2623;
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 2;
}

.sidebar-tabs{
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.05);
    border: 1px solid #eeeeee;
}

.sidebar-tabs ul.nav li:first-child a{
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

.sidebar-tabs ul.nav li:last-child a{
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.sidebar-tabs ul.nav li{
    width: 33.3%;
}

.sidebar-tabs ul.nav li a{
    margin: 0;
    border:none;
    padding: 0;
    display: block;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background-color: #eaeaea;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #343434;
    font-size: 18px;
    font-weight: 700;
}

.sidebar-tabs ul.nav li.active a,
.sidebar-tabs ul.nav li.active a:hover,
.sidebar-tabs ul.nav li.active a:focus{
    background-color: #343434;
    color: #fff;
    border: 0;
}

.posts-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.posts-list li{
    padding: 7px;
    background-color: #fafafa;
    cursor: pointer;
    border-top: 1px solid #eeeeee;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}
.posts-list li:hover{
    background-color: #fff;
}

.posts-list li:first-child{
    border-top: 0;
}

.posts-list li:last-child{
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.posts-list li a{
    text-decoration: none;
}

.posts-list li .wrap-img{
    display: table-cell;
    width: 37px;
    height: 37px;
    overflow: hidden;
    padding-right: 7px;
}

.posts-list li .wrap-img img{
    min-width: 37px;
    max-height: 37px;
}

.posts-list li .article-title{
    display: table-cell;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    vertical-align: middle;
    color: #323232;;
}

.categories-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.categories-list li{
    line-height: 25px;
}
.categories-list li a{
    font-size: 12px;
    color: #9e9e9e;
    text-decoration: none;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}

.categories-list li a:hover{
    color: #da2623;
}

.tag{
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    color: #acb1b7;
    margin: 4px 5px 0 0;
    padding: 5px;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: color 1s ease, border 1s ease;
    -moz-transition: color 1s ease, border 1s ease;
    -ms-transition: color 1s ease, border 1s ease;
    -o-transition: color 1s ease, border 1s ease;
    transition: color 1s ease, border 1s ease;
}

.tag:hover{
    color: #da2623;
    border-color: #da2623;
    text-decoration: none;
}

.sidebar-block.comments-block{
    padding-left: 0;
}

.comments-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.comments-list li {
    padding: 6px 0;
    border: 1px solid transparent;
    -webkit-border-radius: 65px 0 0 65px;
    -moz-border-radius: 65px 0 0 65px;
    border-radius: 65px 0 0 65px;
    -webkit-transition: margin 0.6s ease, border 0.5s ease, padding 0.5s ease;
    -moz-transition: margin 0.6s ease, border 0.5s ease, padding 0.5s ease;
    -ms-transition: margin 0.6s ease, border 0.5s ease, padding 0.5s ease;
    -o-transition: margin 0.6s ease, border 0.5s ease, padding 0.5s ease;
    transition: margin 0.6s ease, border 0.5s ease, padding 0.5s ease;
}

.comments-list li:hover{
    margin: 0 -15px;
    padding: 6px;
    border-color: #da2623;
}

.comments-list li .wrap-icon{
    display: table-cell;
    vertical-align: middle;
}
.comments-list li a{
    text-decoration: none;
}

.comments-list li .wrap-icon .inner-avatar{
    border: 1px solid #f1f1f1;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #acb1b7;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
}

.comments-list li .wrap-icon img{
    max-height: 50px;
    min-width: 50px;
}

.comments-list li .wrap-comment{
    display: table-cell;
    vertical-align: middle;
}

.comments-list li .wrap-comment .comment-info{
    margin-bottom: 0px;
    line-height: 12px;
}

.comments-list li .wrap-comment .comment-name{
    color: #000;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
}

.comments-list li .wrap-comment .comment-time{
    color: #da2623;
    font-size: 9px;
    font-style: italic;

}

.comments-list li .wrap-comment .short-comment{
    font-size: 12px;
    line-height: 17px;
    color: #acb1b7;
    font-style: italic;
    margin: 0;
}

.sidebar-block.sidebar-sign-up h2{
    margin-bottom: 27px;
}

.sidebar-block .frm-common button.btn-common{
    padding: 10px 15px;
}
/*END SIDE BAR BLOCK*/

/*SINGLE PAGE*/
.article-block.article-detail h2{
    margin-top: -6px;
}

.article-block.article-detail p{
    line-height: 22px;
}

.article-block.article-detail .article-info{
    margin-bottom: 18px;
}

.article-block.article-detail .article-img{
    margin-bottom: 16px;
}

.article-detail strong{
    font-size: 16px;
    line-height: 22px;
    color: #555;
    font-weight: 900;
}

.carousel{
    margin: 34px 0 28px;
    border: 1px solid #f3f3f3;
    background-color: #fff; -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.carousel .carousel-control{
    background: none;
    width: 40px;
    height: 40px;
    background-color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    text-align: center;
    line-height: 38px;
    color: #da2623;
    text-shadow: none;
    opacity: 1;
    margin-top: -20px;
    top: 50%;
}

.carousel .carousel-control.left{
    left: 17px
}

.carousel .carousel-control.right{
    right: 17px
}

.article-detail h3{
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: 900;
    margin: 41px 0 6px;
}

.detail-comments{
    padding-bottom: 10px;
}

.detail-comments .comments-list li{
    margin: 0;
    -webkit-transition: none;
    -moz-transition: none ;
    -ms-transition: none ;
    -o-transition: none ;
    transition: none ;
    border: 0;
    padding: 6px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.detail-comments .comments-list li:hover{
    padding: 6px 0;
    margin: 0;
}

.detail-comments .comments-list li .wrap-icon{
    vertical-align: top;
}
.detail-comments .comments-list li ul{
    list-style: none;
    padding: 0;
    margin-left: 70px;
}
.detail-comments .comments-list li .wrapper-comment{
    position: relative;
}

.detail-comments >.comments-list >li >.wrapper-comment{
    margin-bottom: 28px;

}

.detail-comments >.comments-list >li >.wrapper-comment >.wrap-comment .reply{
    bottom: -15px;
    right: 8px;
}
.detail-comments .comments-list li ul li,
.detail-comments .comments-list li ul li:hover{
    padding: 10px 10px 10px 30px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.06);
    -moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.06);
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.06);
}

.detail-comments .comments-list li .reply{
    cursor: pointer;
    color: #da2623;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.detail-comments .comments-list li .reply i{
    margin-right: 4px;
}

.comment-frm h3{
    margin-bottom: 16px;
}

.comment-frm .frm-common .form-control,
.comment-frm .frm-common .form-control:focus{
    border: 1px solid #eaeaea;
    background-color: #fafafa;
    box-shadow: none;
}

.comment-frm .frm-common textarea.form-control{
    min-height: 323px;
    resize: vertical;
}

.comment-frm .frm-common .btn-common{
    padding-left: 5px;
}

.page-navigation{
    margin: 12px 0 -25px;
}
.page-navigation a{
    color: #da2623;
    text-decoration: none;
    font-size: 13px;
    line-height: 25px;
}

.catch {
	display: flex;
	width: fit-content;
	background-color: black;
	color: #ffffff;
	padding: 4px 8px;
}

/*END SINGLE PAGE*/