@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.breadcrumb li a{
    color:#31333e;
}
.breadcrumb li a:hover{
    color:#5ac5f3;
}
#refX
{
    border: 1px solid #5ac5f3;
    border-radius: 10px;
    text-align: center;
    transition:0.5s;
    
}
#refX:hover{
    background-color:#333;
    transition:0.5s;
    transform:scale(1.08);
}
.btn,.page-title li a{
    text-transform:capitalize
}
.disabled,.page-title li:last-child a,.swiper-button-disabled,.theme-pagination li.active a{
    pointer-events:none
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
::-moz-selection{
    background:#31333e;
    color:#fff;
    text-shadow:none
}
::selection{
    background:#31333e;
    color:#fff;
    text-shadow:none
}
::-webkit-input-placeholder{
    color:#8287a7!important;
    opacity:1!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
::-moz-placeholder{
    color:#8287a7!important;
    opacity:1!important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
input:focus,select:focus,textarea:focus{
    outline:0!important
}
.header-search button,.header-search button i:focus,.slider-pagination-style .swiper-pagination-bullet:focus,.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white:active{
    outline:0
}
button[type=submit]{
    cursor:pointer
}
textarea{
    resize:none
}
img{
    max-width:100%;
    height:auto
}
a{
    color:#31333e;
    -webkit-transition:all .2s;
    transition:all .2s
}
a:hover{
    color:#5ac5f3
}
a,a:active,a:focus,a:hover{
    text-decoration:none
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
font-family: 'Roboto', sans-serif;

    font-weight:400;
    color:#31333e;
    line-height:1.4
}
.h1,h1{
    font-size:36px;
    font-weight:700
}
.h2,h2{
    font-size:30px
}
.h3,h3{
    font-size:24px
}
.h4,h4{
    font-size:18px
}
.h5,h5{
    font-size:16px
}
.h6,body,h6{
    font-size:14px
}
p{
    line-height:1.8;
    margin-bottom:25px
}
body{
    font-family:Muli,sans-serif;
    color:#000000;
    background:#fff;
    overflow-x:hidden!important
}
.select-wrapper select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.select-wrapper select::-ms-expand{
    display:none
}
.select-wrapper{
    position:relative
}
.select-wrapper:after{
    content:'\f107';
    font-family:FontAwesome;
    position:absolute;
    right:10px;
    top:0;
    bottom:0;
    margin:auto;
    font-size:20px;
    height:30px;
    pointer-events:none
}
.btn,.pt-sans{
font-family: 'Roboto', sans-serif;

}
.alignleft,.alignright,.form-field{
    margin-bottom:15px
}
.width-expend{
    width:170px
}
.btn{
    color:#fff;
    position:relative;
    border:1px solid #5ac5f3;
    border-radius:0;
    padding:8px 30px;
    overflow:hidden;
    z-index:0
}
.btn:after,.btn:before{
    content:" ";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.btn-transparent{
    border-color:#31333e;
    color:#31333e
}
.btn-icon i{
    margin-right:10px
}
.btn.active,.btn:focus,.btn:hover{
    color:#fff;
    border-color:#31333e
}
.btn:before{
    background:#5ac5f3
}
.btn-transparent:before{
    background-color:transparent
}
.btn:after{
    background-color:#31333e;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.btn.active:after,.btn:focus:after,.btn:hover:after{
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
}
.btn:focus,.form-control:focus{
    box-shadow:none!important
}
.btn-icon{
    padding:8px 15px
}
.theme-bg-overlay{
    position:relative
}
.theme-bg-overlay:before{
    content:'';
    position:absolute;
    background:#5ac5f3;
    opacity:.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    left:0;
    top:0;
    width:100%;
    height:100%
}
.form-field,.form-group,.page-title-wrap{
    position:relative
}
.primary-bg{
    background-color:#5ac5f3
}
.light-bg{
    background-color:#ecf7fe
}
.dark-bg{
    background-color:#31333e
}
.muli{
    font-family:Muli,sans-serif
}
.font-weight-600{
    font-weight:600
}
.list-inline>li{
    display:inline-block
}
.form-control{
    font-size:14px
}
.form-control:focus{
    border-color:#5ac5f3
}
input.parsley-error,select.parsley-error,textarea.parsley-error{
    border:1px solid red!important
}
.half-gutter{
    margin-right:-7.5px;
    margin-left:-7.5px
}
.half-gutter>.col,.half-gutter>[class*=col-]{
    padding-right:7.5px;
    padding-left:7.5px
}
.theme-border-top{
    border-top:1px solid #5ac5f3
}
.theme-border-bottom{
    border-bottom:1px solid #5ac5f3
}
.theme-list-style{
    padding:0;
    list-style:none
}
.theme-list-style li{
    font-weight:600;
    color:#4c4f60;
    padding:5px 0
}
.theme-list-style li:before{
    content:'\f05d';
    font-family:FontAwesome;
    color:#5ac5f3;
    font-size:12px;
    font-weight:400;
    margin-right:10px
}
.theme-input-style{
    font-size:12px;
    width:100%;
    height:40px;
    padding:0 10px;
    border:1px solid #e2e6fb;
    -webkit-transition:all .2s;
    transition:all .2s
}
textarea.theme-input-style{
    padding:10px;
    min-height:120px;
    display:block
}
.theme-input-style:focus{
    border-color:#5ac5f3
}
label input[type=checkbox],label input[type=radio]{
    position:relative;
    top:2px;
    margin-right:5px
}
.table-bordered,.table-bordered td,.table-bordered th{
    border-color:#e2e6fb
}
.alignleft{
    float:left;
    margin-right:15px
}
.alignright{
    float:right;
    margin-left:15px
}
.aligncenter{
    clear:both;
    display:block;
    margin:0 auto 15px
}
.pt-120{
    padding-top:120px
}
.pb-120{
    padding-bottom:120px
}
.pt-90{
    padding-top:90px
}
.pb-90{
    padding-bottom:90px
}
.pt-80{
    padding-top:80px
}
.pb-80{
    padding-bottom:80px
}
.pt-70{
    padding-top:70px
}
.pb-70{
    padding-bottom:70px
}
.pt-60{
    padding-top:60px
}
.pb-60{
    padding-bottom:60px
}
.pt-55{
    padding-top:55px
}
.pb-55{
    padding-bottom:55px
}
.pt-50{
    padding-top:50px
}
.pb-50{
    padding-bottom:50px
}
.pt-30{
    padding-top:30px
}
.pb-30{
    padding-bottom:30px
}
.mt-120{
    margin-top:120px
}
.mb-120{
    margin-bottom:120px
}
.mt-60{
    margin-top:60px
}
.mb-60{
    margin-bottom:60px
}
.mt-50{
    margin-top:50px
}
.mb-50{
    margin-bottom:50px
}
.mt-40{
    margin-top:40px
}
.mb-40{
    margin-bottom:40px
}
.mt-30{
    margin-top:30px
}
.mb-30{
    margin-bottom:30px
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:backwards;
    animation-fill-mode:backwards
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(50%,0,0);
        transform:translate3d(50%,0,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform:translate3d(50%,0,0);
        transform:translate3d(50%,0,0)
    }
    to{
        opacity:1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.spin{
    -webkit-animation:spin 2s linear infinite;
    animation:spin 1s linear infinite
}
.page-title-wrap{
    background-position:center bottom!important
}
.page-title-wrap:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.3)
}
.page-title-wrap .row{
    height:200px
}
.page-title h1{
    font-weight:700;
    color:#fff;
    margin-bottom:0
}
.page-title li+li:before{
    content:'\f101';
    font-family:FontAwesome;
    color:#fff;
    padding:0 8px
}
.section-title>span,.single-counter>span{
font-family: 'Roboto', sans-serif;

}
.page-title li a{
    font-size:18px;
    color:#fff
}
.header-top-settings li span,.post-date li:first-child,.section-title h1,.section-title>span{
    text-transform:uppercase
}
.page-title li a:hover,.page-title li:last-child a{
    color:#5ac5f3
}
.section-title{
    margin-top:-7px;
    padding-bottom:30px
}
.section-title>span{
    font-size:12px;
    font-weight:700;
    color:#5ac5f3
}
.section-title h1{
    margin-top:0;
    margin-bottom:0
}
.section-title p{
    font-size:16px
}
.subtitle{
    display:block;
    font-size:18px;
    color:#4c4f60;
    margin:18px 0
}
.header-top-info li,.header-top-settings li{
    padding:0 10px;
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header-top-info li{
    border-left:1px solid #3c3d48
}
.header-top-settings li{
    border-right:1px solid #3c3d48
}
.header-top-info li a,.header-top-settings li span{
    font-size:12px;
    color:#fff;
    display:inline-block;
    cursor:pointer
}
.header-top-info li.social-icons a{
    display:inline-block;
    padding:0 5px;
    font-size:11px
}
.header-top-info li a:hover,.header-top-settings li span:hover,.header-top-settings li span[aria-expanded=true]{
    color:#fff
}
.header-menu ul ul li.active>a,.header-menu ul ul li:hover>a,.header-menu ul ul li>a:hover,.header-menu>ul>li.active>a,.header-menu>ul>li:hover>a{
    color:#5ac5f3
}
.header-top-settings .dropdown-menu{
    margin:16px 0 0;
    font-size:14px;
    border:0;
    border-radius:0;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    background-color:#fff
}
.header-top-settings .dropdown-menu a{
    text-align:left;
    padding:12px 20px
}
.header-top-settings .dropdown-menu a:not(:first-child){
    border-top:1px solid #e2e6fb
}
.header-top-settings .dropdown-menu a:hover{
    background-color:#fff;
    color:#5ac5f3
}
.dropdown-menu.dropdown-menu-right.show{
    margin-left:0
}
.main-header{
    box-shadow:none;
    position:relative;
    z-index:999;
    background:#fff
}
.main-header.stuck{
    position:fixed;
    top:-1px;
    box-shadow:0 0 10px rgba(0,0,0,.15);
    width:100%
}
.header-menu,.header-menu #menu-button,.header-menu ul,.header-menu ul li,.header-menu ul li a{
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative
}
.header-menu #menu-button{
    display:none
}
.header-menu>ul ul{
    text-align:left;
    z-index:99999
}
.header-menu{
    transition:.3s all linear
}
.header-menu>ul ul li:not(:last-child){
    border-bottom:1px solid #e2e6fb
}
.header-menu>ul>li{
    display:inline-block;
    float:left;
    padding-left:10px;
    padding-right:10px;
}
.header-menu>ul>li.has-sub:hover:after{
    content:'';
    position:absolute;
    width:100%;
    height:2em;
    bottom:-2em;
    cursor:pointer;
    left:0
}
.header-menu>ul>li>a {
    padding: 32px 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.header-menu>ul>li.active>a:after,.header-menu>ul>li:hover>a:after,.header-menu>ul>li>a:after{
    content:' ';
    position:absolute;
    width:0;
    height:2px;
    background:#5ac5f3;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    -webkit-transition:all .2s;
    transition:all .2s
}
.header-menu ul ul ul:after,.header-menu ul ul ul:before{
    content:"";
    position:absolute
}
.header-menu>ul>li.active>a:after,.header-menu>ul>li:hover>a:after,.header-menu>ul>li>a:hover:after{
    width:100%
}
.header-menu>ul>li>a>i{
    font-size:10px
}
.header-menu ul ul{
    position:absolute;
    left:-9999px;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition:top .2s ease,opacity .2s ease;
    transition:top .2s ease,opacity .2s ease
}
.header-menu ul ul>li:hover>ul,.header-menu.align-right ul ul>li:hover>ul,.header-menu>ul>li:hover>ul{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.header-menu>ul>li>ul{
    top:120px;
    background:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    -webkit-transition:top .2s ease,opacity .2s ease;
    transition:top .2s ease,opacity .2s ease
}
.header-menu>ul>li:hover>ul{
    left:auto;
    top:80px
}
.header-menu.align-right>ul>li:hover>ul{
    right:0
}
.header-menu ul ul ul{
    top:32px;
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
.header-menu ul ul ul:before{
    left:-7px;
    top:7px;
    width:0;
    height:0;
    border-right:7px solid #ecf7fe;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    z-index:99
}
.header-menu ul ul ul:after{
    left:-10px;
    top:0;
    width:10px;
    height:100%;
    z-index:-1
}
.header-menu ul ul ul li{
    background:#fff
}
.header-menu ul ul>li:hover>ul{
    top:0;
    left:188px
}
.header-menu.align-right ul ul>li:hover>ul{
    left:auto;
    right:178px;
    padding-left:0;
    padding-right:10px
}
.header-menu ul ul li a{
    width:180px;
    padding:13px 20px;
    font-size:14px;
    line-height:1.25;
    position:relative;
    background:#fff;
    -webkit-transition:all .2s;
    transition:all .2s
}
.header-menu>ul,.header-search input{
    transition:.3s all linear
}
.header-menu ul ul li a i{
    position:absolute;
    right:15px;
    top:16px;
    font-size:10px
}
.menu-wraper{
    float:right
}
.header-menu>ul>li:last-child{
    margin-right:0
}
.header-search input{
    width:82px;
    height:18px;
    border:0;
    font-size:14px;
    background:0 0
}
.header-search button{
    position:absolute;
    right:0;
    top:-1px;
    color:#8287a7;
    border:0;
    padding:0;
    background:0 0
}
.header-search button:hover{
    color:#5ac5f3
}
.header-cart{
    padding-left:10px;
    margin-left:10px;
    border-left:1px solid #e2e6fb
}
.header-cart span{
    font-size:10px;
    position:absolute;
    right:-8px;
    top:0;
    color:#fff;
    background:#5ac5f3;
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center;
    display:block;
    border-radius:50%
}
.main-slider .swiper-slide{
    overflow:hidden
}
.main-slider .swiper-slide img{
    position:absolute;
    left:-999px;
    right:-999px;
    margin:auto;
    max-width:100%;
}
.main-slider .row{
    height:585px;
}
.slide-content h3{
    font-style:italic;
    position:relative;
    padding-left:42px
}
.slide-content h3:before{
    content:'';
    width:30px;
    height:2px;
    background-color:#5ac5f3;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto
}
.slide-content h1{
    font-size:50px;
    line-height:1.18;
    margin-bottom:20px
}
.slide-content p{
    font-style:italic;
    font-size:18px;
    color:#4c4f60
}
.slide-content a+a{
    margin-left:15px
}
.main-slider-pagination{
    bottom:40px!important
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4px
}
.slider .slider-pagination-style .swiper-pagination-bullet-active{
    background:#a8aecf
}
.slider .slider-pagination-style .swiper-pagination-bullet{
    border:1px solid #a8aecf
}
.service-controls li+li{
    margin-left:10px
}
.single-service{
    border-top:1px solid #5ac5f3;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.07);
    -webkit-transition:box-shadow .2s;
    transition:box-shadow .2s;
    padding:15px 15px 20px
}
.single-service:hover{
    border-top:2px solid #5ac5f3;
    padding:14px 15px 20px;
    box-shadow:0 0 15px rgba(0,0,0,.15)
}
.single-service svg:first-child{
    color:#5ac5f3;
    height:62px
}
.single-service svg+svg{
    position:absolute;
    left:-50px;
    top:-50px;
    color:#5ac5f3
}
.single-service:hover svg+svg{
    top:-51px
}
.single-service h4{
    font-weight:700;
    margin-top:25px;
    margin-bottom:20px
}
.single-service p{
    color:#4c4f60;
    height:98px;
    overflow:hidden;
}
.single-service a{
    font-size:16px;
    color:#5ac5f3
}
.single-service a i{
    font-size:10px;
    position:relative;
    top:-1px;
    margin-left:5px
}
.single-service a:hover{
    color:#000
}
.includes-carousel-wrap{
    border-top:1px solid #5ac5f3;
    padding:30px;
    box-shadow:0 5px 10px rgba(0,0,0,.05)
}
.includes-carousel .swiper-slide{
    height:auto
}
.inc-car-nav{
    margin-left:30px
}
.single-includes{
    border:1px solid #ecf7fe;
    text-align:center;
    height:100%;
    padding:20px 15px 15px;
    -webkit-transition:all .2s;
    transition:all .2s
}
.single-includes svg{
    color:#5ac5f3;
    height:30px
}
.single-includes h3{
    font-weight:700;
    margin-top:10px;
    margin-bottom:0;
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%
}
.single-includes:hover{
    background-color:#5ac5f3
}
.single-includes:hover h3,.single-includes:hover svg{
    color:#fff
}
.inc-car-nav li+li{
    margin-top:10px
}
.single-service-inner{
    border-top:1px solid #5ac5f3;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 10px rgba(0,0,0,.05);
    -webkit-transition:box-shadow .2s;
    transition:box-shadow .2s;
    padding:70px 15px 25px
}
.single-service-inner:hover{
    border-top:2px solid #5ac5f3;
    padding:69px 15px 25px;
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.single-service-inner svg:first-child{
    color:#5ac5f3;
    height:auto
}
.single-service-inner svg+svg{
    position:absolute;
    left:-50px;
    top:-50px;
    color:#5ac5f3
}
.single-service-inner h4{
    font-weight:700;
    margin-top:25px;
    margin-bottom:20px
}
.single-service-inner p{
    color:#4c4f60
}
.single-service-inner a{
    font-size:16px;
    color:#5ac5f3
}
.connections{
    background:url(../img/world-map.png) center center no-repeat #ecf7fe
}
.connection-description h1{
    margin-bottom:25px
}
.connection-description p span{
    color:#5ac5f3
}
.connection-description p{
    font-size:18px;
    color:#4c4f60
}
.connection-image{
    height:45px
}
.connection-image img{
    position:absolute;
    left:0;
    right:0;
    top:-34px;
    margin:auto
}
.single-counter h2{
    color:#fff;
    font-weight:700;
    margin-top:-11px;
    margin-bottom:4px
}
.single-counter h2 span{
    color:#5ac5f3;
    font-weight:400
}
.single-counter>span{
    display:block;
    font-size:18px;
    color:#fff;
    margin-bottom:-7px
}
.pricing-carousel{
    padding-top:15px;
    padding-bottom:15px
}
.single-pricing-plan{
    font-size:16px;
    color:#8287a7;
    padding:30px 30px 80px;
    box-shadow:0 0 10px rgba(0,0,0,.05);
    -webkit-transition:all .2s;
    transition:all .2s;
    background-size:contain!important;
    position:relative;
    overflow:hidden;
    background-repeat:no-repeat!important;
    background-position:bottom!important
}
.follow-icons li a,.follow-icons li i,.single-post{
    -webkit-transition:all .2s
}
.single-pricing-plan .popular{
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
    position:absolute;
    background:#31333e;
    height:30px;
    line-height:30px;
    width:200px;
    text-align:center;
    top:30px;
    right:-50px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.single-pricing-plan:hover{
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.single-pricing-plan:hover hr{
    border-color:#5ac5f3
}
.single-pricing-plan h4{
    color:#5ac5f3;
    margin-bottom:14px
}
.plan-price{
    font-size:30px;
    color:#31333e
}
.plan-price span{
    font-size:14px;
    font-weight:400
}
.single-pricing-plan ul{
    margin-bottom:24px
}
.single-pricing-plan ul li{
    padding:5px 0
}
.pricing-pagination{
    position:static;
    margin-bottom:-6px;
    margin-top:10px
}
.customers{
    background-image:url(../img/travel.jpg);
    background-repeat:no-repeat;
    background-position:center center
}
.customers-review{
    padding-left:30px;
    padding-right:30px
}
.single-review p{
    font-size:18px;
    font-style:italic;
    text-indent:30px;
    position:relative;
    margin-bottom:15px
}
.single-review p:before{
    content:'\201c';
    font-size:48px;
    position:absolute;
    top:-20px;
    left:-32px
}
.single-review p:after{
    content:'\201d';
    font-size:48px;
    position:absolute;
    bottom:0;
    height:50px;
    margin-left:-20px
}
.single-review h4 span{
    color:#8287a7;
    font-size:14px
}
.review-controls{
    margin-top:20px
}
.review-controls li+li{
    margin-left:10px
}
.single-sidebar-widget .search-form .btn{
    right:-1px
}
.customer-fullwidth{
    position:relative;
    width:100%;
    overflow:hidden
}
.customer-fullwidth .customer--left-img{
    position:absolute;
    content:"";
    width:49%;
    height:140%;
    background-repeat:no-repeat;
    background-size:cover
}
.customer-fullwidth .customer-right-img{
    width:52%;
    position:absolute;
    content:"";
    height:72%;
    right:0;
    top:0
}
.partner-slider{
    position:absolute;
    bottom:55px;
    width:100%;
    text-align:center;
    left:50%;
    transform:translate(-34%)
}
.partner-slider .swiper-slide{
    align-self:center
}
.partner--slider-inner{
    position:relative;
    height:100%
}
.partner--slider-inner:after{
    position:absolute;
    content:'';
    background:#5ac5f3;
    width:152%;
    height:195px;
    bottom:0;
    left:-30px
}
.review-slider .stars i{
    color:#5ac5f3
}
.news-carousel{
    padding-top:15px
}
.news-pagination{
    position:static;
    margin-bottom:-6px
}
.single-post{
    box-shadow:0 5px 10px rgba(0,0,0,.05);
    border:1px solid #fff;
    margin-bottom:30px;
    position:relative;
    transition:all .2s
}
.single-post:hover{
    border:1px solid #5ac5f3;
    box-shadow:0 5px 15px rgba(0,0,0,.1)
}
.post-content-block,.single-affiliate-program,.single-sidebar-widget{
    box-shadow:0 0 10px rgba(0,0,0,.05)
}
.post-date{
    position:absolute;
    top:10px;
    right:10px;
    width:55px
}
.post-date li{
    height:24px;
    line-height:24px
}
.post-date li:first-child{
    font-weight:600;
    font-size:12px;
    background:#fff
}
.contact-form h4,.contact-info ul li h4,.post-content .h4,.post-content-block h1.h2,.single-affiliate-program .h4,.single-faq-wrap>.h4,.single-member h3,.single-process .h4{
    font-weight:700
}
.post-date li:first-child span{
    font-size:11px;
    color:#4c4f60
}
.post-date li:last-child{
    color:#fff;
    background:#5ac5f3
}
.post-content{
    padding:30px
}
.post-content .h4{
    margin-bottom:15px
}
.post-meta{
    font-size:12px;
    color:#8287a7;
    margin-bottom:20px
}
.post-meta li:not(:last-child){
    margin-right:10px
}
.post-meta li span{
    color:#4c4f60
}
.theme-pagination li:not(:last-child){
    margin-right:15px
}
.theme-pagination li a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:0 5px;
    border:1px solid #e2e6fb;
    font-size:16px;
    color:#8287a7
}
.theme-pagination li a:hover,.theme-pagination li.active a{
    color:#fff;
    background:#5ac5f3;
    border-color:#5ac5f3
}
.post-content-block{
    padding:30px
}
.post-main-content h1{
    margin-bottom:26px
}
.post-main-content img{
    margin-bottom:28px
}
.post-main-content blockquote{
    color:#4c4f60;
    font-size:16px;
    font-style:italic;
    text-align:center;
    padding:48px 30px 30px;
    border:1px solid #e2e6fb;
    position:relative;
    margin-top:50px;
    margin-bottom:25px
}
.post-main-content blockquote h4{
    margin-bottom:0;
    color:#5ac5f3;
    font-style:normal
}
.post-main-content h5{
    font-weight:700;
    margin-bottom:14px
}
.post-main-content blockquote:before{
    content:'\f10e';
    font-family:FontAwesome;
    font-size:16px;
    font-style:normal;
    color:#fff;
    background-color:#5ac5f3;
    position:absolute;
    width:50px;
    height:50px;
    border-radius:100%;
    line-height:50px;
    left:0;
    right:0;
    top:-25px;
    margin:auto
}
.post-categories a,.post-comment-content .comment-time,.post-nav-content span{
    font-size:10px;
    text-transform:uppercase
}
.post-categories{
    margin-bottom:-10px
}
.post-categories li{
    margin-bottom:10px
}
.post-categories li:not(:last-child){
    margin-right:10px
}
.post-categories a{
    color:#8287a7;
    display:block;
    border:1px solid #e2e6fb;
    padding:5px 8px
}
.post-categories a:hover{
    color:#fff;
    border-color:#5ac5f3;
    background-color:#5ac5f3
}
.post-share-icons{
    -webkit-box-flex:0;
    -ms-flex:0 0 180px;
    flex:0 0 180px
}
.social-icons-light a{
    color:#8287a7
}
.social-icons-light a:hover{
    color:#5ac5f3
}
.post-navigation li{
    max-width:260px
}
.post-nav-content span{
    color:#8287a7
}
.post-nav-img{
    -webkit-box-flex:0;
    -ms-flex:0 0 70px;
    flex:0 0 70px
}
.post-navigation li a:hover .h6{
    color:#5ac5f3
}
.post-author-img{
    -webkit-box-flex:0;
    -ms-flex:0 0 160px;
    flex:0 0 160px
}
.post-author-info h5{
    color:#8287a7;
    margin-bottom:15px
}
.post-author-info h5 a{
    color:#5ac5f3
}
.post-author-info p{
    color:#8287a7;
    font-style:italic;
    margin-bottom:15px
}
.post-comments-wrap>h4{
    margin-bottom:28px
}
.post-comments>li:not(:last-child){
    margin-bottom:40px
}
.post-comments>li>ul>li{
    margin-top:40px;
    padding-left:75px
}
.comment-author-img{
    -webkit-box-flex:0;
    -ms-flex:0 0 75px;
    flex:0 0 75px
}
.post-comment-content h5{
    margin-top:-5px;
    margin-bottom:14px
}
.post-comment-content .comment-time{
    margin-bottom:10px;
    display:block
}
.post-comment-content p{
    font-size:13px;
    font-style:italic;
    margin-bottom:12px
}
.post-comment-content .btn-reply{
    font-size:13px;
    color:#5ac5f3;
    text-transform:uppercase
}
.post-comment-content .btn-reply:hover{
    color:#000
}
.post-comment-content .btn-reply i{
    margin-right:3px
}
.single-sidebar-widget{
    padding:30px
}
.spacer-80{
    padding-bottom:90px
}
.single-sidebar-widget h3{
    margin-top:-6px;
    margin-bottom:24px
}
.search-form{
    position:relative
}
.search-form input{
    height:42px
}
.search-form .btn{
    position:absolute;
    right:0;
    top:0
}
.widget_categories ul{
    margin:0;
    padding:0;
    list-style:none;
font-family: 'Roboto', sans-serif;

    font-size:16px;
    color:#5ac5f3
}
.widget_categories ul li{
    padding:10px 0
}
.widget_categories>ul>li:first-child{
    padding-top:0
}
.widget_categories ul li:last-child{
    padding-bottom:0
}
.widget_categories ul ul li:first-child{
    margin-top:10px;
    border-top:1px dashed #e2e6fb
}
.widget_categories ul li:not(:last-child){
    border-bottom:1px dashed #e2e6fb
}
.widget_categories ul li a{
    color:#31333e;
    padding-left:17px;
    position:relative
}
.widget_categories ul li a:before{
    content:'\f061';
    position:absolute;
    font-family:FontAwesome;
    font-size:10px;
    left:0;
    top:3px
}
.widget_categories ul li a:hover{
    color:#5ac5f3
}
.widget_categories ul ul{
    padding-left:17px
}
.widget_categories ul ul ul ul{
    padding-left:0
}
.treading-posts li:not(:last-child){
    border-bottom:1px dashed #e2e6fb;
    padding-bottom:20px;
    margin-bottom:20px
}
.tp-img{
    -webkit-box-flex:0;
    -ms-flex:0 0 70px;
    flex:0 0 70px
}
.tp-img img{
    padding-right:10px
}
.tpi-content span{
    font-size:10px
}
.follow-icons{
    margin:-5px
}
.follow-icons li{
    width:33.3333%
}
.follow-icons li a{
    display:block;
    color:#8287a7;
    padding:5px;
    transition:all .2s
}
.follow-icons li i{
    font-size:18px;
    display:block;
    height:60px;
    line-height:58px;
    border:1px solid #e2e6fb;
    transition:all .2s
}
.follow-icons li span,.tagcloud ul li a{
    font-size:10px;
    text-transform:uppercase
}
.follow-icons li span{
    display:block;
    color:#fff;
    height:30px;
    line-height:30px;
    -webkit-transition:all .2s;
    transition:all .2s
}
.follow-icons li.facebook span{
    background:#3a5898
}
.follow-icons li.twitter span{
    background:#25a6d0
}
.follow-icons li.google span{
    background:#dd4a38
}
.follow-icons li.linkedin span{
    background:#0c76a8
}
.follow-icons li.youtube span{
    background:#c4312a
}
.follow-icons li.instagram span{
    background:#8d3dac
}
.follow-icons li a:hover{
    color:#5ac5f3
}
.follow-icons li a:hover i{
    border-color:#5ac5f3
}
.follow-icons li a:hover span{
    background-color:#5ac5f3
}
.subscribe-widget input{
    height:42px
}
.subscribe-widget .parsley-errors-list{
    display:none
}
.tagcloud ul{
    margin:0 0 -10px -10px;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.tagcloud ul li{
    margin-left:10px;
    margin-bottom:10px
}
.tagcloud ul li a{
    display:block;
    color:#8287a7;
    padding:5px;
    border:1px solid #e2e6fb
}
.tagcloud ul li a:hover{
    color:#5ac5f3;
    border-color:#5ac5f3
}
.app-wrap{
    margin-top:30px;
    margin-bottom:170px
}
.app-info{
    padding-top:88px;
    padding-bottom:100px
}
.app-info .nav li:not(:last-child){
    margin-right:15px
}
.app-img{
    position:relative
}
.app-img img{
    position:absolute;
    right:-22px;
    top:0;
    bottom:0;
    margin:auto
}
.app-info h1{
    font-size:30px
}
.single-member{
    margin-bottom:25px
}
.single-member h3{
    margin-top:14px;
    margin-bottom:10px
}
.single-member span{
    font-size:13px
}
.member-img{
    position:relative
}
.member-img ul{
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position:absolute;
    width:100%;
    bottom:0;
    height:100%;
    padding-bottom:15px;
    background:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background:linear-gradient(to top,rgba(0,0,0,.5),transparent);
    -webkit-transition:all .2s;
    transition:all .2s
}
.single-member:hover ul{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.member-img ul li a{
    color:#fff;
    font-size:12px
}
.member-img ul li a:hover{
    color:#5ac5f3
}
.member-controls li:not(:last-child){
    margin-right:15px
}
.affiliate-title h1{
    margin-top:-12px
}
.affiliate-title h1 em{
    font-size:18px;
    font-style:normal
}
.affiliate-title blockquote,.affiliate-title>span{
 font-family: 'Roboto', sans-serif;

    font-style:italic
}
.affiliate-title blockquote{
    font-size:18px;
    color:#8287a7
}
.affiliate-title blockquote p{
    text-indent:20px;
    position:relative
}
.affiliate-title blockquote p:before{
    content:'\201c';
    left:-20px;
    top:-6px
}
.affiliate-title blockquote p:after{
    content:'\201d';
    margin-left:-15px;
    margin-top:-6px
}
.affiliate-title blockquote p:after,.affiliate-title blockquote p:before{
    position:absolute;
    color:#5ac5f3;
    font-size:30px
}
.affiliate-title>span{
    color:#5ac5f3;
    font-size:18px
}
.affiliate-calculation ul li:not(:first-child){
    border-top:1px solid #e2e6fb;
    position:relative
}
.affiliate-calculation ul li:not(:first-child) span:first-child:before{
    content:'';
    position:absolute;
    border-top:1px dotted #31333e;
    width:calc(100% - 50px);
    left:0;
    right:0;
    bottom:20px;
    margin:auto
}
.affiliate-calculation ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:14px 15px;
    color:#31333e;
    background:#ecf7fe
}
.affiliate-calculation ul li:first-child{
    padding:15px 20px;
    background-color:#5ac5f3;
    color:#fff
}
.affiliate-calculation ul li:not(:first-child) i,.affiliate-calculation ul li:not(:first-child) span:not(:first-child){
    background:#ecf7fe;
    display:inline-block;
    z-index:1;
    padding:0 5px
}
.affiliate-calculation ul li:not(:first-child) i{
    font-style:normal;
    position:relative
}
.single-affiliate-program{
    padding:30px;
    -webkit-transition:all .2s;
    transition:all .2s;
    background: #eee;
}
.single-affiliate-program:hover{
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.single-affiliate-program p{
    margin:20px 0
}
.single-affiliate-program a,.single-affiliate-program p span{
    color:#5ac5f3
}
.single-affiliate-program a:hover{
    color:#000
}
.single-affiliate-program a svg{
    margin-left:10px
}
.single-process{
    background-color:#fff;
    padding:50px 40px 45px;
    box-shadow:0 0 10px rgba(0,0,0,.05);
    -webkit-transition:box-shadow .2s;
    transition:box-shadow .2s
}
.single-process:hover{
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.single-process span{
    width:100px;
    height:80px;
    margin:auto;
    border:1px solid #ecf7fe;
    -webkit-transition:all .2s;
    transition:all .2s
}
.single-process.text-left span{
    margin:0
}
.single-process.text-right span{
    margin-left:auto;
    margin-right:0
}
.single-process span i{
    font-size:24px;
    color:#5ac5f3
}
.single-process:hover span{
    background:#5ac5f3;
    border-color:#5ac5f3
}
.single-process:hover span i{
    color:#fff
}
.single-process .h4{
    margin-top:24px;
    margin-bottom:20px
}
.single-process p{
    color:#4c4f60
}
.contact-info h1{
    font-size:30px
}
.contact-info p{
    font-size:18px
}
.contact-info ul li{
    position:relative;
    padding-left:80px;
    color:#8287a7
}
.contact-info ul li:before{
    font-family:FontAwesome;
    position:absolute;
    top:0;
    left:0;
    background:#ecf7fe;
    font-size:14px;
    width:40px;
    height:100%;
    text-align:center;
    line-height:7
}
.contact-info ul li.address:before{
    content:'\f041'
}
.contact-info ul li.email:before{
    content:'\f003'
}
.contact-info ul li.phone:before{
    content:'\f095'
}
.contact-info ul li:not(:first-child){
    padding-top:16px
}
.contact-info ul li:not(:last-child){
    padding-bottom:16px
}
.contact-info ul li:not(:last-child):after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:calc(100% - 80px);
    height:0;
    border-bottom:1px dashed #e2e6fb
}
.contact-info ul li a{
    color:#8287a7
}
.contact-info ul li a:hover{
    color:#5ac5f3
}
.contact-info{
    margin-top:-11px
}
.contact-form{
    padding:18px 30px 30px;
    box-shadow:0 0 10px rgba(0,0,0,.05)
}
.domain-search-form,.domain-table{
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.contact-form>span{
    display:block;
    font-size:12px;
    color:#8287a7;
    margin-bottom:20px
}
.contact-form label{
   font-family: 'Roboto', sans-serif;

    color:#4c4f60;
    margin-bottom:4px
}
.contact-form input,.contact-form textarea{
    border-color:#ecf7fe;
    background:#ecf7fe
}
.contact-form input:focus,.contact-form textarea:focus{
    background:0 0
}
.contact-form button{
    margin-top:14px
}
.form-response{
    background:#5ac5f3
}
.form-response span{
    color:#fff;
    display:block;
    margin-bottom:30px;
    padding:10px 15px
}
.accordion>a:not(.btn){
    display:inline-block;
    margin-left:15px;
    margin-top:10px;
    font-size:16px;
    color:#5ac5f3
}
.accordion>a:not(.btn):hover{
    color:#31333e
}
.accordion>a:not(.btn) svg{
    margin-left:10px
}
.accordion>p{
    margin-top:25px
}
.single-faq-wrap>.h4{
    padding-bottom:16px;
    margin-bottom:26px;
    border-bottom:1px solid #e2e6fb
}
.single-faq-wrap>.h4 span{
    font-size:14px;
    color:#5ac5f3;
    float:right
}
.single-faq>.h5{
    margin-bottom:0;
    position:relative;
    padding-left:15px;
    cursor:pointer
}
.single-faq>.h5:hover{
    color:#5ac5f3
}
.single-faq>.h5:before{
    content:'\f105';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    font-family:FontAwesome;
    color:#5ac5f3
}
.single-faq>.h5[aria-expanded=true]:before{
    content:'\f107';
    left:-2.5px
}
.faq-answer{
    padding-top:15px;
    padding-left:15px
}
.single-faq:not(:last-child){
    margin-bottom:14px
}
.faq-answer p{
    font-size:14px;
    margin-bottom:0
}
.domain-search-form{
    padding:30px
}
.domain-table{
    color:#4c4f60
}
.domain-table td,.domain-table th{
    vertical-align:middle;
    padding:1rem;
    border-top:0
}
.domain-table th{
    font-size:16px;
    font-weight:400;
    color:#5ac5f3;
    background:#fff;
    border-bottom:1px solid #e2e6fb;
    padding:1.5rem 1rem
}
.domain-table tr td:first-child{
    font-size:16px;
    color:#31333e
}
.domain-table.table-striped tbody tr:nth-of-type(odd){
    background-color:#ecf7fe
}
.domain-table.table-striped tbody tr:first-child th{
    background:#5ac5f3;
    color:#fff
}
.single-server-feature{
    box-shadow:0 0 10px rgba(0,0,0,.05);
    border-top:1px solid #5ac5f3;
    padding:40px 0 35px;
    -webkit-transition:box-shadow .2s;
    transition:box-shadow .2s
}
.single-server-feature:hover{
    border-top-width:2px;
    padding:39px 0 35px;
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.single-server-feature i{
    color:#5ac5f3;
    font-size:30px
}
.single-server-feature h4{
    margin-top:20px
}
.features-table th{
    font-size:18px;
    font-weight:400;
    color:#31333e;
    padding:1.65rem .75rem;
    background:#ecf7fe;
    border:1px solid #ecf7fe
}
.features-table td{
    padding:1.15rem 1.85rem;
    border:1px solid #e2e6fb;
    vertical-align:middle
}
.features-table td:first-child{
    font-size:16px;
    color:#31333e;
    text-align:left
}
.features-table tr:last-child td{
    background-size:contain;
    padding-bottom:60px;
    background-repeat:no-repeat!important;
    background-position:bottom!important
}
.features-table td:empty{
    visibility:hidden
}
.configuration-table tr:not(:first-child){
    border-left:1px solid #e2e6fb;
    border-right:1px solid #e2e6fb
}
.configuration-table th{
    text-transform:uppercase;
    color:#fff;
    font-size:18px;
    font-weight:400;
    padding:1.65rem .75rem;
    background:#5ac5f3;
    border-color:#5ac5f3;
    white-space:nowrap
}
.configuration-table td{
    font-size:12px;
    color:#4c4f60;
    border-top:0;
    border-bottom:1px solid #e2e6fb;
    background:#fff;
    vertical-align:middle;
    padding:1.2rem .75rem
}
.voip--table-wrapper{
    padding:0 30px 24px;
    background:#ecf7fe
}
.table--inner-area thead tr th{
    padding-top:28px;
    padding-bottom:28px;
    color:#31333e;
    font-size:18px;
    font-weight:700
}
.domain--table-inner{
    background:url(../img/wave2.png) bottom center no-repeat;
    padding-bottom:110px;
    position:relative;
    background-size:contain
}
.table--inner-area tbody tr td{
    background:#fff;
    vertical-align:middle;
    margin-bottom:30px!important;
    padding-top:25px;
    padding-bottom:25px;
    color:#8287a7
}
.table--inner-area tbody tr td .feature-list{
    padding-left:0;
    margin-bottom:0
}
.table--inner-area tbody tr td .feature-list li{
    list-style:none;
    margin-bottom:4px;
    color:#8287a7;
    white-space:nowrap
}
.table--inner-area tbody tr td .feature-list li span i,.table--inner-area tbody tr td .rating-star i,.voip--table-wrapper .loadmore-btn a{
    color:#5ac5f3
}
.table--inner-area tbody tr:hover{
    box-shadow:0 7px 15px rgba(0,0,0,.1)
}
.table--inner-area tbody tr{
    -webkit-transition:.3s all linear;
    transition:.3s all linear
}
.provider-logo{
    background:#ecf7fe;
    width:134px;
    height:100px;
    text-align:center;
    line-height:100px
}
.table--inner-area tbody tr td .feature-list li span{
    margin-right:6px
}
.table--inner-area tr.linebrack{
    height:30px;
    background:0 0
}
.voip--table-wrapper .loadmore-btn{
    text-align:center;
    margin-top:10px
}
.voip--table-wrapper .loadmore-btn a span{
    -webkit-transition:.3s all linear;
    transition:.3s all linear;
    margin-left:4px
}
.voip--table-wrapper .loadmore-btn a:hover{
    color:#01bc42
}
.voip-app-heading{
    margin-bottom:51px;
    margin-top:-12px
}
.contry--details-inner{
    padding:30px 30px 24px;
    background:#ecf7fe
}
ul.country-list{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    padding:23px;
    transition:.3s all linear
}
.contry-headig-list li{
    display:inline-block;
    width:16%;
    text-align:center
}
.contry-headig-list li:first-child{
    width:15%
}
.contry-headig-list li:nth-child(2){
    width:37%
}
.contry-headig-list li:nth-child(3){
    width:8%
}
.contry-headig-list li:nth-child(4){
    width:10%
}
.contry-headig-list li:nth-child(5){
    width:12%
}
.loadmore-btn{
    text-align:center
}
.rating-star i{
    color:#5ac5f3
}
.feature-list li{
    padding-bottom:5px
}
.feature-list{
    text-align:left
}
.feature-list li span{
    margin-right:5px;
    color:#5ac5f3
}
ul.country-list li h6{
    color:#8287a7
}
ul.country-list:hover{
    box-shadow:0 8px 13px rgba(0,0,0,.1)
}
.another--service-heading{
    text-align:center;
    margin-top:-11px;
    margin-bottom:48px
}
.another--service-heading h1{
    color:#31333e
}
.single--another-service .single-service{
    margin-bottom:45px;
    -webkit-transition:.3s all linear;
    transition:.3s all linear;
    padding:70px 15px 25px
}
.single--another-service .single-service:hover{
    padding-bottom:65px;
    margin-bottom:0
}
.single--another-service .single-service a{
    visibility:hidden;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition:.3s all linear;
    transition:.3s all linear;
    -webkit-transform:translateY(18px);
    transform:translateY(18px);
    display:block;
    position:absolute;
    width:100%;
    left:0
}
.single--another-service .single-service:hover a{
    visibility:visible;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.single--another-service .single-service p{
    margin-bottom:0
}
.single--another-service{
    padding-bottom:75px
}
.gallery_filter li{
    list-style:none;
    display:inline-block;
    margin:0 -2px;
    -webkit-transition:.3s all linear;
    transition:.3s all linear
}
.gallery_filter li .gallery-btn{
    padding:5px 28px;
    border-top:1px solid #e2e6fb;
    display:block;
    font-size:16px;
    color:#31333e;
    cursor:pointer;
    margin:0;
    border-bottom:1px solid #e2e6fb;
    border-right:1px solid #e2e6fb
}
.gallery_filter li:first-child{
    border-left:1px solid #e2e6fb
}
.gallery-button{
    margin-bottom:51px
}
.gallery--button-inner p{
    color:#8287a7;
    font-size:16px
}
.gallery--button-inner{
    padding-bottom:27px
}
.loadmore-button a{
    font-size:16px;
    color:#31333e
}
.gallery_filter li.active span{
    color:#fff;
    background:#5ac5f3
}
.gallery_filter li span{
    -webkit-transition:.3s all linear;
    transition:.3s all linear;
    color:#fff
}
.gallery_filter li:hover span{
    color:#fff;
    background:#5ac5f3
}
.gallery--single-item{
    position:relative
}
.gallery--hover-item{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background:#5ac5f3;
    visibility:hidden;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform:scale(.85);
    transform:scale(.85);
    -webkit-transition:.3s all linear;
    transition:.3s all linear
}
.gallery--single-item:hover .gallery--hover-item{
    visibility:visible;
    opacity:.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -webkit-transform:scale(1);
    transform:scale(1)
}
.gallery-icon a,.gallery-icon a+a{
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden
}
.gallery-text{
    position:absolute;
    bottom:-10px;
margin:0 auto;
  padding:15px;
  color:#000;
  background:#fff;

}
.gallery-icon a{
    display:inline-block;
    height:50px;
    width:50px;
    text-align:center;
    border:1px solid #fff;
    line-height:50px;
    color:#fff;
    margin-right:5px;
    padding:0;
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px);
    -webkit-transition:.3s all linear;
    transition:.3s all linear;
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.gallery-icon a+a{
    margin-right:0;
    -webkit-transform:translateY(15px);
    transform:translateY(15px);
    -webkit-transition:.3s all linear;
    transition:.3s all linear;
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.gallery--single-item:hover .gallery-icon a,.gallery--single-item:hover .gallery-icon a+a{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible
}
.gallery--single-item img{
    height:300px;
    -o-object-fit:cover;
    object-fit:cover
}
.gallery-text h4{
    color:#000;
    font-weight:700;
    margin-bottom:3px;
  font-size:16px;
}
.gallery-text p{
    color:#fff;
    font-size:12px
}
.gallery-icon a:hover{
    border-color:#fff
}
.gallery--hover-item .gallery-icon .btn:after,.gallery--hover-item .gallery-icon .btn:hover:after{
    background:#fff
}
.gallery-icon a:hover i{
    color:#5ac5f3
}
.gallery-details-text h2{
    font-weight:700;
    margin-bottom:30px
}
.gallery-details-text h4{
    color:#4c4f60;
    margin-bottom:28px
}
.gallery--product-details ul li{
    display:inline-block;
    list-style:none
}
.gallery--product-details ul{
    padding-left:0;
    margin-bottom:19px
}
.gallery--product-details h4{
    font-weight:700
}
.gallery-clients{
    margin-bottom:20px
}
.gallery-clients ul li>span{
    color:#31333e;
font-family: 'Roboto', sans-serif;

    text-transform:capitalize
}
.gallery-category li,.gallery-clients a{
    color:#4c4f60;
    font-size:12px
}
.gallery-category li:first-child,.product-share ul li:first-child,.project-link ul li:first-child,.publish-date ul li:first-child{
    color:#31333e;
font-family: 'Roboto', sans-serif;

    font-size:14px
}
.project-link ul li:last-child,.publish-date ul li:last-child{
    color:#4c4f60;
    font-size:12px
}
.product-share ul li a i{
    color:#727587;
    font-size:12px;
    -webkit-transition:.3s all linear;
    transition:.3s all linear
}
.product-share ul li a:hover i{
    color:#5ac5f3
}
.gallery-pagination-inner{
    border-top:1px solid #e2e6fb;
    padding-top:60px;
    margin-top:30px;
    padding-bottom:103px;
    position:relative
}
.lb-nav a.lb-next:after,.lb-nav a.lb-prev:after{
    border:1px solid #fff;
    content:"";
    width:50px
}
.gallery--pagination-icon{
    position:absolute;
    left:50%;
    top:34%;
    cursor:pointer
}
.gallery--pagination-icon a i{
    color:#727587;
    -webkit-transition:.3s all linear;
    transition:.3s all linear
}
.gallery--pagination-icon:hover i,.no-found h1{
    color:#5ac5f3
}
.lb-nav a.lb-next{
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:50px;
    height:50px;
    right:-50px;
    top:50%;
    display:none!important
}
.lb-nav a.lb-next:after{
    height:100%;
    top:100%;
    position:absolute;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    right:-50px;
    left:20px
}
.lb-nav a.lb-prev{
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:50px;
    height:50px;
    left:-50px;
    top:50%;
    display:none!important
}
.lb-nav a.lb-prev:after{
    height:100%;
    top:100%;
    position:absolute;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    left:-20px
}
.no-found form{
    display:flex
}
.no-found form button{
    padding:7px 20px
}
.no-found h1{
    font-size:100px;
    font-weight:700;
    margin-top:-37px
}
.no-found h3{
    margin-bottom:34px
}
.footer-widget{
    font-size:13px;
    color:#000;
    margin-bottom:30px
}
.footer-widget a{
    color:#000
}
.footer-widget a:hover{
    color:#5ac5f3
}
.footer-widget h3{
    font-weight:700;
    margin-bottom:15px;
    margin-top:-6px
}
.footer-widget .menu{
    margin:0;
    padding:0;
    list-style:none
}
.footer-widget .menu li{
    padding:5px 0
}
.bottom-footer{
    padding:35px 0;
    color:#4c4f60;
    font-size:16px
}
.copyright a,h1 span{
    color:#5ac5f3
}
.accepted-payments li:not(:last-child){
    margin-right:15px
}
.default-bg{
    background-image:url(../img/shapes.png);
    background-repeat:repeat-y;
    background-position:top center;

}
footer .default-bg{
    
        background-color:#eee;
}
.map{
    border:1px solid rgba(0,0,0,.05)
}
.swiper-container-wrap{
    overflow:hidden;
    margin-left:-15px;
    margin-right:-15px
}
.swiper-container-wrap .swiper-container{
    overflow:visible;
    padding-left:15px;
    padding-right:15px
}
.about-content h1{
    margin-top:-12px
}
.about-content p{
    margin-bottom:-5px
}
.single-reason{
    border:1px solid #ecf7fe;
    padding:30px 15px 25px
}
.single-reason i{
    font-size:30px;
    color:#5ac5f3
}
.single-reason .h5{
    font-weight:700;
    margin-top:20px;
    margin-bottom:14px
}
.single-reason span{
    color:#4c4f60
}
.primary-form{
    position:relative
}
.primary-form input:not([type=submit]){
    height:60px;
    padding:0 20px;
    font-size:14px
}
.primary-form .btn{
    position:absolute;
    right:9px;
    top:9px
}
.primary-form .parsley-errors-list{
    display:none
}
.subscription-heading h1{
    font-size:30px;
    text-transform:uppercase
}
.carousel-control{
    border:1px solid #e2e6fb;
    width:40px;
    height:40px;
    color:#8388a8;
    -webkit-transition:all .2s;
    transition:all .2s;
    cursor:pointer
}
.carousel-control:focus,.carousel-control:hover{
    color:#fff;
    background-color:#5ac5f3;
    border-color:#5ac5f3;
    outline:0
}
.slider-pagination-style .swiper-pagination-bullet{
    width:15px;
    height:5px;
    border:1px solid #e2e6fb;
    border-radius:0;
    background:0 0;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin:0 5px
}
.slider-pagination-style .swiper-pagination-bullet-active{
    width:15px;
    height:10px;
    background:#e2e6fb
}
.social-icons li:not(:last-child){
    margin-right:25px
}
.back-to-top{
    position:fixed;
    right:30px;
    bottom:20px;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden;
    -webkit-transition:all .2s;
    transition:all .2s
}
.back-to-top.show{
    bottom:30px;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible;
    z-index:999
}
.back-to-top a{
    color:#00c344;
    width:40px;
    height:40px;
    background:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.05);
    -webkit-transition:all .2s;
    transition:all .2s
}
.back-to-top a:hover{
    background:#00c344;
    color:#fff
}
.preLoader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:99999;
    overflow:hidden
}
.preLoader:before{
    content:'';
    -webkit-animation:spin 2s linear infinite;
    animation:spin 1s linear infinite;
    width:70px;
    height:70px;
    position:absolute;
    border:5px solid #5ac5f3;
    border-top-color:#fff;
    border-bottom-color:#fff;
    border-radius:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
.parsley-errors-list{
    list-style:none;
    padding:0;
    position:absolute;
    left:0;
    margin:-10px 0 0;
    top:100%;
    text-align:center;
    -webkit-transition:all .2s;
    transition:all .2s
}
.parsley-errors-list li{
    font-size:13px;
    line-height:1.5;
    background:red;
    color:#fff;
    padding:0 10px
}
[data-animate]{
    visibility:hidden;
    -webkit-animation-duration:.6s;
    animation-duration:.6s
}
[data-animate].animated{
    visibility:visible
}

@media (max-width:768px){
    
    
    .container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
}

.teknik .single-affiliate-program .col-lg-3 a{
font-size:55px;
color:#fff;
}
.teknik .single-affiliate-program .col-lg-9 h3 a{
font-size:24px;
color:#000;
}
.teknik .single-affiliate-program:hover .col-lg-3 a{

color:#000;
}
.teknik .single-affiliate-program{
    padding: 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: #5ac5f3;
    border-radius: 12px;

}
.down-load{
display:block;
  position:relative;
  text-align:center;
  padding:20px;
  background:#f5f5f5;
   -webkit-transition: all .2s;
    transition: all .2s;
  height:200px;
  overflow:hidden;
  border-radius:12px;
  margin-bottom:15px;
}
.down-load:hover{
box-shadow: 0 0 4px 4px rgba(0,0,0,.1);
  
}
.down-load p {
margin-bottom:10px;
}
.down-load p i{
font-size:55px;
    color: #5ac5f3;
}
.down-load p strong{
font-size:20px;
    color: #000;
  font-weight:700;
  
}
.down-load p span{
font-size:12px;
    color: #000;
  font-weight:500;
  
}
.slayt2{
position:absolute;
  bottom:30px;
  right:0;
  
}
ul,ol {

    list-style: none;
}
.bread{
position:relative;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
}
.bread > .title-color{
    position: relative;
    height: 48px;
}

.bread > .title-color .breadcrumb{

    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 60px;
    background: transparent;
    color: #fff;
    margin: 0;
    border-radius: 0;
    -webkit-clip-path: polygon(12% 0%,100% 0,88% 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    width: 100%;
}
.bread > .title-color .breadcrumb li{
margin-right:10px;
  color:#000;
  font-size:12px;
  font-weight:600;
}
.bread > .title-color .breadcrumb li a{
color:#5ac5f3;
  font-weight:600;
}
@media (max-width:768px){
.bread > .title-color {
    height: 123px;
}
.bread > .title-color .breadcrumb {
    bottom: -21px;
    padding: 10px 25px;
    -webkit-clip-path: polygon(12% 0%,100% 0,100% 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    width: 100%;
}
}
.header-top-settings li a{
color:#fff;
}
.scroll-efect {

    transition: transform 1.5s;
    perspective: 3000;
    transform-style: preserve-3d;
}
.header-top-settings li a.whatsapp{
border-color:#0d9f16;
}
.header-top-settings li a.whatsapp:before{
background:#0d9f16;
}
header{
-webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%);
}
.bread{
margin-top:0;
  background-image:none !important;
}
@media (max-width:768px){
  .hidden-xs{
  display:none;
  }
  .header-top-settings li a.whatsapp {
    border-color: #0d9f16;
    font-size: 12px;
}
  .main-slider .row {
    height: 140px;
}
  .main-slider-pagination {
    bottom: 0px!important;
}
  .gallery_filter li .gallery-btn {
    padding: 5px 10px !important;
}
  .newss *{
  text-align:center !important;
  }
  .bread {
    margin-top: 10px;
    margin-bottom: 40px;
}
  .about-main{
  padding-bottom:40px;
  }
}
@media (min-width:768px){
.main-slider.swiper-container{
height:100vh;
}
}
.kat-item{
position:relative;
}
.kat-item .item-image {
position:relative;
height:100%;

}
.kat-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 0;
}

.kat-item .item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    padding: 30px;
    border-radius: 0;
    transition: all 0.3s ease;
}
.kat-item .item-content .item-detail{
position:absolute;
left:30px;
bottom:30px;
right:30px;
}
.kat-col {
    padding: 0 7px;
    margin-bottom: 14px;
}
.bg-social{
display:block;
width:100%;
margin-top:40px;
}
.bg-social li{
display:inline-block;
position:relative;
margin-right:20px;

}
.bg-social li a{
display:block;
width:60px;
height:60px;
line-height:60px;
text-align:center;
color:#fff;
font-size:30px;
border:2px solid #fff;
border-radius:50%;
    transition: 0.5s;
}
.bg-parallax:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.6);
}
.bg-social li a:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.daikin{
display:none;
}


.stuck .daikin{
display:inline-block;
}