body,h1,h2,h3,h4,h5,h6{
    font-family:Signika-Regular
}
#rotate,.frame{
    perspective:500px
}
@font-face{
    font-family:Signika-Regular;
    src:url(fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/Roboto-Regular.woff) format('woff'),url(fonts/Roboto-Regular.ttf) format('truetype'),url(fonts/Roboto-Regular.svg#Roboto-Regular) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Signika-Regular;
    src:url(fonts/Signika-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/Signika-Regular.woff) format('woff'),url(fonts/Signika-Regular.ttf) format('truetype'),url(fonts/Signika-Regular.svg#Signika-Regular) format('svg');
    font-weight:400;
    font-style:normal
}
.pagination,.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span,a.btn-custom{
    border-radius:0
}
.bg--overlay:before,.off-canvas-menu-overlay,.section-title h2:before{
    content:" "
}
#promo a.btn,.menu-toggle-btn,.off-canvas-menu .nav li a,.primary-menu-links>li>a,.secondary-menu-links li a,a.btn-custom,a.btn-custom-reverse,a.login-button.btn.btn-default{
    font-family:Signika-Regular;
    font-weight:800
}
body,html{
    height:100%
}
body{
    font-size:15px;
    line-height:24px;
    font-style:normal;
    color:#000
}
p{
    font-family:Signika-Regular!important
}
a,a:active,a:hover,a:link,a:visited{
    color:#fff;
    text-decoration:none;
    outline:0
}
.section-title h2{
    position:relative;
    margin-top:-7px;
    margin-bottom:45px;
    font-weight:700;
    font-size:36px;
    line-height:40px;
    text-align:center
}
#promo,#promo p{
    margin-bottom:0
}
a.btn-custom-reverse.btn-lg,a.btn-custom.btn-lg{
    padding:12px 20px;
    font-size:16px;
    line-height:24px
}
.section-title h2:before{
    position:absolute;
    bottom:-15px;
    left:50%;
    width:50px;
    height:2px;
    background-color:#288feb;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.section-title.text-left h2{
    text-align:left
}
.section-title.text-left h2:before{
    left:0;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.section-title span{
    color:#288feb
}
.bg--lightgray{
    background-color:#f0f5f6
}
.bg--img{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.bg--overlay{
    position:relative;
    padding:37px;
    z-index:0
}
.bg--overlay:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#288feb;
    opacity:.35;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index:-1
}
a.btn{
    font-weight:400
}
a.btn-custom{
    background-color:#202736;
    -webkit-transition:background-color .25s;
    transition:background-color .25s
}
a.btn-custom:focus,a.btn-custom:hover{
    color:#fff;
    background-color:#288feb;
    box-shadow:none
}
a.btn-custom-reverse{
    background-color:#288feb;
    border-radius:0;
    -webkit-transition:background-color .25s;
    transition:background-color .25s
}
a.btn-custom-reverse:focus,a.btn-custom-reverse:hover{
    color:#fff;
    background-color:#202736;
    box-shadow:none
}
#backToTop a,#promo{
    background-color:#288feb
}
.pagination{
    display:block;
    margin:0;
    font-size:0;
    line-height:0
}
.pagination>li{
    display:inline-block
}
.pagination>li>a,.pagination>li>span{
    color:#303030;
    font-size:14px;
    line-height:20px;
    transition:color .25s,background-color .25s ease-in-out,border-color .25s
}
.pagination>li.active>a,.pagination>li.active>a:hover,.pagination>li.active>span,.pagination>li.active>span:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
    color:#fff;
    background-color:#288feb;
    border-color:#288feb
}
#fakeLoader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#288feb!important;
    z-index:99999
}
#backToTop{
    position:fixed;
    right:22px;
    bottom:80px;
    z-index:999;
    opacity:0;
    -webkit-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out
}
body.scrolling #backToTop{
    opacity:1
}
#backToTop a{
    display:block;
    min-width:45px;
    padding:6px 0;
    color:#fff;
    font-size:24px;
    line-height:28px;
    text-align:center
}
#promo{
    position:relative;
    padding:15px 0;
    border:0;
    border-radius:0;
    text-align:center
}
#promo button.close{
    float:none;
    position:absolute;
    top:50%;
    right:15px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-top:-3px;
    color:#fff;
    font-size:24px;
    line-height:24px;
    font-weight:100;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
#promo p{
    display:inline-block;
    color:#fff;
    font-size:20px;
    line-height:38px;
    vertical-align:middle
}
#promo a.btn{
    margin:0 15px;
    padding:8px 30px;
    font-weight:500;
    background-color:#fff;
    color:#288feb
}
#primaryMenu,#promo a.btn:hover{
    background-color:#202736;
    color:#fff
}
#primaryMenu{
    margin:0;
    min-height:0;
    border:none;
    border-radius:0;
    z-index:1
}
#primaryMenu .navbar-toggle{
    border-color:#288feb
}
#primaryMenu .navbar-toggle .icon-bar{
    background-color:#288feb
}
.primary-social-menu-links{
    margin-right:0
}
.primary-menu-links li a,.primary-social-menu-links a{
    color:#fff
}
.primary-menu-links>li>a{
    padding-top:13px;
    padding-bottom:0;
    font-size:12px;
    font-weight:300;
    -webkit-transition:color .25s;
    transition:color .25s
}
#primaryMenu .nav>li>a:focus,#primaryMenu .nav>li>a:hover{
    background-color:transparent;
    color:#288feb
}
.primary-social-menu-links li>a{
    padding-top:10px;
    padding-bottom:10px;
    -webkit-transition:color .25s;
    transition:color .25s
}
.primary-social-menu-links li:last-child>a{
    padding-right:0
}
ul.primary-menu-links>li>span{
    font-size:14px;
    line-height:18px;
    display:inline-block;
    margin-top:11px;
    margin-right:25px
}
ul.primary-menu-links>li .fa{
    margin-right:8px
}
#secondaryMenu{
    margin-bottom:0;
    border-radius:0;
    border:0;
    background-color:#fff;
    -webkit-transition:box-shadow .25s ease;
    transition:box-shadow .25s ease
}
#secondaryMenu .navbar-toggle{
    border-color:#288feb
}
#secondaryMenu .navbar-toggle .icon-bar{
    background-color:#288feb
}
#secondaryMenu a.navbar-brand{
    display:block;
    padding:0;
    margin-top:25px;
    margin-left:0;
    color:#303030;
    font-size:24px;
    font-weight:700
}
#secondaryMenu a.navbar-brand span{
    color:#288feb
}
.secondary-menu-links li a{
    color:#000;
    font-weight:400;
    padding:36px 15px 32px;
    border-bottom:3px solid transparent;
    font-size:16px;
    line-height:16px;
    -webkit-transition:background-color .25s ease-in-out,border .25s ease;
    transition:background-color .25s ease-in-out,border .25s ease
}
.secondary-menu-links li a .fa{
    display:block;
    margin:0 auto 3px;
    font-size:20px
}
.secondary-menu-links .open>a,.secondary-menu-links .open>a:focus,.secondary-menu-links .open>a:hover,.secondary-menu-links li a:focus,.secondary-menu-links li a:hover,.secondary-menu-links li.active>a,.secondary-menu-links li.active>a:hover{
    color:#303030;
    background-color:transparent;
    border-color:#288feb
}
.secondary-menu-links li:hover>.dropdown-menu{
    display:block
}
.secondary-menu-links li .dropdown-menu{
    padding:0;
    border:none;
    border-radius:0
}
.secondary-menu-links li .dropdown-menu li a{
    padding:10px 15px
}
.menu-toggle-btn{
    float:right;
    padding:36px 0 29px 32px;
    color:#303030;
    background-color:transparent;
    font-size:16px;
    line-height:20px;
    letter-spacing:.1em;
    border:none;
    -webkit-transition:background-color .6s;
    transition:background-color .6s;
    outline:0
}
#secondaryMenu button.menu-toggle-btn:focus,#secondaryMenu button.menu-toggle-btn:hover{
    color:#303030;
    box-shadow:none;
    outline:0
}
.off-canvas-menu{
    position:fixed;
    top:0;
    right:0;
    width:230px;
    height:100%;
    margin-right:-240px;
    background-color:#288feb;
    z-index:99991;
    -webkit-transition:margin .4s;
    transition:margin .4s;
    overflow:auto
}
.off-canvas-menu.menu-open{
    margin-right:0
}
.off-canvas-menu-logo a{
    display:block;
    margin-top:54px;
    margin-bottom:37px;
    color:#202736;
    font-size:24px;
    font-weight:700;
    text-align:center
}
.off-canvas-menu-logo span{
    color:#fff
}
.off-canvas-menu-overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    background-color:#303030;
    opacity:.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    width:100%;
    height:100%;
    z-index:999
}
.menu-open+.off-canvas-menu-overlay,.off-canvas-menu .nav li.open .dropdown-menu,.off-canvas-menu .nav li.opened .dropdown-menu{
    display:block
}
.off-canvas-menu--close-btn{
    position:absolute;
    top:0;
    right:0;
    margin:15px;
    padding:0;
    color:#fff;
    background:0 0;
    border:0;
    font-size:24px;
    line-height:24px;
    font-weight:300;
    outline:0;
    -webkit-transition:.45s;
    transition:.45s
}
.off-canvas-menu--close-btn:hover{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.off-canvas-menu ul.nav{
    margin-bottom:30px
}
.off-canvas-menu>.nav>li{
    overflow:hidden
}
.off-canvas-menu .nav li a{
    background:0 0;
    border-radius:0;
    padding-left:25px;
    padding-right:0;
    position:relative;
    color:#fff;
    white-space:normal
}
.off-canvas-menu .nav>li.active>a,.off-canvas-menu .nav>li.active>a:focus,.off-canvas-menu .nav>li.active>a:hover{
    color:#288feb;
    background-color:#fff
}
.off-canvas-menu>.nav>li>a>i.fa{
    margin-right:5px
}
.off-canvas-menu .dropdown-menu{
    width:100%;
    overflow:hidden;
    border-radius:0;
    background-color:#202736;
    position:relative;
    border:none;
    box-shadow:none;
    padding:0;
    margin:0
}
.off-canvas-menu .dropdown-menu li a{
    padding:12px 0;
    -webkit-transition:background-color .25s;
    transition:background-color .25s
}
.off-canvas-menu .dropdown-menu li a i.fa{
    margin:0 0 0 45px
}
.off-canvas-menu .nav li .dropdown-menu li a:focus,.off-canvas-menu .nav li .dropdown-menu li a:hover,.off-canvas-menu .nav li .dropdown-menu li.active a{
    background-color:#419cec
}
.off-canvas-menu .nav li a,.off-canvas-menu .nav li a:focus,.off-canvas-menu .nav li a:hover{
    background-color:transparent
}
.off-canvas-menu .nav li a i.fa-plus{
    margin-left:10px;
    font-size:10px
}
.off-canvas-menu .nav li.open a i.fa-plus:before{
    content:"\f068"
}
a.login-button.btn.btn-default{
    display:block;
    margin:0 auto 30px;
    width:95px;
    color:#288feb;
    background-color:#fff;
    padding:10px 0;
    border:none;
    border-radius:0
}
#pageTitle .breadcrumb li:nth-child(2):before,#pageTitle .section-title h2:before{
    display:none
}
a.login-button.btn.btn-default:focus,a.login-button.btn.btn-default:hover{
    box-shadow:none
}
#pageTitle .section-title h2{
    color:#fff;
    margin:26px 0;
    font-size:28px;
    line-height:32px;
    text-align:left;
    word-wrap:break-word
}
#pageTitle .breadcrumb{
    margin:30px 0;
    padding:41px;
    color:#fff;
    background-color:transparent;
    border-radius:0;
    text-align:right
}
#pageTitle .breadcrumb li+li:before{
    content:"\f105";
    font-family:FontAwesome
}
#vpsSlider .ui-slider-handle em:after,#vpsSlider .ui-slider-handle:after,.banner--slider-nav ul li:before,.faq-categories h3:before,.faq-categories ul li a:before,.features-tab--content ul:after,.features-tab--content ul:before,.features-tab--nav ul li:before,.gallery--img a:before,.pt-plan:before,.service-item-content ul:after,.service-item-content ul:before,.team-img:before,.timeline>li:after,.timeline>li:before,.timeline>li>.timeline-panel:after,.timeline>li>.timeline-panel:before,.vps-pricing--name:before{
    content:" "
}
#pageTitle .breadcrumb li.active,#pageTitle .breadcrumb li:before{
    color:#fff
}
#pageTitle .breadcrumb li.active{
    font-weight:500
}
#pageTitle .breadcrumb li a{
    -webkit-transition:color .25s;
    transition:color .25s
}
#pageTitle .breadcrumb li a:hover{
    color:#303030
}
#banner{
    position:relative
}
#banner #tubular-container,#banner #tubular-shield{
    z-index:-2
}
#banner #tubular-container{
    top:0;
    left:0
}
.banner-item{
    padding:80px 0;
    color:#fff
}
.banner-item>.container,.banner-item>.container>.row,.banner-item>.container>.row>div{
    height:100%
}
.banner-item[data-bg-video]:before{
    opacity:.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
.banner-item-content h1{
    margin-top:0;
    margin-bottom:16px
}
.banner-item-content h1 span{
    display:block;
    font-size:48px;
    font-weight:800
}
.banner-item-content p{
    margin-bottom:24px;
    font-weight:400
}
.banner-item-content .btn:hover{
    color:#303030;
    background-color:#fff
}
.owl-item.active .banner-item-content h1{
    -webkit-animation:fadeInUp 1s ease-out 0s;
    animation:fadeInUp 1s ease-out 0s
}
.owl-item.active .banner-item-content a.btn{
    -webkit-animation:fadeInDown 1s ease-out 0s;
    animation:fadeInDown 1s ease-out 0s
}
.banner-slider .owl-pagination{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    margin-bottom:23px;
    text-align:center
}
.banner-slider .owl-page{
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 3px;
    background-color:#fff;
    border-radius:20px;
    -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;
    transition:width .25s ease-in-out,background-color .25s ease-in-out
}
.banner-slider .owl-page.active{
    width:20px;
    background-color:#303030
}
.banner-item-img{
    position:relative;
    text-align:right
}
.banner--slider-nav{
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.banner--slider-nav ul{
    margin:0;
    padding:0;
    list-style:none;
    box-shadow:0 30px 150px -20px #303030;
    text-align:center
}
.banner--slider-nav ul li{
    position:relative;
    display:table-cell;
    width:1%;
    border-right:1px solid #e9e9e9;
    font-size:18px;
    line-height:22px;
    font-weight:700;
    cursor:pointer;
    z-index:0
}
.banner--slider-nav ul li:last-child{
    border-right:0
}
.banner--slider-nav ul li:before{
    position:absolute;
    left:0;
    right:0;
    bottom:100%;
    width:0;
    height:0;
    margin:0 auto -15px;
    border-style:solid;
    border-width:15px;
    border-color:transparent;
    -webkit-transition:margin .25s ease-in-out,border-color .25s;
    transition:margin .25s ease-in-out,border-color .25s;
    z-index:-1
}
.banner--slider-nav ul li.active:before,.banner--slider-nav ul li:hover:before{
    margin-bottom:0;
    border-bottom-color:#288feb
}
.banner--slider-nav ul li p{
    margin-bottom:0;
    padding:26px 10px 24px;
    background-color:#fff;
    -webkit-transition:background-color .25s ease-in-out;
    transition:background-color .25s ease-in-out
}
.banner--slider-nav ul li.active p,.banner--slider-nav ul li:hover p{
    color:#fff;
    background-color:#288feb
}
.banner--slider-nav ul li p small{
    display:block;
    font-weight:300
}
#domainSearch{
    position:relative;
    padding:7px 0;
    margin-top:-1px;
    background-color:#202736
}
#domainSearch .left-content{
    color:#fff
}
#domainSearch .left-content h2{
    color:inherit;
    font-size:45px;
    font-weight:900;
    margin:0;
    padding:6px 0 12px
}
#domainSearch .left-content p{
    font-size:21px;
    font-weight:300;
    margin:0
}
#domainSearchForm .form-control{
    width:100%;
    border:none
}
#domainSearchForm input[type=text].form-control,#domainSearchForm select.form-control{
    font-size:18px;
    padding:5px 15px;
    border-radius:0;
    height:55px
}
#domainSearchForm select.form-control{
    box-shadow:none;
    border-left:1px solid #e9e9e9;
    line-height:51px
}
#domainSearchForm button[type=submit]{
    border:0;
    border-radius:0;
    color:#fff;
    background-color:#288feb;
    cursor:pointer;
    float:left;
    font-size:16px;
    font-weight:700;
    height:55px;
    text-transform:uppercase;
    width:100%;
    -webkit-transition:color .25s,background-color .25s;
    transition:color .25s,background-color .25s
}
#domainSearchForm button[type=submit]:focus,#domainSearchForm button[type=submit]:hover{
    box-shadow:none;
    outline:0
}
#domainSearch .right-content{
    padding:15px 15px 0 20px
}
#domainSearch .right-content .domain-ext{
    margin:20px -10px 0
}
#domainSearch .right-content .domain-ext>div{
    padding:0 10px
}
#domainSearch .right-content a.extension{
    display:block;
    font-weight:500;
    border-right:1px dotted #fff
}
#domainSearch .right-content .domain-ext>div:last-child a.extension{
    border:none
}
#domainSearch .right-content a.extension span{
    display:block
}
#domainSearch .right-content a.extension span.name{
    font-size:22px
}
#features{
    padding:80px 0 30px
}
.feature--item{
    margin-bottom:50px;
    text-align:center
}
.feature--icon{
    display:table;
    width:70px;
    height:70px;
    margin:0 auto;
    font-size:36px;
    line-height:40px
}
.feature--icon .fa{
    display:table-cell;
    vertical-align:middle
}
.feature--content h4{
    font-weight:700;
    margin:15px 0
}
.feature--content p{
    margin-bottom:0
}
.feature--content a.btn{
    margin-top:20px;
    padding:10px 15px;
    font-size:12px
}
#featuresTab{
    padding:80px 0;
    border-style:solid;
    border-width:1px 0;
    border-color:#e9e9e9
}
.features-tab--nav{
    margin-bottom:60px
}
.features-tab--nav ul{
    margin:-10px -2px 0;
    padding:0;
    list-style:none;
    font-size:0;
    line-height:0;
    text-align:center
}
.features-tab--nav ul li{
    display:inline-block;
    position:relative;
    margin:10px 2px 0;
    z-index:0
}
.features-tab--nav ul li:before{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:0;
    height:0;
    margin:-15px auto 0;
    border-style:solid;
    border-width:15px;
    border-color:transparent;
    -webkit-transition:margin .25s ease-in-out,border-color .25s;
    transition:margin .25s ease-in-out,border-color .25s;
    z-index:-1
}
.features-tab--nav ul li.active:before{
    margin-top:0;
    border-top-color:#288feb
}
.features-tab--nav ul li.active a{
    background-color:#288feb
}
.features-tab--item{
    padding:80px;
    background-color:#fff;
    border:1px solid #e9e9e9
}
.features-tab--content a{
    color:#303030;
    -webkit-transition:color .25s;
    transition:color .25s
}
.features-tab--content a:hover{
    color:#288feb
}
.features-tab--content h3{
    margin:0 0 24px;
    font-size:36px;
    line-height:40px
}
.features-tab--content p{
    margin-bottom:24px
}
.features-tab--content p:last-child{
    margin-bottom:0
}
.features-tab--content ul{
    margin:0;
    padding:0;
    list-style:none
}
.features-tab--content ul:after,.features-tab--content ul:before{
    display:table;
    clear:both
}
.features-tab--content ul li{
    float:left;
    width:50%
}
.features-tab--content ul li .fa{
    margin-right:8px;
    color:#288feb
}
#pricing{
    padding:80px 0
}
.pricing--slider .owl-pagination{
    margin:26px 0 -6px;
    padding:0 15px;
    text-align:center
}
.pricing--slider .owl-page{
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 3px;
    background-color:#303030;
    border-radius:20px;
    -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;
    transition:width .25s ease-in-out,background-color .25s ease-in-out
}
.pricing--slider .owl-page.active{
    width:20px;
    background-color:#288feb
}
.pricing--item{
    padding:0 15px 2px
}
.pricing--content{
    background-color:#fff;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14)
}
.pt-head{
    color:#fff;
    background-color:#288feb;
    text-align:center
}
.pt-head-empty{
    background-color:transparent
}
#vpsPricing.bg--img .section-title h2:before,.pt-plan:before{
    background-color:#fff
}
.pt-head .caption{
    display:inline-block;
    margin-bottom:0;
    padding:24px 0 7px;
    border-bottom:1px solid #fff;
    font-size:14px;
    letter-spacing:.12em;
    text-align:center
}
.pt-price-tag{
    margin-top:5px;
    padding-bottom:9px;
    font-size:50px;
    line-height:58px;
    font-weight:700
}
.pt-price-tag span{
    font-size:24px;
    font-weight:500
}
.pricing-table .pricing-table-item:first-child,.pt-plan{
    font-weight:700
}
.pt-plan{
    position:relative;
    padding:20px 0 18px;
    color:#fff;
    font-size:18px
}
.pt-plan:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.2
}
.pt-features{
    text-align:center
}
.pt-features ul{
    padding:0;
    margin:0;
    list-style:none
}
.pt-features ul li{
    color:#737373;
    padding:10px 20px;
    border-bottom:1px solid rgba(0,0,0,.05)
}
.pt-footer{
    padding-top:20px;
    padding-bottom:20px;
    text-align:center
}
.pt-footer a.btn-custom{
    padding-top:10px;
    padding-bottom:10px
}
.pricing-table{
    padding:80px 0
}
.pricing-table .pricing--content{
    border-top:1px solid #e9e9e9
}
.pricing-table-item .pt-features li strong{
    display:none
}
.pricing-table .pt-footer a.btn-custom{
    padding-left:20px;
    padding-right:20px
}
#vpsPricing{
    padding:80px 0
}
#vpsPricing.bg--img .section-title h2{
    color:#fff
}
.vps-slider-holder{
    padding:40px 60px;
    background-color:#202736
}
.vps-ruler{
    background:url(img/ruler.png) center top;
    display:table;
    height:10px;
    margin:0 auto 25px;
    width:100%;
    opacity:.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter:alpha(opacity=20)
}
#vpsSlider{
    height:6px;
    border:none;
    border-radius:0
}
#vpsSlider .ui-slider-range{
    background-color:#288feb;
    border-radius:0
}
#vpsSlider .ui-slider-handle{
    top:-9px;
    width:25px;
    height:25px;
    margin-left:-10px;
    background-color:#fff;
    border-color:#e9e9e9;
    border-radius:50%;
    cursor:pointer;
    outline:0
}
#vpsSlider .ui-slider-handle:after{
    position:absolute;
    top:7px;
    left:7px;
    width:9px;
    height:9px;
    background-color:#288feb;
    border-radius:50%
}
#vpsSlider .ui-slider-handle em{
    position:absolute;
    left:0;
    bottom:100%;
    width:100px;
    margin-left:-39px;
    margin-bottom:15px;
    padding:5px 0;
    color:#fff;
    background-color:#288feb;
    font-style:normal;
    font-size:18px;
    line-height:22px;
    text-align:center;
    cursor:pointer
}
#vpsSlider .ui-slider-handle em:after,.vps-pricing--name:before{
    top:100%;
    right:0;
    width:0;
    height:0;
    left:0
}
.vps-pricing--content,.vps-pricing--name,.vps-pricing--tag-content{
    background-color:rgba(255,255,255,.9)
}
#vpsSlider .ui-slider-handle em:after{
    position:absolute;
    margin:0 auto;
    border-style:solid;
    border-width:10px 10px 0;
    border-color:#288feb transparent transparent
}
.vps-pricing--item{
    margin-top:30px;
    text-align:center
}
.vps-pricing--content{
    color:#303030
}
.vps-pricing--item:last-child{
    border:none
}
.vps-pricing--name,.vps-pricing--value{
    margin-bottom:0
}
.vps-pricing--name{
    position:relative;
    padding:16px 0 14px;
    font-weight:700
}
.vps-pricing--name:before{
    position:absolute;
    margin:0 auto;
    border-style:solid;
    border-width:15px 15px 0;
    border-color:rgba(255,255,255,.9) transparent transparent
}
.vps-pricing--value{
    padding:23px 0;
    font-size:20px
}
.vps-pricing--tag{
    padding-top:30px
}
.vps-pricing--tag-content{
    height:100%;
    margin:0;
    padding:0 15px;
    color:#303030;
    font-size:22px;
    font-weight:300;
    text-align:center
}
#dedicatedPricing,#domainPricing{
    padding:80px 0
}
#dedicatedPricing table tr,#domainPricing table tr{
    border:1px solid #ddd;
    padding:5px
}
.vps-pricing--tag-content p{
    margin-bottom:0
}
.vps-pricing--tag-content span{
    font-size:42px;
    line-height:50px;
    font-weight:700
}
.vps-pricing--tag-content small{
    display:block;
    margin-top:15px;
    font-size:16px;
    line-height:20px
}
#dedicatedPricing table td .labelText,#domainPricing table tbody td .labelText{
    display:none
}
#dedicatedPricing table th,#domainPricing table th{
    font-size:14px;
    letter-spacing:1px;
    text-transform:uppercase
}
#vpsPricing .action{
    margin-top:45px;
    text-align:center
}
#vpsPricing .action a{
    margin:15px 10px 0;
    width:150px
}
#dedicatedPricing table,#domainPricing table{
    border:1px solid #ccc;
    width:100%;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0
}
#vpsPricing .action a.btn-custom-reverse,#vpsPricing .action a.btn-custom:focus,#vpsPricing .action a.btn-custom:hover{
    color:#303030;
    background-color:#fff
}
#vpsPricing .action a.btn-custom-reverse:focus,#vpsPricing .action a.btn-custom-reverse:hover{
    color:#fff;
    background-color:#303030
}
#dedicatedPricing table thead,#domainPricing table thead{
    background-color:#288feb;
    color:#fff
}
#dedicatedPricing table tbody tr,#domainPricing table tbody td{
    background-color:#fff
}
#dedicatedPricing table tbody tr:nth-child(even) td,#domainPricing table tbody tr:nth-child(even) td{
    background-color:#f8f8f8
}
#dedicatedPricing table thead th{
    padding:15px 10px
}
#dedicatedPricing table td,#dedicatedPricing table th{
    padding:10px
}
#domainPricing table thead th{
    padding:15px 0
}
#domainPricing table td,#domainPricing table th{
    padding:10px;
    text-align:center
}
#domainPricing table tbody td:first-child{
    font-weight:700;
    font-size:18px
}
#services{
    padding:0;
    overflow:hidden
}
#services .even{
    padding:80px 0
}
.service-item-content h2{
    margin:0 0 17px;
    font-size:36px;
    line-height:40px;
    font-weight:700;
    color:#288feb
}
.service-item-content h2 span{
    display:block;
    color:#202736;
    font-size:28px;
    line-height:32px;
    font-weight:500;
    text-indent:1px
}
.service-item-content p{
    margin-bottom:17px
}
.service-item-content p:last-child{
    margin-bottom:0
}
.service-item-content ul{
    margin:0;
    padding:0;
    list-style:none
}
#team,.counter{
    padding:80px 0
}
.service-item-content ul:after,.service-item-content ul:before{
    display:table;
    clear:both
}
.service-item-content ul li{
    float:left;
    width:50%
}
.service-item-content ul li .fa{
    margin-right:8px;
    color:#288feb
}
.service-item-content .price{
    margin-top:24px
}
.counter{
    background-color:#288feb;
    text-align:center
}
.counter.bg--overlay:before{
    background-color:#202736
}
.counter-icon i.fa{
    position:relative;
    display:block;
    width:70px;
    height:70px;
    margin:0 auto 20px;
    color:#288feb;
    background-color:#fff;
    font-size:26px;
    -webkit-transition:.25s;
    transition:.25s
}
.counter-icon i.fa:before{
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.counter-holder:hover .counter-icon i.fa{
    border-radius:50%
}
.counter-text{
    margin-bottom:12px;
    color:#fff;
    font-weight:500
}
.counter-number{
    font-size:30px;
    font-weight:700;
    color:#fff
}
.counter-number-holder{
    font-size:42px;
    font-weight:700;
    color:#fff
}
.counter-number-holder .counter-number{
    font-size:42px
}
#testimonial{
    padding:80px 0 75px
}
#testimonial .section-title h2{
    margin-bottom:76px
}
.testimonial-item{
    max-width:750px;
    margin:0 auto
}
.recommender-comment p{
    font-weight:400;
    text-align:center
}
.recommender-comment p:last-child{
    margin-bottom:0
}
.recommender-img{
    width:98px;
    margin:21px auto 23px
}
.recommender-img img{
    margin:0 auto;
    border-radius:50%
}
.recommender-info{
    margin-top:14px;
    font-size:15px;
    font-style:italic;
    font-weight:700;
    text-align:center
}
.testimonial-slider .owl-pagination{
    margin:24px 0 5px;
    font-size:0;
    line-height:0;
    text-align:center
}
.testimonial-slider .owl-page{
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 7.5px;
    background-color:#202736;
    border-radius:20px;
    -webkit-transition:width .25s ease-in-out;
    transition:width .25s ease-in-out
}
.testimonial-slider .owl-page.active{
    width:20px;
    background-color:#288feb
}
.team-item{
    text-align:center
}
.team-info h2{
    margin:20px 0 5px;
    color:#202736;
    font-size:20px;
    font-weight:700
}
.team-info p{
    margin:0;
    color:#737373;
    font-size:16px;
    font-weight:400;
    line-height:20px
}
.team-img{
    position:relative;
    display:inline-block;
    max-width:100%
}
.team-img:before,.team-social-links{
    position:absolute;
    left:0;
    width:100%
}
.team-img:before{
    top:0;
    height:100%;
    background-color:rgba(0,0,0,.6);
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:transform .25s;
    transition:transform .25s,-webkit-transform .25s
}
.team-img:hover:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.team-social-links{
    top:50%;
    -webkit-transform:translate(0,-50%) scale(0);
    transform:translate(0,-50%) scale(0);
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:transform .25s;
    transition:transform .25s,-webkit-transform .25s
}
.team-img:hover .team-social-links{
    -webkit-transform:translate(0,-50%) scale(1);
    transform:translate(0,-50%) scale(1)
}
.team-social-links ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
    font-size:0
}
.team-social-links ul li{
    display:inline-block;
    margin:0 2px
}
.team-social-links ul li a{
    display:block;
    border:1px solid #fff;
    width:35px;
    text-align:center;
    padding:5px 0;
    font-size:14px;
    -webkit-transition:background-color .25s;
    transition:background-color .25s
}
.team-social-links ul li a:hover{
    background-color:#288feb;
    border-color:#288feb
}
#history{
    padding:80px 0 40px
}
.timeline{
    list-style:none;
    padding:0;
    margin:0;
    position:relative;
    font-weight:300
}
.timeline:before{
    top:0;
    bottom:20px;
    position:absolute;
    content:" ";
    width:2px;
    background:#fff;
    left:50%;
    margin-left:-1.5px
}
.timeline>li{
    float:left;
    position:relative;
    width:50%;
    margin-bottom:30px
}
.timeline>li:after,.timeline>li:before{
    display:table
}
.timeline>li:after{
    clear:both
}
.timeline>li>.timeline-panel{
    float:left;
    border:1px solid #dcdcdc;
    background:#fff;
    position:relative
}
.gallery--filter-menu ul li.active a,.timeline-footer{
    background-color:#288feb
}
.timeline>li:nth-child(odd)>.timeline-panel{
    margin-right:30px
}
.timeline>li:nth-child(even)>.timeline-panel{
    margin-left:30px
}
.timeline>li>.timeline-panel:before{
    position:absolute;
    top:26px;
    right:-15px;
    display:inline-block;
    border-top:15px solid transparent;
    border-left:15px solid #dcdcdc;
    border-right:0 solid #dcdcdc;
    border-bottom:15px solid transparent
}
.timeline>li>.timeline-panel:after{
    position:absolute;
    top:27px;
    right:-14px;
    display:inline-block;
    border-top:14px solid transparent;
    border-left:14px solid #fff;
    border-right:0 solid #fff;
    border-bottom:14px solid transparent
}
.timeline>li>.timeline-badge{
    width:24px;
    height:24px;
    text-align:center;
    position:absolute;
    top:33px;
    right:-12px;
    color:#fff
}
.timeline>li.timeline-inverted>.timeline-panel{
    float:right
}
.timeline>li.timeline-inverted>.timeline-panel:before{
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}
.timeline>li.timeline-inverted>.timeline-panel:after{
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}
.timeline-title{
    margin-top:0;
    color:inherit
}
.timeline-body>p,.timeline-body>ul{
    padding:10px 15px;
    margin-bottom:0
}
.timeline-footer{
    padding:5px 15px;
    color:#fff;
    font-weight:700
}
.timeline-footer p{
    margin-bottom:0
}
.timeline-footer>a{
    cursor:pointer;
    text-decoration:none
}
.timeline>li.timeline-inverted{
    float:right;
    clear:right
}
.timeline>li:nth-child(2){
    margin-top:60px
}
.timeline>li.timeline-inverted>.timeline-badge{
    left:-12px
}
.timeline .no-float{
    float:none!important
}
#gallery{
    padding:80px 0 50px
}
.gallery--filter-menu{
    margin-bottom:60px
}
.gallery--filter-menu ul{
    margin:-10px -2px 0;
    padding:0;
    list-style:none;
    font-size:0;
    line-height:0;
    text-align:center
}
.gallery--filter-menu ul li{
    display:inline-block;
    margin:10px 2px 0
}
.gallery--item{
    margin-bottom:30px
}
.gallery--img a{
    display:block;
    position:relative;
    overflow:hidden;
    z-index:0
}
.gallery--img a:before{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background-color:#303030;
    opacity:.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-transition:top .25s ease-in-out;
    transition:top .25s ease-in-out
}
.gallery--img a.active:before,.gallery--img a:hover:before{
    top:0
}
.gallery--img a:after{
    content:"+";
    position:absolute;
    top:150%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    font-size:42px;
    line-height:42px;
    font-weight:100;
    text-align:center;
    -webkit-transition:top .25s ease-in-out;
    transition:top .25s ease-in-out
}
.gallery--img a.active:after,.gallery--img a:hover:after{
    top:50%
}
.gallery--img img{
    display:block;
    width:100%
}
#subscribe{
    padding:80px 0;
    background-color:#202736;
    text-align:center
}
#subscribe .section-title h2{
    margin-bottom:23px;
    color:#fff
}
#subscribe .section-title h2:before{
    display:none
}
#subscribe p{
    color:#fff;
    margin-top:11px;
    margin-bottom:0;
    font-size:20px;
    font-weight:300
}
#contactForm1 label,.description p{
    font-weight:400
}
#subscribeForm .input-box{
    width:382px;
    padding:8px 0 8px 12px;
    border:1px solid #fff;
    box-shadow:none;
    outline:0
}
#subscribeForm .input-box.error{
    border-color:#a94442
}
#subscribeForm .input-box.valid{
    border-color:#3c763d
}
#subscribeForm .submit-button{
    display:block;
    margin:30px auto 0;
    padding:12px 20px;
    color:#fff;
    background-color:#202736;
    border:1px solid #202736;
    font-weight:400;
    -webkit-transition:color .25s ease,background-color .25s ease-in-out,border-color .25s ease;
    transition:color .25s ease,background-color .25s ease-in-out,border-color .25s ease;
    outline:0;
    text-transform:uppercase
}
#subscribeForm .submit-button:hover{
    color:#202736;
    background-color:#fff;
    border-color:#fff
}
#faq{
    padding:80px 0
}
.faq-categories h3{
    font-size:20px;
    font-weight:700;
    margin:0;
    position:relative;
    padding-bottom:10px
}
.faq-categories h3:before{
    position:absolute;
    width:40px;
    height:2px;
    background-color:#288feb;
    bottom:0
}
.faq-categories ul{
    margin-top:25px
}
.faq-categories ul li a{
    background-color:#202736;
    color:#fff;
    margin-top:6px;
    position:relative;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    -webkit-transition:color .25s,background-color .25s;
    transition:color .25s,background-color .25s
}
.accordion .panel-heading a,.faq-categories ul li a:hover,.faq-categories ul li.active a{
    background-color:#288feb;
    color:#fff
}
.faq-categories ul li a:before{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
    height:0;
    border-style:solid;
    border-width:21px 0 21px 20px;
    border-color:transparent transparent transparent #288feb;
    -webkit-transition:right 0s;
    transition:right 0s;
    z-index:-1
}
.faq-categories ul li a:hover:before,.faq-categories ul li.active a:before{
    right:-20px;
    -webkit-transition:right .25s;
    transition:right .25s
}
.faq-content .panel-group{
    margin-bottom:0
}
.accordion .panel{
    border-radius:0
}
.accordion .panel-heading{
    padding:0
}
.accordion .panel-heading a{
    display:block;
    padding:10px 15px
}
.accordion .panel-heading a.collapsed{
    background-color:#202736
}
.accordion .panel-heading a h4{
    font-weight:500;
    overflow:hidden
}
.accordion .panel-heading a h4 i.fa-minus{
    float:right;
    color:#fff
}
.accordion .panel-heading a.collapsed h4 i.fa-minus{
    color:#288feb
}
.accordion .panel-heading a.collapsed i.fa-minus:before{
    content:"\f067"
}
#contact:before,.contact-address h2:before,.contact-info--item a:before,.footer-widget h4:before,.widget-title:before{
    content:" "
}
#blog{
    padding:80px 0
}
.blog-item{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #e9e9e9
}
.blog-item:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.blog-item-img+.blog-item-content,.blog-page-post-video+.blog-item-content{
    padding-top:16px
}
.blog-item-img img{
    width:100%
}
.blog-item-content a{
    color:#303030;
    -webkit-transition:color .25s,background-color .25s ease-in-out,border .25s;
    transition:color .25s,background-color .25s ease-in-out,border .25s
}
.blog-item-content a:hover{
    color:#288feb
}
.blog-item-content .btn-custom,.blog-item-content .btn-custom-reverse,.blog-item-content .btn-custom-reverse:hover,.blog-item-content .btn-custom:hover{
    color:#fff
}
.blog-item-content h2{
    margin:0;
    font-size:20px;
    font-weight:700;
    line-height:24px
}
.blog-item-content h2 a{
    color:#202736;
    -webkit-transition:color .25s;
    transition:color .25s
}
.blog-item-content .metadata{
    color:#737373;
    margin:15px 0 10px;
    font-size:12px
}
.blog-item-content .metadata .fa{
    margin-right:5px
}
.blog-item-content .metadata a{
    color:inherit;
    border-bottom:1px solid transparent;
    -webkit-transition:border-color .25s;
    transition:border-color .25s
}
.blog-item-content .metadata a:hover{
    color:inherit;
    border-color:#e9e9e9
}
.blog-item-content .metadata .separator{
    margin:0 8px 0 7px
}
.blog-item:hover .blog-item-content h2 a{
    color:#288feb
}
.blog-item-content p{
    margin-bottom:12px
}
figure.test{
    display:inline-block;
    position:relative;
    overflow:hidden;
    text-align:center;
    cursor:pointer
}
figure.test img{
    width:100%;
    height:100%
}
figure.test figcaption{
    position:absolute;
    top:50%;
    left:22.5%;
    right:22.5%;
    width:200px;
    opacity:0;
    z-index:1;
    transition:all .8s ease-out;
    transition-delay:.2s
}
figure.test:after{
    display:inline-block;
    position:absolute;
    content:"";
    top:7%;
    left:10%;
    right:10%;
    bottom:7%;
    background:#fff;
    opacity:0;
    transition:all .8s ease-out
}
figure.test:hover:after{
    opacity:.9
}
figure.test:hover figcaption{
    transform:translateY(-50%);
    opacity:1
}
#rotate:after{
    transform:rotateX(90deg);
    transition:all .6s ease-in-out
}
#rotate:hover:after{
    transform:rotateX(0)
}
#rotate figcaption{
    transition:all .6s ease-in-out;
    transform:translateY(-50%) rotateX(90deg)
}
#rotate:hover figcaption{
    transform:translateY(-50%) rotateX(0)
}
.frame{
    text-align:center;
    position:relative;
    cursor:pointer
}
.frame img{
    width:100%;
    height:100%
}
.frame .details{
    width:75%;
    height:80%;
    padding:5% 10%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotateY(90deg);
    transform-origin:50%;
    background:rgba(255,255,255,.9);
    opacity:0;
    transition:all .4s ease-in
}
.frame:hover .details{
    transform:translate(-50%,-50%) rotateY(0);
    opacity:1
}
.frame#wth{
    perspective:none
}
.description{
    margin-top:24px
}
.description p{
    text-align:center;
    font-size:16px
}
#map{
    height:400px
}
#contact{
    padding:80px 0;
    position:relative
}
#contact:before{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    background-color:#f0f0f0;
    border-left:1px solid #e9e9e9
}
#contactForm1{
    padding-left:50px
}
#contactForm1 input.form-control{
    border-color:#e9e9e9;
    border-radius:0;
    box-shadow:none
}
#contactForm1 textarea.form-control{
    border-color:transparent;
    border-radius:0;
    box-shadow:none;
    resize:none;
    margin-top:15px
}
#contactForm1 input.error,#contactForm1 input.valid,#contactForm1 textarea.error,#contactForm1 textarea.valid{
    border-color:#288feb
}
#contactForm1 .submit-button{
    border-radius:0;
    padding:10px 30px;
    font-weight:500;
    text-transform:uppercase;
    background-color:#288feb;
    color:#fff;
    -webkit-transition:background-color .25s;
    transition:background-color .25s;
    outline:0
}
#contactForm1 .submit-button:focus,#contactForm1 .submit-button:hover{
    background-color:#202736
}
.contact-address h2{
    font-size:20px;
    font-weight:700;
    margin:0;
    position:relative;
    padding-bottom:10px
}
.contact-address h2:before{
    position:absolute;
    width:40px;
    height:2px;
    background-color:#288feb;
    bottom:0
}
.contact-address address{
    margin-top:30px
}
.contact-address address p{
    margin-bottom:30px;
    color:#737373;
    font-weight:400;
    font-size:16px
}
.contact-address address p:last-child{
    margin-bottom:0
}
.contact-address address p i.fa{
    font-size:20px;
    border:1px solid #737373;
    width:35px;
    padding:5px 0;
    margin-right:10px;
    text-align:center
}
#contactActions{
    padding:80px 0;
    background-color:#202736;
    text-align:center
}
.ca-icon i.fa{
    position:relative;
    display:block;
    width:60px;
    height:60px;
    margin:0 auto 20px;
    color:#288feb;
    background-color:#fff;
    font-size:26px;
    -webkit-transition:.25s;
    transition:.25s
}
.ca-holder p,.ca-text{
    color:#fff
}
.ca-icon i.fa:before{
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ca-text{
    margin-bottom:12px;
    font-weight:500
}
.ca-holder a.btn{
    width:140px;
    padding:8px 0;
    background-color:#288feb;
    font-weight:500;
    border-radius:0;
    text-align:center;
    text-transform:uppercase;
    -webkit-transition:background-color .25s,color .25s;
    transition:background-color .25s,color .25s
}
.ca-holder a.btn:focus,.ca-holder a.btn:hover{
    color:#288feb;
    background-color:#fff;
    box-shadow:none;
    outline:0
}
.contact-social-links{
    margin-top:20px
}
.contact-social-links ul{
    list-style:none;
    margin:0;
    padding:0;
    font-size:0
}
.contact-social-links li{
    display:inline-block;
    margin-right:4px
}
.contact-social-links li a{
    color:#202736;
    border:1px solid #202736;
    padding:6px 0;
    display:block;
    font-size:14px;
    width:35px;
    margin:18px 0;
    text-align:center;
    -webkit-transition:color .25s,background-color .25s ease-in-out,border-color .25s;
    transition:color .25s,background-color .25s ease-in-out,border-color .25s
}
.contact-social-links li a:hover{
    color:#fff;
    border:1px solid #288feb;
    background:#288feb
}
#contactInfo{
    color:#fff;
    background-color:#202736;
    text-align:center
}
.contact-info--item a{
    position:relative;
    display:block;
    padding:30px 0;
    background-color:#288feb
}
.contact-info--item a:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:transparent;
    opacity:.2;
    -webkit-transition:background-color .25s ease-in-out;
    transition:background-color .25s ease-in-out
}
.contact-info--item a:hover:before{
    background-color:#fff
}
.contact-info--item a .fa{
    margin-right:8px
}
#footer{
    padding:50px 0 10px;
    background-color:#202736;
    overflow:hidden
}
.footer-widget{
    margin-bottom:40px
}
.footer-widget h4{
    color:#fff;
    font-size:20px;
    font-weight:700;
    margin:-4px 0 0;
    position:relative;
    padding-bottom:10px
}
.footer-widget h4:before{
    position:absolute;
    width:40px;
    height:2px;
    background-color:#288feb;
    bottom:0
}
.footer-widget ul{
    margin:20px 0 0;
    padding:0;
    list-style:none
}
.footer-widget ul li{
    font-size:15px;
    font-weight:300;
    padding-bottom:4px
}
.footer-widget ul li a{
    color:#737373;
    -webkit-transition:color .25s;
    transition:color .25s;
    border-bottom:1px solid #3f3f3e;
    display:block;
    margin:2px 0;
    padding-bottom:5px
}
.footer-widget a:hover{
    color:#fff
}
.footer--subscribe-widget{
    margin:20px 0 26px
}
.footer--subscribe-widget .form-control{
    margin-bottom:15px;
    border-radius:0;
    box-shadow:none;
    text-align:center
}
.footer--subscribe-widget .form-control.error{
    border-color:#ff5252
}
.footer--subscribe-widget .btn{
    width:100%;
    padding:10px 20px;
    color:#fff;
    background-color:#288feb;
    border-radius:0;
    box-shadow:none
}
.footer--subscribe-widget .btn:focus,.footer--subscribe-widget .btn:hover{
    outline:0
}
.footer--social-widget p{
    color:#fff;
    margin-bottom:7px
}
.footer--social-widget ul{
    margin:-6px -5px 0;
    padding:0;
    list-style:none;
    font-size:0;
    line-height:0
}
#copyright p,.about-desc-content p:last-child{
    margin-bottom:0
}
.footer--social-widget ul li{
    display:inline-block;
    padding:6px 5px 0
}
.footer--social-widget ul li a{
    display:block;
    width:35px;
    padding:9px 0;
    color:#fff;
    border:1px solid #fff;
    -webkit-transition:background-color .25s ease-in-out,border-color .25s ease;
    transition:background-color .25s ease-in-out,border-color .25s ease;
    text-align:center
}
#login,.about-description{
    padding:0
}
.footer--social-widget ul li a:hover{
    background-color:#288feb;
    border-color:#288feb
}
#copyright{
    padding:20px 0 18px;
    color:#fff;
    background-color:#191e29;
    text-align:center
}
#copyright p.left{
    float:left
}
#copyright p.left a{
    color:#fff
}
#copyright p.left a:hover{
    color:#288feb
}
#copyright p.right{
    float:right;
    font-weight:700;
    text-transform:uppercase
}
#copyright p a{
    display:inline-block;
    margin-top:5px;
    color:#288feb;
    font-weight:700
}
#copyright img{
    margin-left:20px;
    height:24px
}
.about-desc-content a{
    color:#303030;
    -webkit-transition:color .25s;
    transition:color .25s
}
.about-desc-content a:hover{
    color:#288feb
}
#loginForm{
    padding:30px;
    background-color:#f0f0f0;
    max-width:360px;
    margin:0 auto
}
#loginForm p.help-block{
    font-weight:400;
    font-size:14px;
    margin:25px 0 20px
}
#loginForm p.help-block a{
    color:#202736;
    font-size:14px;
    font-weight:700;
    -webkit-transition:color .25s;
    transition:color .25s
}
#loginForm p.help-block a:hover{
    color:#288feb
}
#loginForm p.help-block a i.fa{
    margin-right:5px
}
#loginForm label{
    font-weight:400
}
#loginForm input.form-control{
    box-shadow:none;
    border-radius:0
}
#loginForm input.error{
    border-color:#288feb
}
#loginForm .submit-button{
    border-radius:0;
    padding:10px 0;
    font-weight:500;
    text-transform:uppercase;
    background-color:#288feb;
    color:#fff;
    -webkit-transition:background-color .25s;
    transition:background-color .25s;
    outline:0
}
#loginForm .submit-button:hover{
    background-color:#202736
}
.aCounter{
    padding:80px 0 30px;
    background-color:#288feb;
    text-align:center
}
.aCounter-holder{
    margin-bottom:50px
}
.aCounter-icon i.fa{
    position:relative;
    display:block;
    width:60px;
    height:60px;
    margin:0 auto 20px;
    color:#288feb;
    background-color:#fff;
    font-size:26px;
    -webkit-transition:.25s;
    transition:.25s
}
.aCounter-icon i.fa:before{
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.aCounter-text{
    margin-bottom:32px;
    padding-bottom:23px;
    border-bottom:1px solid #fff;
    color:#fff;
    font-weight:500
}
.aCounter-number-holder{
    font-size:36px;
    font-weight:700;
    color:#fff
}
.aCounter-number-holder .counter-number{
    font-size:36px
}
.affiliate-signup-btn-holder{
    text-align:center;
    margin-top:60px
}
.affiliate-signup-btn-holder a{
    width:140px;
    padding:10px 0;
    text-transform:uppercase
}
#blog.page hr{
    margin:40px 0 60px
}
.blog-page-post-video.local{
    background-color:#090709
}
.blog-page-post-audio audio{
    width:100%;
    margin-bottom:10px
}
.widget.search .form-control{
    padding:10px 12px;
    border:0;
    box-shadow:none;
    border-radius:0;
    background-color:#f8f8f8;
    height:auto
}
.widget.search .input-group-addon{
    padding:0;
    border-radius:0;
    border:none;
    background-color:#202736;
    color:#fff;
    cursor:pointer;
    -webkit-transition:background-color .25s ease-in-out;
    transition:background-color .25s ease-in-out
}
.widget.search .input-group-addon:hover{
    background-color:#288feb
}
.widget.search .input-group-addon button{
    padding:12px 14px;
    background-color:transparent;
    border:0
}
.widget{
    padding-bottom:50px;
    border-bottom:1px solid #e9e9e9;
    margin-bottom:50px
}
.widget:last-child{
    margin-bottom:0;
    padding-bottom:30px;
    border-bottom:none
}
.widget-title{
    color:#202736;
    font-size:20px;
    font-weight:700;
    margin:0;
    position:relative;
    padding-bottom:10px;
    text-transform:uppercase
}
.widget-title:before{
    position:absolute;
    width:40px;
    height:2px;
    background-color:#288feb;
    bottom:0
}
.widget.recent-items .footer-thumb .row-holder{
    margin:15px 0 0;
    padding-bottom:15px;
    border-bottom:1px solid #e8e8e8
}
.widget.recent-items .footer-thumb .row-holder:last-child{
    border-bottom:none;
    padding-bottom:0
}
.widget.recent-items .left-col img{
    border-color:#e9e9e9
}
.widget.recent-items a.footer-thumb-link{
    display:block;
    color:#666;
    font-size:16px;
    font-weight:500;
    margin-bottom:10px;
    -webkit-transition:color .25s;
    transition:color .25s
}
.blog-item.full-post .tags li,.post-social-links li,.widget.tags li{
    display:inline-block
}
.widget.recent-items a.footer-thumb-link:hover{
    color:#288feb
}
.widget.recent-items .footer-thumb-text{
    color:#999
}
.widget.recent-items span.footer-thumb-date{
    color:#666;
    font-weight:300
}
.archives ul,.tags ul,.widget.categories ul{
    list-style:none;
    padding:0;
    margin:0
}
.archives li,.widget.categories li,.widget.tags li{
    position:relative;
    padding:16px 0 0;
    cursor:pointer
}
.widget.tags li{
    padding:20px 25px 0 0
}
.widget.recent-items .footer-thumb .row-holder .left-col img{
    margin-bottom:15px;
    margin-top:20px
}
.widget.archives li a,.widget.categories li a,.widget.tags li a{
    color:#666;
    font-size:13px;
    font-weight:500;
    line-height:1.45;
    -webkit-transition:color .25s;
    transition:color .25s
}
.widget.archives li:hover a,.widget.categories li:hover a,.widget.tags li:hover a{
    color:#288feb
}
.blog-item.full-post .post-category-text{
    display:inline-block;
    margin-top:35px;
    margin-bottom:0;
    font-weight:700
}
.blog-item.full-post .category-link{
    color:#737373;
    font-weight:500;
    margin-left:10px
}
.blog-item.full-post:hover a.btn-custom{
    background-color:transparent
}
.blog-item.full-post:hover a.btn-custom:hover{
    background-color:transparent;
    color:#288feb
}
.blog-item.full-post .tags li a{
    color:#202736;
    background-color:transparent;
    font-weight:500;
    text-transform:lowercase;
    padding:15px 15px 15px 0;
    -webkit-transition:color .25s;
    transition:color .25s
}
.blog-item.full-post .tags li strong{
    margin-right:15px
}
.blog-item.full-post .post-author-metadata{
    background-color:#e9e9e9;
    margin-top:20px;
    margin-bottom:30px
}
.blog-item.full-post .post-author-metadata a{
    color:#202736;
    margin-left:15px;
    font-weight:500;
    -webkit-transition:color .25s;
    transition:color .25s
}
.blog-item.full-post .post-author-metadata a:hover{
    color:#288feb
}
.post-social-links{
    margin-top:20px
}
.post-social-links ul{
    list-style:none;
    margin:0;
    padding:0;
    font-size:0;
    text-align:right
}
#f0f,.bgclrs,span.round-tabs{
    text-align:center
}
.post-social-links li{
    margin:0 2px
}
.post-social-links li a{
    color:#202736;
    border:1px solid #202736;
    padding:6px 0;
    display:block;
    font-size:14px;
    width:35px;
    margin:18px 0;
    text-align:center;
    -webkit-transition:color .25s,border .25s,background .25s;
    transition:color .25s,border .25s,background .25s
}
.post-social-links li a:hover{
    color:#fff;
    border:1px solid #288feb;
    background:#288feb
}
.post-comments-title{
    margin-top:0;
    padding-bottom:20px;
    border-bottom:1px solid #e9e9e9;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase
}
.post-comments ul{
    list-style:none;
    margin:0;
    padding:0 0 0 30px
}
.post-comments ul li{
    margin:25px 0
}
.comment-thumb a{
    overflow:hidden;
    color:#288feb;
    font-weight:500
}
.comment-thumb{
    margin-bottom:15px;
    overflow:hidden
}
.comment-meta{
    margin-top:15px;
    margin-left:15px
}
a.comment-reply{
    background:#288feb;
    border-radius:0;
    color:#fff;
    margin-top:10px
}
a.comment-reply:hover{
    color:#fff
}
.single-comment{
    border-bottom:1px solid #e9e9e9;
    padding-bottom:25px
}
.comment-text a{
    color:#303030;
    -webkit-transition:color .25s;
    transition:color .25s
}
.comment-text a:hover{
    color:#288feb
}
.post-comment-form{
    padding-top:50px;
    margin-top:-26px
}
.post-comment-form-group .form-control{
    border-radius:0;
    margin-top:20px;
    box-shadow:none;
    resize:none
}
.post-comment-form-group .form-control.submit-btn{
    width:auto;
    height:auto;
    padding:10px 40px;
    background:#288feb;
    border-color:#288feb;
    color:#fff;
    font-weight:500;
    text-transform:uppercase;
    -webkit-transition:.25s;
    transition:.25s
}
#f0f,#f0f>.container,#f0f>.container>.row,#f0f>.container>.row>div,.vc-parent{
    height:100%
}
.post-comment-form-group .form-control.submit-btn:hover{
    background:#202736;
    border-color:#202736;
    color:#fff
}
.post-comment-form-group .form-control.error{
    border-color:#288feb
}
#f0f .section-title h2{
    margin:0 0 50px;
    color:#fff;
    font-size:120px
}
#f0f .section-title h2:before{
    display:none
}
#f0f .description p{
    color:#fff;
    margin:70px 0 30px;
    font-size:20px;
    font-weight:500
}
.reset-gutter,.reset-margin{
    margin-right:0;
    margin-left:0
}
#f0f .description .widget.search{
    padding-bottom:0;
    border-bottom:0
}
#f0f a.btn{
    padding:10px 30px
}
.nopad,.nopads{
    padding:0
}
.reset-gutter>[class*=col-],.reset-padding{
    padding-right:0;
    padding-left:0
}
#f0f .btn-custom-reverse{
    background-color:#303030
}
#f0f .btn-custom-reverse:hover{
    color:#303030;
    background-color:#fff
}
.vc-parent{
    width:100%;
    display:table
}
.row-vc>div,.vc-child{
    display:table-cell;
    vertical-align:middle
}
.row-vc>div{
    float:none
}
#tawkchat-minified-container,#tawkchat-status-middle,.black ltr-direction{
    display:none
}
.marginBottom-0{
    margin-bottom:0
}
.dropdown-submenu{
    position:relative
}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px;
    -moz-border-radius:0 6px 6px;
    border-radius:0 6px 6px
}
.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent transparent transparent #ccc;
    border-style:solid;
    border-width:5px 0 5px 5px;
    margin-top:5px;
    margin-right:-10px
}
.portfolclr{
    color:#000
}
.dropdown-submenu.pull-left{
    float:none
}
.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px
}
.nopad{
    border-right:5px #fff
}
.domainreg{
    background-color:#f7f7f7
}
.bgclrs{
    background:#363636;
    color:#fff;
    padding:35px
}
.about-desc-img,.social{
    color:#000
}
.modal-header{
    padding:15px;
    border-bottom:1px solid #fff!important
}
.social{
    display:inline-block;
    padding:6px;
    border:1px solid #000;
    font-size:18px;
    font-weight:700;
    border-radius:50%;
    width:30px;
    height:30px
}
.single_plan__block::before{
    background:#363636;
    content:"";
    height:119%;
    right:22%;
    position:absolute;
    top:0;
    width:161px;
    z-index:1;
    transform:rotate(19.31deg);
    transform-origin:174px -78px;
    -webkit-transform:rotate(19.31deg);
    -webkit-transform-origin:174px -78px
}
.single_plan__block{
    background-position:right top;
    position:relative;
    z-index:1;
    overflow:hidden
}
.plane_bg__block1{
    background-image:url(img/job/workplace.png)
}
.plane_bg__block2{
    background-image:url(img/job/Snacks.png)
}
.plane_bg__block3{
    background-image:url(img/job/rel.png)
}
.plane_bg__block4{
    background-image:url(img/job/work.png)
}
.plan-content-box{
    background:#363636;
    color:#fff;
    padding:35px 0 35px 30px;
    width:54%;
    position:relative;
    z-index:9
}
.plan-content-box h3::after,.single_plan__block::after{
    content:"";
    left:0;
    position:absolute
}
.single_plan__block::after{
    background:#288feb;
    height:100%;
    opacity:.6;
    top:0;
    width:100%;
    z-index:-1
}
.mb-30{
    margin-bottom:30px
}
.plan-content-box h3::after{
    background:#feb20d;
    bottom:-15px;
    height:3px;
    width:45px
}
@media (max-width:767px){
    .plan-content-box{
        width:auto
    }
}
@media (max-width:991px){
    .single_plan__block::before{
        display:none
    }
}
blockquote{
    background:#f6f6f6;
    width:100%;
    padding:30px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    float:left
}
.tmclr{
    color:#000!important
}
.aboutItem{
    margin:25px 5px 5px;
    padding:20px;
    position:relative;
    -moz-box-shadow:#ddd 1px 1px 5px;
    -webkit-box-shadow:#ddd 1px 1px 5px;
    box-shadow:#ddd 1px 1px 5px;
    background:#fff;
    color:#363636
}
.aboutItem img{
    border-radius:50%
}
.aboutItem:hover{
    background:#363636;
    color:#fff;
    border-radius:7%
}
.teambg{
    background-color:#f5f6f7!important
}
.board .nav-tabs{
    position:relative;
    margin-bottom:0;
    box-sizing:border-box
}
.liner,span.round-tabs{
    position:absolute;
    left:0
}
.board>div.board-inner{
    background:url(img/portfoliobg.png) #fafafa;
    background-size:30%
}
p.narrow{
    width:60%;
    margin:10px auto
}
.liner{
    height:2px;
    background:#ddd;
    width:80%;
    margin:0 auto;
    right:0;
    top:50%;
    z-index:1
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    color:#555;
    cursor:default;
    border:0;
    border-bottom-color:transparent
}
span.round-tabs{
    width:70px;
    height:70px;
    line-height:70px;
    display:inline-block;
    border-radius:100px;
    background:#fff;
    z-index:2;
    font-size:25px
}
.notice>.desc,.rc-anchor-pt{
    display:none
}
.nav-tabs>li.active:after,.nav-tabs>li:after{
    content:" ";
    position:absolute;
    left:45%;
    margin:0 auto;
    bottom:0
}
span.round-tabs.one{
    color:#22c222;
    border:2px solid #22c222
}
li.active span.round-tabs.one{
    background:#fff!important;
    border:2px solid #ddd;
    color:#22c222
}
span.round-tabs.two{
    color:#febe29;
    border:2px solid #febe29
}
li.active span.round-tabs.two{
    background:#fff!important;
    border:2px solid #ddd;
    color:#febe29
}
span.round-tabs.three{
    color:#3e5e9a;
    border:2px solid #3e5e9a
}
li.active span.round-tabs.three{
    background:#fff!important;
    border:2px solid #ddd;
    color:#3e5e9a
}
span.round-tabs.four{
    color:#f1685e;
    border:2px solid #f1685e
}
li.active span.round-tabs.four{
    background:#fff!important;
    border:2px solid #ddd;
    color:#f1685e
}
span.round-tabs.five{
    color:#999;
    border:2px solid #999
}
li.active span.round-tabs.five{
    background:#fff!important;
    border:2px solid #ddd;
    color:#999
}
.nav-tabs>li.active>a span.round-tabs{
    background:#fafafa
}
.nav-tabs>li{
    width:20%
}
.nav-tabs>li:after{
    opacity:0;
    border:5px solid transparent;
    border-bottom-color:#ddd;
    transition:.1s ease-in-out
}
.nav-tabs>li.active:after{
    opacity:1;
    border:10px solid transparent;
    border-bottom-color:#ddd
}
.nav-tabs>li a{
    width:70px;
    height:70px;
    margin:20px auto;
    border-radius:100%;
    padding:0
}
.nav-tabs>li a:hover{
    background:0 0
}
.tab-content{
    margin-top:-20px
}
.tab-pane{
    position:relative;
    padding-top:50px
}
.tab-content .head{
    font-size:25px;
    text-transform:uppercase;
    padding-bottom:10px
}
.btn-outline-rounded{
    padding:10px 40px;
    margin:20px 0;
    border:2px solid transparent;
    border-radius:25px
}
.btn.green{
    background-color:#5cb85c;
    color:#fff
}
@media(max-width :585px){
    .nav-tabs>li a,span.round-tabs{
        width:50px;
        height:50px;
        line-height:50px
    }
    span.round-tabs{
        font-size:16px
    }
    .tab-content .head{
        font-size:20px
    }
    .nav-tabs>li.active:after{
        content:" ";
        position:absolute;
        left:35%
    }
    .btn-outline-rounded{
        padding:12px 20px
    }
}
.fixs{
    width:70px;
    height:70px;
    position:fixed;
    top:400px;
    z-index:9999999
}
.post-quote{
    background-color:#1674d1;
    padding:40px;
    margin-bottom:35px
}
.post-quote h3{
    letter-spacing:.15em;
    font-size:24px;
    color:#FFF;
    line-height:1.6
}
.notice:first-child{
    margin-top:10px
}
.notice{
    padding:15px;
    background-color:#fafafa;
    border-left:6px solid #7f7f84;
    margin-bottom:10px;
    -webkit-box-shadow:0 5px 8px -6px rgba(0,0,0,.2);
    -moz-box-shadow:0 5px 8px -6px rgba(0,0,0,.2);
    box-shadow:0 5px 8px -6px rgba(0,0,0,.2)
}
.notice-sm{
    padding:10px;
    font-size:80%
}
.notice-lg{
    padding:35px;
    font-size:large
}
.notice-success{
    border-color:#80D651
}
.notice-success>strong{
    color:#80D651
}
.notice-info{
    border-color:#45ABCD
}
.notice-info>strong{
    color:#45ABCD
}
.notice-warning{
    border-color:#FEAF20
}
.notice-warning>strong{
    color:#FEAF20
}
.notice-danger{
    border-color:#d73814
}
.notice-danger>strong{
    color:#d73814
}
.readMore{
    cursor:pointer
}
.notfn{
    font-size:19px
}
.statcicweb{
    background-color:#F5FDF1
}
.videopad{
    padding:20px
}
.stimg{
    width:300px
}
.heading_space{
    margin-bottom:45px
}
.clrs{
    color:#288feb
}
.btn-popup{
    background-color:#202736;
    font-family:Signika-Regular;
    border:1px solid #fff
}
.about-desc-img form .col-md-6{
    text-align:left
}
#uploadForm button,.feedback_mail button{
    padding:12px 20px;
    font-size:16px;
    line-height:24px;
    background-color:#202736;
    color:#fff;
    border-radius:0
}
#uploadForm button:hover,.feedback_mail button:hover{
    background-color:#288feb
}
.error{
    color:red;
    font-size:11px;
    font-weight:500
}
.phtag{
    color:#d2dae4!important
}
.phonese{
    border-left:1px solid #fff
}
.modclr{
    background-color:#f1f1f1
}
.bookdom{
    background-color:#202736
}
.bookdom h2{
    color:#fff
}
.faicons{
    color:#288feb!important
}
.add_style ul li a,.atag{
    color:#000!important
}
#recaptcha{
    display:inline-block;
    position:relative
}
#recaptcha:after{
    content:"";
    display:block;
    position:absolute;
    z-index:1;
    bottom:3px;
    right:5px;
    width:100px;
    height:70px;
    background-color:#f9f9f9
}
.nex-title{
    text-align:center;
    color:#000;
    letter-spacing:2px;
    font-weight:400;
    margin:37px 0;
    position:relative
}
.nex-title:after{
    left:0;
    right:0;
    margin:0 auto -15px;
    width:100px;
    height:1px;
    background:#000;
    content:'';
    position:absolute;
    bottom:0
}
.csico{color:#000!important;}

.review .img-circle {
    border-radius: 0% !important;
}
.p-a30 {
    padding: 21px;
}

.bg-secondry {
    background-color: #f0f0f0;
}
.m-b30 {
    margin-bottom: 30px;
}
.cwdth {
    width: 35px;
    padding-bottom: 20px;
}