@charset "UTF-8";
/*------------------------------------------------------------------
 * Theme Name: Hostino Responsive Template
 * Theme URI: https://www.brandio.io/envato/hostino
 * Author: Brandio
 * Author URI: https://www.brandio.io/
 * Description: A Bootstrap Responsive HTML5 Template
 * Version: 1.0
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Bootstrap v3.3.7 (https://getbootstrap.com)
 * Copyright 2017 Brandio.
 -------------------------------------------------------------------*/

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

1. General Styles.
2. Header Section Styles.
3. Top Content Section Styles.
4. Info Section Styles
5. Features Section Styles.
6. Pricing Section Styles.
7. Apps Section Styles.
8. Testimonials Section Styles.
9. More Features Section Styles.
10. Get Started Section Styles.
11. Footer Section Styles.
12. Inner Pages Styles.
13. Responsive Styles.
-------------------------------------------------------------------*/
@font-face { font-family: "Yekan"; src: url('../fonts/Yekan.woff'); }
@import url("../fonts/hostino.css");
/*------------------------------------------------------------------
	1. General Styles
-------------------------------------------------------------------*/
*,body{
    font-family: 'Yekan', sans-serif;
}
.rtl-cols div[class^="col-"] {
    float: left;
}
.navbar-right {
  float: left !important;
}
.slick-dots{
    right: 0;
    left: inherit;
}
.slick-dots li{
    margin-right: 5px;
    margin-left: inherit;
}
/* ------- Login & Register pages -------- */
#mini-header .logo-holder{
    text-align: right;
}
#mini-header .menu-holder ul.main-links li a.normal-link{
    font-weight: normal;
}
#mini-header .menu-holder ul.main-links li a.sign-button{
    font-weight: normal;
    margin-right: 10px;
    margin-left: inherit;
}
#mini-header .menu-holder ul.main-links li a.sign-button .hno{
    margin-right: 5px;
    margin-left: inherit;
}
#mini-header .menu-holder ul.main-links li a.sign-button:hover,
#mini-header .menu-holder ul.main-links li a.sign-button:focus{
    padding-left: 15px;
    padding-right: inherit;
}
#mini-header .menu-holder ul.main-links li a.sign-button:hover .hno,
#mini-header .menu-holder ul.main-links li a.sign-button:focus .hno{
    margin-right: 10px;
    margin-left: inherit;
}
#mini-header.signup .menu-holder ul.main-links li a.sign-button{
    font-weight: normal;
    margin-right: 10px;
    margin-left: inherit;
}
#mini-header.signup .menu-holder ul.main-links li a.sign-button .hno{
    margin-right: 5px;
    margin-left: inherit;
}
#mini-header.signup .menu-holder ul.main-links li a.sign-button:hover,
#mini-header.signup .menu-holder ul.main-links li a.sign-button:focus{
    padding-left: 15px;
    padding-right: inherit;
}
#mini-header.signup .menu-holder ul.main-links li a.sign-button:hover .hno,
#mini-header.signup .menu-holder ul.main-links li a.sign-button:focus .hno{
    margin-right: 10px;
    margin-left: inherit;
}
.signin-signup-form .form-text input{
    text-align: right;
    font-weight: normal;
}
.signin-signup-form .form-text textarea{
    text-align: right;
    font-weight: normal;
}
.signin-signup-form .form-text .text-only{
    font-weight: normal;
}
.signin-signup-form .form-text input[type="checkbox"]:not(:checked),
.signin-signup-form .form-text input[type="checkbox"]:checked,
.signin-signup-form .form-text input[type="radio"]:not(:checked),
.signin-signup-form .form-text input[type="radio"]:checked{
    right: -9999px;
    left: inherit;
}
.signin-signup-form .form-text input[type="checkbox"]:not(:checked) + label,
.signin-signup-form .form-text input[type="checkbox"]:checked + label,
.signin-signup-form .form-text input[type="radio"]:not(:checked) + label,
.signin-signup-form .form-text input[type="radio"]:checked + label{
    padding-right: 23px;
    padding-left: inherit;
    margin-right: 10px;
    margin-left: inherit;
}
.signin-signup-form .form-text input[type="checkbox"]:not(:checked) + label:before,
.signin-signup-form .form-text input[type="radio"]:not(:checked) + label:before{
    right: 0;
    left: inherit;
}
.signin-signup-form .form-text input[type="checkbox"]:checked + label:before,
.signin-signup-form .form-text input[type="radio"]:checked + label:before{
    right: 0;
    left: inherit;
}
.signin-signup-form .form-text input[type="checkbox"]:not(:checked) + label:after,
.signin-signup-form .form-text input[type="checkbox"]:checked + label:after {
    right: 3px;
    left: inherit;
}
.signin-signup-form .form-text input[type="radio"]:not(:checked) + label:after,
.signin-signup-form .form-text input[type="radio"]:checked + label:after {
    right: 4px;
    left: inherit;
}
.signin-signup-form .form-button button{
    font-weight: normal;
}

.signin-signup-form .form-button button .hno{
    margin-right: 5px;
    margin-left: inherit;
}
.signin-signup-form .form-button button:hover .hno,
.signin-signup-form .form-button button:focus .hno{
    margin-right: 10px;
    margin-left: inherit;
}

#form-section .info-slider-holder .img-text-slider .slick-dots{
    right: 0;
    left: inherit;
}
#form-section .info-slider-holder .img-text-slider .slick-dots li:after{
    right: 0;
    left: inherit;
}
/*------------------------------------------------------------------
	2. Header Section Styles
-------------------------------------------------------------------*/
.navbar-default .navbar-nav>li>a {
    font-weight: normal;
}
.navbar-default .navbar-nav>li>a.chat-button{
    margin-right: 15px;
    margin-left: inherit;
    font-weight: normal;
}

.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown-menu > li > a{
    font-weight: normal;
}

/*------------------------------------------------------------------
	3. Top Content Section Styles
-------------------------------------------------------------------*/
#main-slider .slick-dots{
    right: 0;
    left: inherit;
}

#main-slider .slick-dots li:before{
    right: 0;
    left: inherit;
}
#main-slider .slick-dots li:after{
    right: 0;
    left: inherit;
}

#main-slider .slick-dots li button{
    font-weight: normal;
}
#top-content .b-title{
    font-weight: normal;
    letter-spacing: normal;
}
.domain-search-holder input[type="text"]{
    font-weight: normal;
	direction: ltr;
}
.domain-search-holder input[type="submit"]{
    font-weight: normal;
}

#main-slider .slide .text-holder{
    font-weight: normal;
    letter-spacing: normal;
}
#main-slider .slide .button-holder a.blue-button{
    font-weight: normal;
}
/*------------------------------------------------------------------
	4. Info Section Styles
-------------------------------------------------------------------*/
#info #infobg{
    right: 0;
    left: inherit;
}
#info .row-title{
    font-weight: normal;
}
a.white-green-shadow-button{
    font-weight: normal;
}

/*------------------------------------------------------------------
	5. Features Section Styles
-------------------------------------------------------------------*/
#features .row-title {
    font-weight: normal;
}
#features .mfeature-box .mfeature-icon .icon-bg{
    right:0;
    left: inherit;
}
#features .mfeature-box .mfeature-title {
    font-weight: normal;
}

a.light-blue-button{
    font-weight: normal;
}

/*------------------------------------------------------------------
	6. Pricing Section Styles
-------------------------------------------------------------------*/
#pricing .row-title {
    font-weight: normal;
}
#pricing .pricing-box .pricing-title{
    font-weight: normal;
}
#pricing .pricing-box .pricing-title:before{
    margin-right: -16px;
    margin-left: inherit;
}
#pricing .pricing-box .pricing-title:after{
    right: 0;
    left: inherit;
    letter-spacing: normal;
    font-weight: normal;
}
#pricing .pricing-box .pricing-box-body:after{
    right: 0;
    left: inherit;
}
#pricing .pricing-box .pricing-box-body:before{
    right: 0;
    left: inherit;
}
#pricing .pricing-box.recommended .pricing-box-body .pricing-amount:before{
    right: 17px;
    left: inherit;
}
#pricing .pricing-box.recommended .pricing-box-body .pricing-amount:after{
    right: 17px;
    left: inherit;
}
#pricing .pricing-box.recommended .pricing-box-body .pricing-details:before{
    right: 28px;
    left: inherit;
}
#pricing .pricing-box.recommended .pricing-box-body .pricing-details:after{
    right: -12px;
    left: inherit;
    font-weight: normal;
}
#pricing .pricing-box .pricing-box-body .pricing-amount .price{
    font-weight: normal;
}
#pricing .pricing-box .pricing-box-body .pricing-amount .duration{
    font-weight: normal;
}
#pricing .pricing-box .pricing-box-body .pricing-details ul{
    text-align: right;
}
#pricing .pricing-box .pricing-box-body .pricing-details ul li{
    font-weight: normal;
}
#pricing .pricing-box .pricing-box-body .pricing-details ul li:before{
    margin-left: 10px;
    margin-right: inherit;
}
#pricing .pricing-box .pricing-box-body .pricing-details ul li:hover:before,
#pricing .pricing-box .pricing-box-body .pricing-details ul li:focus:before{
    margin-left: 8px;
    margin-right: inherit;
}
#pricing .pricing-box .pricing-box-body .pricing-details ul li.not-supported:hover:before,
#pricing .pricing-box .pricing-box-body .pricing-details ul li.not-supported:focus:before{
    margin-left: 10px;
    margin-right: inherit;
}
#pricing .pricing-box .pricing-box-body a.pricing-button{
    font-weight: normal;
}
#pricing a.link-with-arrow{
    font-weight: normal;
}
#pricing a.link-with-arrow:after{
    margin-right: 8px;
    margin-left: inherit;
}
#pricing a.link-with-arrow:hover:after,
#pricing a.link-with-arrow:focus:after{
    margin-right: 12px;
    margin-left: inherit;
}

/*------------------------------------------------------------------
	7. Apps Section Styles
-------------------------------------------------------------------*/
#apps .row-title {
    font-weight: normal;
}
#apps .row-title:before {
    right: 40%;
    left: inherit;
    letter-spacing: normal;
    font-weight: normal;
}

#apps .apps-holder .app-icon-holder .app-title{
    font-weight: normal;
}

#apps .apps-holder .app-icon-holder .app-title:after{
    right: 50%;
    left: inherit;
    margin-right: -45%;
    margin-left: inherit;
}

#apps .apps-holder .app-details div[class^="app-details"]{
    right: 0;
    left: inherit;
}
#apps .apps-holder .app-details div[class^="app-details"] .app-title{
    font-weight: normal;
}
#apps .apps-holder .app-details div[class^="app-details"] .app-text{
    font-weight: normal;
}

/*------------------------------------------------------------------
	8. Testimonials Section Styles
-------------------------------------------------------------------*/
#testimonials .row-title {
    font-weight: normal;
}
#testimonials .row-title:after{
    right: 55%;
    left: inherit;
    letter-spacing: normal;
    font-weight: normal;
}
#testimonials .row-title:before{
    right: 50%;
    left: inherit;
    margin-right: -340px;
    margin-left: inherit;
}
#testimonials #testimonials-slider .details-holder img.photo{
    right: 50%;
    left: inherit;
    margin-right: -38px;
    margin-left: inherit;
}
#testimonials #testimonials-slider .details-holder h4{
    font-weight: normal;
}

/*------------------------------------------------------------------
	9. More Features Section Styles
-------------------------------------------------------------------*/
#more-features .row-title {
    font-weight: normal;
}
#more-features .row-title:before {
    right: 40%;
    left: inherit;
    letter-spacing: normal;
    font-weight: normal;
}
#more-features .mfeature-box .mfeature-icon .icon-bg{
    right:0;
    left: inherit;
}
#more-features .mfeature-box .mfeature-title {
    font-weight: normal;
}

#more-features-dark .row-title {
    font-weight: normal;
}
#more-features-dark .mfeature-box .mfeature-icon .icon-bg{
    right:0;
    left: inherit;
}
#more-features-dark .mfeature-box .mfeature-title {
    font-weight: normal;
}
/*------------------------------------------------------------------
	10. Get Started Section Styles
-------------------------------------------------------------------*/
#bluebg-info .text{
    font-weight: normal;
}
a.white-button{
    font-weight: normal;
}

#greybg-info .text{
    font-weight: normal;
}
a.white-less-shadow-button{
    font-weight: normal;
}
/*------------------------------------------------------------------
	11. Footer Section Styles
-------------------------------------------------------------------*/
#footer .footer-menu-holder{
    text-align: right;
}
#footer .address-holder{
    text-align: right;
}
#footer h4 {
    font-weight: normal;
}
#footer .phone .fa{
    margin-left: 7px;
    margin-right: inherit;
}
#footer .email .fa{
    margin-left: 7px;
    margin-right: inherit;
}
#footer .address .fa{
    margin-left: 7px;
    margin-right: inherit;
}
/*------------------------------------------------------------------
	12. Inner Pages Styles
-------------------------------------------------------------------*/
#page-head .page-title {
    font-weight: normal;
}
#page-head .page-title:before {
    right: 54%;
    left: inherit;
    letter-spacing: normal;
    font-weight: normal;
}

#about .text-holder h6{
    font-weight: normal;
}
#about .text-holder p{
    font-weight: normal;
}
#about .text-holder .hno{
    margin-right: -5px;
    margin-left: inherit;
}
#about .slider-holder{
    left: 0px;
    right: inherit;
}
#about .slider-holder .photo-slider .slick-dots{
    right: 0;
    left: inherit;
}
#about .slider-holder .photo-slider .slick-dots li:after{
    right: 0;
    left: inherit;
}

#more-info .row-title {
    font-weight: normal;
}

#more-info .info-box .info-icon .icon-bg{
    right:0;
    left: inherit;
}
#more-info .info-box .info-title {
    font-weight: normal;
}
#goals #text-slider p{
    font-weight: normal;
}
#goals #text-slider .slick-dots{
    right: 0;
    left: inherit;
}
#goals #text-slider .slick-dots li:after{
    right: 0;
    left: inherit;
}
#goals #text-slider .slick-dots li button{
    right: 0;
    left: inherit;
    font-weight: normal;
}

#team .row-title {
    font-weight: normal;
}
#team .row-title:before {
    right: 50%;
    left: inherit;
    letter-spacing: normal;
    font-weight: normal;
}
#team .person-box .person-name{
    font-weight: normal;
}

#recent-article .custom-bg {
    left: 0;
    right: inherit;
}
#recent-article .img-holder{
    padding-right: 20px;
    padding-left: inherit;
}
#recent-article .article-summary{
    text-align: right;
}
#recent-article .article-summary .article-title a{
    font-weight: normal;
}
#recent-article .article-summary .article-title:after{
    right: 0;
    left: inherit;
}
#recent-article .article-summary .article-date{
    font-weight: normal;
}

#recent-article .article-summary .article-links .readmore-holder a.readmore-button{
    font-weight: normal;
}
#articles .row-title {
    font-weight: normal;
}
#articles .article-summary .article-title{
    text-align: right;
}
#articles .article-summary .article-title a{
    font-weight: normal;
}
#articles .article-summary .article-title:after{
    right: 50%;
    left: inherit;
    margin-right: -17px;
    margin-left: inherit;
}
#articles .article-summary .article-date{
    font-weight: normal;
    text-align: right;
}
#articles .article-summary .article-text{
    font-weight: normal;
    text-align: right;
}

#articles .article-summary .article-links .readmore-holder a.readmore-button{
    font-weight: normal;
}
#articles .article-summary .article-links .socialshare-holder{
    text-align: right;
}
#articles .pagination .page-number{
    font-weight: normal;
}
#info-text .text{
    font-weight: normal;
}
#info-text .text:after{
    right: 50%;
    left: inherit;
    margin-right: -17px;
    margin-left: inherit;
}

#contact-info .info-box{
    text-align: right;
}
#contact-info .info-box:after{
    right: 0;
    left: inherit;
    margin-right: -5%;
    margin-left: inherit;
}
#contact-info .info-box .info-title{
    font-weight: normal;
}
#contact-info .info-box .info-title:before{
    margin-left: 18px;
    margin-right: inherit;
}
#domainsearch .b-title{
    font-weight: normal;
    letter-spacing: normal;
}

#domain-pricing .row-title {
    font-weight: normal;
}
#domain-pricing ul.domain-list li{
    font-weight: normal;
}
#domain-pricing ul.domain-list li div[class^="col-"]:first-child{
    text-align: right;
}
#domain-pricing ul.domain-list li div[class^="col-"]:last-child{
    text-align: left;
}

#post-content .post .post-entry .date-published{
    font-weight: normal;
}
#post-content .post .post-entry a .post-title{
    font-weight: normal;
}
#post-content .post .meta .view{
    margin-left: 20px;
    margin-right: inherit;
}
#post-content .post .meta .view:before{
    margin-left: 10px;
    margin-right: inherit;
}
#post-content .post .meta .like{
    margin-left: 20px;
    margin-right: inherit;
}
#post-content .post .meta .like:before{
    margin-left: 10px;
    margin-right: inherit;
}
#post-content .post .meta .comment{
    margin-left: 20px;
    margin-right: inherit;
}
#post-content .post .meta .comment:before{
    margin-left: 10px;
    margin-right: inherit;
}
#post-content #post-body .post .post-title{
    font-weight: normal;
}
#post-content #sidebar .widget-title{
    font-weight: normal;
}
#post-content #sidebar #categories.widget .item a span{
    left: 0px;
    right: inherit;
    font-weight: normal;
}
#post-content #sidebar #popular-posts.widget .item .info .title a{
    font-weight: normal;
}

#post-content #sidebar #tags.widget a.tag-link{
    margin-left: 5px;
    margin-right: inherit;
    font-weight: normal;
}
#page-content ul,#page-content ol{
    padding-right: 14px;
    padding-left: inherit;
}
#page-content h4{
    font-weight: normal;
}
#articles .article-summary .article-links .readmore-holder {
    text-align: left;
}
/*------------------------------------------------------------------
	13. Responsive Styles
-------------------------------------------------------------------*/

/* Other screens styles modifications */
@media (max-width: 768px) {
    .navbar-default .navbar-nav>li>a.chat-button {
        margin-left: 15px;
        margin-right: inherit;
    }
    .domain-search-holder input[type="submit"] {
        left: 0;
        right: inherit;
    }
    #testimonials #testimonials-slider .slick-prev:after {
        right: -10px;
        left: inherit;
    }
    #testimonials #testimonials-slider .slick-next:after {
        left: -10px;
        right: inherit;
    }
    #mini-header .logo-holder {
        padding-left: 0;
        padding-right: inherit;
    }
    #mini-header .menu-holder{
        padding-right: 0;
        padding-left: inherit;
    }
    #mini-header.signup .menu-holder{
        padding-right: 0;
        padding-left: inherit;
    }
}
@media (max-width: 480px) {
    #testimonials #testimonials-slider .slick-prev:after {
        right: -10px;
        left: inherit;
    }
    #testimonials #testimonials-slider .slick-next:after {
        left: -10px;
        right: inherit;
    }
    #recent-article .img-holder{
        padding-right: 0px;
        padding-left: inherit;
    }
}
@media (max-width: 320px) {
    #mini-header .logo-holder {
        padding-right: 20px;
        padding-left: inherit;
    }
    #mini-header .menu-holder {
        padding-left: 20px;
        padding-right: inherit;
    }
    #footer .email .fa{
        margin-left: 0px;
        margin-right: inherit;
    }
    #footer .phone .fa{
        margin-left: 0px;
        margin-right: inherit;
    }
}