#gp-order,#gp-order{
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    color: #3e445b;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height:24px;
    position: relative;
}
#gp-order canvas{
  display: block;
  box-sizing: border-box;  
  border: solid 1px #000000;
  
    background-color: #dddddd;
    color: #3e445b;
  
}
#gp-order [type=reset],#gp-order [type=submit],#gp-order button,#gp-order [type=button]{
    -webkit-appearance: button;
    cursor: pointer;
    color: #3a4368 ;
}
#gp-order h1,#gp-order h2,#gp-order h3,#gp-order h4,#gp-order h5,#gp-order h6{
    margin: 0;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #3a4368 ;
}
#gp-order a{
    font-family: 'Montserrat', sans-serif;
    color: #3a4368 ;
}
#gp-order a:focus,#gp-order a:hover{
    text-decoration: none;
}
#gp-order .preloader-wrapper{
    background: #eef1fb;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
#gp-order .header-top-area{
    background-color: transparent;
    color: #3a4368;
    padding: 20px;
    position: relative;
    z-index: 99999;
    border-bottom: 1px solid#fff;
}
#gp-order .header-top-area.corner-shape:after{
    display: none;
}
#gp-order .homepage-2 .header-top-area:after{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 250px solid #3159c2;
    border-left: 250px solid transparent;
    z-index: -1;
}
#gp-order .homepage-2 .header-top-area{
    background-color:#272f4a; 
}
#gp-order .homepage-2 .header-top-left a{
    text-decoration: none;
    color: #cbd3dc;
    background: transparent;
    border: none;
    transition: all .3s ease-in-out;
}
#gp-order .homepage-2 .header-top-right a{
    text-decoration: none;
    color: #cbd3dc;
    transition: all .3s ease-in-out;
}
#gp-order .homepage-2 .header-top-left a:hover{
    color: #3159c2;
}
#gp-order .homepage-2 .header-top-right a:hover{
    color: #3159c2;
}
#gp-order .homepage-2 .header-top-left span{
 color: #cbd3dc;
}
#gp-order .homepage-2 .nice-select:after{
    border-bottom: 1px solid #cbd3dc;
    border-right: 1px solid #cbd3dc;
}
#gp-order .header-top-left a{
    text-decoration: none;
    color: #3a4368;
}
#gp-order .header-top-left ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .header-top-left .nice-select .option{
    color: #4e4e4e;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
#gp-order .header-top-left .nice-select .option:hover,#gp-order .nice-select .option.focus,#gp-order .nice-select .option.selected.focus{
    background-color: #fff;
    color: #1421c2;
    font-size: 14px;
    font-weight: 400;
}
#gp-order .nice-select:after{
    border-bottom: 1px solid #3a4368;
    border-right: 1px solid #3a4368;
    content: '';
    display: block;
    height: 9px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
}
#gp-order .nice-select:after{
    border-bottom: 1px solid #3a4368;
    border-right: 1px solid #3a4368;
    content: '';
    display: block;
    height: 9px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 18px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
}
#gp-order .shop-show-right .nice-select .list{
    margin-top: 0;
    left: 17px;
}
#gp-order .shop-show-right.left .nice-select .list{
    margin-top: 6px;

}
#gp-order .header-top-left > ul > li{
    display: inline-block;
    padding-right: 25px;
}
#gp-order .header-top-left ul li i{
    padding-right: 13px;
}
#gp-order .header-top-right a{
    margin-left: 42px;
    text-decoration: none;
    color: #3a4368;
}
#gp-order .header-top-right span{
    padding-right: 10px;
    position: relative;
    top: 2px;
    font-size: 16px;
}
#gp-order .header-top-right ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
#gp-order .header-top-right ul li{
    display: inline-block;
    position: relative;
}
#gp-order .header-top-right ul li:after{
    position: absolute;
    top: 6px;
    left: 15px;
    width: 2px;
    height: 10px;
    content: "";
    background-color: #3a4368;
}
#gp-order .header-top-right ul li:first-child:after{
    display: none;
}
#gp-order .header-top-right ul li .slider-1-bg{
    display: block;
    padding-left: 40px;
    padding-right: 0;
    text-transform: capitalize;
    color: #3a4368;
}
#gp-order .header-top-right ul li a i{
    margin-right: 7px;
}
#gp-order .header-top-right ul li a:hover{
    color: #1421c2;
}
#gp-order .navbar-brand{
    float: left;
    height: 50px;
    padding: 11px 0px;
    line-height: 20px;
}
#gp-order .navigation-bar{
    background-color: transparent;
    height: 70px;
    z-index: 100;
}
#gp-order div#sticky-wrapper.is-sticky .navigation-bar{
    background-color: #f3f5ff;
    box-shadow: 0px 5px 25px 0px rgba(0, 56, 160, 0.15);
}
#gp-order div#sticky-wrapper{
    position: relative;
    z-index: 9999;
    width: 100%;
}
#gp-order .slicknav_menu{
    display: none;
}
#gp-order .navigation>ul>li>a,#gp-order .logo>a{
    line-height: 70px;
}
#gp-order .navigation ul{
    list-style: outside none none;
    margin: 0;
}
#gp-order .navigation ul{
    margin-right: 0px;
}
#gp-order .navigation li{
    padding: 0;
    display: inline-block;
}
#gp-order img.bag-icon{
    margin-right: 18px;
}
#gp-order .navigation li a{
    color: #3e445b;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-decoration: none;
    padding: 0px 10px 0px 30px;
}
#gp-order .navigation>ul>li:hover>a{
    color: #1421c2;
}
#gp-order .dropdown-nav li a:hover{
    color: #1421c2;
    background-color: #f8f9ff !important;

}
#gp-order .dropdown-nav{
    background-clip: padding-box;
    background-color: #fff;
    border-top: 2px solid #fff;
    height: auto;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 70px;
    white-space: nowrap;
    z-index: 100;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    z-index: 99;
    width: 220px;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
  box-shadow: 0px 7px 25px 0px rgba(0, 28, 148, 0.15) !important;
  transform-origin: 0 0 0;
  transform: scaleY(0.2);
  padding: 20px 0px 20px 0px;
}
#gp-order .dropdown-nav li a{
    padding: 12px 40px 12px 35px;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    background-color: #fff;
    color: #3a4368 ;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#gp-order ul.dropdown-nav.dropdown-nav-left li{
    position: relative;
    display: block;
}
#gp-order .dropdown:hover>.dropdown-nav{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity:1;
    visibility:visible;
    transform:translateY(0px);
}
#gp-order .table-responsive{
    min-height: .01%;
    overflow: inherit;
}
#gp-order .dropdown-nav li:hover>a{
    background-color: #fff;
    color: #1421c2;
}
#gp-order li.dropdown i.fa{
    font-size: 22px;
    position: absolute;
    top: 28px;
    left: 64px;
}
#gp-order li.mega-manu i.fa{
    font-size: 22px;
    position: absolute;
    top: 28px;
    left: 82px;
}
#gp-order li.dropdown.fa-pages i.fa{
    left: 68px;
}
#gp-order li.dropdown.fa-blog i.fa{
    left: 60px;
}
#gp-order .sub-menu{
    left: 100%;
    top: 0;
}
#gp-order .divider{
    border-bottom: 1px solid #ddd;
}
#gp-order .dropdown-nav.dropdown-nav-left{
    left: auto;
}
#gp-order .dropdown-nav.dropdown-nav-left{
    left: initial;
    right: 0 ! important;
}
#gp-order .dropdown-nav-left .sub-menu{
    left: 100%;
    right: auto;
    width: auto;
}
#gp-order .dropdown:hover>.sub-menu{
    top: 0;
}
#gp-order li.mega-manu{
    position: static;
}
#gp-order .maga-manu-wrapper{
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding: 30px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 100px;
}
#gp-order .navigation li.mega-manu:hover .maga-manu-wrapper{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 70px;
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .navigation > ul > li.current-menu-has-children > a:after{
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: 8px;
    font-size: 18px;
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
    display: inline-block;
    line-height: 46px;
}
#gp-order .mega-single-items:hover h2{
    color: #1421c2;
}
#gp-order .mega-single-items h2{
    font-size: 20px;
    font-weight: 600;
    color: #3a4368 ;
    margin-bottom: 15px;
}
#gp-order .mega-single-items{
    color: #536d87;
    position: relative;
    padding-left: 65px;
    text-align: left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#gp-order .navigation li a.hosting-links{
    padding: 0;
    text-transform: capitalize;
    color: #3a4368 ;

}
#gp-order .margin-bottom{
    margin-bottom: 40px;
}
#gp-order .mega-single-items img{
    position: absolute;
    left: 0;
    top: 9%;
}
#gp-order .mega-single-items p{
    font-size: 14px;
    color: #536d87;
}
#gp-order .hosting-discount{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/shop/hosting-bg.png");
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    position: relative;
    text-align: center;
    padding: 24px 0;
    z-index: 1;
    border: 1px solid;
    border-radius: 5px;
}
#gp-order .hosting-discount:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    z-index: -1;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
#gp-order .discount-amount{
    font-size: 24px;
    font-weight: 600;
    color: #40f9d8;
}
#gp-order .hosting-share{
    position: relative;
    color: #fff;
    line-height: 30px;
}
#gp-order .hosting-share:after{
    position: absolute;
    top: 60%;
    left: 36%;
    width: 29%;
    height: 1px;
    content: "";
    background: #fff;
}
#gp-order .hosting-discount span{
    font-size: 30px;
    font-weight: 500;
    color: #fefefe;
}
#gp-order li.shop-plan{
    position: static;
}
#gp-order .shop-plan-chart{
    position: absolute;
    z-index: 99;
    width: 300px;
    background: #fff;
    text-align: left;
    padding: 21px;
    top: 100px;
    right: 15px;
    border: 1px solid#fff;
    border-radius: 5px;
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#gp-order .navigation li.shop-plan:hover .shop-plan-chart{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 70px;
}
#gp-order .shop-plan-chart.dropdown-nav{
    left: auto;
    right: 0;
}
#gp-order img.shop-icon{
    position: relative;
    margin-right: 40px;
}
#gp-order span.shop-items{
    font-size: 14px;
    font-weight: 500;
    color: #536d87;
    position: relative;
}
#gp-order .single-shop-plan{
    margin-bottom: 20px;
}
#gp-order .single-shop-plan button{
    position: absolute;
    right: 16px;
    border: none;
    background: #fff;
    font-size: 14px;
    margin-top: 25px;
    color: #536d87;
    font-weight: normal;
    outline: none;
}
#gp-order .shop-total h3{
    font-size: 14px;
    color: #2f3651;
    font-weight: 500;
}
#gp-order .shop-total h3 span{
    float: right;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-2.chart-btn{
    padding: 12px 31px;
    text-align: center;
    background: #1421c2;
    color: #fff;
    font-weight: 500;
    float: right;
    font-size: 12px;
    margin-top: 25px;
}
#gp-order a.chart-btn{
    line-height: 20px;
}
#gp-order .full-slider{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/flake-slider-header.jpg");
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 40px;

}
#gp-order .slider-1-bg{
    padding: 40px 0px 140px 0px;
}
#gp-order .slider-content-element{
    padding: 200px 0px 90px 0px;
}
#gp-order .single-slider-item img.position-img-3{
    position: absolute;
    right: -36%;
    top: 30px;
}
#gp-order .single-slider-item img.position-img-2{
    position: absolute;
    right: -15%;
    top: 9%;
}
#gp-order .single-slider-item img.position-img{
    position: absolute;
    right: 18%;
    top: 5%;
    -webkit-animation: upd 2s linear 0s infinite;
    animation: upd 2s linear 0s infinite;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, .1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@-webkit-keyframes upd{   

    0% {
        top: 3%;
        }


    100% {
        top: 5%
        }
}
@keyframes upd{   

    0% {
        top: 3%;
        }


    100% {
        top: 5%
        }
}
#gp-order .single-slider-item .container{
    position: relative;
}
#gp-order .slider-heading{
    font-family: 'Montserrat', sans-serif;
    font-size: 54px;
    font-weight: 600;
    position: absolute;
    left: 20.7%;
    margin-right: 0%;
    top: 25%;
    line-height: 64px;
    color: #ffffff;
}
#gp-order .slider-heading-content{
    font-size: 20px;
    position: absolute;
    left: 20.7%;
    margin-right: 0%;
    top: 44%;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    font-weight: 500;
}
#gp-order .slider-heading-btns{
    position: absolute;
    left: 20.7%;
    margin-right: 0%;
    top: 59%;
    margin:30px 0px 0px 0px;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading{
    font-family: 'Montserrat', sans-serif;
    font-size: 54px;
    font-weight: 600;
    position: absolute;
    right: 20.7%;
    left:auto;
    margin-right: 0%;
    top: 25%;
    line-height: 64px;
    color: #ffffff;
    text-align: right;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-content{
    font-size: 20px;
    position: absolute;
    right: 20.7%;
    left:auto;
    margin-right: 0%;
    top: 44%;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    font-weight: 500;
    text-align: right;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns{
    position: absolute;
    right: 20.7%;
    left:auto;
    margin-right: 0%;
    top: 59%;
    margin:30px 0px 0px 0px;
    text-align: right;
}
#gp-order .slider-single-item.slider-single-item-2{
    text-align: right;
}
#gp-order .slider-heading-btns a.download-btn{
    padding: 17px 48px;
    background-color: #1421c2;
    font-size: 16px;
    color: #ffffff;
    text-transform: capitalize;
    text-decoration: none;
    border: 2px solid#1421c2;
    border-radius: 5px;
    transition: all .3s ease-in;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
#gp-order .slider-heading-btns-slide-2 a.download-btn{
    padding: 17px 48px;
    background-color: #1421c2;
    font-size: 16px;
    color: #ffffff;
    text-transform: capitalize;
    text-decoration: none;
    border: 2px solid#1421c2;
    border-radius: 5px;
    transition: all .3s ease-in;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
#gp-order .slider-heading-btns-slide-2 a.download-btn:hover{
    background-color: transparent;
    border-color: #ffffff;
}
#gp-order .slider-heading-btns-slide-2 a.download-btn.download-btn-2{
    padding: 17px 56px;
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
    margin: 0px 0px 0px 40px;
}
#gp-order .slider-heading-btns-slide-2 a.download-btn.download-btn-2:hover{
    background-color: #1421c2;
    color: #ffffff;
    border-color: #1421c2;
}
#gp-order .slider-heading-content-slide-2 span{
    color: #03f5f9;
}
#gp-order .slider-heading-content-slide-2 span.clo{
    color: #1421c2;
}
#gp-order .slider-heading-btns a.download-btn{
    padding: 17px 48px;
    background-color: #1421c2;
    font-size: 16px;
    color: #ffffff;
    text-transform: capitalize;
    text-decoration: none;
    border: 2px solid#1421c2;
    border-radius: 5px;
    transition: all .3s ease-in;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
#gp-order .slider-image0,#gp-order .slider-image1{
    position: absolute;
    bottom: 18%;
    right: 11%;
}
#gp-order .slide-3 .slider-image0,#gp-order .slider-image1{
    position: absolute;
    bottom: 26%;
    right: 10%;
    width: 28%;
}
#gp-order .slider-image2{
    position: absolute;
    bottom: 14%;
    left: 10%;
}
#gp-order .one-by-one-slider{
    height: 730px;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-2{
    margin-left: 40px;
    margin-top: 50px;
}
#gp-order .homepage-slider-1 .owl-dots div{
    display: inline-block;
    background-color: #fff;
    height: 15px;
    width: 15px;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 5px;
    border: 3px solid #fff;
}
#gp-order .homepage-slider-1 .owl-dots{
    position: absolute;
    bottom: 106px;
    width: 100%;
    text-align: center;
}
#gp-order .homepage-slider-1 .owl-dots .active{
    background: #71DFE0;
}
#gp-order .slider-2-bg{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/slider-home-page2.jpg");
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    position: relative;
    z-index: 1;
}
#gp-order .slider-content-area-table{
    display: table;
    width: 100%;
}
#gp-order .slider-2-bg .single-slider-item{
    padding-top: 240px;
    padding-bottom: 460px;
    z-index: 999;
    position: relative;
}
#gp-order .slider-2-bg .clouds{
    position: relative;
    z-index: 1
}
#gp-order section.homepage-slider-2.slider-2-bg .slider-content h2{
    padding: 0 135px;
}
#gp-order .slider-content-area-table-cell{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
#gp-order .slider-content h2{
    font-size: 42px;
    color: #3a4368;
    line-height: 52px;
    margin-bottom: 10px;
}
#gp-order .slider-content p{
    color: #3e445b;
    line-height: 24px;
    margin: 22px 65px 55px 0px;
}
#gp-order a.pricing-btn.blue-btn.homepage-two-all-features-btn.action-btn.slider-links-1{
    background: #5DAFEF;
    color: #fff;
    padding: 18px 55px;
    font-size: 14px;
}
#gp-order a.pricing-btn.blue-btn.homepage-two-all-features-btn.action-btn.slider-links-2{
    background: #3CEFDC;
    color: #fff;
    padding: 18px 55px;
    font-size: 14px;
}
#gp-order .slider-links{
    margin-top: 0px;
}
#gp-order a.pricing-btn.blue-btn.homepage-two-all-features-btn.action-btn.slider-links-1{
    background: #5DAFEF;
    color: #fff;
    margin-right: 40px;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-2{
    margin-left: 40px;
    margin-top: 50px;
}
#gp-order .slider-wrapper.slick-slider{
    overflow: hidden;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
#gp-order .slider-single-item{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #dddddd;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .3s ease-in-out;
    min-height: 750px;
    height: 100%;
  }
@keyframes cssAnimation{
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.03) translate(0px);
  }
}
@-webkit-keyframes cssAnimation{
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.03) translate(0px);
  }
}
#gp-order .slider-single-item.slider-single-item-2{
  background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/2.png");
    transition: background-image 2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 2);
  
}
#gp-order .slider-single-item.slider-single-item-3{  
  background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/3.png");
    transition: background-image 2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 2);
  
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-3 .slider-image0 img{
    position: relative;
    top: -90px;
    left: -74px;    
    width: 520px;
    height: 354px;
    transition: all .3s ease-in-out;
    transition: background-image 2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 2)
  -webkit-animation: cssAnimation 4s infinite ease;
  animation: cssAnimation 4s infinite ease;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
    -webkit-transform: scale(1) translate(0px);
    transform: scale(1) translate(0px);
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-2 .slider-image0 img{
    width: 507px;
    height: 511px;
    transition: background-image 2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 2)
  -webkit-animation: cssAnimation 4s infinite ease;
  animation: cssAnimation 4s infinite ease;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
    -webkit-transform: scale(1) translate(0px);
    transform: scale(1) translate(0px);
}
#gp-order .slider-wrapper.slick-slider .slider-single-item .slider-image0 img{
    width: 617px;
    height: 547px;
    transition: background-image 2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 2)
  -webkit-animation: cssAnimation 4s infinite ease;
  animation: cssAnimation 4s infinite ease;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
    -webkit-transform: scale(1) translate(0px);
    transform: scale(1) translate(0px);
}
#gp-order .slider-single-item.slider-single-item-2 .slider-image0,#gp-order .slider-image1{
    position: absolute;
    bottom: 18%;
    left: 15%;
    transition: all .3s ease-in-out;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns a.download-btn.download-btn-2{
    padding: 16px 42px;
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
    margin: 0px 50px 0px 0px;
    transition: all .3s ease-in-out;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns a.download-btn{
    padding: 16px 40px;
}
#gp-order .slider-heading-btns a.download-btn.download-btn-2 i{
    font-size: 16px;
    transform: translateX(0px) translateY(5px);
    display: inline-block;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
#gp-order .map-defauit{
    display: none;
}
#gp-order .slider-heading-btns a.download-btn.download-btn-2:hover i{
    transform: translateX(10px) translateY(5px);
    opacity: 1;
    visibility: visible;
}
#gp-order .slider-heading-btns a.download-btn.download-btn-2:hover{
    background-color: transparent;
    color: #ffffff;
    border-color: #fff;
}
#gp-order .slider-heading-btns a.download-btn:hover{
    background-color: transparent;
    color: #ffffff;
    border-color: #fff;
}
#gp-order .slider-heading-btns a.download-btn.download-btn-2{
    padding: 16px 42px;
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
    margin: 0px 0px 0px 50px;
    transition: all .3s ease-in-out;
}
#gp-order .slider-heading-btns a.download-btn{
    padding: 16px 40px;
    background-color: #1421c2;
    color: #ffffff;
    border-color: #1421c2;   
    transition: all .3s ease-in-out;
}
#gp-order .slider-heading-btns{
    position: absolute;
    left: 20.7%;
    margin-right: 0%;
    top: 55%;
    margin: 30px 0px 0px 0px;
}
#gp-order .slider-wrapper .slick-prev,#gp-order .slider-wrapper .slick-next{
    display: block;
    position: absolute;
    top: 44%;
    left: 3%;
    z-index: 99;
    color: #cccccc;
    border-style: solid;
    border-width: 0px;
    border-color: rgb( 226, 226, 226 );
    border-radius: 0px;
    transition: all .3s ease-in-out;
    transform: translateX(-25px);
    visibility: hidden;
    opacity: 0;
}
#gp-order .slider-wrapper .slick-next{
    transform: translateX(25px);
    right:5%;
    left: auto;
}
#gp-order .slider-wrapper:hover .slick-prev{
    transform: none;
    visibility: visible;
    opacity: .5;
}
#gp-order .slider-wrapper:hover .slick-next{
    transform: none;
    visibility: visible;
    opacity: .5;
}
#gp-order .slider-wrapper .slick-prev:before,#gp-order .slider-wrapper .slick-next:before{
    color: #cccccc;
    line-height: .6;
    opacity: 1;
    width: 37px;
    height: 67px;
    position: absolute;
    z-index: 2;
    transition: all .3s ease-in-out;
}
#gp-order .slider-wrapper .slick-next:before{
    content: "";
    color: #cccccc;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/icons/slider-icon-n.png");
    background-repeat: no-repeat;
}
#gp-order .slider-wrapper .slick-prev:before{
  content: "";
  color: #cccccc;
  background-image: url("https://oblikovanje-logotipa.si/assets/img/icons/slider-icon-p.png");
  background-repeat: no-repeat;
}
#gp-order .banner-outer{
    position: relative;
}
#gp-order .banner-out-1{
    position: absolute;
    top: -90px;
    right: 78%;
    animation: 1s forwards anim-out-1;
    animation-delay: 1.4s;
}
@keyframes anim-out-1{
    0% { top: 0;}
    100% {top:195px;}
}
#gp-order .banner-out-2{
    left: -10%;
    top: -90px;
    position: absolute;
    animation: 1s forwards anim-out-2;
    animation-delay: 1.3s;
}
@keyframes anim-out-2{
    0% { top: 0;}
    100% {top:327px;}
}
#gp-order .banner-out-3{
    position: absolute;
    top: -66px;
    right: 86%;
    animation: 1s forwards anim-out-3;
    animation-delay: 1.2s;
}
@keyframes anim-out-3{
    0% { top: 0;}
    100% {top:458px;}
}
#gp-order .banner-out-4{
    position: absolute;
    top: -76px;
    right: -21%;
    animation: 1s forwards anim-out-4;
    animation-delay: 1.1s;
}
@keyframes anim-out-4{
    0% { top: 0;}
    100% {top:481px;}
}
#gp-order .banner-out-5{
    position: absolute;
    top: -90px;
    right: 39%;
    animation: 1s forwards anim-out-5;
    animation-delay: 1.4s;
}
@keyframes anim-out-5{
    0% { top: 0;}
    100% {top:269px;}
}
#gp-order .banner-out-6{
    left: 54%;
    top: -90px;
    position: absolute;
    animation: 1s forwards anim-out-6;
    animation-delay: 1.3s;
}
@keyframes anim-out-6{
    0% { top: 0;}
    100% {top:366px;}
}
#gp-order .banner-out-7{
    position: absolute;
    top: -66px;
    right: -11%;
    animation: 1s forwards anim-out-7;
    animation-delay: 1.2s;
}
@keyframes anim-out-7{
    0% { top: 0;}
    100% {top:394px;}
}
#gp-order .banner-out-8{
    position: absolute;
    top: -76px;
    right: 54%;
    animation: 1s forwards anim-out-8;
    animation-delay: 1.5s;
}
@keyframes anim-out-8{
    0% { top: 0;}
    100% {top:120px;}
}
#gp-order #homepage-3 .full-slider{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/homepage-3-bg.png");
    background-size: cover;
    background-position: center;
}
#gp-order #homepage-3 .header-top-area{
    color: #ffffff;
    border-bottom: 0px solid#fff;
}
#gp-order #homepage-3 .nice-select:after{
     border-bottom: 1px solid #ffffff; 
     border-right: 1px solid #ffffff
  }
#gp-order #homepage-3 .header-top-left a{
    color: #ffffff;
}
#gp-order #homepage-3 .header-top-right a{
    color: #ffffff;
}
#gp-order #homepage-3 .header-top-right ul li:after{
    background-color: #ffffff;
}
#gp-order #homepage-3 .navigation-bar .row{
    background-color: #ffffff;
    margin: 0 0px;
    border-radius: 5px;
}
#gp-order .plan-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .plan-list ul li{
    display: block;
    font-size: 18px;
    color: #feffff;
    margin: 10px 0;
}
#gp-order .plan-list ul li span{
    color: #03f5f9;
}
#gp-order #homepage-3 .slider-content h2{
    color: #ffffff;
}
#gp-order #homepage-3 .slider-content-element{
    padding: 150px 0px 90px 0px;
}
#gp-order #homepage-3 .homepage-3-links li a.download-btn{
    display: block;
    margin-top: 40px;
    color: #ffffff;
    padding: 13px 35px;
    background: transparent;
    border: 2px solid#ffffff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in-out;
}
#gp-order #homepage-3 .homepage-3-links li a.download-btn:hover{
    background: #ffffff;
    color: #3a4368;
}
#gp-order #homepage-3 .slider-1-bg{
    padding: 40px 0px 224px 0px;
}
#gp-order #homepage-3 .homepage-4 .slider-1-bg{
    padding: 40px 0px 82px 0px;
}
#gp-order #homepage-3 .homepage-5.homepage-4 .slider-1-bg{
    padding: 40px 0px 170px 0px;
}
#gp-order #homepage-3 .brand-inner{
    border-width: 0px 0px 0px 0px;
}
#gp-order #homepage-3 .homepage-2.pricing-table-area{
    margin-top: 0;
    padding-bottom: 35px;
}
#gp-order #homepage-3 .homepage-4.homepage-2.pricing-table-area{
    margin-top: 110px;
}
#gp-order #homepage-3 div#sticky-wrapper.is-sticky .navigation-bar{
    background-color: #ffffff;
}
#gp-order #homepage-3 .homepage-2.domain-area{
    top: 0px;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/homepage-3-domain-bg.jpg");
    background-position: center;
    background-size: cover;
    background-color: #000000;
    padding: 100px 0px 100px 0px;
    z-index: 0;
}
#gp-order #homepage-3 .homepage-2 .domain-tld-prices li{
    color: #ffffff;
    padding: 0px 9px 0px 90px;
}
#gp-order #homepage-3 .homepage-2 .domain-tld-prices li:after{
    background-color: #ffffff;
}
#gp-order #homepage-3 .homepage-2.domain-area .domain-inner{
    padding: 0;
}
#gp-order #homepage-3 .blog-1-area.about-blog{
    background-image: none;
    padding-bottom: 85px;
}
#gp-order #homepage-3 .homepage-4 .header-top-area{
    background: #3a4368;
}
#gp-order #homepage-3 .full-slider.homepage-4{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/homepage-4-bg.png");
    background-position: top right;
    background-size: auto;
}
#gp-order #homepage-3 .full-slider.homepage-4.homepage-5{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/homepage-5-bg.png");
    background-position: top;
    background-size: 100% 100%;
}
#gp-order .homepage-5 .single-slider-item img.position-img-2{
    right: -8%;
    top: 13%;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .slider-content h2{
    color: #ffffff;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .plan-list ul li{
    color: #ffffff;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .plan-list ul li span.d-red{
    color: #ffffff;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .homepage-3-links li a.download-btn{
    color: #ffffff;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .homepage-3-links li a.download-btn.download-btn-2:hover{
 border-color: #ffffff;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .navigation-bar .row{
    background-color: #ffffff;
    margin: 0 0px;
    border-radius: 5px;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .header-top-area{
    background: transparent;
}
#gp-order #homepage-3 .homepage-4 .navigation-bar .row{
    background-color: transparent;
    margin: 0 -15px;
    border-radius: 0px;
}
#gp-order #homepage-3 .homepage-4 .navigation li a{
    color: #ffffff;
}
#gp-order #homepage-3 .homepage-4 .dropdown-nav li a{
    color: #3a4368;
}
#gp-order #homepage-3 .homepage-4 .slider-content h2{
    color: #3a4368;
}
#gp-order .homepage-4 .plan-list ul li{
    font-size: 24px;
    color: #3a4368;
    margin: 15px 0;
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn{
    color: #3a4368;
    border: 2px solid#1421c2;
    margin-right: 25px;
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn.download-btn-2{
    color: #ffffff;
    background: #1421c2;
    border: 2px solid#1421c2;
    padding: 13px 46px;
    margin-right: 0px;
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn:hover{
    background: #1421c2;
    color: #ffffff;
    border-color: #1421c2;
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn.download-btn-2:hover{
    background: #ffffff;
    color: #3e445b;
    border-color: #1421c2;
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn.download-btn-2 i{
    font-size: 16px;
    transform: translateX(0px) translateY(5px);
    display: inline-block;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn.download-btn-2:hover i{
    transform: translateX(10px) translateY(5px);
    color: #3e445b;
    opacity: 1;
    visibility: visible;
}
#gp-order #homepage-3 .homepage-4 .is-sticky .navigation li a{
    color: #3e445b;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .navigation li a{
    color: #3e445b;
}
#gp-order div#sticky-wrapper .sticky-wrapper.is-sticky{
    z-index: 9999;
}
#gp-order #homepage-3 .homepage-4.blog-1-area.about-blog{
    padding-bottom: 120px;
}
#gp-order .homepage-4 .single-blog-1{
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 55px 40px 40px 40px;
    box-shadow: none;
    background-color: #ffffff;
  border-width: 1px;
  border-color: rgb( 219, 219, 219 );
  border-style: solid;
  border-radius: 5px;
  transition: all .3s ease-in-out;
}
#gp-order .homepage-4 .single-blog-1:hover{
    box-shadow: none;
box-shadow: 0px 15px 30px 0px rgba(0, 35, 13, 0.15); 
  border-color: transparent;
  border-radius: 0px
}
#gp-order .BG_Shape{
  border-width: 1px;
  border-color: rgb( 219, 219, 219 );
  border-style: solid;
  border-radius: 5px;
  background-color: rgb( 255, 255, 255 );
  position: absolute;
  left: 375px;
  top: 2869px;
  width: 368px;
  height: 339px;
  z-index: 584;
}
#gp-order h2.domain-heading-2{
    color: #ffffff;
    font-size: 30px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 35px;
}
#gp-order .homepage-3-links ul{
    margin: 0;
    padding: 0;
    list-style: none;

}
#gp-order .homepage-3-links li{
    display: inline-block;
}
#gp-order .plan-list ul li span.d-red{
    color: #1421c2;
}
#gp-order .plan-list{
    margin: 18px 0px 0px 0px;
}
#gp-order .blog-slider{
    width: 89%;
    position: relative;
    max-width: 100%;
    margin: auto;
    background: #fff;
    box-shadow: 0px 15px 30px 0px rgba(0, 35, 37, 0.15); 
    padding: 25px;
    border-radius: 25px;
    height: 600px;
    transition: all .3s;
    margin-left: 10%;
}
@media screen and (max-width: 992px){#gp-order .blog-slider{
    max-width: 680px;
    height: 400px;
  }}
@media screen and (max-width: 768px){#gp-order .blog-slider{
    min-height: 500px;
    height: auto;
    margin: 200px 0px 0px 0px;
    width: 100%;
}}
@media screen and (max-height: 500px) and (min-width: 992px){#gp-order .blog-slider{
    height: 350px;
  }}
#gp-order .blog-slider__item{
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px){#gp-order .blog-slider__item{
    flex-direction: column;
  }}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__img img{
  opacity: 1;
  transition-delay: .3s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *{
  opacity: 1;
  transform: none;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1){
  transition-delay: 0.3s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2){
  transition-delay: 0.4s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3){
  transition-delay: 0.5s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4){
  transition-delay: 0.6s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5){
  transition-delay: 0.7s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6){
  transition-delay: 0.8s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7){
  transition-delay: 0.9s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8){
  transition-delay: 1s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9){
  transition-delay: 1.1s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10){
  transition-delay: 1.2s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11){
  transition-delay: 1.3s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12){
  transition-delay: 1.4s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13){
  transition-delay: 1.5s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14){
  transition-delay: 1.6s;
}
#gp-order .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15){
  transition-delay: 1.7s;
}
#gp-order .blog-slider__img{
  width: 400px;
  flex-shrink: 0;
  height: 403px;
 
 
  border-radius: 50px;
  transform: translateX(-110px);
  overflow: hidden;
  display: table;
  margin: 0 auto;
  background-color: #ffffff;
  border:2px solid #e1e6ff;
}
#gp-order .BG_Shape_Hover__copy{
  border-radius: 50px;
  background-color: rgb( 255, 255, 255 );
  box-shadow: 0px 15px 30px 0px rgb( 0, 35, 137 );
  position: absolute;
  left: 375px;
  top: 2675px;
  width: 400px;
  height: 403px;
  z-index: 283;
}
#gp-order .blog-slider__img:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 
  border-radius: 20px;
  opacity: 0.8;
}
#gp-order .blog-slider__img img{
  width: auto;
  height: auto;
  object-fit: cover;
  display: initial;
  opacity: 0;
  border-radius: 20px;
  transition: all .3s;
}
#gp-order .blog-slider__img-cell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
@media screen and (max-width: 768px){#gp-order .blog-slider__img{
    transform: translateY(-50%);
    width: 90%;
    height: 300px;
  }}
@media screen and (max-width: 576px){#gp-order .blog-slider__img{
    width: 100%;
    transform: translateY(-35%);
  }}
@media screen and (max-height: 500px) and (min-width: 992px){#gp-order .blog-slider__img{
    height: 270px;
  }}
#gp-order .blog-slider__content{
    padding-right: 58px;
    margin: -58px;
    margin-top: 50px;
}
@media screen and (max-width: 768px){#gp-order .blog-slider__content{
    margin-top: -150px;
    text-align: left;
    padding: 0 70px;
    margin: -30px;
  }}
@media screen and (max-width: 576px){#gp-order .blog-slider__content{
    padding: 0;
    margin: 0;
  }}
#gp-order .blog-slider__content > *{
  opacity: 0;
  transform: translateY(25px);
  transition: all .4s;
}
#gp-order .blog-slider__code{
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
#gp-order .blog-slider__title{
  font-size: 24px;
  font-weight: 700;
  color: #3e445b;
  margin-bottom: 20px;
  line-height: 34px;
}
#gp-order .blog-slider__text{
  color: #3e445b;
  margin-bottom: 30px;
  line-height: 26px;
  font-size: 16px;
}
#gp-order .blog-slider__button{
  display: inline-flex;
 
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 15px 36px;
    background-color: #1421c2;
    border-radius: 5px;
    transition: all .3s ease-in-out;

 
  text-decoration: none;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 40px;
}
#gp-order a.blog-slider__button:hover{
    color: #ffffff;
}
@media screen and (max-width: 576px){#gp-order .blog-slider__button{
    width: auto;
    margin-bottom: 30px;
}}
#gp-order .blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,#gp-order .blog-slider .swiper-pagination-custom,#gp-order .blog-slider .swiper-pagination-fraction{
  bottom: 10px !important;
  left: auto;
  width: 100%;
}
#gp-order .blog-slider__pagination{  
    position: absolute;
  transform: translateX(-50%);
    left: auto !important;
    top: auto !important;
    right: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
#gp-order .swiper-container-horizontal>.swiper-pagination-bullets,#gp-order .swiper-pagination-custom,#gp-order .swiper-pagination-fraction{
    width: auto;
    bottom: 60px;
    z-index: 1;
}
@media screen and (max-width: 768px){#gp-order .blog-slider__pagination{
    transform: translateX(-50%);
    left: 80% !important;
    top: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
  }}
#gp-order .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 8px 8px;
}
@media screen and (max-width: 768px){#gp-order .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 13px 6px;
    padding: 8px;
  }}
#gp-order .blog-slider__pagination .swiper-pagination-bullet{
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: all .3s;
}
#gp-order .blog-slider__pagination .swiper-pagination-bullet-active{
  opacity: 1;
  background: #1421c2;
  height: 11px;
  width: 30px;
}
@media screen and (max-width: 768px){#gp-order .blog-slider__pagination .swiper-pagination-bullet-active{
    height: 11px;
    width: 30px;
    outline: none;
  }}
#gp-order .home-1-bg-animation{
    position: absolute;
    width: 150%;
    top: 0;
    left: 0;

}
#gp-order .home-1-bg-animation ul{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    animation: home1bganimation 30s linear both 0s infinite;
}
#gp-order .home-1-bg-animation ul img{
    list-style: none;
    display: inline-block;
    padding:35px;
    opacity: 1;
}
@keyframes home1bganimation{

    100% {
        -webkit-transform: translate3d(-720px, 0, 0);
         transform: translate3d(-720px, 0, 0);
    }

    120% {
        -webkit-transform: translate3d(720px, 0, 0);
         transform: translate3d(720px, 0, 0);
    }

}
#gp-order .slakeFadeInDown{
    -webkit-animation-name: slakeFadeInDown;
    animation-name: slakeFadeInDown;
}
@keyframes slakeFadeInDown{

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0);
        transform: translate3d(0, -20%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}
#gp-order .slakeFadeInLeft{
    -webkit-animation-name: slakeFadeInLeft;
    animation-name: slakeFadeInLeft;
}
@keyframes slakeFadeInLeft{

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}
#gp-order .slakeInDown{
    -webkit-animation-name: slakeInDown;
    animation-name: slakeInDown;
}
@keyframes slakeInDown{

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, -20%);
        transform: translate3d(0, 0, -20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}
#gp-order .clouds img.cloud5{
    top: 150px;
    -webkit-animation: cloud5 25s linear 20s infinite;
    animation: cloud5 25s linear 20s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#gp-order .clouds img{
    position: absolute;
    top: 0;
    z-index: -1;
}
#gp-order .clouds img.cloud1{
    top: 170px;
    -webkit-animation: cloud1 45s linear 1s infinite;
    animation: cloud1 45s linear 1s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud1{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud1{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .clouds img.cloud2{
    top: 50px;
    -webkit-animation: cloud2 45s linear 6s infinite;
    animation: cloud2 45s linear 6s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud2{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud2{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .clouds img.cloud3{
    top: 215px;
    -webkit-animation: cloud3 45s linear 11s infinite;
    animation: cloud3 45s linear 11s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud3{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud3{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .clouds img.cloud4{
    top: 75px;
    -webkit-animation: cloud4 45s linear 16s infinite;
    animation: cloud4 45s linear 16s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud4{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud4{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .clouds img.cloud5{
    top: 230px;
    -webkit-animation: cloud5 45s linear 21s infinite;
    animation: cloud5 45s linear 21s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud5{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud5{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .clouds img.cloud6{
    top: 50px;
    -webkit-animation: cloud1 45s linear 26s infinite;
    animation: cloud1 45s linear 26s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud6{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud6{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .clouds img.cloud7{
    top: 190px;
    -webkit-animation: cloud2 45s linear 31s infinite;
    animation: cloud2 45s linear 31s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud7{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud7{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .clouds img.cloud8{
    top: 50px;
    -webkit-animation: cloud3 45s linear 36s infinite;
    animation: cloud3 45s linear 36s infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes cloud8{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
@keyframes cloud8{
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 0
    }
    10% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10%;
    }
    90% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 90%
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: 100%
    }
}
#gp-order .domain-area{
    z-index: 1;
    padding: 120px 0;
}
#gp-order .domain-area .domain-inner{
    padding: 0px 100px;
    background: #fff;
    border-radius: 5px;
}
#gp-order .domain-inner{}
#gp-order h3.domain-head{
    font-size: 24px;
    font-weight: 500;
    color: #3a4368;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 20px;
}
#gp-order .domain-checkup-left{
    width: 80%;
    float: left;
}
#gp-order .domain-checkup-left{
     width: 76%;
    float: left;
    margin-right: 3%;
    position: relative;
}
#gp-order .domain-checkup{
    background: #ffffff;
    border-radius: 5px;
    padding: 8px;
    border: 1px solid #1421c2;
    margin: 50px 85px 0px 0px;
}
#gp-order .domain-checkup form input[type=text]{
    height: 40px;
    padding: 12px 20px;
    border-radius: 5px;
    width: 100%;
    border: none;
    padding-right: 145px;
    color: #fff;
    font-size: 15px;
    background-color: transparent;
}
#gp-order .domain-checkup form input[type=text]:focus{
    outline: none;
}
#gp-order .domain-checkup form input[type=text]::-moz-placeholder{
    color: #536d87
}
#gp-order .domain-checkup form input[type=text]::-webkit-placeholder{
    color: #536d87
}
#gp-order .homepage-2 .domain-checkup form input[type=text]::-webkit-placeholder{
    color: #3e445b;
}
#gp-order .domain-checkup form input[type=text]::-webkit-input-placeholder{
    color: #536d87
}
#gp-order .domain-checkup form input[type=text]::-moz-placeholder{
    color: #536d87
}
#gp-order .domain-checkup form input[type=text]:-ms-input-placeholder{
    color: #536d87
}
#gp-order .domain-checkup form input[type=text]::placeholder{
    color: #536d87
}
#gp-order .domain-checkup-left div.nice-select{
    width: 80px;
    position: absolute;
    right: -20px;
    top: 10px;
}
#gp-order .domain-checkup-left div.nice-select .current{
    color: #536d87;
    font-size: 17px;
}
#gp-order .domain-checkup-left div.nice-select:after{
    border-bottom: none;
    border-right: none;
    content: '\f107';
    font-family: 'FontAwesome';
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: -1%;
    margin-top: 0px;
    color: #536d87;
    font-size: 19px;
    right: 18px;
    position: absolute;
}
#gp-order .domain-tld-prices ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .domain-tld-prices li{
   color: #3e445b;
    padding: 0px 15px 0px 15px;
    font-size: 14px;
    font-weight: 600;
    text-transform: lowercase;
    display: inline-block;
}
#gp-order .domain-tld-prices{
    margin: 15px 0px 0px -15px;
    position: relative;
    z-index: -1;

}
#gp-order .homepage-2 .domain-tld-prices{
    margin: 36px 0px 0px 0px;
    z-index: 1;
}
#gp-order .homepage-2 .domain-tld-prices li{
    color: #1421c2;
    font-size: 16px;
    padding: 0px 9px 0px 65px;
    position: relative;
}
#gp-order .homepage-2 .domain-tld-prices li:after{
    position: absolute;
    top: 20%;
    left: 20%;
    width: 1px;
    height: 15px;
    background-color: #1421c2;
    content: "";
}
#gp-order .homepage-2 .domain-checkup-right img{
    margin-right: 20px;
}
#gp-order .homepage-2 .domain-tld-prices li:first-child:after{
   display: none;
}
#gp-order .homepage-2 .domain-checkup-right button{
    height: 65px;
    padding: 20px;
    border-radius: 5px;
    width: 21%;
    border: none;
    color: #fff;
    font-size: 18px;
    background: #1421c2;
    outline: none;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .domain-checkup-right button{
    height: 40px;
    padding: 8px;
    border-radius: 5px;
    width: 21%;
    border: none;
    color: #fff;
    font-size: 18px;
    background: #1421c2;
    outline: none;
    -webkit-transition: .3s;
    transition: .3s;

}
#gp-order .domain-checkup-right button:hover{
    background: #3464e9;
}
#gp-order .domain-checkup-left .nice-select .list{
    margin-top: 14px;
    left: -74px;
    width: 160px;
    font-size: 16px;
    color: #536d87;
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .domain-checkup-left .nice-select .option{
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 47px;
    outline: none;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 16px;
}
#gp-order .domain-checkup-left .nice-select .option:hover,#gp-order .nice-select .option.focus,#gp-order .nice-select .option.selected.focus{
    background-color: #fff;
    color: #1421c2;
}
#gp-order .header-top-left a:hover{
    color: #1421c2;
}
#gp-order .domain-checkup-left li.option.selected.focus{
    position: relative;
}
#gp-order .domain-checkup-left li.option.selected.focus:after{
    position: absolute;
    top: 14px;
    left: 0;
    width: 2px;
    height: 15px;
    background: #1421c2;
    content: "";
}
#gp-order .homepage-2.domain-area{
    position: relative;
    z-index: 1;
    top: -412px;
}
#gp-order .homepage-2.domain-area .domain-inner{
    border-radius: 5px;
    background-color: transparent;
    box-shadow: none;
}
#gp-order .homepage-2 .domain-checkup{
    background: #622F8E;
}
#gp-order .section-title{
    margin-bottom: 80px;
    text-align: center;
}
#gp-order .section-title span{
    color: #1421c2;
}
#gp-order .section-title p{
    padding: 0 230px;
    margin-top: 20px;
    color: #3e445b;
    font-size: 16px;
}
#gp-order .section-title h2{
    font-weight: 700;
    color: #3a4368;
    font-size: 36px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
}
#gp-order .blog-1-area{
    background-color: #ffffff;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/pricing-table-bg.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    background-size: 100% 70%;
}
#gp-order .homepage-2 .blog-1-area:before{
    position: absolute;
    top: 12%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/powre-area-bg.png");
    content: "";
    background-repeat: no-repeat;
    z-index: -1;
    background-position: center left;
}
#gp-order .homepage-2 .blog-1-area:after{
    position: absolute;
    top: 5%;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/powre-area-2-bg.png");
    content: "";
    background-repeat: no-repeat;
    z-index: -1;
    background-position: right bottom;
}
#gp-order .power-area-side-shape:before{
    position: absolute;
    top: -12%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/powre-area-bg.png");
    content: "";
    background-repeat: no-repeat;
    z-index: -1;
    background-position:left top;
}
#gp-order .power-area-side-shape:after{
    position: absolute;
    top: 5%;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/powre-area-2-bg.png");
    content: "";
    background-repeat: no-repeat;
    z-index: -1;
    background-position: right bottom;
}
#gp-order .blog-1-area.about-blog{
    margin-top: 0;
    padding: 0 0 30px 0;
}
#gp-order .homepage-2 .blog-1-area{
    position: relative;
    z-index: 1;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/blog-area-2-2-bg.png");
    background-position: top center;
    background-size: 100% 38%;
    overflow: hidden;
}
#gp-order .homepage-2 .domain-checkup{
    background: #ffffff;
    margin: 0;
    padding: 30px;
    border: none;
    box-shadow: 0px 0px 35px 0px rgba(1, 68, 137, 0.1);
    display: block;
}
#gp-order .homepage-2 .domain-checkup form input[type=text]{
    height: 65px;
    padding: 12px 30px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #e9eefd;
    color: #3e445b;
    padding-right: 145px;
    font-size: 15px;
    background-color: transparent;
}
#gp-order .homepage-2 .domain-checkup-left div.nice-select{
    width: 80px;
    position: absolute;
    right: 0px;
    top: 20px;
}
#gp-order .homepage-2 .domain-checkup-left .current:after{
    position: absolute;
    top: 2px;
    left: -22px;
    width: 1px;
    height: 17px;
    background: #536d87;
    content: "";
}
#gp-order .homepage-2 .domain-checkup-left div.nice-select .current{
    position: relative;
}
#gp-order .homepage-2.dedicated .single-blog-1{
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 55px 40px 40px 40px;
    box-shadow: 0px 5px 25px 0px rgba(0, 56, 160, 0.15);
    background-color: #ffffff;
}
#gp-order .homepage-2.dedicated .about-blog{
    padding:120px 0;
}
#gp-order .single-blog-1{
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 55px 40px 40px 40px;
    box-shadow: 0px 5px 25px 0px rgba(0, 56, 160, 0.15);
    background-color: #ffffff;
}
#gp-order .single-blog-1 img{
    min-height: 76px;
    min-width: 76px;
}
#gp-order .about-blog.about .single-blog-1{
    margin: 0px 0px 0px 0px; 
    padding: 55px 30px 40px 30px;
    background-color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 5px 25px 0px rgba(0, 56, 160, 0.15);
}
#gp-order .about-blog{
    margin-top: 0;
    padding: 120px 0;
}
#gp-order .about-blog .single-blog-1{
    height: 100%;
}
#gp-order .about-blog .single-blog-1 h2{
    margin: 10px 0px 22px 0px;
}
#gp-order .about-blog.about{
    margin-top: -110px;
    position: relative;
    z-index: 1;
    padding-bottom: 100px;
}
#gp-order .single-blog-1:hover img{
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
#gp-order .single-blog-1 img{
    max-height: 120px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .single-blog-1 h2{
    font-size: 24px;
    color: #3a4368 ;
    margin-top: 34px;
    margin-bottom: 27px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .about-blog .single-blog-1 p{
    color: #3e445b;
    font-size: 16px;
    padding: 0px 0px 0px 0px; 
    line-height: 26px;
}
#gp-order .map-defauit img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
#gp-order .map-defauit{
    display: none;
}
#gp-order .offer-left p{
    color: #3A4368;
}
#gp-order .single-blog-1:hover h2{
    color: #1421c2;
}
#gp-order .single-blog-1 p{
    color: #3e445b;
    font-size: 16px;
    padding: 0 10px;
    line-height: 26px;
}
#gp-order .homepage-2.blog-2-area .single-blog-1{
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0px 0px 30px 0px;
    padding: 50px 30px 50px 30px;
    background-color: #ffffff;
    text-align: left;
}
#gp-order .homepage-2.blog-2-area{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/blog-area-2-bg.png");
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-position: top center;
    background-size: 100%;
}
#gp-order .homepage-2.blog-2-area .single-blog-1:hover{

  box-shadow:  0px 15px 30px 0px rgba(0,35,137,0.15);
}
#gp-order .homepage-2.blog-2-area .single-blog-1 p{
    color: #3e445b;
    font-size: 15px;
    line-height: 26px;
    padding: 25px 0px 0px 0px;
}
#gp-order .homepage-2.blog-2-area .single-blog-1 h2{
    color: #3a4368 ;
    font-size: 20px;
    margin: 30px 0px 0px 0px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#gp-order .homepage-2.blog-2-area .single-blog-1 a.read-more-btn{  
    font-size: 15px;
    font-weight: 600;
    color: #3a4368 ;
    margin-top: 30px;
    display: inline-block;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    margin: 25px 0px 0px 0px;
    position:relative;
    text-decoration: none;
    text-transform: capitalize;
}
#gp-order .homepage-2.blog-2-area .single-blog-1 a.read-more-btn i{
    transform: translateY(-17px) translateX(80px);
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    color: #3a4368 ;
}
#gp-order .homepage-2.blog-2-area .single-blog-1:hover img{
    -webkit-transform: scale(1);
            transform: scale(1);
}
#gp-order .homepage-2.blog-2-area .single-blog-1:hover h2{
    color: #1421c2;
}
#gp-order .homepage-2.blog-2-area .single-blog-1 a.read-more-btn:hover{
    color: #1421c2;
}
#gp-order .homepage-2.blog-2-area .single-blog-1:hover a.read-more-btn i{
    color: #1421c2;
    transform: translateY(-17px) translateX(90px);
    opacity: 1;
    visibility: visible;
}
#gp-order #homepage-3 .tab-area.homepage-5.padd-b{
    padding-bottom: 120px;
}
#gp-order .homepage-2.blog-2-area{
    padding-top: 80px;
    padding-bottom: 50px;
    z-index: 0;
    position: relative;
}
#gp-order .homepage-2 .homepage-2.blog-2-area{
    background-image: none;
    background-color: #f8f9fb;
    padding-bottom: 90px;
    padding-top: 115px;
}
#gp-order .the-map-image{
    text-align: center;
}
#gp-order .data-center-area{
    padding: 85px 0px 68px 0px;
}
#gp-order .data-center-map{
    position: relative;
}
#gp-order .data-center-map .location-single{
    position: absolute;
    left: 0;
    top: 0;
}
#gp-order .data-single-wedged{
    border-width: 1px;
    border-color: rgb( 192, 201, 222 );
    background-color: rgb( 248, 249, 251 );
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/datacenter-location.png");
    background-position: top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    padding: 26px 30px 26px 30px;
}
#gp-order .data-single-wedged h4{
    font-size: 20px;
    color: #3a4368;
    display: block;
    margin-bottom: 20px;
}
#gp-order .data-wedged{
    margin: 0 20px;

}
#gp-order .data-single-wedged span{
    font-size: 16px;
    color: #1421c2;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}
#gp-order .data-single-wedged .social-links span{
    background: transparent;
    text-align: center;
    line-height: 0px;
    color: #3A4368;
    border: 0px solid#1421c2;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 0px;
    font-size: 14px;
    padding: 0px;
    margin-left: 10px;
}
#gp-order .data-single-wedged .social-links span:hover{
    color: #1421c2;
}
#gp-order .data-single-wedged p{
    color: #626d92;
    font-size: 14px;
}
#gp-order .BG_Shape{
  border-width: 1px;
  border-color: rgb( 192, 201, 222 );
  background-color: rgb( 248, 249, 251 );
  position: absolute;
  left: 375px;
  top: 393px;
  width: 298px;
  height: 197px;
  z-index: 64;
}
#gp-order .data-center-map .location-single .map-icon{
    position: absolute;
    left: 18px;
    bottom: -65px;
    z-index: 9
}
#gp-order .data-center-map .location-single .info-window:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 25px solid #fff;
    border-right: 21px solid transparent;
    position: absolute;
    left: 30px;
    bottom: -25px;
}
#gp-order .data-center-map .location-single .info-window{
    opacity: 0;
    visibility: hidden;
    max-width: 270px;
    min-height: 200px;
    background: #fff;
    padding: 25px;
    box-shadow: 0px 15px 30px 0px rgba(0, 35, 137, 0.15);
    transform: translateY(20px);
    transition: all 0.5s ease;
    z-index: 99;
    position: relative;
}
#gp-order .data-center-map .location-single .info-window.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
#gp-order .data-center-map .location-single .info-window.show:after{
    opacity: 1;
    visibility: visible;
}
#gp-order .data-center-map .location-single .info-window h3{
    font-size: 16px;
    font-weight: 600;
    color: #1421c2;
    margin: 0 0 25px;
}
#gp-order .data-center-map .location-single .info-window ul,#gp-order .data-center-map .location-single .info-window ol{
    margin: 0;
    padding: 0;
}
#gp-order .data-center-map .location-single .info-window li{
    padding: 0;
    list-style: none;
    color: #3e445b;
    margin-bottom: 11px;
    font-size: 14px;
    font-weight: 400;
}
#gp-order .data-center-map .location-single .info-window li i{
    margin-right: 15px;
    color: #1421c2
}
#gp-order .data-center-map .location-single .info-window li:last-child{
    margin-bottom: 0
}
#gp-order .data-center-map .location-single .info-window li a{
    color: #3e445b;
    text-decoration: none;
}
#gp-order .data-center-map .location-single .info-window li a:hover{
    color: #1421c2;
}
#gp-order .homepage-2.pricing-table-area{
    margin-top: 110px;
    padding-bottom: 35px;
}
#gp-order .homepage-2 .homepage-2.pricing-table-area{
    margin-top: 100px;
    padding-bottom: 0px;
}
#gp-order .homepage-2.hosting .homepage-2.pricing-table-area{
    margin-top: 0px;
    padding-bottom: 120px;
    padding-top: 115px;
    background-color: #f8f9fb;
}
#gp-order .pricing-tab{
    text-align: center;
    margin-bottom: 25px;
}
#gp-order .pricing-tab .monthly_tab_title,#gp-order .pricing-tab .annual_tab_title{
    color: #6d8195;
    font-size: 16px;
    font-weight: 600;
}
#gp-order .pricing-tab span{
    vertical-align: middle;
}
#gp-order .pricing-tab .pricing-tab-switcher{
    height: 45px;
    width: 100px;
    background: #1421c2;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    transition: all 0.3s ease;
    margin: 0 18px;
    transform: translateY(-3px);
}
#gp-order .pricing-tab .pricing-tab-switcher:before{
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    background: #fff;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    transition: all 0.3s ease;
}
#gp-order .pricing-tab .pricing-tab-switcher:hover{
    cursor: pointer;
}
#gp-order .pricing-amount .monthly_price{
    display: block;
}
#gp-order .pricing-amount .annual_price{
    display: none;
}
#gp-order .pricing-amount.change-subs-duration .monthly_price{
    display: none;
}
#gp-order .pricing-amount.change-subs-duration .annual_price{
    display: block;
}
#gp-order .pricing-tab .pricing-tab-switcher.active:before{
    left: calc(100% - 39px);
}
#gp-order .single-pricing-table{
    text-align: center;
    background: #fff;
    border: 1px solid #1421c2;
    border-radius: 5px;
    padding: 20px 0 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
}
#gp-order .single-pricing-table img{
    height: 79px;
    width: 79px;
}
#gp-order .single-pricing-table:hover{
    border-color: #1421c2;
    box-shadow: 0px 15px 30px 0px rgba(0, 35, 137, 0.15)
}
#gp-order .single-pricing-table h2{
    font-size: 24px;
    color: #3a4368;
    margin-top: 20px;
    margin-bottom: 35px;
    text-transform: capitalize;
}
#gp-order .Homepage-1-amount h3{
    font-size: 42px;
    font-weight: 700;
    color: #5dafef;
    position: relative;
}
#gp-order .single-pricing-table .table-highlight{
    position: absolute;
    background-color: #1421c2;
    color: #fff;
    padding: 8px 35px 8px 37px;
    font-size: 14px;
    font-weight: 400;
    right: -20px;
    top: 35px;
    transform: rotate(-90deg);
}
#gp-order .single-pricing-table .table-highlight:after{
    content: "";
    position: absolute;
    bottom: 13px;
    left: -19px;
    border-left: 26px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 13px solid #fff;
    transform: rotate(90deg);
}
#gp-order .pricing-amount{
    position: relative;
}
#gp-order .pricing-amount .currency{
    font-size: 19px;
    font-weight: 500;
    position: absolute;
    top: -7px;
    color: #1421c2;
    left: -13px;
}
#gp-order .pricing-amount .price{
    font-size: 42px;
    font-weight: 700;
    color: #1421c2;
}
#gp-order .pricing-amount .subscription{
    font-size: 16px;
    font-weight: 500;
    color: #536d87;
}
#gp-order .Homepage-1-amount span:after{
    position: absolute;
    bottom: 0;
    content: "/Annualy";
    font-size: 16px;
    font-weight: 500;
    color: #6d8195;
}
#gp-order .pricing-amount{
    padding: 20px 0 0 30px;
}
#gp-order .feature-area .pricing-amount{
    padding-left: 0
}
#gp-order .pricing-content ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .pricing-content ul li{
    padding-top: 15px;
    color: #3e445b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 14px;
    font-weight: 500;
}
#gp-order .pricing-content ul li:hover{
    padding-left: 5px;
}
#gp-order .blue-btn{
    display: inline-block;
    padding: 15px 40px;
    color: #fff;
    background: #1421c2;
    margin-top: 30px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    text-transform: capitalize;
}
#gp-order .power-area .pricing-btn.blue-btn{    
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.4em;
    letter-spacing: 0px;
    color: #ffffff;
    background-color: #1421c2;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    padding: 16px 35px 14px 35px;
    margin-top: 10px;
}
#gp-order .power-area .pricing-btn.blue-btn i{
    margin-left: 10px;
}
#gp-order .blue-btn:hover{
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .power-area{
    padding: 120px 0px 130px 0px;
}
#gp-order .power-area{
    padding: 180px 0px 100px 0px;
    position: relative;
    z-index: 1;
    z-index: 0;
    overflow: hidden;
}
#gp-order .power-area:after{
    position: absolute;
    top: 20px;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/powre-area-m-2-bg.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    left: -44px;
    right: auto;
}
#gp-order .power-area .power-left{
    text-align: left;
}
#gp-order .power-left{
    text-align: right;
}
#gp-order .power-area .power-left{
    text-align: left;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/power-left-bg.png");
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    background-position: left center;
    background-size: 95%;
    left: -15px;
    top:-70px;
    overflow: hidden;
}
#gp-order .power-area-2 .power-left{
    text-align: right;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/power-left-bg-2.png");
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    background-position: right center;
    background-size: 95%;
    right: -7px;
    top: -70px;
    left: auto;
    overflow: hidden;
}
#gp-order .power-area .power-left .clouds img{
    left: auto;
    position: absolute;
    right: 0;
    z-index: -1;
    max-width: 32%;
    top: 0;
}
#gp-order .power-area .power-left .clouds img.cloud1{
    top: -90px;
}
#gp-order .power-area .power-left .clouds img.cloud6{
    top: 10px;
}
#gp-order .power-area .power-left .clouds img.cloud3{
    top: -35px;
}
#gp-order .power-area .power-left .clouds img.cloud4{
    top: 60px
}
#gp-order .power-area-2 .power-left img{
    padding: 130px 50px 0px 0px;
    overflow: hidden;
    left: 0;
    right: auto;
    position: inherit;
}
#gp-order .power-area-2{
    margin-top: 230px;
}
#gp-order .power-right h2{
    margin: 10px 0px 30px 0px;
    font-size: 30px;
    color: #3a4368;
}
#gp-order .power-right h4{
    font-size: 16px;
    font-weight: 700;
    color: #1421c2;
}
#gp-order .power-area-2 .power-right h2{
    margin: 0px 0px 30px 0px;
}
#gp-order .power-area-2 .power-right h2{
    margin: 10px 0px 30px 0px;
}
#gp-order .power-right p{
    font-size: 16px;
    color: #3a4368;
    line-height: 26px;
    margin-bottom: 30px;
}
#gp-order .power-list{
    margin: 25px 0px 0px 0px;
}
#gp-order .power-list ul{
    margin:0;
    padding: 0;
    list-style: none;
}
#gp-order .col-md-6.pr-0{
    padding: 0;
}
#gp-order .col-md-6.pl-0{
        padding: 0;
    }
#gp-order .power-list li{
    display: block;
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #3a4368;
    margin: 10px 0px 0px 0px;
    position: relative;
    padding: 0px 0px 0px 35px;
}
#gp-order .power-list li:before{  
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "\f192";
  font-family:FontAwesome;
  color: #1421c2;
   font-size: 14px;
  }
#gp-order .feature-one-right{
    padding: 115px 0;

}
#gp-order .feature-one-left{
    padding-top: 160px;
    padding-bottom: 180px;
}
#gp-order .feature-one-left .pricing-amount{
    border: none;
    padding-bottom: 0;
}
#gp-order .feature-one-left h2{
    font-size: 30px;
    color: #3a4368 ;
    margin-bottom: 33px;
}
#gp-order .feature-one-left p{
    font-size: 16px;
    color: #536d87;
    margin-bottom: 16px;
    line-height: 26px;
}
#gp-order .feature-one-left .Homepage-1-amount span:after{
    bottom: 7px;
    content: "/Monthly";
}
#gp-order .feature-one-left .Homepage-1-amount span:before{
    top: 7px;
    left: -14px;
    content: "$";
}
#gp-order a.pricing-btn{
    font-size: 14px;
    margin-bottom: 10px;
}
#gp-order .feature-two-area{
    background-color: #EDF4FD;
}
#gp-order .feature-two-left{
    padding-top: 120px;
    padding-bottom: 115px;
}
#gp-order .feature-two-right{
    padding: 115px 0;
}
#gp-order .feature-two-right .pricing-amount{
    border: none;
    padding-bottom: 0;
}
#gp-order .feature-two-right h2{
    font-size: 30px;
    color: #3a4368 ;
    margin-bottom: 33px;
}
#gp-order .single-items .single-items-wrapper img{
    margin: 10px 0px 0px 0px;
}
#gp-order .feature-two-right p{
    font-size: 16px;
    color: #536d87;
    margin-bottom: 16px;
    line-height: 26px;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn{
    font-size: 12px;
}
#gp-order .fan-fact-area{
    padding: 120px 0;
    color: #fff;
    text-align: center;
}
#gp-order .single-items-wrapper{
    min-height: 100px;
}
#gp-order .fan-fact-area-bg{
    background-color: #dddddd;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/about-counter-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 115px 0px 115px 0px;
    position: relative;
    z-index: 1;
}
#gp-order .single-items h2{
    font-weight: 700;
    font-size: 36px;
    margin-top: 5px;
    color: #3a4368;
}
#gp-order .single-items h4{
    color: #3a4368;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
}
#gp-order .service-area{
    padding-top: 115px;
    padding-bottom: 80px;
}
#gp-order .service-teatimonial .service-teatimonial-single-item{
    padding: 40px 15px;
}
#gp-order section.cloud-hosting-service.service-area .service-teatimonial .service-teatimonial-single-item{
    padding: 20px 20px 35px;
}
#gp-order section.cloud-hosting-service.service-area .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner{
    padding: 52px 8px;
}
#gp-order section.cloud-hosting-service.service-area .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner:hover{
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner{
    padding: 52px 8px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner:hover{
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner:hover h2{
    color: #1421c2;
}
#gp-order .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner:hover  img{
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
#gp-order .service-teatimonial-item-inner p{
    font-size: 16px;
    color: #536d87;
    padding: 0 22px;
    line-height: 26px;
}
#gp-order .slick-slide .service-teatimonial-item-inner img{
    -webkit-transition: .3s;
    transition: .3s;
    margin: auto;
}
#gp-order .service-teatimonial-item-inner{
    text-align: center;
}
#gp-order .service-teatimonial-item-inner h2{
    font-size: 24px;
    color: #3a4368 ;
    margin: 27px 0;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .slider-btns-1 button{
    position: absolute;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 20px;
    line-height: 42px;
    border: none;
    background: #1421c2;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    top: -248px;
    left: -5%;
    outline: none;
    -webkit-transition:all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#gp-order .slider-btns-1{
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    display: none;
}
#gp-order button.service-nav-left.slick-arrow:hover{
    transform: rotate(-360deg);
}
#gp-order button.service-nav-right.slick-arrow:hover{
    transform: rotate(360deg);
}
#gp-order button.service-nav-right.slick-arrow{
    position: absolute;
    left: auto;
    right: -55px;
}
#gp-order .service-area:hover .slider-btns-1{
    display: block;
}
#gp-order .homepage-2.service-area{
    padding-top: 95px;
    padding-bottom: 63px;
}
#gp-order .homepage-2 .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner{
    padding: 40px 17px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .homepage-2 .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner:hover{
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .homepage-2 .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner:hover  img{
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
#gp-order .homepage-2 .service-teatimonial-item-inner p{
    font-size: 16px;
    color: #536d87;
}
#gp-order .homepage-2 .service-teatimonial-item-inner p{
    font-size: 16px;
    color: #536d87;
    padding: 0px 20px;
}
#gp-order .homepage-2.hosting .service-teatimonial-item-inner p{
    padding: 0px 16px;
}
#gp-order .homepage-2 .service-teatimonial-item-inner img{
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .homepage-2 .service-teatimonial-item-inner{
    text-align: center;
}
#gp-order .homepage-2 .service-teatimonial-item-inner h2{
    font-size: 24px;
    color: #3a4368 ;
    margin: 27px 0;
}
#gp-order .homepage-2 .service-teatimonial .service-teatimonial-single-item{
    padding: 5px 0px;
}
#gp-order .register-area{
    background-size: 100% 100%;
    background-position: center;
    background-color: #1421c2;
    position: relative;
    z-index: 0;
    padding-top: 150px;
    background-repeat: no-repeat;
    padding-bottom: 120px;
}
#gp-order .register-heading h2{
    font-size: 46px;
    font-weight: 700;
    color: #f3f8ff;
    line-height: 56px;
}
#gp-order .register-heading span{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.register-btn{    
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #1421c2;
    background-color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    opacity: 1;
    padding: 17px 35px 17px 35px;
    text-decoration: none;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.register-btn:hover{
    box-shadow: none;
    color: #1421c2;
}
#gp-order .brand-area{
    padding: 0px 0px 90px 0px;
    z-index: 0;
    position: relative;
}
#gp-order .testimonial-area{
    padding: 113px 0px 90px 0px;
    background-color: #f8f9fb;
    transition: all .3s ease-in-out;
}
#gp-order .mb-60{
    margin-bottom: 60px;
}
#gp-order .load-more-btn{
    text-align: center;
}
#gp-order .load-more-btn .pricing-btn.blue-btn{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
#gp-order .testimonial-wrapper .single-item p.review{
    font-weight: 400;
}
#gp-order .testimonial-carousel .single-item .author-info,#gp-order .testimonial-wrapper .single-item .author-info p{
    font-weight: 500;
}
#gp-order .testimonial-carousel .single-item,#gp-order .testimonial-wrapper .single-item{
    padding: 0 15px 30px;
}
#gp-order .testimonial-carousel .single-item .item-inner,#gp-order .testimonial-wrapper .single-item .item-inner{    
    box-shadow: 0px 5px 25px 0px rgba(0, 56, 160, 0.15);
    background: #fff;
    padding: 40px 40px 30px 40px;
}
#gp-order .testimonial-carousel .single-item,#gp-order .testimonial-wrapper .single-item img{
    vertical-align: text-bottom;
    display: inline-block;
}
#gp-order .testimonial-carousel .single-item .author-left,#gp-order .testimonial-wrapper .single-item .author-left img{
    display: inline-block;
}
#gp-order .testimonial-carousel .single-item .author-left,#gp-order .testimonial-wrapper .single-item .author-left img{
    display: inline-block;
}
#gp-order .testimonial-carousel .slick-slide.single-item .author-left img{
    display: inline-block;
}
#gp-order .testimonial-carousel .single-item .review,#gp-order .testimonial-wrapper .single-item .review{
    margin: 15px 0 25px 0;
    font-weight: 400;
}
#gp-order .testimonial-carousel .single-item .review,#gp-order .testimonial-wrapper .single-item .review p{
    font-weight: 400;
}
#gp-order .testimonial-carousel .single-item .author-left,#gp-order .testimonial-wrapper .single-item .author-left{
    float: left;
}
#gp-order .testimonial-carousel .single-item .author-info,#gp-order .testimonial-wrapper .single-item .author-info{
    display: inline-block;
    float: right;
    margin: 10px 0px 0px 15px;
}
#gp-order .dropdown-nav.dropdown-nav-left.ds-none{
    display: none;
}
#gp-order .testimonial-carousel .single-item h4,#gp-order .testimonial-wrapper .single-item h4{
    font-size: 18px;
}
#gp-order .testimonial-carousel .single-item .author-right,#gp-order .testimonial-wrapper .single-item .author-right{
    float: right;
    margin-top: 50px;
}
#gp-order .testimonial-carousel .single-item .author-right,#gp-order .testimonial-wrapper .single-item .author-right i{
    color: #ffcf7d;
    margin-left: 5px;
}
#gp-order .slider-btns button{
    position: absolute;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 20px;
    line-height: 42px;
    border: none;
    background: #1421c2;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    top: -195px;
    left: -7%;
    outline: none;
    -webkit-transition:all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#gp-order button.testi-nav-left.slick-arrow:hover{
    transform: rotate(-360deg);
}
#gp-order button.testi-nav-right.slick-arrow:hover{
    transform: rotate(360deg);
}
#gp-order .slider-btns{
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: none;
}
#gp-order button.testi-nav-right.slick-arrow{
    position: absolute;
    left: auto;
    right: -70px;
}
#gp-order .testimonial-area:hover .slider-btns{
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#gp-order .homepage-2 .brand-area.about-page{
    padding: 0px 0px 95px 0px;
}
#gp-order .homepage-2 .brand-area.brand-2{
    padding: 120px 0px 95px 0px;
    background-color: #fff;
}
#gp-order .homepage-2 .brand-area{
    padding: 0px 0px 95px 0px;
    background-color: #f8f9fb;
}
#gp-order .homepage-2 .brand-inner{
    border-style: solid;
    border-width: 0;
    border-color: #f3f5ff;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px;
}
#gp-order .owl-carousel .owl-item .brand-single-item img{
    display: inline-block;
    max-width: 150px;
    width: initial;
    height: initial;
    margin: auto;
}
#gp-order .brand-inner{
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #f3f5ff;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 60px 0px 0px 0px;
}
#gp-order .call-to-action-area{
    background: #5DAFEF;
    color: #fff;
    padding-top:63px;
    padding-bottom: 76px;
}
#gp-order .call-to-action-area span{
    font-size: 14px;
    font-weight: 500;
}
#gp-order .call-to-action-area-content{
    margin-left: 150px;
}
#gp-order .call-to-action-area h2{
    font-size: 36px;
    font-weight: 600;
    margin: 0;
}
#gp-order .pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn{
    background: #fff;
    color: #5DAFEF;
    margin-top: 13px;
    font-size: 14px;
    text-transform: uppercase;
}
#gp-order .pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn:hover{
    box-shadow: none;
}
#gp-order .call-to-action-btn{
    margin-left: 45px;
}
#gp-order section.footer-area{
    background-color: #fff;
    color: #3A4368;
}
#gp-order .solution-area{
    padding: 35px 0px 35px 0px;
}
#gp-order .solution-heading h2{
    font-size: 24px;
    line-height: 34px;
    color: #3A4368;
    font-weight: 700;
}
#gp-order .solution-heading span{
    color: #ffffff;
}
#gp-order a.solution-btn{
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 15px 36px;
    border: 2px solid#1421c2;
    border-radius: 5px;
    transition:all .3s ease-in-out;
}
#gp-order a.solution-btn:hover{
    background: #ffffff;
    border-color: #ffffff;
    color: #007bff;
}
#gp-order a.solution-btn span{
    font-size: 14px;
    position: relative;
    top: 2px;
    left: 5px;
    transition:all .3s ease-in-out;
    color: #ffffff;
}
#gp-order a.solution-btn:hover span{
    left: 10px;
    color: #007bff;
}
#gp-order .solution-heading{
    margin-top: 14px;
}
#gp-order .subscription-area{
    padding: 40px 270px 45px 270px;
    background: #1421c2;
}
#gp-order .subscription-wrapper input[type="email"]{
    background: #272f4a;
    color: #a6bbd0;
    border: none;
    padding: 0px 0px 0px 20px;
    width: 100%;
    height: 65px;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
}
#gp-order .subscription-wrapper input[type="email"]::-webkit-input-placeholder{
    color: #3A4368;
}
#gp-order .subscription-wrapper input[type="submit"]{
    border: none;
    background: #1421c2;
    color: #ffffff;
    padding: 8px 35px;
    height: 50px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    position: absolute;
    right: 24px;
    top: 7px;
}
#gp-order .footer-single-item .logo>a{
    line-height: 0;
    margin-bottom: 35px;
    display: inline-block;
}
#gp-order .footer-main{
    padding: 100px 0px 70px 0px;
}
#gp-order .footer-single-item p{
    color: #3A4368;
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 24px;
}
#gp-order p.contact-info{
    padding-left: 80px;
    margin-bottom: 8px;
    position: relative;
}
#gp-order p.contact-info span{
    position: absolute;
    top: 0px;
    left: 0;
    color: #3A4368;
    font-size: 14px;
    font-weight: 500;
}
#gp-order p.contact-info a{
    color: #3A4368;
    text-decoration: none;
    transition: .3s;
    font-weight: 400;
    font-size: 14px;
}
#gp-order .single-footer h2{
    margin-bottom: 25px;
    font-size: 24px;
    color: #3A4368;
    text-transform: capitalize;
    font-weight: 600;
}
#gp-order .single-footer.margin-left{
    margin-left: 30px;
}
#gp-order .single-footer.ml{
    margin-left: -25%;
}
#gp-order .footer-links ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .footer-links a{
    position: relative;
}
#gp-order .footer-links a{
    display: inline-block;
    color: #3A4368;
    font-weight: 500;
    margin-bottom: 15px;
    margin-left: 10px;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .footer-links a:hover{
    color: #1421c2;
}
#gp-order .footer-links a:hover:before{
    background: #1421c2;
}
#gp-order .foter-botom{
    padding: 20px 0px 20px 0px;
    border-top: 1px solid #4D4D4D;
}
#gp-order .foter-botom p{
    color: #3A4368;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}
#gp-order .foter-botom p a{
    color: #3A4368;
    padding: 0 3px;
}
#gp-order .social-links{
    display: inline-block;
}
#gp-order .social-links a{
    text-decoration: none;
}
#gp-order .social-links span{
    background: transparent;
    text-align: center;
    line-height: 30px;
    color: #3A4368;
    border: 1px solid#1421c2;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 0px;
    font-size: 14px;
    padding: 12px;
    margin-left:18px;
}
#gp-order .coming-soon .social-links span{
    background: transparent;
    text-align: center;
    line-height: 15px;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 10px;
    font-size: 16px;
    padding: 9px;
    text-align: center;
    margin-left: 0px;
    border-color: #fff;
}
#gp-order .social-links span:hover{
    color: #1421c2;
    background: #ffffff;
    border-color: #ffffff;
}
#gp-order coming-soon
:focus{
    outline: none;
}
#gp-order .footer-sideber{
    -webkit-transition: .3s;
    transition: .3s;
    height: 220px;
    background-color: rgba(20, 26, 46, 0.2);
    padding: 25px 30px;
}
#gp-order .footer-sideber .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #1421c2;
}
#gp-order .footer-single-sideber{
    margin-bottom: 20px;
}
#gp-order .footer-single-sideber a span{
    font-size: 12px;
    color: #fff;
    margin-bottom: 3px;
    display: block;
}
#gp-order .footer-single-sideber a{
    font-size: 16px;
    color: #3A4368;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block;
    margin: 0px 15px 0px 0px;
    line-height: 24px;
}
#gp-order .footer-single-sideber a:hover{
    color: #ffffff;
}
#gp-order .early-offer{
    padding: 20px 20px 10px 20px;
    background: #1f2740;
}
#gp-order .offer-left{
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
}
#gp-order .offer-left span{
    color: #1421c2;
}
#gp-order .offer-left a{
    color: #1421c2;
    line-height: 20px;
}
#gp-order .payment-getway{
    margin-top: 15px;
}
#gp-order .homepage-2 .single-blog-1{
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: none;
    padding: 0px 30px 0px 30px;
    background: transparent;
}
#gp-order .homepage-2 .single-blog-1 p{
    padding: 0;
}
#gp-order ul.tab-links li a{
    padding: 40px 10px;
    font-size: 15px;
}
#gp-order .faq-area{
    padding-top: 115px;
    padding-bottom: 0;
    background-color: #f8f9fb;
}
#gp-order .faq-area .card{
    margin-top: 30px;
    border: 0 none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-left: 2px solid#1421c2;
}
#gp-order .faq-area .card{
    box-shadow: none;
}
#gp-order .faq-area .card-header{
    background: #fff none repeat scroll 0 0;
    padding: 0;
    border-bottom: 1px solid#cccccc;
}
#gp-order .faq-area .card-header a{
    display: block;
    padding: 24px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #4c5462;
    font-weight: 500;
}
#gp-order .faq-area .card-header a span{
    border-radius: 100px;
    color: #1421c2;
    display: block;
    float: right;
    font-size: 16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
#gp-order .faq-area .card-header a.collapsed span{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.faq-area #accordion .card-#gp-order,.faq-area #accordion2 .card-#gp-order{
    border: 0 none;
    padding: 15px 12px 25px 15px;
    margin: 0;
    font-size: 14px;
    color: #3e445b;
}
#gp-order .about-area{
    color: #fff;
    position: relative;
    z-index: 1;
    background-color: #f6f8fe;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    overflow: hidden;
}
#gp-order img.breadcrumb-left-img{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 150px;
    display: block;
    z-index: 5;
}
#gp-order img.breadcrumb-right-img{
    position: absolute;
    right: 0;
    display: block;
    z-index: 5;
    top: 24px;
}
#gp-order img.breadcrumb-right-img-man{
    position: absolute;
    right: 0;
    display: block;
    z-index: 5;
    bottom: 0;
}
#gp-order .about-area .container{
    position: relative;
}
#gp-order .about-content-table{
    display: table;
    width: 100%;
}
#gp-order .about-content-table-sell{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: left;
}
#gp-order .about-content-table-sell .about-heading.blog-details-heading{
    text-align: center;
    padding-top: 90px;
    padding-bottom: 60px;
}
#gp-order .about-heading h2{
    font-size: 39px;
    font-weight: 700;
    line-height: 45px;
    color: #3a4368;
}
#gp-order .about-heading.blog-details-heading .blog-tag-cloud-list ul li a{
    display: block;
    border: 2px solid#e0e0e0;
    padding: 10px 25px;
    font-size: 12px;
    color: #3a4368;
    text-decoration: none;
    border-radius: 0;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0;
}
#gp-order .about-heading.blog-details-heading .blog-tag-cloud-list ul li a:hover{
    background: #1421c2;
    color: #fff;
    border-color: #1421c2;
}
#gp-order .about-heading.blog-details-heading p.blog-meta a span{
    margin: 0 10px;
    font-size: 18px;
}
#gp-order .about-heading.blog-details-heading p.blog-meta a{
    color: #3e445b;
    font-size: 12px;
    display: inline-block;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 500;
    transition: .3s;
}
#gp-order .about-heading.blog-details-heading p.blog-meta a:hover{
    color: #21A7B7;
}
#gp-order .about-heading{
   padding: 120px 0px 135px 0px
}
#gp-order .about-links
 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .about-links
 li{
    display: inline-block;
}
#gp-order .about-links
ul li a{
    display: block;
    color: #3a4368;
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
    text-decoration: none;
    transition: .3s;
}
#gp-order .about-links ul li a:hover{
    color: #1421c2;
}
#gp-order h5.heading-title{
    color: #3e445b;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
#gp-order h2.heading-title-default{
    color: #3a4368;
    line-height: 40px;
    font-size: 30px;
    margin-bottom: 20px;
}
#gp-order h2.heading-title-default span{
    color: #1421c2;
}
#gp-order .heading-text p{
    font-size: 16px;
    line-height: 26px;
    color: #616273;
    margin-bottom: 20px;
}
#gp-order .tab-area{
    padding: 100px 0;
}
#gp-order #homepage-3 .tab-area.homepage-5{
    position: relative;
    z-index: 0;
    padding: 120px 0px 20px 0px;
}
#gp-order #homepage-3 .tab-area.homepage-5 ul.tab-links li a{
    padding: 26px 13px;
    font-size: 18px;
    font-weight: 500;
    color: #3a4368;
}
#gp-order #homepage-3 .tab-area.homepage-5 .tab-links{
    margin: 20px 0px 0px 0px ;
    width: 52%;
    text-align: left;
     box-shadow: none; 
    position: absolute;
    margin-left: 42%;
    border-bottom: 4px solid #e1e6ff;
}
#gp-order .Active_Shaoe{
  background-color: rgb( 52, 100, 224 );
  position: absolute;
  left: 844px;
  top: 2697px;
  width: 99px;
  height: 4px;
  z-index: 326;
}
#gp-order #homepage-3 .tab-area.homepage-5 ul.tab-links li.active a:after{
    height: 4px;
    bottom: -4px;
}
#gp-order .tab-links{
    margin: 0 0 140px;
    width: 80%;
    text-align: center;
    box-shadow: 0px 15px 30px 0px rgba(0, 35, 13, 0.15); 
    position: relative;
    margin-left: 10%;
    z-index: 99;
    transition: .3s
}
#gp-order ul.tab-links{
    padding: 0;
    list-style: none;
}
#gp-order ul.tab-links li{
    display: inline-block;
}
#gp-order ul.tab-links li a{
    display: block;
    padding: 40px 40px;
    position: relative;
    font-size: 20px;
    font-weight:500;
    color: #626d92;
    text-decoration: none;
    transition: .3s
}
#gp-order ul.tab-links li.active a{
    color: #1421c2;
}
#gp-order #homepage-3 .tab-area.homepage-5 ul.tab-links li.active a{
    color: #1421c2;

}
#gp-order ul.tab-links li.active a:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #1421c2;
    content: "";
    transition: .3s
}
#gp-order .tab-content h2{
    font-size: 30px;
    color: #293c50;
    font-weight: 700;
    margin-bottom: 40px;
}
#gp-order .tab-content
 p{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
}
#gp-order .tab-content-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .tab-content-list ul li{
    font-size: 16px;
    line-height: 26px;
    color: #3e445b;
    position: relative;
    padding-left: 20px;
    margin: 0px 0px 10px 0px;
    transition: .3s
}
#gp-order .tab-content-list ul li:before{
    position: absolute;
    left: 0;
  width: 6px;
  height: 6px;
  background-color: rgb( 62, 68, 91 );
    content: "";
    top: 43%;
    border-radius: 50%;
    transition: .3s
}
#gp-order .Dot_Shape_1{
  border-radius: 50%;
  background-color: rgb( 62, 68, 91 );
  position: absolute;
  left: 376px;
  top: 4579px;
  width: 6px;
  height: 6px;
  z-index: 372;
}
#gp-order .icon-right{
    -webkit-transform: translateY(0px) translateX(75px);
            transform: translateY(0px) translateX(75px);
}
#gp-order .tab{
    display:none;
}
#gp-order .tab.active{
    display:block;
}
#gp-order .beefup{
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 1em 0;
  -webkit-transition: border .2s ease;
  transition: border .2s ease;
}
#gp-order .beefup:first-child{
  margin-top: 0;
}
#gp-order .beefup:hover{
  border-color: #aaa;
}
#gp-order .beefup__head,#gp-order .beefup__body{
  padding: 10px 20px;
}
#gp-order .beefup__head{
  cursor: pointer;
  margin-bottom: 0;
  overflow: hidden;
  padding-right: 50px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gp-order .beefup__head::after{
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #ddd transparent transparent;
  content: '';
  position: absolute;
  right: 20px;
  height: 0;
  margin-top: -5px;
  top: 50%;
  -webkit-transition: border .2s ease;
  transition: border .2s ease;
  width: 0;
}
#gp-order .beefup__body{
  padding-top: 20px;
}
#gp-order .beefup.is-open > .beefup__head::after{
  border-width: 0 10px 10px;
  border-color: transparent transparent #ddd;
}
#gp-order .faq-area{
    padding-top: 110px;
    padding-bottom: 0px;
}
#gp-order .homepage-3.homepage-4.faq-area{
    background: #fff;
}
#gp-order .homepage-3.faq-area .section-title{
    margin-bottom: 30px;
}
#gp-order .beefup__head{
    cursor: pointer;
    margin-bottom: 0;
    overflow: hidden;
    padding-right: 50px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    color: #b6c1fa;
    padding: 20px 35px;
    font-weight: 500;
}
#gp-order .homepage-2 .beefup__head{
    color: #30375f;
}
#gp-order .homepage-3.homepage-4 ul.nav.nav-tabs li a{
    color: #3a4368;
}
#gp-order .homepage-3.homepage-4.homepage-8 ul.nav.nav-tabs li a{
    color: #fff;
}
#gp-order .homepage-3.homepage-4 .beefup__head{
    color: #3a4368;
}
#gp-order .homepage-3.homepage-4 .beefup__body{
    color: #30375f;
}
#gp-order .homepage-3.homepage-4 ul.nav.nav-tabs li.active a{
    color: #1421c2;
}
#gp-order .homepage-3.homepage-4.homepage-7 ul.nav.nav-tabs li.active a{
    color: #30cbfe;
}
#gp-order .homepage-3.homepage-4.homepage-8 ul.nav.nav-tabs li.active a{
    color: #30cbfe;
}
#gp-order .homepage-3.homepage-4.homepage-7 ul.nav.nav-tabs li.active a:after{
    background: #30cbfe;
}
#gp-order .homepage-3.homepage-4.homepage-8 ul.nav.nav-tabs li.active a:after{
    background: #30cbfe;
}
#gp-order .homepage-3.homepage-4.homepage-8 .beefup__head{
    color: #fff;
}
#gp-order .homepage-3.homepage-4.homepage-8 .beefup.is-open > .beefup__head{
    color: #1421c2;
}
#gp-order .homepage-3.homepage-4.homepage-5.faq-area .beefup{
    -webkit-transition: border 0s ease;
    transition: border 0s ease;
    transition: all 0s ease-out;
}
#gp-order .homepage-3.homepage-4.homepage-6.faq-area .beefup{
    -webkit-transition: border 0s ease;
    transition: border 0s ease;
    transition: all 0s ease-out;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6 ul.nav.nav-tabs li.active a{
    color: #2fc8fe;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6 ul.nav.nav-tabs li.active a:after{
    background: #2fc8fe;
}
#gp-order .homepage-3.homepage-4.homepage-4.homepage-6 ul.nav.nav-tabs li a{
    color: #fff;
}
#gp-order .homepage-3.homepage-4.homepage-4.homepage-6 .nav.nav-tabs{
    border-bottom: 3px solid#384275;
}
#gp-order .homepage-3.homepage-4.homepage-8 .beefup.is-open > .beefup__head{
    color: #30cbfe;
}
#gp-order .homepage-3.homepage-4.homepage-8 .beefup__body{
    color: #fff;
}
#gp-order .homepage-3.homepage-4 .beefup.is-open > .beefup__head{
  color: #1421c2;
}
#gp-order .homepage-3.homepage-4.homepage-7 .beefup.is-open > .beefup__head{
    color: #30cbfe;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6 .beefup.is-open > .beefup__head{
  color: #fff;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6 .beefup__head{
    color: #2fc8fe;
}
#gp-order .homepage-3.homepage-4.homepage-8 .beefup__head span{
    color: #fff;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-8.faq-area .beefup.is-open .beefup__head span{
    color: #30cbfe;
}
#gp-order .beefup{
    border: 1px solid #b6c1fa;
    border-radius: 4px;
    margin: 40px 0;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
    transition: all .2s ease-out;
}
#gp-order .homepage-3.faq-area .beefup{
    border: 1px solid #b6c1fa;
    border-radius: 0;
    margin: 0;
    -webkit-transition: border 0s ease;
    transition: border 0s ease;
    transition: all .2s ease-out;
    border-bottom: 0;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6.faq-area .beefup{
    border: 1px solid #6373c9;
    border-bottom: 0;
    -webkit-transition: border 0s ease;
    transition: border 0s ease;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6.faq-area .beefup.is-open{
    background-color: transparent;
    transition: all .2s ease-out;
    border-bottom: 1px solid#6373c9;
    -webkit-transition: border 0s ease;
    transition: border 0s ease;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6.faq-area .beefup__body{
    color: #fff;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-5.faq-area .beefup:last-child{
    border-bottom: 1px solid#b6c1fa;

}
#gp-order .homepage-3.faq-area .beefup:last-child{
    border-bottom: 1px solid#b6c1fa ! important;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6.faq-area .beefup:last-child{
    border-bottom: 1px solid#6373c9;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-6.faq-area .beefup.is-open .beefup__head  span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff;
}
#gp-order .homepage-3.homepage-4.homepage-5.faq-area .beefup.is-open .beefup__head  span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #1421c2;
}
#gp-order .homepage-3.faq-area .beefup.is-open .beefup__head  span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff;
}
#gp-order .homepage-3.homepage-4.faq-area .beefup.is-open .beefup__head  span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #1421c2;
}
#gp-order .homepage-3.homepage-4.homepage-5.homepage-7.faq-area .beefup.is-open .beefup__head  span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #30cbfe;
}
#gp-order .homepage-2 .beefup{
    border: 1px solid #6373c9;
}
#gp-order .beefup:hover{
    border-color: #b6c1fa;
}
#gp-order .beefup__body{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    padding: 0px 15px 24px 40px;
}
#gp-order .beefup.is-open{
  background-color: rgb( 48, 79, 254 );
  transition: all .2s ease-out;
  border-color: rgb( 48, 79, 254 );
}
#gp-order .homepage-3.faq-area .beefup.is-open{
    background-color: transparent;
    transition: all .2s ease-out;
    border-bottom: 0px solid#b6c1fa;
}
#gp-order .homepage-3.faq-area .beefup__body{
    font-size: 14px;
    padding: 0px 15px 30px 40px;
}
#gp-order .beefup.is-open > .beefup__head{
  color: #fff;
}
#gp-order .beefup.is-open > .beefup__head::after{
    border-bottom: 0px solid #999;
    border-right: 0px solid #999;
    content: '\e648';
    font-family:'themify';
  transition: all .2s ease-out;
  display: none;
}
#gp-order .beefup__head  span{
    display: block;
    float: right;
    font-size: 16px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: absolute;
    right: 15px;
    top: 23px;
    color: #6373c9;
}
#gp-order .beefup.is-open .beefup__head  span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff;
}
#gp-order .beefup__head::after{
    border-style: solid;
    border-width: 0px 0px 0;
    border-color: transparent;
    content: '\e64b';
    position: absolute;
    right: 20px;
    height: 0;
    margin-top: -5px;
    top: 50%;
    width: 0;
    font-family:'themify';
  transition: all .2s ease-out;
  display: none;
}
#gp-order .nav.nav-tabs{
    text-align: center;
    position: relative;
    margin: 0px 60px 90px;
    border-bottom: 3px solid#b6c1fa;
}
#gp-order ul.nav.nav-tabs{
    padding: 0;
    list-style: none;
}
#gp-order ul.nav.nav-tabs li{
    display: inline-block;
    padding: 0 5px;
}
#gp-order ul.nav.nav-tabs li a{
    display: block;
    padding: 35px 10px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #b6c1fa;
    text-decoration: none;
}
#gp-order ul.nav.nav-tabs li.active a{
    color: #1421c2;
}
#gp-order ul.nav.nav-tabs li.active a:after{
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 3px;
    background: #1421c2;
    content: "";
}
#gp-order .tab-content h2{
    font-size: 30px;
    color: #293c50;
    font-weight: 700;
    margin-bottom: 40px;
}
#gp-order .tab-content-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .tab-content-list{
    margin-top: 30px ;
}
#gp-order .tab{
    display:none;
}
#gp-order .tab.active{
    display:block;
}
#gp-order .faq-area .nav-tabs>li.active>a,#gp-order .nav-tabs>li.active>a:focus,#gp-order .nav-tabs>li.active>a:hover{
    color: #555;
    cursor: default;
    background-color: transparent;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
}
#gp-order .faq-area .nav-tabs>li>a{
    margin-right: 0px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 0;
}
#gp-order .faq-area .nav>li>a:focus,#gp-order .nav>li>a:hover{
    text-decoration: none;
    background-color: transparent;
}
#gp-order .faq-area .nav-tabs>li{
    float: none;
    margin-bottom: 0px;
}
#gp-order .welcome-area{
    padding: 120px 0px 180px 0px;
}
#gp-order .welcome-area .container{
    position: relative;
}
#gp-order .welcome-left{
    padding: 10% 0% 0% 0%;
    text-align: left;
}
#gp-order .heading-image{
    margin: 40px 0px 30px 0px;
}
#gp-order .heading-image{
    vertical-align: middle;
    display: inline-block;
    }
#gp-order .about-slider-wrapper .bg-shadow-img{
    z-index: 1;
    position: absolute;
    bottom: -60px;
    right: -50px;
}
#gp-order .about-slider .slick-active img{
    transform: scale(1, 1);
}
#gp-order .about-slider .slick-next{
    background-color: #1421c2;
}
#gp-order .about-slider.slick-slider{
    position: relative;
    z-index: 2;
}
#gp-order .about-slider .slick-prev,#gp-order .about-slider .slick-next{
    display: block;
    width: 140px;
    height: 100px;
    position: absolute;
    top: initial;
    right: 0;
    bottom: -50px;
    z-index: 999;
    background: #fff;
    color: green;
}
#gp-order .about-slider .slick-prev:before,#gp-order .about-slider .slick-next:before{
    color: #1421c2;
    font-size: 40px;
    line-height: .6;
    opacity: 1;
}
#gp-order .about-slider .slick-prev{
    left: initial;
    right: 140px !important;
}
#gp-order .about-slider .slick-next:before{
    color: #fff;
}
#gp-order .about-slider .slick-next{
    background-color: #1421c2;
}
#gp-order .about-slider img{
    transition: all 500ms ease-in-out;
    transform: scale(1.25, 1.25);
}
#gp-order .heading-sub h3{
    font-size: 24px;
    color: #3a4368;
    margin-bottom: 5px;
}
#gp-order .heading-sub span{
    color: #3e445b;
    font-size: 14px;
    }
#gp-order .team-area{
    background: #ffffff;
    padding: 0px 0px 120px 0px;
}
#gp-order .team-carosule-single-item{
    position: relative;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
    border: 1px solid #DBE8F6;
    min-height:340px ;
}
#gp-order .owl-carousel .owl-item .team-carosule-single-item img{
    display: block;
    -webkit-transform-style: preserve-3d;
}
#gp-order .team-overlay{
    position: absolute;
    left:0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 54px 10px;
    text-align: center;
    z-index: 1;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
#gp-order .team-overlay p.meta-p{
    margin-top: 0;
    font-size: 14px;
    color: #3a4368;
    font-weight: 600;
}
#gp-order .team-carosule-single-item:hover .team-overlay{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
#gp-order .team-meta{
    position: absolute;
    bottom: 0;
    text-align: center;
    background: #fff;
    width: 100%;
    left: 0;
    border-radius: 0px 0px 5px 5px;
    padding: 25px 25px 10px 25px;
    right: 0;
}
#gp-order .team-meta h4{
    font-size: 18px;
    font-weight: 700;
    color: #3a4368 ;
    margin-bottom: 0;
    margin-top: 0;
}
#gp-order .team-meta p{
    font-size: 14px;
    color: #3a4368;
    font-weight: 600;
}
#gp-order .team-overlay:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: "";
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    z-index: -1;
}
#gp-order .team-social-links{
    position: absolute;
    left: 30px;
    bottom: 10px;
    background: #fff;
}
#gp-order .team-social-links .social-links{
    margin: 0;
    padding-top: 13px;
    padding-bottom: 27px;
}
#gp-order .team-social-links .social-links span{
    background: #ffffff;
    text-align: center;
    line-height: 30px;
    color: #1421c2;
    border: 1px solid#1421c2;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 10px;
    font-size: 14px;
    padding: 6px;
    margin-left: 0;
}
#gp-order .team-social-links .social-links span:hover{
    background: #1421c2;
    color: #ffffff;
    border: 1px solid#1421c2;
}
#gp-order .team-overlay h5{
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
    color: #3a4368 ;
}
#gp-order .team-overlay p{
    font-size: 14px;
    color: #3e445b;
    line-height: 24px;
    margin-top: 20px; 
}
#gp-order .team-area:hover .slider-btns-1{
    display: block;
}
#gp-order .owl-carousel.team-carosuel .owl-nav button{
    position: absolute;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 22px;
    line-height: 44px;
    border: none;
    background: #1421c2;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    top: 50%;
    left: -70px;
    margin-top: -19px;
    outline: none;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}
#gp-order .team-area:hover .owl-carousel.team-carosuel.owl-nav{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#gp-order .owl-carousel.team-carosuel .owl-nav button.owl-next{
    left: auto;
    right: -70px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .team-area:hover .owl-carousel.team-carosuel .owl-nav button{
    visibility: visible;
    opacity: 1;
}
#gp-order .domain-search-area{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/about-bg.jpg");
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    color: #fff;
}
#gp-order section.domain-area{
}
#gp-order .domain-content-table{
    display: table;
    width: 100%;
}
#gp-order .domain-content-table-sell{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
#gp-order .domain-heading h2{
    font-size: 48px;
    font-weight: 600;
}
#gp-order .domain-heading{
    padding-top: 133px;
    padding-bottom: 85px;
}
#gp-order .domain-links{
    text-align: left;
    padding-bottom: 30px;
}
#gp-order .domain-links
 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .domain-links
 li{
    display: inline-block;
}
#gp-order .domain-links
ul li a{
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
    text-decoration: none;
}
#gp-order li.d-link{
    color: #1421c2;
    font-size: 14px;
    font-weight: 500;
}
#gp-order section.domain-avabalable-area{
    padding: 80px 0;
    background: #EDF4FD;
    text-align: center;
}
#gp-order .domain-now-area .domain-inner{
    padding: 70px 100px;
    background: #fff;
   box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
    top: 100px;
    border-radius: 5px;
}
#gp-order section.domain-now-area{
    padding: 100px 0;
}
#gp-order .domain-title{
    padding-left: 150px;
}
#gp-order .domain-link{
    padding-right: 150px;
}
#gp-order .domain-title h2{
    font-size: 24px;
    font-weight: 500;
    color: #536d87;
    margin: 12px;
}
#gp-order a.domain-avabalable-btn.blue-btn{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0;
}
#gp-order .domain-title
 h2 span{
    color: #5dafef;
}
#gp-order section.domain-avabalable-area{
    padding: 80px 0;
    background: #EDF4FD;
    text-align: center;
}
#gp-order section.domain-chart-area h2{
    font-size: 30px;
    color: #536d87;
    font-weight: 500;
    margin-bottom: 25px;
}
#gp-order table.table-chart{
    width: 100%;
    text-align: center;
}
#gp-order section.domain-chart-area{
    padding-top: 100px;
    padding-bottom: 120px;
}
#gp-order .domain-chart-area .table>tbody>tr>td,#gp-order .table>tbody>tr>th,#gp-order .table>tfoot>tr>td,#gp-order .table>tfoot>tr>th,#gp-order .table>thead>tr>td,#gp-order .table>thead>tr>th{
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #edf4fd;
    padding-left: 21px;
}
#gp-order tr{
    border-bottom: 1px solid #edf4fd;
}
#gp-order .row.border{
    border: 1px solid#edf4fe;
    margin: 0;
    padding-top: 30px;
    border-top: 0;
    padding-left: 30px;
    padding-right: 50px;
    padding-bottom: 60px;
}
#gp-order td.domain-name{
    text-align: left;
    padding: 20px;
    width: 55%;
    font-size: 20px;
    color: #3a4368 ;
    font-weight: 500;
}
#gp-order .domain-chart-heading{
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
    padding-top: 50px;
    padding-bottom: 70px;
}
#gp-order td.add-cart{
    width: 15%;
    text-align: left;
}
#gp-order td.new-amount{
    width: 15%;
    font-size: 20px;
    font-weight: 500;
    color: #3a4368 ;
    text-align: left;
    position: relative;
}
#gp-order td.old-amount{
    width: 15%;
    font-size: 16px;
    color: #536d87;
    text-align: left;
    position: relative;
}
#gp-order button.add-cart-parimary-btn{
    padding: 13px 20px;
    background: #5DAFEF;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid#5DAFEF;
    border-radius: 5px;
    outline:none;
}
#gp-order td.old-amount:before{
    position: absolute;
    top: 50%;
    left: 10%;
    width: 34%;
    height: 1px;
    background: #333;
    content: "";
    margin-top: -1.5px;
}
#gp-order td.new-amount
 span{
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    bottom: 20px;
}
#gp-order section.domain-feature-area{
    background: #EDF4FD;
    padding-top: 100px;
}
#gp-order .single-domain-feature{
    text-align: center;
    padding: 19px;
    margin: 0 0 100px;
}
#gp-order .single-domain-feature h2{
    font-size: 24px;
    color: #3a4368 ;
    font-weight: 600;
    margin: 0 0 35px;
}
#gp-order .single-domain-feature p{
    font-size: 16px;
    color: #536d87;
}
#gp-order .single-domain-feature img{
    margin: 0 0 30px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .single-domain-feature:hover img{
    -webkit-transform: scale(.9);
            transform: scale(.9);
}
#gp-order .hosting-slider{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/about-bg.jpg");
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    color: #fff;
    position: relative;
    transition: background-image 2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 2);
    -webkit-animation-direction: alternate;
}
#gp-order .hosting-slider .container{
    position: relative;
}
#gp-order .hosting-content-table{
    display: table;
    width: 100%;
}
#gp-order .hosting-content{
    display: table-cell;
    vertical-align: middle;
    padding-top: 180px;
    padding-bottom: 80px;
}
#gp-order .hosting-content h2{
    font-size: 39px;
    font-weight: 600;
    line-height: 49px;
    color: #ffffff;
}
#gp-order img.hosting-right-img{
    position: absolute;
    right: 0px;
    top: 50px;
    transition: background-image 2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 2);
    -webkit-animation: cssAnimation 2s infinite 2s ease;
    animation: cssAnimation 2s infinite 2s ease;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-transform: scale(.9) translate(0px);
    transform: scale(.9) translate(0px);
}
#gp-order .style-collapes .panel-default .panel-heading{
    border: none;
    background: none;
    border-radius: 0;
    padding: 0px;
}
#gp-order .style-collapes .panel-group .panel{
    border-radius: 0;
    margin-bottom: 30px;
}
#gp-order .style-collapes .panel-default .panel-heading{
    margin-top: 0;
    font-size: 16px;
    color: inherit;
}
#gp-order .style-collapes .panel-default .panel-heading h4 a{
    display: block;
    padding: 23px;
    text-decoration: none;
    font-size: 18px;
    color: #4c5462;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .style-collapes .panel-default .panel-heading h4 a span{
    float: right;
    font-size: 150%;
    line-height: 15px;
    display: none;
    color: #3879D9;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 16px;
}
#gp-order .style-collapes .panel-default .panel-heading h4 a[aria-expanded=true] span.ti-angle-down{
    display: block;
}
#gp-order .style-collapes .panel-default .panel-heading h4 a[aria-expanded=false] span.ti-angle-up{
    display: block;
}
.style-collapes .panel-default>.panel-heading+.panel-collapse>.panel-#gp-order{
    border-top: none;
    box-shadow: 0 0 0;
    color: #3a4368 ;
    font-size: 16px;
    padding: 6px 3px 28px 26px;
    font-weight: 400;
}
#gp-order .style-collapes .collapse.in{
    display: block;
    margin-bottom: 30px;
}
#gp-order .style-collapes .panel-default{
    border-left: 2px solid#5dafef;
}
#gp-order .single-hosting-price{
    float: left;
    width: 25%;
    text-align: center;
    border: 2px solid#edf4fd;
}
#gp-order .hosting-plan-area{
    padding-top: 115px;
    margin-bottom: 115px;
}
#gp-order .homepage-2.dedicated .hosting-plan-area{
    padding-top: 115px;
}
#gp-order .homepage-2 .vbox-container{
    overflow: hidden;
}
#gp-order .homepage-2.hosting .hosting-plan-area{
    padding-top: 115px;
}
#gp-order .single-hosting-price ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .single-hosting-price h2{
    font-size: 18px;
    font-weight: 700;
    color: #3a4368;
    margin: 40px 0 6px;
    letter-spacing: 2px;
}
#gp-order section.hosting-plan-area.hosting-plan-area-affiliate .single-hosting-price h2{
    font-size: 18px;
    font-weight: 700;
    color: #3a4368;
    margin: 40px 0 6px;
    letter-spacing: 2px;
}
#gp-order section.hosting-plan-area.hosting-plan-area-affiliate .single-hosting-price li{
    font-size: 14px;
    font-weight: 500;
    padding: 15px 0;
}
#gp-order section.hosting-plan-area.hosting-plan-area-affiliate .single-hosting-price li span{
    color: #3a4368 ;
}
#gp-order .single-hosting-price li{
    font-size: 14px;
    font-weight: 500;
    padding: 15px 0;
}
#gp-order .single-hosting-price .pricing-amount{
    padding: 20px 0px 44px 0px;
    border-bottom: 1px solid #E7F1FF;
}
#gp-order .single-hosting-price.display-none{
    margin-top: 167px;
}
#gp-order section.hosting-plan-area.hosting-plan-area-affiliate .single-hosting-price.display-none{
    margin-top: 0;
}
#gp-order section.hosting-plan-area.clouds img{
    position: inherit;
}
#gp-order .single-hosting-price{
    border-right: 0;
}
#gp-order .single-hosting-price:last-child{
    border-right: 2px solid#edf4fd;
}
#gp-order .single-hosting-price li:nth-child(even){
    background: #F6FAFF;
}
#gp-order .single-hosting-price .pricing-btn.blue-btn{
    margin-bottom: 40px;
}
#gp-order .single-hosting-price.display-none li{
    font-weight: 700;
    color: #3a4368 ;
}
#gp-order .pt{
    display: none;
}
#gp-order .single-blog-box img{
    width: 100%;
}
#gp-order .famework-area{
    padding-bottom: 90px;
}
#gp-order .famework-area .section-title h2{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding: 0 152px;
    line-height: 40px;
}
#gp-order .famework-area .owl-carousel .owl-item .brand-single-item img{
    max-width: 108px;
    width: 108px;
    height: 108px;
    text-align: center;
    margin: 0 auto;
}
#gp-order .brand-single-item{
    text-align: center;
}
#gp-order .brand-single-item-cell{
    display: table-cell;
    width: 100%;
    height: 60px;
    vertical-align: middle;
    text-align: center;
}
#gp-order .brand-single-item{
    display: table;
    width: 100%;
    height: 100%;
}
#gp-order .brand-single-item h2{
    font-size: 24px;
    font-weight: 600;
    color: #3a4368 ;
    margin-top: 30px;
}
#gp-order .dedication-hosting-area{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/dedication-bg.jpg");
    background-size: cover;
    background-position: center;
    background-color: #ddd;
    position: relative;
    z-index: 1;
    padding-top: 110px;
    color: #fff;
    padding-bottom: 105px;
}
#gp-order .dedication-hosting-area.about-page{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/ream-bg.jpg");
    padding-bottom: 230px;
    padding-top: 120px;
}
#gp-order .about-page .about-blog{
    padding: 120px 0;
    padding-top: 0;
}
#gp-order .dedication-hosting-area:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #1a1767 0%, #190e5d 100%);
    z-index: -1;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#gp-order .dedication-hosting-area.about-page p{
    font-size: 48px;
    font-weight: 700;
    margin-top: 35px;
    color: #fff;
}
#gp-order .dedication-hosting-area.about-page:after{
    background: linear-gradient(90deg, rgba(10,50,153,0.7) 0%, #190e5d 100%);
}
#gp-order .dedication-table{
    display: table;
    width: 100%;
}
#gp-order .dedication-table-cell{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
#gp-order .dedication-table-cell h2{
    font-size: 48px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 70px;
    color: #ffffff;
}
#gp-order .video-play-btn-2{
    height: 115px;
    width: 115px;
    background-color: #fff;
    line-height: 115px;
    display: inline-block;
    text-align: center;
    font-size: 40px;
    border-radius: 50%;
    padding-left: 4px;
    color: #1421c2;
}
#gp-order section.dedication-hosting-area p{
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
    color: #ffffff;
}
#gp-order section.hosting-slider.faq-slider{
    text-align: left;
}
#gp-order .hosting-slider.faq-slider .hosting-content{
    padding-bottom: 135px;
}
#gp-order section.working-affiliate-area{
    padding: 115px 0;
}
#gp-order .single-affiliate{
    height: 250px;
    background: #EDF4FD;
    text-align: center;
    border: 1px solid#EDF4FD;
    border-radius: 50%;
    width: 250px;
    margin: 0 auto;
}
#gp-order .single-affiliate img{
    margin-top: 50px;
}
#gp-order .single-affiliate h4{
    font-size: 24px;
    font-weight: 600;
    color: #3a4368 ;
    margin-top: 19px;
}
#gp-order .col-md-4.line-shape{
    position: relative;
}
#gp-order .col-md-4.line-shape:after{
    position: absolute;
    top: 50%;
    left: 82%;
    content: "";
    background: url("https://oblikovanje-logotipa.si/assets/img/icons/affiliate-line.png") no-repeat;
    width: 100%;
    height: 100%;
}
#gp-order .cart-blog-area{
    padding: 100px 0;
}
#gp-order .cart-chart{
    width: 100%;
}
#gp-order table.cart-table{
    width: 100%;
    border: 1px solid#edf4fe;
    border-bottom: 0px;
    border-radius: 5px;
}
#gp-order thead.cart-heading{
    font-size: 18px;
    color: #5dafef;
    font-weight: 500;
    background: #F6FAFF;
}
#gp-order thead.cart-heading tr th{
    padding: 25px 50px;
}
#gp-order table.cart-table tbody tr td{
    padding: 25px 50px;
    font-size: 14px;
    font-weight: 500;
    color: #3a4368 ;
    vertical-align: middle;
}
#gp-order .table{
    width: 100%;
    max-width: 100%;
    margin: 0;
}
#gp-order .cart-blog-area .nice-select:after{
    border-bottom: 3px solid #999;
    border-right: 3px solid #999;
    content: '';
    display: block;
    height: 9px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 9px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
}
#gp-order .cart-blog-area .nice-select{
    -webkit-tap-highlight-color: transparent;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    outline: none;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 78px;
    border: 1px solid #d0e2f4;
    padding: 6px;
}
#gp-order td.total-bill button{
    border: none;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    margin-top: -1px;
    outline: none;
    display: inline-block;
    position: relative;
    right: -45%;

}
#gp-order input#coupon_code{
    border: 1px solid#d0e2f4;
    padding: 12px;
    font-size: 14px;
    color: #536d87;
}
#gp-order input.button{
    background: #5dafef;
    border: 1px solid#5dafef;
    padding: 13px 20px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
}
#gp-order .order-summary h2{
    font-size: 20px;
    color: #3a4368 ;
    font-weight: 500;
}
#gp-order .subtotal{
    border: 1px solid#edf4fd;
    padding: 15px 28px;
    border-bottom-color: #fff;
    border-radius: 5px;
}
#gp-order .subtotal
 h2{
    font-size: 14px;
    color: #536d87;
}
#gp-order .subtotal
 h2 span{
    float: right;
}
#gp-order .vat{
    border: 1px solid#edf4fd;
    padding: 0px 28px;
    border-top-color: #fff;
}
#gp-order .vat
 h2{
    font-size: 14px;
    color: #536d87;
}
#gp-order .vat
 h2 span{
    float: right;
}
#gp-order .total{
    border: 1px solid#edf4fd;
    padding: 15px 28px;
    border-radius: 0px 0px 5px 5px;
}
#gp-order .total
 h2{
    font-size: 14px;
    color: #3a4368 ;
}
#gp-order .total
 h2 span{
    float: right;
}
#gp-order a.checkout-btn{
    padding: 15px 40px;
    background: #5dafef;
    text-decoration: none;
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    margin-top: 30px;
}
#gp-order .checkout{
    text-align: right;
}
#gp-order section.checkout-area{
    padding: 120px 0;
}
#gp-order .row.section-border{
    border: 1px solid#edf4fd;
    padding: 80px 30px;
    border-radius: 5px;
}
#gp-order .bill-chackout h4{
    font-size: 16px;
    font-weight: 500;
    color: #3a4368 ;
}
#gp-order .bill-chackout h4 a{
    text-decoration: none;
    color: #5dafef;
}
#gp-order .billing-details h2{
    font-size: 20px;
    color: #3a4368 ;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 16px;
}
#gp-order .billing-details h5{
    font-size: 14px;
    color: #536d87;
    margin-top: 20px;
}
#gp-order .billing-details input[type="text"]{
    width: 100%;
    height: 40px;
    border: 1px solid#d0e2f4;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    box-shadow: none;
}
#gp-order .billing-details input[type="email"]{
    width: 100%;
    height: 40px;
    border: 1px solid#d0e2f4;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    box-shadow: none;
}
#gp-order .checkout-area .order-summary{
    margin-top: 83px;
}
#gp-order h2.order-heading{
    margin-bottom: 22px;
}
#gp-order img.contact-right-img{
    position: absolute;
    right: 50px;
    bottom: 0;
}
#gp-order section.address-area{
    padding-top: 100px;
    padding-bottom: 445px;
}
#gp-order .single-address{
    text-align: center;
}
#gp-order .single-address span{
    font-size: 24px;
    background: #1421c2;
    line-height: 70px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 25px;
    height: 70px;
    width: 70px;
}
#gp-order p.single-contact-info a{
    font-size: 18px;
    font-weight: 500;
    color: #3e445b;
    text-decoration: none;
}
#gp-order .single-address p{
    font-size: 18px;
    padding: 0 25px;
    font-weight: 500;
    color: #3e445b;
}
#gp-order .get-in-touch{
    padding: 80px 30px;
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
    position: absolute;
    z-index: 999999;
    background: #fff;
    top: -381px;
    width: 100%;
}
#gp-order .get-in-touch h2{
    font-size: 36px;
    color: #3a4368 ;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
#gp-order .get-in-touch input[type="text"]{
    width: 100%;
    height: 40px;
    border: 1px solid#d0e2f4;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    box-shadow: none;
}
#gp-order .get-in-touch input[type="email"]{
    width: 100%;
    height: 40px;
    border: 1px solid#d0e2f4;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    box-shadow: none;
}
#gp-order .get-in-touch h4{
    font-size: 14px;
    color: #536d87;
    margin-bottom: 10px;
}
#gp-order .get-in-touch textarea{
    width: 100%;
    border: 1px solid#d0e2f4;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    height: 156px;
    box-shadow: none;
}
#gp-order button.btn.btn-blue{
    padding: 15px 40px;
    background: #1421c2;
    text-decoration: none;
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    outline: 0;
    box-shadow: none;

}
#gp-order textarea#Message{
    outline: 0;
    box-shadow: none;
}
#gp-order .submit-button{
    text-align: right;
}
#gp-order .submit-button button{
    background: #1421c2;
    text-decoration: none;
    font-weight: 400;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    outline: none;
    height: 50px;
    padding: 15px 18px;
}
#gp-order section.map-area{
    position: relative;
}
#gp-order #map{
    height: 780px;
    width: 100%;
}
#gp-order .blog-section-area{
    padding: 110px 0px 120px 0px;
}
#gp-order .homepage-2 .blog-section-area{
    padding: 115px 0px 0px 0px;
}
#gp-order a.blog-intro{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1421c2;
    text-decoration: none;
    margin: 0px 30px 15px;
    display: inline-block;
}
#gp-order .blog-section-area .blog-box-content{
    margin: 0px;
    padding: 40px 21px;
    border: 1px solid #e7f1ff;
    border-top: 0px solid transparent;
}
#gp-order .power-left img{
    padding: 183px 0px 0px 70px;
    overflow: hidden;
    left: 0;
    right: auto;
    position: inherit;
}
#gp-order .power-left img{
    padding: 183px 0px 0px 70px;
    overflow: hidden;
    left: 0;
    right: auto;
    position: inherit;
}
#gp-order .power-area-2.power-left img{
    position: absolute;
    right: 0;
    left: auto;
}
#gp-order .blog-section-area .blog-box-content .post-meta{
    padding: 0;
}
#gp-order .blog-section-area .post-meta li{
    display: inline-block;
    list-style: none;
    color: #3e445b;
    font-weight: 500;
    margin: 0px 10px 0 0 !important;
}
#gp-order .blog-section-area .blog-box-content h3{
    font-size: 20px;
    font-weight: 600;
    color: #3a4368 ;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 30px;
    text-decoration: none;
    margin-top: 20px;
}
#gp-order .blog-section-area .blog-box-content a h3{
    text-decoration: none;
}
#gp-order .blog-section-area .post-permalink{
    margin-top: 35px;
}
#gp-order .blog-section-area .post-permalink a{
    font-weight: 600;
    font-size: 14px;
    color: #3a4368 ;
}
#gp-order .single-blog-image{
    overflow: hidden;
}
#gp-order .blog-section-area .post-permalink a i{
    margin-left: 12px;
    transform: translateY(5px);
    position: absolute;
    font-size: 15px;
    transition: all 0.3s ease;
}
#gp-order .blog-section-area .single-blog:hover .post-permalink a{
    color: #1421c2;
}
#gp-order .blog-section-area .single-blog:hover .blog-box-content h3{
    color: #1421c2;
}
#gp-order .blog-section-area .single-blog:hover .post-permalink i{
    margin-left: 15px;
}
#gp-order .blog-section-area .post-meta li .author-meta a{
    color: #3e445b;
    text-decoration: none;
}
#gp-order span.meta-wrap a{
    color: #3e445b;
    text-decoration: none;
}
#gp-order span.meta-wrap a:hover{
    color: #1421c2;
}
#gp-order .blog-section-area .post-meta li .author-meta a:hover{
    color: #1421c2;
}
#gp-order .blog-box-bg-1{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/blog-full-page-bg-1.jpg");
    background-position: center;
    background-color: #ddd;
    height: 205px;

}
#gp-order .blog-box-bg-2{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/blog-full-page-bg-2.jpg");
    background-position: center;
    background-color: #ddd;
    height: 205px;

}
#gp-order .blog-box-bg-3{
    background-image: url("https://oblikovanje-logotipa.si/assets/img/blog-full-page-bg-3.jpg");
    background-position: center;
    background-color: #ddd;
    height: 205px;

}
#gp-order .single-blog-box{
    text-align: center;
    margin-bottom: 50px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
}
#gp-order .blog-box-content{
    border: 1px solid#d0e2f4;
    border-top: 0;
    margin: 0px 1px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order section.blog-details.latest-blog-area .single-blog-box{
    border-radius: 0px;
}
#gp-order .single-blog-box:hover{
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .single-blog-box:hover .blog-box-content h3{
    color: #5dafef;

}
#gp-order .latest-blog-area.blog-section-area .blog-box-content a.read-more-btn{
    background: #1421c2;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    border-radius: 5px;
}
#gp-order .homepage-2 .latest-blog-area.blog-section-area{
    padding: 120px 0px 100px 0px;
}
#gp-order .latest-blog-area.blog-section-area .post-meta li .author-meta a{
    text-decoration: none;
    color: #3e445b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
#gp-order .latest-blog-area.blog-section-area .post-meta li .author-meta a:hover{
    color: #1421c2;
}
#gp-order .latest-blog-area.blog-section-area .blog-box-content a.read-more-btn:hover{
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .latest-blog-area.blog-section-area .single-blog:hover .blog-box-content h3{
    color: #3a4368 ;
}
#gp-order .single-blog-box:hover .blog-box-content{
    border-color: #fff;
}
#gp-order .latest-blog-area{
    padding: 120px 0;
}
#gp-order .latest-blog-area .single-blog-image img{
    width: 100%;
    height: 341px;
}
#gp-order .latest-blog-area.blog-right .single-blog-image img{
    height: initial;
}
#gp-order .latest-blog-area.blog-section-area .blog-box-content{
    padding: 40px 30px;
    border: 0px solid #e7f1ff;
    border-top: 0px solid transparent;
    text-align: center;
}
#gp-order .latest-blog-area.blog-section-area.blog-right .blog-box-content{
    text-align: left;
}
#gp-order .single-blog.mb-60{
    margin-bottom: 60px;
}
#gp-order .blog-excerpt p{
    font-size: 14px;
    color: #3a4368 ;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 26px;
}
#gp-order .latest-blog-area .blog-box-content h3{
    font-size: 28px;
    font-weight: 700;
    color: #3a4368 ;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 38px;
    margin: 30px 0;
}
#gp-order .blog-box-content h3{
    font-size: 20px;
    font-weight: 600;
    color: #3a4368 ;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .blog-box-content{
    padding: 40px 14px;
}
#gp-order p.blog-meta{
    margin: 16px 0;
}
#gp-order p.blog-meta a{
    color: #3e445b;
    font-size: 12px;
    display: inline-block;
    padding: 5px;
}
#gp-order p.blog-meta i.fa{
    font-size: 18px;
    padding-right: 6px;
}
#gp-order .blog-box-content p{
    font-size: 14px;
    color: #3e445b;
    margin-bottom: 24px;
    line-height: 24px;
}
#gp-order .pagination>li:first-child>a,#gp-order .pagination>li:first-child>span{
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: none;
}
#gp-order .pagination>li:first-child>a,#gp-order .pagination>li:first-child>span{
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border:none;
}
#gp-order .pagination>li:last-child>a,#gp-order .pagination>li:last-child>span{
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border:none;
}
#gp-order .pagination>li:last-child>a{
    border:none;
}
#gp-order .pagination li a{
    font-size: 14px;
    color: #536d87;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 13px;
    border: 1px solid#d0e2f4;
    margin: 10px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none;
}
#gp-order .shop-grid-right .pagination li a{
    font-size: 14px;
    color: #536d87;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 13px;    
    margin: 0 7px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none;
}
#gp-order .pagination{
    text-align: center;
    margin-top: 30px;
}
#gp-order .pagination li a:hover{
    background: #5dafef;
    color: #fff;
    border-color: #5dafef;
}
#gp-order .pagination>li:first-child>a:hover{
    border: none;
    background: none;
    color: #5dafef;
}
#gp-order .pagination>li:last-child>a:hover{
    border: none;
    background: none;
    color: #5dafef;
}
#gp-order .latest-blog-area .social-links span{
    background: #D0E2F4;
    text-align: center;
    line-height: 30px;
    color: #5DAFEF;
    border: 1px solid#D0E2F4;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 10px;
    font-size: 14px;
    padding: 6px;
}
#gp-order .latest-blog-area .social-links span:hover{
    color: #fff;
    background: #5DAFEF;
    border-color: #5DAFEF;
}
#gp-order .blog-right-search-button{
    border: 1px solid#ced4da;
    padding: 30px;
    border-radius: 5px;
}
#gp-order .search-button input[type="text"]{
    width: 77%;
    padding: 13px;
    border: 1px solid#ced4da;
    border-radius: 5px 0px 0px 5px;
    outline: none;
}
#gp-order .search-button button{
    border: none;
    padding: 14px 24px;
    background: #1421c2;
    position: absolute;
    border-radius: 0px 5px 5px 0px;
}
#gp-order .price-filtering{
    margin-top: 50px;
    border: 1px solid#d0e2f4;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
}
#gp-order .price-filtering  label{
    font-size: 24px;
    color: #3a4368 ;
    font-weight: 600;
    margin-bottom: 25px;
}
#gp-order .price-filtering .ui-widget.ui-widget-content{
    border: 0px;
    border-radius: 0;
    background: #e4e4e5;
}
#gp-order .price-filtering .ui-corner-all,#gp-order .ui-corner-bottom,#gp-order .ui-corner-right,#gp-order .ui-corner-br{
    border-radius: 50px;
}
#gp-order .price-filtering .ui-widget-header{
    border: none;
    background: #5dafef;
    color: #333;
    font-weight: bold;
}
#gp-order .price-filtering .ui-slider-horizontal{
    height: 8px;
}
#gp-order .price-filtering .ui-slider-horizontal .ui-slider-handle{
    top: -3px;
    margin-left: -4px;
}
#gp-order .price-filtering input#amount{
    margin-top: 5px;
    text-align: center;
}
#gp-order .price-filtering .ui-slider .ui-slider-handle{
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 13px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
#gp-order .price-filtering .ui-state-default,#gp-order .ui-widget-content .ui-state-default,#gp-order .ui-widget-header .ui-state-default,#gp-order .ui-button,#gp-order .ui-button.ui-state-disabled:hover,#gp-order .ui-button.ui-state-disabled:active{
    border: 1px solid #fff;
    background: #5dafef;
    font-weight: normal;
    color: #454545;
}
#gp-order .blog-categories-right{
    margin-top: 60px;
    border: 1px solid#ced4da;
    border-radius: 5px;
}
#gp-order .categories-right-list{
padding: 30px 0px;
}
#gp-order .blog-categories-right h2{
    font-size: 24px;
    font-weight: 600;
    color: #3e445b;
    margin: 0 0 12px;
    display: block;
    padding: 30px 0px 30px 30px;
    background: #f8f9ff;
    position: relative;
}
#gp-order .blog-recent-post h3:after{
    position: absolute;
    top: auto;
    bottom: 0;
    left: 30px;
    width: 50px;
    height: 4px;
    content: "";
    background: #1421c2;
}
#gp-order .blog-categories-right h2:after{
    position: absolute;
    top: auto;
    bottom: 0;
    left: 30px;
    width: 50px;
    height: 4px;
    content: "";
    background: #1421c2;
}
#gp-order .categories-right-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .categories-right-list li{
    padding: 10px 30px;
    text-align: right;
    transition: .3s;
}
#gp-order .categories-right-list li:hover{
    background: #f8f9ff;
    color: #1421c2;
}
#gp-order .categories-right-list a{
    font-size: 14px;
    color: #3a4368 ;
    display: block;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    float: left;
}
#gp-order .categories-right-list a:hover{
    padding-left: 10px;
    color: #1421c2;
}
#gp-order .blog-details .single-blog-box img{
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}
#gp-order .blog-details .blog-box-content{
    border: 0px;
    margin: 0;
    padding: 0;
}
#gp-order .blog-details .single-blog-box:hover{
    box-shadow: none;
}
#gp-order .blog-details .single-blog-box p.blog-meta a{
    color: #3e445b;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 700;
    transition: .3s;
    text-transform: uppercase;
}
#gp-order .blog-details .single-blog-box p.blog-meta a:hover{
    color: #1421c2;
}
#gp-order .blog-recent-post-image-1{
    margin-bottom: 40px;
}
#gp-order .blog-recent-post-image-1 img{
    width: 100%;
}
#gp-order .blog-recent-post{
    border: 1px solid#ced4da;
    border-radius: 5px;
    margin-top: 60px;
}
#gp-order .blog-recent-post-list{
    padding: 28px;
}
#gp-order .shop-recent-post-image-1{
    margin-bottom: 30px;
}
#gp-order .blog-recent-post h3{
    font-size: 24px;
    font-weight: 600;
    color: #3e445b;
    margin: 0 0 10px;
    display: block;
    padding: 30px 0px 30px 30px;
    background: #f8f9ff;
    position: relative;
}
#gp-order .blog-recent-post-content p{
    font-size: 12px;
    color: #536d87;
    margin: 0 0 5px;
}
#gp-order .blog-recent-post-content h2{
    font-size: 14px;
    font-weight: 600;
    color: #252525;
    margin: 0;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}
#gp-order .blog-recent-post-content h2:hover{
    color: #1421c2;
}
#gp-order .blog-recent-post-content{
    margin-top: 5px;
}
#gp-order .blog-recent-post-content a{
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .blog-tag-cloud{
    border: 1px solid#ced4da;
    border-radius: 5px;
    margin-top: 60px;
}
#gp-order .blog-tag-cloud-list{
    padding: 25px;
}
#gp-order .about-area .blog-tag-cloud-list{
    padding:0px;
}
#gp-order .blog-tag-cloud h2{
    font-size: 24px;
    font-weight: 600;
    color: #3e445b;
    margin: 0 0 10px;
    display: block;
    padding: 30px 0px 30px 30px;
    background: #f8f9ff;
    position: relative;
}
#gp-order .blog-tag-cloud h2:after{
    position: absolute;
    top: auto;
    bottom: 0;
    left: 30px;
    width: 50px;
    height: 4px;
    content: "";
    background: #1421c2;
}
#gp-order .blog-tag-cloud-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .blog-tag-cloud-list ul li{
    display: inline-block;
    padding: 11px 6px;
}
#gp-order .blog-tag-cloud-list ul li a{
    display: block;
    border: 1px solid#e0e0e0;
    padding: 4px 10px;
    font-size: 12px;
    color: #626d92;
    text-decoration: none;
    border-radius: 0;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 500;
    border-radius: 5px;
    text-transform: capitalize;
    background: transparent;
}
#gp-order .blog-tag-cloud-list ul li a:hover{
    background: #ffffff;
    color: #1421c2;
    border-color:#1421c2;
}
#gp-order .blog-details .blog-box-content h3{
    font-size: 30px;
    font-weight: 600;
    color: #3a4368 ;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 30px;
}
#gp-order .blog-details .single-blog-box p{
    padding: 0 30px;
    margin: 0 0 30px;
    text-align: left;
    font-size: 14px;
    color: #3e445b;
    font-weight: 400;
}
#gp-order .single-blog-box span{
    font-size: 16px;
    position: relative;
    top: 3px;
    padding-right: 10px;
    color: #3e445b;
}
#gp-order p.blog-2-line-p{
    margin: 0;
}
#gp-order .blog-details-speech h4{
    font-size: 18px;
    margin: 0px 30px 15px 30px;
    color: #3a4368 ;
    display: block;
}
#gp-order .blog-details p.blog-meta{
    text-align: left;
    margin-left: -10px;
    margin-top: 20px;
}
#gp-order .blog-details-speech{
    text-align: left;
    margin-bottom: 30px;
}
#gp-order .bd-single{
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 50%;
    margin-bottom: 50px;
}
#gp-order .bd-img{
    margin: auto;
}
#gp-order .bd-social-links .blog-tag-cloud{
    padding-left: 35px;
    border: none;
    border-radius: 5px;
    margin-top: 25px;
    text-align: left;
}
#gp-order .bd-social-links .blog-tag-cloud h2{
    font-size: 14px;
    color: #3a4368;
    font-weight: 700;
    margin: 0 0 10px;
    background: inherit;
    position: inherit;
    padding: 0;
}
#gp-order .bd-social-links .blog-tag-cloud h2:after{
    display: none;
}
#gp-order .bd-social-links .blog-tag-cloud-list{
    padding: 0px;
}
#gp-order .bd-social-links .blog-tag-cloud-list a{
    border: 1px solid#e0e0e0;
    padding: 7px 24px;
    font-size: 12px;
    color: #626d92;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    background: transparent;
    text-transform: uppercase;
    border-radius: 0px;
    font-weight: 600;
    border-radius: 5px;
}
#gp-order .bd-social-links .blog-tag-cloud-list a:hover{
    color: #1421c2;
    background: #fff;
    border-color:#1421c2;
}
#gp-order .hideshare-list a{
    background: transparent;
    text-align: center;
    line-height: 30px;
    color: #1421c2;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 10px;
    font-size: 16px;
    padding: 0px;
    border: 0px;
    margin-left: 0;
    text-shadow: none;
}
#gp-order .hideshare-wrap{
    margin: 50px 40px 0px 0px;
    text-align: center;
    position: relative;
}
#gp-order .hideshare-list a:hover{
    color: #1421c2;
}
#gp-order .blog-details .bd-social-links .social-links span:hover{
    color: #fff;
    background: #1421c2;
    border-color:#1421c2;
}
#gp-order .social-links h2{
    font-size: 20px;
    margin: 0 0 15px;
}
#gp-order a.share i{
    font-size: 20px;
    color: #1421c2;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid#e0e0e0;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}
#gp-order .share{
    display: block;
    margin: 0 auto;
    background: none;
    color: #232323;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    border: 0;
    text-align: center;
    font-weight: inherit;
    text-transform: inherit;
    text-shadow: none;
}
#gp-order a.share{
    text-align: right;
    display: block;
    margin: 5px 30px 0px 0px;
}
#gp-order .prev-next-post-link{
    padding: 30px;
    margin-top: -50px;
    margin-bottom: 70px;
    border-top: 1px solid#e0e0e0;
}
#gp-order .prev-next-post-link .prev-post-link{
    width: 50%;
    float: left;
}
#gp-order .prev-next-post-link .next-post-link{
    width: 50%;
    float: right;
    text-align: right;
}
#gp-order .slake-post-navs{}
#gp-order .img-wrapper i{
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    color: #ffffff;
    text-align: center;
    display: block;
}
#gp-order .slake-post-navs .img-wrapper{
    position: relative;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 18px;
    background-color: #1421c2;
    float: left;
}
#gp-order .slake-post-navs.next-post-link .img-wrapper{
    margin-left: 20px;
    float: right;
    margin-right: 0;
}
#gp-order .slake-post-navs span{
    font-size: 14px;
    font-weight: 700;
    color: #464646;
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    line-height: 20px;
}
#gp-order .slake-post-navs .overlay{
    font-size: 12px;
    font-weight:600; 
    color: #626d92;
}
#gp-order .slake-post-navs img{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 2px;
}
#gp-order .{
  font-size: 16px;
  font-family: "themify";
  color: rgb( 52, 100, 224 );
  position: absolute;
  left: 1086.037px;
  top: 2297.545px;
  z-index: 428;
}
#gp-order .blog-details .single-blog-box .bd-single img{
    min-height: 228px;
    border-radius: 0px 0px 0px 0px;
}
#gp-order .bd-single img{
    min-height: 228px;
}
#gp-order .bd-img :not(:last-child){
    padding-right: 10px;
}
#gp-order .bd-img :not(:first-child){
    padding-left: 10px;
}
#gp-order .bd-img{
    margin: 0px 35px 0px 35px;
}
#gp-order .blog-details p.speak-quate{
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
}
#gp-order .cotation{
    padding: 40px 6px 8px 100px;
    background: #f2f5f9;
    margin: 30px;
    text-align: left;
}
#gp-order p.speak-quate:before{
    position: absolute;
    content: "\f10d";
    font-family: fontawesome;
    left: -9%;
    top: 38%;
    color: #1421c2;
}
#gp-order .cotation h5{
    font-size: 16px;
    font-weight: 600;
    position: relative;
    color: #3e445b;
    padding-left: 30px;
}
#gp-order .cotation h5:after{
    position: absolute;
    content: "";
    left: 0%;
    top: 36%;
    background: #3e445b;
    width: 20px;
    height: 2px;
}
#gp-order .blog-details-speech ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .blog-details-speech li{
    display: block;
    margin-left: 50px;
    margin-bottom: 5px;
    position: relative;
}
#gp-order .blog-details-speech li b{
    font-weight: 400 !important;
    color: #3e445b;
    padding-right: 10px;
}
#gp-order .blog-details .social-links span{
    background: #D0E2F4;
    text-align: center;
    line-height: 30px;
    color: #5DAFEF;
    border: 1px solid#D0E2F4;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 10px;
    font-size: 14px;
    padding: 6px;
}
#gp-order .blog-details .social-links span:hover{
    color: #fff;
    background: #5DAFEF;
    border-color: #5DAFEF;
}
#gp-order .comment-area h2{
    font-size: 24px;
    font-weight: 600;
    color: #3a4368 ;
    margin-top: 30px;
    margin-left: 30px;
}
#gp-order .single-comment-content{
    padding-left: 120px;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid#f6faff;
    padding-right: 11px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .single-comment-content:last-child{
    border: none;
}
#gp-order .single-comment-content:hover button.reply-button{
    color: #1421c2;
}
#gp-order .single-comment-content.comment-padding-left{
    padding-left: 160px;
}
#gp-order .single-comment-content.comment-padding-left img{
    left: 9%;
}
#gp-order .single-comment-content img{
    position: absolute;
    left: 3%;
    top: 15%;
    border: 1px solid#3e445b;
    border-radius: 50%;
}
#gp-order .single-comment-content h4{
    font-size: 18px;
    color: #3a4368 ;
    font-weight: 600;
}
#gp-order .single-comment-content h4 span{
    display: block;
    font-size: 71%;
    font-weight: normal;
    margin-top: 10px;
}
#gp-order .comment-reply{
    text-align: right;
    position: relative;
}
#gp-order button.reply-button{
    border: none;
    background: none;
    font-size: 12px;
    text-transform: uppercase;
    outline: none;
    position: absolute;
    right: 10px;
    top: -30px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .single-comment-content p{
    font-size: 14px;
    color: #3e445b;
    line-height: 24px;
    margin: 20px 40px 0px 0px;
}
#gp-order .leave-comment-area{
    padding: 30px 0;
    margin-top: 50px;
}
#gp-order .leave-comment-area h2{
    font-size: 24px;
    font-weight: 600;
    color: #3a4368 ;
}
#gp-order .leave-comment-area .single-input h4{
    font-size: 14px;
    color: #3a4368;
    margin-top: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}
#gp-order .comment-notes{
    font-size: 14px;
    color: #3a4368;
    margin-top: 20px;
}
#gp-order .single-input input[type="text"]{
    width: 100%;
    height: 40px;
    border: 1px solid#ced4da;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    box-shadow: none;
}
#gp-order .single-input input[type="email"]{
    width: 100%;
    height: 40px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    box-shadow: none;
}
#gp-order .single-input textarea{
    width: 100%;
    border: 1px solid#ced4da;
    border-radius: 5px;
    outline: 0;
    margin-bottom: 24px;
    padding: 15px;
    height: 135px;
    box-shadow: none;
}
#gp-order .single-input .submit-button button[type="submit"]{
    background: #1421c2;
    text-decoration: none;
    font-weight: 400;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    outline: none;
    height: 50px;
    position: absolute;
    left: 14px;
    padding: 15px 18px;
}
#gp-order .single-input .submit-button{
    text-align: center;
    margin-top: 28px;
}
#gp-order .blog-detail{
    margin-bottom: 50px;
}
#gp-order .instragram{
    border: 1px solid#ced4da;
    border-radius: 5px;
    margin-top: 60px;
    overflow: hidden;
}
#gp-order .instragram h2{    
     font-size: 24px; 
    font-weight: 600;
    color: #3e445b;
    margin: 0 0 10px;
    display: block;
    padding: 30px 0px 30px 30px;
    background: #f8f9ff;
    position: relative;
}
#gp-order .instragram h2:after{
    position: absolute;
    top: auto;
    bottom: 0;
    left: 30px;
    width: 50px;
    height: 4px;
    content: "";
    background: #1421c2;
}
#gp-order .instragram ul{
    margin: 0;
    padding: 28px 28px 28px 28px;
    list-style: none;
    display: inline-block;
}
#gp-order .instragram li{
    width: 29%;
    float: left;
    margin-right: 17px;
    padding: 7px 0px;
}
#gp-order .instragram img{
    max-width: 100%;
    height: initial;
}
#gp-order .instragram li:nth-child(3n){
    margin-right: 0;
}
#gp-order section.shop-grid-area{
    padding: 100px 0;
}
#gp-order .shop-show-left i.fa{
    font-size: 20px;
    color: #536d87;
    height: 35px;
    width: 35px;
    line-height: 30px;
    border: 1px solid#fff;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .shop-show-left i.fa:hover{
    border-color:#d0e2f4;
    color: #7dbff2;
}
#gp-order .shop-show-right{
    text-align: right;
}
#gp-order section.shop-grid-area .nice-select.show-items{
    border: 1px solid#d0e2f4;
    padding: 5px;
    border-radius: 5px;
}
#gp-order a.show-items{
    font-size: 12px;
    color: #536d87;
    font-weight: 500;
    border: 1px solid#d0e2f4;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
}
#gp-order .shop-show-right i.fa{
    font-size: 23px;
    padding-left: 14px;
    position: relative;
    top: 4px;
    color: #8a9aaa;
}
#gp-order .shop-grid-area .shop-pagination-wrapper{
    text-align: center;
    margin-top: -10px;
}
#gp-order .shop-show-right.left{
    text-align: right;
    border: 1px solid#d0e2f4;
    padding: 5px;
    border-radius: 5px;
}
#gp-order .shop-pagination-wrapper ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#gp-order .single-shop-bg.single-shop-bg-1 img{
    overflow: hidden;
    height: 235px;
    width: 100%;
}
#gp-order .single-shop-bg{
    border-bottom: 1px solid#CFE1F4;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
}
#gp-order .single-shop-bg:hover{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
#gp-order .single-shop-box{
    border: 1px solid#d0e2f4;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}
#gp-order .single-shop-box{
    margin-top: 40px;
}
#gp-order .shop-content{
    padding: 30px;
}
#gp-order .shop-content:hover h3{
    color: #5dafef;
}
#gp-order .shop-content a{
    text-decoration: none;
}
#gp-order .shop-content h3{
    font-size: 20px;
    font-weight: 600;
    color: #3a4368 ;
    margin: 0;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .shop-content h4{
    font-size: 20px;
    color: #3a4368 ;
    font-weight: 600;
    margin: 16px 0px;
}
#gp-order .shop-content h4 span.cross{
    font-size: 14px;
    font-weight: normal;
    color: #536d87;
    margin-right: 11px;
    position: relative;
}
#gp-order .shop-content h4 span.cross:before{
    position: absolute;
    top: 50%;
    left: -8%;
    width: 53px;
    height: 1px;
    content: "";
    background: #536d87;
}
#gp-order a.single-shop-btn{
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    background: #5dafef;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order a.single-shop-btn:hover{
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 10px 35px 0px rgba(1, 68, 137, 0.1);
}
#gp-order .shop-pagination-wrapper.mt-80{
    margin-top: 80px;
    text-align: center;
}
#gp-order .shop-pagination-wrapper.mt-50{
    margin-top: 50px;
    text-align: center;
}
#gp-order .shop-grid-right a.show-items{
    padding: 7px 7px;
}
#gp-order .shop-grid-right .blog-right-search-button{
     border: none ;
    padding: 0px;
    border-radius: 5px;
}
#gp-order .shop-recent-post-content p{
    font-size: 14px;
    font-weight: 600;
    color: #3a4368 ;
    margin: 0 0 3px;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .shop-recent-post-content h2{
    font-size: 18px;
    margin: 0;
    font-weight: 600;
}
#gp-order .shop-recent-post-content{
    margin-top: 10px;
}
#gp-order .shop-recent-post-content a{
    text-decoration: none;
}
#gp-order .shop-recent-post-content:hover p{
    color: #5dafef;
}
#gp-order .count-down-area{
    margin: 0 auto;
    width: 70%;
}
#gp-order .header-text{
    margin-bottom: 70px
}
#gp-order .header-text > h1{
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 25px;
}
#gp-order .header-text span{
    font-weight: 600;
}
#gp-order .cdown{
    float: left;
    width: 25%;
}
#gp-order .cdown span{
    border: 1px solid #00c9fd;
    display: block;
    margin: 0 40px;
}
#gp-order .cdown strong{
    color: #fff;
    display: block;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    padding: 20px 0;
}
#gp-order .cdown p{
    background-color: #00c9fd;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
}
#gp-order .blank-page-area{
    height: 100vh;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/404-error-page.jpg");
    background-position: center;
    background-size: 100% 100%;
}
#gp-order .blank-table{
    display: table;
    width: 100%;
    height: 100%;
}
#gp-order .blank-table img{
    width: 99.8%;
    height: auto;
}
#gp-order .blank-table-cell{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
#gp-order .blank-meta a:after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: #1421c2;
}
#gp-order .blank-meta h1{
    font-size: 168px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #000000;
    margin: 0 0 0;
    letter-spacing: 35px;
}
#gp-order .blank-meta a{
    text-decoration: none;
    font-size: 26px;
    color: #1421c2;
    margin-top: -15px;
    position: relative;
    font-weight: 600;
}
#gp-order .blank-meta{
    position: absolute;
    bottom: 69px;
    left: 50%;
    margin-left: -216px;
}
#gp-order .coming-soon{
    text-align: center;
    font-weight: 100;
    background-image: url("https://oblikovanje-logotipa.si/assets/img/bg/404-error-page.jpg");
    color: #fff;
    padding-top: 50px;
    height: 100vh;
}
#gp-order i.fa.fa-circle-o-notch{
    font-size: 70px;
    margin-bottom: 40px;
}
#gp-order .coming-soon h1{
    font-weight: 700;
    font-size: 60px;
    margin: 40px 0px 20px 0px;
    color: #ffffff;
}
#gp-order .coming-soon-table-cell img{
    margin-bottom: 40px;
}
#gp-order #clockdiv{
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}
#gp-order #clockdiv > div{
    border-radius: 3px;
    display: inline-block;
}
#gp-order #clockdiv div > span{
    border-radius: 3px;
    display: block;
    font-size: 72px;
    font-weight: 700;
    position: relative;
    height: 50px;
    width: 150px;
    margin: 60px 0px 0px 0px;
}
#gp-order #clockdiv div > span:first-child:after{
    display: none;
}
#gp-order .smalltext{
   font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
#gp-order section.coming-soon h2{
   font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 20px;
    color: #ffffff;
}
#gp-order section.coming-soon input[type="email"]{
    border: 1px solid#fff;
    outline: none;
    padding-left: 35px;
    height: 50px;
    width: 26%;
    border-radius: 5px 0px 0px 5px;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
}
#gp-order section.coming-soon input[type="email"]::-webkit-input-placeholder{
    color: #fff;
}
#gp-order button.notify{
    border: 1px solid #fff;
    height: 50px;
    font-size: 12px;
    color: #1421c2;
    font-weight: 500;
    outline: none;
    width: 12%;
    background: #fff;
    text-transform: uppercase;
    margin-left: -4px;
    padding-top: 3px
}
#gp-order .coming-soon .social-links{
    display: inline-block;
    margin-top: 150px;
}
#gp-order .coming-soon .social-links span:hover{
    color: #1421c2;
    background: #ffffff;
    border-color: #ffffff;
}
#gp-order .coming-soon p.copy-right{
    font-size: 16px;
    margin: 26px 0;
    color: #fff;
    font-weight: 400;
}
#gp-order .coming-soon p.copy-right a{
    color: #fff;
    text-decoration: none;
    padding: 0 7px;
    font-size: 16px;
}
#gp-order #clockdiv div > span.seconds:before{
    display: none ! important;
}
#gp-order #clockdiv div > span:before{
    position: absolute;
    top: 50%;
    left: 52%;
    width: 100%;
    height: 100%;
    content: ":";
    color: #ffffff;
    margin-top: -25px;
    font-size: 40px;
}
#gp-order #map{
    width: 100%;
    height:790px;
}
#gp-order #bodyContent{
    padding: 25px 7px;
}
#gp-order #bodyContent>p{
    display: table;
    font-size: 16px;
    color: #3e445b;
    font-weight: 500;
}
#gp-order #bodyContent>p:last-child{
    margin-bottom: 0;
}
#gp-order #bodyContent p span{
    display: table-cell;
    vertical-align: top;
}
#gp-order .map-info-icon{
    color: #3e445b;
    font-size: 24px;
    padding-right: 15px;
}
#gp-order .contact-send-message.success{
    color: green;
    margin-top: 15px;
    font-weight: 700;
}
#gp-order .whmcs-iframe iframe{
    width: 100%;
    height: 100vh;
    border: 0px
}
#gp-order .slider-content-area{
    padding-top: 50px;
}
#gp-order .mainc{
    color: #1421c2;
}
#gp-order .logo{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}
#gp-order .header-top-left .logo{
    font-weight: 800;
}
#gp-order .footer-main .logo{
    margin-bottom: 25px;
}
#gp-order .footer-links .domain-checkup{
    margin: 0;
    background: #1421c2;
    border-radius: 15px;
    margin-bottom: 15px;
}
#gp-order .footer-links .domain-checkup form input[type=text]{
    padding-right: 0;
    padding: 12px 10px;
    height: 35px;
}
#gp-order .footer-links .domain-checkup form input[type=text]::placeholder{
    color: #fff;
}
#gp-order .footer-links .domain-checkup-right button{
    background: #fff;
    color: #3A4368;
    font-size: 14px;
    height: 35px;
    padding: 6px;
}
#gp-order .nalozi{
    text-align: center;
}
#gp-order .nalozi button{
    padding: 8px 30px;
    border-radius: 999px;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    background: #1421c2;
    outline: none;
    -webkit-transition: .3s;
    transition: .3s;
}
#gp-order .dropzone{
    margin-bottom: 40px;
    border: 2px solid #1421c2 !important;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent !important;
}
#gp-order .dropzone .dz-message{
    margin: 0 !important;
}
#gp-order .dropzone img{
    margin-right: 20px !important;
}
#gp-order .dropzone .dz-message span{
    color: #1421c2;
    font-size: 18px;
    font-weight: 800;
    font-style: italic;
}
#gp-order .slider-content-area lord-icon{
    width: 100% !important;
}
#gp-order .vektor-slika{
    width: 150px;
    height: 100px;
    border: 2px solid #999696;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 20px;
}
#gp-order .vektor-slika img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#gp-order .mbsc-windows-dark.mbsc-popup{
    background-color: #fff !important;
    border-color: #fff !important;
    border-radius: 20px !important;
}
@media screen and (max-width: 991px){#gp-order .slider-content-area lord-icon{
        height: 400px !important;
    }
#gp-order .single-blog-1 img{
        width: 100%;
        min-height: auto;
        max-height: unset;
    }
#gp-order .about-blog .single-blog-1{
        height: auto;
    }
#gp-order .footer-main{
        padding: 20px 0px 70px 0px;
    }
#gp-order section.footer-area{
        padding-top: 20px !important;
    }
#gp-order .homepage-2.blog-2-area .single-blog-1{
        padding: 20px 30px 20px 30px;
    }
#gp-order .dropzone{
        margin-top: 20px;
    }}
@media screen and (max-width: 767px){#gp-order .slider-content-area lord-icon{
        height: 300px !important;
    }
#gp-order .single-blog-1 img{
        width: 250px;
    }
#gp-order .dz-message span{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
#gp-order .dz-message span img{
        width: 150px;
    }}
@media (min-width: 1170px) and (max-width: 1366px){#gp-order .slider-heading{
    left: 9.7%
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading{
    right: 9.7%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-content{
    right: 9.7%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns{
    right: 9.7%;
}
#gp-order .slider-heading-content{
    left: 9.7%;
}
#gp-order .slider-heading-btns{
    left: 9.7%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-image0,#gp-order .slider-image1{
    left: 3%;
}
#gp-order .slider-image0,#gp-order .slider-image1{
    right: 0%;
}
#gp-order .single-slider-item img.position-img-2{
    right: -9%;
    top: 6%;
}
#gp-order .single-slider-item img.position-img{
    top: 1%;
    animation:none;
}
#gp-order .team-social-links{
    left: 60px;
}}
@media only screen and (min-width: 992px) and (max-width: 1200px){#gp-order .single-slider-item img.position-img-2{
    right: -2%;
    top: 6%;
    width: 43%;
}
#gp-order .slicknav_menu{
            display:none;
        }
#gp-order .blog-details p.speak-quate{
    font-size: 14px;
    padding: 40px 50px;
}
#gp-order .comment-area h2{
    font-size: 20px;
}
#gp-order .blog-detail.blog-recent-post .col-md-7{
    padding-left: 0;
}
#gp-order .instragram li{
    margin-right: 15px;
}
#gp-order .blog-detail.blog-recent-post .col-md-5{
    padding-left: 0;
}
#gp-order p.contact-info{
    padding-left: 74px;
}
#gp-order p.contact-info span{
    font-size: 12px;
}
#gp-order p.contact-info a{
    font-size: 12px;
}
#gp-order .owl-carousel.team-carosuel .owl-nav button{
    left: -43px;
}
#gp-order .owl-carousel.team-carosuel .owl-nav button.owl-next{
    right: -50px;
}
#gp-order .header-top-left > ul > li{
            padding-right: 13px;
        
        }
#gp-order .header-top-left ul li i{
            padding-right: 9px;
        }
#gp-order .slider-content-area{
            padding-top: 90px;
            padding-bottom: 0px;
            margin-left: 0;
        }
#gp-order .slider-content-element{
    padding: 0px 0px 0px 0px;
}
#gp-order .single-slider-item img.position-img{
    right: 223px;
    top: 0px;
    width: 200px;
    animation: none;
}
#gp-order .about-blog .single-blog-1 p{
    font-size: 15px;
}
#gp-order .homepage-2.blog-2-area .single-blog-1 p{
    font-size: 14px;
    padding: 25px 0px 0px 0px;
}
#gp-order .homepage-2.blog-2-area .single-blog-1{
    padding: 40px 20px 40px 20px;
}
#gp-order .homepage-slider-1 .owl-dots{
            bottom: 86px;
        }
#gp-order .slider-content h2{
            font-size: 40px;
        }
#gp-order .slider-content p{
            font-size: 16px;
        }
#gp-order .location-single.d-n{
            display: none;
        }
#gp-order .map-defauit{
    display: block;
    }
#gp-order .map-defauit img{
    max-width: 95%;
    margin: 0 auto;
    display: block;
}
#gp-order .homepage-2.dedicated .single-blog-1{
    padding: 55px 30px 40px 30px;
}
#gp-order .single-blog-1{
    padding: 55px 20px 40px 20px;
}
#gp-order .footer-sideber.slimScroll{
            width: 300px;
         }
#gp-order section.blog-1-area{
            padding-bottom: 0px;
        }
#gp-order .section-title{
            margin-bottom: 70px;
        }
#gp-order .slider-1-bg{
    padding: 50px 0px 240px 0px;
}
#gp-order .power-left img{
    width: 85%;
}
#gp-order .section-title p{
            padding: 0 180px;
        }
#gp-order section.pricing-table-area{
            padding: 80px 0;
        }
#gp-order .Homepage-1-amount span:before{
            left: 36px;
            content: "$";
        }
#gp-order .Homepage-1-amount span:after{
            font-size: 15px;
        }
#gp-order .feature-one-right{
            padding: 90px 0;
        }
#gp-order .slider-heading{
    left: 7.7%;
    font-size: 36px;
    line-height: 48px;
    top: 20%
}
#gp-order .the-map-image img{
    width: ;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading{
    right: 7.7%;
    font-size: 36px;
    line-height: 48px;
    text-align: right;
    top: 20%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-content{
    right: 7.7%;
    text-align: right;
    top: 40%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns{
    right: 7.7%;
    top: 50%;
    text-align: right;
}
#gp-order .slider-heading-content{
    left: 7.7%;
    font-size: 18px;
    top: 40%;
    line-height: 32px;
}
#gp-order .slider-heading-btns{
    left: 7.7%;
    top: 50%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-image0,#gp-order .slider-image1{
    left: 5%;
    top: 18%;
    bottom: auto;
    right: auto;
}
#gp-order .homepage-2 .domain-tld-prices li{
    padding: 0px 9px 0px 35px;
}
#gp-order .homepage-2 .domain-tld-prices li:after{
    left: 10%;
}
#gp-order .single-blog-1 p{
    font-size: 15px;
}
#gp-order .slider-image0,#gp-order .slider-image1{
    right: -22%;
    top: 10%;
    bottom: auto;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item .slider-image0 img{
    width: 60%;
    height: 50%;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-2 .slider-image0 img{
    width: 60%;
    height: 50%;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-3 .slider-image0 img{
    width: 100%;
    height: 50%;
    top: 60px;
    left: auto;
    right: 90%;
    bottom: auto;
}
#gp-order #homepage-3 .homepage-2 .domain-tld-prices li{
    padding: 0px 9px 0px 35px;
}
#gp-order .slider-wrapper .slick-prev{
    top: 33%;
    left: 0%;
}
#gp-order .slider-wrapper .slick-prev,#gp-order .slider-wrapper .slick-next{
    top: 33%;
    right: 4%;
}
#gp-order .slider-single-item{
    min-height: 600px;
}
#gp-order .pricing-amount .currency{
            font-size: 19px;
            font-weight: 500;
            position: absolute;
            top: -9px;
            color: #5dafef;
            left: -14px;
        }
#gp-order .feature-one-left{
            padding: 90px 0;
        }
#gp-order .feature-one-right img{
            max-width: 374px;
        }
#gp-order .feature-two-right{
            padding: 90px 0;
        }
#gp-order .feature-two-left img{
            max-width: 374px;
        }
#gp-order .feature-two-left{
            padding: 90px 0;
        }
#gp-order .fan-fact-area{
            padding: 80px 0;
        }
#gp-order .service-area{
            padding-top: 80px;
        }
#gp-order .service-teatimonial.slick-initialized.slick-slider i.fa-angle-right{
            position: absolute;
            right: -25px;
            top: 50%;
        }
#gp-order .service-teatimonial.slick-initialized.slick-slider i.fa-angle-left{
            position: absolute;
            left: -25px;
            top: 50%;
        }
#gp-order .register-heading h2{
            font-size: 40px;
            line-height: 48px;
        }
#gp-order .register-btn.text-right{
            margin-top: 5px;
        }
#gp-order .testimonial-area{
    padding: 100px 0;
}
#gp-order .slick-slide.testi-single-item img{
            margin-left: 140px;
            margin-top: 25px;
            margin-bottom: 22px;
        }
#gp-order .testi-single-item .item-inner:before{
            left: 22%;
        }
#gp-order .owl-carousel .owl-item .brand-single-item img{
            max-width: 150px;
            width: 100px;
        }
#gp-order .social-links i.fa{
            margin-right: 8px;
        }
#gp-order .testimonial-single-item:before{
            top: 9%;
            left: 23%;
            font-size: 32px;
        }
#gp-order ul.tab-links li a{
            padding: 40px 20px;
        }
#gp-order .icon-right{
    -webkit-transform: translateY(0px) translateX(-10px);
    transform: translateY(0px) translateX(-10px);
}
#gp-order .homepage-3.homepage-4 ul.nav.nav-tabs li a{
            font-size: 15px;
        }
#gp-order .blog-slider__title{
    font-size: 20px;
}
#gp-order #homepage-3 .tab-area.homepage-5 ul.tab-links li a{
    font-size: 14px;
    padding: 20px 10px;
}
#gp-order .blog-slider__img{
    width: 350px;
}
#gp-order .blog-slider__button{
    margin-top: 25px;
}
#gp-order .tab-content-list ul li{
    font-size: 14px;
}
#gp-order .homepage-5 .single-slider-item img.position-img-2{
    right: -2%;
    top: 20%;
}
#gp-order section.welcome-area{
            padding-top: 95px;
        }
#gp-order .team-social-links{
            left: 40px;
        }
#gp-order .about-slider-wrapper .bg-shadow-img{
    bottom: 0px;
    right: 0px;
}
#gp-order .dedication-hosting-area.about-page{
    padding-bottom: 175px;
    padding-top: 140px;
}
#gp-order img.breadcrumb-left-img{
    max-width: 90px;
}
#gp-order img.breadcrumb-right-img{
    right: -180px;
    width: 78%;
}
#gp-order .hosting-content h2{
            font-size: 37px;
        }
#gp-order button.testi-nav-right.slick-arrow{
            right: -25px;
        }
#gp-order .solution-heading h2{
    font-size: 21px;
}
#gp-order .latest-blog-area.blog-section-area .blog-box-content{
    padding: 40px 15px;
}
#gp-order .latest-blog-area .blog-box-content h3{
    font-size: 24px;
}
#gp-order .single-slider-item img.position-img-3{
    right: -31%;
    top: 72px;
    width: 616px;
}
#gp-order .banner-out-1{
    position: absolute;
    top: -90px;
    right: 78%;
    animation: 1s forwards anim-out-1;
    animation-delay: 1.4s;
}
@keyframes anim-out-1{
    0% { top: 0;}
    100% {top:195px;}
}
#gp-order .banner-out-2{
    left: -13%;
    top: -90px;
    position: absolute;
    animation: 1s forwards anim-out-2;
    animation-delay: 1.3s;
}
@keyframes anim-out-2{
    0% { top: 0;}
    100% {top:304px;}
}
#gp-order .banner-out-3{
    position: absolute;
    top: -66px;
    right: 84%;
    animation: 1s forwards anim-out-3;
    animation-delay: 1.2s;
}
@keyframes anim-out-3{
    0% { top: 0;}
    100% {top:408px;}
}
#gp-order .banner-out-4{
    position: absolute;
    top: -76px;
    right: -19%;
    animation: 1s forwards anim-out-4;
    animation-delay: 1.1s;
}
@keyframes anim-out-4{
    0% { top: 0;}
    100% {top:426px;}
}
#gp-order .banner-out-5{
    position: absolute;
    top: -90px;
    right: 60%;
    animation: 1s forwards anim-out-5;
    animation-delay: 1.4s;
}
@keyframes anim-out-5{
    0% { top: 0;}
    100% {top:256px;}
}
#gp-order .banner-out-6{
    left: 30%;
    top: -90px;
    position: absolute;
    animation: 1s forwards anim-out-6;
    animation-delay: 1.3s;
}
@keyframes anim-out-6{
    0% { top: 0;}
    100% {top:356px;}
}
#gp-order .banner-out-7{
    position: absolute;
    top: -66px;
    right: 0%;
    animation: 1s forwards anim-out-7;
    animation-delay: 1.2s;
}
@keyframes anim-out-7{
    0% { top: 0;}
    100% {top:385px;}
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn{
    color: #ffffff;
}
#gp-order .single-blog-1 h2{
    font-size: 22px;
}
#gp-order .banner-out-8{
    position: absolute;
    top: -76px;
    right: 54%;
    animation: 1s forwards anim-out-8;
    animation-delay: 1.5s;
}
@keyframes anim-out-8{
    0% { top: 0;}
    100% {top:120px;}
}
#gp-order #homepage-3 .full-slider.homepage-4{
    background-size: cover;
}
#gp-order #homepage-3 .homepage-4 .slider-content h2{
    color: #ffffff;
}
#gp-order .homepage-4 .plan-list ul li{
    color: #ffffff;
}
#gp-order .homepage-4 .single-slider-item img.position-img-3{
    width: auto;
    top: 20px
}
#gp-order .subscription-area{
    padding: 40px 200px 45px 200px;
}
#gp-order .slider-btns-1 button{
            left: -2%;
        }
#gp-order .slider-btns button{
            left: -4%;
        }
#gp-order button.service-nav-right.slick-arrow{
    position: absolute;
    left: auto;
    right: -25px;
}
#gp-order .dedication-hosting-area{
    padding-top: 118px;
    padding-bottom: 120px;
}
#gp-order .offer-left{
    font-size: 13px;
}
#gp-order p.blog-meta{
            padding: 0;
        }
#gp-order .single-blog-box p{
            text-align: center;
            padding: 0;
            margin: 0 0 20px;
        }
#gp-order .col-md-4.line-shape:after{
            left: 62%;
            width: 45%;
            z-index: 99;
        }
#gp-order p.speak-quate:after{
            right: 10%;
            bottom: 21%;
        }
#gp-order p.speak-quate{
            padding: 45px;
        }
#gp-order .blog-details-speech li{
            font-size: 12px;
        }
#gp-order a.show-items{
            font-size: 9px;
        }
#gp-order .single-shop-bg{
            height: 200px;
        }
#gp-order .shop-content h3{
            font-size: 18px;
        }
#gp-order .call-to-action-area h2{
            font-size: 33px;

        }
#gp-order .blog-tag-cloud-list ul li a{
            display: block;
            padding: 5px 4px;
        }
#gp-order .blog-tag-cloud-list ul li{
    padding: 11px 2px;
}
#gp-order .famework-area .section-title h2{
            padding: 0 40px;
        }
#gp-order .blank-meta{
            bottom: 24px;
            margin-left: -140px;
        }
#gp-order .blank-meta h1{
            font-size: 103px;
        }
#gp-order .blank-meta a{
            text-decoration: none;
            font-size: 24px;
            color: #3e445b;
            margin-top: -15px;
        }
#gp-order .single-shop-bg.single-shop-bg-1 img{
            overflow: hidden;
            height: auto;
            width: 100%;
        }
#gp-order .shop-grid-right .pagination li a{
            font-size: 12px;
            color: #536d87;
            text-decoration: none;
            text-transform: uppercase;
            padding: 6px 9px;
            margin: 0 7px;
            border-radius: 5px;
            -webkit-transition: .3s;
            transition: .3s;
            outline: none;
        }
#gp-order .shop-show-right.left .nice-select .list{
            margin-top: 6px;
            left: 0px;
        }
#gp-order section.shop-grid-area .nice-select.show-items{
            border: 1px solid#d0e2f4;
            padding: 5px 45px 5px 5px;
            border-radius: 5px;
            display: inline-block;
        }
#gp-order .shop-show-right .nice-select .list{
            margin-top: 0;
            left: 3px;
        }
#gp-order .single-blog-box span{
            padding-right: 6px;
        }
#gp-order .blog-box-content h3{
            font-size: 18px;
        }}
@media only screen and (min-width: 768px) and (max-width: 991px){#gp-order .slicknav_menu{
    display:none;
}
#gp-order .data-center-map{
    display: none;
}
#gp-order .map-defauit{
    display: block;
}
#gp-order .header-top-right a{
    margin-left: 18px;
}
#gp-order .header-top-left > ul > li{
    padding-right: 5px;
}
#gp-order .latest-blog-area.blog-section-area .blog-box-content{
    padding: 30px 5px;
}
#gp-order .blog-section-area .post-meta li{
    margin: 0px 3px 0px 3px !important;
}
#gp-order .blog-section-area .blog-box-content a h3{
    font-size: 20px;
}
#gp-order .navigation-bar{
	height: 0px;
}
#gp-order .header-top-right ul li:after{
    left: 3px;
}
#gp-order .navigation>ul>li>a,#gp-order .logo>a{
    line-height: 60px;
}
#gp-order li.dropdown i.fa{
    font-size: 19px;
    top: 20px;
    left: 50px;
}
#gp-order li.mega-manu i.fa{
    font-size: 19px;
    position: absolute;
    top: 20px;
    left: 67px;
}
#gp-order li.dropdown.fa-pages i.fa{
    left: 53px;
}
#gp-order li.dropdown.fa-blog i.fa{
    left: 46px;
}
#gp-order .navigation li a{
    font-size: 12px;
    padding: 0 4px;
}
#gp-order .dropdown-nav{
    top: 61px;
}
#gp-order .dropdown-nav li a{
    padding: 12px 40px 12px 35px;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
}
#gp-order .logo img{
    max-width: 110px;
}
#gp-order .navigation-bar{
    height: 61px;
}
#gp-order .navigation ul{
    margin-right: 0px;
}
#gp-order p.single-contact-info a{
    font-size: 15px;
}
#gp-order .single-address p{
    font-size: 15px;
    padding: 0;
}
#gp-order .maga-manu-wrapper{
    padding: 5px;
}
#gp-order .mega-single-items p{
    font-size: 13px;
}
#gp-order .mega-single-items h2{
    font-size: 16px;
    margin-bottom: 13px;
}
#gp-order .mega-single-items{
    line-height: 19px;
    padding-left: 49px;
}
#gp-order .navigation li.mega-manu:hover .maga-manu-wrapper{
    top: 61px;
}
#gp-order .hosting-share{
    line-height: 26px;
}
#gp-order .hosting-discount{
    padding: 4px 0;
}
#gp-order .navigation li.shop-plan:hover .shop-plan-chart{
    top: 61px;
}
#gp-order .slider-content-area{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0;
}
#gp-order .slider-content-element{
    padding: 0;
}
#gp-order .slider-content p{
    margin-top: 15px;
    line-height: 20px;
}
#gp-order .slider-content h2{
    font-size: 30px;
}
#gp-order .map-defauit{
    display: block;
}
#gp-order .domain-tld-prices{
    margin: 15px 0px 0px 20px;
}
#gp-order .full-slider{
    overflow: inherit;
}
#gp-order .slider-1-bg{
    padding: 80px 0px 100px 0px;
}
#gp-order .single-slider-item img.position-img{
    display: none;
}
#gp-order .single-slider-item img.position-img-2{
    display: none;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-1{
    padding: 13px 22px;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-2{
    margin-left: 28px;
    margin-top: 48px;
    padding: 13px 22px;
}
#gp-order .about-blog .single-blog-1 p{
    padding: 0px 10px 0px 10px;
}
#gp-order .single-blog-1{
    padding: 50px 10px 40px 10px;
}
#gp-order span.shop-items:after{
    top: -5px;
    right: -60px;
    content: "x";
    font-size: 16px;
}
#gp-order img.shop-icon{
    position: relative;
    margin-right: 24px;
}
#gp-order .navigation li.shop-plan:hover .shop-plan-chart{
    visibility: visible;
    opacity: 1;
    top: 61px;
}
#gp-order .shop-plan-chart{
    width: 241px;
    padding: 8px;
    border-radius: 5px;
}
#gp-order .slider-content h2{
    line-height: 33px;
}
#gp-order .homepage-slider-1 .owl-dots{
    bottom: 3px;
    text-align: center;
    right: 0px;
}
#gp-order .homepage-slider-1 .owl-dots div{
    height: 10px;
    width: 10px;
    margin: 5px;
}
#gp-order .homepage-slider-1 .owl-dots{
    bottom: 65px;
    text-align: center;
}
#gp-order .section-title{
    margin-top: 50px;
}
#gp-order .section-title p{
    padding: 0 50px;
    margin-top: 20px;
}
#gp-order .domain-area{
    position: relative;
    z-index: 99;
    top: -35px;
}
#gp-order .slider-2-bg{
    padding-top: 90px;
    padding-bottom: 239px;
}
#gp-order .domain-area .domain-inner{
    padding: 50px 80px;
}
#gp-order .homepage-2.domain-area{
    top: -261px;
}
#gp-order .domain-checkup{
    padding: 15px;
}
#gp-order .domain-checkup-right button{
    font-size: 15px;
}
#gp-order .domain-checkup-right img{
    margin-right: 8px;
    width: 12px;
}
#gp-order .domain-tld-prices li{
    padding: 0px 10px;
    font-size: 12px;
}
#gp-order .domain-tld-prices li:after{
    top: 13%;
    height: 12px;
}
#gp-order .single-blog-1 h2{
    font-size: 18px;
    margin-top: 33px;
}
#gp-order .single-blog-1 p{
    font-size: 14px;
    padding: 0 0px;
    line-height: 21px;
}
#gp-order section.blog-1-area{
    padding-bottom: 50px;
}
#gp-order section.pricing-table-area{
    padding: 0px 0;
    padding-bottom: 0px;
}
#gp-order .single-pricing-table{
    margin-bottom: 50px;
}
#gp-order #homepage-3 .blog-1-area.about-blog{
    padding-bottom: 0;
}
#gp-order .pricing-content ul li{
    padding-top: 20px;
}
#gp-order .pricing-content ul li:after{
    left: 41%;
}
#gp-order .blue-btn{
    padding: 9px 16px;
    margin-top: 19px;
    border-radius: 5px;
    font-size: 10px;
    margin-bottom: 30px;
}
#gp-order .homepage-2.blog-2-area .single-blog-1{
    padding: 50px 19px 50px 19px;
}
#gp-order .feature-one-right{
    padding: 40px 0;
}
#gp-order .feature-one-right img{
    max-width: 300px;
}
#gp-order .feature-one-left h2{
    font-size: 20px;
    margin-bottom: 15px;
}
#gp-order .feature-one-left{
	padding: 40px 0;
}
#gp-order .feature-one-left p{
    font-size: 14px;
    padding-right: 5px;
    margin-bottom: 8px;
    line-height: 23px;
}
#gp-order .feature-one-left .Homepage-1-amount span:before{
     top: 0;
    left: -14px;
    content: "$";
}
#gp-order .feature-two-right .Homepage-1-amount span:before{
    top: 0px;
}
#gp-order .shop-pagination-wrapper{
    text-align: center;
    margin-top: 20px;
}
#gp-order .nice-select.show-items{
    display: inline-block;
    padding: 5px 60px 5px 5px;
    border: 1px solid#d0e2f4;
    outline: none;
    border-radius: 5px;
}
#gp-order .shop-show-right.left .nice-select .list{
    margin-top: 1px;
}
#gp-order section.shop-grid-area .nice-select.show-items{
    padding: 5px 60px 5px 5px;
}
#gp-order .shop-grid-area .shop-pagination-wrapper{
    text-align: center;
     margin-top: 20px; 
}
#gp-order section.shop-grid-area{
    padding: 60px 0;
}
#gp-order .shop-show-right.left{
    text-align: right; 
    border: 0px solid#d0e2f4; 
    padding: 0px; 
    border-radius: 5px;
}
#gp-order .single-footer.margin-left{
    margin-left: 0;
}
#gp-order .single-footer.ml{
    margin-left: 0;
    width: 330px;
}
#gp-order .single-footer{
    margin-bottom: 40px;
}
#gp-order .footer-single-item{
    margin-bottom: 40px;
}
#gp-order .call-to-action-area h2{
    font-size: 22px;
}
#gp-order .call-to-action-area-content{
    margin-top: 10px;
}
#gp-order .feature-two-right p{
    font-size: 14px;
    padding-right: 5px;
    margin-bottom: 9px;
    line-height: 22px;
}
#gp-order .feature-two-right h2{
    font-size: 20px;
    margin-bottom: 15px;
}
#gp-order .feature-two-right{
    padding: 40px 0;
}
#gp-order .feature-two-left{
    padding: 40px 0;
}
#gp-order .feature-two-left img{
    max-width: 300px;
}
#gp-order .single-items h2{
    font-size: 24px;
    margin-bottom: 18px;
}
#gp-order .fan-fact-area{
    padding: 20px 0;
}
#gp-order .single-items h4{
    font-size: 15px;
    margin-top: 12px;
}
#gp-order .single-service-padding{
    padding-bottom: 40px;
}
#gp-order .service-area{
    padding-top: 40px;
}
#gp-order .single-item{
    padding: 8px;
    text-align: center;
    margin-top: 10px;
    transition: .3s;
}
#gp-order .homepage-2 .service-teatimonial-item-inner img{
    margin-left: 0;
    margin: 0 auto;
}
#gp-order .service-teatimonial-item-inner h2{
    font-size: 20px;
    margin: 20px 0;
}
#gp-order .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner{
    padding: 25px 5px;
}
#gp-order .service-teatimonial-item-inner p{
    font-size: 14px;
}
#gp-order .service-area .section-title{
    margin-bottom: 15px;
}
#gp-order .service-area{
    padding-top: 40px;
    padding-bottom: 20px;
}
#gp-order .power-left img{
    position: inherit;
    max-width: 54%;
    display: block;
    margin: 0 auto;
    }
#gp-order .power-area-2 .power-left img{
    position: inherit;
    margin-bottom: 80px;
}
#gp-order .blog-section-area{
    padding: 30px 0px 0px 0px;
}
#gp-order .power-area .power-left{
    text-align: center;
}
#gp-order .power-area-2 .power-left{
    text-align: center;
}
#gp-order .power-area-2{
    margin-top: 80px;
}
#gp-order .register-area{
    padding: 50px 0;
}
#gp-order .register-heading h2{
    font-size: 30px;
    line-height: 38px;
}
#gp-order .register-btn.text-right{
    margin-top: 20px;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item .slider-image0 img{
     display: none;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-2 .slider-image0 img{
     display: none;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-3 .slider-image0 img{
    display: none;
}
#gp-order .blog-slider__button{
    margin-top: 40px;
    margin-bottom: 50px;
}
#gp-order #homepage-3 .tab-area.homepage-5.padd-b{
    padding-top: 50px;
    padding-bottom: 100px;

}
#gp-order .slider-heading{
    left: 7.7%;
    font-size: 36px;
    line-height: 48px;
    top: 20%
}
#gp-order .homepage-2 .domain-area .domain-inner{
    padding: 50px 30px;
}
#gp-order .homepage-2 .domain-checkup{
    padding: 20px;
}
#gp-order .homepage-2 .domain-checkup-left{
    width: 70%;
}
#gp-order .homepage-2 .domain-checkup-right button{
    width: 27%;
}
#gp-order .homepage-2 .domain-tld-prices li{
    padding: 0px 9px 0px 23px;
}
#gp-order .homepage-2 .domain-tld-prices li:after{
    left: 5%;
}
#gp-order .homepage-2 .single-blog-1{
    padding: 5px 15px 0px 15px;
}
#gp-order .homepage-2.dedicated .single-blog-1{
    padding: 30px 15px 30px 15px;
}
#gp-order .homepage-2.dedicated .about-blog{
    padding-top: 50px;
    padding-bottom: 100px;
}
#gp-order .payment-getway{
    margin-top: 20px;
}
#gp-order .slider-single-item{
  min-height: 550px;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading{
    right: 7.7%;
    font-size: 36px;
    line-height: 48px;
    top: 20%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-content{
    right: 7.7%;
    font-size: 18px;
    top: 40%;
    line-height: 32px;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns{
    right: 7.7%;
    top: 50%;
}
#gp-order .slider-heading-content{
    left: 7.7%;
    font-size: 18px;
    top: 40%;
    line-height: 32px;
}
#gp-order .slider-heading-btns{
    left: 7.7%;
    top: 50%;
}
#gp-order .testimonial-area{
    padding: 80px 0;
}
#gp-order .mb-50px{
}
#gp-order .testimonial-single-item{
    padding: 15px;
    margin-top: 7px;
}
#gp-order .testi-single-item .item-inner:before{
    top: 10%;
    left: 16%;
}
#gp-order .testimonial-area .section-title{
    margin-bottom: 25px;
}
#gp-order .owl-carousel .owl-item .brand-single-item img{
    max-width: 150px;
}
#gp-order .call-to-action-area{
    padding-top: 30px;
    padding-bottom: 40px;
}
#gp-order .call-to-action-area h2{
    font-size: 21px;
}
#gp-order section.brand-area{
    padding: 0 0 56px;
}
#gp-order section.footer-area{
    padding: 20px 0;
}
#gp-order .footer-single-item .logo img{
    max-width: 100px;
}
#gp-order p.contact-info i.fa{
    top: 3px;
    left: -5px;
    font-size: 14px;
}
#gp-order .single-footer h2{
    margin-bottom: 15px;
    font-size: 20px;
}
#gp-order .footer-links a{
    margin-bottom: 15px;
    font-size: 14px;
}
#gp-order p.contact-info a{
    font-size: 14px;
}
#gp-order #homepage-3 .slider-content-element{
    padding: 0;
}
#gp-order .tab-links{
    margin: 0 0 80px;
    width: 80%;
    margin-left: 10%;
}
#gp-order #homepage-3 .homepage-2.domain-area{
    padding: 70px 0px 60px 0px;
}
#gp-order .subscribation input[type="text"]{
    height: 40px;
    font-size: 11px;
}
#gp-order .subscribation input[type="submit"]{
    padding: 5px;
    height: 40px;
    margin-top: 15px;
    font-size: 12px;
}
#gp-order .social-links i.fa{
    height: 25px;
    width: 25px;
    line-height: 24px;
    margin-right: 3px;
    font-size: 13px;
}
#gp-order .footer-main{
    padding: 100px 0px 30px 0px;
}
#gp-order section.foter-botom-area p{
    font-size: 13px;
}
#gp-order .homepage-3.homepage-4 ul.nav.nav-tabs li a{
    padding: 28px 6px;
}
#gp-order .tab-area .col-md-7{
    max-width: 100%;
    flex: 0 0 100%;
}
#gp-order .homepage-2 .domain-tld-prices{
    padding: 15px 0px 0px 20px;
}
#gp-order section.foter-botom-area{
    padding: 10px;
}
#gp-order ul.tab-links li a{
    padding: 40px 12px;
    font-size: 16px;
}
#gp-order .about-heading{
    padding: 120px 0px 62px 0px;
}
#gp-order img.breadcrumb-left-img{
    max-width: 90px;
}
#gp-order img.breadcrumb-right-img{
    right: -180px;
    width: 78%;
}
#gp-order section.welcome-area{
    padding-top: 100px;
    padding-bottom: 100px;
}
#gp-order .about-slider .slick-prev{
    right: 190px !important;
}
#gp-order .about-slider .slick-prev,#gp-order .about-slider .slick-next{
    right: 52px;
    bottom: -50px;
}
#gp-order .welcome-content{
    width: 100%;
    text-align: center;
}
#gp-order .welcome-man-pic{
    display: none;
}
#gp-order .owl-carousel .owl-item .team-carosule-single-item img{
      margin: 0 auto;
}
#gp-order #homepage-3 .homepage-4 .slider-content h2{
    color: #ffffff;
}
#gp-order .homepage-4 .plan-list ul li{
    color: #ffffff;
}
#gp-order #homepage-3 .homepage-4 .homepage-3-links li a.download-btn{
    color: #ffffff;
}
#gp-order .team-area{
    padding: 100px 0;
}
#gp-order .owl-carousel.team-carosuel .owl-nav button{
    top: 105%;
    margin-top: 0px;
    right: 90px;
    left: auto;
}
#gp-order .team-social-links{
    left: 60px;
}
#gp-order .about-blog.about .single-blog-1{
     margin: 0px 0px 0px 0px; 
}
#gp-order .owl-carousel.team-carosuel .owl-nav button.owl-next{
    left: auto;
    right: 20px;
}
#gp-order .about-blog.about{
    padding-bottom: 0px;
}
#gp-order .icon-right{
    display: none;
}
#gp-order section.foter-botom-area p{
    font-size: 12px;
}
#gp-order button.testi-nav-right.slick-arrow{
    right: 40px;
}
#gp-order .slider-btns-1 button{
    left: -2%;
}
#gp-order .slider-btns button{
    left: auto;
    right: 100px;
    top: 0;
}
#gp-order .single-blog{
    margin-bottom: 80px;
}
#gp-order .single-blog-image img{
    max-width: 100%;
    width: 100%;
}
#gp-order .solution-area{
text-align: center;
}
#gp-order .subscription-area{
    padding: 40px 40px 45px 40px;
}
#gp-order .col-md-4.line-shape:after{
    top: 91px;
    left: 119px;
    z-index: -1;
}
#gp-order a.solution-btn{
    margin: 40px 0px 25px 0px;
}
#gp-order .banner-outer{
    display: none;
}
#gp-order button.service-nav-right.slick-arrow{
    right: -8px;
}
#gp-order .team-area .owl-nav div.owl-next{
    right: -43px;
}
#gp-order .team-area .owl-nav div{
    left: -45px;
}
#gp-order .dedication-hosting-area{
    padding-top: 100px;
    padding-bottom: 100px;
}
#gp-order .homepage-2.dedicated .hosting-plan-area{
    padding-top: 50px;
    margin-bottom: 50px;
}
#gp-order .faq-area{
    padding-top: 60px;
}
#gp-order td.domain-name{
    width: 33%;
}
#gp-order .domain-title{
    padding-left: 0px;
}
#gp-order .domain-link{
     padding-right: 0px;
}
#gp-order .single-domain-feature{
    margin: 0 0 20px;
}
#gp-order img.hosting-right-img{
    top: 58px;
}
#gp-order .welcome-left{
    padding: 0% 0% 10% 0%; 
}
#gp-order .about-slider img{
    margin: 0 auto;
}
#gp-order .about-slider-wrapper .bg-shadow-img{
    bottom: -50px;
    right: 66px;
}
#gp-order .hosting-content h2{
    font-size: 29px;
}
#gp-order .blog-box-bg-1{
    background-position: inherit;
}
#gp-order .blog-box-bg-2{
    background-position: inherit;
}
#gp-order .blog-box-bg-3{
    background-position: inherit;
}
#gp-order .single-blog-box p{
    text-align: center;
}
#gp-order .single-affiliate{
    height: 200px;
    width: 200px;
}
#gp-order .single-affiliate h4{
    font-size: 16px;
    margin-top: 15px;
}
#gp-order .single-items{
    margin: 50px 50px 60px 50px;
}
#gp-order .fan-fact-area{
    padding: 70px 0;
}
#gp-order .single-affiliate img{
    margin-top: 30px;
    height: 89px;
    width: 105px;
}
#gp-order .working-affiliate-area{
    padding-top: 100px;
    padding-bottom: 0px;
}
#gp-order #homepage-3 .homepage-2 .domain-tld-prices li{
    padding: 0px 9px 0px 25px;
}
#gp-order #homepage-3 .tab-area.homepage-5 .tab-links{
    width: 80%;
    position: inherit;
    margin-left: 9%;
}
#gp-order #homepage-3 .tab-area.homepage-5 ul.tab-links li a{
    font-size: 16px;
}
#gp-order p.speak-quate:after{
    right: 15%;
}
#gp-order .blog-right-search-button{
    margin-top: 101px;
}
#gp-order .latest-blog-area.blog-section-area.blog-right .blog-right-search-button{
    margin-top: 0;
}
#gp-order .blog-recent-post-content h2{
    margin-top: 30px;
    font-size: 20px;
}
#gp-order .blog-recent-post-content p{
    font-size: 14px;
}
#gp-order .blog-recent-post-content{
    margin-top: 0px;
}
#gp-order .single-blog-box img{
    width: 100%;
}
#gp-order .blog-tag-cloud-list ul li a{
    padding: 10px 52px;
}
#gp-order .latest-blog-area{
    padding-top: 60px;
}
#gp-order .single-blog-box{
    margin-top: 100px;
}
#gp-order .single-shop-box{
    margin-top: 40px;
    margin-bottom: 50px;
}
#gp-order a.margin-left{
    border: none;
    display: none;
}
#gp-order .famework-area .section-title h2{
    padding: 0px;
}
#gp-order .faq-area .panel-title a{
    padding: 14px 18px;
    font-size: 17px;}
#gp-order section.hosting-plan-area.hosting-plan-area-affiliate .single-hosting-price h2{
    font-size: 14px;
    letter-spacing: 0px;
}
#gp-order .blank-meta{
    bottom: 24px;
    margin-left: -109px;
}
#gp-order .blank-meta h1{
    font-size: 70px;
}
#gp-order .blank-meta a{
    font-size: 17px;
}}
@media only screen and (max-width: 767px){#gp-order .navigation-bar{
        height: 62px;
    }
#gp-order .header-top-left a{
    text-decoration: none;
    font-size: 14px;
}
#gp-order .header-top-left > ul > li{
    display: inline-block;
    padding-right: 0px;
    padding-top: 20px;
}
#gp-order .header-top-left .nice-select > span{
    font-size: 14px;
}
#gp-order .header-top-area{
    text-align: center;
    padding: 0;
}
#gp-order .header-top-area:after{
    display: none;
}
#gp-order .header-top-right{
    padding: 20px 0;
}
#gp-order .slider-content-area{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0;
}
#gp-order .slider-content-element{
    padding: 0;
}
#gp-order .testimonial-carousel .single-item .author-right{
    margin-top: 20px;
}
#gp-order .testimonial-carousel .single-item .item-inner{
    padding: 40px 20px 24px 32px;
}
#gp-order .slider-content h2{
    font-size: 34px;
    line-height: 1.4em;
    text-align: left;
}
#gp-order #homepage-3 .homepage-4 .slider-content h2{
    font-size: 28px;
    color: #ffffff;
}
#gp-order #homepage-3 .full-slider.homepage-4{
    -webkit-background-size: cover;
    background-size: cover;
}
#gp-order .homepage-4 .plan-list ul li{
    color: #ffffff;
}
#gp-order .map-defauit{
    display: block;
}
#gp-order .full-slider{
    overflow: inherit;
    background-size: cover;
}
#gp-order .slider-1-bg{
    padding: 30px 0px 0px 0px;
}
#gp-order .single-slider-item img.position-img{
    display: none;
}
#gp-order .single-slider-item img.position-img-2{
    display: none;
}
#gp-order .header-top-right a{
    font-size: 14px;
    margin: 0 8px;
}
#gp-order .header-top-right ul li:after{
    display: none;
}
#gp-order .header-top-right ul li{
    display: inline-block;
}
#gp-order .header-top-left .nice-select:after{
    content: '';
    display: block;
    height: 9px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 21px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    
    
    -ms-transform: rotate(45deg);
    
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
}
#gp-order .slicknav_menu{
        display: block
    }
#gp-order .responsive-menu{
        position: absolute;
        right: 0;
        top: 15px;
        z-index: 999
    }
#gp-order .slicknav_btn{
        background: #0056b3 none repeat scroll 0 0;
        margin-top: 10px;
    }
#gp-order .slicknav_menu .slicknav_menutxt{
        display: none;
    }
#gp-order .slicknav_menu{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    z-index: 99999;
    position: absolute;
    right: 0;
    top: -65px;
}
#gp-order .single-slider-item img.position-img-2{
    display: none;
}
#gp-order .slicknav_nav{
    position: absolute;
    width: 375px;
    top: 60px;
    z-index: 99999;
    right: 0;
    background: #f3f5ff;
    padding: 20px 0px 20px 20px;
    transition: all 0s ease;
}
#gp-order .navigation li{
    display: block;
}
#gp-order .navigation #mainmenu{
	display: none;
}
#gp-order li.dropdown i.fa{
    display: none;
}
#gp-order li.mega-manu i.fa{
    display: none;
}
#gp-order .navigation li a{
    padding: 10px 15px;
}
#gp-order .slicknav_nav .slicknav_row,#gp-order .slicknav_nav a{
    padding: 15px 15px;
    margin: 0px 0px;
}
#gp-order .slicknav_nav .slicknav_row{
    position: relative;
}
#gp-order .slicknav_nav .slicknav_row:after{
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: 8px;
    font-size: 18px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    display: inline-block;
    line-height: 46px;
    position: absolute;
    top: 2px;
    left: auto;
    right: 17px;
    transition: .2s ease;
    transform: rotate(0deg);
}
#gp-order .clouds img.cloud4{
    -webkit-animation: none;
    animation:none;
}
#gp-order .clouds img.cloud3{
    -webkit-animation: none;
    animation:none;
}
#gp-order .clouds img.cloud5{
    -webkit-animation: none;
    animation:none;
}
#gp-order .slicknav_nav .slicknav_row:hover{
     -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
     border-radius: 0px; 
    background: #3464e0;
    color: #fff;
}
#gp-order .slicknav_nav .slicknav_row:hover a{
    color: #fff;
}
#gp-order .slicknav_parent.slicknav_open .slicknav_row:after{
    transform: rotate(180deg);
}
#gp-order .dropdown:hover>.dropdown-nav{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 0px;
    left: 0px;
    background: #3464e0;
    box-shadow: none;
    position: relative;
    z-index: 999999;
    border-radius: 0;
    width: 100%;
    border: none;
    padding: 10px 0px 25px 0px;
}
#gp-order .navigation ul{
    margin-right: 0px;
}
#gp-order ul.slicknav_nav ul li a{
    padding: 10px 14px;
    margin-left: 20px;
    position: relative;
    z-index: 999999;
    color: #fff;
    background: #3464e0;
    border: none;
    font-weight: 600;
}
#gp-order .slicknav_nav .slicknav_arrow{
    font-size: 12px;
    margin: 0 0 0 .4em;
    position: absolute;
    right: 20px;
    top: 15px;
    display: none;
}
#gp-order .slicknav_nav a:hover{
    background: transparent;
    color: #626d92;
    border-radius: 0;
    outline: none;
}
#gp-order .dropdown-nav{
    border-top: 0px solid #fff;
}
#gp-order .homepage-slider-1 .owl-dots div{
    height: 10px;
    width: 10px;
}
#gp-order .homepage-slider-1 .owl-dots{
    bottom: 111px;
}
#gp-order .slicknav_menu .slicknav_icon{
    margin: 0.188em 0.511em 0 0.438em;
}
#gp-order .maga-manu-wrapper{
    display: none;
}
#gp-order .dropdown-nav.dropdown-nav-left.ds-none{
    display: block;
}
#gp-order .header-top-right ul{
    text-align: center;
}
#gp-order .welcome-left{
    padding: 0% 0% 20% 0%;
}
#gp-order h2.heading-title-default{
    line-height: 36px;
    font-size: 22px;
}
#gp-order .about-content-table-sell{
    text-align: center;
}
#gp-order img.breadcrumb-right-img-man{
    display: none;
}
#gp-order img.breadcrumb-left-img{
    display: none;
}
#gp-order img.breadcrumb-right-img{
    display: none;
}
#gp-order .about-slider-wrapper .bg-shadow-img{
    display: none;
}
#gp-order .dedication-hosting-area.about-page{
    padding-bottom: 60px;
    padding-top: 60px;
}
#gp-order .owl-carousel.team-carosuel .owl-nav button.owl-next{
    left: auto;
    right: -25px;
}
#gp-order .about-blog.about{
    margin-top: 0;
    padding-bottom: 0px;
    padding-top: 80px;
}
#gp-order .about-blog.about .single-blog-1{
    margin: 0px 0px 60px 0px;
    padding: 55px 30px 40px 30px;
}
#gp-order .dedication-hosting-area.about-page p{
    font-size: 26px;
    margin-top: 13px;
}
#gp-order .register-btn.text-right{
    margin-top: 20px;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item .slider-image0 img{
     display: none;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-2 .slider-image0 img{
     display: none;
}
#gp-order .slider-wrapper.slick-slider .slider-single-item.slider-single-item-3 .slider-image0 img{
    display: none;
}
#gp-order .slider-heading{
    left: 5.7%;
    font-size: 28px;
    line-height: 42px;
    top: 20%;
}
#gp-order .slider-heading-btns a.download-btn.download-btn-2{
    margin: 30px 0px 0px 0px;
}
#gp-order .slider-heading-btns{
    left: 5.7%;
    top: 50%;
}
#gp-order .homepage-2 .domain-area .domain-inner{
    padding: 50px 30px;
}
#gp-order .homepage-2 .domain-checkup{
    padding: 20px;
}
#gp-order .homepage-2 .domain-checkup-left{
    width: 100%;
}
#gp-order .homepage-2 .domain-checkup-left div.nice-select{
    width: 70px;
}
#gp-order .homepage-2 .domain-checkup-right button{
    width: 27%;
}
#gp-order .homepage-2 .domain-tld-prices li{
    padding: 0px 7px 0px 32px;
    font-size: 14px;
}
#gp-order .homepage-2 .domain-tld-prices li:after{
    left: 5%;
}
#gp-order .homepage-2 .single-blog-1{
    padding: 5px 15px 0px 15px;
}
#gp-order .payment-getway{
    margin-top: 20px;
}
#gp-order .slider-single-item{
  min-height: 550px;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading{
    right: 5.7%;
    font-size: 28px;
    line-height: 42px;
    top: 20%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-content{
    right: 5.7%;
    font-size: 16px;
    top: 38%;
    line-height: 28px;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns{
    right: 5.7%;
    top: 50%;
}
#gp-order .slider-single-item.slider-single-item-2 .slider-heading-btns a.download-btn.download-btn-2{
    margin: 0px 0px 30px 0px;
}
#gp-order .slider-heading-content{
    left: 5.7%;
    font-size: 16px;
    top: 38%;
    line-height: 28px;
}
#gp-order .slider-wrapper .slick-next{
    right: 9%;
}
#gp-order .slider-wrapper .slick-prev,#gp-order .slider-wrapper .slick-next{
    top: 34%;
}
#gp-order .blog-categories-right{
    margin-bottom: 50px;
}
#gp-order .domain-area{
    top: -34px;
    position: initial;
}
#gp-order .homepage-2 .domain-area .domain-inner{
    padding: 10px;
}
#gp-order .latest-blog-area.blag-left{
    padding-bottom: 50px;
    padding-top: 0;
}
#gp-order .logo img{
    max-width: 110px;
}
#gp-order .slider-content-area{
    padding-top: 50px;
    padding-bottom:0px;
    margin-left: 0;
    text-align: left;
}
#gp-order .banner-outer{
    display: none;
}
#gp-order #homepage-3 .blog-1-area.about-blog{
    padding-bottom: 0;
}
#gp-order .slider-content p{
    line-height: 22px;
    padding: 0;
    text-align: left;
    margin: 0;
    margin-top: 20px;
}
#gp-order #homepage-3 .tab-area.homepage-5 .tab-links{
    width: 100%;
    margin-left: 0;
    position: inherit;
}
#gp-order .blog-slider__title{
    font-size: 20px;
}
#gp-order .single-slider-item img.position-img{
    display: none;
}
#gp-order .slider-links{
    margin-top: -20px
}
#gp-order .slider-2-bg{
    padding-top: 80px;
    padding-bottom: 270px;
}
#gp-order .slider-2-bg .single-slider-item{
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 999;
    position: relative;
}
#gp-order img.contact-right-img{
    position: absolute;
    right: 50px;
    bottom: 0;
    display: none;
}
#gp-order .homepage-2 .single-blog-1{
    text-align: center;
    padding: 0;
    transition: .3s;
}
#gp-order .homepage-2.dedicated .single-blog-1{
    margin: 0px 0px 70px 0px;
}
#gp-order .homepage-2.dedicated .about-blog{
    padding: 80px 0px 30px 0px;
}
#gp-order .homepage-2.blog-2-area{
    padding-top: 0px;
    padding-bottom: 15px;
}
#gp-order .power-area{
    padding: 40px 0px 80px 0px;
}
#gp-order .table-responsive{
    overflow-y: auto;
}
#gp-order .power-right h2{
    font-size: 24px
}
#gp-order .testimonial-carousel .single-item .author-info{
    margin-left: 4px;
}
#gp-order .power-area-2{
    margin-top: 70px;
}
#gp-order .slider-content-element{
    padding: 20px 0px 70px 0px;
}
#gp-order .homepage-2.domain-area{
    top: -250px;
}
#gp-order a.pricing-btn.blue-btn.homepage-two-all-features-btn.action-btn.slider-links-1{
    margin-right: 0px;
}
#gp-order a.pricing-btn.blue-btn.homepage-two-all-features-btn.action-btn.slider-links-2{
    background: #3CEFDC;
    color: #fff;
    padding: 14px 18px;
    font-size: 12px;
    margin-left: 15px;
}
#gp-order a.pricing-btn.blue-btn.homepage-two-all-features-btn.action-btn.slider-links-1{
    background: #5DAFEF;
    color: #fff;
    padding: 14px 14px;
    font-size: 12px;
}
#gp-order .swiper-container-horizontal>.swiper-pagination-bullets,#gp-order .swiper-pagination-custom,#gp-order .swiper-pagination-fraction{
    width: initial;
    bottom: 50px;
    z-index: 1;
}
#gp-order #homepage-3 .navigation-bar .row{
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0px;

}
#gp-order .nav.nav-tabs{
    margin: 0px 10px 50px;
    border-bottom: 3px solid#b6c1fa;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .navigation-bar .row{
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0px;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .plan-list ul li{
    font-size: 18px;
}
#gp-order #homepage-3 .homepage-4.homepage-5 .slider-content h2{
    font-size: 26px;
}
#gp-order .tab-content-list ul li{
    font-size: 16px;
    line-height: 30px;
    color: #61758a;
    position: relative;
    padding-left: 23px;
}
#gp-order .tab-content p{
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
}
#gp-order .tab-links{
    margin: 0 0 40px;
    width: 80%;
    text-align: center;
    box-shadow: 0px 7px 30px rgba(77, 131, 173, 0.12);
    position: relative;
    margin-left: 10%;
}
#gp-order ul.tab-links li a{
    padding: 17px 8px;
    font-size: 16px;
}
#gp-order .tab-content-list ul li{
    font-size: 16px;
    line-height: 30px;
    color: #61758a;
    position: relative;
    padding-left: 23px;
}
#gp-order #homepage-3 .homepage-2.domain-area{
    padding: 60px 0px 30px 0px;
}
#gp-order #homepage-3 .homepage-2 .domain-tld-prices li{
    padding: 0px 7px 0px 32px;
}
#gp-order #homepage-3 .nice-select:after{
    right: 8px;
}
#gp-order .tab-area{
    padding: 50px 0;
}
#gp-order .icon-right{
    display: none;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-2{
    margin-left: 15px;
    margin-top: 50px;
    padding: 10px 10px;
    font-size: 10px;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-1{
    padding: 10px 10px;
    font-size: 10px;
}
#gp-order .homepage-slider-1 .owl-dots{
    bottom: 53px;
}
#gp-order .domain-checkup-left .current:after{
    top: 2px;
    left: -5px;
}
#gp-order .homepage-2 .domain-checkup form input[type=text]{
    padding: 12px 10px;
    width: 100%;
    padding-right: 117px;
    font-size: 14px;
}
#gp-order .domain-checkup-left div.nice-select:after{
    top: 3%;
    right: -37px;
    width: 14px;
}
#gp-order .domain-checkup form input[type=text]{
    height: 51px;
    padding: 10px;
    width: 140%;
    padding-right: 100px;
    font-size: 15px;
}
#gp-order .domain-checkup-left{
    width: 72%;
}
#gp-order .domain-checkup{
    padding: 5px;
    margin: 50px 0px 0px 0px;
}
#gp-order .domain-area .domain-inner{
    padding: 27px 40px;
}
#gp-order .domain-area{
    top: -34px;
}
#gp-order .domain-checkup-right button{
    height: 40px;
    padding: 6px;
    font-size: 16px;
    margin-top: 0px;
}
#gp-order .homepage-2 .domain-checkup-right button{
    width: 100%;
    height: 50px;
    font-size: 16px;
    padding: 13px;
}
#gp-order section.homepage-slider-2.slider-2-bg .slider-content h2{
    padding: 0 0px;
}
#gp-order .domain-checkup-left div.nice-select{
    width: 9px;
    position: absolute;
    right: -27px;
    top: 12px;
}
#gp-order .homepage-2 .domain-tld-prices{
    margin: 20px 0px 30px 0px;
}
#gp-order .domain-tld-prices{
    margin-top: 15px;
    padding-left: 0px;
    margin: 15px 0px 0px 0px;
}
#gp-order .domain-tld-prices li:after{
    top: 32%;
    left: -3px;
    width: 1px;
    height: 8px;
}
#gp-order .blog-1-area{
    padding-top: 37px;
    padding-bottom: 0px;
    background-size: cover;
}
#gp-order .homepage-2.pricing-table-area{
    margin-top: 25px;
    padding-bottom: 35px;
}
#gp-order .section-title{
    margin-bottom: 50px;
    text-align: center;
}
#gp-order .section-title h2{
    font-size: 24px;
}
#gp-order .section-title p{
    padding: 0px;
    font-size: 14px;
}
#gp-order .single-blog-1{
    text-align: center;
    margin-bottom: 80px;
}
#gp-order #homepage-3 .full-slider.homepage-4.homepage-5{
    background-size: cover;
}
#gp-order .homepage-4 .single-blog-1{
    margin-bottom: 50px;
}
#gp-order .single-blog-1 p{
    padding: 0 0px;
    line-height: 23px;
}
#gp-order section.pricing-table-area{
    padding-top: 70px;
    padding-bottom: 20px;
}
#gp-order .Homepage-1-amount span:before{
    top: 5px;
    left: 97px;
}
#gp-order .pricing-amount.Homepage-1-amount.doller-position span:before{
    left: 105px;
}
#gp-order .single-pricing-table{
    margin-bottom: 50px;
}
#gp-order .feature-one-right img{
	max-width: 200px;
}
#gp-order .feature-one-right{
    padding-top: 50px;
    padding-bottom: 0;
    text-align: center;
}
#gp-order .feature-one-left{
    padding-bottom: 50px;
    padding-top: 0;
    text-align: center;
}
#gp-order .feature-one-left .Homepage-1-amount span:before{
    top: 7px;
    left: 127px;
    content: "$";
}
#gp-order .pricing-amount.Homepage-1-amount.feature-last-doller span:before{
    left: 103px;
}
#gp-order .feature-one-left h2{
    font-size: 24px;
    margin-bottom: 25px;
}
#gp-order .feature-one-left p{
    font-size: 13px;
    padding-right: 0;
}
#gp-order .feature-two-area{
    padding: 15px 0;
}
#gp-order .feature-two-left{
    padding-top: 0px;
    padding-bottom: 50px;
    text-align: center;
}
#gp-order .feature-two-left img{
    max-width: 200px;
}
#gp-order .feature-two-right p{
    font-size: 13px;
    margin-bottom: 16px;
    line-height: 23px;
    padding: 0px;
}
#gp-order .feature-two-right{
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 30px;
}
#gp-order .faq-area{
    padding-top: 80px;
    padding-bottom: 0px;
}
#gp-order .dedicated .faq-area{
    padding-top: 80px;
    padding-bottom: 20px;
}
#gp-order .feature-two-right .Homepage-1-amount span:before{
    top: 7px;
    left: 100px;
    content: "$";
}
#gp-order .feature-two-right h2{
    font-size: 24px;
    margin-bottom: 25px;
}
#gp-order .pricing-amount .Homepage-1-amount .feature-last-doller:before{
    left: 248px;
}
#gp-order .fan-fact-area{
    padding-top: 70px;
    padding-bottom: 0px;
}
#gp-order .service-area .section-title{
    margin-bottom: 10px;
}
#gp-order .service-teatimonial.slick-initialized.slick-slider i.fa-angle-right{
    position: absolute;
    right:0px;
    top: 50%;
}
#gp-order .service-teatimonial.slick-initialized.slick-slider i.fa-angle-left{
    position: absolute;
    left: 0px;
    top: 50%;
}
#gp-order .service-teatimonial-item-inner img{
    margin-left: 128px;
    width: 100px;
}
#gp-order .service-teatimonial-item-inner h2{
    font-size: 21px;
    margin: 15px 0;
}
#gp-order .service-teatimonial-item-inner p{
    font-size: 14px;
    color: #536d87;
    padding: 0;
}
#gp-order .service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner{
    padding: 12px 5px;
}
#gp-order .single-items{
    margin-bottom: 30px;
}
#gp-order .single-item{
    padding: 3px;
    margin-top: 3px;
}
#gp-order .single-item h2{
    font-size: 20px;
}
#gp-order .single-item p{
    font-size: 12px;
}
#gp-order .service-area{
    padding: 70px 0;
}
#gp-order button.service-nav-right.slick-arrow{
    position: absolute;
    left: auto;
    right: 50px;
}
#gp-order button.service-nav-left.slick-arrow{
    position: absolute;
    left: auto;
    right: 90px;
}
#gp-order .slider-btns-1 button{
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 17px;
    line-height: 33px;
    border: none;
    background: #3464e0;
    color: #fff;
    text-align: center;
    top: -37px;
    right: 41px;
    outline: none;
    transition: .3s;
}
#gp-order .slider-btns-1{
    display: block;
}
#gp-order .homepage-2 .homepage-2.pricing-table-area{
    margin-top: 0px;
    padding-bottom: 0px;
}
#gp-order .homepage-2.dedicated .hosting-plan-area{
    padding-top: 50px;
}
#gp-order .shop-show-left{
    text-align: center;
}
#gp-order .shop-grid-right .jump-page-link{
    margin-top: 33px;
}
#gp-order .homepage-2.blog-1-area{
    padding-bottom: 0;
}
#gp-order .register-area{
    padding: 60px 0;
}
#gp-order .register-heading{
    text-align: center;
}
#gp-order .single-items{
    margin-bottom: 80px;
}
#gp-order .register-heading h2{
    font-size: 24px;
    line-height: 28px;
}
#gp-order .register-btn.text-right{
    margin-top: -19px;
}
#gp-order .foter-botom .text-right{
    text-align: center !important;
}
#gp-order .coming-soon{
    padding-top: 70px;
    height: auto;
    padding-bottom: 1px;
}
#gp-order .testimonial-area{
    padding: 25px 0;
}
#gp-order .testimonial-single-item{
    padding: 5px;
    margin-top: 8px;
}
#gp-order .testi-carousel .testi-single-item .item-inner{
    box-shadow: 0px 0px 19px rgba(0,0,0,0.08), 7px 20px 28px rgba(0,0,0,0.06);
    padding: 35px 6px;
    position: relative;
}
#gp-order .testi-single-item .item-inner:before{
    top: 10%;
    left: 22%;
    font-size: 23px;
}
#gp-order .testi-single-item .item-inner p{
    color: #536d87;
    font-size: 14px;
    line-height: 23px;
}
#gp-order .testi-single-item .item-inner .testimonial-meta h4{
    font-size: 14px;
    margin: 0;
}
#gp-order .testi-single-item .item-inner .testimonial-meta p{
    font-size: 12px;
    margin: 0;
}
#gp-order .testimonial-area{
    padding-top: 70px;
    padding-bottom: 45px;
}
#gp-order .testimonial-area .section-title{
    margin-bottom: 50px;
    text-align: center;
}
#gp-order .register-btn.text-right a.pricing-btn.blue-btn.homepage-one-all-features-btn{
    box-shadow: none;
    font-size: 14px;
}
#gp-order .register-heading h2{
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 30px;
}
#gp-order .testimonial-single-item:before{
    top: 5%;
    left: 4%;
    font-size: 15px;
}
#gp-order button.testi-nav-right.slick-arrow{
    position: absolute;
    left: auto;
    right: 40px;
}
#gp-order button.testi-nav-left.slick-arrow{
    position: absolute;
    left: auto;
    right: 80px;
}
#gp-order a.pricing-btn.blue-btn.homepage-one-all-features-btn.register-btn{
    margin-bottom: 0;
    margin-top: 0;
}
#gp-order .homepage-2 .power-area{
    padding: 20px 0px 80px 0px;
}
#gp-order .homepage-2 .homepage-2.blog-2-area{
    padding-bottom: 40px;
}
#gp-order .homepage-2 .brand-area{
    padding: 30px 0px 50px 0px;
}
#gp-order .homepage-2.hosting .homepage-2.pricing-table-area{
    padding-bottom: 50px;
    padding-top: 100px;
}
#gp-order .about-page .testimonial-area{
    padding-bottom: 80px;
}
#gp-order .homepage-2 .brand-area.about-page{
    padding: 80px 0px 50px 0px;
}
#gp-order .mb-50px{
    margin-top: 30px;
}
#gp-order .slider-btns button{
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    border: none;
    color: #fff;
    text-align: center;
    top: -10px;
    right: 41px;
    outline: none;
    transition: .3s;
}
#gp-order .blog-section-area{
    padding: 50px 0px 0px 0px;
}
#gp-order .solution-area{
    padding: 0px 0px 60px 0px;
    text-align: center;
}
#gp-order .solution-heading h2{
    font-size: 24px;
    line-height: 32px;
}
#gp-order a.solution-btn{
    margin-top: 35px;
}
#gp-order .subscription-wrapper input[type="submit"]{
    right: 2%;
    top: 105px;
}
#gp-order .subscription-wrapper input[type="email"]{
    padding: 0px 0px 0px 10px;
    font-size: 13px;
}
#gp-order .blog-section-area .blog-box-content{
    margin-bottom: 50px;
}
#gp-order .latest-blog-area.blog-section-area .blog-box-content{
    padding: 40px 10px;
    margin-bottom: 50px;
}
#gp-order .blog-section-area .post-meta li{
    margin: 0px 4px 0px 4px !important;
}
#gp-order .latest-blog-area .blog-box-content h3{
    font-size: 20px;
}
#gp-order .brand-area{
    padding: 0px 0px 40px 0px;
}
#gp-order .power-left img{
    display: none;
}
#gp-order .subscription-area{
    padding: 20px 10px 20px 10px;
    border-radius: 5px;
}
#gp-order .payment-getway.text-right{
    text-align: left !important;
}
#gp-order .foter-botom .col-md-6.col-12.text-right{
    text-align: center !important; 
}
#gp-order .foter-botom{
    padding: 30px 0px 0px 0px;
}
#gp-order .foter-botom p{
    text-align: center;
    margin-bottom: 30px;
}
#gp-order .early-offer{
    padding: 30px 20px 30px 20px;
}
#gp-order .single-footer.ml{
    margin-left: 0;
}
#gp-order .owl-carousel .owl-item .brand-single-item img{
    max-width: 150px;

}
#gp-order .call-to-action-area h2{
    font-size: 19px;
    margin-bottom: 20px;
}
#gp-order .call-to-action-area-content{
    text-align: center;
}
#gp-order .call-to-action-btn{
    text-align: center;
    margin-left: 0;
}
#gp-order .call-to-action-area{
    padding: 80px 0;
}
#gp-order .call-to-action-area-content{
    margin-left: 0;
}
#gp-order .pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn{
    background: #fff;
    color: #5DAFEF;
    margin-top: 20px;
    box-shadow: none;
}
#gp-order section.footer-area{
	padding: 50px 0;
}
#gp-order .clouds{
    display: none;
}
#gp-order .single-footer{
    margin-top: 50px;
}
#gp-order .single-footer.margin-left{
     margin-left: 0px;
}
#gp-order .single-footer h2{
    margin-bottom: 20px;
}
#gp-order .subscribation input[type="text"]{
    width: 60%;
}
#gp-order .subscribation input[type="submit"]{
    width: 40%;
}
#gp-order section.foter-botom-area p a{
    font-size: 13px;
}
#gp-order section.foter-botom-area{
    padding: 10px 0px;
    text-align: center;
    font-size: 10px;
}
#gp-order section.foter-botom-area p{
    margin-bottom: 20px;
}
#gp-order .payment-getway.text-right img{
    width: 80%;
}
#gp-order section.welcome-area{
    padding-top: 50px;
    padding-bottom: 51px;
}
#gp-order .welcome-content{
    width: 100%;
    text-align: center;
}
#gp-order .welcome-man-pic{
    display: none;
}
#gp-order .owl-carousel .owl-item .team-carosule-single-item img{
    width: 100%;
}
#gp-order .team-social-links{
    left: 48px;
}
#gp-order section.team-area{
    padding-top: 50px;
    padding-bottom: 90px;
}
#gp-order section.domain-avabalable-area{
    padding-top: 47px;
    background: #EDF4FD;
    text-align: center;
    padding-bottom: 60px;
}
#gp-order section.domain-chart-area{
    padding-top: 80px;
    padding-bottom: 70px;
}
#gp-order .single-domain-feature{
    margin: 0 0 30px;
}
#gp-order section.domain-feature-area{
    padding-top: 80px;
}
#gp-order .nice-select.show-items{
    display: inline-block;
    border: 1px solid#d0e2f4;
    padding: 8px 35px 8px 8px;
    border-radius: 5px;
    font-size: 12px;
}
#gp-order .shop-grid-area .jump-page-link{
    text-align: center;
    margin-top: 34px;
}
#gp-order .shop-show-right{
    text-align: right;
}
#gp-order .shop-show-right.left{
    text-align: right;
    border: 0px solid#d0e2f4;
    padding: 0px;
    border-radius: 0px;
}
#gp-order .shop-pagination-wrapper{
    text-align: center;
    margin-top: 20px;
}
#gp-order .shop-show-right.left .nice-select .list{
    margin-top: 1px;
    left: -2px;
    width: 130px;
}
#gp-order section.shop-grid-area .nice-select.show-items{
    border: 1px solid#d0e2f4;
    padding: 5px 40px 5px 5px;
    border-radius: 5px;
}
#gp-order section.shop-grid-area .shop-show-right .nice-select .list{
    margin-top: 0;
    left: 0px;
    width: 128px;
}
#gp-order section.shop-grid-area .nice-select.show-items{
    border: 1px solid#d0e2f4;
    padding: 5px 37px 5px 5px;
    border-radius: 5px;
}
#gp-order section.shop-grid-area .pagination li a{
    font-size: 10px;
    color: #536d87;
    text-decoration: none;
    text-transform: uppercase;
    padding: 4px 6px;
    margin: 0 4px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none;
    line-height: 13px;
}
#gp-order .shop-grid-area .shop-pagination-wrapper{
    text-align: center;
    margin-top: 20px;
}
#gp-order section.shop-grid-area{
    padding: 60px 0;
}
#gp-order .shop-grid-right .pagination li a{
    font-size: 10px;
    color: #536d87;
    text-decoration: none;
    text-transform: uppercase;
    padding: 4px 6px;
    margin: 0 4px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none;
    line-height: 13px;
}
#gp-order .shop-pagination-wrapper.mt-50{
    margin-top: 0px;
    text-align: center;
}
#gp-order .latest-blog-area .shop-pagination-wrapper.mt-50{
    margin-top: 30px;
    text-align: center;
}
#gp-order .blog-details .single-blog-box p{
     padding: 0px;
}
#gp-order .blog-details p.speak-quate{
    font-size: 14px;
    padding: 22px;
    margin: 30px 0;
}
#gp-order .blog-details .single-blog-box .bd-single img{
    min-height: auto;
}
#gp-order .bd-single{
    margin-top: 30px;
    margin-bottom: 30px;
}
#gp-order .bd-img{
    margin: 0;
}
#gp-order .bd-social-links .blog-tag-cloud{
    padding-left: 0px;
    margin-top: 0;
    text-align: left;
    padding: 0;
    margin: 0;
}
#gp-order .bd-social-links .pull-right{
    float: none !important;
}
#gp-order .prev-next-post-link .prev-post-link,#gp-order .prev-next-post-link .next-post-link{
    width: 100%;
}
#gp-order .slake-post-navs span{
    width: 50%;
    font-size: 14px;
}
#gp-order .prev-next-post-link{
    margin-top: 0;
}
#gp-order .single-comment-content{
    padding: 30px;
}
#gp-order .single-comment-content.comment-padding-left{
    padding-left: 0;
    padding: 30px;
}
#gp-order .latest-blog-area .pagination li a{
    font-size: 12px;
    padding: 2px 5px;
    margin: 3px;
}
#gp-order p.blog-meta a{
    font-size: 10px;
}
#gp-order p.single-contact-info a{
    font-size: 14px;
}
#gp-order .single-address p{
    font-size: 14px;
    padding: 0;
}
#gp-order .team-area .owl-nav div{
    position: static;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 17px;
    line-height: 33px;
    border: none;
    background: #5DAFEF;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    outline: none;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 10px;
}
#gp-order .team-carosuel .owl-nav{
    position: absolute;
    right: 25px;
    bottom: -45px;
}
#gp-order .slider-btns-1{
    margin-top: 20px;
}
#gp-order .domain-now-area .domain-checkup-right button{
    width: 100%;
}
#gp-order section.domain-now-area{
    padding: 50px 0;
}
#gp-order .domain-now-area .domain-inner{
    padding: 6px 22px;
    background: #fff;
    box-shadow: 0px 7px 30px rgba(77, 131, 173, 0.12);
    top: 100px;
    border-radius: 5px;
}
#gp-order .domain-tld-prices li{
    padding: 4px 4px;
    font-size: 14px;
}
#gp-order .domain-now-area .domain-checkup form input[type=text]{
    width: 139%;
}
#gp-order .domain-title{
    padding-left: 0px;
}
#gp-order .domain-link{
    padding-right: 0px;
}
#gp-order .single-address{
    margin-bottom: 60px;
}
#gp-order .hosting-content h2{
    font-size: 37px;
}
#gp-order section.cloud-hosting-service.service-area .slider-btns-1 button{
    top: -10px;
}
#gp-order section.cloud-hosting-service.service-area .section-title{
    margin-bottom: 40px;
}
#gp-order .hosting-content h2{
    font-size: 31px;
}
#gp-order img.hosting-right-img{
    display: none;
}
#gp-order .hosting-content{
    padding-top: 90px;
    padding-bottom: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#gp-order .hosting-slider.faq-slider .hosting-content{
    padding: 90px 0;


}
#gp-order .homepage-2 .pricing-content ul li:after{
    left: 42%;
}
#gp-order section.hosting-plan-area{
    padding-top: 80px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
#gp-order .single-hosting-price.display-none{
    display: none;
}
#gp-order .pt{
    display: block;
}
#gp-order .single-hosting-price{
    width: 100%;
    margin-bottom: 50px;
    border-right: 2px solid#edf4fd;
}
#gp-order .single-blog-box p{
    text-align: center;
}
#gp-order .faq-area .panel-title a span{
    font-size: 16px;
    position: relative;
    top: -10px;
    left: 12px;
}
#gp-order p.blog-meta{
    padding: 0;
}
#gp-order a.margin-left{
    border: none;
    display: none;
}
#gp-order td.new-amount span{
    font-size: 14px;
    bottom: 15px;
    position:static;
}
#gp-order td.old-amount{
    text-align: left;
}
#gp-order section.hosting-plan-area{
     margin-bottom:0px;
}
#gp-order section.famework-area{
    padding-bottom: 50px;
}
#gp-order .famework-area .section-title h2{
    padding: 0px;
    font-size: 20px;
    line-height: 32px;
}
#gp-order .dedication-hosting-area{
    padding-top: 53px;
    padding-bottom: 59px;
}
#gp-order .dedication-table-cell h2{
    font-size: 35px;
    margin-bottom: 46px;
}
#gp-order .video-play-btn-2{
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 30px;
    padding-left: 5px;
}
#gp-order .single-affiliate img{
    margin-top: 50px;
}
#gp-order .single-affiliate{
    margin-bottom: 140px;
}
#gp-order .blog-details-speech li{
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 28px;
    font-size: 12px;
}
#gp-order .domain-links ul li a{
    font-size: 12px;
       }
#gp-order .domain-heading h2{
    font-size: 31px;
}
#gp-order .domain-heading{
    padding-top: 50px;
    padding-bottom: 60px;
}
#gp-order .col-md-4.line-shape:after{
    position: absolute;
    top: 62%;
    left: -48%;
    content: "";
    background: url("https://oblikovanje-logotipa.si/assets/css/asset/img/icons/affiliate-line.png") no-repeat;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(90deg);
}
#gp-order section.working-affiliate-area{
    padding-top: 100px;
    padding-bottom: 0px;
}
#gp-order p.speak-quate:after{
    right: 15%;
}
#gp-order .blog-right-search-button{
    margin-top: 70px;
}
#gp-order .blog-tag-cloud-list ul li a{
    padding: 10px 10px;
}
#gp-order section.latest-blog-area{
    padding-top: 120px;
}
#gp-order p.speak-quate:before{
    left: 0%;
    top: 0%;
}
#gp-order p.speak-quate:after{
    right: 8%;
    bottom: 3%;
}
#gp-order section.latest-blog-area{
    padding-top: 100px;
}
#gp-order .latest-blog-area.blog-section-area.blog-right{
    padding-top: 100px;
    padding-bottom: 80px;
}
#gp-order .blog-recent-post-content{
    margin-top: 20px;
    margin-bottom: 50px;
    text-align: center;
}
#gp-order p.speak-quate{
    padding: 36px;
}
#gp-order .blog-details .blog-box-content h3{
    font-size: 20px;
    padding: 0;
}
#gp-order .blog-box-content p{
    font-size: 14px;
    margin-bottom: 63px;
    line-height: 27px;
}
#gp-order .single-blog-box p{
    margin: 0 0 0px;
    padding: 8px 0;
}
#gp-order .blog-box-content h3{
    font-size: 18px;
}
#gp-order p.blog-2-line-p{
    padding: 0;
}
#gp-order .latest-blog-area{
    padding-bottom: 20px;
    padding-top: 60px;
}
#gp-order .blog-details.latest-blog-area{
    padding-top: 100px;
    padding-bottom: 100px;
}
#gp-order .blog-details .single-blog-box p.blog-meta a{
    padding: 5px 7px;
}
#gp-order .single-comment-content img{
    position: inherit;
    margin-bottom: 30px;
}
#gp-order .single-comment-content p{
    margin: 20px 0px 0px 0px;
}
#gp-order .single-shop-box{
    margin-top: 40px;
    margin-bottom: 60px;
}
#gp-order .latest-blog-area.blog-section-area.blog-right .blog-box-content{
    padding: 40px 10px;
}
#gp-order .latest-blog-area.blog-section-area.blog-right .blog-right-search-button{
   margin-top: 0;
}
#gp-order .shop-recent-post-content{
    margin-top: 10px;
    margin-bottom: 30px;
}
#gp-order .blank-meta{
    bottom: 24px;
    margin-left: -95px;
}
#gp-order .blank-page-icon{
    height: 421px;
}
#gp-order .blank-meta h1{
    font-size: 70px;
    letter-spacing: 21px;
}
#gp-order .blank-meta a{
    font-size: 18px;
}
#gp-order .blank-page-area{
    padding-top: 50px;
}
#gp-order .smalltext{
    margin-top: -16px;
}
#gp-order #clockdiv div > span{
    padding: 0px;
    font-size: 35px;
}
#gp-order .coming-soon h1{
    font-size: 28px;
}
#gp-order .coming-soon .social-links{
    margin-top: 100px;
}
#gp-order section.coming-soon input[type="email"]{
    width: 63%;
}
#gp-order button.notify{
    width: 27%;
    padding-top: 3px;
}
#gp-order .coming-soon p.copy-right{
    font-size: 14px;
}
#gp-order .coming-soon{
    padding-top: 70px;
}
#gp-order .about-heading{
    padding-top: 60px;
    padding-bottom: 40px;
}
#gp-order .about-heading h2{
    font-size: 31px;
}
#gp-order .about-links ul li a{
    font-size: 12px;
}
#gp-order .checkout{
    text-align: center;
}
#gp-order a.checkout-btn{
    padding: 15px 26px;
}
#gp-order .order-summary{
    margin-top: 25px;
}
#gp-order .coupon{
    margin-top: 0px;
}
#gp-order .row.border{
    padding-top: 0px; 
     padding-left: 0px; 
     padding-right: 0px; 
    padding-bottom: 30px;
}
#gp-order .dedication-table-cell h2{
    font-size: 25px;
    margin-bottom: 36px;
}
#gp-order .cart-blog-area{
     padding: 60px 0; 
}
#gp-order .blank-meta{
    bottom: 8px;
    margin-left: -66px;
}
#gp-order .blank-table img{
    width: 100%;
}
#gp-order .blank-meta a{
    font-size: 10px;
}
#gp-order .blank-meta h1{
    font-size: 47px;
    letter-spacing: 18px;
}
#gp-order .blog-recent-post{
    text-align: center;
}
#gp-order .get-in-touch{
    width: 92%;
    padding: 40px 10px;
}
#gp-order .get-in-touch h2{
    font-size: 30px;
}
#gp-order .submit-button{
    text-align: center;
}
#gp-order .dropdown-nav{
    -webkit-transition: all .0s ease;
    transition: all .0s ease;
}}
#gp-order }


@media only screen and (min-width: 480px) and (max-width: 767px){

.data-center-map {
    display: none;
}
.map-defauit {
    display: block;
}


.col-md-6.mbtop{
    margin-bottom: 60px;
}



 
.slicknav_menu {
    display:block;
}
.slicknav_nav {
    float: right;
    position: absolute;
    width: 400px;
    top: 61px;
    z-index: 99999;
    right: 0;
    background: #f3f5ff;
    padding: 20px 0px 20px 20px;
    transition: all 0s ease;
}

    li.dropdown i.fa {
    display: none;
}
li.mega-manu i.fa {
    display: none;
}

.slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 15px 10px;
    margin: 0px 0px;
}

.slicknav_nav .slicknav_row{
    transition: .3s;
}

.dropdown-nav {
    -webkit-transition: all .0s ease;
    transition: all .0s ease;
}

.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #3464e0;
    color: #fff;
}

ul.slicknav_nav ul li a {
    padding: 10px 14px;
    margin-left: 20px;
    position: relative;
    z-index: 999999;
    color: #fff;
    background: #3464e0;
    border: none;
    font-weight: 600;
}
    

.header-top-area {
    background-color: #2DE1E2;
}
.header-top-right ul {
    text-align: center;
}
.header-top-left {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}
.navbar-brand {
    height: 60px;
}
.header-top-right a {
    margin-left: 36px;
    font-size: 14px;
}
.header-top-left ul li i {
    padding-right: 7px;
}
.header-top-left > ul > li {
    display: inline-block;
    padding-right: 8px;
}
.header-top-right ul li:after {
    position: absolute;
    top: 6px;
    left: 15px;
}
.header-top-area {
    padding: 9px;
}
.logo img {
    max-width: 110px;
}
.slider-content-area {
    padding-top: 80px;
    padding-bottom: 130px;
}

.slider-content h2 {
    font-size: 22px;
    color: #feffff;
    font-weight: 600;
    padding: 0 90px;
}
.slider-content p {
    color: #fff;
    margin-top: 10px;
    line-height: 19px;
    font-size: 12px;
    padding: 0px 20px;
}
.single-slider-item img.position-img {

    display: none;
}

a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-2 {
    margin-left: 15px;
    margin-top: 50px;
    padding: 10px 10px;
    font-size: 10px;
}
a.pricing-btn.blue-btn.homepage-one-all-features-btn.action-btn.slider-links-1 {
    padding: 10px 10px;
    font-size: 10px;
}
.homepage-slider-1 .owl-dots {
    bottom: 72px;
}

.domain-checkup form input[type=text] {
    height: 65px;
    padding: 20px;
    border-radius: 5px;
    padding-right: 150px;
}
.domain-checkup-left div.nice-select {
    right: -79px;
    top: 19px;
}
.domain-checkup-right button {
    height: 65px;
    padding: 20px;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 18px;
    background: #39efdc;
    outline: none;
}
.domain-tld-prices li {
    padding: 0px 14px;
    font-size: 12px;
}
section.blog-1-area {
    padding: 20px 0;
}
.section-title {
    margin-bottom: 50px;
    text-align: center;
}
.domain-tld-prices li:after {
    position: absolute;
    top: 15%;
    left: -1px;
    width: 1px;
    height: 11px;
    content: "";
    background: #5DAFEF;
}
.pricing-amount .currency {
    top: -7px;
    left: -13px;
}
.pricing-content ul li:after {
    top: 9px;
    left: 45%;
    width: 10%;
}

.section-title h2 {
    font-size: 24px;
}

.section-title p {
    padding: 0 57px;
    font-size: 16px;
}
.faq-area .panel-title a span {
    font-size: 16px;
    position: relative;
    top: 1px;
    left: 2px;
}

.single-blog-1 {
    text-align: center;
    margin-bottom: 80px;
}


.single-blog-1 p {
    padding: 0 93px;
    line-height: 23px;
}

section.pricing-table-area {
    padding: 70px 0;
}
.Homepage-1-amount span:before {
    top: 7px;
    left: 244px;
}
.single-pricing-table {
    margin-bottom: 50px;
}


.feature-one-right img{
	max-width: 200px;
}

.feature-one-right {
    padding-top: 50px;
    padding-bottom: 0;
    text-align: center;
}

.feature-one-left {
    padding-bottom: 50px;
    padding-top: 0;
    text-align: center;
}
.feature-one-left .Homepage-1-amount span:before {
    top: 7px;
    left: 273px;
    content: "$";
}



.feature-two-left {
    padding-top: 0px;
    padding-bottom: 50px;
    text-align: center;
}
.feature-two-left img {
    max-width: 200px;
}
.feature-two-right {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 30px;
}


.feature-two-right .Homepage-1-amount span:before {
    top: 7px;
    left: 245px;
    content: "$";
}

.pricing-amount .Homepage-1-amount .feature-last-doller:before{
    left: 248px;
}
.feature-one-left .pricing-amount.Homepage-1-amount.feature-last-doller span:before {
    left: 228px;
}
.feature-two-right .Homepage-1-amount span:before {
    top: 7px;
    left: 230px;
    content: "$";
}
.feature-one-left .Homepage-1-amount span:before {
    top: 7px;
    left: 258px;
    content: "$";
}
.fan-fact-area {
    padding-top: 50px;
}
.single-items {
    margin-bottom: 80px;
}
.single-item {
    padding: 3px;
    margin-top: 3px;
}
.service-teatimonial-item-inner img {
    margin-left: 69px;
    width: 80px;
}
.service-teatimonial-item-inner h2 {
    font-size: 18px;
    margin: 15px 0;
}
.service-teatimonial-item-inner p {
    font-size: 14px;
    padding: 0px;
}
.service-teatimonial .service-teatimonial-single-item .service-teatimonial-item-inner {
    padding: 20px 8px;
}

.service-area .section-title {
    margin-bottom: 10px;
}
.service-area {
    padding: 50px 0;
}
 {
    margin-left: 81px;
    margin-top: 8px;
    margin-bottom: 16px;
}
.testi-single-item .item-inner:before {
    top: 11%;
    left: 17%;
    font-size: 25px;
}
.testi-single-item .item-inner p {
    color: #536d87;
    font-size: 14px;
    line-height: 25px;
}
.testi-single-item .item-inner p {
    font-size: 14px;
}
.col-md-4.line-shape:after {
    top: 83%;
    left: -35%;
    -webkit-transform: rotate(90deg);
}
.testi-single-item .item-inner .testimonial-meta p {
    font-size: 12px;
}
button.service-nav-right.slick-arrow {
    position: absolute;
    left: auto;
    right: 40px;
}
button.service-nav-left.slick-arrow {
    position: absolute;
    left: auto;
    right: 85px;
}
.slider-btns-1 button {
    position: relative;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 20px;
    line-height: 37px;
    border: none;
    background: #5DAFEF;
    color: #fff;
    text-align: center;
    top: -15px;
    right: 41px;
    outline: none;
    transition: .3s;
}

.slider-btns-1{
    display: block;
}

.register-area {
    padding: 50px 0;
}
.register-heading {
    text-align: center;
}
.register-heading h2 {
    font-size: 24px;
    line-height: 28px;
}
.register-btn.text-right {
    margin-top: -19px;
}
.foter-botom .text-right {
    text-align: center !important;
}



.testimonial-area {
    padding-top: 70px;
    padding-bottom: 20px;
}
.testimonial-single-item {
    padding: 5px;
    margin-top: 8px;
}
.testimonial-carousel .owl-item .testimonial-single-item img {
    width: 80px;
}
.testimonial-carousel .owl-item .testimonial-single-item img {
    margin-left: 100px;
}
section.homepage-slider-2.slider-2-bg .slider-content h2 {
    padding: 0 80px;
}
.testimonial-meta p {
    font-size: 12px;
}
.testimonial-meta h4 {
    font-size: 14px;
}
.testimonial-single-item p {
    padding: 6px;
    font-size: 12px;
}
.testimonial-single-item {
    padding: 5px;
    margin-top: 8px;
}
 {
    margin-left: 82px;
    margin-top: 8px;
    margin-bottom: 16px;
}
.testi-single-item .item-inner:before {
    top: 6%;
    left: 24%;
    font-size: 23px;
}

.team-area .owl-nav div {
    position: static;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 20px;
    line-height: 39px;
    border: none;
    background: #5DAFEF;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    outline: none;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 10px;
}
.team-carosuel .owl-nav {
    position: absolute;
    right: 25px;
    bottom: -62px;
}

.testi-nav-right.slick-arrow {
    position: absolute;
    left: auto;
    right: 40px;
}
.testi-nav-left.slick-arrow {
    position: absolute;
    left: auto;
    right: 85px;
}

.slider-btns{
    display: block;
}

.brand-area {
    padding: 50px 0;
}

.owl-carousel .owl-item .brand-single-item img {
    max-width: 150px;
}
.call-to-action-area h2 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 20px;
}
.call-to-action-area-content {
    text-align: center;
}
.call-to-action-btn {
    text-align: center;
}
.call-to-action-area {
    padding-top: 70px;
    padding-bottom: 80px;
}

section.footer-area{
	padding: 50px 0;
}
.single-footer {
    margin-top: 50px;
}
.single-footer h2 {
    margin-bottom: 20px;;
}
.subscribation input[type="text"] {
    width: 60%;
}

.subscribation input[type="submit"] {
    width: 40%;
}
section.foter-botom-area p a {
    font-size: 13px;
}
section.foter-botom-area {
    padding: 10px;
    text-align: center;
}
.homepage-2.blog-1-area {
    margin-top: -188px;
}
.slider-2-bg {
    padding-top: 77px;
    padding-bottom: 306px;
}
.homepage-2.domain-area {
    top: -279px;
}
.homepage-2 .domain-checkup-left {
    width: 71%;
}
.homepage-2 .domain-checkup-right button {
    width: 100%;
}

ul.tab-links li a {
    padding: 25px 7px;
    font-size: 13px;
}
.icon-right {
    display: none;
}

section.welcome-area {
    padding-top: 50px;
    padding-bottom: 51px;
}
.welcome-content {
    width: 100%;
    text-align: center;
}
.welcome-man-pic {
    display: none;
}
.owl-carousel .owl-item .team-carosule-single-item img {
    width: 100%;
}

section.team-area {
    padding-top: 50px;
    padding-bottom: 89px;
}


.team-social-links {
    left: 30px;
}
.slider-btns-1 {
    margin-top: 0px;
}



.domain-now-area .domain-checkup-right button {
    width: 100%;
}
section.domain-now-area {
     padding: 0px 0;
}
.domain-now-area .domain-checkup form input[type=text] {
    width: 139%;
}
.domain-title {
    padding-left: 0px;
}
.domain-link {
    padding-right: 0px;
}




.single-address {
    margin-bottom: 60px;
}
.hosting-content h2 {
    font-size: 37px;
}

img.hosting-right-img {
    display: none;
}
.hosting-content {
    text-align: center;
}
.homepage-2 .pricing-content ul li:after {
    left: 45%;
}
.single-hosting-price.display-none {
    display: none;
}
.pt {
    display: block;
}
.single-hosting-price {
    width: 33.33%;
}

.blog-box-bg-1 {
    background-position: inherit;
}
.blog-box-bg-2 {
    background-position: inherit;
}
.blog-box-bg-3 {
    background-position: inherit;
}
.single-blog-box p {
    text-align: center;
}
.latest-blog-area .pagination li a {
    font-size: 14px;
    padding: 5px 10px;
    margin: 6px;
}
.domain-now-area .domain-inner {
    padding: 50px 50px;
}
.single-domain-feature {
     padding: 0px;
}
section.hosting-plan-area {
    margin-bottom: 0px;
    padding-top: 70px;
}
section.famework-area {
    padding-bottom: 50px;
}
.famework-area .section-title h2 {
    padding: 0px;
    font-size: 25px;
    line-height: 36px;
}

.dedication-hosting-area {
    padding-top: 53px;
    padding-bottom: 59px;
}
.dedication-table-cell h2 {
    font-size: 35px;
    margin-bottom: 46px;
}
.video-play-btn-2 {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 30px;
    padding-left: 5px;
}

.single-affiliate img {
    margin-top: 60px;
}



section.working-affiliate-area {
    padding-top: 100px;
    padding-bottom: 0px;
}

p.speak-quate:after {
    right: 15%;
}
.blog-right-search-button {
    margin-top: 70px;
}
.blog-tag-cloud-list ul li a {
    padding: 10px 52px;
}

section.latest-blog-area {
    padding-bottom: 50px;
    padding-top: 60px;
}



.single-shop-box {
    margin-top: 40px;
    margin-bottom: 50px;
}
.shop-recent-post-content {
    margin-top: 10px;
    margin-bottom: 30px;
}
.shop-grid-right .pagination li a {
    font-size: 14px;
    padding: 8px 12px;
    margin: 0 8px;
}
.nice-select.show-items {
    display: inline-block;
    border: 1px solid#d0e2f4;
    padding: 10px 60px 10px 10px;
    border-radius: 5px;
    font-size: 16px;
}

.col-md-6.mb-50px{
    margin-top: 60px;
}
.shop-show-right.left .nice-select .list {
    margin-top: 1px;
    left: 17px;
    width: auto;
}
.shop-grid-area .nice-select .list {
    margin-top: 0;
    left: 7px;
}
section.shop-grid-area .nice-select.show-items {
    border: 1px solid#d0e2f4;
    padding: 5px 45px 5px 5px;
    border-radius: 5px;
}
.shop-grid-area .shop-pagination-wrapper {
    text-align: center;
    margin-top: 20px;
}

.smalltext {
    margin-top: -28px;
}
#clockdiv div > span {
    padding: 15px;
}
.coming-soon h1 {
    font-size: 40px;
}
.coming-soon .social-links {
    margin-top: 100px;
}
.about-heading {
    padding-top: 113px;
    padding-bottom: 67px;
}

section.hosting-plan-area.hosting-plan-area-affiliate .single-hosting-price h2 {
    font-size: 12px;
}
.table-responsive {
    border: 0px solid #ddd;
}
section.hosting-plan-area.clouds {
    margin-top: 50px;
}
img.contact-right-img {
    position: absolute;
    right: 50px;
    bottom: 0;
    display: none;
}


.blank-meta {
    bottom: 62px;
    left: 57%;
    margin-left: -222px;
}
.blank-page-icon {
    height: 577px;
}
.blank-page-icon img {
    position: absolute;
    bottom: 0;
    left: 10%;
    height: 100%;
    width: 80%;
}


.blank-meta {
    bottom: 12px;
    margin-left: -113px;
}
.blank-table img {
    width: 60%;
}
.blank-meta a {
    font-size: 12px;
}
.blank-meta h1 {
    font-size: 53px;
    letter-spacing: 18px;
}
.blog-recent-post {
    text-align: center;
}

.blog-details p.speak-quate {
    font-size: 16px;
    padding: 10px 13px;
    background: #f2f5f9;
    margin: 30px 0;
    font-weight: 500;
    position: relative;
    text-align: center;
}


.table-responsive {
    overflow-y: auto;
}

.blog-recent-post-content h2 {
    font-size: 17px;
}
.blog-recent-post-content  {
    font-size: 15px;
}






.get-in-touch {
    width: 85%;
    margin-left: 5%;
}
    .hosting-slider.faq-slider .hosting-content {
        padding: 90px 0;


    }
}
@media only screen and (min-width: 320px) and (max-width: 767px){#gp-order .footer-sideber.slimScroll{
    width: 300px;
    }
#gp-order .hosting-content{
    padding-top: 90px;
    padding-bottom: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#gp-order .hosting-slider.faq-slider .hosting-content{
    padding: 90px 0;


}
#gp-order .data-center-map{
    display: none;
}
#gp-order .map-defauit{
    display: block;
}
#gp-order .subscription-wrapper input[type="email"]{
    padding: 0px 0px 0px 10px;
    font-weight: 500;
    font-size: 11px;
}
#gp-order .solution-heading h2{
    font-size: 20px;
    line-height: 32px;
}
#gp-order .col-md-6.mbtop{
    margin-bottom: 60px;
}
#gp-order .header-top-right a{
    margin-left: 10px;
    font-size: 14px;
}
#gp-order .latest-blog-area.blog-section-area .blog-box-content{
    padding: 40px 15px;
}
#gp-order .latest-blog-area.blog-section-area.blog-right .blog-box-content{
    padding: 40px 10px;
}
#gp-order .blog-box-content p{
    margin-bottom: 40px;
}
#gp-order .latest-blog-area .blog-box-content h3{
    font-size: 17px;
}
#gp-order .bd-social-links .blog-tag-cloud-list a{
    padding: 7px 9px;
}
#gp-order .bd-social-links .blog-tag-cloud-list ul li{
    padding: 11px 2px;
}
#gp-order .prev-next-post-link .prev-post-link,#gp-order .prev-next-post-link .next-post-link{
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
#gp-order .slake-post-navs span{
    width: 50%;
    font-size: 14px;
}
#gp-order .prev-next-post-link{
    margin-top: 0;
    padding: 30px 0px 10px 10px;
}
#gp-order .instragram li{
    width: 28%;
}
#gp-order .blog-tag-cloud{
    padding: 16px;
}
#gp-order .slicknav_nav{
    width: 320px;
}
#gp-order .cotation{
    padding: 0px 6px 8px 32px;
}
#gp-order .hideshare-wrap .hideshare-list{
    position: inherit;
}}
#gp-order,#gp-order{
  
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
  overflow-x: hidden;
}
#gp-order h1,#gp-order h3,#gp-order h4,#gp-order h5,#gp-order h6{
  clear: both;
  color: #000;
  padding: 0;
  margin: 0 0 20px 0;
  font-weight: 600;
  line-height: 1.3em;
  font-family: 'Poppins', sans-serif;
}
#gp-order h2{
  clear: both;
  color: #000;
  padding: 0;
  margin: 0 0 20px 0;
  font-weight: 600;
  line-height: 1.3em;
  font-family: 'Poppins', sans-serif;
}
#gp-order .cs-primary_font{
  
  font-family: 'Montserrat', sans-serif;
}
#gp-order .cs-secondary_font{
  font-family: 'Open Sans', sans-serif;
}
#gp-order h1{
  font-size: 56px;
}
#gp-order h2{
  font-size: 42px;
}
#gp-order h3{
  font-size: 30px;
}
#gp-order h4{
  font-size: 24px;
}
#gp-order h5{
  font-size: 18px;
}
#gp-order h6{
  font-size: 16px;
}
#gp-order p{
  margin-bottom: 15px;
}
#gp-order ul{
  margin: 0 0 25px 0;
  padding-left: 20px;
  list-style: square outside none;
}
#gp-order ol{
  padding-left: 20px;
  margin-bottom: 25px;
}
#gp-order dfn,#gp-order cite,#gp-order em,#gp-order i{
  font-style: italic;
}
#gp-order blockquote{
  margin: 0 15px;
  font-style: italic;
  font-size: 20px;
  line-height: 1.6em;
  margin: 0;
}
#gp-order address{
  margin: 0 0 15px;
}
#gp-order img{
  border: 0;
  max-width: 100%;
  height: auto;
}
#gp-order a{
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order button{
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order a:hover{
  text-decoration: none;
  color: #1421c2;
}
#gp-order table{
  width: 100%;
  margin-bottom: 25px;
}
#gp-order table th{
  font-weight: 600;
  color: rgba(254, 254, 254, 0.7);
}
#gp-order table td,#gp-order table th{
  border-top: 1px solid #4D4D4D;
  padding: 11px 10px;
}
#gp-order dl{
  margin-bottom: 25px;
}
#gp-order dl dt{
  font-weight: 600;
}
#gp-order .naslov-povp{
  font-size:40px !important;
}
#gp-order .naslov-cena{
  font-size:50px !important;
}
#gp-order .ribbon{
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
#gp-order .ribbon::before,#gp-order .ribbon::after{
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
#gp-order .ribbon span{
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #1421c2;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 23px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
#gp-order .ribbon-top-right{
  top: -10px;
  right: -10px;
  z-index: 1;
}
#gp-order .ribbon-top-right::before,#gp-order .ribbon-top-right::after{
  border-top-color: transparent;
  border-right-color: transparent;
}
#gp-order .ribbon-top-right::before{
  top: 0;
  left: 0;
}
#gp-order .ribbon-top-right::after{
  bottom: 0;
  right: 0;
}
#gp-order .ribbon-top-right span{
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}
#gp-order .ribbon-top-left{
  top: 0px;
  left: -12px;
  z-index: 1;
}
#gp-order .ribbon-top-left::before,#gp-order .ribbon-top-left::after{
  border-top-color: transparent;
  border-left-color: transparent;
}
#gp-order .ribbon-top-left::before{
  top: 0;
  right: 0;
}
#gp-order .ribbon-top-left::after{
  bottom: 0;
  left: 0;
}
#gp-order .ribbon-top-left span{
  right: -0px;
  top: 10px;
  transform: rotate(-30deg);
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 1.1;
  width: 300px;
}
#gp-order .ribbon-top-left span strong{
  font-size: 18px;
}
#gp-order .ribbon.ribbon-top-left{
  width: 230px;
}
#gp-order .ribbon-top-right-alt{
  top: 0px;
  right: -12px;
  z-index: 1;
}
#gp-order .ribbon-top-right-alt::before,#gp-order .ribbon-top-right-alt::after{
  display:none;
}
#gp-order .ribbon-top-right-alt::before{
  top: 0;
  left: 0;
}
#gp-order .ribbon-top-right-alt::after{
  bottom: 0;
  right: 0;
}
#gp-order .ribbon-top-right-alt span{
  left: -0px;
  top: 10px;
  transform: rotate(30deg);
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 1.1;
  width: 300px;
}
#gp-order .ribbon-top-right-alt span strong{
  font-size: 18px;
}
#gp-order .ribbon.ribbon-top-right-alt{
  width: 230px;
}
#gp-order .vprasalnik-naslov{
  font-size: 32px !important;
}
#gp-order .cs-pricing_table.cs-style1 .cs-price h3,#gp-order .naslov-cena{
  font-weight: 700;
}
#gp-order .cs-pricing_table.cs-style1 .cs-price{
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
#gp-order .cs-pricing_table.cs-style1 .cs-price span{
  position: inherit !important;
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_info{
  padding: 15px 0 !important;
}
#gp-order .cs-pricing_feature{
  font-weight: 600;
}
#gp-order .footer-social{
    
    display: none;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#gp-order .footer-social a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1B1B1B;
    border-radius: 50%;
    color: #fff;
}
#gp-order .footer-social a:hover{
	background: #1421c2;
}
#gp-order .divPodjetje{
    display: none;
}
#gp-order #chkPodjetje{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#gp-order .checkmark{
  height: 35px;
  width: 35px;
  background-color: transparent;
  border-radius: 10px;
  margin-right:20px;
  border: 2px solid #999696;
}
#gp-order #chkPodjetje:hover ~ .checkmark{
  background-color: #ccc;
}
#gp-order #chkPodjetje:checked ~ .checkmark{
  
}
#gp-order .checkmark:after{
  content: "";
  position: relative;
  display: none;
}
#gp-order #chkPodjetje:checked ~ .checkmark:after{
  display: block;
}
#gp-order .checkmark:after{
  left: 10px;
  top: 3px;
  width: 10px;
  height: 20px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#gp-order .vprasalnik #files,#gp-order #wizard #files{
    display: none;
}
#gp-order footer .cs-widget_title,#gp-order footer h4,#gp-order .cs-slide .cs-post_title{
    color: #fff;
}
#gp-order .cs-side_header,#gp-order .cs-side_header_heading,#gp-order .cs-side_header_title{
    color: #fff;
}
#gp-order .predstavitev{
    position:absolute; left: 0; right: 0; transform: translateY(-45%);
}
#gp-order #portfolio{
    background-color: rgba(232,232,232,0.9);
}
#gp-order #portfolio .cs-section_subtitle,#gp-order #omenisec .cs-section_subtitle{
    color: #1421c2;
}
#gp-order #portfolio .cs-isotop_item,#gp-order #galerija .cs-isotop_item{
    padding: 0px 10px;
    margin-bottom: 20px;
}
#gp-order #portfolio .cs-isotop_item a,#gp-order #galerija .cs-isotop_item a{
    box-shadow: rgba(0,0,0,0.5) 5px 5px 15px;
}
#gp-order #kontakt,#gp-order #faq{
    background-color: #fff;
    color: #000;
}
#gp-order #kontakt h2{
    color: #000;
}
#gp-order #kontakt svg{
    fill: #1421c2;
}
#gp-order #start{
    background-color: rgba(232,232,232,0.9);
}
#gp-order #start .cs-isotop_item{
    width: 300px;
    height: 300px;
}
#gp-order #start .cs-isotop_item a{
    height: 100%;
}
#gp-order #start div:nth-child(3){
    right: 0 !important;
    left: unset !important;
    top: 230px !important;
}
#gp-order #start div:nth-child(4){
    top: 440px !important;
}
#gp-order #cenik,#gp-order #blog,#gp-order .zadnjihpet{
    background-color: rgba(0,0,0,0.95);
}
#gp-order #cenik .cs-section_title{
    color: #fff;
}
#gp-order #blog .cs-section_title,#gp-order #blog .cs-text_btn,#gp-order #blog .cs-post_info{
    color: #fff;
}
#gp-order .mainc{
  color: #1421c2;
}
#gp-order .okvir{
  background-color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 20px;
  min-height: 450px;
  margin-bottom: 20px;
}
#gp-order .okvir a{
    color: #1421c2;
}
#gp-order .cs-form_field{
    color: #000;
}
#gp-order .cs-site_branding{
    text-transform: none !important;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
#gp-order .postopek{
  text-align:right;
  padding-right:45px;
}
#gp-order .postopek-mobile{
  display:none;
  text-align:center;
  padding: 0px;
}
#gp-order .cs-copyright{
    color: #fff;
}
#gp-order .showmobile{
    display: none;
}
#gp-order .CGP .cs-portfolio.cs-style1.cs-type1{
      max-height:100%;
      width: 100%;
      aspect-ratio: 1/1;
      height: auto !important;
  }
@media screen and (max-width: 1200px){#gp-order .postopek{
        text-align: left;
    }}
@media screen and (max-width: 991px){#gp-order .predstavitev{
        position: relative;
        top: 35px;
        transform:unset;
        padding-bottom: 50px;
    }
#gp-order .cs-portfolio.cs-style1.cs-type1{
        width: 100%;
    }}
@media screen and (max-width: 575px){#gp-order .naslov-povp{
    font-size:2em !important;
  }
#gp-order .cs-section_heading{
    margin-top:30px;
  }
#gp-order .postopek{
    display: none;
  }
#gp-order .postopek-mobile{
    display: block;
  }
#gp-order .hidemobile{
      display: none;
  }
#gp-order .showmobile{
      display: block;
  }
#gp-order .cs-portfolio.cs-style1.cs-type1{
      max-height:100%;
      width: 100%;
      
  }
#gp-order .vektorizacija{
      text-align: center;
  }
#gp-order .vektorizacija h3{
      font-size: 16px;
  }
#gp-order .vekimg{
      margin-bottom:25px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-btn.cs-style1{
        margin-bottom:10px;
    }
#gp-order .cs-portfolio_1_heading{
        margin-bottom: 20px;
    }}
#gp-order b,#gp-order strong{
  font-weight: bold;
}
#gp-order pre{
  color: rgba(254, 254, 254, 0.7);
  border: 1px solid #4D4D4D;
  font-size: 18px;
  padding: 25px;
  border-radius: 5px;
}
#gp-order kbd{
  font-size: 100%;
  background-color: rgba(254, 254, 254, 0.7);
  border-radius: 5px;
}
@media screen and (max-width: 991px){#gp-order,#gp-order{
    font-size: 16px;
    line-height: 1.6em;
  }
#gp-order h2{
    font-size: 36px;
    margin-bottom: 10px;
  }}
#gp-order input,#gp-order textarea{
  color: #FEFEFE;
}
#gp-order .cs-preloader{
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #181818;
}
#gp-order .cs-preloader_bg{
  text-align: center;
  height: 100%;
  width: 100%;
}
#gp-order .cs-preloader_in{
  width: 120px;
  height: 120px;
  position: relative;
  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;
  padding: 28px;
  border: 3px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}
#gp-order .cs-preloader_in:after{
  content: "";
  border-width: 3px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #1421c2;
  border-radius: 50%;
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  left: 50%;
  top: 50%;
  -webkit-animation: spin 1s ease-in-out infinite;
          animation: spin 1s ease-in-out infinite;
  margin-left: -60px;
  margin-top: -60px;
}
#gp-order .cs-preloader_in::before{
  content: '';
  height: 8px;
  width: 8px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #1421c2;
}
@-webkit-keyframes spin{
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin{
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media screen and (min-width: 992px){#gp-order .cs-height_0{
    height: 0px;
  }
#gp-order .cs-height_5{
    height: 5px;
  }
#gp-order .cs-height_10{
    height: 10px;
  }
#gp-order .cs-height_15{
    height: 15px;
  }
#gp-order .cs-height_20{
    height: 20px;
  }
#gp-order .cs-height_25{
    height: 25px;
  }
#gp-order .cs-height_30{
    height: 30px;
  }
#gp-order .cs-height_35{
    height: 35px;
  }
#gp-order .cs-height_40{
    height: 40px;
  }
#gp-order .cs-height_45{
    height: 45px;
  }
#gp-order .cs-height_50{
    height: 50px;
  }
#gp-order .cs-height_55{
    height: 55px;
  }
#gp-order .cs-height_60{
    height: 60px;
  }
#gp-order .cs-height_65{
    height: 65px;
  }
#gp-order .cs-height_70{
    height: 70px;
  }
#gp-order .cs-height_75{
    height: 75px;
  }
#gp-order .cs-height_80{
    height: 80px;
  }
#gp-order .cs-height_85{
    height: 85px;
  }
#gp-order .cs-height_90{
    height: 90px;
  }
#gp-order .cs-height_95{
    height: 95px;
  }
#gp-order .cs-height_100{
    height: 100px;
  }
#gp-order .cs-height_105{
    height: 105px;
  }
#gp-order .cs-height_110{
    height: 110px;
  }
#gp-order .cs-height_115{
    height: 115px;
  }
#gp-order .cs-height_120{
    height: 120px;
  }
#gp-order .cs-height_125{
    height: 125px;
  }
#gp-order .cs-height_130{
    height: 130px;
  }
#gp-order .cs-height_135{
    height: 135px;
  }
#gp-order .cs-height_140{
    height: 140px;
  }
#gp-order .cs-height_145{
    height: 145px;
  }
#gp-order .cs-height_150{
    height: 150px;
  }
#gp-order .cs-height_155{
    height: 155px;
  }
#gp-order .cs-height_160{
    height: 160px;
  }
#gp-order .cs-height_165{
    height: 165px;
  }
#gp-order .cs-height_170{
    height: 170px;
  }
#gp-order .cs-height_175{
    height: 175px;
  }
#gp-order .cs-height_180{
    height: 180px;
  }
#gp-order .cs-height_185{
    height: 185px;
  }
#gp-order .cs-height_190{
    height: 190px;
  }
#gp-order .cs-height_195{
    height: 195px;
  }
#gp-order .cs-height_200{
    height: 200px;
  }
#gp-order .cs-height_205{
    height: 205px;
  }
#gp-order .cs-height_210{
    height: 210px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-height_lg_0{
    height: 0px;
  }
#gp-order .cs-height_lg_5{
    height: 5px;
  }
#gp-order .cs-height_lg_10{
    height: 10px;
  }
#gp-order .cs-height_lg_15{
    height: 15px;
  }
#gp-order .cs-height_lg_20{
    height: 20px;
  }
#gp-order .cs-height_lg_25{
    height: 25px;
  }
#gp-order .cs-height_lg_30{
    height: 30px;
  }
#gp-order .cs-height_lg_35{
    height: 35px;
  }
#gp-order .cs-height_lg_40{
    height: 40px;
  }
#gp-order .cs-height_lg_45{
    height: 45px;
  }
#gp-order .cs-height_lg_50{
    height: 50px;
  }
#gp-order .cs-height_lg_55{
    height: 55px;
  }
#gp-order .cs-height_lg_60{
    height: 60px;
  }
#gp-order .cs-height_lg_65{
    height: 65px;
  }
#gp-order .cs-height_lg_70{
    height: 70px;
  }
#gp-order .cs-height_lg_75{
    height: 75px;
  }
#gp-order .cs-height_lg_80{
    height: 80px;
  }
#gp-order .cs-height_lg_85{
    height: 85px;
  }
#gp-order .cs-height_lg_90{
    height: 90px;
  }
#gp-order .cs-height_lg_95{
    height: 95px;
  }
#gp-order .cs-height_lg_100{
    height: 100px;
  }
#gp-order .cs-height_lg_105{
    height: 105px;
  }
#gp-order .cs-height_lg_110{
    height: 110px;
  }
#gp-order .cs-height_lg_115{
    height: 115px;
  }
#gp-order .cs-height_lg_120{
    height: 120px;
  }
#gp-order .cs-height_lg_125{
    height: 125px;
  }
#gp-order .cs-height_lg_130{
    height: 130px;
  }
#gp-order .cs-height_lg_135{
    height: 135px;
  }
#gp-order .cs-height_lg_140{
    height: 140px;
  }
#gp-order .cs-height_lg_145{
    height: 145px;
  }
#gp-order .cs-height_lg_150{
    height: 150px;
  }
#gp-order .cs-height_lg_155{
    height: 155px;
  }
#gp-order .cs-height_lg_160{
    height: 160px;
  }
#gp-order .cs-height_lg_165{
    height: 165px;
  }
#gp-order .cs-height_lg_170{
    height: 170px;
  }
#gp-order .cs-height_lg_175{
    height: 175px;
  }
#gp-order .cs-height_lg_180{
    height: 180px;
  }
#gp-order .cs-height_lg_185{
    height: 185px;
  }
#gp-order .cs-height_lg_190{
    height: 190px;
  }
#gp-order .cs-height_lg_195{
    height: 195px;
  }
#gp-order .cs-height_lg_200{
    height: 200px;
  }
#gp-order .cs-height_lg_205{
    height: 205px;
  }
#gp-order .cs-height_lg_210{
    height: 210px;
  }}
#gp-order .cs-row_gap_20{
  margin-left: -10px;
  margin-right: -10px;
}
#gp-order .cs-row_gap_20 > div{
  padding-left: 10px;
  padding-right: 10px;
}
#gp-order .cs-light{
  font-weight: 300;
}
#gp-order .cs-normal{
  font-weight: 400;
}
#gp-order .cs-medium{
  font-weight: 500;
}
#gp-order .cs-semi_bold{
  font-weight: 600;
}
#gp-order .cs-bold{
  font-weight: 700;
}
#gp-order .cs-extra_bold{
  font-weight: 800;
}
#gp-order .cs-black{
  font-weight: 900;
}
#gp-order .cs-radius_3{
  border-radius: 3px;
}
#gp-order .cs-radius_5{
  border-radius: 5px;
}
#gp-order .cs-radius_7{
  border-radius: 7px;
}
#gp-order .cs-radius_10{
  border-radius: 10px;
}
#gp-order .cs-radius_15{
  border-radius: 15px;
}
#gp-order .cs-line_height_1{
  line-height: 1.2em;
}
#gp-order .cs-line_height_2{
  line-height: 1.25em;
}
#gp-order .cs-line_height_3{
  line-height: 1.3em;
}
#gp-order .cs-line_height_4{
  line-height: 1.4em;
}
#gp-order .cs-line_height_5{
  line-height: 1.5em;
}
#gp-order .cs-line_height_6{
  line-height: 1.6em;
}
#gp-order .cs-line_height_7{
  line-height: 1.7em;
}
#gp-order .cs-font_14{
  font-size: 14px;
}
#gp-order .cs-font_16{
  font-size: 16px;
}
#gp-order .cs-font_18{
  font-size: 18px;
}
#gp-order .cs-font_20{
  font-size: 20px;
}
#gp-order .cs-font_22{
  font-size: 22px;
}
#gp-order .cs-font_28{
  font-size: 28px;
}
#gp-order .cs-font_30{
  font-size: 28px;
}
#gp-order .cs-font_38{
  font-size: 38px;
}
#gp-order .cs-font_42{
  font-size: 42px;
}
#gp-order .cs-font_50{
  font-size: 50px;
}
#gp-order .cs-mp0{
  list-style: none;
  margin: 0;
  padding: 0;
}
#gp-order .cs-m0{
  margin: 0;
}
#gp-order hr{
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #f2f1ff;
}
#gp-order .cs-bg{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#gp-order .cs-vertical_middle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100%;
}
#gp-order .cs-vertical_middle_in{
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
}
#gp-order .cs-center{
  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;
}
#gp-order .cs-white_color,#gp-order .cs-white_color_hover:hover{
  color: #fff;
}
#gp-order .cs-primary_color{
  color: #000;
}
#gp-order .cs-ternary_color{
  color: #999696;
}
#gp-order .cs-accent_color,#gp-order .cs-accent_color_hover:hover{
  color: #1421c2;
  font-weight:bold;
}
#gp-order .cs-white_bg{
  background-color: #fff;
}
#gp-order .cs-gray_bg{
  background-color: #181818;
}
#gp-order .cs-accent_bg_1,#gp-order .cs-accent_bg_1_hover:hover{
  background-color: rgba(20,33,194, 0.01);
}
#gp-order .cs-accent_bg_2,#gp-order .cs-accent_bg_2_hover:hover{
  background-color: rgba(20,33,194, 0.02);
}
#gp-order .cs-accent_bg_3,#gp-order .cs-accent_bg_3_hover:hover{
  background-color: rgba(20,33,194, 0.03);
}
#gp-order .cs-accent_bg_4,#gp-order .cs-accent_bg_4_hover:hover{
  background-color: rgba(20,33,194, 0.04);
}
#gp-order .cs-accent_bg_5,#gp-order .cs-accent_bg_5_hover:hover{
  background-color: rgba(20,33,194, 0.05);
}
#gp-order .cs-accent_bg_6,#gp-order .cs-accent_bg_6_hover:hover{
  background-color: rgba(20,33,194, 0.06);
}
#gp-order .cs-accent_bg_7,#gp-order .cs-accent_bg_7_hover:hover{
  background-color: rgba(20,33,194, 0.07);
}
#gp-order .cs-accent_bg_8,#gp-order .cs-accent_bg_8_hover:hover{
  background-color: rgba(20,33,194, 0.08);
}
#gp-order .cs-accent_bg_9,#gp-order .cs-accent_bg_9_hover:hover{
  background-color: rgba(20,33,194, 0.09);
}
#gp-order .cs-accent_bg_10,#gp-order .cs-accent_bg_10_hover:hover{
  background-color: rgba(20,33,194, 0.1);
}
#gp-order .cs-accent_bg_15,#gp-order .cs-accent_bg_15_hover:hover{
  background-color: rgba(20,33,194, 0.15);
}
#gp-order .cs-accent_bg_20,#gp-order .cs-accent_bg_20_hover:hover{
  background-color: rgba(20,33,194, 0.2);
}
#gp-order .cs-accent_bg_25,#gp-order .cs-accent_bg_25_hover:hover{
  background-color: rgba(20,33,194, 0.25);
}
#gp-order .cs-accent_bg_30,#gp-order .cs-accent_bg_30_hover:hover{
  background-color: rgba(20,33,194, 0.3);
}
#gp-order .cs-accent_bg_35,#gp-order .cs-accent_bg_35_hover:hover{
  background-color: rgba(20,33,194, 0.35);
}
#gp-order .cs-accent_bg_40,#gp-order .cs-accent_bg_40_hover:hover{
  background-color: rgba(20,33,194, 0.4);
}
#gp-order .cs-accent_bg_50,#gp-order .cs-accent_bg_50_hover:hover{
  background-color: rgba(20,33,194, 0.5);
}
#gp-order .cs-accent_bg_60,#gp-order .cs-accent_bg_60_hover:hover{
  background-color: rgba(20,33,194, 0.6);
}
#gp-order .cs-accent_bg_70,#gp-order .cs-accent_bg_70_hover:hover{
  background-color: rgba(20,33,194, 0.7);
}
#gp-order .cs-accent_bg_80,#gp-order .cs-accent_bg_80_hover:hover{
  background-color: rgba(20,33,194, 0.8);
}
#gp-order .cs-accent_bg_90,#gp-order .cs-accent_bg_90_hover:hover{
  background-color: rgba(20,33,194, 0.9);
}
#gp-order .cs-accent_bg,#gp-order .cs-accent_bg_hover:hover{
  background-color: #1421c2;
}
#gp-order .cs-primary_bg,#gp-order .cs-primary_bg_hover:hover{
  background-color: #FEFEFE;
}
#gp-order .cs-gradient_bg_1{
  background: linear-gradient(267.18deg, #161616 0%, #080808 100%);
}
#gp-order .cs-text_btn{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: #fff;
}
#gp-order .cs-text_btn svg{
  margin-left: 15px;
}
#gp-order .cs-text_btn span{
  display: inline-block;
  position: relative;
}
#gp-order .cs-text_btn span::before{
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
#gp-order .cs-text_btn:hover span::before{
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
          transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#gp-order .cs-text_btn.cs-type1 svg{
  margin-left: 0px;
  margin-right: 15px;
}
#gp-order .cs-text_btn.cs-type1 span::before{
  left: initial;
  right: -100%;
  -webkit-transform: scaleX(0) rotateY(180deg);
          transform: scaleX(0) rotateY(180deg);
}
#gp-order .cs-text_btn.cs-type1:hover span::before{
  -webkit-transform: scaleX(1) rotateY(180deg);
          transform: scaleX(1) rotateY(180deg);
}
#gp-order .cs-text_btn.cs-type2 svg{
  margin-left: 0;
  margin-right: 15px;
}
#gp-order .cs-btn.cs-style1{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 13px 26px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: transparent;
  color: #FEFEFE;
  position: relative;
  line-height: 1.5em;
  font-weight: 600;
  border-radius: 15px;
  background-color: #1421c2;
  color: #fff;
  cursor: pointer;
}
#gp-order .cs-btn.cs-style1:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(22, 22, 22, 0.4);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  border-radius: inherit;
}
#gp-order .cs-btn.cs-style1 svg{
  margin-left: 14px;
}
#gp-order .cs-btn.cs-style1 > *{
  position: relative;
  z-index: 1;
}
#gp-order .cs-btn.cs-style1:hover:before{
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
          transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#gp-order .cs-btn.cs-style1.cs-type1{
  border: 2px solid #fff;
  background-color: transparent;
  border-radius: 5px;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
#gp-order .cs-btn.cs-style1.cs-type1::before{
  background-color: #fff;
  border-radius: 0px;
}
#gp-order .cs-btn.cs-style1.cs-type1:hover{
  color: #000;
}
#gp-order .cs-page_navigation > div{
  position: relative;
}
#gp-order .cs-page_navigation > div:not(:last-child){
  margin-right: 21px;
  padding-right: 21px;
}
#gp-order .cs-page_navigation > div:not(:last-child)::after{
  content: '';
  height: 22px;
  width: 2px;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  right: -1px;
  top: 3px;
}
#gp-order .cs-pagination_box{
  margin: -7px;
}
#gp-order .cs-pagination_box .cs-pagination_item{
  margin: 7px;
}
#gp-order .cs-pagination_item{
  height: 40px;
  width: 40px;
  border-radius: 5px;
  background-color: #000;
}
#gp-order .cs-pagination_item.active{
  background-color: #1421c2;
  color: #fff;
  pointer-events: none;
}
#gp-order .cs-form_field{
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 15px;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid #999696;
  background-color: transparent;
  color: #000;
}
#gp-order .cs-form_field:focus{
  border-color: #1421c2;
}
#gp-order label{
  margin-bottom: 12px;
}
#gp-order .cs-right_full_width{
  width: calc(50vw - 12px);
  padding-right: 24px;
}
#gp-order .cs-rating{
  width: 136px;
  height: 24px;
  position: relative;
}
#gp-order .cs-rating > *{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#gp-order .cs-rating .cs-rating_bg{
  opacity: 0.2;
}
#gp-order .cs-rating .cs-rating_percentage{
  width: 50%;
}
#gp-order .cs-post_meta.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#gp-order .cs-post_meta.cs-style1 > *{
  position: relative;
  display: inline-block;
}
#gp-order .cs-post_meta.cs-style1 > *:not(:last-child){
  margin-right: 12px;
  padding-right: 12px;
}
#gp-order .cs-post_meta.cs-style1 > *:not(:last-child)::before{
  content: '';
  height: 20px;
  width: 2px;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
#gp-order .cs-accordian_title{
  font-size: 18px;
  margin-bottom: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-accordian_body{
  line-height: 1.8em;
  padding-top: 15px;
}
#gp-order .cs-accordian_body p{
  margin: 0;
}
#gp-order .cs-accordian_head{
  padding: 2px 20px 2px 0;
  position: relative;
  cursor: pointer;
}
#gp-order .cs-accordian_head:hover .cs-accordian_title{
  color: #1421c2;
}
#gp-order .cs-accordian{
  padding-bottom: 5px;
}
#gp-order .cs-accordian:not(:last-child){
  margin-bottom: 10px;
  border-bottom: 1px solid #6B6B6B;
}
#gp-order .cs-accordian_toggle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-accordian.active .cs-accordian_toggle{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#gp-order .cs-accordian.active .cs-accordian_head{
  pointer-events: none;
}
#gp-order #cs-result{
  line-height: 2.8em;
  color: #1421c2;
  font-weight: bold;
  font-size: 25px;
}
#gp-order .cs-parallax > *:not([class*='cs-shape_']){
  position: relative;
  z-index: 5;
}
#gp-order .cs-fullscreen_swiper_wrap{
  position: relative;
  height: 100vh;
}
#gp-order .cs-fullscreen_swiper_slider{
  width: 100%;
  height: 100%;
}
#gp-order .odometer.odometer-auto-theme,#gp-order .odometer.odometer-auto-theme .odometer-digit,#gp-order .odometer.odometer-theme-default,#gp-order .odometer.odometer-theme-default .odometer-digit{
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
#gp-order .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,#gp-order .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}
#gp-order .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,#gp-order .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
#gp-order .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,#gp-order .odometer.odometer-theme-default .odometer-digit .odometer-ribbon{
  display: block;
}
#gp-order .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,#gp-order .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#gp-order .odometer.odometer-auto-theme .odometer-digit .odometer-value,#gp-order .odometer.odometer-theme-default .odometer-digit .odometer-value{
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#gp-order .odometer.odometer-auto-theme
.odometer-digit
.odometer-value.odometer-last-value,#gp-order .odometer.odometer-theme-default
.odometer-digit
.odometer-value.odometer-last-value{
  position: absolute;
}
#gp-order .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,#gp-order .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
}
#gp-order .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,#gp-order .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
.odometer-ribbon-inner,#gp-order .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,#gp-order .odometer.odometer-theme-default.odometer-animating-up.odometer-animating
.odometer-ribbon-inner{
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#gp-order .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
.odometer-ribbon-inner,#gp-order .odometer.odometer-theme-default.odometer-animating-down.odometer-animating
.odometer-ribbon-inner{
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#gp-order .odometer.odometer-auto-theme,#gp-order .odometer.odometer-theme-default{
  line-height: inherit;
}
#gp-order .odometer.odometer-auto-theme .odometer-value,#gp-order .odometer.odometer-theme-default .odometer-value{
  text-align: center;
}
@media screen and (max-width: 1399px){#gp-order .cs-right_space_150{
    padding-right: 50px;
  }}
@media screen and (max-width: 1199px){#gp-order .cs-right_space_40,#gp-order .cs-right_space_150{
    padding-right: 0;
  }}
@media screen and (max-width: 991px){#gp-order .cs-left_space_30{
    padding-left: 0px;
  }
#gp-order .cs-font_14_sm{
    font-size: 14px;
  }
#gp-order .cs-font_16_sm{
    font-size: 16px;
  }
#gp-order .cs-font_18_sm{
    font-size: 18px;
  }
#gp-order .cs-font_20_sm{
    font-size: 20px;
  }
#gp-order .cs-font_22_sm{
    font-size: 22px;
  }
#gp-order .cs-font_24_sm{
    font-size: 24px;
  }
#gp-order .cs-font_26_sm{
    font-size: 26px;
  }
#gp-order .cs-font_28_sm{
    font-size: 28px;
  }
#gp-order .cs-font_42_sm{
    font-size: 42px;
  }
#gp-order .cs-font_36_sm{
    font-size: 36px;
  }
#gp-order .cs-btn_group > *:not(:last-child){
    margin-right: 10px;
  }
#gp-order .flex-column-reverse-lg{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
#gp-order .cs-seciton_heading.cs-style1 .cs-section_title::before{
    top: 1px;
  }}
#gp-order .cs-partner_logo_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -20px;
}
#gp-order .cs-partner_logo{
  padding: 20px;
}
#gp-order .cs-moving_text_wrap{
  font-family: helvetica;
  overflow-x: hidden;
  font-size: 120px;
  line-height: 1.2em;
  color: transparent;
  -webkit-text-stroke: 2px #1421c2;
}
#gp-order .cs-moving_text_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 100%;
}
#gp-order .cs-moving_text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 6px;
  -webkit-animation: slide-left 20s linear infinite;
          animation: slide-left 20s linear infinite;
}
#gp-order .cs-moving_text > *{
  margin: 0 20px;
}
#gp-order .cs-moving_text_wrap.cs-type1{
  color: #1421c2;
}
#gp-order .cs-moving_text_wrap.cs-type1 .cs-moving_text{
  padding: 0;
  -webkit-animation: slide-left 40s linear infinite;
          animation: slide-left 40s linear infinite;
}
#gp-order .cs-moving_text_wrap.cs-type1 .cs-moving_text a:hover{
  color: transparent;
  -webkit-text-stroke: 2px #1421c2;
}
#gp-order .cs-moving_text_wrap.cs-type1:hover .cs-moving_text{
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
#gp-order .cs-reverse_animation{
  animation-direction: reverse !important;
}
@-webkit-keyframes slide-left{
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes slide-left{
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
#gp-order .cs-video_block_1_wrap{
  position: relative;
}
#gp-order .cs-video_block_1_wrap::before{
  content: '';
  position: absolute;
  height: 50%;
  width: 100%;
  left: 0%;
  top: 0%;
  background-color: #000;
}
#gp-order .cs-video_block.cs-style1{
  display: block;
  height: 725px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  border-radius: 20px;
}
#gp-order .cs-video_block.cs-style1::before{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background-color: rgba(22, 22, 22, 0.4);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-video_block.cs-style1:hover::before{
  opacity: 1;
}
#gp-order .cs-video_block.cs-style1.cs-size1{
  height: 580px;
}
#gp-order .cs-player_btn{
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  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;
}
#gp-order .cs-player_btn:before,#gp-order .cs-player_btn:after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
}
#gp-order .cs-player_btn:before{
  z-index: 0;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}
#gp-order .cs-player_btn:after{
  z-index: 1;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
#gp-order .cs-player_btn span{
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 24px solid currentColor;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
@-webkit-keyframes pulse-border{
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border{
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
#gp-order .cs-fixed_bg{
  background-attachment: fixed;
}
#gp-order .cs-parallax [class*='cs-to_'],#gp-order .cs-parallax_bg [class*='cs-to_']{
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#gp-order .cs-section_heading.cs-style1 .cs-section_subtitle{
  color: #999696;
  font-size: 18px;
  margin-bottom: 20px;
}
#gp-order .cs-section_heading.cs-style1 .cs-section_title{
  font-size: 50px;
  margin-bottom: 0;
}
#gp-order .cs-section_heading.cs-style1 .cs-separator{
  height: 2px;
  width: 50px;
  border-radius: 2px;
}
#gp-order .cs-hover_layer,#gp-order .cs-hover_layer1,#gp-order .cs-hover_layer3{
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: perspective(600px) translate3d(0, 0, 0);
          transform: perspective(600px) translate3d(0, 0, 0);
}
@-webkit-keyframes particalAnimation{
  0%,
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(80px, -10px);
            transform: translate(80px, -10px);
  }
  40% {
    -webkit-transform: translate(140px, 70px);
            transform: translate(140px, 70px);
  }
  60% {
    -webkit-transform: translate(90px, 130px);
            transform: translate(90px, 130px);
  }
  80% {
    -webkit-transform: translate(-40px, 80px);
            transform: translate(-40px, 80px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes particalAnimation{
  0%,
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(80px, -10px);
            transform: translate(80px, -10px);
  }
  40% {
    -webkit-transform: translate(140px, 70px);
            transform: translate(140px, 70px);
  }
  60% {
    -webkit-transform: translate(90px, 130px);
            transform: translate(90px, 130px);
  }
  80% {
    -webkit-transform: translate(-40px, 80px);
            transform: translate(-40px, 80px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes animo-x{
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateX(44px);
            transform: translateX(44px);
  }
}
@keyframes animo-x{
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateX(44px);
            transform: translateX(44px);
  }
}
@-webkit-keyframes light-mode{
  50% {
    opacity: 0.5;
  }
}
@keyframes light-mode{
  50% {
    opacity: 0.5;
  }
}
@-webkit-keyframes animo-y{
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@keyframes animo-y{
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.55, 0, 0.2, 1);
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@-webkit-keyframes rotate-anim{
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-anim{
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes semi-rotate-anim{
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(25px) rotate(-53deg);
            transform: translateY(25px) rotate(-53deg);
  }
}
@keyframes semi-rotate-anim{
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(25px) rotate(-53deg);
            transform: translateY(25px) rotate(-53deg);
  }
}
@-webkit-keyframes up-down-anim{
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(40px) rotate(-1deg);
            transform: translateY(40px) rotate(-1deg);
  }
}
@keyframes up-down-anim{
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(40px) rotate(-1deg);
            transform: translateY(40px) rotate(-1deg);
  }
}
@-webkit-keyframes swing-anim{
  65% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(-48px) rotate(-75deg);
            transform: translateY(-48px) rotate(-75deg);
  }
}
@keyframes swing-anim{
  65% {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(-48px) rotate(-75deg);
            transform: translateY(-48px) rotate(-75deg);
  }
}
#gp-order .cs-shape_1{
  width: 0px;
  height: 0px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #1421c2;
}
#gp-order .cs-shape_wrap_1{
  position: relative;
}
#gp-order .cs-shape_wrap_1 .cs-shape_1{
  position: absolute;
}
#gp-order .cs-shape_wrap_1 .cs-shape_1:nth-child(1){
  top: 25%;
  left: 10%;
  -webkit-animation: semi-rotate-anim 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: semi-rotate-anim 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_1 .cs-shape_1:nth-child(2){
  top: 30%;
  left: 72%;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-animation: semi-rotate-anim 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: semi-rotate-anim 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_1 .cs-shape_1:nth-child(3){
  top: 68%;
  left: 35%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_1.cs-position_1 .cs-shape_1:nth-child(1){
  top: 15%;
  left: 15%;
}
#gp-order .cs-shape_wrap_1.cs-position_1 .cs-shape_1:nth-child(2){
  top: 35%;
  left: 85%;
}
#gp-order .cs-shape_wrap_1.cs-position_1 .cs-shape_1:nth-child(3){
  top: 85%;
  left: 35%;
}
#gp-order .cs-shape_2{
  position: absolute;
  height: 320px;
  width: 320px;
}
#gp-order .cs-shape_2 div{
  background-color: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 100%;
  width: 100%;
}
#gp-order .cs-shape_wrap_2{
  position: relative;
}
#gp-order .cs-shape_wrap_2 .cs-shape_2{
  right: -10%;
  top: 12%;
  -webkit-animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_3{
  position: relative;
}
#gp-order .cs-shape_wrap_3 .cs-shape_3{
  position: absolute;
  right: 20px;
  top: -2%;
}
#gp-order .cs-shape_wrap_4{
  position: relative;
}
#gp-order .cs-shape_wrap_4 .cs-shape_4{
  position: absolute;
  background-color: #6B6B6B;
  border-radius: 50%;
}
#gp-order .cs-shape_wrap_4 .cs-shape_4:nth-child(1){
  left: 5%;
  top: 52%;
  height: 100px;
  width: 100px;
}
#gp-order .cs-shape_wrap_4 .cs-shape_4:nth-child(2){
  left: 10%;
  top: 58%;
  height: 286px;
  width: 286px;
}
#gp-order .cs-shape_wrap_5{
  position: relative;
}
#gp-order .cs-shape_wrap_5 .cs-section_heading{
  position: relative;
  z-index: 2;
}
#gp-order .cs-shape_wrap_5 .cs-shape_1{
  position: absolute;
}
#gp-order .cs-shape_wrap_5 .cs-shape_1:nth-child(1){
  top: 25%;
  left: 58%;
  -webkit-animation: semi-rotate-anim 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: semi-rotate-anim 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_5 .cs-shape_1:nth-child(2){
  top: 40%;
  left: 85%;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-animation: semi-rotate-anim 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: semi-rotate-anim 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_5 .cs-shape_1:nth-child(3){
  top: 85%;
  left: 72%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_6{
  position: relative;
  overflow: hidden;
}
#gp-order .cs-shape_wrap_6 > .container{
  position: relative;
  z-index: 3;
}
#gp-order .cs-shape_wrap_6 .cs-shape_2 > div{
  background-color: #181818;
}
#gp-order .cs-shape_wrap_6 .cs-shape_2:nth-child(1){
  left: -240px;
  top: 30px;
  -webkit-animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-shape_wrap_6 .cs-shape_2:nth-child(2){
  bottom: 30px;
  right: -200px;
  -webkit-animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: animo-x 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
#gp-order .cs-contact_info.cs-style1 svg{
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  max-height: 20px;
}
#gp-order .cs-contact_info.cs-style1 li{
  position: relative;
  padding-left: 35px;
}
#gp-order .cs-contact_info.cs-style1 li:not(:last-child){
  margin-bottom: 22px;
}
#gp-order .cs-page_heading.cs-style1{
  height: 650px;
  padding: 120px 0 50px;
  position: relative;
}
#gp-order .cs-page_heading.cs-style1::after{
  content: '';
  position: absolute;
  right: -30px;
  top: -30px;
  height: 151px;
  width: 151px;
  background: #1421c2;
  opacity: 0.8;
  -webkit-filter: blur(125px);
          filter: blur(125px);
}
#gp-order .cs-page_heading.cs-style1 > *{
  position: relative;
  z-index: 2;
}
#gp-order .cs-page_heading.cs-style1 .cs-page_heading_in{
  display: inline-block;
}
#gp-order .cs-page_heading.cs-style1 .breadcrumb{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0;
  color: #999696;
}
#gp-order .cs-page_heading.cs-style1 .breadcrumb-item.active{
  color: #fff;
}
#gp-order .cs-page_heading.cs-style1 .cs-page_title{
  margin-bottom: 18px;
}
#gp-order .breadcrumb-item + .breadcrumb-item{
  padding-left: 14px;
}
#gp-order .breadcrumb-item + .breadcrumb-item::before{
  content: '';
  height: 17px;
  width: 1px;
  background-color: #fff;
  padding: 0;
  position: relative;
  top: 5px;
  margin-right: 14px;
}
#gp-order .cs-image_layer.cs-style1{
  padding-right: 60px;
  padding-bottom: 60px;
}
#gp-order .cs-image_layer.cs-style1 img{
  position: relative;
  z-index: 2;
}
#gp-order .cs-image_layer.cs-style1 .cs-image_layer_in{
  position: relative;
  border-radius: 15px;
}
#gp-order .cs-image_layer.cs-style1 .cs-image_layer_in::after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  right: -60px;
  bottom: -60px;
  background-color: #1421c2;
  border-radius: inherit;
}
#gp-order .cs-image_layer.cs-style1.cs-size_md{
  padding-right: 20px;
  padding-bottom: 20px;
}
#gp-order .cs-image_layer.cs-style1.cs-size_md .cs-image_layer_in::after{
  right: -20px;
  bottom: -20px;
}
#gp-order .cs-tab{
  display: none;
}
#gp-order .cs-tab.active{
  display: block;
}
#gp-order .cs-tabs.cs-style1 .cs-tabs_heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#gp-order .cs-tab_links.cs-style1{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px;
  background-color: #000;
  border-radius: 10px;
}
#gp-order .cs-tab_links.cs-style1 a{
  padding: 7px 20px;
  font-weight: 500;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#gp-order .cs-tab_links.cs-style1 li.active a{
  background-color: #1421c2;
  border-radius: 10px;
}
#gp-order .cs-google_map{
  height: 600px;
}
#gp-order .cs-google_map iframe{
  height: 100%;
  display: block;
  border: none;
  width: 100%;
  -webkit-filter: grayscale(100%) invert(90%) contrast(120%);
          filter: grayscale(100%) invert(90%) contrast(120%);
}
#gp-order .cs-google_map.cs-type1{
  height: 100%;
  min-height: 300px;
  width: 50vw;
}
#gp-order .cs-list.cs-style1 li:not(:last-child){
  margin-bottom: 20px;
}
#gp-order .cs-shine_hover_1{
  position: relative;
  overflow: hidden;
}
#gp-order .cs-shine_hover_1::before{
  content: '';
  position: absolute;
  top: 0;
  left: -80%;
  z-index: 2;
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.15)));
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.15) 100%);
  -webkit-transform: skewX(-25deg);
          transform: skewX(-25deg);
  z-index: 1;
}
#gp-order .cs-shine_hover_1:hover::before{
  -webkit-animation: shine 1.3s;
          animation: shine 1.3s;
}
@-webkit-keyframes shine{
  100% {
    left: 125%;
  }
}
@keyframes shine{
  100% {
    left: 125%;
  }
}
#gp-order .cs-rotate_img{
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  overflow: hidden;
  border-radius: 7px;
}
#gp-order .cs-rotate_img_in{
  -webkit-transform: rotate(-45deg) scale(1.4);
          transform: rotate(-45deg) scale(1.4);
}
#gp-order .cs-half_screen{
  width: 56vw;
}
#gp-order .lg-backdrop{
  background-color: #181818;
}
#gp-order .lg-toolbar .lg-icon,#gp-order #lg-counter,#gp-order .lg-actions .lg-next,#gp-order .lg-actions .lg-prev{
  color: #fff;
}
#gp-order .lg-toolbar .lg-icon:hover,#gp-order .lg-actions .lg-next:hover,#gp-order .lg-actions .lg-prev:hover{
  color: rgba(255, 255, 255, 0.7);
}
#gp-order .cs-scrollup{
  position: fixed;
  bottom: -60px;
  
  right: 1rem;
  color: #fff;
  padding: 5px;
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 10;
  background-color: #000000;
  color: #1421c2;
  -webkit-box-shadow: 0px 1px 5px 1px rgba(22, 22, 22, 0.2);
          box-shadow: 0px 1px 5px 1px rgba(22, 22, 22, 0.2);
  border-radius: 50%;
}
#gp-order .cs-scrollup:hover{
  background-color: #1421c2;
  color: #fff;
}
#gp-order .cs-scrollup.cs-scrollup_show{
  bottom: 30px;
}
#gp-order .cs-case_study{
  position: relative;
  padding: 150px 120px;
}
#gp-order .cs-case_study .cs-case_study_bg{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#gp-order .cs-case_study .cs-case_study_bg .cs-accent_bg{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#gp-order .cs-case_study .cs-case_study_bg .cs-bg{
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#gp-order .cs-case_study .cs-case_study_title{
  background: rgba(24, 24, 24, 0.9);
  border-radius: 15px;
  margin: 0;
  position: relative;
  z-index: 10;
  font-weight: 700;
  font-size: 120px;
  line-height: 1.25em;
  color: #fefefe;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 40px 150px;
}
#gp-order .cs-case_study .cs-case_study_title a{
  color: inherit;
}
#gp-order .cs-case_study .cs-case_study_title a span{
  display: inline;
  position: relative;
}
#gp-order .cs-case_study .cs-case_study_title a span::before{
  content: '';
  position: absolute;
  height: 7px;
  width: 0%;
  background-color: #1421c2;
  left: 0;
  bottom: 20px;
  z-index: -1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#gp-order .cs-case_study .cs-case_study_title a:hover span::before{
  width: 100%;
}
#gp-order .cs-case_study.text-end .cs-case_study_title a span::before{
  left: initial;
  right: 0;
}
#gp-order .cs-faq_nav{
    
    background-color: #fff;
    padding: 45px 35px;
    border: 1px solid;
    box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.2);
}
#gp-order .cs-faq_nav .cs-faq_nav_title{
  font-size: 30px;
}
#gp-order .swiper-slide{
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
#gp-order .swiper-slide .cs-entity_img{
  display: none;
}
#gp-order .cs-parallax_slider{
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.6s ease, transform 0.3s ease;
  transition: opacity 0.6s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
#gp-order .cs-parallax_slider.loading{
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1540px){#gp-order .cs-case_study .cs-case_study_title{
    font-size: 100px;
    padding: 40px 120px;
  }
#gp-order .cs-case_study .cs-case_study_title a span::before{
    bottom: 15px;
  }}
@media screen and (max-width: 1550px){#gp-order .cs-shape_wrap_2 .cs-shape_2{
    right: -15%;
    top: 8%;
  }
#gp-order .cs-video_block.cs-style1{
    height: 650px;
  }}
@media screen and (max-width: 1400px){#gp-order .cs-case_study .cs-case_study_title{
    font-size: 80px;
    padding: 40px 100px;
  }
#gp-order .cs-case_study .cs-case_study_title a span::before{
    bottom: 12px;
    height: 5px;
  }}
@media screen and (max-width: 1380px){#gp-order .cs-section_heading.cs-style1 .cs-section_title{
    font-size: 42px;
  }
#gp-order .cs-font_50{
    font-size: 42px;
  }
#gp-order .cs-moving_text_wrap{
    font-size: 100px;
  }
#gp-order .cs-shape_wrap_4 .cs-shape_4:nth-child(2){
    height: 200px;
    width: 200px;
  }
#gp-order .cs-page_heading.cs-style1{
    height: 550px;
  }}
@media screen and (max-width: 1199px){#gp-order .cs-moving_text_wrap{
    font-size: 80px;
  }
#gp-order .cs-page_heading.cs-style1{
    height: 450px;
  }
#gp-order .cs-half_screen{
    width: 100%;
  }
#gp-order .cs-video_block.cs-style1.cs-size1{
    height: 450px;
  }
#gp-order .cs-case_study .cs-case_study_title{
    font-size: 60px;
  }
#gp-order .cs-case_study .cs-case_study_title a span::before{
    bottom: 8px;
    height: 5px;
  }
#gp-order .cs-portfolio_1_heading .cs-tabs_heading{
    display: block;
  }
#gp-order .cs-portfolio_1_heading .cs-section_heading + .cs-isotop_filter{
    margin-top: 20px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-section_heading.cs-style1 .cs-section_title{
    font-size: 36px;
  }
#gp-order .cs-section_heading.cs-style1 .cs-section_subtitle{
    font-size: 16px;
    margin-bottom: 15px;
  }
#gp-order .cs-shape_wrap_4 .cs-shape_4:nth-child(1),#gp-order .cs-shape_wrap_4 .cs-shape_4:nth-child(2),#gp-order .cs-shape_wrap_2 .cs-shape_2,#gp-order .cs-shape_wrap_3 .cs-shape_3,#gp-order .cs-shape_wrap_6 .cs-shape_2{
    display: none;
  }
#gp-order .cs-font_50{
    font-size: 36px;
  }
#gp-order .cs-font_38{
    font-size: 32px;
  }
#gp-order .cs-video_block.cs-style1,#gp-order .cs-video_block.cs-style1.cs-size1{
    height: 400px;
  }
#gp-order .cs-video_block.cs-style1 .cs-player_btn,#gp-order .cs-video_block.cs-style1.cs-size1 .cs-player_btn{
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
#gp-order .cs-page_heading.cs-style1{
    padding: 100px 0 50px;
    height: 400px;
  }
#gp-order .cs-page_heading.cs-style1 .cs-page_title{
    margin-bottom: 15px;
  }
#gp-order .cs-list.cs-style1 li:not(:last-child){
    margin-bottom: 10px;
  }
#gp-order .cs-accordian_title{
    font-size: 18px;
  }
#gp-order .cs-accordian:not(:last-child){
    margin-bottom: 15px;
  }
#gp-order .cs-accordian{
    padding-bottom: 15px;
    border-width: 1px;
  }
#gp-order .cs-google_map{
    height: 400px;
  }
#gp-order .cs-btn.cs-style1{
    padding: 10px 20px;
  }
#gp-order .cs-faq_nav{
    padding: 30px 30px;
  }
#gp-order .cs-faq_nav .cs-faq_nav_title{
    font-size: 26px;
  }
#gp-order .cs-google_map.cs-type1{
    width: 100%;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
  }
#gp-order .cs-scrollup{
    right: 15px;
  }
#gp-order .cs-scrollup.cs-scrollup_show{
    bottom: 30px;
  }
#gp-order .cs-column_reverse_lg{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
#gp-order .cs-case_study{
    position: relative;
    padding: 80px 70px;
  }
#gp-order .cs-case_study .cs-case_study_title{
    font-size: 56px;
    padding: 25px 45px;
  }
#gp-order .cs-case_study .cs-case_study_title a span::before{
    bottom: 8px;
    height: 4px;
  }
#gp-order #cs-result{
    line-height: 2.2em;
  }}
@media screen and (max-width: 767px){#gp-order .cs-tabs.cs-style1 .cs-tabs_heading{
    display: block;
  }
#gp-order .cs-tabs.cs-style1 .cs-section_heading + .cs-tab_links{
    margin-top: 50px;
  }
#gp-order .cs-case_study{
    padding: 80px 12px;
  }
#gp-order .cs-case_study .cs-case_study_title{
    font-size: 40px;
    padding: 25px 25px;
  }
#gp-order .cs-case_study .cs-case_study_title a span::before{
    bottom: 5px;
    height: 3px;
  }
#gp-order .cs-cursor_lg,#gp-order .cs-cursor_sm{
    display: none !important;
  }}
@media screen and (max-width: 575px){#gp-order .cs-partner_logo{
    padding: 5px;
  }
#gp-order .cs-image_layer.cs-style1{
    padding-right: 40px;
    padding-bottom: 40px;
  }
#gp-order .cs-image_layer.cs-style1 .cs-image_layer_in::after{
    right: -30px;
    bottom: -30px;
  }
#gp-order .cs-video_block.cs-style1,#gp-order .cs-video_block.cs-style1.cs-size1{
    height: 380px;
  }
#gp-order .cs-video_block.cs-style1 .cs-player_btn,#gp-order .cs-video_block.cs-style1.cs-size1 .cs-player_btn{
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7);
  }
#gp-order .cs-moving_text_wrap{
    font-size: 56px;
  }
#gp-order .cs-partner_logo_wrap{
    margin: 0 -10px;
  }
#gp-order .cs-partner_logo{
    padding: 10px;
  }
#gp-order .cs-case_study .cs-case_study_title{
    font-size: 30px;
  }
#gp-order .cs-case_study .cs-case_study_title a span::before{
    bottom: 4px;
    height: 2px;
  }
#gp-order .cs-page_heading.cs-style1 .breadcrumb{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }}
#gp-order .cs-slider_heading.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .cs-slider{
  position: relative;
}
#gp-order .cs-slider.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#gp-order .cs-slider.cs-style1 .cs-slider_left{
  width: 44%;
  padding-right: 12%;
}
#gp-order .cs-slider.cs-style1 .cs-slider_right{
  width: 56%;
}
#gp-order .cs-slider.cs-style3 .cs-portfolio.cs-style1{
  padding: 50px 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-slider.cs-style3 .cs-portfolio.cs-style1 .cs-portfolio_info_bg{
  left: -20px;
  top: 20px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-slider.cs-style3 .cs-portfolio.cs-style1 .cs-portfolio_title{
  opacity: 0;
  left: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#gp-order .cs-slider.cs-style3 .cs-portfolio.cs-style1 .cs-portfolio_subtitle{
  opacity: 0;
  left: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#gp-order .cs-slider.cs-style3 .slick-active .cs-portfolio.cs-style1{
  padding: 0;
}
#gp-order .cs-slider.cs-style3 .slick-active .cs-portfolio.cs-style1 .cs-portfolio_info_bg{
  left: 0px;
  top: 0px;
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
#gp-order .cs-slider.cs-style3 .slick-active .cs-portfolio.cs-style1 .cs-portfolio_title{
  left: 0px;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#gp-order .cs-slider.cs-style3 .slick-active .cs-portfolio.cs-style1 .cs-portfolio_subtitle{
  left: 0px;
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#gp-order .slick-slide > div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#gp-order .cs-remove_overflow .slick-list{
  overflow: visible;
}
#gp-order .cs-remove_overflow .slick-slide{
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#gp-order .cs-remove_overflow .slick-slide.slick-active{
  opacity: 1;
  visibility: visible;
}
#gp-order .cs-pagination.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 70px;
}
#gp-order .cs-pagination.cs-style1 ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inherit !important;
}
#gp-order .cs-pagination.cs-style1 li{
  height: 16px;
  width: 16px;
  background-color: #1421c2;
  border: 1px solid #1421c2;
  border-radius: 50%;
  margin: 0 8px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-pagination.cs-style1 li::before{
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #1421c2;
}
#gp-order .cs-pagination.cs-style1 li.slick-active{
  background-color: transparent;
}
#gp-order .cs-pagination.cs-style1 button{
  display: none;
}
#gp-order .cs-swiper_pagination{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 52px;
  right: initial;
  top: initial;
  z-index: 2;
}
#gp-order .cs-swiper_pagination .swiper-pagination-bullet{
  height: 16px;
  width: 16px;
  background-color: #1421c2;
  border: 1px solid #1421c2;
  border-radius: 50%;
  margin: 0 8px !important;
  cursor: pointer;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-swiper_pagination .swiper-pagination-bullet::before{
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #1421c2;
}
#gp-order .cs-swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: transparent;
}
#gp-order .cs-swiper_pagination.cs-square_shape .swiper-pagination-bullet{
  height: 15px;
  width: 15px;
  border-radius: 3px;
}
#gp-order .cs-swiper_pagination.cs-square_shape .swiper-pagination-bullet::before{
  border-radius: 1px;
}
#gp-order .swiper-horizontal > .swiper-pagination-bullets.cs-swiper_pagination,#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination{
  right: initial;
  top: initial;
  -webkit-transform: initial;
          transform: initial;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 52px;
  width: initial;
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination{
  right: initial;
  top: initial;
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers{
  left: 115px;
  bottom: initial;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet{
  display: block;
  height: initial;
  width: initial;
  border: none;
  background-color: transparent;
  margin: 15px 0 !important;
  font-size: 21px;
  font-weight: 600;
  color: #fff;
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet::before{
  display: none;
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet.swiper-pagination-bullet-active{
  color: #1421c2;
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(1)::after{
  content: '01';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(2)::after{
  content: '02';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(3)::after{
  content: '03';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(4)::after{
  content: '04';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(5)::after{
  content: '05';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(6)::after{
  content: '06';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(7)::after{
  content: '07';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(8)::after{
  content: '08';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(9)::after{
  content: '09';
}
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet:nth-child(10)::after{
  content: '10';
}
#gp-order .cs-slider_arrows.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -8px;
}
#gp-order .cs-slider_arrows.cs-style1 .slick-arrow{
  width: 60px;
  height: 35px;
  border: 2px solid currentColor;
  border-radius: 5px;
  margin: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-slider_arrows.cs-style1 .slick-arrow:hover{
  color: #fff;
  background-color: #1421c2;
  border-color: #1421c2;
}
#gp-order .cs-slider_arrows.cs-style2 .slick-arrow{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 50px;
  width: 50px;
  background-color: rgba(153, 150, 150, 0.5);
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-slider_arrows.cs-style2 .slick-arrow:hover{
  background-color: #999696;
}
#gp-order .cs-slider_arrows.cs-style2 .slick-arrow.cs-left_arrow{
  left: 40px;
}
#gp-order .cs-slider_arrows.cs-style2 .slick-arrow.cs-right_arrow{
  right: 40px;
}
#gp-order .slick-dotted{
  cursor: url("https://oblikovanje-logotipa.si/assets/img/drag.png") 16 9, ew-resize !important;
}
#gp-order .cs-gap-35 .slick-slide{
  padding-left: 55px;
  padding-right: 55px;
}
#gp-order .cs-gap-24 .slick-slide{
  padding-left: 12px;
  padding-right: 12px;
}
#gp-order .cs-gap-24 .slick-list{
  margin-left: -12px;
  margin-right: -12px;
}
#gp-order .cs-gap-12 .slick-slide{
  padding-left: 6px;
  padding-right: 6px;
}
#gp-order .cs-gap-12 .slick-list{
  margin-left: -6px;
  margin-right: -6px;
}
#gp-order .cs-slider_controll{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 320px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#gp-order .cs-slider_controll .cs-controll_seperator{
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(254, 254, 254, 0.5);
  margin: 0 20px;
}
#gp-order .cs-slider_controll.cs-type1{
  margin-left: -205px;
}
#gp-order .slider-nav.cs-style1{
  width: 405px;
}
#gp-order .slider-nav.cs-style1 .slick-list{
  padding: 50px 0 !important;
}
#gp-order .slider-nav.cs-style1 .slick-dots,#gp-order .slider-nav.cs-style1 .slick-arrow{
  display: none !important;
}
#gp-order .slider-nav_item{
  width: 135px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0.5;
  padding: 20px;
}
#gp-order .slick-center .slider-nav_item{
  -webkit-transform: scale(1.8);
          transform: scale(1.8);
  opacity: 1;
  position: relative;
  z-index: 2;
}
#gp-order .slider-for .slick-arrow{
  width: 60px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  background-color: transparent;
  outline: none;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 6px;
  z-index: 2;
}
#gp-order .slider-for .slick-arrow:hover{
  background-color: #1421c2;
  border-color: #1421c2;
}
#gp-order .slider-for .slick-prev{
  background-image: url("https://oblikovanje-logotipa.si/assets/img/prev_arrow.svg");
  right: 76px;
}
#gp-order .slider-for .slick-next{
  background-image: url("https://oblikovanje-logotipa.si/assets/img/next_arrow.svg");
  right: 0;
}
#gp-order .cs-testimonial_slider{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#gp-order .cs-testimonial_slider .cs-testimonial_slider_left{
  width: 35%;
}
#gp-order .cs-testimonial_slider .cs-testimonial_slider_right{
  width: 65%;
}
@media screen and (max-width: 1199px){#gp-order .cs-gap-50 .slick-slide{
    padding-left: 15px;
    padding-right: 15px;
  }
#gp-order .cs-gap-50 .slick-list{
    margin-left: -15px;
    margin-right: -15px;
  }
#gp-order .cs-slider.cs-style1{
    display: block;
  }
#gp-order .cs-slider.cs-style1 .cs-slider_left{
    width: 100%;
    padding-right: 0;
    padding-bottom: 90px;
  }
#gp-order .cs-slider.cs-style1 .cs-slider_right{
    width: 100%;
  }
#gp-order .cs-testimonial_slider .cs-testimonial_slider_left{
    width: 45%;
  }
#gp-order .cs-testimonial_slider .cs-testimonial_slider_right{
    width: 55%;
  }
#gp-order .cs-slider.cs-style3 .slick-list{
    padding: 0 15% !important;
  }
#gp-order .swiper-horizontal > .swiper-pagination-bullets.cs-swiper_pagination,#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination{
    bottom: 30px;
  }
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers{
    left: 15px;
  }
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers .swiper-pagination-bullet{
    font-size: 16px;
    margin: 7px 0 !important;
  }}
@media screen and (min-width: 992px){#gp-order .cs-hidden_desktop{
    display: none !important;
  }}
@media screen and (max-width: 991px){#gp-order .cs-hidden_mobile{
    display: none !important;
  }
#gp-order .cs-pagination.cs-style1{
    margin-top: 35px;
  }
#gp-order .cs-slider_nav{
    position: initial;
    width: 100%;
    -webkit-transform: initial;
            transform: initial;
    padding-bottom: 80px;
  }
#gp-order .cs-gap-40 .slick-slide,#gp-order .cs-gap-50 .slick-slide{
    padding-left: 15px;
    padding-right: 15px;
  }
#gp-order .cs-gap-40 .slick-list,#gp-order .cs-gap-50 .slick-list{
    margin-left: -15px;
    margin-right: -15px;
  }
#gp-order .cs-slider.cs-style1 .cs-slider_left{
    padding-bottom: 45px;
  }
#gp-order .cs-slider_heading.cs-style1{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
#gp-order .cs-slider_heading.cs-style1 .cs-section_heading + .cs-slider_arrows{
    margin-top: 15px;
  }
#gp-order .cs-testimonial_slider{
    display: block;
  }
#gp-order .cs-testimonial_slider .cs-testimonial_slider_left,#gp-order .cs-testimonial_slider .cs-testimonial_slider_right{
    width: 100%;
  }
#gp-order .cs-testimonial_slider .cs-testimonial_slider_left{
    margin-bottom: 30px;
  }
#gp-order .slider-nav.cs-style1{
    margin: auto;
  }
#gp-order .slider-nav.cs-style1 .slick-list{
    padding: 40px 0 !important;
  }}
@media screen and (max-width: 767px){#gp-order .cs-slider.cs-style3 .slick-list{
    padding: 0 15% !important;
  }}
@media screen and (max-width: 575px){#gp-order .cs-hide_mobile{
    display: none;
  }
#gp-order .cs-slider.cs-style3 .slick-list{
    padding: 0 15px !important;
  }
#gp-order .swiper-vertical > .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers{
    display: none;
  }}
@media screen and (max-width: 420px){#gp-order .slider-nav.cs-style1{
    width: 300px;
  }
#gp-order .slider-nav_item{
    width: 100px;
    padding: 10px;
  }
#gp-order .cs-testimonial_slider .cs-testimonial.cs-style1{
    padding-bottom: 70px;
  }
#gp-order .slider-for .slick-next{
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: 38px;
  }
#gp-order .slider-for .slick-prev{
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: -38px;
  }}
#gp-order .cs-pd_video .cs-video_open,#gp-order .cs-sample_img .cs-video_open{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 68px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 48px;
}
#gp-order .cs-pd_video .cs-video_open:hover,#gp-order .cs-sample_img .cs-video_open:hover{
  color: rgba(255, 255, 255, 0.7);
}
#gp-order .cs-video_popup{
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
  left: -100%;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#gp-order .cs-video_popup.active{
  left: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  left: 0;
}
#gp-order .cs-video_popup_overlay{
  position: absolute;
  left: 0;
  right: 0;
  background: #000;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 0;
}
#gp-order .cs-video_popup.active .cs-video_popup_overlay{
  opacity: 0.8;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#gp-order .cs-video_popup_content{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
  text-align: center;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
  visibility: hidden;
  padding: 15px;
}
#gp-order .cs-video_popup.active .cs-video_popup_content{
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
#gp-order .cs-video_popup_content:after{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#gp-order .cs-video_popup_container{
  display: inline-block;
  position: relative;
  text-align: left;
  background: #fff;
  max-width: 1380px;
  width: 100%;
  vertical-align: middle;
}
#gp-order .cs-video_popup_container .embed-responsive{
  width: 100%;
}
#gp-order .embed-responsive{
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}
#gp-order .embed-responsive-16by9::before{
  display: block;
  content: "";
  padding-top: 56.25%;
}
#gp-order .embed-responsive iframe,#gp-order .embed-responsive video{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#gp-order .cs-video_popup_close{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: #1421c2;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#gp-order .cs-video_popup iframe{
  width: 100%;
  height: 100%;
  position: absolute;
}
#gp-order .cs-video_popup_close:before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  margin-left: -10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#gp-order .cs-video_popup_close:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  margin-left: -10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#gp-order .cs-video_popup_close:hover:before,#gp-order .cs-video_popup_close:hover:after{
  background: #000;
}
#gp-order .cs-video_popup_layer{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
#gp-order .cs-video_popup_align{
  overflow: hidden;
}
#gp-order .cs-site_header{
  position: relative;
  z-index: 101;
}
#gp-order .cs-site_header .cs-btn.cs-style6{
  font-size: 16px;
}
#gp-order .cs-site-branding{
  display: inline-block;
  max-width: 180px;
}
#gp-order .cs-site_header{
  position: absolute;
  width: 100%;
  left: 0;
  background-color:#fff;
  top: 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-site_header.cs-style1 .cs-main_header_in,#gp-order .cs-site_header.cs-style1 .cs-top_header_in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 90px;
  position: relative;
}
#gp-order .cs-site_header.cs-style1 .cs-main_header_right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
#gp-order .cs-site_header.cs-style1.cs-sticky-active{
  background-color: #fff;
  -webkit-box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);
          box-shadow: 0 10px 10px -10px rgba(33, 43, 53, 0.1);
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45px;
  height: 45px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid currentColor;
  border-radius: 50%;
  color: #000;
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn .cs-icon_btn_in{
  width: 18px;
  height: 16px;
  line-height: 0;
  cursor: pointer;
  position: relative;
  text-align: left;
  overflow: hidden;
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn .cs-icon_btn_in span{
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 0;
  background-color: currentColor;
  color: inherit;
  vertical-align: top;
  -webkit-transition: 0s ease-in-out;
  transition: 0s ease-in-out;
  border-radius: 3px;
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn .cs-icon_btn_in span:nth-child(1){
  -webkit-transform: translate(0, -7px);
          transform: translate(0, -7px);
  width: calc(100% - 4px);
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn .cs-icon_btn_in span:nth-child(2){
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: calc(100% - 4px);
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn .cs-icon_btn_in span:nth-child(3){
  -webkit-transform: translate(0, 7px);
          transform: translate(0, 7px);
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn .cs-icon_btn_in span:nth-child(4){
  -webkit-transform: translate(0, 14px);
          transform: translate(0, 14px);
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn:hover .cs-icon_btn_in span{
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn:hover .cs-icon_btn_in span:nth-child(1){
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn:hover .cs-icon_btn_in span:nth-child(2){
  -webkit-transform: translate(0, 7px);
          transform: translate(0, 7px);
  width: 100%;
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn:hover .cs-icon_btn_in span:nth-child(3){
  -webkit-transform: translate(0, 14px);
          transform: translate(0, 14px);
}
#gp-order .cs-site_header.cs-style1 .cs-icon_btn:hover .cs-icon_btn_in span:nth-child(4){
  -webkit-transform: translate(0, 21px);
          transform: translate(0, 21px);
}
#gp-order .cs-site_header.cs-style1 .cs-action_box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .cs-site_header.cs-style1 .cs-action_box .cs-action_value{
  margin-left: 15px;
}
#gp-order .cs-site_header.cs-style1 .cs-action_box > *:not(:last-child){
  margin-right: 35px;
}
#gp-order .cs-site_header.cs-style1 .cs-btn{
  padding: 13px 15px;
}
#gp-order .cs-site_header_full_width .container{
  max-width: 100%;
  padding: 0 115px;
}
#gp-order .cs-site_header_style1{
  border-bottom: 1px solid #1a188d;
}
#gp-order .cs-site_header_style1 .cs-main_header_right{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .cs-site_header_style1 .cs-nav + .cs-header_toolbox.cs-center{
  margin-left: 35px;
}
#gp-order .cs-site_header_style1 .cs-nav .cs-nav_list > li.current-menu-item > a:before{
  bottom: -4px;
  background-color: #fff;
}
#gp-order .cs-side_header{
  position: fixed;
  top: 0;
  right: 0px;
  width: 100%;
  z-index: 1000;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-side_header .cs-side_header_overlay{
  background-color: rgba(22, 22, 22, 0.5);
  height: inherit;
  width: inherit;
  left: inherit;
  top: inherit;
  position: inherit;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
}
#gp-order .cs-side_header .cs-side_header_in{
  width: 500px;
  height: 100vh;
  background-color: #181818;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  overflow: auto;
  padding: 90px 50px 50px 50px;
  position: relative;
  z-index: 2;
  right: -500px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-side_header .cs-side_header_heading{
  font-size: 22px;
  line-height: 1.4em;
  margin: 0;
}
#gp-order .cs-side_header .cs-side_header_title{
  font-size: 18px;
  margin-bottom: 25px;
}
#gp-order .cs-side_header .cs-side_header_box{
  padding: 35px 0;
}
#gp-order .cs-side_header .cs-close{
  opacity: 0;
}
#gp-order .cs-side_header.active{
  opacity: 1;
  visibility: visible;
}
#gp-order .cs-side_header.active .cs-side_header_overlay,#gp-order .cs-side_header.active .cs-close{
  opacity: 1;
}
#gp-order .cs-side_header.active .cs-side_header_in{
  right: 0;
}
#gp-order .cs-side_header .cs-side_header_shape{
  height: 257px;
  width: 257px;
  overflow: hidden;
  position: fixed;
  pointer-events: none;
  z-index: -1;
  bottom: 0;
  right: 0;
}
#gp-order .cs-side_header .cs-side_header_shape::before{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  right: -90px;
  bottom: -80px;
  overflow: hidden;
  background-color: #000;
  border-radius: 50%;
}
#gp-order .cs-close{
  position: fixed;
  right: 30px;
  top: 30px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 2px solid currentColor;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  z-index: 2;
  z-index: 100;
}
#gp-order .cs-close::before,#gp-order .cs-close::after{
  content: '';
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: currentColor;
  left: 50%;
  top: 50%;
  margin-left: -25%;
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#gp-order .cs-close::before{
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#gp-order .cs-close:hover{
  color: #1421c2;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#gp-order .cs-header_badge{
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 12px;
  background-color: #1421c2;
  color: #fff;
  display: inline-block;
  line-height: 1.6em;
  padding: 0px 7px;
  border-radius: 3px;
}
@media screen and (max-width: 1199px){}
#gp-order .cs-nav ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#gp-order .cs-sticky_header{
  position: fixed !important;
  width: 100%;
  z-index: 999;
}
#gp-order .cs-gescout_sticky{
  position: fixed !important;
  top: -110px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: #fff;
}
#gp-order .cs-gescout_show{
  top: 0 !important;
  opacity: 1;
}
#gp-order .cs-site_branding{
  display: inline-block;
}
#gp-order .cs-site_branding img{
  max-height: 45px;
}
@media screen and (min-width: 1400px){#gp-order .cs-nav .cs-nav_list{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: inherit;
  }
#gp-order .cs-nav .cs-nav_list > li > a{
    padding: 10px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    height: inherit;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
#gp-order .cs-main_header{
    position: relative;
  }
#gp-order .cs-main_header .container-fluid{
    padding-right: 40px;
    padding-left: 40px;
  }
#gp-order .cs-main_header_center,#gp-order .cs-top_header_center{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
#gp-order .cs-site_header.cs-style1 .cs-main_header_center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
    max-width: calc(100% - 400px);
  }
#gp-order .cs-site_header.cs-style1 .cs-main_header_left{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
#gp-order .cs-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    font-size: 15px;
    line-height: 1.6em;
    color: #000;
    font-weight: 600;
  }
#gp-order .cs-nav .cs-nav_list > li{
    margin-right: 50px;
    height: inherit;
  }
#gp-order .cs-nav .cs-nav_list > li:last-child{
    margin-right: 0;
  }
#gp-order .cs-nav .cs-nav_list > li > ul{
    left: 0;
    top: calc(100% + 15px);
  }
#gp-order .cs-nav .cs-nav_list > li:hover > ul{
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
#gp-order .cs-nav .cs-nav_list > li.menu-item-has-children > a{
    position: relative;
  }
#gp-order .cs-nav .cs-nav_list > li.menu-item-has-children > a::after{
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    border: 2px solid #000;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-left: 0;
    border-top: 0;
    margin-left: 6px;
    position: relative;
    top: -2px;
    border-radius: 0px 0px 2px 0px;
  }
#gp-order .cs-nav .cs-nav_list li:not(.cs-mega_menu){
    position: relative;
  }
#gp-order .cs-nav .cs-nav_list ul{
    width: 260px;
    background-color: #fff;
    position: absolute;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
            box-shadow: 0px 1px 2px 0px rgba(2, 0, 181, 0.1);
    border-top: 2px solid #1421c2;
    padding: 10px 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    border-radius: 0px 0px 5px 5px;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
#gp-order .cs-nav .cs-nav_list ul li:hover ul{
    top: 0px;
  }
#gp-order .cs-nav .cs-nav_list ul li:hover > ul{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
#gp-order .cs-nav .cs-nav_list ul a{
    display: block;
    line-height: inherit;
    padding: 10px 20px;
  }
#gp-order .cs-nav .cs-nav_list ul ul{
    top: 15px;
    left: 100%;
  }
#gp-order .cs-munu_toggle,#gp-order .cs-munu_dropdown_toggle{
    display: none;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper{
    
    width: 1296px !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute;
    padding: 5px 15px 10px;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper a{
    padding: 5px 10px;
    text-align: left;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper a img{
    border-radius: 5px;
    border: 1px solid rgba(181, 181, 181, 0.1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper a:hover img{
    border-color: rgba(20,33,194, 0.6);
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper > li{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 10px 0;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper > li > a:hover{
    background-color: transparent;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper > li ul{
    position: initial;
    border: none;
    padding: 0;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper > li ul > li:not(:last-child){
    margin-bottom: 5px;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_menu:hover .cs-mega_wrapper li ul{
    opacity: 1;
    visibility: visible;
  }
#gp-order .cs-nav
.cs-nav_list
> li
ul:not(.cs-mega_wrapper)
.menu-item-has-children
> a{
    position: relative;
  }}
@media screen and (max-width: 1400px){#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper{
    width: 1116px !important;
  }
#gp-order .cs-site-branding{
    max-width: 190px;
  }
#gp-order .cs-site_header_full_width .container{
    max-width: 100%;
  }}
@media screen and (max-width: 1399px){#gp-order .cs-main_header .container{
    max-width: 100%;
  }
#gp-order .cs-site_header.cs-style1 .cs-nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper{
    width: 100% !important;
  }
#gp-order .cs-site_header_full_width .container{
    padding: 0 15px;
  }
#gp-order .cs-munu_dropdown_toggle{
    position: absolute;
    height: 30px;
    width: 30px;
    right: 20px;
    top: 5px;
  }
#gp-order .cs-munu_dropdown_toggle:before,#gp-order .cs-munu_dropdown_toggle:after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 2px;
    width: 10px;
    background-color: rgba(254, 254, 254, 0.7);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
#gp-order .cs-munu_dropdown_toggle:before{
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
  }
#gp-order .cs-munu_dropdown_toggle.active:before{
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
#gp-order .cs-nav .cs-nav_list{
    position: absolute;
    width: 100vw;
    left: -15px;
    background-color: #181818;
    padding: 10px 0;
    display: none;
    top: 100%;
    border-top: 1px solid #4d4d4d52;
    border-bottom: 1px solid #4d4d4d52;
    overflow: auto;
    max-height: calc(100vh - 80px);
    line-height: 1.6em;
  }
#gp-order .cs-nav .cs-nav_list ul{
    padding-left: 15px;
    display: none;
  }
#gp-order .cs-nav .cs-nav_list a{
    display: block;
    padding: 8px 20px;
    color: #fff;
  }
#gp-order .cs-nav .menu-item-has-children{
    position: relative;
  }
#gp-order .cs-munu_toggle{
    display: inline-block;
    width: 30px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 27px;
    right: 30px;
  }
#gp-order .cs-munu_toggle span,#gp-order .cs-munu_toggle span:before,#gp-order .cs-munu_toggle span:after{
    width: 100%;
    height: 2px;
    background-color: currentColor;
    display: block;
  }
#gp-order .cs-munu_toggle span{
    margin: 0 auto;
    position: relative;
    top: 12px;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
#gp-order .cs-munu_toggle span:before{
    content: '';
    position: absolute;
    margin-top: -9px;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
            transition-delay: 0.2s, 0s;
  }
#gp-order .cs-munu_toggle span:after{
    content: '';
    position: absolute;
    margin-top: 9px;
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
            transition-delay: 0.2s, 0s;
  }
#gp-order .cs-site_header.cs-style1 .cs-munu_toggle{
    top: 50%;
    right: 0px;
    margin-top: -13px;
  }
#gp-order .cs-toggle_active span{
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
#gp-order .cs-toggle_active span:before{
    margin-top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition-delay: 0s, 0.2s;
            transition-delay: 0s, 0.2s;
  }
#gp-order .cs-toggle_active span:after{
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition-delay: 0s, 0.2s;
            transition-delay: 0s, 0.2s;
  }
#gp-order .cs-header_toolbox{
    margin-right: 50px;
  }
#gp-order .cs-nav .cs-nav_list a{
    position: relative;
  }
#gp-order .cs-site_header.cs-style1 .cs-main_header_in{
    height: 80px;
  }
#gp-order .cs-hamburger span{
    height: 3px;
  }
#gp-order .cs-site_header .current-menu-item > a:before{
    display: none;
  }
#gp-order .cs-site_header.cs-style1 .cs-main_header_center .cs-site_branding{
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
#gp-order .cs-site_header.cs-style1{
    top: 0;
  }
#gp-order .cs-toolbox{
    margin-right: 45px;
  }
#gp-order .cs-site_header.cs-style1 .cs-icon_btn{
    width: 38px;
    height: 38px;
  }
#gp-order .cs-toolbox,#gp-order .cs-side_header{
    display: none;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper ul{
    display: block;
  }
#gp-order .cs-nav .cs-nav_list .cs-mega_wrapper ul .cs-nav_list_img{
    display: none;
  }}
@media screen and (max-width: 991px){#gp-order .cs-site_header .container{
    max-width: 100%;
  }
#gp-order .cs-site_header.cs-style1 .cs-action_box > *:not(:last-child){
    margin-right: 25px;
  }
#gp-order .cs-site_header.cs-style1 .cs-btn{
    padding: 8px;
  }}
@media screen and (max-width: 575px){#gp-order .cs-site-branding{
    max-width: 150px;
  }
#gp-order .cs-hamburger_wrap .cs-hamburger{
    margin-right: 0;
  }
#gp-order .cs-site_branding img{
    max-height: 30px;
  }
#gp-order .cs-site_header.cs-style1 .cs-btn span{
    display: none;
  }
#gp-order .cs-site_header.cs-style1 .cs-btn svg{
    margin-right: 0;
    width: 20px;
    height: 20px;
  }}
#gp-order .cs-fooer_main{
  padding: 95px 0 35px;
  color: #fff;
}
#gp-order .cs-footer_item{
  margin-bottom: 40px;
}
#gp-order .cs-footer_item .cs-newsletter.cs-style1{
  margin-top: 6px;
}
#gp-order .cs-widget_title{
  font-size: 18px;
  margin-bottom: 35px;
}
#gp-order .cs-menu_widget{
  padding: 0;
  margin: 0;
  list-style: none;
}
#gp-order .cs-menu_widget li:not(:last-child){
  margin-bottom: 20px;
}
#gp-order .cs-text_widget p{
  margin: 0;
}
#gp-order .cs-text_widget img + p{
  margin-top: 30px;
}
#gp-order .cs-social_btns.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -7px;
}
#gp-order .cs-social_btns.cs-style1 a{
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 7px;
}
#gp-order .cs-social_btns.cs-style1 a:hover{
  border-color: #1421c2;
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
#gp-order .cs-social_btns.cs-style1 a:hover svg{
  fill: #1421c2;
}
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_form{
  position: relative;
}
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_input{
  height: 50px;
  width: 100%;
  border-radius: 10px;
  background-color: #000;
  border: none;
  padding: 5px 90px 5px 15px;
  outline: none;
  color: #fff;
}
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_btn{
  padding: 7px 25px;
  border-radius: 10px;
  color: #fff;
  background-color: #1421c2;
  position: absolute;
  top: 5px;
  right: 5px;
  font-weight: 600;
  border: none;
  overflow: hidden;
}
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_btn:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(22, 22, 22, 0.4);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  border-radius: inherit;
}
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_btn span{
  position: relative;
  z-index: 1;
}
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_btn:hover:before{
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
          transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_text{
  margin-top: 25px;
}
#gp-order .cs-footer_links{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#gp-order .cs-footer_links li:not(:last-child)::after{
  content: '|';
  margin: 0 10px;
  position: relative;
  top: -1px;
}
#gp-order .cs-bottom_footer{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #4D4D4D;
}
#gp-order .cs-bottom_footer > *{
  padding: 4px 0;
}
#gp-order .cs-text_widget + .cs-social_btns.cs-style1{
  margin-top: 25px;
}
@media screen and (max-width: 1199px){#gp-order .cs-newsletter.cs-style1 .cs-newsletter_btn{
    padding: 7px 15px;
  }
#gp-order .cs-newsletter.cs-style1 .cs-newsletter_input{
    padding: 5px 80px 5px 15px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-widget_title{
    margin-bottom: 20px;
  }
#gp-order .cs-text_widget img + p{
    margin-top: 20px;
  }
#gp-order .cs-menu_widget li:not(:last-child){
    margin-bottom: 10px;
  }
#gp-order .cs-text_widget + .cs-social_btns.cs-style1,#gp-order .cs-newsletter.cs-style1 .cs-newsletter_text{
    margin-top: 15px;
  }
#gp-order .cs-fooer_main{
    padding: 60px 0 15px;
  }}
@media screen and (max-width: 767px){#gp-order .cs-bottom_footer{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }}
#gp-order .cs-isotop{
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-isotop.cs-has_gutter_24{
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: -24px;
}
#gp-order .cs-isotop.cs-has_gutter_24 .cs-isotop_item{
  padding: 0 12px;
  margin-bottom: 24px;
}
#gp-order .cs-isotop.cs-has_gutter_80{
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: -80px;
}
#gp-order .cs-isotop.cs-has_gutter_80 .cs-isotop_item{
  padding: 0 40px;
  margin-bottom: 80px;
}
#gp-order .cs-isotop.cs-has_gutter_40{
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -30px;
}
#gp-order .cs-isotop.cs-has_gutter_40 .cs-isotop_item{
  padding: 0 20px;
  margin-bottom: 30px;
}
#gp-order .cs-isotop.cs-has_gutter_100{
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: -40px;
}
#gp-order .cs-isotop.cs-has_gutter_100 .cs-isotop_item{
  padding: 0 50px;
  margin-bottom: 40px;
}
#gp-order .cs-isotop_col_6 .cs-grid_sizer,#gp-order .cs-isotop_col_6 .cs-isotop_item{
  width: 16.666667%;
}
#gp-order .cs-isotop_col_5 .cs-grid_sizer,#gp-order .cs-isotop_col_5 .cs-isotop_item{
  width: 20%;
}
#gp-order .cs-isotop_col_4 .cs-grid_sizer,#gp-order .cs-isotop_col_4 .cs-isotop_item{
  width: 25%;
}
#gp-order .cs-isotop_col_3 .cs-grid_sizer,#gp-order .cs-isotop_col_3 .cs-isotop_item{
  width: 33.333333%;
}
#gp-order .cs-isotop_col_2 .cs-grid_sizer,#gp-order .cs-isotop_col_2 .cs-isotop_item{
  width: 50%;
}
#gp-order .cs-isotop_col_1 .cs-grid_sizer,#gp-order .cs-isotop_col_1 .cs-isotop_item{
  width: 100%;
}
#gp-order .cs-grid_sizer{
  width: 33.333333%;
}
#gp-order .cs-isotop_col_5 .cs-w20,#gp-order .cs-isotop_col_4 .cs-w20,#gp-order .cs-isotop_col_3 .cs-w20,#gp-order .cs-isotop_col_2 .cs-w20,#gp-order .cs-isotop_col_1 .cs-w20{
  width: 20%;
}
#gp-order .cs-isotop_col_5 .cs-w25,#gp-order .cs-isotop_col_4 .cs-w25,#gp-order .cs-isotop_col_3 .cs-w25,#gp-order .cs-isotop_col_2 .cs-w25,#gp-order .cs-isotop_col_1 .cs-w25{
  width: 25%;
}
#gp-order .cs-isotop_col_5 .cs-w33,#gp-order .cs-isotop_col_4 .cs-w33,#gp-order .cs-isotop_col_3 .cs-w33,#gp-order .cs-isotop_col_2 .cs-w33,#gp-order .cs-isotop_col_1 .cs-w33{
  width: 33.333333%;
}
#gp-order .cs-isotop_col_5 .cs-w50,#gp-order .cs-isotop_col_4 .cs-w50,#gp-order .cs-isotop_col_3 .cs-w50,#gp-order .cs-isotop_col_2 .cs-w50,#gp-order .cs-isotop_col_1 .cs-w50{
  width: 50%;
}
#gp-order .cs-isotop_col_5 .cs-w66,#gp-order .cs-isotop_col_4 .cs-w66,#gp-order .cs-isotop_col_3 .cs-w66,#gp-order .cs-isotop_col_2 .cs-w66,#gp-order .cs-isotop_col_1 .cs-w66{
  width: 66.666666%;
}
#gp-order .cs-isotop_col_5 .cs-w100,#gp-order .cs-isotop_col_4 .cs-w100,#gp-order .cs-isotop_col_3 .cs-w100,#gp-order .cs-isotop_col_2 .cs-w100,#gp-order .cs-isotop_col_1 .cs-w100{
  width: 100%;
}
#gp-order .cs-isotop_filter.cs-style1 li{
  margin-top: 10px;
}
#gp-order .cs-isotop_filter.cs-style1 li:not(:last-child){
  margin-right: 28px;
}
#gp-order .cs-isotop_filter.cs-style1 a{
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
}
#gp-order .cs-isotop_filter.cs-style1 a::before{
  content: '';
  height: 9px;
  width: 9px;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border-radius: 50%;
  background-color: #1421c2;
  bottom: -5px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0);
          transform: scale(0);
}
#gp-order .cs-isotop_filter.cs-style1 ul{
  border-bottom: 1px solid #999696;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#gp-order .cs-isotop_filter.cs-style1 .active a{
  color: #1421c2;
}
#gp-order .cs-isotop_filter.cs-style1 .active a::before{
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 1199px){#gp-order .cs-isotop.cs-has_gutter_100 .cs-isotop_item{
    padding: 0 15px;
    margin-bottom: 30px;
  }
#gp-order .cs-isotop.cs-has_gutter_100{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px;
  }
#gp-order .cs-isotop.cs-has_gutter_80{
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -25px;
  }
#gp-order .cs-isotop.cs-has_gutter_80 .cs-isotop_item{
    padding: 0 12px;
    margin-bottom: 25px;
  }
#gp-order .cs-isotop_col_4 .cs-grid_sizer,#gp-order .cs-isotop_col_4 .cs-isotop_item{
    width: 33.333333%;
  }}
@media screen and (max-width: 991px){#gp-order .cs-isotop_col_4 .cs-grid_sizer,#gp-order .cs-isotop_col_4 .cs-isotop_item{
    width: 50%;
  }
#gp-order .cs-isotop_col_4 .cs-w50{
    width: 100%;
  }
#gp-order .cs-isotop_col_3 .cs-grid_sizer,#gp-order .cs-isotop_col_3 .cs-isotop_item{
    width: 50%;
  }
#gp-order .cs-isotop_col_2 .cs-grid_sizer,#gp-order .cs-isotop_col_2 .cs-isotop_item{
    width: 100%;
  }}
@media screen and (max-width: 767px){#gp-order .cs-isotop_col_5 .cs-w50,#gp-order .cs-isotop_col_4 .cs-w50,#gp-order .cs-isotop_col_3 .cs-w50,#gp-order .cs-isotop_col_2 .cs-w50,#gp-order .cs-isotop_col_1 .cs-w50,#gp-order .cs-isotop_col_5 .cs-w66,#gp-order .cs-isotop_col_4 .cs-w66,#gp-order .cs-isotop_col_3 .cs-w66,#gp-order .cs-isotop_col_2 .cs-w66,#gp-order .cs-isotop_col_1 .cs-w66{
    width: 100%;
  }
#gp-order .cs-isotop_col_5 .cs-grid_sizer,#gp-order .cs-isotop_col_5 .cs-isotop_item{
    width: 100%;
  }
#gp-order .cs-isotop_col_4 .cs-grid_sizer,#gp-order .cs-isotop_col_4 .cs-isotop_item{
    width: 100%;
  }
#gp-order .cs-isotop_col_3 .cs-grid_sizer,#gp-order .cs-isotop_col_3 .cs-isotop_item{
    width: 100%;
  }
#gp-order .cs-isotop_col_2 .cs-grid_sizer,#gp-order .cs-isotop_col_2 .cs-isotop_item{
    width: 100%;
  }}
@media screen and (max-width: 575px){#gp-order .cs-isotop_filter.cs-style1 ul{
    border: none;
  }
#gp-order .cs-isotop_filter.cs-style1 li{
    margin-bottom: 8px;
  }
#gp-order .cs-isotop_filter.cs-style1 li:not(:last-child){
    margin-right: 20px;
  }
#gp-order .cs-isotop_filter.cs-style1 a{
    padding-bottom: 3px;
  }}
#gp-order .cs-sidebar_item:not(:last-child){
  margin-bottom: 70px;
}
#gp-order .cs-sidebar_widget_title{
  font-size: 30px;
  margin-bottom: 30px;
}
#gp-order .tagcloud{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
}
#gp-order .tag-cloud-link{
  font-size: 14px;
  line-height: 1.6em;
  border: 2px solid #fff;
  padding: 3px 15px;
  display: inline-block;
  margin: 5px;
  border-radius: 2px;
}
#gp-order .tag-cloud-link:hover{
  color: #fff;
  background-color: #1421c2;
  border-color: #1421c2;
}
#gp-order .widget_archive ul,#gp-order .widget_categories ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
#gp-order .widget_archive ul li,#gp-order .widget_categories ul li{
  padding-left: 26px;
  position: relative;
}
#gp-order .widget_archive ul li::before,#gp-order .widget_categories ul li::before{
  content: '';
  width: 14px;
  height: 12px;
  background: url("https://oblikovanje-logotipa.si/assets/img/icons/double_arrow_icon.svg");
  background-position: center;
  position: absolute;
  left: 0;
  top: 8px;
}
#gp-order .widget_archive ul li:not(:last-child),#gp-order .widget_categories ul li:not(:last-child){
  margin-bottom: 20px;
}
#gp-order .cs-recent_posts{
  list-style: none;
  margin: 0;
  padding: 0;
}
#gp-order .cs-recent_posts li:not(:last-child){
  margin-bottom: 20px;
}
#gp-order .cs-recent_post{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .cs-recent_post_thumb{
  height: 60px;
  width: 60px;
  border-radius: 5px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  overflow: hidden;
  margin-right: 18px;
}
#gp-order .cs-recent_post_thumb:hover .cs-recent_post_thumb_in{
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
#gp-order .cs-recent_post_thumb_in{
  height: 100%;
  width: 100%;
  border-radius: inherit;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-recent_post_title{
  font-size: 18px;
  margin-bottom: 5px;
}
#gp-order .cs-sidebar_search{
  position: relative;
}
#gp-order .cs-sidebar_search input{
  display: block;
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
  border-bottom: 2px solid #fff;
  padding: 0px 40px 6px 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-sidebar_search input:focus{
  border-color: #1421c2;
}
#gp-order .cs-sidebar_search_btn{
  position: absolute;
  background-color: transparent;
  border: none;
  outline: none;
  bottom: 0px;
  right: 0;
  padding: 10px 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-sidebar_search_btn:hover{
  color: #1421c2;
}
#gp-order .cs-author_card img{
  height: 130px;
  width: 130px;
  margin-bottom: 22px;
}
#gp-order .cs-author_card h3{
  font-size: 30px;
  margin-bottom: 14px;
}
#gp-order .cs-author_card p{
  margin-bottom: 0;
}
@media screen and (max-width: 991px){#gp-order .cs-sidebar_widget_title{
    font-size: 26px;
    margin-bottom: 20px;
  }
#gp-order .widget_archive ul li:not(:last-child),#gp-order .widget_categories ul li:not(:last-child){
    margin-bottom: 12px;
  }
#gp-order .cs-sidebar_item:not(:last-child){
    margin-bottom: 40px;
  }}
#gp-order .cs-hero.cs-style1 .cs-hero_social_wrap,#gp-order .cs-hero.cs-style2 .cs-hero_social_wrap,#gp-order .cs-hero.cs-style3 .cs-hero_social_wrap,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_wrap,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg) translateY(85%);
          transform: rotate(180deg) translateY(85%);
  right: 45px;
}
#gp-order .cs-hero.cs-style1 .cs-hero_social_wrap.cs-left_side,#gp-order .cs-hero.cs-style2 .cs-hero_social_wrap.cs-left_side,#gp-order .cs-hero.cs-style3 .cs-hero_social_wrap.cs-left_side,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_wrap.cs-left_side,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_wrap.cs-left_side{
  right: initial;
  left: 45px;
}
#gp-order .cs-hero.cs-style1 .cs-hero_social_title,#gp-order .cs-hero.cs-style2 .cs-hero_social_title,#gp-order .cs-hero.cs-style3 .cs-hero_social_title,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_title,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_title{
  position: relative;
  padding-bottom: 35px;
  white-space: nowrap;
}
#gp-order .cs-hero.cs-style1 .cs-hero_social_title::after,#gp-order .cs-hero.cs-style2 .cs-hero_social_title::after,#gp-order .cs-hero.cs-style3 .cs-hero_social_title::after,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_title::after,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_title::after{
  content: '';
  height: 15px;
  width: 2px;
  background-color: #999696;
  display: inline-block;
  border-radius: 3px;
  margin-top: 15px;
  margin-bottom: 15px;
  position: absolute;
  bottom: -5px;
  left: 11px;
}
#gp-order .cs-hero.cs-style1 .cs-hero_social_links,#gp-order .cs-hero.cs-style2 .cs-hero_social_links,#gp-order .cs-hero.cs-style3 .cs-hero_social_links,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_links,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_links{
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#gp-order .cs-hero.cs-style1 .cs-hero_social_links li,#gp-order .cs-hero.cs-style2 .cs-hero_social_links li,#gp-order .cs-hero.cs-style3 .cs-hero_social_links li,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_links li,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_links li{
  position: relative;
  padding-bottom: 32px;
  white-space: nowrap;
}
#gp-order .cs-hero.cs-style1 .cs-hero_social_links li:last-child,#gp-order .cs-hero.cs-style2 .cs-hero_social_links li:last-child,#gp-order .cs-hero.cs-style3 .cs-hero_social_links li:last-child,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_links li:last-child,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_links li:last-child{
  padding-bottom: 0;
}
#gp-order .cs-hero.cs-style1 .cs-hero_social_links li:not(:last-child)::after,#gp-order .cs-hero.cs-style2 .cs-hero_social_links li:not(:last-child)::after,#gp-order .cs-hero.cs-style3 .cs-hero_social_links li:not(:last-child)::after,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_links li:not(:last-child)::after,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_links li:not(:last-child)::after{
  content: '';
  height: 2px;
  width: 15px;
  background-color: #999696;
  display: inline-block;
  position: absolute;
  bottom: 16px;
  border-radius: 3px;
  right: 5px;
}
#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_wrap,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_wrap{
  z-index: 10;
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
#gp-order .cs-hero.cs-style1{
  position: relative;
  padding: 250px 0 170px;
  height: calc(100vh + 180px);
  min-height: 1000px;
}
#gp-order .cs-hero.cs-style1 .cs-hero_title{
  font-size: 80px;
  font-weight: 700;
  margin-bottom: 60px;
  line-height: 1.25em;
}
#gp-order .cs-hero.cs-style1 .cs-hero_subtitle{
  font-size: 18px;
  line-height: 1.9em;
  color: #FEFEFE;
}
#gp-order .cs-hero.cs-style1 .cs-hero_info{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .cs-hero.cs-style1 .cs-hero_info > div{
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#gp-order .cs-hero_title{
    color: #fff;
}
#gp-order .cs-hero.cs-style1 .cs-hero_text{
  position: relative;
  z-index: 3;
}
#gp-order .cs-hero.cs-style1 .cs-slider.cs-style1{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#gp-order .cs-hero.cs-style1 .cs-slider.cs-style1 *{
  height: 100%;
  width: 100%;
}
#gp-order .cs-hero.cs-style1.cs-type2{
  min-height: 650px;
  height: 860px;
  padding: 30px 115px 50px;
  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;
  margin-top: 110px;
}
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_bg{
  position: absolute;
  height: 100%;
  top: 0;
  left: 115px;
  right: 115px;
  border-radius: 15px;
  overflow: hidden;
}
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_title{
  margin-bottom: 40px;
}
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_social_wrap{
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
#gp-order .cs-down_btn{
  position: absolute;
  height: 35px;
  width: 20px;
  border-radius: 10px;
  border: 2px solid #fff;
  bottom: 10%;
  left: 50%;
  margin-left: -10px;
  display: none;
}
#gp-order .cs-down_btn::before{
  content: '';
  height: 5px;
  width: 5px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  -webkit-animation: UpAndDown 3s infinite;
          animation: UpAndDown 3s infinite;
}
#gp-order .cs-hero.cs-style2{
  height: 1150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-top: 80px;
}
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2{
  font-size: 120px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  z-index: 2;
}
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2 a{
  color: inherit;
}
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2::before{
  content: '';
  position: absolute;
  height: 5px;
  width: 0%;
  left: 0;
  top: 50%;
  background-color: #1421c2;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item .cs-hero_tab_img{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  pointer-events: none;
  -webkit-animation: inactiveImageAnimation 1s forwards ease;
          animation: inactiveImageAnimation 1s forwards ease;
}
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item:not(:last-child){
  margin-bottom: 45px;
}
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item.active h2::before{
  width: 100%;
}
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item.active .cs-hero_tab_img{
  -webkit-animation: activeImageAnimation 1s forwards ease;
          animation: activeImageAnimation 1s forwards ease;
}
#gp-order .cs-hero.cs-style2 .cs-hero_social_wrap{
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
#gp-order .cs-hero.cs-style3{
  background-color: #000;
  padding: 240px 0 150px;
  position: relative;
  overflow: hidden;
}
#gp-order .cs-hero.cs-style3 .cs-hero_title{
  font-size: 100px;
  font-weight: 700;
  margin-bottom: 60px;
  line-height: 1.6em;
}
#gp-order .cs-hero.cs-style3 .cs-hero_subtitle{
  font-size: 18px;
  line-height: 1.9em;
  color: #FEFEFE;
  max-width: 650px;
  margin-left: auto;
  margin-bottom: 95px;
}
#gp-order .cs-hero.cs-style3 .cs-hero_text{
  position: relative;
  z-index: 5;
}
#gp-order .cs-hero.cs-style3.cs-shape_wrap_1 .cs-shape_1:nth-child(2){
  top: 16%;
}
#gp-order .cs-hero.cs-style3.cs-shape_wrap_1 .cs-shape_1:nth-child(3){
  top: 82%;
  left: 47%;
}
#gp-order .cs-hero.cs-style3 .cs-circle_1{
  height: 745px;
  width: 745px;
  border-radius: 50%;
  border: 3px solid rgba(153, 150, 150, 0.2);
  position: absolute;
  top: -30%;
  left: -12%;
}
#gp-order .cs-hero.cs-style3 .cs-circle_2{
  height: 626px;
  width: 626px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(20,33,194, 0.8) 0%, rgba(20,33,194, 0) 100%);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 10%;
  -webkit-animation: 9s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running light-mode;
          animation: 9s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running light-mode;
}
#gp-order .cs-hero.cs-style3 .cs-hero_highlite{
  position: absolute;
  height: 300px;
  width: 300px;
  font-size: 120px;
  font-weight: 700;
  line-height: 1.2em;
  left: 68%;
  bottom: 7%;
}
#gp-order .cs-hero.cs-style3 .cs-hero_highlite .cs-round_img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}
#gp-order .cs-hero.cs-style3 .cs-hero_highlite .cs-round_img img{
  -webkit-animation: rotate-anim 30s infinite;
          animation: rotate-anim 30s infinite;
}
#gp-order .cs-hero.cs-style3.cs-type1 .cs-hero_subtitle{
  margin-left: 0;
}
@media (max-width: 1199px){#gp-order .cs-hero.cs-style3.cs-type1 .cs-hero_highlite{
    display: none;
  }
#gp-order .cs-hero.cs-style3.cs-type1 .cs-hero_subtitle{
    margin-left: auto;
    margin-right: auto;
  }}
#gp-order .cs-hero.cs-style4,#gp-order .cs-hero.cs-style5{
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 80px 115px;
}
#gp-order .cs-hero.cs-style4 .cs-swiper_parallax_bg,#gp-order .cs-hero.cs-style5 .cs-swiper_parallax_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
#gp-order .cs-hero.cs-style4 .cs-hero_text{
  position: relative;
  z-index: 10;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#gp-order .cs-hero.cs-style4 .cs-hero_title{
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 100px;
  position: relative;
}
#gp-order .cs-hero.cs-style4 .cs-hero_title span{
  display: inline-block;
  position: relative;
}
#gp-order .cs-hero.cs-style4 .cs-hero_title span::before{
  content: '';
  position: absolute;
  height: 7px;
  width: 100%;
  bottom: 8px;
  left: 0;
  background-color: #1421c2;
  z-index: -1;
}
#gp-order .cs-hero.cs-style4 .cs-hero_title:last-child{
  margin-bottom: 0;
}
#gp-order .cs-hero.cs-style4 .cs-hero_link{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 12;
}
#gp-order .cs-hero.cs-style5 .cs-hero_title{
  margin: 0 0 60px 0;
  font-weight: 700;
  font-size: 100px;
  position: relative;
}
#gp-order .cs-hero.cs-style5 .cs-hero_text{
  position: relative;
  z-index: 2;
  padding-top: 25px;
  padding-left: 180px;
  top: 100px;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
#gp-order .swiper-slide-active .cs-hero.cs-style4 .cs-hero_text{
  -webkit-clip-path: inset(0 0% 0 0);
          clip-path: inset(0 0% 0 0);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
#gp-order .swiper-slide-active .cs-hero.cs-style5 .cs-hero_text{
  top: 0;
  opacity: 1;
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}
#gp-order .cs-swiper_button_prev,#gp-order .cs-swiper_button_next{
  position: absolute;
  z-index: 11;
  font-weight: 600;
  color: #fff;
  bottom: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-swiper_button_prev:hover,#gp-order .cs-swiper_button_next:hover{
  color: #1421c2;
}
#gp-order .cs-swiper_button_prev{
  left: 115px;
}
#gp-order .cs-swiper_button_prev svg{
  margin-right: 13px;
}
#gp-order .cs-swiper_button_next{
  right: 115px;
}
#gp-order .cs-swiper_button_next svg{
  margin-left: 13px;
}
@-webkit-keyframes UpAndDown{
  0%,
  100% {
    top: 30%;
  }
  50% {
    top: 70%;
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
}
@keyframes UpAndDown{
  0%,
  100% {
    top: 30%;
  }
  50% {
    top: 70%;
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
}
@-webkit-keyframes inactiveImageAnimation{
  0% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
}
@keyframes inactiveImageAnimation{
  0% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
}
@-webkit-keyframes activeImageAnimation{
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes activeImageAnimation{
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@media screen and (max-width: 1920px){#gp-order .cs-hero.cs-style2{
    height: 1080px;
  }}
@media screen and (max-width: 1540px){#gp-order .cs-hero.cs-style1{
    padding-top: 220px;
    min-height: 960px;
  }
#gp-order .cs-hero.cs-style2{
    height: 864px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2{
    font-size: 100px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item:not(:last-child){
    margin-bottom: 15px;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_title{
    font-size: 90px;
    line-height: 1.4em;
  }
#gp-order .cs-hero.cs-style1.cs-type2{
    height: 680px;
  }
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_title{
    font-size: 100px;
  }}
@media screen and (max-width: 1400px){#gp-order .cs-hero.cs-style2{
    height: 900px;
  }
#gp-order .cs-hero.cs-style1{
    padding-top: 200px;
    min-height: 880px;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_title{
    font-size: 60px;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_title{
    font-size: 80px;
    line-height: 1.3em;
    margin-bottom: 40px;
  }
#gp-order .cs-hero.cs-style2{
    height: 768px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2{
    font-size: 80px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item:not(:last-child){
    margin-bottom: 15px;
  }
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_title{
    font-size: 80px;
  }
#gp-order .cs-hero.cs-style1.cs-type2{
    height: 600px;
    min-height: 500px;
  }
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_title{
    font-size: 70px;
  }
#gp-order .cs-hero.cs-style4 .cs-hero_title,#gp-order .cs-hero.cs-style5 .cs-hero_title{
    font-size: 80px;
  }}
@media screen and (max-width: 1280px){#gp-order .cs-hero.cs-style2{
    height: 800px;
  }}
@media screen and (max-width: 1199px){#gp-order .cs-hero.cs-style1{
    min-height: 850px;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_title{
    font-size: 50px;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_subtitle{
    font-size: 16px;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_title{
    font-size: 60px;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_subtitle{
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_social_wrap,#gp-order .cs-hero.cs-style2 .cs-hero_social_wrap,#gp-order .cs-hero.cs-style3 .cs-hero_social_wrap,#gp-order .cs-swiper_parallax_slider_wrap .cs-hero_social_wrap,#gp-order .cs-fullscreen_swiper_wrap .cs-hero_social_wrap{
    display: none;
  }
#gp-order .cs-hero.cs-style2{
    height: 850px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2{
    font-size: 80px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item:not(:last-child){
    margin-bottom: 15px;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_title{
    font-size: 50px;
    margin-bottom: 30px;
  }
#gp-order .cs-hero.cs-style3 .text-end,#gp-order .cs-hero.cs-style3 .cs-hero_text{
    text-align: center !important;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_subtitle{
    font-size: 16px;
    margin-bottom: 40px;
  }
#gp-order .cs-hero.cs-style1.cs-type2{
    padding-left: 15px;
    padding-right: 15px;
  }
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_bg{
    left: 12px;
    right: 12px;
  }
#gp-order .cs-hero.cs-style4{
    padding: 80px 15px;
  }
#gp-order .cs-hero.cs-style4 .cs-hero_title{
    font-size: 60px;
  }
#gp-order .cs-hero.cs-style4 .cs-hero_title span::before{
    height: 5px;
    bottom: 5px;
  }
#gp-order .cs-hero.cs-style5{
    padding: 80px 15px 80px 150px;
  }
#gp-order .cs-hero.cs-style5 .cs-hero_title{
    font-size: 60px;
    margin: 0 0 45px 0;
  }
#gp-order .cs-hero.cs-style5 .cs-btn.cs-style1.cs-type1{
    padding: 10px 26px;
  }
#gp-order .cs-swiper_button_prev,#gp-order .cs-swiper_button_next{
    bottom: 25px;
  }
#gp-order .cs-hero.cs-style1.cs-type2{
    margin-top: 80px;
  }
#gp-order .cs-swiper_button_prev{
    left: 15px;
  }
#gp-order .cs-swiper_button_next{
    right: 15px;
  }
#gp-order .cs-hero.cs-style5 .cs-hero_text{
    padding-top: 0px;
    padding-left: 0px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-hero.cs-style1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            padding: 140px 0 100px;
    height: auto;
    min-height: unset;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_info{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_title{
    font-size: 56px;
    margin-bottom: 20px;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_subtitle{
    margin-bottom: 24px;
    max-width: 500px;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_info > div{
    width: 100%;
  }
#gp-order .cs-hero.cs-style1 .cs-down_btn{
    bottom: 220px;
  }
#gp-order .cs-hero.cs-style1.cs-type1 .cs-hero_subtitle{
    margin-left: auto;
    margin-right: auto;
  }
#gp-order .cs-hero.cs-style2{
    height: 700px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2{
    font-size: 56px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item:not(:last-child){
    margin-bottom: 15px;
  }
#gp-order .cs-hero.cs-style3{
    padding: 160px 0 120px;
  }
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_title{
    font-size: 50px;
  }
#gp-order .cs-hero.cs-style5{
    padding: 80px 15px 80px 100px;
  }}
@media screen and (max-width: 575px){#gp-order .cs-hero.cs-style1 .cs-hero_title{
    font-size: 42px;
  }
#gp-order .cs-hero.cs-style1 .cs-hero_title br{
    display: none;
  }
#gp-order .cs-hero.cs-style2{
    height: initial;
    min-height: 100vh;
    padding: 150px 0 90px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item h2{
    font-size: 42px;
  }
#gp-order .cs-hero.cs-style2 .cs-hero_tab_item .cs-hero_tab_img{
    width: 100%;
    opacity: 0.8;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_title{
    font-size: 38px;
    margin-bottom: 25px;
  }
#gp-order .cs-hero.cs-style3 .cs-hero_subtitle{
    margin-bottom: 35px;
  }
#gp-order .cs-hero.cs-style1.cs-type2 .cs-hero_title{
    font-size: 40px;
  }
#gp-order .cs-hero.cs-style1.cs-type2{
    height: 500px;
    padding-bottom: 40px;
  }
#gp-order .cs-hero.cs-style4{
    padding: 80px 15px;
  }
#gp-order .cs-hero.cs-style4 .cs-hero_title{
    font-size: 38px;
  }
#gp-order .cs-hero.cs-style4 .cs-hero_title span::before{
    height: 3px;
    bottom: 4px;
  }
#gp-order .cs-hero.cs-style5{
    padding: 80px 15px;
  }
#gp-order .cs-hero.cs-style5 .cs-hero_title{
    font-size: 40px;
    margin: 0 0 35px 0;
  }
#gp-order .cs-hero.cs-style5 .cs-btn.cs-style1.cs-type1{
    padding: 9px 26px;
  }
#gp-order .cs-swiper_button_prev{
    left: 15px;
  }
#gp-order .cs-swiper_button_next{
    right: 15px;
  }}
@media only screen and (min-width: 1400px) and (max-width: 1490px){#gp-order .cs-hero.cs-style1:not(.cs-type2) .cs-hero_social_wrap.cs-left_side,#gp-order .cs-hero.cs-style2 .cs-hero_social_wrap.cs-left_side,#gp-order .cs-hero.cs-style3 .cs-hero_social_wrap.cs-left_side{
    left: 20px;
  }}
@media only screen and (min-width: 1200px) and (max-width: 1300px){#gp-order .cs-hero.cs-style1:not(.cs-type2) .cs-hero_social_wrap.cs-left_side,#gp-order .cs-hero.cs-style2 .cs-hero_social_wrap.cs-left_side,#gp-order .cs-hero.cs-style3 .cs-hero_social_wrap.cs-left_side{
    left: 20px;
  }}
@media only screen and (min-width: 768px) and (max-width: 1150px){#gp-order .cs-hero.cs-style1{
    height: 850px;
    min-height: initial;
    padding-top: 200px;
    padding-bottom: 180px;
  }
#gp-order .cs-hero.cs-style1 .cs-down_btn{
    bottom: 220px;
  }}
#gp-order .cs-iconbox.cs-style1{
  padding: 40px;
}
#gp-order .cs-iconbox.cs-style1 .cs-iconbox_icon{
  padding: 4px 10px;
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(rgba(20,33,194, 0.3)), color-stop(95.61%, transparent));
  background: linear-gradient(90deg, rgba(20,33,194, 0.3) 0%, transparent 95.61%);
}
#gp-order .cs-iconbox.cs-style1.cs-type1 .cs-iconbox_icon{
  padding: 0;
  background: transparent;
}
#gp-order .cs-iconbox.cs-style2{
  max-width: 350px;
  margin: auto;
}
#gp-order .cs-iconbox.cs-style2 .cs-iconbox_icon{
  margin-bottom: 25px;
}
#gp-order .cs-iconbox.cs-style2 .cs-iconbox_title{
  font-size: 30px;
  margin-bottom: 20px;
}
#gp-order .cs-iconbox.cs-style2 .cs-iconbox_subtitle{
  line-height: 1.75em;
}
#gp-order .cs-iconbox_3_list{
  position: relative;
  padding-left: 550px;
  min-height: 640px;
}
#gp-order .cs-iconbox_3_list > *:not(:last-child){
  border-bottom: 1px solid #4d4d4d;
}
#gp-order .cs-iconbox_3_list .cs-image_layer{
  position: absolute;
  left: 0;
  top: 25px;
  pointer-events: none;
  max-width: 416px;
  height: 600px;
}
#gp-order .cs-iconbox_3_list .cs-image_layer .cs-image_layer_in{
  height: 100%;
  width: 100%;
}
#gp-order .cs-iconbox_3_list .cs-image_layer img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-animation: inactiveImageAnimation1 0.6s forwards ease;
          animation: inactiveImageAnimation1 0.6s forwards ease;
}
#gp-order .cs-iconbox_3_list .cs-hover_tab.active .cs-image_layer img{
  -webkit-animation: activeImageAnimation1 0.6s forwards ease;
          animation: activeImageAnimation1 0.6s forwards ease;
}
#gp-order .cs-iconbox_3_list .cs-hover_tab.active .cs-iconbox_icon{
  color: #fff;
  background-color: #1421c2;
  border-color: #1421c2;
}
#gp-order .cs-iconbox_3_list.cs-style1{
  padding-left: 0;
  min-height: initial;
}
#gp-order .cs-iconbox_3_list.cs-style1 .cs-iconbox.cs-style3 .cs-iconbox_in{
  max-width: 560px;
}
@media (max-width: 1199px){#gp-order .cs-iconbox_3_list.cs-style1{
    padding: 0;
  }}
#gp-order .cs-iconbox.cs-style3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 25px;
  padding-top: 25px;
  color: rgba(254, 254, 254, 0.7);
}
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_in{
  margin-right: 30px;
  max-width: 480px;
}
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_icon{
  color: #999696;
  border: 2px solid #999696;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_icon:hover{
  color: #fff;
  background-color: #1421c2;
  border-color: #1421c2;
}
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_title{
  font-size: 30px;
  margin-bottom: 15px;
}
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_subtitle{
  line-height: 1.75em;
}
#gp-order .cs-iconbox.cs-style3:hover .cs-iconbox_icon{
  color: #fff;
  background-color: #1421c2;
  border-color: #1421c2;
}
@-webkit-keyframes inactiveImageAnimation1{
  0% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
}
@keyframes inactiveImageAnimation1{
  0% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
}
@-webkit-keyframes activeImageAnimation1{
  0% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes activeImageAnimation1{
  0% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@media screen and (max-width: 1199px){#gp-order .cs-iconbox_3_list{
    padding-left: 460px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-iconbox.cs-style2{
    max-width: 100%;
  }
#gp-order .cs-iconbox.cs-style2 .cs-iconbox_title{
    font-size: 26px;
    margin-bottom: 10px;
    margin-bottom: 20px;
  }
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_title{
    font-size: 26px;
    margin-bottom: 10px;
  }
#gp-order .cs-iconbox_3_list{
    padding-left: 0;
    padding-top: 650px;
  }
#gp-order .cs-iconbox_3_list .cs-image_layer{
    max-width: 100%;
    width: 100%;
  }}
@media screen and (max-width: 575px){#gp-order .cs-iconbox.cs-style1{
    padding: 30px;
  }
#gp-order .cs-iconbox.cs-style3{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_icon{
    position: initial;
    -webkit-transform: initial;
            transform: initial;
    margin-bottom: 20px;
    height: 60px;
    width: 60px;
  }
#gp-order .cs-iconbox.cs-style3 .cs-iconbox_icon svg{
    max-height: 22px;
  }}
#gp-order .cs-card.cs-style1{
  position: relative;
  border-radius: 15px;
  display: block;
}
#gp-order .cs-card.cs-style1:hover{
  -webkit-filter: drop-shadow(0px 0px 30px rgba(20,33,194, 0.5));
          filter: drop-shadow(0px 0px 30px rgba(20,33,194, 0.5));
}
#gp-order .cs-card.cs-style1 img{
  width: 100%;
  border-radius: inherit;
}
#gp-order .cs-card.cs-style1 .cs-card_overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #000000;
  opacity: 0.5;
}
#gp-order .cs-card.cs-style1 .cs-card_info{
  position: absolute;
  padding: 45px 25px 0;
  top: 0;
  left: 0;
}
#gp-order .cs-card.cs-style1 .cs-card_info span{
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  margin-bottom: 10px;
}
#gp-order .cs-card.cs-style1 .cs-card_title{
  font-size: 22px;
  margin: 0;
  line-height: 1.5em;
}
@media screen and (max-width: 1400px){#gp-order .cs-card.cs-style1 .cs-card_title{
    font-size: 20px;
  }
#gp-order .cs-card.cs-style1 .cs-card_info{
    padding: 40px 18px 0;
  }}
@media screen and (max-width: 1199px){#gp-order .cs-card.cs-style1 .cs-card_title{
    font-size: 24px;
  }
#gp-order .cs-card.cs-style1 .cs-card_info{
    padding: 40px 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }}
#gp-order .cs-post_wrap{
  width: 54vw;
}
#gp-order .cs-post.cs-style1{
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}
#gp-order .cs-post.cs-style1 .cs-post_thumb{
  position: relative;
  display: block;
}
#gp-order .cs-post.cs-style1 .cs-post_thumb img{
  width: 100%;
}
#gp-order .cs-post.cs-style1 .cs-post_overlay{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(77, 77, 77, 0)));
  background: linear-gradient(360deg, #000000 0%, rgba(77, 77, 77, 0) 100%);
}
#gp-order .cs-post.cs-style1 .cs-posted_by{
  font-size: 14px;
  line-height: 1.6em;
  margin-bottom: 10px;
}
#gp-order .cs-post.cs-style1 .cs-post_title{
  font-size: 22px;
  margin-bottom: 0;
  line-height: 1.45em;
}
#gp-order .cs-post.cs-style1 .cs-post_info{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 35px 25px;
}
#gp-order .cs-slider .cs-post.cs-style1{
  max-width: 420px;
}
#gp-order .cs-post.cs-style2 .cs-post_thumb{
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 45px;
}
#gp-order .cs-post.cs-style2 .cs-post_thumb::after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(22, 22, 22, 0.5);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-post.cs-style2 .cs-post_thumb img{
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#gp-order .cs-post.cs-style2 a.cs-post_thumb:hover::after{
  opacity: 1;
}
#gp-order .cs-post.cs-style2 a.cs-post_thumb:hover img{
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}
#gp-order .cs-post.cs-style2 .cs-post_meta{
  font-size: 18px;
  margin-bottom: 15px;
}
#gp-order .cs-post.cs-style2 .cs-post_title{
  font-size: 38px;
  margin-bottom: 30px;
}
#gp-order .cs-post.cs-style2 .cs-post_sub_title{
  margin-bottom: 35px;
  line-height: 1.75em;
}
#gp-order .cs-post.cs-style2 p{
  margin-bottom: 45px;
  line-height: 1.75em;
}
#gp-order .cs-post.cs-style2 h3{
  font-size: 30px;
  margin-bottom: 25px;
}
#gp-order .cs-post.cs-style2 blockquote{
  font-size: 18px;
  line-height: 1.9em;
  border-left: 5px solid #1421c2;
  background-color: #000;
  padding: 40px 35px;
  font-weight: 600;
  color: #FEFEFE;
  margin-bottom: 45px;
}
#gp-order .cs-post.cs-style2 blockquote small{
  display: block;
  position: relative;
  color: rgba(254, 254, 254, 0.7);
  font-size: 16px;
  line-height: 1.9em;
  font-style: initial;
  font-weight: 400;
  margin-top: 15px;
  padding-left: 35px;
}
#gp-order .cs-post.cs-style2 blockquote small::before{
  content: '';
  height: 2px;
  width: 20px;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #FEFEFE;
}
#gp-order .cs-post_3_list li:not(:last-child){
  border-bottom: 2px solid #E4E4E4;
  padding-bottom: 35px;
  margin-bottom: 26px;
}
#gp-order .cs-post.cs-style3{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#gp-order .cs-post.cs-style3 .cs-post_title{
  font-size: 30px;
  margin-bottom: 20px;
}
#gp-order .cs-post.cs-style3 .cs-post_meta{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
#gp-order .cs-post.cs-style3 .cs-post_avatar{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .cs-post.cs-style3 .cs-post_avatar_img{
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 50px;
  border-radius: 5px;
  margin-right: 18px;
}
#gp-order .cs-post.cs-style3 .cs-post_avatar_img img{
  width: 100%;
  border-radius: inherit;
}
#gp-order .cs-post.cs-style3 .cs-post_avatar_info h4{
  font-size: 16px;
  margin-bottom: 0;
}
#gp-order .cs-post.cs-style3 .cs-post_avatar_info p{
  margin: 0;
  font-size: 14px;
  line-height: 1.6em;
}
#gp-order .cs-post.cs-style3 .cs-text_btn{
  color: #1421c2;
}
#gp-order .cs-post.cs-style3 .cs-posted_by{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 105px;
  margin-top: 4px;
}
#gp-order .cs-post.cs-style3 .cs-posted_by > span:first-child{
  color: #FEFEFE;
  font-size: 30px;
  font-weight: 600;
  margin-right: 12px;
}
#gp-order .cs-post.cs-style3 .cs-posted_by > span:last-child{
  font-size: 14px;
  line-height: 18px;
}
@media screen and (max-width: 1550px){#gp-order .cs-slider .cs-post.cs-style1{
    max-width: 360px;
  }
#gp-order .cs-shape_wrap_4 .cs-shape_4:nth-child(1){
    left: -3%;
  }}
@media screen and (max-width: 1550px){#gp-order .cs-slider .cs-post.cs-style1{
    max-width: 360px;
  }
#gp-order .cs-shape_wrap_4 .cs-shape_4:nth-child(1){
    left: -3%;
  }}
@media screen and (max-width: 1550px){#gp-order .cs-post.cs-style1 .cs-post_title{
    font-size: 20px;
  }}
@media screen and (max-width: 1199px){#gp-order .cs-post_wrap{
    width: 100%;
  }}
@media screen and (max-width: 991px){#gp-order .cs-post.cs-style2 .cs-post_title{
    font-size: 30px;
    margin-bottom: 15px;
  }
#gp-order .cs-post.cs-style2 .cs-post_meta{
    font-size: 16px;
    margin-bottom: 10px;
  }
#gp-order .cs-post.cs-style2 .cs-post_sub_title{
    margin-bottom: 20px;
  }
#gp-order .cs-post.cs-style2 .cs-post_thumb{
    margin-bottom: 25px;
  }
#gp-order .cs-post.cs-style2 blockquote{
    font-size: 16px;
    border-width: 3px;
    padding: 30px 25px;
  }
#gp-order .cs-post.cs-style3 .cs-post_title{
    font-size: 24px;
    margin-bottom: 20px;
  }}
@media screen and (max-width: 575px){#gp-order .cs-slider .cs-post.cs-style1{
    max-width: 320px;
  }
#gp-order .cs-post.cs-style3{
    display: block;
  }
#gp-order .cs-post.cs-style3 .cs-posted_by{
    margin-top: 0;
    margin-bottom: 10px;
  }
#gp-order .cs-post.cs-style3 .cs-post_meta{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 20px;
  }
#gp-order .cs-post.cs-style3 .cs-post_avatar{
    margin-top: 25px;
  }}
@media screen and (max-width: 350px){#gp-order .cs-slider .cs-post.cs-style1{
    max-width: 300px;
  }}
#gp-order .cs-team.cs-style1{
  overflow: hidden;
  position: relative;
}
#gp-order .cs-team.cs-style1 .cs-member_thumb{
  border-radius: 15px;
  position: relative;
  overflow: inherit;
  overflow: hidden;
}
#gp-order .cs-team.cs-style1 .cs-member_thumb img{
  width: 100%;
  position: relative;
  z-index: 1;
  border-radius: inherit;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
#gp-order .cs-team.cs-style1 .cs-member_overlay{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(77, 77, 77, 0)));
  background: linear-gradient(360deg, #000000 0%, rgba(77, 77, 77, 0) 100%);
}
#gp-order .cs-team.cs-style1 .cs-member_social svg{
  height: 20px;
  width: 20px;
}
#gp-order .cs-team.cs-style1 .cs-member_name{
  font-size: 22px;
  margin-bottom: 6px;
}
#gp-order .cs-team.cs-style1 .cs-member_info{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  padding: 30px 25px;
}
#gp-order .cs-team.cs-style1 .cs-member_social{
  position: absolute;
  z-index: 2;
  left: 13px;
  top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#gp-order .cs-team.cs-style1 .cs-member_social a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px;
  -webkit-transform: scale(0) rotate(45deg);
          transform: scale(0) rotate(45deg);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-team.cs-style1:hover .cs-member_social a{
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1;
}
#gp-order .cs-team.cs-style1:hover .cs-member_thumb img{
  -webkit-transform: scale(1.03) translateY(4px);
          transform: scale(1.03) translateY(4px);
}
@media screen and (max-width: 1380px){#gp-order .cs-team.cs-style1 .cs-member_name{
    font-size: 20px;
  }}
#gp-order .cs-image_box.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 300px;
  border: 1px solid rgba(20,33,194, 0.1);
  padding: 20px 15px 5px;
  position: relative;
  margin-top: 5px;
}
#gp-order .cs-image_box.cs-style1::before{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: -5px;
  top: -5px;
  background-color: rgba(20,33,194, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#gp-order .cs-image_box.cs-style1 img{
  max-height: 100%;
}
#gp-order .cs-image_box.cs-style1:hover{
  border-color: rgba(20,33,194, 0.2);
}
#gp-order .cs-image_box.cs-style1:hover::before{
  background-color: rgba(20,33,194, 0.2);
  left: 0;
  top: 0;
}
#gp-order .cs-image_box.cs-style2{
  display: block;
  background: linear-gradient(108.18deg, #1421c2 -2.02%, #4D44C6 100%);
  padding: 1px;
  border-radius: 10px;
}
#gp-order .cs-image_box.cs-style2 img{
  max-height: 100%;
}
#gp-order .cs-image_box.cs-style2 .cs-image_box_in{
  border-radius: inherit;
  padding: 10px;
}
#gp-order .cs-image_box.cs-style2 .cs-image_box_img{
  background: #1421c2;
  border-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 290px;
}
@media screen and (max-width: 575px){#gp-order .cs-image_box.cs-style1{
    height: 200px;
    padding: 20px 10px 5px;
  }
#gp-order .cs-image_box.cs-style2 .cs-image_box_img{
    height: 190px;
  }}
#gp-order .cs-cta.cs-style1{
  padding: 90px 30px;
  border-radius: 15px;
}
#gp-order .cs-cta.cs-style1 .cs-cta_in{
  position: relative;
  z-index: 2;
}
#gp-order .cs-cta.cs-style1 .cs-cta_title{
  font-weight: 600;
  font-size: 50px;
}
@media screen and (max-width: 1300px){#gp-order .cs-cta.cs-style1 .cs-cta_title{
    font-size: 42px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-cta.cs-style1{
    padding: 70px 30px;
    border-radius: 15px;
  }
#gp-order .cs-cta.cs-style1 .cs-cta_title{
    font-size: 36px;
  }
#gp-order .cs-cta.cs-style1 .cs-cta_title br{
    display: none;
  }}
@media screen and (max-width: 767px){#gp-order .cs-cta.cs-style1 br{
    display: none;
  }}
@media screen and (max-width: 575px){#gp-order .cs-cta.cs-style1{
    padding: 70px 20px;
  }
#gp-order .cs-cta.cs-style1 .cs-cta_title{
    font-size: 28px;
  }}
#gp-order .cs-time_line.cs-style1 h3{
  font-size: 30px;
  margin-bottom: 15px;
}
#gp-order .cs-time_line.cs-style1 h2{
  font-size: 22px;
  margin-bottom: 10px;
}
#gp-order .cs-time_line.cs-style1 p{
  margin-bottom: 7px;
}
#gp-order .cs-time_line.cs-style1 p:last-child{
  margin-bottom: 0;
}
@media screen and (max-width: 1380px){#gp-order .cs-time_line.cs-style1 h3{
    font-size: 26px;
  }
#gp-order .cs-time_line.cs-style1 h2{
    font-size: 20px;
  }}
#gp-order .cs-testimonial.cs-style1{
  position: relative;
  padding-left: 70px;
  padding-top: 70px;
}
#gp-order .cs-testimonial.cs-style1 .cs-testimonial_quote{
  position: absolute;
  top: 0;
  left: 0;
}
#gp-order .cs-testimonial.cs-style1 .cs-testimonial_text{
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 600;
  color: #FEFEFE;
}
#gp-order .cs-testimonial.cs-style1 .cs-rating{
  margin-top: 24px;
}
#gp-order .cs-testimonial_avatar_name{
    color: #fff;
}
#gp-order .cs-testimonial.cs-style1 .cs-testimonial_avatar_name{
  font-size: 22px;
  margin-bottom: 0;
  margin-top: 70px;
}
#gp-order .cs-testimonial.cs-style1 .cs-testimonial_avatar_designation{
  margin-top: 10px;
}
#gp-order .cs-testimonial.cs-style1 .cs-testimonial_avatar_designation::before{
  content: '';
  height: 2px;
  width: 20px;
  background-color: #D9D9D9;
  display: inline-block;
  position: relative;
  top: -4px;
  border-radius: 3px;
  margin-right: 10px;
}
@media screen and (max-width: 1380px){#gp-order .cs-testimonial.cs-style1 .cs-testimonial_text,#gp-order .cs-testimonial.cs-style1 .cs-testimonial_avatar_name{
    font-size: 20px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-testimonial.cs-style1{
    padding-left: 20px;
    padding-top: 60px;
  }
#gp-order .cs-testimonial.cs-style1 .cs-testimonial_avatar_name{
    margin-top: 30px;
  }}
#gp-order .cs-portfolio_1_heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#gp-order .cs-portfolio_1_heading .cs-isotop_filter{
  margin-bottom: 15px;
}
#gp-order .cs-portfolio.cs-style1{
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  
  display: block;
  aspect-ratio: 5/3;
}
#gp-order .cs-portfolio.cs-style1 .cs-portfolio_hover{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background-color: rgba(22, 22, 22, 0.4);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 2;
}
#gp-order .cs-portfolio.cs-style1 .cs-plus{
  position: absolute;
  height: 60px;
  width: 60px;
  left: 50%;
  z-index: 1;
  top: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.4);
          transform: translate(-50%, -50%) scale(0.4);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-portfolio.cs-style1 .cs-plus::before,#gp-order .cs-portfolio.cs-style1 .cs-plus::after{
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#gp-order .cs-portfolio.cs-style1 .cs-plus::before{
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
#gp-order .cs-portfolio.cs-style1:hover .cs-portfolio_hover{
  opacity: 1;
}
#gp-order .cs-portfolio.cs-style1:hover .cs-plus{
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
#gp-order .cs-portfolio.cs-style1 .cs-portfolio_bg{
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
#gp-order .cs-portfolio.cs-style1 .cs-portfolio_info{
  height: 300px;
  width: 300px;
  border-radius: 50%;
  padding: 105px 20px 80px 65px;
  bottom: -60px;
  left: -40px;
  position: absolute;
  z-index: 2;
}
#gp-order .cs-portfolio.cs-style1 .cs-portfolio_info_bg{
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  left: 0;
  top: 0;
}
#gp-order .cs-portfolio.cs-style1 .cs-portfolio_title{
  font-size: 22px;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}
#gp-order .cs-portfolio.cs-style1 .cs-portfolio_subtitle{
  display: inline-block;
  position: relative;
  z-index: 2;
  padding-right: 30px;
  color: rgba(254, 254, 254, 0.7);
}
#gp-order .cs-portfolio.cs-style1 .cs-portfolio_subtitle::after{
  content: '';
  height: 1px;
  width: 20px;
  background-color: currentColor;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 2px;
}
#gp-order .cs-portfolio.cs-style1.cs-type1 .cs-portfolio_info_bg{
  left: -50px;
  top: 50px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-portfolio.cs-style1.cs-type1:hover .cs-portfolio_info_bg{
  left: 0px;
  top: 0px;
  opacity: 1;
}
#gp-order .cs-portfolio.cs-style1.cs-type1 img,#gp-order .cs-portfolio.cs-style1.cs-type2 img{
  width: 100%;
}
#gp-order .cs-portfolio.cs-style1.cs-type1 .cs-portfolio_title,#gp-order .cs-portfolio.cs-style1.cs-type1 .cs-portfolio_subtitle,#gp-order .cs-portfolio.cs-style1.cs-type2 .cs-portfolio_title,#gp-order .cs-portfolio.cs-style1.cs-type2 .cs-portfolio_subtitle{
  top: 15px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#gp-order .cs-portfolio.cs-style1.cs-type1:hover .cs-portfolio_title,#gp-order .cs-portfolio.cs-style1.cs-type2:hover .cs-portfolio_title{
  top: 0px;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#gp-order .cs-portfolio.cs-style1.cs-type1:hover .cs-portfolio_subtitle,#gp-order .cs-portfolio.cs-style1.cs-type2:hover .cs-portfolio_subtitle{
  top: 0px;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#gp-order .cs-portfolio.cs-style1.cs-type2{
  border-radius: 5px;
}
#gp-order .cs-portfolio.cs-style1.cs-type2 .cs-portfolio_hover{
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,33,194, 0.7)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(180deg, rgba(20,33,194, 0.7) 0%, rgba(0, 0, 0, 0.8) 100%);
}
#gp-order .cs-portfolio.cs-style1.cs-type2 .cs-portfolio_info_bg{
  display: none;
}
#gp-order .cs-portfolio.cs-style1.cs-type2 .cs-portfolio_info{
  height: 100%;
  width: 100%;
  border-radius: 0%;
  padding: 30px 20px 30px 25px;
  bottom: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#gp-order .cs-portfolio.cs-style1.cs-lightbox_item:hover{
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
#gp-order .cs-portfolio.cs-style1.cs-size1{
  height: 299px;
}
#gp-order .cs-portfolio.cs-style1.cs-size2{
  height: 622px;
}
#gp-order .cs-portfolio.cs-style1.cs-size3{
  height: 600px;
}
#gp-order .cs-portfolio.cs-style2{
  position: relative;
  max-width: 1920px;
  margin: auto;
}
#gp-order .cs-portfolio.cs-style2 .cs-gradient_shape{
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  height: 600px;
  width: 600px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(41, 0, 208, 0.2) 0%, rgba(24, 24, 24, 0.2) 100%);
  -webkit-filter: blur(50px);
          filter: blur(50px);
}
#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img.active .cs-shine_hover_1::before{
  -webkit-animation: shine 1.3s;
          animation: shine 1.3s;
}
#gp-order .cs-portfolio.cs-style2 .cs-section_heading.cs-style1{
  position: relative;
  z-index: 2;
}
#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img_title{
  margin: 0;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
  left: calc(((100vw - 1300px)/2)/2);
  margin: 0 0 0 -30px;
  white-space: nowrap;
  letter-spacing: 0.05em;
  color: transparent;
  -webkit-text-stroke: 2px #1421c2;
  font-size: 50px;
}
#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img_title{
  left: initial;
  right: calc(((100vw - 1300px)/2)/2);
  margin: 0 -30px 0 0;
}
#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-gradient_shape{
  right: initial;
  left: 0;
}
@media screen and (max-width: 1540px){}
@media screen and (max-width: 1400px){#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img_title{
    left: calc(((100vw - 1120px)/2)/2);
    font-size: 40px;
    margin: 0 0 0 -27px;
  }
#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img_title{
    left: initial;
    right: calc(((100vw - 1120px)/2)/2);
    margin: 0 -27px 0 0;
  }}
@media screen and (max-width: 1380px){#gp-order .cs-portfolio.cs-style1 .cs-portfolio_title{
    font-size: 20px;
  }}
@media screen and (max-width: 1199px){#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img_title{
    left: calc(((100vw - 940px)/2)/2);
  }
#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img_title{
    left: initial;
    right: calc(((100vw - 940px)/2)/2);
  }}
@media screen and (max-width: 1080px){#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img{
    padding-left: 60px;
  }
#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img_title{
    margin-left: 0;
  }
#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img{
    padding-right: 60px;
  }
#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img_title{
    margin-right: 0;
  }}
@media screen and (max-width: 991px){#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img,#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img{
    position: relative;
    padding-left: 70px;
    padding-right: 0;
  }
#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img_title,#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img_title{
    left: 30px;
    right: initial;
    margin: 0 0 0 -27px;
  }
#gp-order .cs-portfolio.cs-style2 .cs-section_heading.cs-style1,#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-section_heading.cs-style1{
    padding-left: 70px;
  }}
@media screen and (max-width: 575px){#gp-order .cs-portfolio.cs-style2 .cs-portfolio_img_title,#gp-order .cs-portfolio.cs-style2.cs-type1 .cs-portfolio_img_title{
    margin: 0px 0 0 -20px;
    font-size: 32px;
  }}
#gp-order .cs-funfact_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(267.18deg, #161616 0%, #080808 100%);
  border-radius: 15px;
  padding: 60px 80px;
  position: relative;
  z-index: 1;
}
#gp-order .cs-funfact_wrap .cs-funfact_shape{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background-position: right bottom;
  background-repeat: no-repeat;
}
#gp-order .cs-funfact_wrap .cs-funfact_left{
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 40%;
  position: relative;
  z-index: 2;
}
#gp-order .cs-funfact_wrap .cs-funfact_right{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 80px;
  position: relative;
  z-index: 2;
}
#gp-order .cs-funfact_wrap.cs-type1{
  margin-top: -130px;
}
#gp-order .cs-funfact_heading h2{
  font-size: 50px;
  margin-bottom: 20px;
}
#gp-order .cs-funfact_heading p{
  margin-bottom: 0;
  line-height: 1.75em;
}
#gp-order .cs-funfacts{
  display: -ms-grid;
  display: grid;
  grid-gap: 36px 40px;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}
#gp-order .cs-funfact.cs-style1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#gp-order .cs-funfact.cs-style1 .cs-funfact_number{
  margin: 0 13px 0 0;
  font-size: 50px;
  line-height: 1.3em;
}
#gp-order .cs-funfact.cs-style1 .cs-funfact_text span{
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin-top: -4px;
  margin-bottom: -1px;
}
#gp-order .cs-funfact.cs-style1 .cs-funfact_text p{
  margin: 0;
}
#gp-order .cs-funfact.cs-style2 .cs-funfact_number{
  margin: 0 13px 0 0;
  font-size: 50px;
  line-height: 1.3em;
}
#gp-order .cs-funfact.cs-style2 .cs-funfact_title{
  font-size: 22px;
  color: #999696;
  margin: 0;
}
#gp-order .cs-funfact_wrap_2{
  background: linear-gradient(267.18deg, #161616 0%, #080808 100%);
  -webkit-box-shadow: 0px 0px 25px rgba(123, 123, 123, 0.1);
          box-shadow: 0px 0px 25px rgba(123, 123, 123, 0.1);
  border-radius: 15px;
  padding: 90px 90px 100px;
  position: relative;
  z-index: 1;
}
#gp-order .cs-funfact_wrap_2.cs-no_shadow{
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
#gp-order .cs-funfact_wrap_2 .cs-funfact_shape{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background-position: right bottom;
  background-repeat: no-repeat;
}
#gp-order .cs-funfact_wrap_2 .cs-funfact_shape + *{
  position: relative;
  z-index: 2;
}
#gp-order .cs-funfact_wrap_2 .cs-funfacts{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -12px;
}
#gp-order .cs-funfact_wrap_2 .cs-funfacts > *{
  padding: 12px;
}
#gp-order .cs-funfact_wrap_2.cs-type1{
  margin-top: -145px;
}
#gp-order .cs-funfact_wrap_2.cs-type2{
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1399px){#gp-order .cs-funfact_wrap,#gp-order .cs-funfact_wrap_2{
    padding: 60px 50px;
  }
#gp-order .cs-funfact_wrap_2.cs-type1{
    margin-top: -102px;
  }
#gp-order .cs-funfact_wrap .cs-funfact_left{
    width: 38%;
  }
#gp-order .cs-funfact_wrap .cs-funfact_right{
    padding-left: 50px;
    width: 62%;
  }}
@media screen and (max-width: 1380px){#gp-order .cs-funfact_heading h2{
    font-size: 42px;
    margin-bottom: 10px;
  }
#gp-order .cs-funfact.cs-style1 .cs-funfact_number{
    font-size: 42px;
  }
#gp-order .cs-funfact.cs-style1 .cs-funfact_text span{
    font-size: 18px;
    margin-top: -8px;
    margin-bottom: -5px;
  }
#gp-order .cs-funfact.cs-style2 .cs-funfact_number{
    font-size: 42px;
  }
#gp-order .cs-funfact.cs-style2 .cs-funfact_title{
    font-size: 20px;
  }}
@media screen and (max-width: 1199px){#gp-order .cs-funfact_wrap{
    display: block;
  }
#gp-order .cs-funfact_wrap .cs-funfact_right{
    padding-left: 0;
    width: 100%;
  }
#gp-order .cs-funfact_wrap .cs-funfact_left{
    width: 100%;
    margin-bottom: 50px;
  }
#gp-order .cs-funfact_wrap_2 .cs-funfacts{
    display: -ms-grid;
    display: grid;
    grid-gap: 10px 25px;
  }}
@media screen and (max-width: 991px){#gp-order .cs-funfact_wrap .cs-funfact_left{
    margin-bottom: 30px;
  }}
@media screen and (max-width: 767px){#gp-order .cs-funfacts{
    grid-gap: 15px 15px;
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }}
@media screen and (max-width: 575px){#gp-order .cs-funfacts{
    grid-gap: 15px 15px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
#gp-order .cs-funfact_wrap,#gp-order .cs-funfact_wrap_2{
    padding: 40px 30px;
  }}
#gp-order .cs-pricing_table.cs-style1{
  position: relative;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  padding: 0 45px;
  box-shadow: 3px 5px 18.2px 0px rgba(0, 0, 0, 0.25);
}
#gp-order .cs-pricing_table.cs-style1.cenik-podstran{
  min-height: 600px;
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_title{
  font-size: 30px;
  padding: 30px 50px 30px 0px;
  border-bottom: 1px solid #302E2E;
  margin: 0;
}
#gp-order .cs-pricing_table.cs-style1 .cs-price{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 20px;
  margin-bottom: 5px;
}
#gp-order .cs-pricing_table.cs-style1 .cs-price h3{
  margin: 0;
  font-size: 38px;
}
#gp-order .cs-pricing_table.cs-style1 .cs-price span{
  position: relative;
  bottom: 6px;
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_info{
  border-bottom: 1px solid #302E2E;
  padding-bottom: 23px;
}
#gp-order .wizard .cs-pricing_table.cs-style1 .cs-pricing_info{
  border-bottom: 1px solid #302E2E;
  border-top: 1px solid #302E2E;
  padding-bottom: 23px;
}
#gp-order .wizard .cs-pricing_table.cs-style1.izbrana-storitev .cs-pricing_info,#gp-order .wizard .skupna-cena .cs-pricing_table.cs-style1 .cs-pricing_info{
  border: none;
}
#gp-order .wizard .cs-pricing_table.cs-style1 .cs-pricing_title{
  border: none !important;
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_feature{
  padding: 35px 0 25px;
  
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_feature li{
  position: relative;
  padding-left: 35px;
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_feature li:not(:last-child){
  margin-bottom: 16px;
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_feature .cs-feature_icon{
  position: absolute;
  left: 0;
  top: -1px;
}
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_btn_wrap{
  padding: 28px 0;
  
}
#gp-order .cs-pricing_btn_wrap .cs-text_btn{
    color: #000;
}
#gp-order .cs-pricing_table.cs-style1:hover::before{
  opacity: 1;
}
@media screen and (max-width: 991px){#gp-order .cs-pricing_table.cs-style1{
    padding: 0 30px;
  }
#gp-order .cs-pricing_table.cs-style1 .cs-pricing_title{
    font-size: 26px;
  }}
#gp-order .rtl{
  text-align: right;
  direction: rtl;
}
#gp-order .rtl .cs-slide,#gp-order .rtl .slick-slide{
  direction: rtl;
}
#gp-order .rtl .text-end{
  text-align: left !important;
}
#gp-order .rtl .cs-funfact.cs-style1 .cs-funfact_number{
  margin-left: 14px;
  margin-right: 0;
}
#gp-order .rtl .cs-funfact_wrap .cs-funfact_right{
  padding-left: 0;
  padding-right: 80px;
}
#gp-order .rtl .cs-nav .cs-nav_list > li.menu-item-has-children > a::after{
  margin-left: 0px;
  margin-right: 6px;
}
#gp-order .rtl .cs-text_btn span::before{
  left: initial;
  right: -100%;
  -webkit-transform: scaleX(0) rotate(180deg);
          transform: scaleX(0) rotate(180deg);
}
#gp-order .rtl .cs-text_btn svg{
  margin-left: 0;
  margin-right: 15px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
#gp-order .rtl .cs-text_btn.cs-type1 svg{
  margin-left: 15px;
  margin-right: 0px;
}
#gp-order .rtl .cs-text_btn.cs-type2 svg{
  margin-left: 15px;
  margin-right: 0px;
}
#gp-order .rtl .cs-text_btn:hover span::before{
  -webkit-transform: scaleX(1) rotate(180deg);
          transform: scaleX(1) rotate(180deg);
}
#gp-order .rtl .cs-hero_social_wrap,#gp-order .rtl .cs-toolbox,#gp-order .rtl .cs-slider_container,#gp-order .rtl .cs-testimonial_slider,#gp-order .rtl .cs-moving_text_wrap,#gp-order .rtl .cs-swiper_button_next,#gp-order .rtl .cs-swiper_button_prev{
  direction: ltr;
}
#gp-order .rtl .cs-hero.cs-style1 .cs-hero_social_wrap,#gp-order .rtl .cs-hero.cs-style2 .cs-hero_social_wrap,#gp-order .rtl .cs-hero.cs-style3 .cs-hero_social_wrap,#gp-order .rtl .cs-swiper_parallax_slider_wrap .cs-hero_social_wrap,#gp-order .rtl .cs-fullscreen_swiper_wrap .cs-hero_social_wrap{
  right: initial;
  left: 45px;
}
#gp-order .rtl .cs-hero.cs-style1 .cs-hero_social_wrap.cs-left_side,#gp-order .rtl .cs-hero.cs-style2 .cs-hero_social_wrap.cs-left_side,#gp-order .rtl .cs-hero.cs-style3 .cs-hero_social_wrap.cs-left_side,#gp-order .rtl .cs-swiper_parallax_slider_wrap .cs-hero_social_wrap.cs-left_side,#gp-order .rtl .cs-fullscreen_swiper_wrap .cs-hero_social_wrap.cs-left_side{
  left: initial;
  right: 45px;
}
#gp-order .rtl .cs-contact_info.cs-style1 li{
  padding-left: 0;
  padding-right: 35px;
}
#gp-order .rtl .cs-contact_info.cs-style1 svg{
  left: initial;
  right: 0;
}
#gp-order .rtl .cs-side_header .cs-side_header_in{
  right: 100%;
}
#gp-order .rtl .cs-side_header.active .cs-side_header_in{
  right: calc(100% - 500px);
}
#gp-order .rtl .cs-side_header .cs-side_header_shape{
  right: initial;
  left: 0;
}
#gp-order .rtl .cs-side_header .cs-side_header_shape::before{
  right: initial;
  left: -90px;
}
#gp-order .rtl .cs-newsletter.cs-style1 .cs-newsletter_btn{
  right: initial;
  left: 5px;
}
#gp-order .rtl .cs-newsletter.cs-style1 .cs-newsletter_input{
  padding: 5px 15px 5px 100px;
}
#gp-order .rtl .cs-slider.cs-style1 .cs-slider_left{
  padding-right: initial;
  padding-left: 12%;
}
#gp-order .rtl .slick-arrow{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#gp-order .rtl .cs-testimonial.cs-style1 .cs-testimonial_quote{
  left: initial;
  right: 0;
}
#gp-order .rtl .cs-testimonial.cs-style1 .cs-testimonial_avatar_designation::before{
  margin-right: 0;
  margin-left: 10px;
}
#gp-order .rtl .cs-rating > *{
  left: initial;
  right: 0;
}
#gp-order .rtl .cs-shape_wrap_3 .cs-shape_3{
  right: initial;
  left: 20px;
}
@media (min-width: 1200px){#gp-order .rtl .cs-nav .cs-nav_list > li{
    margin-right: initial;
    margin-left: 50px;
  }
#gp-order .rtl .cs-nav .cs-nav_list > li:last-child{
    margin-left: 0px;
  }}
#gp-order .rtl .slider-for .slick-prev{
  right: initial;
  left: 76px;
}
#gp-order .rtl .slider-for .slick-next{
  right: initial;
  left: 0;
}
#gp-order .rtl .cs-close{
  right: initial;
  left: 30px;
}
#gp-order .rtl .cs-shape_wrap_4 .cs-shape_4:nth-child(1){
  left: initial;
  right: 5%;
}
#gp-order .rtl .cs-shape_wrap_4 .cs-shape_4:nth-child(2){
  left: initial;
  right: 25%;
}
#gp-order .rtl .cs-hero.cs-style2 .cs-hero_tab_item .cs-hero_tab_img{
  right: initial;
  left: 0;
}
#gp-order .rtl .breadcrumb-item + .breadcrumb-item{
  padding-left: 0;
  padding-right: 14px;
}
#gp-order .rtl .breadcrumb-item + .breadcrumb-item::before{
  display: none;
}
#gp-order .rtl .breadcrumb-item + .breadcrumb-item::after{
  content: '';
  height: 17px;
  width: 1px;
  background-color: #fff;
  padding: 0;
  position: relative;
  top: 5px;
  margin-left: 14px;
  float: right;
}
#gp-order .rtl .cs-accordian_head{
  padding-left: 20px;
  padding-right: 0;
}
#gp-order .rtl .cs-accordian_toggle{
  right: initial;
  left: 0;
}
#gp-order .rtl .cs-btn.cs-style1 svg{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: 0px;
  margin-right: 14px;
}
#gp-order .rtl .cs-isotop_filter.cs-style1 li:not(:last-child){
  margin-right: 0;
  margin-left: 28px;
}
#gp-order .rtl .cs-post.cs-style3 .cs-posted_by > span:first-child{
  margin-right: 0;
  margin-left: 12px;
}
#gp-order .rtl .cs-post.cs-style3 .cs-post_avatar_img{
  margin-right: 0;
  margin-left: 18px;
}
#gp-order .rtl .cs-hero.cs-style3 .cs-hero_subtitle{
  margin-right: auto;
  margin-left: initial;
}
#gp-order .rtl .cs-hero.cs-style5 .cs-hero_text{
  padding-left: 0;
  padding-right: 180px;
}
#gp-order .rtl .swiper-vertical
> .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers{
  left: initial;
  right: 115px;
}
@media (max-width: 1199px){#gp-order .rtl .swiper-vertical
> .swiper-pagination-bullets.cs-swiper_pagination.cs-slide_numbers{
    left: initial;
    right: 15px;
  }}
#gp-order .rtl .cs-site_header.cs-style1 .cs-munu_toggle{
  right: initial;
  left: 0;
}
#gp-order .rtl .cs-munu_dropdown_toggle{
  right: initial;
  left: 20px;
}
#gp-order .rtl .cs-sidebar_search input{
  padding-left: 40px;
  padding-right: 10px;
}
#gp-order .rtl .cs-sidebar_search_btn{
  right: initial;
  left: 0;
}
#gp-order .rtl .widget_archive ul li,#gp-order .rtl .widget_categories ul li{
  padding-left: 0;
  padding-right: 26px;
}
#gp-order .rtl .widget_archive ul li::before,#gp-order .rtl .widget_categories ul li::before{
  left: initial;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#gp-order .rtl .cs-recent_post_thumb{
  margin-right: 0;
  margin-left: 18px;
}
#gp-order .rtl .cs-post_meta.cs-style1 > *:not(:last-child)::before{
  right: initial;
  left: 0;
}
#gp-order .rtl .cs-post_meta.cs-style1 > *:not(:last-child){
  margin-right: 0;
  padding-right: 0;
  margin-left: 12px;
  padding-left: 12px;
}
#gp-order .rtl .cs-pagination_item svg{
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#gp-order .rtl .cs-post.cs-style2 blockquote small{
  padding-left: 0;
  padding-right: 35px;
}
#gp-order .rtl .cs-post.cs-style2 blockquote small::before{
  left: initial;
  right: 0;
}
#gp-order .rtl .cs-post.cs-style2 blockquote{
  border-left: 0;
  border-right: 5px solid #1421c2;
}
#gp-order .rtl .cs-page_navigation > div:not(:last-child){
  margin-right: 0;
  padding-right: 0;
  margin-left: 21px;
  padding-left: 21px;
}
#gp-order .rtl .cs-page_navigation > div:not(:last-child)::after{
  right: initial;
  left: -1px;
}
#gp-order .rtl .offset-xl-1,#gp-order .rtl .offset-lg-1{
  margin-left: 0;
  margin-right: 8.33333333%;
}
#gp-order .rtl .offset-xl-2,#gp-order .rtl .offset-lg-2{
  margin-left: 0;
  margin-right: 16.66666667%;
}
#gp-order .rtl .offset-xl-3,#gp-order .rtl .offset-lg-3{
  margin-left: 0;
  margin-right: 25%;
}
#gp-order .rtl .offset-xl-4,#gp-order .rtl .offset-lg-4{
  margin-left: 0;
  margin-right: 33.33333333%;
}
#gp-order .rtl .offset-xl-5,#gp-order .rtl .offset-lg-5{
  margin-left: 0;
  margin-right: 41.66666667%;
}
#gp-order .rtl .offset-xl-6,#gp-order .rtl .offset-lg-6{
  margin-left: 0;
  margin-right: 58.33333333%;
}
#gp-order .rtl .offset-xl-7,#gp-order .rtl .offset-lg-7{
  margin-left: 0;
  margin-right: 58.33333333%;
}
#gp-order .rtl .offset-xl-8,#gp-order .rtl .offset-lg-8{
  margin-left: 0;
  margin-right: 66.66666667%;
}
#gp-order .rtl .offset-xl-9,#gp-order .rtl .offset-lg-9{
  margin-left: 0;
  margin-right: 75%;
}
#gp-order .rtl .offset-xl-10,#gp-order .rtl .offset-lg-10{
  margin-left: 0;
  margin-right: 83.33333333%;
}
#gp-order .rtl .offset-xl-11,#gp-order .rtl .offset-lg-11{
  margin-left: 0;
  margin-right: 91.66666667%;
}
@media (max-width: 1199px){#gp-order .rtl .offset-xl-1,#gp-order .rtl .offset-xl-2,#gp-order .rtl .offset-xl-3,#gp-order .rtl .offset-xl-4,#gp-order .rtl .offset-xl-5,#gp-order .rtl .offset-xl-6,#gp-order .rtl .offset-xl-7,#gp-order .rtl .offset-xl-8,#gp-order .rtl .offset-xl-9,#gp-order .rtl .offset-xl-10,#gp-order .rtl .offset-xl-11{
    margin-right: 0;
  }}
@media (max-width: 991px){#gp-order .rtl .offset-lg-1,#gp-order .rtl .offset-lg-2,#gp-order .rtl .offset-lg-3,#gp-order .rtl .offset-lg-4,#gp-order .rtl .offset-lg-5,#gp-order .rtl .offset-lg-6,#gp-order .rtl .offset-lg-7,#gp-order .rtl .offset-lg-8,#gp-order .rtl .offset-lg-9,#gp-order .rtl .offset-lg-10,#gp-order .rtl .offset-lg-11{
    margin-right: 0;
  }}
#gp-order .rtl .cs-header_badge{
  right: initial;
  left: 5px;
}
#gp-order .rtl .cs-hero.cs-style3 .cs-hero_highlite{
  left: initial;
  right: 68%;
}
#gp-order .rtl .cs-hero.cs-style3.cs-type1 .cs-hero_subtitle{
  margin-right: 0;
}
@media (max-width: 1199px){#gp-order .rtl .cs-hero.cs-style3.cs-type1 .cs-hero_subtitle{
    margin-right: auto;
    margin-left: auto;
  }}
#gp-order .fa-beat-hover:hover{
  -webkit-animation: fa-beat 1s infinite linear;
  -moz-animation: fa-beat 1s infinite linear;
  -o-animation: fa-beat 1s infinite linear;
  animation: fa-beat 1s infinite linear;
}
#gp-order .chevron-icon{
  float:right;
}
#gp-order .storitve-dropdown{
  position: relative;
}
#gp-order .storitve-dropdown:hover{
  cursor: pointer;
  border-color: #131313;
}
#gp-order .cs-form_sestavi{
  padding: 10px 10px;
  position: absolute;
  display: none;
  left: 0;
  background-color: #fff;
  top: 50px;
  z-index: 1;
  max-height: 240px;
  overflow-y: scroll;
}
#gp-order .vprasalnik .cs-section_heading h2{
  font-size: 40px;
}
#gp-order .popup-modal .cs-form_sestavi{
  position: relative;
  display: block;
  z-index: 1;
  max-height: 460px;
  top: 0;
  font-size: 20px;
  width: 630px;
}
.mbsc-ios.mbsc-popup-#gp-order{
  background-color: #ffffff !important;
}
#gp-order #sestaviStoritev a{
  cursor: pointer;
}
#gp-order .izbrana-storitev i{
  color: #1421c2;
}
#gp-order .skupna-cena{
  display: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #302E2E;
  margin-top: 30px;
}
#gp-order .skupna-cena .cs-pricing_title{
  font-size: 30px;
}
#gp-order #dodatne_storitve{
  border-top: 1px solid #302E2E;
}
#gp-order .povzetek-kolicina{
  color: #1421c2;
  font-weight: 700;
  margin-right: 5px;
}
#gp-order #izbran-storitve{
  column-count: 2;
}
#gp-order .izbrane-storitve .naslov-cena{
  font-size: 40px !important;
}
@media screen and (max-width: 767px){#gp-order .popup-modal .cs-form_sestavi{
    width: 100%;
  }
#gp-order #izbran-storitve{
    column-count: 1;
    margin-top: 20px;
  }
#gp-order .btn_drugi-paket{
    width: 100%;
  }
#gp-order .pregled-narocila{
    width: 220px;
  }
#gp-order .vprasalnik .cs-section_heading h2{
    font-size: 30px !important;
  }
#gp-order .border-mobile{
    border-bottom: 1px solid rgba(0, 0, 0, 0.50);
  }
#gp-order .izbrane-storitve .naslov-cena{
    font-size: 24px !important;
  }
#gp-order .izbrane-storitve .cs-pricing_table.cs-style1 .cs-pricing_title{
    font-size: 20px;
  }}
#gp-order .cs-form_sestavi a,#gp-order .lista-storitev{
  display: inline-block;
  font-weight: 400;
  border-bottom: 1px solid #CECECE;
  padding: 5px 0;
}
#gp-order .cs-form_sestavi a{
  display: block;
  margin-left: 10px;
}
#gp-order .cs-form_sestavi a:hover{
  background-color: #f0f0f0;
}
#gp-order .storitev-cena{
  float: right;
  color: #1421c2;
  font-weight: 600;
  text-wrap: nowrap;
  margin-left: 10px;
}
#gp-order .lista-storitev{
  display: flex;
  align-items: center;
}
#gp-order .lista-storitev i,#gp-order .dodatni-vzorci i{
  color: #1421c2;
}
#gp-order .lista-storitev i:hover{
  cursor: pointer;
}
#gp-order .inline-group{
  max-width: 6.5rem;
  padding: .5rem;
}
#gp-order .inline-group .form-control{
  text-align: right;
}
#gp-order .form-control[type="number"]::-webkit-inner-spin-button,#gp-order .form-control[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
#gp-order input[type=number]{
  -moz-appearance: textfield;
}
#gp-order .btn-minus,#gp-order .btn-plus{
  padding-left: 3px;
  padding-right: 3px;
}
#gp-order .btn-minus{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#gp-order .btn-plus{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#gp-order .odstraniStoritev{
  margin-right: 5px;
}
#gp-order .kolicina-cena{
  display: flex;
  align-items: center;
  margin-left: auto;
}
#gp-order .vprasalnik .cs-pricing_table.cs-style1 .cs-price{
  justify-content: center;
}
#gp-order .sestavi-ikona{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 70px;
}
#gp-order .check-container{
  position: relative;
  padding-left: 39px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
#gp-order .check-container input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#gp-order .checkmark{
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  border: 2px solid #999696;
  border-radius: 5px;
}
#gp-order .check-container:hover input ~ .checkmark{
  background-color: #ccc;
}
#gp-order .check-container input:checked ~ .checkmark{
  background-color: #1421c2;
}
#gp-order .checkmark:after{
  content: "";
  position: absolute;
  display: none;
}
#gp-order .check-container input:checked ~ .checkmark:after{
  display: block;
}
#gp-order .check-container .checkmark:after{
  left: 9px;
  top: 5px;
  width: 8px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#gp-order .list-kategorija{
  display: inline-block;
  margin-top: 10px;
}
#gp-order .izbrane-storitve{
  margin-bottom: 10px;
}
#gp-order input.quantity{
  text-align: center !important;
}
#gp-order .cs-form_sestavi::-webkit-scrollbar{
  width: 10px;
}
#gp-order .cs-form_sestavi::-webkit-scrollbar-track{
  
  padding:10px;
  background: transparent;
  border-radius: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#gp-order .cs-form_sestavi::-webkit-scrollbar-thumb{
  background: #1421c2; 
  border-radius: 20px;
}
#gp-order .cs-form_sestavi::-webkit-scrollbar-thumb:hover{
  background: #1421c2; 
}
#gp-order ul.vsebuje,#gp-order ul.vsebuje-zacetno{
  list-style: none;
  padding-left: 0;
}
#gp-order .dodatni-vzorci{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #CECECE;
}
#gp-order .cenik-naroci{
  width:100%;
  position:absolute;
  bottom: 0;
  left: 0;
}
#gp-order .menu-naslov{
  color: #1421c2;
  font-weight: bold;
}
@media screen and (max-width: 575px){#gp-order .lista-storitev,#gp-order .dodatni-vzorci{
    display: block;
  }
#gp-order .cs-form_sestavi a{
    display: inline-block;
    width: 95%;
  }
#gp-order .paralel img{
    height: 100%;
    object-fit: cover;
  }}
#gp-order .sestavi-ikona a:hover{
  scale: 1.3;
}
#gp-order .sestavi-ikona a{
  color: #1421c2;
}
#gp-order .input-group .btn{ 
  z-index: 0;
}
#gp-order .no-border{
  border: 0 !important;
  margin-top: 10px;
}
#gp-order .main-bg{
  background-color: #1421c2 !important;
  color: #fff;
}
#gp-order .vprasalnik .cs-pricing_table.cs-style1{
  overflow: unset;
}
#gp-order .pop-up{
  position: fixed;
  bottom: 10px;
  right: 30px;
  width: 335px;
  padding: 10px 20px 10px 20px;
  background-color: #fff;
  border-radius: 25px;
  color: #131313;
  z-index: 15;
  border: 1px solid #818181;
}
#gp-order .pop-up .cs-btn.cs-style1{
  color: #fff;
  padding: 3px 20px;
  margin-top: 5px;
  font-weight: 700;
  font-size: 14px;
}
#gp-order .pop-text{
  font-size: 15px;
  font-weight: 600;
}
#gp-order .pop-content{
  display:flex;
  align-items: center;
}
#gp-order .pop-naslov{
  color: #1421c2;
  font-weight: 800;
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
#gp-order .close-popup{
  
  position: absolute;
  right: 10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #1421c2;
  z-index: 16;
  cursor: pointer;
}
#gp-order .open-pop-up{
  opacity: 0;
  position: fixed;
  bottom: -60px;
  
  right: 1rem;
  background-color: #1421c2;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  z-index: 10;
}
#gp-order .open-pop-up.open-pop-up_show{
  bottom: 90px;
}
#gp-order .cs-pricing_table.cs-style1{
  display: flex;
  flex-direction: column;
  height: 100%;
}
#gp-order .wizard .step2 .cs-pricing_table.cs-style1{
  height: auto;
}
#gp-order .pricing-wrap{
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
#gp-order .popup-modal p{
  font-weight: 600;
}
#gp-order .btn-secondary{
  border-radius: 999px !important;
  padding: 5px 26px !important;
}
#gp-order .cs-btn.cs-style1.btn-grey{
  background-color: #F5F5F5;
  color: #000;
}
#gp-order .wizard .steps{
  display: none;
}
#gp-order .cursor-pointer{
  cursor: pointer;
}
@media screen and (max-width: 1400px){#gp-order .naslov-cena{
    font-size: 40px !important;
  }
#gp-order .naslov-povp{
    font-size: 33px !important;
  }}
@media screen and (max-width: 1200px){#gp-order .hidetablet{
    display: none;
  }
#gp-order .naslov-cena{
    font-size: 35px !important;
  }
#gp-order .naslov-povp{
    font-size: 25px !important;
  }
#gp-order .cs-pricing_table.cs-style1 .cs-price span{
    font-size: 20px;
  }
#gp-order .cs-pricing_table.cs-style1 .cs-price .naslov-povp span{
    font-size: 25px;
  }
#gp-order .verified-icon{
    font-size: 14px;
  }
#gp-order .verified-icon div{
    display: flex;
    flex-direction: column;
    line-height: 1.5em;
  }
#gp-order .verified-icon dotlottie-player{
    width: 45px !important;
    height: 45px !important;
  }}
#gp-order .columns1-2{
  column-count: 2;
}
@media screen and (max-width: 991px){#gp-order .sestavi-ikona{
    position: relative;
  }
#gp-order .cs-pricing_table.cs-style1,#gp-order .cs-pricing_table.cs-style1.cenik-podstran{
    min-height: unset;
    height: 100%;
  }
#gp-order .cs-pricing_table.cs-style1 div:last-child{
    position:relative !important;
  }
#gp-order .cs-pricing_table.cs-style1 div:last-child .cs-pricing_btn_wrap{
    margin: 0 !important;
  }
#gp-order .columns1-2{
    column-count: 1;
  }}
@media screen and (max-width: 767px){#gp-order .sestavi-ikona{
    height: 200px;
  }
#gp-order .sestavi-ikona i{
    font-size: 1.5em !important;
  }}
@media screen and (max-width: 575px){#gp-order .sestavi-ikona{
    position: relative;
    top: 0;
  }
#gp-order .cs-btn.cs-style1:before{
    opacity: 0;
  }
#gp-order .pop-up{
    width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
#gp-order .open-pop-up{
    right: 15px;
  }}
#gp-order .cookie-banner{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f1f1f1;
  padding: 15px 20px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
#gp-order .cookie-banner.show{
  transform: translateY(0);
}
#gp-order .cookie-banner__content{
  flex: 1;
  padding-right: 20px;
}
#gp-order .cookie-banner__title{
  font-weight: bold;
  margin-bottom: 5px;
}
#gp-order .cookie-banner__text{
  font-size: 14px;
  margin-bottom: 10px;
}
#gp-order .cookie-banner__buttons{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
#gp-order .cookie-banner__buttons button{
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
}
#gp-order .cookie-accept{
  background-color: #4CAF50;
  color: white;
}
#gp-order .cookie-accept:hover{
  background-color: #45a049;
}
#gp-order .cookie-decline{
  background-color: #e0e0e0;
}
#gp-order .cookie-decline:hover{
  background-color: #d0d0d0;
}
#gp-order .cookie-customize{
  background-color: #e0e0e0;
  color: #333;
}
#gp-order .cookie-customize:hover{
  background-color: #d0d0d0;
}
#gp-order .cookie-modal{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  align-items: center;
  justify-content: center;
}
#gp-order .cookie-modal.show{
  display: flex;
}
#gp-order .cookie-modal__content{
  background-color: white;
  border-radius: 8px;
  max-width: 720px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
#gp-order .cookie-modal__title{
  margin-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#gp-order .cookie-modal__group{
  margin-bottom: 15px;
}
#gp-order .cookie-modal__group-title{
  font-weight: bold;
  margin-bottom: 5px;
}
#gp-order .cookie-modal__option{
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
#gp-order .cookie-modal__option input{
  margin-right: 10px;
}
#gp-order .cookie-modal__footer{
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  gap: 10px;
}
#gp-order .cookie-modal__footer button{
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
#gp-order .cookie-modal__save{
  background-color: #4CAF50;
  color: white;
}
@media (max-width: 600px){#gp-order .cookie-banner{
      flex-direction: column;
      align-items: flex-start;
  }
#gp-order .cookie-banner__buttons{
      margin-top: 10px;
      width: 100%;
  }}
#gp-order .feature-icon{
  background-color: #1421c2;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: white;
  font-size: 24px;
  margin-bottom: 1rem;
}
#gp-order .big-circle{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #1421c2;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
#gp-order .main-title{
  font-size: 3rem;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
#gp-order .feature-section h5{
  color: #1421c2;
  margin-bottom: 5px;
}
#gp-order .highlight-text{
  font-weight: bold;
}
#gp-order .cs-preloader{
  display: none;
}
#gp-order .elfsight-app-e5b5e519-a873-409f-a27d-99eb47784a5e a{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
#gp-order .marquee-container{
    margin-bottom: 4rem;
    position: relative;
    overflow: hidden;
    background-color: #1421c2;
    padding: 15px 0;
}
#gp-order .swiper-marquee{
  width: 100%;
  overflow: visible;
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
}
#gp-order .swiper-marquee .swiper-wrapper{
  transition-timing-function: linear !important;
  align-items: center;
  pointer-events: none;
  user-select: none;
}
#gp-order .swiper-marquee .swiper-slide{
  width: 12rem;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  
  font-weight: bold;
}
@media screen and (max-width: 575px){#gp-order .swiper-marquee .swiper-slide{
    width: 9rem;
  }
#gp-order .marquee-container{
    padding: 15px 0;
    margin-bottom: 0;
  }}
#gp-order #projekti .cs-slider .cs-post.cs-style1{
    max-width: 540px;
}
#gp-order .projekti_title{
  font-size: 42px !important;
}
@media screen and (max-width: 575px){#gp-order #projekti .cs-slider .cs-post.cs-style1{
    max-width: 350px;
  }
#gp-order .projekti_title{
    font-size: 33px !important;
  }}
#gp-order #paketi .slick-slide div{
  transition: all 0.3s ease-in-out;
}
#gp-order #paketi .slick-slide.slick-center div{
  transform: scale(1.10);
  
  transition: all 0.3s ease-in-out;
}
#gp-order .paketi-slider.cs-slider .cs-post.cs-style1{
  max-width: 350px;
}
#gp-order .paketi .cs-section_heading{
  padding-left: 270px;
}
#gp-order .paketi .cs-slider_left .cs-post_wrap{
  width: 100%;
}
#gp-order .paketi .paketi-slider .slick-list{
  margin-left: -240px;
  overflow: hidden;
}
#gp-order .paketi-slider .ribbon::before,#gp-order .paketi-slider .ribbon::after{
  display: none;
}
#gp-order .paketi-slider .ribbon span{
  box-shadow: none;
}
@media screen and (max-width: 1199px){#gp-order .paketi .cs-section_heading{
    padding-left: 0;
  }
#gp-order .paketi .paketi-slider{
    margin-bottom: 40px;
  }}
#gp-order .bg-green{
  background-color: #00D200 !important;
}
#gp-order .sestavi-ikona .izberi-paket{
  background: none !important;
}
#gp-order .slick-slider{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
#gp-order .slick-list{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
#gp-order .slick-list:focus{
  outline: none;
}
#gp-order .slick-list.dragging{
  cursor: pointer;
  cursor: hand;
}
#gp-order .slick-slider .slick-track,#gp-order .slick-slider .slick-list{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#gp-order .slick-track{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
#gp-order .slick-track:before,#gp-order .slick-track:after{
  display: table;

  content: '';
}
#gp-order .slick-track:after{
  clear: both;
}
#gp-order .slick-loading .slick-track{
  visibility: hidden;
}
#gp-order .slick-slide{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
#gp-order [dir='rtl'] .slick-slide{
  float: right;
}
#gp-order .slick-slide img{
  display: block;
}
#gp-order .slick-slide.slick-loading img{
  display: none;
}
#gp-order .slick-slide.dragging img{
  pointer-events: none;
}
#gp-order .slick-initialized .slick-slide{
  display: block;
}
#gp-order .slick-loading .slick-slide{
  visibility: hidden;
}
#gp-order .slick-vertical .slick-slide{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
#gp-order .slick-arrow.slick-hidden{
  display: none;
}
#gp-order{padding-top:90px;color:#111;background:#fff;font-family:"Open Sans",sans-serif;--accent:#1421c2}
#gp-order h1,#gp-order h2,#gp-order h3{font-family:Poppins,sans-serif;color:#111}
#gp-order .mainc,#gp-order .cs-accent_color{color:#1421c2}
#gp-order .cs-primary_color{color:#111}
#gp-order .cs-btn{background:#1421c2;color:#fff;border-color:#1421c2}
#gp-order .gp-order-content{padding-top:28px;padding-bottom:90px}
#gp-order .divPodjetje{display:none}
#gp-order form.company-active .divPodjetje{display:block}
#gp-order .povzetek-narocila{width:100%;border:0}
#gp-order .cs-pricing_feature{padding-top:30px;padding-bottom:30px}
#gp-order .cs-form_field{background:#fff;color:#111}
#gp-order .check-container input:checked~.checkmark{background:#1421c2}
#gp-order .ol-extras{margin-top:0}
#gp-order .ol-extras summary{font-size:16px!important;line-height:1.5;padding:14px 16px!important}
#gp-order .ol-extras-title,#gp-order .ol-extras-hint{font-size:14px;line-height:1.6}
#gp-order .ol-extras-hint{font-size:12px}
#gp-order hr{display:none}
#service-redesign.option-1 .showcase-band{background:transparent!important}
@media(max-width:767px){#gp-order{padding-top:90px}#gp-order .gp-order-content{padding-top:15px}#gp-order .cs-section_title{font-size:34px;line-height:1.2}#gp-order .povzetek-narocila{margin-top:24px}}

#gp-order .cs-section_subtitle{color:#777}#gp-order .izberi-paket{background:#1421c2!important;color:#fff!important}