/*! * www.whmcsco.com * Persian Whmcs * Persian Template & Module for Whmcs * 09017700463 * 02191011062 */
 .fa,.fas{
    font-weight:300!important
}
body{
    background-color:#f7faff;
    background-image:url(../img/login_back.jpg);
    background-repeat:no-repeat;
    background-size:cover
}
.top-bar:after{
    clear:both;
    content:"";
    display:block
}
.main-content{
    background:#fff;
    display:block;
    border-radius:10px;
    padding:30px 20px;
    box-shadow:0 2px 10px 0 rgba(0,0,0,0.05)
}
.w-100{
    width:100%
}
.rtl{
    direction:rtl
}
.ltr{
    direction:ltr!important
}
.label-success{
    background:#11c15b!important
}
.btn-danger,.label-danger{
    background:#d8130e
}
.label-primary,.label-danger,.label-default,.label-success,.label-warning{
    border-radius:2px!important;
    border:none!important;
    color:#fff!important;
    padding:5px!important
}
.date{
    display:inline-block
}
.client-top-access{
    padding-top:2px;
    text-align:left;
    line-height:50px
}
.client-top-access > .btn-group > a,.client-top-access > .btn-group .dropdown,.client-top-access > .btn-group > .client-number{
    float:left;
    height:30px
}
.client-top-access > .btn-group > a,.client-top-access > .btn-group #notifications{
    background:transparent;
    border:none;
    color:#fff;
    font-size:20px;
    overflow:visible;
    transition:all .2s ease-in-out
}
.client-top-access > .btn-group > a:hover,.client-top-access > .btn-group #notifications:hover,.client-top-access > .btn-group #notifications[aria-expanded="true"]{
    border:none;
    color:#ddd
}
.client-top-access .client-top-access-item-count{
    background:#ff620d;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    font-size:10px;
    height:17px;
    line-height:17px;
    position:absolute;
    right:-3px;
    top:1px;
    width:18px
}
.fa{
    vertical-align:middle
}
#notifications + .dropdown-menu{
    border-radius:3px;
    display:block;
    top:43px;
    left:10px;
    min-width:250px;
    padding:2px 4px;
    right:auto;
    box-shadow:0 6px 12px rgba(0,0,0,0.08);
    border:0;
    transform-origin:18px -5px;
    transform:scale(0,0);
    transition:all .5s cubic-bezier(0.61,-0.42,0.57,1.01)
}
#notifications + .dropdown-menu:before{
    bottom:calc(100% - 2px);
    border:5px solid transparent;
    border-bottom:5px solid #fff;
    content:"";
    display:inline-block;
    left:12px;
    position:absolute
}
#notifications[aria-expanded="true"] + .dropdown-menu{
    opacity:1;
    transform:scale(1,1);
    transition:all .5s cubic-bezier(0.42,0,0.38,1.54)
}
#notifications + .dropdown-menu .notification-item{
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    color:#777
}
#notifications + .dropdown-menu .icon{
    border-radius:0 2px 2px 0;
    color:#777;
    display:inline-block;
    padding:4px;
    width:25px
}
#notifications + .dropdown-menu .icon .fa{
    font-size:15px;
    position:relative;
    top:2px;
    vertical-align:text-top
}
#notifications + .dropdown-menu .notification-content{
    font-size:12px
}
#notifications + .dropdown-menu .notification-value{
    background:#fafafa;
    float:left;
    font-family:Tahoma;
    height:25px;
    line-height:25px;
    margin-top:5px;
    text-align:center;
    width:25px;
    border-radius:50%;
    font-weight:700
}
.client-top-access .client-number{
    color:#fff;
    line-height:40px
}
.client-top-access .client-number .fa{
    font-size:18px
}
.return-to-main-site{
    background:#ff5252;
    border-radius:100%;
    color:#fff;
    display:inline-block;
    font-size:20px;
    line-height:36px;
    margin-right:20px;
    padding:0 10px;
    text-align:center;
    transition:all .2s ease-in-out
}
.return-to-main-site:hover{
    background:#025878;
    color:#739fbf
}
@media(max-width:767px){
    .client-top-access{
        border-top:1px solid rgba(256,256,256,0.1);
        margin-top:5px;
        padding-top:5px
    }
    .return-to-main-site{
        float:left
    }
    .client-top-access .btn-group > a,.client-top-access .btn-group #notifications{
        margin-left:0!important;
        margin-right:5px!important
    }
}
.client-menu-container{
    padding:0
}
.client-menu{
    display:inline-block;
    padding-right:20px
}
.client-menu .dropdown{
    background:#2b41a1;
    border-radius:0;
    padding:0 10px
}
.client-menu .dropdown:hover{
    background:#263a94
}
.client-menu .list-unstyled{
    padding:0
}
.client-menu .client-avatar{
    width:36px;
    border-radius:25px
}
.client-menu .dropdown-toggle{
    border-radius:0;
    color:#fff;
    display:block;
    padding:10px;
    font-size:14px
}
.client-menu .dropdown-toggle .title{
    padding:0 10px;
    line-height:2.5
}
.client-menu .dropdown-toggle b{
    color:#fff;
    float:left;
    position:relative;
    top:16px
}
.client-menu .dropdown-menu{
    border:none;
    border-radius:0;
    box-shadow:0 6px 12px rgba(0,0,0,.175);
    display:block;
    margin-top:5px;
    top:51px;
    min-width:200px;
    padding:0;
    transform:scale(1,0);
    transition:all .5s cubic-bezier(0.68,-0.55,0.56,1.01);
    transform-origin:top right;
    border-radius:0 0 5px 5px
}
.client-menu .dropdown-toggle[aria-expanded="true"] + .dropdown-menu,.client-menu .dropdown-toggle[aria-expanded="true"] + .dropdown-backdrop + .dropdown-menu{
    opacity:1;
    transform:scale(1,1);
    transition:all .5s cubic-bezier(0.56,0.01,0.27,1.55);
    z-index:9999999
}
.client-menu .dropdown-menu a{
    color:#9E9E9E;
    font-size:12px;
    margin:3px 1px 1px;
    padding:0 0 0 10px;
    transition:all .2s ease-in-out
}
.client-menu .dropdown-menu li:hover > a{
    background:#fafafa;
    color:#757575
}
.client-menu .client-menu-item-icon{
    color:#777;
    display:inline-block;
    font-size:15px;
    height:35px;
    text-align:center;
    vertical-align:middle;
    width:35px;
    padding:5px
}
.client-menu .client-menu-item-icon i{
    position:relative;
    top:3px;
    vertical-align:super
}
.client-menu .client-menu-item-title{
    display:inline-block;
    padding-left:0;
    padding-right:0
}
.client-menu li.sign-out a{
    background:#fafafa;
    color:#313131
}
.client-menu li.sign-out:hover a{
    background:#efefef;
    color:#313131
}
@media(max-width:767px){
    .client-menu .dropdown-toggle{
        margin:0;
        line-height:30px
    }
}
.top-access-open-ticket{
    margin-left:10px;
    margin-left:10px
}
#main-menu{
    background-color:transparent!important
}
#main-menu .navbar-main{
    z-index:999
}
#main-menu .navbar-brand{
    padding:0 30px;
    height:auto
}
#main-menu .navbar-toggle{
    float:right;
    margin:0;
    margin-left:5px;
    padding-top:11px;
    border:1px solid #efefef;
    background-color:#fff
}
#main-menu .navbar-toggle span{
    background:#888;
    height:3px;
    margin-bottom:5px;
    width:30px
}
#main-menu .navbar-collapse{
    border:none
}
#main-menu .navbar-nav a{
    background:none!important;
    line-height:24px;
    font-size:14px
}
#main-menu .navbar-nav > li > a{
    font-size:14px;
    text-align:right;
    margin-bottom:3px;
    border-radius:5px;
    padding:10px 15px
}
#main-menu .navbar-nav > li:hover{
    background-color:#fafafa;
    border-radius:5px
}
#main-menu .navbar-nav ul{
    max-width:100%;
    min-width:200px;
    padding:0;
    margin:0
}
#main-menu .navbar-nav ul li{
    transition:all .2s ease-in-out;
    border-right:4px solid #efefef;
    margin:2px 0
}
#main-menu .navbar-nav ul li:hover{
    background:#fafafa
}
#main-menu .navbar-nav ul li a{
    line-height:3;
    padding-right:5px;
    color:#777
}
#main-menu .navbar-nav ul li:hover > a{
    color:#333
}
#main-menu .navbar-nav ul li i{
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    width:20px;
    color:#0c70de
}
#main-menu .navbar-left{
    margin-top:7px
}
#main-menu .top-access-open-ticket{
    background-color:#2196F3;
    color:#fff;
    padding:7px 15px;
    font-size:13px;
    line-height:1.5;
    border-radius:3px;
    margin-top:-3px;
    border:none;
    box-shadow:1px 1px 2px rgba(0,0,0,.2)
}
#main-menu .top-access-open-ticket:hover{
    background:#1484dc
}
#main-menu .top-access-open-ticket i{
    display:inline-block;
    font-size:14px;
    margin-left:3px;
    position:relative;
    top:1px;
    vertical-align:middle
}
#main-menu .top-access-open-ticket span{
    display:inline-block;
    font-size:13px;
    vertical-align:top
}
@media(min-width: 768px){
    #main-menu .dropdown-menu{
        border:0;
        border-radius:0;
        border-top:0;
        display:block;
        min-width:200px;
        opacity:0;
        padding:10px 5px;
        transform:scale(0,0);
        transition:all .3s ease-in-out;
        transform-origin:top right
    }
    #main-menu .dropdown-toggle[aria-expanded="true"] + .dropdown-menu{
        opacity:1;
        transform:scale(1,1);
        min-width:225px;
        border-radius:0 0 5px 5px;
        padding:5px;
        top:49px;
        transition:all .5s cubic-bezier(0.42,0,0.32,1.43)
    }
    #main-menu .dropdown-menu a{
        color:#777;
        font-size:13px;
        padding:0 10px;
        line-height:2.5
    }
    #main-menu .nav-divider{
        background:#efefef;
        height:1px;
        margin:5px 0
    }
}
@media(max-width: 767px){
    #main-menu .navbar-nav a{
        background:none!important;
        line-height:24px
    }
    #main-menu .navbar-collapse{
        background:rgba(256,256,256,0.05);
        border-radius:3px;
        margin-left:0;
        margin-right:0;
        margin-top:20px;
        border-top:1px solid #ddd
    }
    #main-menu .nav-divider{
        background:none;
        display:none
    }
    #main-menu .dropdown-menu{
        background:rgba(256,256,256,0.075);
        border-radius:3px;
        padding:10px;
        margin:5px 30px
    }
    #main-menu .dropdown-menu a{
        display:inline-block;
        padding:0;
        font-size:13px
    }
    #main-menu .navbar-left{
        margin-top:0
    }
    #main-menu .top-access-open-ticket{
        display:block!important;
        margin-bottom:10px
    }
}
.iconlist img{
    width:48px
}
.icon-list .icon{
    color:#8ea7bf;
    display:inline-block;
    font-size:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    transition:all .3s ease-in-out;
    width:25px
}
.icon-list .icon:hover{
    color:#fff;
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}
@media(min-width:768px){
    .icon-list{
        text-align:left
    }
}
@media(max-width:767px){
    .icon-list{
        text-align:center
    }
}
section#main-body{
    padding:20px 0;
    background-color:#f7faff
}
.tiles .tile{
    padding:13px;
    transition:all .3s ease-in-out
}
.tiles:hover .tile{
    opacity:.5
}
.tiles .tile:hover{
    opacity:1
}
.tiles .tile a{
    background:#fff;
    display:block;
    overflow:hidden;
    box-shadow:0 2px 7px 0 rgba(69,90,100,0.2);
    background-color:#fff;
    border-radius:5px;
    transition:all .3s ease-in-out;
    position:relative;
    margin:10px 0;
    line-height:30px;
    padding:0;
    min-height:180px;
    max-height:180px
}
.tiles .tile a:after{
    clear:both;
    content:"";
    display:block
}
.tiles .tile a:hover{
    box-shadow:0 2px 5px rgba(51,51,51,0.35)
}
.tiles .tile .icon{
    background:#448aff;
    border-left:none;
    box-sizing:border-box;
    color:#fff;
    display:block;
    float:right;
    font-size:40px;
    padding:50px 15px 50px 14px;
    position:static
}
.tiles .tile .icon1{
    border-left:none;
    box-sizing:border-box;
    color:#de4f8d;
    background-color:#ea5395;
    display:none;
    float:right;
    font-size:50px;
    text-align:center;
    padding-top:35px;
    position:static;
    height:180px;
    width:70px
}
.tiles .tile .icon2{
    border-left:none;
    box-sizing:border-box;
    color:#c35de7;
    background-color:#cc5ef1;
    display:none;
    float:right;
    font-size:50px;
    text-align:center;
    padding-top:35px;
    position:static;
    height:180px;
    width:70px
}
.tiles .tile .icon3{
    border-left:none;
    box-sizing:border-box;
    color:#86cace;
    background-color:#8dd5d9;
    display:none;
    float:right;
    font-size:50px;
    text-align:center;
    padding-top:35px;
    position:static;
    height:180px;
    width:70px
}
.tiles .tile .icon4{
    border-left:none;
    box-sizing:border-box;
    color:#58bb5b;
    background-color:#5dc560;
    display:none;
    float:right;
    font-size:50px;
    text-align:center;
    padding-top:35px;
    position:static;
    height:180px;
    width:70px
}
.tiles .tile .title{
    color:#448aff;
    float:right;
    font-size:20px;
    padding-right:10px;
    padding-top:50px;
    text-align:right;
    width:calc(100% - 90px);
    word-break:break-all
}
.tiles .tile .title1{
    color:#a34bf9;
    background-color:#fff;
    float:right;
    font-size:20px;
    text-align:center;
    width:100%;
    word-break:break-all;
    padding:28px 10px
}
.tiles .tile .title2{
    color:#00b3ff;
    background-color:#fff;
    float:right;
    font-size:20px;
    text-align:center;
    width:100%;
    word-break:break-all;
    padding:28px 10px
}
.tiles .tile .title3{
    color:#00d9bf;
    background-color:#fff;
    float:right;
    font-size:20px;
    text-align:center;
    width:100%;
    word-break:break-all;
    padding:28px 10px
}
.tiles .tile .title4{
    color:#ec0c38;
    background-color:#fff;
    float:right;
    font-size:20px;
    text-align:center;
    width:100%;
    word-break:break-all;
    padding:28px 10px
}
.tiles .tile .title p{
    font-size:12px;
    padding:5px;
    color:#777
}
.tiles .tile .title1 p{
    font-size:12px;
    padding:5px;
    color:#757575
}
.tiles .tile .title2 p{
    font-size:12px;
    padding:5px;
    color:#757575
}
.tiles .tile .title3 p{
    font-size:12px;
    padding:5px;
    color:#757575
}
.tiles .tile .title4 p{
    font-size:12px;
    padding:5px;
    color:#757575
}
#search-domain-section{
    margin-top:25px
}
#search-domain-section .container{
    max-width:1200px
}
#search-domain-section .form-control{
    border-radius:3px 0 0 3px;
    direction:ltr;
    font-size:13px;
    text-align:left
}
#search-domain-section .input-group{
    width:100%
}
#search-domain-section .input-group-btn .btn:first-child{
    border-radius:0 3px 3px 0
}
#search-domain-section .input-group-btn .btn{
    color:#fff;
    font-size:12px;
    height:46px;
    outline:none
}
#search-domain-section .input-group-btn .btn.search{
    background-color:#ff5252;
    border-color:#f94646;
    margin:0;
    width:200px
}
#search-domain-section .input-group-btn .btn.search:hover{
    background-color:#e84343
}
#search-domain-section .input-group-btn .btn.transfer{
    background-color:#448aff;
    border-color:#4a85e6;
    margin:0;
    padding:0;
    width:150px
}
#default-captcha-domainchecker{
    font-size:11px;
    margin:0
}
#default-captcha-domainchecker p{
    font-size:11px;
    margin:0;
    padding-top:10px
}
#inputCaptcha{
    border-radius:3px;
    display:inline-block;
    padding:10px 15px;
    font-size:13px;
    height:30px;
    text-align:center!important
}
#inputCaptchaImage{
    vertical-align:middle
}
#default-captcha-domainchecker .captchaimage + div{
    padding-top:3px;
    text-align:right
}
@media(max-width: 767px){
    #search-domain-section .input-group-btn .btn.search{
        width:100px
    }
    #search-domain-section .input-group-btn .btn.transfer{
        width:100px
    }
}
@media(max-width: 540px){
    #search-domain-section .input-group-btn .btn.search{
        width:70px
    }
    #search-domain-section .input-group-btn .btn.transfer{
        width:70px
    }
}
.full-width-img-text{
    background-size:cover;
    color:#f1f1f1;
    direction:rtl;
    line-height:25px;
    padding:40px;
    text-align:center
}
.full-width-img-text .text-wrapper{
    display:table-cell;
    vertical-align:middle
}
.full-width-img-text p{
    margin:50px 0;
    text-align:justify
}
.announcements-3-col .announcement-item{
    background:#fff;
    border-bottom:8px solid #0081af;
    box-shadow:0 0 1px rgba(0,0,0,0.15);
    margin-bottom:20px;
    border-radius:3px;
    transition:all .2s ease-in-out
}
.announcements-3-col .announcement-title-date{
    padding:15px
}
.announcements-3-col .announcement-item .announcement-title{
    color:#1a2431;
    font-size:20px;
    margin:10px 0;
    min-height:60px;
    text-align:justify;
    transition:all .2s ease-in-out
}
.announcements-3-col .announcement-item:hover .announcement-title{
    color:#00455e
}
.announcements-3-col .announcement-item .announcement-date{
    color:#fff;
    display:inline-block;
    font-size:13px;
    background-color:#0081af;
    padding:5px 15px;
    width:fit-content
}
.announcements-3-col .announcement-item .announcement-content{
    color:#777;
    padding:0 15px 20px;
    text-align:justify
}
#home-latest-announements .section-more{
    text-align:left
}
#home-latest-announements .section-more-btn{
    background:#3f51b5;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    padding:10px 35px;
    transition:all .2s ease-in-out
}
#home-latest-announements .section-more-btn:hover{
    background:#0081af
}
#home-latest-announements .section-more-btn span{
    margin-left:10px
}
.section-container{
    padding:50px 0
}
.section-container .container{
    max-width:1200px
}
.section-header .section-title-container{
    margin-bottom:35px;
    text-align:center
}
.section-header .section-title{
    color:#00455e;
    display:inline-block;
    font-size:32px;
    padding-bottom:10px;
    vertical-align:middle
}
.section-header .section-icon{
    display:none;
    font-size:20px;
    margin:0 10px;
    vertical-align:middle
}
.section-header .section-description{
    margin-bottom:10px
}
.section-title-container{
    position:relative
}
.section-title-container:before,.section-title-container:after{
    bottom:0;
    content:"";
    display:block;
    height:2px;
    position:absolute;
    z-index:1
}
.section-title-container:before{
    background:#0081af;
    left:calc(50% - 15%);
    width:30%;
    display:none
}
.section-title-container:after{
    background:#0081af;
    width:100%;
    text-align:right;
    display:none
}
#tabs-section{
    background:#00b9f6;
    border-radius:0
}
#tabs-section .section-header .section-title{
    color:#fff
}
#tabs-section .section-title-container:before,#tabs-section .section-title-container:after{
    background:#fff
}
.tabs .nav-tabs{
    height:54px;
    background:#fff;
    border:none;
    border-radius:3px 3px 0 0;
    margin-top:15px;
    border:1px solid #efefef
}
.tabs .tab-content{
    background:#fff
}
.tabs .nav-tabs > li > .dropdown-menu{
    border:none;
    border-radius:0 0 3px 3px;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    display:block;
    opacity:0;
    transform:scale(1,0);
    transform-origin:top center;
    transition:all .25s ease-in-out
}
.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-menu,.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-backdrop + .dropdown-menu{
    opacity:1;
    transform:scale(1,1)
}
.tabs .nav-tabs > li > a,.tabs .nav-tabs > li > a:hover{
    background:none;
    border-radius:0;
    margin:0;
    line-height:52px;
    color:#888;
    font-size:14px;
    padding:0 20px!important
}
.tabs .nav-tabs > li > a:hover{
    background:none;
    border-radius:0;
    margin:0;
    line-height:52px;
    color:#777;
    background-color:#efefef;
    border-left:1px solid #efefef;
    border:0
}
.tabs .nav-tabs > li:first-child > a{
    border-radius:0 3px 0 0!important
}
.tabs .nav-tabs > li.active > a,.tabs .nav-tabs > li.active > a:hover,.tabs .nav-tabs > li.active > a:focus{
    background:none;
    color:#fff;
    cursor:default;
    border:none;
    border-top:4px solid #fff
}
.tabs .plan-host{
    float:left!important;
    font-size:12px;
    margin-top:-50px
}
.tabs .plan-host a,.tabs .plan-host a:hover{
    background:none;
    color:#c5c5c5;
    line-height:50px;
    padding:0 15px!important
}
.tabs .tab-pane .tab-title{
    color:#00455e;
    font-size:18px;
    margin-right:50px;
    margin-top:45px;
    text-align:right
}
.tabs .tab-pane .tab-text{
    color:#616161;
    font-size:13px;
    line-height:30px;
    margin-bottom:20px;
    margin-right:50px;
    margin-top:30px;
    text-align:justify
}
.tabs .tab-pane .tab-text p{
    line-height:1.75
}
.tabs .tab-pane .tab-btn{
    margin-bottom:50px;
    margin-right:50px;
    text-align:left
}
.tabs .tab-pane .tab-btn a{
    background:#00455e;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    margin:0 0 0 15px;
    padding:10px 25px
}
.tabs .tab-pane .tab-image{
    height:100%;
    text-align:center
}
.tabs .tab-pane .tab-image:before{
    content:"";
    background:#ccc;
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.tabs .tab-pane .tab-image img{
    display:inline-block;
    height:250px;
    margin:50px 0;
    vertical-align:middle;
    width:auto
}
.tabs .tab-pane [data-toggle="collapse"]{
    color:#0061ab;
    display:block;
    font-size:14px;
    width:100%
}
.tabs .tab-pane .panel-body{
    padding:28px 52px
}
.tabs .tab-pane .panel-body a{
    background:none!important;
    color:#5f5f5f;
    font-size:12px;
    padding:0
}
.tabs .nav-tabs#clientarea-home-tabs > li > a{
    transition:all .2s ease-in-out
}
.tabs .nav-tabs#clientarea-home-tabs > li.active > a{
    color:#313131;
    cursor:default;
    border:none;
    background-color:#fafafa;
    min-height:52px
}
.tabs .nav-tabs#clientarea-home-tabs > li.active > a:hover,.tabs .nav-tabs#clientarea-home-tabs > li.active > a:focus{
    color:#313131;
    cursor:default;
    border:none;
    background-color:#efefef;
    min-height:52px
}
.tabs .tab-content#clientarea-home-tabs-content{
    border:1px solid rgba(0,0,0,0.1);
    border-radius:0 0 3px 3px;
    border-top:none
}
.tabs .tab-content#clientarea-home-tabs-content .tab-btn{
    margin:0
}
.tabs .tab-content#clientarea-home-tabs-content .tab-btn a{
    background:#11c15b;
    border-radius:0 3px;
    font-size:12px;
    margin:0;
    padding:10px 15px
}
.tabs .tab-content#clientarea-home-tabs-content .tab-btn a span{
    margin-left:3px
}
.tabs .tab-content#clientarea-home-tabs-content .tab-btn .description{
    color:#d8130e;
    display:inline-block;
    font-size:12px;
    padding:0 10px
}
@media(max-width: 767px){
    .tabs .tab-pane .tab-title{
        margin-left:20px;
        margin-right:20px;
        margin-top:30px
    }
    .tabs .tab-pane .tab-text{
        margin:20px 20px 30px
    }
    .tabs .tab-pane .panel-body{
        padding:10px!important
    }
}
.panel-danger>.panel-heading{
    color:#d8130e;
    background-color:#fff;
    border-color:#fff
}
.panel-danger{
    border-color:#ff5252
}
.sidebar .list-group a{
    background:#fff;
    color:#777;
    transition:all .2s linear;
    font-size:13px
}
.sidebar .list-group a:hover,.sidebar .list-group a.active{
    background:#f1f3f9;
    color:#3e4bb4
}
.sidebar .list-group a .badge{
    background:#11c15b;
    border-radius:100%;
    color:#fff;
    height:30px;
    line-height:30px;
    min-width:auto;
    padding:0;
    width:30px
}
.sidebar .list-group a:hover .badge,.sidebar .list-group a.active .badge{
    background:#fff;
    border-radius:100%;
    color:#00b9f6;
    height:30px;
    line-height:30px;
    min-width:auto;
    padding:0;
    width:30px
}
.table{
    background:#f8f8f8;
    min-width:100%
}
.table th{
    border:none!important;
    color:#00455e;
    font-size:13px!important;
    font-weight:500;
    text-align:center
}
.table td{
    border:1px solid #fafafa;
    color:#777;
    font-size:13px;
    font-weight:500;
    text-align:center;
    vertical-align:middle!important
}
#clientarea-home-tabs-content td:last-child{
    border-left:none
}
.last-post li{
    padding:0
}
.last-post li a{
    color:#888;
    display:block;
    font-size:13px;
    padding:10px;
    transition:all .2s ease-in-out
}
.last-post li a:hover{
    background:#f8f8f8
}
.last-post li a .title{
    display:inline-block;
    width:calc(100% - 110px)
}
.last-post li a .title-icon{
    display:inline-block;
    font-size:10px;
    padding:0 5px;
    position:relative;
    top:1px;
    vertical-align:top
}
.price-list{
    border:1px solid #e6e6e6;
    border-radius:3px;
    border-collapse:separate;
    overflow:hidden
}
.price-list span,.price-list th{
    color:#777
}
.price-list .fa-check{
    color:#14ca00;
    font-size:20px
}
.price-list .fa-times{
    color:#d9534f
}
.price-list thead th{
    background:#f8f8f8;
    border-bottom:none!important;
    font-weight:400;
    line-height:30px!important
}
.price-list th,.price-list td{
    text-align:center
}
.price-list tbody tr{
    background:transparent;
    transition:all .1s ease-in-out
}
.price-list tbody tr:hover{
    background:#f8f8f8;
    transition:all .2s ease-in-out
}
.price-list tbody tr td{
    padding:10px!important;
    font-size:13px
}
.price-list .green p{
    color:#0b519c;
    margin:0
}
.price-list .green td:first-child ~ td{
    padding:15px 0!important
}
.price-list tbody tr td:first-child{
    background:#f7f7f7;
    color:#fff;
    font-size:13px;
    width:175px;
    text-align:left
}
.price-list tbody tr td:first-child span{
    color:#3647a7;
    font-weight:700;
    font-size:12px
}
.price-list tbody tr td:first-child span .fa{
    color:#3647a7;
    display:inline-block;
    font-size:14px;
    margin:0 15px
}
.price-list tbody tr td:first-child span .fa:hover{
    color:#ff5252
}
.price-list tbody tr.dynamic-row{
    display:none;
    opacity:0
}
.price-list tbody tr.collapsed{
    display:none
}
.price-list tbody tr.expanded{
    display:table-row
}
.price-list tbody tr.opacity-1{
    opacity:1
}
.price-list tbody tr.opacity-0{
    opacity:0
}
.price-list .popover{
    background-color:#333;
    border-color:#0d0d0d;
    color:#fff;
    font-size:12px
}
.price-list .popover .arrow:after{
    border-top-color:#333
}
.price-list tbody tr:last-child td{
    padding:5px!important
}
.price-list .btn{
    display:block;
    font-size:13px;
    height:35px;
    margin:0;
    width:100%;
    transition:all .2s ease-in-out
}
.price-list .btn .fa{
    color:#fff;
    font-size:11px;
    margin:0 0 0 15px;
    text-align:justify
}
.price-list .show_table{
    color:#fff;
    background-color:#34495e;
    border-color:#34495e;
    transition:all .2s ease-in-out
}
.price-list .show_table:hover{
    background-color:#2c3e50;
    border-color:#2c3e50
}
.price-list .show_table span{
    color:#fff!important
}
.price-list .show_table .fa-minus{
    display:none
}
.price-list .show_table.expanded .fa-minus{
    display:inline-block
}
.price-list .show_table.expanded .fa-plus{
    display:none
}
strong{
    color:#4757cd
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    background-color:#fff
}
.dataTables_wrapper .dataTables_length{
    background-color:#fff!important;
    font-size:12px;
    color:#00455e;
    padding:5px;
    border-radius:0 0 5px 5px
}
.panel-info>.panel-heading{
    color:#fff;
    background-color:#11c15b;
    border:0
}
.tabs{
    background:#fff;
    display:block;
    border-radius:3px;
    transition:all .3s ease-in-out;
    background-color:#fff;
    margin-bottom:20px;
    margin-right:-10px;
    border:0;
    margin-left:-10px;
    box-shadow:1px 2px 7px rgba(0,0,0,0.08)
}
.panel-info{
    border-color:#11c15b
}
#order-standard_cart .products .product div.product-pricing{
    float:left
}
#order-standard_cart .products .product footer{
    text-align:right!important;
    border-radius:0 0 3px 3px!important;
    width:100% !important;
    margin:0 auto !important;
}
#order-standard_cart .products .product header span{
    color:white!important;
    font-size:15px!important;
    border-bottom:0!important
}
#order-standard_cart .products .product header{
    position:relative!important;
    padding:15px 20px!important;
    background:#6001ff!important;
    color:#fff!important;
    margin:0!important;
    border-bottom:1px dashed #fafafa
}
#order-standard_cart .products .product{
    padding:0!important;
    margin:0 0 20px!important;
    background:#fff!important;
    border-radius:10px!important;
    border:0!important;
    box-shadow:0 2px 7px 0 rgba(0,0,0,0.11);
    
}
#order-standard_cart .products .product:hover{
    box-shadow:0 5px 15px 0 rgba(0,0,0,0.12),0 1px 6px 0 rgba(0,0,0,0.12)
}
.tiles .tile:hover{
    background-color:transparent!important
}
#order-standard_cart .domain-selection-options .option{
    margin-bottom:20px!important;
    padding:15px!important;
    border-radius:3px;
    border-right:10px solid #448aff!important;
    background-color:#fafafa!important
}
.input-group-addon{
    background-color:#156bc7!important;
    border:1px solid #156bc7!important;
    border-radius:0!important;
    color:#fff!important
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{
    padding:15px 5px
}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_desc_disabled:after{
    bottom:15px
}
.cycle{
    background-color:#ef5350;
    padding:0 8px;
    border-radius:3px;
    color:#fff;
    font-size:13px;
    float:left
}
#order-standard_cart .view-cart-items{
    border:1px solid #efefef
}
#order-standard_cart .view-cart-items .item{
    padding:0!important
}
#order-standard_cart .view-cart-items .item-price .cycle{
    display:inline-block!important;
    float:none!important
}
#order-standard_cart .btn-remove-from-cart{
    background:#f44336;
    color:#fff!important;
    display:inline-block;
    margin:5px 0;
    position:relative;
    top:5px;
    border-radius:15px;
    height:30px;
    width:30px;
    padding:0;
    transition:all .3s ease-in-out
}
#order-standard_cart .btn-remove-from-cart:hover{
    box-shadow:0 3px 3px rgba(51,51,51,0.3)
}
#order-standard_cart .view-cart-items .item-title{
    display:inline-block!important;
    font-size:14px!important;
    line-height:50px;
    padding-right:10px
}
#order-standard_cart .view-cart-items .item-group{
    background:#06bdda;
    border-radius:3px;
    color:#fff;
    display:inline-block!important;
    font-size:10px!important;
    padding:0 10px
}
#order-standard_cart .view-cart-items .item-title a{
    background:#0091EA;
    color:#fff;
    display:inline-block;
    float:right;
    height:30px;
    margin:10px 5px;
    overflow:hidden;
    padding:0!important;
    text-align:right;
    width:30px
}
#order-standard_cart .view-cart-items .item-title a:after{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    width:1px
}
#order-standard_cart .view-cart-items .item-title a i{
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    width:100%
}
#order-standard_cart .empty-cart .btn{
    background-color:#0288D1!important
}
.caret{
    color:#777
}
.product-desc img{
    padding:20px
}
.announcement-single img{
    float:left;
    padding:15px;
    height:auto;
    width:300px
}
.submit-ticket-support-departments .col-md-6{
    padding:10px
}
.submit-ticket-support-department a{
    display:block;
    min-height:160px;
    padding-right:70px;
    position:relative
}
.submit-ticket-support-department{
    background:#fbfbfb;
    border-radius:10px;
    transition:all .2s ease-in-out;
    border:0
}
.submit-ticket-support-department:hover{
    background:#FAFAFA;
    box-shadow:0 1px 3px rgba(51,51,51,0.3)
}
.submit-ticket-support-department-icon{
    background:#e7f0f9;
    border-radius:0 10px 10px 0;
    bottom:0;
    color:#a8bbce;
    display:inline-block;
    font-size:36px;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    vertical-align:top;
    width:70px;
    padding-top:30px
}
.submit-ticket-support-department-icon:after{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.submit-ticket-support-department-icon i{
    position:relative;
    top:25px;
    vertical-align:top
}
.submit-ticket-support-department-title-description{
    display:inline-block;
    padding:15px;
    vertical-align:top
}
.submit-ticket-support-department-title{
    color:#1887bd;
    display:block
}
.submit-ticket-support-department-description{
    color:#757575;
    display:block;
    font-size:12px
}
.listtable.ticket-list .listtable-top-btns{
    float:right
}
.listtable.ticket-list .listtable-top-btns .submit-ticket{
    background:#0060aa;
    color:#fff;
    height:30px;
    font-size:12px;
    line-height:30px;
    padding:0 20px
}
.label.status span{
    color:#fff!important
}
@media (max-width: 480px){
    .listtable.ticket-list .listtable-top-btns{
        float:none
    }
    .listtable.ticket-list .listtable-top-btns .submit-ticket{
        margin-bottom:10px;
        width:100%
    }
    .listtable.ticket-list .dataTables_filter .input-group{
        width:100%
    }
}
.announcements .announcement-item{
    background:#fff;
    border-radius:10px;
    margin-bottom:25px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.03),0 1px 6px 0 rgba(0,0,0,0.12)
}
.announcements .announcement-item:hover{
    background:#fff!important;
    border-radius:10px!important;
    border:0!important;
    box-shadow:0 2px 10px 0 rgba(0,0,0,0.12),0 1px 6px 0 rgba(0,0,0,0.12);
    transition:all .2s ease-in-out
}
.announcements .announcement-item .announcement-item-title{
    background:#fff;
    border-radius:10px 10px 0 0;
    padding:15px;
    height:50px;
    text-align:center;
    overflow:hidden
}
.announcements .announcement-item .announcement-item-title a{
    color:#1676b0
}
.announcements .announcement-item .announcement-item-title i{
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
    vertical-align:initial
}
.announcements .announcement-item .announcement-summary{
    color:#757575;
    padding:15px;
    min-height:165px;
    font-size:13px
}
.announcements .announcement-item .announcement-summary p{
    font-size:13px;
    line-height:2
}
.announcement-item-meta{
    background-color:#fafafa
}
.announcement-item-date{
    color:#ff5252;
    display:inline-block;
    font-size:12px;
    height:29px;
    line-height:30px
}
.announcement-item-date i{
    display:inline-block;
    padding:0 10px 0 5px;
    vertical-align:inherit
}
.announcement-item-meta a,.announcement-item-meta a:hover,.announcement-item-meta a:focus{
    background:#f4f4f5;
    border-radius:0 5px 0 3px;
    color:#f44336;
    display:inline-block;
    float:left;
    height:30px;
    padding:2px 15px 5px 10px
}
.announcement-item-meta a span{
    display:inline-block;
    padding-left:5px
}
.announcement-item-meta:after{
    clear:both;
    content:"";
    display:block
}
.announcement-details{
    background:#fff;
    border-radius:10px;
    box-shadow:0 2px 7px 0 rgba(69,90,100,0.2)
}
.announcement-details .announcement-item-title{
    background:#fff;
    border-radius:10px 10px 0 0;
    color:#0e75b2;
    padding:10px
}
.announcement-details .announcement-item-title a{
    color:#fff
}
.announcement-details .announcement-item-title i{
    display:inline-block;
    margin-left:5px;
    margin-right:5px
}
.announcement-details .announcement-item-title .share-announcement{
    cursor:pointer;
    display:inline-block;
    float:left;
    position:relative;
    text-align:left;
    top:2px;
    width:36px
}
.announcement-details .announcement-content{
    color:#757575;
    padding:10px;
    min-height:350px
}
.announcement-details .announcement-content p{
    font-size:13px;
    line-height:2;
    text-align:justify
}
.announcement-details .announcemnet-social-gp-tw{
    padding:10px 0;
    text-align:left
}
.announcement-details .announcemnet-social-fb{
    border-top:1px solid #0081af57;
    padding:10px 0;
    text-align:left
}
.announcement-details .fb_iframe_widget,.announcement-details .fb_iframe_widget > span,.announcement-details .fb_iframe_widget > span > iframe{
    left:0!important;
    width:100%!important
}
#top-logo{
    padding:10px 0;
    background-color:#fff;
    box-shadow:0 3px 4px 0 rgba(0,0,0,0.08)
}
#top-logo-img a{
    display:inline-block;
    padding-right:20px;
    float:right
}
#top-logo-img img{
    display:inline-block;
    height:auto;
    max-height:70px;
    width:auto
}
#top-logo-img img:hover{
    opacity:.8;
    filter:grayscale(100)
}
#top-logo-img span{
    display:inline-block;
    font-size:16px;
    font-weight:700;
    margin-bottom:5px;
    vertical-align:bottom
}
@media(max-width: 767px){
    #top-logo-img{
        text-align:center
    }
}
#top-logo-contacts{
    margin-top:-25px;
    float:left
}
#top-logo-contacts:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.top-logo-contact{
    border-radius:3px;
    color:#fff;
    display:inline-block;
    direction:ltr;
    font-size:12px;
    margin:5px;
    overflow:hidden;
    padding:0 0 0 30px;
    position:relative;
    display:block
}
.top-logo-contact i{
    color:#3e82b8;
    bottom:0;
    display:inline-block;
    font-size:18px;
    left:0;
    line-height:33px;
    position:absolute;
    text-align:center;
    vertical-align:top;
    width:25px;
    z-index:0
}
.top-logo-contact span{
    background:#fff;
    display:block;
    padding:2px 10px;
    min-width:50px;
    max-width:max-content;
    color:#777;
    text-align:right;
    border:1px dashed #f1efef;
    border-radius:5px 0 0 5px
}
@media(max-width: 767px){
    #top-logo-contacts{
        text-align:center
    }
}
.breadcrumb-container{
    margin-bottom:0;
    padding:3px 0 5px;
    position:relative;
    margin-top:10px
}
.breadcrumb-container .breadcrumb-icon{
    bottom:0;
    color:#2196f3;
    display:inline-block;
    margin:0 20px 0 5px;
    padding-top:5px;
    text-align:left;
    top:0;
    width:20px
}
.breadcrumb{
    font-size:13px;
    padding:15px 0;
    border-radius:0;
    display:block;
    color:#3541a0;
    background-color:#fff;
    margin-top:-28px;
    border-bottom:1px solid #efefef;
    margin-bottom:18px
}
.breadcrumb > li + li:before{
    padding:0
}
.breadcrumb > li a{
    color:#777
}
.filter-items-container{
    background:#fff;
    border-radius:3px;
    margin:0;
    padding:0 5px 0 0;
    position:relative;
    float:right
}
.filter-items-container-icon{
    background:#f8f8f8;
    bottom:0;
    color:#e5e5e5;
    display:inline-block;
    font-size:40px;
    overflow:hidden;
    padding-top:5px;
    position:absolute;
    right:0;
    text-align:right;
    top:0;
    vertical-align:top;
    width:40px;
    display:none
}
.filter-items-container-icon:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    width:1px
}
.filter-items-container-icon i{
    display:inline-block;
    left:5px;
    position:relative;
    top:-8px;
    vertical-align:middle;
    transform:rotateZ(25deg);
    width:calc(100% - 15px)
}
.dataTable-filter-items{
    display:inline-block;
    vertical-align:top;
    width:100%
}
.dataTable-filter-items .filter-item{
    background:#f8f8f8;
    box-shadow:0 0 1px rgba(51,51,51,0.2);
    border-radius:3px;
    color:#ccc;
    cursor:pointer;
    display:inline-block;
    font-size:12px;
    margin:0 0 5px 5px;
    padding:5px 5px 5px 35px;
    position:relative;
    transition:box-shadow .25s ease-in-out,padding .25s ease-in-out,background .4s ease-in-out,color .4s ease-in-out
}
.dataTable-filter-items .filter-item:hover{
    box-shadow:0 1px 2px rgba(51,51,51,0.1)
}
.dataTable-filter-items .filter-item.active{
    background:#25a7e8;
    color:#fff;
    padding:5px 20px
}
.dataTable-filter-items .filter-item:first-child{
    margin-right:0
}
.dataTable-filter-items .filter-item .filter-item-icon{
    position:absolute;
    right:5px;
    top:5px;
    transform:scale(0,0);
    transform-origin:right middle;
    transition:transform .2s ease-in-out
}
.dataTable-filter-items .filter-item.active .filter-item-icon{
    transform:scale(1,1);
    transition:transform .2s .075s ease-in-out
}
.dataTable-filter-items .filter-item .badge{
    background:#eee;
    border-radius:2px 0 10px 0;
    display:inline-block;
    font-size:15px;
    font-weight:400;
    height:20px;
    line-height:22px;
    margin:0;
    padding:0;
    position:absolute;
    left:0;
    top:0;
    transform-origin:left top;
    transition:transform .2s ease-in-out,top .2s ease-in-out,left .2s ease-in-out;
    width:20px
}
.dataTable-filter-items .filter-item.active .badge{
    background:#fff;
    color:#25a7e8;
    transform:scale(0.8,0.8);
    font-weight:700
}
.dataTable-filter-items .filter-item span:first-child{
    display:inline-block;
    min-width:20px
}
@media (max-width: 480px){
    .dataTable-filter-items > li{
        width:49%
    }
    .dataTable-filter-items .filter-item{
        display:block
    }
    .filter-items-container-icon i{
        top:0
    }
}
@media(min-width: 992px){
    #main-body-holder{
        padding:0
    }
}
.text-info{
    color:#737373
}
.ticket-subject{
    color:#f60
}
.pnumber{
    color:#74cb0b
}
.invoicesupaidtotal{
    padding:8px 10px!important
}
.invoicesupaidtotal .title{
    color:#9E9E9E!important;
    vertical-align:middle
}
.invoicesupaidtotal .amount{
    color:#f7026d!important;
    vertical-align:middle
}
#home-price-table{
    background-color:#fbfbfb;
    background-image:linear-gradient(to top,#f7faff 0%,#fff 60%)
}
#home-latest-announements{
    background-color:#fbfbfb;
    background-image:linear-gradient(to top,#f7faff 0%,#fff 60%)
}
.fa.fa-circle.fa-stack-2x{
    color:#3f51b5
}
.col-xs-10.col-xs-offset-1.text-justify{
    border:1px solid #ddd;
    border-radius:3px;
    padding:15px
}
.col-xs-10.col-xs-offset-1.text-justify h4{
    color:#666;
    background-color:#fafafa;
    border:1px solid #ddd;
    padding:10px;
    border-radius:3px;
    margin-bottom:15px;
    font-size:14px
}
.col-xs-10.col-xs-offset-1.text-justify p{
    color:#666;
    padding:5px;
    border-radius:3px;
    margin-bottom:15px;
    font-size:13px;
    text-align:right;
    line-height:26px
}
.announcement-item img{
    float:left;
    max-height:300px;
    padding-right:20px;
    width:auto;
    max-width:300px
}
.ticket-replies .reply{
    margin:10px 0;
    position:relative;
    background-color:#fff;
    box-shadow:1px 1px 7px rgba(0,0,0,0.08);
    border-radius:5px;
    color:#616161;
    font-size:13px;
    min-height:160px;
    padding:15px
}
.ticket-replies .replies-admin{
    direction:ltr
}
.ticket-replies .replies-user-info{
    display:inline-block;
    padding:13px 11px;
    text-align:center;
    vertical-align:top;
    width:180px;
    border-radius:5px;
    border:1px solid #f5f5f5
}
.ticket-replies .replies-user-info .replies-user-image{
    border-radius:5px;
    max-width:100%;
    margin:10px;
    width:80px
}
.ticket-replies .replies-user-info > span{
    display:block
}
.ticket-replies .replies-user-info .replies-user-title{
    color:#616161;
    font-size:14px;
    padding:5px;
    border-radius:3px;
    line-height:9px;
    margin-bottom:10px;
    text-align:center;
    width:156px;
    background-color:#f9f8f8
}
.ticket-replies .replies-user-info .replies-user-title span{
    display:inline-block;
    font-size:12px;
    height:20px;
    line-height:20px;
    overflow:hidden;
    width:calc(100% - 20px)
}
.ticket-replies .replies-user-info .replies-user-title i{
    display:inline-block;
    height:20px;
    line-height:20px;
    margin:0;
    text-align:center;
    vertical-align:top;
    width:15px
}
.ticket-replies .replies-user-info .replies-user-type{
    border-radius:3px;
    height:30px;
    margin:0;
    text-align:center;
    min-width:100px
}
.ticket-replies .replies-admin .replies-user-info .replies-user-type{
    background:#3F51B5;
    border:2px solid #3F51B5
}
.ticket-replies .replies-client .replies-user-info .replies-user-type{
    background:#e53935;
    border:2px solid #e53935
}
.ticket-replies .replies-user-info .replies-user-type span{
    color:#fff;
    display:inline-block;
    font-size:12px;
    height:24px;
    line-height:25px;
    overflow:hidden;
    text-align:center;
    vertical-align:top;
    width:calc(100% - 30px)
}
.ticket-replies .replies-user-info .replies-user-type i{
    border-radius:5px;
    color:#fff;
    display:inline-block;
    font-size:15px;
    font-weight:900!important;
    height:25px;
    line-height:25px;
    margin:0;
    text-align:center;
    vertical-align:top;
    width:24px
}
.ticket-replies .replies-info{
    display:inline-block;
    vertical-align:top;
    width:calc(85% - 100px)
}
.ticket-replies .replies-date-attachment{
    position:absolute;
    bottom:-1px;
    z-index:1
}
.ticket-replies .replies-admin .replies-date-attachment{
    direction:ltr;
    right:-1px;
    margin-top:9px
}
.ticket-replies .replies-client .replies-date-attachment{
    left:-1px
}
.ticket-replies .replies-date{
    color:#ff620d;
    display:inline-block;
    direction:ltr;
    font-size:11px;
    padding:3px 5px 0
}
.ticket-replies .replies-admin .replies-date{
    border-radius:3px
}
.ticket-replies .replies-client .replies-date{
    border-radius:5px
}
.ticket-replies .replies-attahcments{
    display:inline-block;
    color:#fff;
    font-size:12px;
    height:26px;
    line-height:26px;
    padding:0 5px;
    vertical-align:top
}
.ticket-replies .replies-admin .attachemets-list + .replies-date{
    border-radius:0 0 10px 0
}
.ticket-replies .replies-client .attachemets-list + .replies-date{
    border-radius:5px 0 0 5px
}
.replies-attahcments +.attachemets-list{
    display:none
}
.ticket-replies .replies-admin .replies-attahcments{
    background:#3F51B5;
    border-radius:5px 0 0 0;
    margin-right:0
}
.ticket-replies .replies-client .replies-attahcments{
    background:#74cb0b;
    border-radius:0 5px 5px 0;
    margin-left:-4px
}
.ticket-modals .modal-content{
    border:none;
    border-radius:10px
}
.ticket-modals .modal-header{
    background:#fff;
    border:none;
    border-radius:10px 10px 0 0;
    color:#337ab7;
    height:50px;
    padding:9px 15px 0 10px;
    border-bottom:1px solid #efefef
}
.ticket-modals .close{
    color:#131313;
    height:40px;
    line-height:1;
    outline:none;
    position:relative;
    text-align:left;
    text-shadow:none;
    top:0;
    left:10px;
    transition:all .2s ease-in-out;
    vertical-align:top;
    width:40px
}
.ticket-modals .modal-title{
    font-size:14px
}
#modal-ticket-attachments ul{
    direction:ltr;
    display:block;
    padding:0;
    width:100%
}
#modal-ticket-attachments ul li{
    direction:ltr;
    transition:all .25s ease-in-out
}
#modal-ticket-attachments ul li:nth-child(odd){
    background:#FAFAFA
}
#modal-ticket-attachments ul li:nth-child(even){
    background:#EEE
}
#modal-ticket-attachments ul li:hover{
    background:#E0E0E0
}
#modal-ticket-attachments ul li a{
    color:#757575;
    transition:all .25s ease-in-out
}
#modal-ticket-attachments ul li:hover a{
    color:#424242
}
#modal-ticket-attachments ul li .fa{
    background:#3f51b5;
    color:#fff;
    display:inline-block;
    font-size:16px;
    height:32px;
    line-height:32px;
    opacity:.5;
    text-align:center;
    vertical-align:top;
    width:32px
}
#modal-ticket-attachments ul li span{
    color:inherit;
    display:inline-block;
    font-size:13px;
    height:32px;
    line-height:36px;
    padding:0 10px;
    text-align:left;
    vertical-align:top;
    width:calc(100% - 38px)
}
.ticket-replies .replies-date span,.ticket-replies .replies-date i{
    display:inline-block;
    direction:ltr;
    vertical-align:top
}
.ticket-replies .replies-date i{
    font-size:11px;
    position:relative;
    top:2px
}
.ticket-replies .replies-content{
    border-radius:3px;
    color:#616161;
    font-size:13px;
    min-height:160px;
    padding:30px 10px;
    position:relative
}
.ticket-replies .replies-rank{
    padding-top:15px
}
.ticket-replies .rating span.star{
    cursor:pointer;
    display:inline-block;
    text-align:center;
    transition:all .2s ease-in-out
}
.ticket-replies .rating span.star:hover,.ticket-replies .rating span.star:hover ~ span.star,.ticket-replies .rating-done span.star.active{
    color:#FFC107
}
#modal-ticket-add-reply .md-header,#modal-ticket-add-reply .md-footer,#modal-ticket-add-reply .md-fullscreen-controls{
    display:none
}
#modal-ticket-add-reply label[for="inputMessage"]{
    color:#757575;
    font-weight:400
}
#modal-ticket-add-reply .md-editor{
    border:none
}
#modal-ticket-add-reply .md-editor textarea{
    border:1px solid #eee!important;
    border-radius:10px;
    display:block;
    margin:0;
    width:calc(100%)
}
#modal-ticket-add-reply .input-attachment-item input{
    height:.01px;
    width:.01px;
    overflow:hidden
}
#modal-ticket-add-reply .attachments-title-conainer{
    border-bottom:1px solid #eee;
    padding:0 0 3px
}
#modal-ticket-add-reply .attachments-title-conainer:after{
    clear:both;
    content:"";
    display:block;
    width:100%
}
#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem{
    float:left;
    padding:2px;
    outline:none;
    width:90px
}
#modal-ticket-add-reply .attachments-title-conainer .addTicketAttachmentItem i{
    display:inline-block;
    font-size:10px;
    margin-left:2px;
    position:relative;
    top:1px
}
.input-attachment-items{
    margin:10px 0
}
.input-attachment-item{
    border-radius:3px;
    margin:3px 0;
    overflow:hidden;
    transition:all .25s ease-in-out
}
.input-attachment-item:nth-child(even){
    background:#F5F5F5
}
.input-attachment-item:nth-child(odd){
    background:#EEE
}
.input-attachment-item:hover{
    background:#E0E0E0
}
.input-attachment-item label i,.input-attachment-item label span{
    display:inline-block
}
.input-attachment-item label{
    display:block;
    font-size:12px;
    font-weight:400;
    margin:0;
    padding:0;
    height:34px
}
.input-attachment-item .selectfile{
    background:#8898aa;
    border-radius:0 3px 3px 0;
    color:#fff;
    cursor:pointer;
    padding:5px 10px
}
.input-attachment-item .selectedfile{
    color:#ff5252;
    direction:ltr;
    line-height:28px;
    padding:0 5px;
    text-align:left;
    vertical-align:top;
    width:calc(98% - 100px)
}
a.autoLinked{
    color:#2392ec;
    word-wrap:break-word
}
@media(max-width: 576px){
    .ticket-replies .replies-info{
        width:100%
    }
    .ticket-replies .replies-user-info{
        padding-bottom:0;
        padding-left:0;
        padding-right:10px;
        width:100%
    }
    .ticket-replies .replies-client .replies-user-info{
        text-align:center;
        border-bottom:1px solid #efefef;
        box-shadow:none;
        border-radius:0;
        padding-bottom:10px
    }
    .ticket-replies .replies-user-info .replies-user-type{
        height:20px
    }
    .ticket-replies .replies-user-info .replies-user-type span{
        height:18px;
        line-height:17px;
        vertical-align:top
    }
    .ticket-replies .replies-user-info .replies-user-type i{
        height:16px;
        line-height:20px;
        font-size:10px;
        width:16px
    }
    .ticket-replies .replies-client .replies-content:before{
        border:8px solid #f7f7f7;
        border-radius:0 20px 0 0;
        bottom:calc(100% + 1px);
        display:none;
        left:auto;
        right:4px;
        top:auto
    }
    .ticket-replies .replies-client .replies-content:after{
        border:9px solid #fff;
        border-radius:0 30px 0 0;
        bottom:calc(100% + 1px);
        display:none;
        left:auto;
        right:13px;
        top:auto
    }
    .ticket-replies .replies-client .replies-user-info .replies-user-image{
        float:right;
        margin-top:0;
        width:48px
    }
    .ticket-replies .replies-client .replies-user-info .replies-user-title{
        display:inline-block;
        height:30px;
        text-align:right;
        margin-right:0;
        padding:5px;
        vertical-align:top;
        width:calc(100% - 70px)
    }
    .ticket-replies .replies-client .replies-user-info .replies-user-type{
        border:1px solid #e53935;
        border-right:2px solid #e53935;
        display:inline-block;
        float:right;
        margin-right:10px;
        text-align:center;
        height:25px;
        line-height:25px;
        padding:1px
    }
    .ticket-replies .replies-admin .replies-content:before{
        border:8px solid #f7f7f7;
        border-radius:20px 0 0 0;
        bottom:calc(100% + 1px);
        display:none;
        left:auto;
        left:4px;
        top:auto
    }
    .ticket-replies .replies-admin .replies-content:after{
        border:9px solid #fff;
        border-radius:30px 0 0 0;
        bottom:calc(100% + 1px);
        display:none;
        left:auto;
        left:13px;
        top:auto
    }
    .ticket-replies .replies-admin .replies-user-info{
        text-align:center;
        border-bottom:1px solid #efefef;
        box-shadow:none;
        border-radius:0;
        padding-bottom:10px
    }
    .ticket-replies .replies-admin .replies-user-info .replies-user-image{
        float:right;
        margin-top:0;
        width:50px
    }
    .ticket-replies .replies-admin .replies-user-info .replies-user-title{
        display:inline-block;
        height:30px;
        text-align:right;
        margin-left:10px;
        padding:5px;
        vertical-align:top;
        width:calc(100% - 80px)
    }
    .ticket-replies .replies-admin .replies-user-info .replies-user-type{
        display:inline-block;
        float:right;
        margin-right:5px;
        text-align:center;
        height:25px;
        line-height:25px;
        padding:1px
    }
    .ticket-replies .replies-admin .replies-user-info .replies-rank{
        display:none
    }
}
.ticket-info{
    padding-top:30px
}
.ticket-info-block{
    padding:0 0 10px
}
.ticket-info-block.btns{
    text-align:center
}
.ticket-info-block .ticket-info-block-content{
    border-radius:10px;
    padding:20px 10px 15px;
    position:relative;
    box-shadow:1px 1px 7px rgba(0,0,0,0.08)
}
.ticket-info-block .ticket-info-block-btn{
    border-radius:3px;
    padding:0;
    position:relative
}
.ticket-info-block .ticket-info-item{
    padding:5px 10px
}
.ticket-info-block .ticket-info-item .icon{
    background:#EEE;
    border-radius:50%;
    color:#9E9E9E;
    display:inline-block;
    font-size:14px;
    height:30px;
    line-height:30px;
    margin-left:10px;
    text-align:center;
    vertical-align:top;
    width:30px
}
.ticket-info-block .ticket-info-item .title{
    color:#757575;
    display:inline-block;
    font-size:13px;
    height:30px;
    line-height:34px;
    vertical-align:top
}
.ticket-info-block .ticket-info-item .value{
    color:#757575;
    display:inline-block;
    float:left;
    font-size:13px;
    height:30px;
    padding:8px 0;
    text-align:left;
    vertical-align:top;
    width:calc(95% - 135px)
}
.ticket-status{
    font-size:11px;
    padding:5px 10px;
    position:absolute;
    left:16px;
    top:4px;
    width:110px;
    z-index:1;
    display:none
}
.ticket-status:before{
    border:14px solid;
    border-left:16px solid transparent;
    bottom:0;
    content:"";
    display:inline-block;
    position:absolute;
    right:-1px;
    top:0;
    z-index:-1px;
    display:none
}
.ticket-status span{
    color:#fff;
    position:absolute;
    z-index:1;
    padding:5px 8px;
    background-color:#3d4bb4;
    border-radius:3px
}
.ticket-info-block .ticket-info-item .btn{
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:12px;
    height:35px;
    min-width:110px;
    padding:6px 10px 0 5px;
    text-align:right;
    vertical-align:top;
    width:100%
}
.ticket-info-block .ticket-info-item .btn i{
    display:inline-block;
    font-size:13px;
    height:20px;
    line-height:20px;
    margin-left:1px;
    text-align:center;
    vertical-align:top;
    width:20px
}
.ticket-info-block .ticket-info-item .btn span{
    display:inline-block;
    font-size:12px;
    height:20px;
    line-height:20px;
    vertical-align:top
}
.ticket-info-block .close-ticket{
    background:#e53935
}
.ticket-info-block .add-reply{
    background:#00C853
}
.ticket-info-block .replies-attahcments{
    background:#FFA000
}
@media (max-width: 992px){
    .ticket-info{
        border-radius:10px;
        box-shadow:0 1px 3px rgba(0,0,0,0.1);
        margin:30px 5px 15px;
        padding:0 0 5px;
        position:rela tive;
        background-color:#fff
    }
    .ticket-info > div{
        position:static
    }
    .ticket-info > div:nth-child(2){
        border-bottom:1px solid #eee;
        padding-bottom:10px
    }
    .ticket-info-block{
        padding:0
    }
    .ticket-info-block.btns{
        padding-top:5px
    }
    .ticket-info-block.btns .ticket-info-item{
        display:inline-block;
        padding-left:0;
        padding-right:0;
        width:32%
    }
    .ticket-info-block.btns .ticket-info-item .btn{
        text-align:center;
        width:100%
    }
    .ticket-info-block .ticket-info-block-content{
        box-shadow:none;
        padding:0;
        position:static
    }
}
@media (max-width: 567px){
    .ticket-info > div:nth-child(2){
        border-bottom:none;
        padding-bottom:0
    }
    .ticket-info-block .ticket-info-item .value{
        display:block;
        line-height:auto;
        padding-right:55px;
        padding-top:0;
        text-align:left;
        width:100%
    }
    .ticket-info-block.btns .ticket-info-item,.ticket-info-block.btns .ticket-info-item .btn{
        text-align:center;
        width:100%
    }
}
.card{
    position:relative;
    display:flex;
    flex-direction:column;
    background-color:#fff;
    border-radius:5px;
    border:0;
    margin:-7px -7px 35px;
    box-shadow:1px 2px 7px rgba(0,0,0,0.08);
    min-height:254px;
    max-height: 300px;
}
.card-body{
    flex:1 1 auto;
    padding:1.25rem;
    min-height:79px;
    overflow:hidden;
    max-height:79px
}
.card-header{
    margin-bottom:0;
    background-color:#fff;
    border-bottom:1px solid #efefef
}
.card-footer{
    padding:5px;
    background-color:#fafafa
}
.card .card{
    border-right:0;
    border-left:0;
    border-radius:0!important;
    box-shadow:none
}
.card-header{
    padding:15px;
    font-size:18px;
    border-radius:5px 5px 0 0
}
.card-title-link{
    color:#3f51b5;
    font-size:16px;
    padding-right:10px
}
.card-info{
    border-bottom:1px solid #efefef;
    padding:7px 11px
}
.card-action{
    float:left
}
.card-info-author,.card-info-category,.card-info-views{
    padding-right:.6rem;
    display:inline-block;
    font-size:10px
}
.card-info-date{
    float:left;
    color:#ff5252;
    font-size:10px;
    padding-top:5px
}
.invoice-status{
    font-size:26px;
    padding:20px
}
.bank-list img{
    width:55px;
    margin:10px
}
@media (max-width: 567px){
    .tiles .tile a{
        border-radius:0
    }
    .tabs{
        border-radius:0;
        margin-top:20px;
        margin-right:-10px;
        margin-left:-10px
    }
    .table-responsive{
        border:1px solid #fff;
        display:block;
        overflow:auto
    }
    .client-top-access{
        line-height:40px;
        border:0
    }
    #top-logo-contacts{
        display:none
    }
    #top-logo-img{
        float:right
    }
    .col-xs-12.col-sm-5.padding-top-15.home-kb-search{
        display:none
    }
}
.downloads{
    border-right:5px solid #ff5252;
    color:#ff5252;
    font-size:18px;
    font-weight:700;
    margin:15px;
    padding:10px 15px
}
.download-cats .download-cat{
    border-radius:10px;
    box-shadow:0 1px 5px rgba(0,0,0,0.1);
    margin:12px 0;
    transition:all .2s ease-in-out
}
.download-cats .download-cat:hover{
    box-shadow:0 3px 5px rgba(0,0,0,0.15)
}
.download-cats .download-cat a{
    display:block
}
.download-cats .download-cat .cat-title-container{
    background:#fff;
    border-radius:10px 10px 0 0;
    color:#287ad7;
    display:block;
    height:45px;
    border-bottom:1px solid #efefef54
}
.download-cats .download-cat .cat-icon{
    display:inline-block;
    height:36px;
    line-height:38px;
    text-align:center;
    vertical-align:top;
    width:30px
}
.download-cats .download-cat .cat-title{
    display:inline-block;
    font-size:13px;
    height:36px;
    overflow:hidden;
    padding:10px 0;
    width:calc(100% - 70px)
}
.download-cats .download-cat .cat-badge{
    background:#287ad7;
    border-radius:50px;
    color:#fff;
    display:inline-block;
    float:right;
    font-size:11px;
    margin:5px;
    height:36px;
    line-height:36px;
    text-align:center;
    vertical-align:top;
    width:36px
}
.download-cats .download-cat .cat-description{
    color:#757575;
    font-size:13px;
    padding:10px 15px;
    min-height:100px
}
.download-items .download-item{
    background:#fff;
    border-radius:10px;
    box-shadow:0 1px 5px rgba(0,0,0,0.1);
    display:block;
    padding:0;
    margin-bottom:20px;
    min-height:128px;
    position:relative;
    transition:all .2s ease-in-out
}
.download-items .download-item:hover{
    box-shadow:0 3px 5px rgba(0,0,0,0.15)
}
#btnDownloadsSearch{
    background:#2196f3;
    border-radius:5px 0 0 5px!important;
    outline:none;
    border:0
}
.download-item .download-item-info{
    background:#fff;
    border-radius:10px 10px 0 0;
    bottom:0;
    color:#fff;
    min-height:70px;
    padding:0;
    padding-right:50px;
    position:relative;
    right:0;
    text-align:right;
    top:0;
    width:100%
}
.download-item .download-item-info .download-item-icon{
    bottom:18px;
    color:#2196f3;
    font-size:25px;
    padding:4px 10px;
    position:absolute;
    right:0;
    top:-5px;
    width:70px
}
.download-item .download-item-info .download-item-size{
    background:#dbe0ff;
    bottom:0;
    color:#054a98;
    font-size:10px;
    left:0;
    padding:2px 10px 2px 0;
    position:absolute;
    right:0;
    text-align:right
}
.download-item .download-item-info .download-item-only-user{
    background:#b9bedf;
    border-radius:50%;
    font-size:12px;
    height:24px;
    left:10px;
    padding:3px 0 1px;
    position:absolute;
    text-align:center;
    top:10px;
    width:24px
}
.download-item .download-item-title-description{
    padding:15px 10px 35px
}
.download-item .download-item-title{
    color:#2196f3;
    display:block;
    font-size:13px;
    padding:12px 0 25px;
    font-weight:300
}
.download-item .download-item-description{
    color:#757575;
    font-size:13px;
    height:90px;
    line-height:1.75;
    overflow:hidden;
    text-align:justify
}
.download-item .download-item-downloadtext{
    background:#20d236;
    border-radius:0 3px;
    bottom:0;
    color:#fff;
    font-size:12px;
    left:0;
    padding:4px 10px;
    position:absolute
}
@media(max-width: 992px){
    .download-item .download-item-description{
        height:auto
    }
}
.downloads{
    border-right:5px solid #3f51b5;
    color:#3f51b5;
    background-color:#fafafa;
    font-size:15px;
    font-weight:300;
    margin:10px 0;
    padding:10px 15px;
    border-radius:5px
}
.knowledge-base-cats .knowledge-cat{
    border-radius:3px;
    box-shadow:0 1px 5px rgba(0,0,0,0.1);
    margin:12px 0;
    transition:all .2s ease-in-out
}
.knowledge-base-cats .knowledge-cat:hover{
    box-shadow:0 3px 5px rgba(0,0,0,0.15)
}
.knowledge-base-cats .knowledge-cat a{
    display:block
}
.knowledge-base-cats .knowledge-cat .cat-title-container{
    background:#3f51b5;
    border-radius:3px 3px 0 0;
    color:#fff;
    display:block;
    height:36px
}
.knowledge-base-cats .knowledge-cat .cat-icon{
    display:inline-block;
    height:36px;
    line-height:40px;
    text-align:center;
    vertical-align:top;
    width:30px
}
.knowledge-base-cats .knowledge-cat .cat-title{
    display:inline-block;
    font-size:13px;
    height:36px;
    overflow:hidden;
    padding:8px 0;
    width:calc(100% - 70px)
}
.knowledge-base-cats .knowledge-cat .cat-badge{
    background:#7986CB;
    border-radius:3px 0 0 0;
    color:#fff;
    display:inline-block;
    float:left;
    font-size:11px;
    height:36px;
    line-height:36px;
    text-align:center;
    vertical-align:top;
    width:36px
}
.knowledge-base-cats .knowledge-cat .cat-description{
    color:#757575;
    font-size:13px;
    padding:10px 15px
}
#btnKnowledgebaseSearch{
    background:#25a7e8;
    border-radius:3px 0 0 3px!important;
    outline:none;
    border:0;
    margin-bottom:20px
}
.knowledge-base-items .knowledge-item{
    background:#F5F5F5;
    border-radius:3px;
    box-shadow:0 1px 5px rgba(0,0,0,0.1);
    display:block;
    padding:0;
    margin-bottom:20px;
    min-height:128px;
    position:relative;
    transition:all .2s ease-in-out
}
.knowledge-base-items .knowledge-item:hover{
    box-shadow:0 3px 5px rgba(0,0,0,0.15)
}
.knowledge-item .knowledge-item-info{
    background:#3f51b5;
    border-radius:3px 3px 0 0;
    bottom:0;
    color:#fff;
    min-height:65px;
    padding:0;
    padding-right:45px;
    position:relative;
    right:0;
    text-align:right;
    top:0;
    width:100%
}
.knowledge-item .knowledge-item-info .knowledge-item-icon{
    bottom:18px;
    color:#fff;
    font-size:24px;
    padding:10px;
    position:absolute;
    right:0;
    top:0;
    width:50px
}
.knowledge-item .knowledge-item-info .knowledge-item-views{
    background:rgba(255,255,255,0.125);
    bottom:0;
    font-size:10px;
    left:0;
    padding:3px 0 1px 5px;
    position:absolute;
    right:0;
    text-align:left
}
.knowledge-item .knowledge-item-title-description{
    padding:10px 15px 30px
}
.knowledge-item .knowledge-item-title{
    color:#fff;
    display:block;
    font-size:14px;
    padding:14px 0 25px
}
.knowledge-item .knowledge-item-description{
    color:#757575;
    font-size:13px;
    height:90px;
    line-height:1.75;
    overflow:hidden;
    text-align:justify
}
.knowledge-item .knowledge-item-view-more{
    background:#3f51b5;
    border-radius:0 3px;
    bottom:0;
    color:#fff;
    font-size:11px;
    left:0;
    padding:2px 7px 1px;
    position:absolute
}
@media(max-width: 992px){
    .download-item .download-item-description{
        height:auto
    }
}
.announcements-3-col .announcement-item{
    background:#fff;
    border-bottom:8px solid #ffb613;
    margin-bottom:20px;
    box-shadow:0 3px 8px rgba(199,199,199,0.34);
    border-radius:3px;
    transition:all .2s ease-in-out
}
.announcements-3-col .announcement-item:hover{
    box-shadow:0 3px 8px rgba(156,156,156,0.34)
}
.announcements-3-col .announcement-title-date{
    padding:15px
}
.announcements-3-col .announcement-item .announcement-title{
    color:#7f847f;
    font-size:15px;
    margin:10px 0;
    min-height:30px;
    font-weight:700;
    text-align:justify;
    transition:all .2s ease-in-out
}
.announcements-3-col .announcement-item:hover .announcement-title{
    color:#00455e
}
.announcements-3-col .announcement-item .announcement-date{
    color:#fff;
    display:inline-block;
    font-size:11px;
    background-color:#3f51b5;
    padding:5px 8px;
    width:auto;
    float:left;
    border-radius:0 15px 0 5px;
    margin-left:-15px
}
.announcements-3-col .announcement-item .announcement-content{
    color:#777;
    padding:0 15px 20px;
    text-align:justify
}
#home-latest-announements .section-more{
    text-align:left
}
#home-latest-announements .section-more-btn{
    background:#3f51b5;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    padding:10px 35px;
    transition:all .2s ease-in-out
}
#home-latest-announements .section-more-btn span{
    margin-left:10px
}
#order-standard_cart .products .product header{
    border-radius:10px 10px 0 0!important;
    text-align:right
}
#order-standard_cart .products .product div.product-pricing{
    color:#777;
    font-size:15px;
    text-align:center!important;
    float:none;
    margin:10px!important
}
#order-standard_cart .products .product div.product-pricing span.price{
    font-size:18px!important;
    color:#6001ff!important;
    text-align:center;
    font-weight:700
}
.products .fas.fa-cart-plus{
    padding:10px;
    border:1px solid #2196f3;
    border-radius:50%;
    color:#fff;
    background-color:#2196f3;
    float:left
}
#order-standard_cart .products .product div.product-desc{
    float:right;
    width:100%;
    padding:20px!important;
    font-size:13px!important;
    line-height:30px!important;
    text-align:right!important
}
li{
    line-height:30px;
    list-style:none
}
#order-standard_cart .products .product header{
    position:relative!important;
    padding:20px!important;
    background:#6001ff!important;
    color:#fff!important;
    margin:0!important;
    border-bottom:1px dashed #3d4bb447
}
.full-width-img-text{
    background-color:#3f51b5;
    color:#f1f1f1;
    direction:rtl;
    line-height:30px;
    padding:80px 0;
    text-align:center
}
.full-width-img-text .text-wrapper{
    display:table-cell;
    vertical-align:middle
}
.full-width-img-text p{
    margin-top:50px;
    text-align:justify
}
.tabs .nav-tabs{
    height:54px;
    border:0;
    border-radius:5px 5px 0 0;
    margin-top:15px;
    border-bottom:1px solid #fafafa;
    border:1px solid #efefef
}
.tabs .nav-tabs > li > .dropdown-menu{
    border:none;
    border-radius:0 0 3px 3px;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    display:block;
    opacity:0;
    transform:scale(1,0);
    transform-origin:top center;
    transition:all .25s ease-in-out
}
.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-menu,.tabs .nav-tabs > .dropdown .dropdown-toggle[aria-expanded="true"] + .dropdown-backdrop + .dropdown-menu{
    opacity:1;
    transform:scale(1,1)
}
.tabs .nav-tabs > li > a,.tabs .nav-tabs > li > a:hover{
    background:none;
    border:none;
    border-radius:none;
    border-top:4px solid transparent;
    margin:0;
    line-height:50px;
    color:#4b4b4b;
    font-size:12px;
    padding:0 15px!important
}
.tabs .nav-tabs > li > ul > li > a{
    color:#4b4b4b;
    font-size:12px;
    padding:0 15px!important
}
.tabs .nav-tabs > li > ul > li.active > a{
    background:none;
    color:#0061ab;
    font-size:12px;
    padding:0 15px!important
}
.tabs .nav-tabs > li.active > a,.tabs .nav-tabs > li.active > a:hover,.tabs .nav-tabs > li.active > a:focus{
    background:#f8f8f8;
    color:#0061ab;
    cursor:default;
    border:none;
    border-radius:0;
    border-bottom:4px solid #0061ab
}
.tabs .plan-host{
    float:left!important;
    font-size:12px;
    margin-top:-54px
}
.tabs .plan-host a,.tabs .plan-host a:hover{
    color:#1078bf;
    line-height:54px;
    padding:0 15px!important;
    border-radius:5px 0 0 0
}
.tabs .tab-pane .tab-title{
    color:#0061ab;
    font-size:18px;
    margin-right:50px;
    margin-top:60px;
    text-align:right
}
.tabs .tab-pane .tab-text{
    font-size:12px;
    line-height:20px;
    margin-bottom:15px;
    margin-right:50px;
    margin-top:30px;
    text-align:justify
}
.tabs .tab-pane .tab-image{
    margin:70px auto;
    height:250px;
    width:auto
}
.tabs .tab-pane [data-toggle="collapse"]{
    color:#0061ab;
    display:block;
    font-size:14px;
    width:100%
}
.tabs .tab-pane .panel-body{
    padding:28px 52px
}
.tabs .tab-pane .panel-body a{
    background:none!important;
    color:#5f5f5f;
    font-size:12px;
    padding:0
}
@media(max-width: 767px){
    .tabs .tab-pane .tab-title{
        margin-left:20px;
        margin-right:20px;
        margin-top:30px
    }
    .tabs .tab-pane .tab-text{
        margin:20px 20px 30px
    }
    .tabs .tab-pane .panel-body{
        padding:10px!important
    }
}
.price-list{
    border:1px solid #e6e6e6;
    border-radius:3px;
    border-collapse:separate;
    overflow:hidden
}
.price-list thead th{
    background:#f8f8f8;
    border-bottom:none!important;
    font-weight:400;
    line-height:30px!important
}
.price-list th,.price-list td{
    text-align:center
}
.price-list tbody tr{
    background:transparent;
    transition:all .1s ease-in-out
}
.price-list tbody tr:hover{
    background:#f8f8f8;
    transition:all .2s ease-in-out
}
.price-list tbody tr td{
    padding:5px!important;
    font-size:14px;
    line-height:30px
}
.price-list .green{
    background:#f0fff6
}
.price-list .green p{
    color:#2ecc71;
    margin:0
}
.price-list .green td:first-child ~ td{
    padding:15px 0!important
}
.price-list tbody tr td:first-child{
    background:#f8f8f8;
    color:#0061ab;
    font-size:13px;
    width:175px;
    text-align:left
}
.price-list tbody tr td:first-child span{
    color:#0061ab
}
.price-list tbody tr td:first-child span .fa{
    color:#ff620d;
    display:inline-block;
    font-size:14px;
    margin:0 15px
}
.price-list tbody tr.dynamic-row{
    display:none;
    opacity:0
}
.price-list tbody tr.collapsed{
    display:none
}
.price-list tbody tr.expanded{
    display:table-row
}
.price-list tbody tr.opacity-1{
    opacity:1
}
.price-list tbody tr.opacity-0{
    opacity:0
}
.price-list .popover{
    background-color:#333;
    border-color:#0d0d0d;
    color:#fff;
    font-size:12px
}
.price-list .popover .arrow:after{
    border-top-color:#0d0d0d
}
.price-list tbody tr:last-child td{
    padding:5px!important
}
.price-list .btn{
    display:block;
    font-size:13px;
    height:35px;
    margin:0;
    width:100%
}
.price-list .btn .fa{
    color:#fff;
    font-size:13px
}
.price-list .show_table{
    color:#fff;
    background-color:#34495e;
    border-color:#34495e;
    transition:all .2s ease-in-out
}
.price-list .show_table:hover{
    background-color:#2c3e50;
    border-color:#2c3e50
}
.price-list .show_table span{
    color:#fff!important
}
.price-list .show_table .fa-minus{
    display:none
}
.price-list .show_table.expanded .fa-minus{
    display:inline-block
}
.price-list .show_table.expanded .fa-plus{
    display:none
}
#design-carousel .simple-carousel-item,#startups-carousel .simple-carousel-item{
    text-align:center;
    background:transparent;
    height:270px;
    padding-top:40px;
    transition:all .2s ease-in-out
}
#design-carousel .simple-carousel-item:hover,#startups-carousel .simple-carousel-item:hover{
    background:#f8f8f8
}
#design-carousel .simple-carousel-item img,#startups-carousel .simple-carousel-item img{
    margin:0 auto;
    max-width:100%;
    width:150px
}
#design-carousel .simple-carousel-item .carusel-title,#startups-carousel .simple-carousel-item .carusel-title{
    color:#5a5a5a;
    font-size:14px;
    margin:0;
    text-align:center;
    padding-top:15px
}
#design-carousel .lSPager a,#startups-carousel .lSPager a{
    background:#e5e5e5;
    transform:scale(1,1);
    transition:all .2s ease-in-out
}
#design-carousel .lSPager li.active a,#startups-carousel .lSPager li.active a{
    background:#c7c7c7;
    transform:scale(2,2)
}
.list-simple{
    color:#bdc3c7;
    margin:20px 20px 0 0;
    padding:0
}
.list-simple li a{
    color:#5a5a5a!important;
    font-size:12px!important;
    line-height:20px;
    margin-right:10px;
    padding:8px 15px 5px;
    transition:all .2s ease-in-out
}
.list-simple li{
    transition:all .2s ease-in-out
}
.list-simple li:hover,.list-simple li:hover a{
    color:#0061ab!important
}
.enamad-logos > div{
    display:inline-block;
    margin:0;
    vertical-align:top
}
.enamad-logos img{
    display:inline-block;
    margin:0 auto
}
.enamad-logos .enamd-logo{
    width:125px
}
.enamad-logos .enamad-logos-carousel{
    height:150px;
    width:calc(100% - 130px)
}
.enamad-logos-carousel .logo-carousel-item-content{
    height:150px;
    text-align:center
}
.enamad-logos-carousel .logo-carousel-item-content:before{
    content:"";
    display:inline-block;
    height:150px;
    vertical-align:middle;
    width:0
}
.carousel-logo img{
    width:80%
}
.carousel-customers img{
    display:inline-block;
    margin:0 auto;
    width:80%
}
.carousel-customers:hover img{
    filter:blur(2px)
}
.carousel-customers .customers-carousel-item-content img:hover{
    filter:blur(0px)
}
.carousel-customers .customers-carousel-item-content{
    text-align:center
}
.carousel-customers .customers-carousel-item-content:before{
    content:"";
    display:inline-block;
    height:100px;
    vertical-align:middle;
    width:0
}
.simple-slider-container{
    position:relative
}
.simple-slider-container #slider-timer{
    opacity:.5;
    position:absolute;
    right:10px;
    top:10px;
    z-index:100
}
.simple-slider .simple-slider-item-content img{
    margin:0
}
.simple-slider + .lSAction a{
    color:#fff;
    font-size:26px
}
.slider-home{
    margin-top:-20px
}
.site-description{
    color:#0061ab!important;
    font-size:18px!important;
    font-weight:700;
    margin:20px 0 10px;
    text-align:center
}
.section-header{
    color:#0061ab;
    text-align:right
}
.section-header .section-icon{
    display:inline-block;
    margin:0 10px
}
.section-header .section-title{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    margin:20px 0 10px
}
.section-header .section-description{
    color:#5a5a5a;
    font-size:11px;
    margin:0;
    text-align:justify
}
.section-header .section-title-container{
    margin-bottom:0;
    text-align:right
}
.section-header .section-title-more{
    color:#f10c41;
    direction:ltr;
    float:left;
    font-size:12px!important;
    line-height:8px;
    margin-left:10px;
    margin-top:25px;
    transition:all .4s linear
}
.section-header .section-title-more:hover{
    color:#0061ab
}
.section-header .section-title-more .fa{
    transform:rotateZ(0)
}
.section-header .section-title-more:hover .fa{
    transform:rotateZ(-90deg);
    transition:all .5s linear
}
.fas.fa-shopping-cart.fa-stack-2x{
    color:#0c76b3;
    font-weight:300
}
.fa.fa-archive.fa-stack-1x.fa-inverse{
    display:none
}
.logins{
    width:100wh;
    height:90vh;
    background:linear-gradient(-45deg,#003756,#E73C7E,#23A6D5,#30c315);
    background-size:400% 400%;
    -webkit-animation:Gradient 5s ease infinite;
    -moz-animation:Gradient 5s ease infinite;
    animation:Gradient 5s ease infinite
}
@-webkit-keyframes Gradient{
    0%{
        background-position:0 50%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
@-moz-keyframes Gradient{
    0%{
        background-position:0 50%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
@keyframes Gradient{
    0%{
        background-position:0 50%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
#main-menu .fas{
    font-size:15px;
    color:#fff
}
#order-standard_cart .view-cart-empty{
    border:0!important
}
#Primary_Navbar-Support-ticket a{
    color:#0066da
}
#Primary_Navbar-Support-ticket .fas.fa-comments{
    color:#0066da
}
.breadcrumb>.active{
    color:#2673f8
}
.breadcrumb > li a{
    color:#4e4c73
}
#main-body-holder{
    border:0;
    background-color:#f7faff
}
.breadcrumb .fa{
    font-size:20px;
    font-weight:700!important;
    vertical-align:middle;
    margin-left:5px;
    margin-right:5px;
    color:#a89e9f
}
.footer .footer-box-header{
    border-bottom:1px solid #0c70de
}
.footer .footer-box-header h2{
    font-size:14px;
    color:#0c70de;
    text-align:right;
    padding:10px
}
.footer .footer-box-content{
    display:block;
    padding:5px
}
.footer .footer-box-content li > a{
    color:#333!important;
    font-size:12px!important;
    margin-right:0;
    padding:3px;
    line-height:25px;
    transition:all .2s ease;
    background-color:transparent
}
.footer .footer-box-content a:hover{
    color:#0061ab!important;
    margin-right:5px;
    transition:all .3s ease-in-out
}
.footer .contacts .contact:first-child ~ .contact{
    margin-top:30px
}
.footer .phone{
    font-size:27px;
    padding:12px 24px;
    color:#74cb0b;
    font-weight:700!important;
    border-radius:3px
}
.footer .mail{
    font-size:35px;
    padding:11px 20px;
    color:#00b8ff;
    border-radius:3px
}
.footer .contacts .contact i{
    margin:0 0 0 10px !important;
    float:right
}
.footer .contacts .contact .contact-title{
    display:inline-block;
    vertical-align:top;
    width:80px
}
.footer .contacts .contact .contact-details{
    color:#fff;
    display:inline-block;
    font-size:13px;
    vertical-align:top;
    width:calc(100% - 99px)
}
.footer .contacts .contact .contact-details ul{
    margin:0
}
.footer .contacts .contact .contact-detail-title{
    display:inline-block;
    width:90px;
    line-height:25px;
    font-size:12px;
    color:#0c70de
}
.footer .contacts .contact .contact-detail-value{
    display:inline-block;
    width:calc(100% - 100px);
    color:#333
}
@media(max-width:767px){
    .footer-box-header{
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
        width:350px
    }
    .footer .footer-box-content{
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
        width:350px
    }
}
.copy-right{
    background:#f0f5fd;
    color:#979898;
    font-size:11px;
    padding:20px 10px
}
.copy-right p{
    line-height:40px;
    margin:0;
    font-size:13px;
    color:#91a7cc
}
.back-to-top{
    float:left;
    transition:all .2s ease-in-out
}
@media(max-width: 767px){
    .copy-right{
        text-align:center
    }
}
.socials{
    text-align:left
}
.socials a{
    background:transparent;
    font-size:20px!important;
    box-sizing:border-box;
    color:#91a7cc;
    display:inline-block;
    height:30px;
    line-height:45px;
    margin:0 2px;
    text-align:center;
    transition:all .4s cubic-bezier(0.4,0,1,1);
    width:30px
}
.socials a:hover{
    color:#1272bb
}
@media(max-width: 767px){
    .socials{
        text-align:center
    }
}
a.side-menu__item.active{
    border-left:none;
    border-right:solid 4px #25a7e8;
    background-color:#293949;
    color:#fff
}
.tiles .tile .title5{
    color:#d61ed0;
    background-color:#fff;
    float:right;
    font-size:20px;
    text-align:center;
    width:100%;
    word-break:break-all;
    padding:28px 10px
}
.tiles .tile .title6{
    color:#f60;
    background-color:#fff;
    float:right;
    font-size:20px;
    text-align:center;
    width:100%;
    word-break:break-all;
    padding:28px 10px
}
.tiles .tile .title5 p{
    font-size:12px;
    padding:5px;
    color:#757575
}
.tiles .tile .title6 p{
    font-size:12px;
    padding:5px;
    color:#757575
}
.glassb{
    border:1px solid;
    border-radius:50%;
    width:50px;
    height:50px;
    line-height:47px!important
}
.breadhead{
    box-shadow:0 17px 17px 0 rgba(187,187,187,0.1);
    margin-bottom:0;
    padding:5px 15px;
    background-color:#fff;
    border-radius:0;
    display:block
}
.pull-md-left.btn{
    float:left
}
.card .fas,fa{
    font-weight:700!important
}
.affili{
    color:#30a3ff!important;
    background-color:#243340
}
.alert.alert-primary .fab.fa-telegram{
    font-size:30px;
    vertical-align:middle;
    margin-left:10px
}
.alert.alert-warning .fa.fa-bell{
    font-size:30px;
    vertical-align:middle;
    margin-left:10px
}
.swiper-container{
    margin:0 auto;
    position:relative;
    overflow:hidden;
    z-index:1;
    box-shadow:1px 3px 14px 2px #d2d2d285
}
.swiper-container-no-flexbox .swiper-slide{
    float:left
}
.swiper-container-vertical>.swiper-wrapper{
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper{
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide{
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    -webkit-transition-property:-webkit-transform,height;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform,height
}
.swiper-container .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-wp8-horizontal{
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.swiper-wp8-vertical{
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.swiper-button-prev,.swiper-button-next{
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    -moz-background-size:27px 44px;
    -webkit-background-size:27px 44px;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDA3YWZmJy8+PC9zdmc+);
    left:10px;
    right:auto
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDAwMDAwJy8+PC9zdmc+)
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+)
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDdhZmYnLz48L3N2Zz4=);
    right:10px;
    left:auto
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDAwMDAnLz48L3N2Zz4=)
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyNmZmZmZmYnLz48L3N2Zz4=)
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    -webkit-transition:300ms;
    -moz-transition:300ms;
    -o-transition:300ms;
    transition:300ms;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullet{
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:100%;
    background:#000;
    opacity:.2
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -webkit-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet{
    background:#fff
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active{
    background:#000
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    -moz-transform:translate3d(0,-50%,0);
    -o-transform:translate(0,-50%);
    -ms-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:5px 0;
    display:block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px
}
.swiper-pagination-progress{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    background:#007aff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    -o-transform-origin:left top;
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{
    -webkit-transform-origin:right top;
    -moz-transform-origin:right top;
    -ms-transform-origin:right top;
    -o-transform-origin:right top;
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progress{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-vertical>.swiper-pagination-progress{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-progress.swiper-pagination-white{
    background:rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{
    background:#fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{
    background:#000
}
.swiper-container-3d{
    -webkit-perspective:1200px;
    -moz-perspective:1200px;
    -o-perspective:1200px;
    perspective:1200px
}
.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{
    -ms-perspective:1200px
}
.swiper-container-cube,.swiper-container-flip{
    overflow:visible
}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-cube .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-right{
    z-index:0;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-cube .swiper-slide{
    visibility:hidden;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
    -webkit-transform-origin:100% 0;
    -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index:0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical>.swiper-scrollbar{
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -moz-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;
    animation:swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after{
    display:block;
    content:"";
    width:100%;
    height:100%;
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyM2YzZjNmMnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+);
    background-position:50%;
    -webkit-background-size:100%;
    background-size:100%;
    background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after{
    background-image:url(data:image/svg+xml;
    charset=utf-8;
    base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+)
}
@-webkit-keyframes swiper-preloader-spin{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes swiper-preloader-spin{
    100%{
        transform:rotate(360deg)
    }
}
.carousel-shadow .owl-stage-outer{
    margin:-15px -15px 0;
    padding:15px
}
.we-offer-area .our-offer-carousel .owl-dots .owl-dot span{
    background:#fff none repeat scroll 0 0;
    border:2px solid;
    height:15px;
    margin:0 5px;
    width:15px
}
.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span{
    background:#0c70de none repeat scroll 0 0;
    border-color:#0c70de
}
.we-offer-area .item{
    box-shadow:0 2px 10px 0 rgba(0,0,0,.05);
    overflow:hidden;
    position:relative;
    z-index:1
}
.we-offer-area.text-center .item{
    background:#fff none repeat scroll 0 0;
    border:medium none;
    padding:30px;
    border-radius:5px
}
.we-offer-area.text-center .item i{
    background:#0c70de none repeat scroll 0 0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#fff;
    font-size:40px;
    height:80px;
    line-height:80px;
    position:relative;
    text-align:center;
    width:80px;
    z-index:1;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -ms-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;
    margin-bottom:25px
}
.we-offer-area.text-center .item i::after{
    border:2px solid #0c70de;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    content:"";
    height:90px;
    left:-5px;
    position:absolute;
    top:-5px;
    width:90px;
    z-index:-1;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -ms-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out
}
.we-offer-area.item-border-less .item{
    border:medium none
}
.we-offer-area .our-offer-items.less-carousel .equal-height{
    margin-bottom:30px
}
.we-offer-area.item-border-less .item .number{
    font-family:"Poppins",sans-serif;
    font-size:50px;
    font-weight:900;
    opacity:.1;
    position:absolute;
    right:30px;
    top:30px
}
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,.we-offer-area.center-active .single-item:nth-child(2n) .item{
    background:#0c70de none repeat scroll 0 0
}
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,.we-offer-area.center-active .single-item:nth-child(2n) .item i,.we-offer-area.center-active .single-item:nth-child(2n) .item h4,.we-offer-area.center-active .single-item:nth-child(2n) .item p{
    color:#fff
}
.we-offer-area .item i{
    color:#0c70de;
    display:inline-block;
    font-size:60px;
    margin-bottom:20px
}
.we-offer-area .item h4{
    font-weight:600;
    text-transform:capitalize
}
.we-offer-area .item p{
    margin:0
}
.we-offer-area .item i,.we-offer-area .item h4,.we-offer-area .item p{
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -ms-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out
}
.we-offer-area .item::after{
    background:#0c70de none repeat scroll 0 0;
    content:"";
    height:100%;
    left:-100%;
    position:absolute;
    top:0;
    transition:all .35s ease-in-out;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    -ms-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;
    width:100%;
    z-index:-1
}
.we-offer-area .item:hover::after{
    left:0
}
.we-offer-area .item:hover i,.we-offer-area .item:hover h4,.we-offer-area .item:hover p{
    color:#fff!important
}
.we-offer-area.text-center .item:hover i::after{
    border-color:#fff!important
}
.we-offer-area.text-center .item:hover i{
    background-color:#fff!important;
    color:#0c70de!important
}
.we-offer-area.text-left .item i{
    background:#0c70de none repeat scroll 0 0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    font-size:60px;
    height:100px;
    line-height:100px;
    margin-bottom:30px;
    position:relative;
    width:100px;
    z-index:1;
    text-align:center
}
.we-offer-area.text-left .item i::after{
    border:2px solid #0c70de;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    content:"";
    height:120px;
    left:-10px;
    position:absolute;
    top:-10px;
    width:120px
}
section.we-offer-area.text-center.bg-gray{
    padding:80px 0;
    background-color:#fff
}
.row.our-offer-items.less-carousel{
    margin-top:40px
}
.login-fulldesk{
    padding-top:0;
    height:100%;
    background-color:#f7faff;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    height:100%;
    content:'';
    background-position:center top;
    -webkit-background-size:cover;
    background-size:cover;
    background-image:url(../img/login_back.jpg);
    background-repeat:no-repeat;
    background-size:cover
}
.logincontainer .header-lined{
    margin-top:20px
}
.form-control.focus,.form-control:focus{
    border-color:#3f51b5;
    -webkit-box-shadow:none;
    box-shadow:none
}
.customLoginInputA input{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    font-size:14px
}
.customLoginInputB input{
    border-top:0;
    border-top-right-radius:0;
    border-top-left-radius:0;
    box-shadow:0 3px 5px 0 rgba(0,0,0,.05);
    outline:0;
    font-size:14px
}
.margin-0{
    margin:0!important
}
.captchaInput{
    border-radius:5px;
    padding:10px;
    border:1px solid #efefef;
    height:58px;
    background-color:#fff;
    margin:0 15px
}
#inputCaptcha{
    border:0;
    text-transform:uppercase
}
.cta-inner{
    padding:7px 28px 12px;
    border-radius:30px!important;
    transition:all .4s;
    font-family:iransans_light
}
.cta{
    padding:5px 15px;
    border-radius:5px;
    transition:all .4s
}
.navbar-default .dropdown-menu li a.cta-green{
    padding:9px 32px 10px!important
}
.cta-green,.navbar-default .dropdown-menu li a.cta-green{
    background:#5ad076!important;
    color:#fff!important;
    font-size:13px;
    text-align:center
}
.cta-green-outline{
    padding:7px 29px 11px;
    border-radius:30px!important;
    transition:all .4s;
    background:#fff;
    color:#5ad076;
    border:2px solid #5ad076;
    position:relative;
    font-size:16px;
    line-height:1.56;
    letter-spacing:-.8px;
    text-align:center
}
a.cta-green-outline.btn-cta:before{
    content:"";
    position:absolute;
    width:15px;
    height:14px;
    background:url(../images/facelift/go-back-left-arrow.svg);
    left:11px;
    top:13px
}
.cta-green-outline:hover{
    background-color:#5ad076;
    color:#fff
}
.cta-green-outline.btn-cta:hover{
    padding:7px 29px 11px 37px
}
.cta-green:hover{
    color:#fff;
    box-shadow:0 5px 9px 0 rgba(65,188,68,.25)
}
.cta-gray{
    background:#f1f3f9;
    color:#787b86;
    font-weight:700;
    padding:3px 20px 5px;
    font-size:13px;
    border:2px solid #f1f3f9;
    display:block
}
.cta-gray-inactive{
    background:#f1f3f9;
    color:#787b86!important;
    transition:all .4s;
    font-family:iransans_light;
    font-size:16px;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    line-height:1.56;
    letter-spacing:-.8px;
    text-align:center;
    border:2px solid #f1f3f9;
    display:inline-block;
    cursor:inherit!important
}
.cta-gray:hover{
    background:#fff;
    color:#787b86;
    border:2px solid #868ea3
}
.host-box{
    padding:0
}
.box-hosting{
    padding:70px 0
}
.box-hosting .container{
    max-width:1000px;
    margin:0 auto
}
.gray-box{
    padding:20px 0
}
.gray-box .box{
    background:#eaedff;
    padding:50px 20px
}
.green-box .box{
    border:3px solid #3f51b5;
    background:#fff
}
.host-box h3{
    padding-top:30px
}
.host-box span{
    display:block;
    text-transform:uppercase;
    font-weight:600;
    font-size:15px
}
.host-box ul{
    padding:20px 0 50px
}
.host-box li{
    font-size:16px
}
.box1 .box{
    border-radius:0 10px 10px 0
}
.box2 .box{
    border-radius:10px;
    padding:70px 20px
}
.box3 .box{
    border-radius:10px 0 0 10px
}
.box-hosting ul.list-inline{
    padding:60px 0
}
.box-hosting ul.list-inline li{
    margin-bottom:20px
}
.box-hosting ul.list-inline a{
    display:block;
    max-width:400px;
    margin:0 auto
}
.needs{
    padding:80px 0
}
.index-needs .needs{
    padding:100px 0
}
.line-under-text{
    position:relative;
    width:100%;
    display:block;
    padding:0 0 40px
}
.line-under-text h3{
    color:#2b41a1;
    font-size:32px;
    font-stretch:normal;
    font-style:normal;
    line-height:1.56;
    letter-spacing:-1.6px;
    text-align:center
}
.line-under-text:before{
    content:"";
    position:absolute;
    width:30px;
    height:5px;
    background-color:#d5d9ec;
    margin:60px -15px auto
}
.needs .items{
    padding:0
}
.needs .item{
    display:inline-block;
    padding:25px 45px;
    transition:all .4s ease-in-out;
    border-radius:5px;
    font-size:35px;
    color:#fff
}
.part-needs.needs .item:hover{
    box-shadow:0 30px 50px 0 rgba(170,179,217,.2);
    background-color:#fff
}
section.index-counter.after_slider{
    background-color:#2b41a1
}
.index-counter .counter p{
    color:#99acff!important;
    font-size:15px
}
.needs .item-image{
    height:80px;
    display:block;
    max-width:100%;
    margin-bottom:5px;
    padding-top:5px;
    position:relative;
    transition:all .4s
}
.needs .item h5{
    font-weight:400;
    color:#434650;
    margin-bottom:10px
}
.needs .item p{
    font-size:15px;
    color:#0b33e2;
    font-weight:400;
    text-align:center;
    padding-top:0;
    line-height:0
}
.needs span.en{
    font-size:18px;
    color:#868ea3;
    padding-top:3px;
    display:block
}
.needs>h3{
    display:inline-block;
    background:#fff;
    padding:0 30px;
    position:relative
}
.based-needs{
    position:relative;
    border-top:1px solid #f1f3f9;
    background-color:#fff
}
.other-services{
    padding:70px 0
}
.other-services>p{
    font-size:17px;
    padding:30px 15px 60px
}
.other-services .item{
    display:inline-block;
    padding:15px;
    transition:all .4s;
    vertical-align:top;
    width:162px;
    border-radius:5px
}
.other-services .item:hover{
    background-color:#fff;
    box-shadow:0 18px 18px 0 rgba(58,66,75,.11)
}
.other-services .item-image{
    height:100px
}
.other-services .item-image img,.accelerator .item-image img{
    position:relative;
    top:0;
    transition:all .4s
}
.other-services .item:hover .item-image img,.accelerator .pic .item:hover img{
    top:-5px
}
.other-services .item h3,.accelerator .pic .item h3{
    color:#434650;
    margin-top:20px
}
.other-services .item p,.accelerator .pic .item p{
    color:#4d89cc;
    font-size:13px;
    font-weight:500;
    padding:0
}
.other-services .item span{
    transition:all .4s;
    background:#ff620d;
    border:2px solid #ff620d;
    color:#fff;
    font-size:15px;
    padding:0 10px;
    border-radius:3px;
    margin-top:23px;
    display:inline-block
}
.other-services .item:hover span{
    background:#fff;
    border:2px solid #ff620d;
    color:#ff620d
}
.other-services .item.middle{
    border-radius:5px;
    box-shadow:0 18px 18px 0 rgba(58,66,75,.11);
    background-color:#fff
}
.fab.fa-php{
    color:#0aa6ca;
    font-size:25px
}
.fab.fa-cpanel{
    color:#ffa603;
    font-size:45px
}
.modal-content li a{
    color:#777;
    font-size:13px;
    background-color:#fafafa;
    display:block;
    border-radius:3px;
    line-height:30px;
    padding:5px 10px;
    margin:3px 0
}
.modal-content li a:hover{
    color:#064378;
    background-color:#efefef
}
.modal-body .glyphicon{
    padding-left:5px;
    color:#ff700a
}
.notification-value{
    float:left;
    font-size:15px
}
#products .btn-success{
   
    height: 38px !important;
    border-radius: 19px !important;
    background-color: #6001ff !important;
    padding: 0px 33px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #fff !important;
    -ms-transition: all 300ms ease-in-out !important;
    transition: all 300ms ease-in-out;
    line-height: 38px !important;
   margin:20px auto;
    border:none !important;
    width:38%;
    

}
span.price{
      color: #6001ff !important;

}
.products >.col-md-6 {
    width:30% !important;
}