/** Generated by FG **/
@font-face {
    font-family: 'Conv_Proxima Nova Alt Bold';
    src: url('../fonts/Proxima Nova Alt Bold.eot');
    src: url('../fonts/Proxima Nova Alt Bold.woff') format('woff'), url('../fonts/Proxima Nova Alt Bold.ttf') format('truetype'), url('../fonts/Proxima Nova Alt Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Proxima Nova Alt Light';
    src: url('../fonts/Proxima Nova Alt Light.eot');
    src: url('../fonts/Proxima Nova Alt Light.woff') format('woff'), url('../fonts/Proxima Nova Alt Light.ttf') format('truetype'), url('../fonts/Proxima Nova Alt Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Proxima Nova Alt Thin';
    src: url('../fonts/Proxima Nova Alt Thin.eot');
    src: url('../fonts/Proxima Nova Alt Thin.woff') format('woff'), url('../fonts/Proxima Nova Alt Thin.ttf') format('truetype'), url('../fonts/Proxima Nova Alt Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Proxima Nova Black';
    src: url('../fonts/Proxima Nova Black.eot');
    src: url('../fonts/Proxima Nova Black.woff') format('woff'), url('../fonts/Proxima Nova Black.ttf') format('truetype'), url('../fonts/Proxima Nova Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('../fonts/Proxima Nova Bold.eot');
    src: url('../fonts/Proxima Nova Bold.woff') format('woff'), url('../fonts/Proxima Nova Bold.ttf') format('truetype'), url('../fonts/Proxima Nova Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Proxima Nova Extrabold';
    src: url('../fonts/Proxima Nova Extrabold.eot');
    src: url('../fonts/Proxima Nova Extrabold.woff') format('woff'), url('../fonts/Proxima Nova Extrabold.ttf') format('truetype'), url('../fonts/Proxima Nova Extrabold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Proxima Nova Thin';
    src: url('../fonts/Proxima Nova Thin.eot');
    src: url('../fonts/Proxima Nova Thin.woff') format('woff'), url('../fonts/Proxima Nova Thin.ttf') format('truetype'), url('../fonts/Proxima Nova Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Proxima-Regular';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

a:focus,
a:hover {
    text-decoration: none;
}

.header_main_sec {
    width: 100%;
    padding: 30px 0 20px;
    float: left;
    border-bottom: 1px solid #f5f5f5;
}

.header {
    margin: 0px;
    padding: 13px 0;
    float: left;
    width: 100%;
    background: #0f3a5d;
}

.header ul.pull-right {
    float: right;
    margin: 0px;
}

.header ul.pull-right li {
    float: left;
    list-style: none;
}

.header ul.pull-right li a {
    float: left;
    color: #fff;
    margin: 0 0 0 24px;
    font-size: 14px;
    font-weight: 500;
    transition-duration: .5s;
}

.nav_bar_right {
    float: right;
    margin: 3px 0 0;
}

.header ul.pull-right li a:hover {
    color: #f04749;
    text-decoration: none;
}

.nav_bar_right a {
    padding: 8px 40px 8px !important;
    font-size: 18px !important;
}

.nav_bar_right a.blue_btn {
    color: #fff;
}

.nav_bar_right a.blue_btn:hover {
    color: #3661c9 !important;
}

.nav_bar_right a.tr_btn:hover {
    color: #fff !important;
}

.header_main {}

.logo {
    margin: -6px 0 0px;
    padding: 0px;
    float: left;
    width: auto;
}

.logo img {
    width: 160px;
    height: auto;
}

.header_navbar {
    display: flex;
    align-items: center;
    /* margin: 0px 0 0 0; */

    /* padding: 0px; */

    /* float: left; */

    /* width: 100%; */
}

.navbar_custom {
    float: right;
    margin: 0 auto;
    display: block;
    min-height: 0;
}

.navbar_custom #myNavbar {
    padding: 0 !important;
}

.navbar_custom .navbar-nav>li>a {
    color: #3b3b3b;
    font-size: 18px;
    padding: 0 0 0 31px;
    transition-duration: .5s;
}

.navbar_custom .navbar-nav>li>a:hover,
.navbar_custom .navbar-nav>li>a:focus {
    background: none !important;
    color: #3661c9;
    outline: none;
}

.nav_bar_right ul {
    padding: 0;
    margin: 0;
    float: right;
}

.nav_bar_right ul li {
    display: inline-block;
    margin: -10px 0px 0 14px;
}

.nav_bar_right ul li a {
    color: #3661c9;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    transition-duration: .5s;
}

.nav_bar_right ul li a:hover {
    color: #3b3b3b;
}

.upload_nav {
    margin: -10px 0px 0px 10px;
}

.upload_nav a {
    padding: 10px 25px 9px !important;
    display: block;
    margin: 0;
    font-size: 15px;
}

.upload_nav a:hover {

    /* background: #0f3a5d !important; */
    color: #fff !important;
}

/*Home Slider*/
.carousel-fade .main_slider .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.main_slider>.item {
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-fade .main_slider .active {
    opacity: 1;
}

.carousel-fade .main_slider .active.left,
.carousel-fade .main_slider .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .main_slider .next.left,
.carousel-fade .main_slider .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel,
.main_slider,
.main_slider .item {

    /*min-height: 750px;



     margin: 0px 0 0px;



    padding: 0px;



    float: left;



    width: 100%;



    padding: 130px 0 0px;*/
}

/*.home_slider .item:nth-child(1) {



  background: url(../images/home-header-bg.jpg) no-repeat top center;



}



.home_slider .item:nth-child(2) {



  background: url(../images/home-header-bg2.jpg) no-repeat top center;



}*/
.main_slider .slick-dots {
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.main_slider .slick-dots li.slick-active button {
    background-color: #3661c9;
}

.main_slider .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.main_slider .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 15px;
    height: 15px;
}

.home_slider {
    min-height: 625px;
    /* margin: 0px 0 -50px; */
    padding: 0px;
    float: left;
    width: 100%;
    padding: 0px 0 0px;
    background: url(../images/home-header-bg.jpg) no-repeat top center;
    /* padding: 0 0 20px; */
    overflow: visible;
}

.home_slider .carousel-indicators {
    bottom: 20px;
}

.home_slider .carousel-indicators .active {
    background-color: #3661c9;
    border: solid #3661c9;
}

.home_slider .carousel-indicators li {
    border: 1px solid #3661c9;
}

.home_slider .main_slider {
    position: relative;
    width: 100%;
    overflow: visible;
}

.banner_mac_img {
    margin: 50px -150px 0 50px !important;
    float: right;
}

.banner_mac_img img {
    width: 105%;
}

.banner_video_img {
    margin: 40px 0 0 0;
}

.banner_video_img img {
    margin: 15px -180px 0px 0;
    width: 135%;
}

/*Home S;lider*/
.banner_main {
    padding: 210px 0 0px 0px;
    float: left;
    width: 100%;
    position: relative;
}

.banner-rating-img {
    position: absolute;
    right: -35px;
    top: 64px;
}

.banner_main h1 {
    color: #3b3b3b;
    font-size: 52px;
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
}

.banner_main p {
    color: #3b3b3b;
    font-size: 18px;
    line-height: 23px;
    margin: 15px 0 0 0;
}

.banner_main p span {
    font-family: 'Conv_Proxima Nova Alt Bold';
    color: #3661c9;
}

.banner_btn {
    margin: 40px 0 0;
}

.hosting_services .banner_btn {
    margin: 40px 0 0;
    display: inline-block;
}

.banner_btn a.tr_btn {
    font-size: 22px;
    padding: 7px 25px !important;
    margin: 0 !important;
}

.banner_btn p {
    float: right;
    margin: 5px 0 0 20px !important;
    color: #3661c9;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.trusted_link {
    margin: 0px;
    padding: 0px;
}

.banner-home-img {
    margin: 40px 0 0 0;
    /*padding: 0px;



    float: left;



    width: 100%;*/
    position: relative;
    top: 20px;
}

.banner-home-img img {
    width: 100%;
    float: right;
}

.trusted_link {
    margin: 46px 0 0 0;
    padding: 0px;
    float: left;
    width: 100%;
}

/*Animation*/
.red_btn {
    background: linear-gradient(to left, #f0474a 50%, #0b91ce 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 13px 30px 12px !important;
    border-radius: 48px;
    margin: 0 10px 0;
    transition-duration: .5s;
    font-size: 15px;
    font-weight: 500;
    transition-duration: .5;
}

.blue_btn {
    background: linear-gradient(to left, #3661c9 50%, #fff 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 13px 40px 12px !important;
    border-radius: 50px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #3661c9;
}

.tr_btn {
    background: linear-gradient(to left, transparent 50%, #3661c9 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #3661c9;
    padding: 13px 40px 12px !important;
    border-radius: 50px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    border: 1px solid #3661c9;
    font-family: 'Montserrat', sans-serif;
}

.blue_btn:hover,
.blue_btn:focus {
    color: #3661c9;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 1px solid #3661c9;
}

.tr_btn:hover,
.tr_btn:focus {
    color: #fff;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
}

.banner-rating-img img {
    animation: pulse 1s infinite;
    animation-timing-function: linear;
}

.service_offer_box:hover img {
    animation: pulse 1s infinite;
    animation-timing-function: linear;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }

}

/*Animation*/
.title_blk {
    margin: 0px 0 20px 0;
    padding: 0px;
    float: left;
    width: 100%;
    color: #3b3b3b;
    font-size: 55px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.title_blk_para {
    color: #3b3b3b;
    font-size: 18px;
    text-align: center;
    margin: 0;
}

.title_blk_para span {
    display: table;
    width: 100%;
}

/*all_portfolio_sec  */
.all_portfolio_sec {
    float: left;
    width: 100%;
    padding: 110px 0 80px;
}

/*browse_category_sec*/
.browse_category_sec {
    float: left;
    width: 100%;
    padding: 60px 0 60px;
    background-color: #f9fbfa;
}

.slider-nav-cat .slick-list {
    height: 210px;
}

.browse_category_sec .col-sm-3 {
    padding: 0;
}

.browse_category_boxes1 {
    display: table;
    width: 100%;
    margin: 60px 0 0px;
    border-bottom: 0px solid #e5e5e5;
}

.browse_category_boxes2 {
    display: table;
    width: 94%;
    /* margin: auto; */
}

.browse_category_box {
    padding: 40px 0 40px;
}

.browse_category_box:hover,
.slick-current .browse_category_box {
    border: 1px solid #3661c9 !important;
    background-color: #3661c9;
}

.slick-current .browse_category_box:after {
    content: "";
    background-image: url(../images/category-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 999999;
    bottom: -34px;
    left: 0;
    right: 0;
    margin: auto;
}

.browse_category_boxes1 .col-sm-3:first-child .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
}

.browse_category_boxes1 .col-sm-3:nth-child(2) .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
}

.browse_category_boxes1 .col-sm-3:nth-child(3) .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
}

.browse_category_boxes1 .col-sm-3:last-child .browse_category_box {

    /* border-right: 1px solid #e5e5e5; */
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #e5e5e5;
}

.browse_category_boxes2 .col-sm-3:first-child .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.browse_category_boxes2 .col-sm-3:nth-child(2) .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.browse_category_boxes2 .col-sm-3:last-child .browse_category_box {

    /* border-right: 1px solid #e5e5e5; */
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.browse_category_boxes3 {
    margin: 0 0 30px;
}

.browse_category_boxes3 .col-sm-3:first-child .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
}

.browse_category_boxes3 .col-sm-3:nth-child(2) .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
}

.browse_category_boxes3 .col-sm-3:nth-child(3) .browse_category_box {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid transparent;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
}

.browse_category_boxes3 .col-sm-3:last-child .browse_category_box {

    /* border-right: 1px solid #e5e5e5; */
    border-left: 1px solid transparent;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
}

.browse_category_box h3 {
    text-align: center;
    font-size: 17px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
}

.browse_category_box:hover h3,
.slick-current .browse_category_box h3 {
    color: #fff;
}

.browse_category_sec .category_img_box {
    margin: auto;
}

.categoryimg_1 {
    background-image: url(../images/category-img1.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 85px;
}

.categoryimg_2 {
    background-image: url(../images/category-img2.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 84px;
    height: 85px;
}

.categoryimg_3 {
    background-image: url(../images/category-img3.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 53px;
    height: 85px;
}

.categoryimg_4 {
    background-image: url(../images/category-img4.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 83px;
    height: 85px;
}

.categoryimg_5 {
    background-image: url(../images/category-img5.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 84px;
    height: 85px;
}

.categoryimg_6 {
    background-image: url(../images/category-img6.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 94px;
    height: 85px;
}

.categoryimg_7 {
    background-image: url(../images/category-img7.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 87px;
    height: 85px;
}

.categoryimg_8 {
    background-image: url(../images/online-marketing.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 85px;
}

.categoryimg_9 {
    background-image: url(../images/domain-hosting.png);
    background-repeat: no-repeat;
    background-position: -4px 0px;
    width: 96px;
    height: 85px;
}

.categoryimg_10 {
    background-image: url(../images/content-writing.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 85px;
}

.categoryimg_11 {
    background-image: url(../images/social-media.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 85px;
}

.browse_category_box:hover .categoryimg_1,
.slick-current .categoryimg_1 {
    background-position: 0 -98px;
}

.browse_category_box:hover .categoryimg_2,
.slick-current .categoryimg_2 {
    background-position: 0px -99px;
}

.browse_category_box:hover .categoryimg_3,
.slick-current .categoryimg_3 {
    background-position: 0 -96px;
}

.browse_category_box:hover .categoryimg_4,
.slick-current .categoryimg_4 {
    background-position: 0 -103px;
}

.browse_category_box:hover .categoryimg_5,
.slick-current .categoryimg_5 {
    background-position: 0 -100px;
}

.browse_category_box:hover .categoryimg_6,
.slick-current .categoryimg_6 {
    background-position: 0 -110px;
}

.browse_category_box:hover .categoryimg_7,
.slick-current .categoryimg_7 {
    background-position: 0 -100px;
}

.browse_category_box:hover .categoryimg_8,
.slick-current .categoryimg_8 {
    background-position: 0 -97px;
}

.browse_category_box:hover .categoryimg_9,
.slick-current .categoryimg_9 {
    background-position: -4px -96px;
}

.browse_category_box:hover .categoryimg_10,
.slick-current .categoryimg_10 {
    background-position: 0 -97px;
}

.browse_category_box:hover .categoryimg_11,
.slick-current .categoryimg_11 {
    background-position: 0 -97px;
}

/*how_woks_sec*/
.how_woks_sec {
    float: left;
    width: 100%;
    padding: 60px 0 60px;
}

.how_woks_boxes h2 {
    text-align: left;
}

.how_woks_boxes img {
    width: 100%;
    margin: 80px 0 0;
}

.how_woks_boxes ul {
    float: left;
    width: 100%;
    border: none;
}

.how_woks_boxes ul li {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 0px;
}

.how_woks_boxes .nav-tabs>li.active {
    border-bottom: 0px solid #d8d8d8;
}

.how_woks_boxes .nav-tabs>li a {
    transition-duration: .5s;
    border: 0px solid transparent;
    border-radius: 0px 0px 0 0;
    padding: 0px 15px 20px 25px;
    margin-bottom: 0px;
    cursor: pointer !important;
}

.how_woks_boxes .nav-tabs>li.active>a,
.how_woks_boxes .nav-tabs>li.active>a:focus,
.how_woks_boxes .nav-tabs>li.active>a:hover {
    color: initial;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    box-shadow: 0 20px 20px rgba(204, 204, 204, 0.32);
}

.how_woks_boxes .nav-tabs>li a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    box-shadow: 0 20px 20px rgba(204, 204, 204, 0.32);
}

.how_woks_boxes .nav-tabs>li.active>a:before {
    content: "";
    position: absolute;
    left: -15px;
    background: #3661c9 url(../images/tabs-arrow.png);
    width: 35px;
    height: 35px;
    border-radius: 60px;
    top: 0;
    text-align: center;
    align-items: center;
    display: grid;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
}

.how_woks_box h3 {
    color: #3b3b3b;
    font-size: 35px;
    /*font-family: 'Montserrat', sans-serif; */
}

.how_woks_box h3 span {
    color: #ffcbe2;
    font-family: 'Montserrat', sans-serif;
    margin: 0 10px 0 0;
}

.how_woks_box p {
    color: #989897;
    font-size: 15px;
    line-height: 22px;
}

.how_work_btn {

    /* float: left; */

    /* width: 100%; */
    margin: 85px auto 0;
    display: table;
    padding: 30px 0 0;
}

.how_work_btn_call {
    margin: 49px 0 0 15px;
    color: #343434;
    font-size: 18px;
    text-decoration: none;
    transition-duration: .5s;
}

.how_work_btn_call span {
    font-family: 'Montserrat', sans-serif;
}

.how_work_btn_call:hover {
    color: #f04749;
    text-decoration: none;
}

.how_work_btn .blue_btn {
    font-size: 21px;
    padding: 8px 23px 7px !important;
}

.how_work_btn .d_grey_btn {
    font-size: 21px;
    margin: 0 0 0 20px;
    border: 1px solid #3b3b3b;
}

.how_work_btn .d_grey_btn:hover {
    border: 1px solid #3b3b3b;
}

/*life_style_sec*/
.life_style_sec {
    float: left;
    width: 100%;
    padding: 60px 0 60px;
    background-color: #f9fbfa;
}

.life_style_boxes img {
    width: 100%;
}

.life_style_boxes h3 {
    font-size: 38px;
    color: #3b3b3b;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    padding-left: 75px;
    margin: 0 0 30px;
}

.life_style_boxes h3 span {
    position: absolute;
    left: 0;
    font-size: 112px;
    top: -20px;
}

.life_style_boxes p {
    font-size: 18px;
    color: #989897;
    padding-left: 75px;
    margin: 0 0 40px;
}

.life_style_boxes h4 {
    font-size: 15px;
    color: #3b3b3b;
    padding-left: 75px;
}

.life_style_boxes h4 span {
    font-size: 15px;
    color: #989897;
    display: table;
    margin: 10px 0 0;
    font-style: italic;
}

.life_style_slider .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.life_style_slider .slick-dots li.slick-active button {
    background-color: #3661c9;
}

.life_style_slider .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.life_style_slider .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

/*Footer*/
.section--dark {

    /* background: #f3f2f0; */
    padding: 60px 0 0;
    float: left;
    width: 100%;
}

.section--dark-white {
    background-color: #fff !important;
    padding: 50px 0 50px;
    float: left;
    width: 100%;
}

.column,
.columns {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
}

.press-item-list__item {
    padding: 0 15px 60px;
    display: inline-block;
    max-width: 33%;
}

.press-item-list {
    text-align: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.press-item-list__item {
    padding: 0 15px 0px;
    display: inline-block;
    max-width: 33%;
}

.press-item {
    display: inline-block;
    position: relative;
    height: 30px;
    max-width: 100%;
}

.press-item svg {
    height: 100%;
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

.press-item path {
    fill: #d9d9d9;
}

.section--dark {

    /* background: #f3f2f0; */
}

.section-divider {
    border-bottom: solid 2px #e6e6e6;
}

footer {
    background: #f3f2f0;
    padding: 60px 0 50px;
    float: left;
    width: 100%;
}

.footer_boxes h5 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    color: #5f5f5f;
}

.footer_boxes ul {
    padding: 0;
    margin: 0;
}

.footer_boxes ul li {
    padding: 0;
    margin-bottom: 5px;
    list-style: none;
}

.footer_boxes ul li:last-child {
    margin-bottom: 0px;
}

.footer_boxes ul li a {
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 15px;
    transition: border-color .15s ease-out;
    color: #989897;
    /* border-bottom: solid 2px rgba(85, 85, 85, 0);*/
}

.footer_boxes ul li a:hover {
    color: #555;
    border-color: rgba(85, 85, 85, .5);
}

section.section.section--dark.section--collapsed {
    padding: 0;
}

.footer__sub__inner {
    position: relative;
    width: 100%;
    float: left;
    padding: 15px;
}

/*.site-footer__legal {



float: left;



text-align: left;



}*/
span.site-footer__legal__copyright-message {
    color: #999;
    font-size: 14px;
}

.footer__sub__inner {
    position: relative;
    width: 100%;
    float: left;
    padding: 15px 0px 10px;
    border-top: solid 0px #e6e6e6;
    margin-top: 0;
}

.site-footer__legal {
    display: inline-block;
    text-align: left;
    /* width: 100%; */
    margin-top: 3px;
}

.site-footer__language {
    display: inline-block;
    padding: 0 0 0 30px;
    position: relative;
}

.site-footer__language .locale-switcher__icon {
    position: absolute;
    left: 10px;
    top: 0px;
}

span.site-footer__legal__copyright-message {
    color: #999;
    font-size: 14px;
}

.site-footer__legal__privacy-links {
    margin-left: 10px;
    display: inline-block;
    font-size: 14px;
    float: right;
}

ul.footer-level-nav {
    margin-top: 0;
    padding-left: 0;
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
}

li.footer-level-nav__item {
    display: inline-block;
    margin-left: 10px;
    margin-top: 0;
}

.footer-level-nav>.list__item:first-child,
.footer-level-nav>li:first-child {
    margin-left: 0;
}

.footer-level-nav__item__link {
    text-decoration: none;
    font-size: 14px;
    transition: border-color .15s ease-out;
    color: #999;
    border-bottom: solid 2px rgba(153, 153, 153, 0);
}

.footer-level-nav__item__link:focus,
.footer-level-nav__item__link:hover {
    color: #999;
    border-color: rgba(153, 153, 153, .5);
}

.footer__socials {
    margin: 30px 0 0;
}

.footer__socials .footer-level-nav {
    float: left;
}

.footer__socials .footer-level-nav li a {
    color: #a5a5a5;
    font-size: 20px;
    transition-duration: .5s;
}

.footer__socials .footer-level-nav li a:hover {
    color: #008dfd;
}

/*all_por_slider*/
.all_por_slider1 {
    float: left;
    width: 100%;
    margin: 50px 0 0px;
}

.all_por_slider2 {
    float: left;
    width: 100%;
    margin: -9% 0 60px;
}

.fadein_box {
    position: relative;
    /* top:0px; */

    /* margin:auto; */

    /* float:left; */

    /* width:50%; */
    width: 100%;
    height: 100%;
    transition-duration: .5s;
}

.fadein_box img {

    /*



    position:absolute;



    left:0;



    top:0;



    -webkit-animation-name: fade;



    -webkit-animation-iteration-count: infinite;



    -webkit-animation-duration: 20s;



    animation-name: fade;



    animation-iteration-count: infinite;



    animation-duration: 20s;*/
    width: 100%;
}

.fadein_box a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

/*.fadein_box a:hover:before{



content: "";



background-color: rgba(0, 0, 0, 0.57);



position: absolute;



left: 0px;



right: 0px;



top: 0;



bottom: 0;



width: 100%;



height: 100%;



z-index: 9;



}







.fadein_box a:hover:after{



content: "00e";



position: absolute;



left: 0px;



right: 0px;



top: 0;



bottom: 0;



width: 100%;



height: 100%;



z-index: 999;



font: normal normal normal 14px/1 FontAwesome;



color: #fff;



font-size: 55px;



margin: auto;



display: table;



text-align: center;



}*/

/*@-webkit-keyframes fade {



0% {opacity: 0;}



20% {opacity: 1;}



33% {opacity: 1;}



53% {opacity: 0;}



100% {opacity: 0;}



}



@keyframes fade {



0% {opacity: 0;}



20% {opacity: 1;}



33% {opacity: 1;}



53% {opacity: 0;}



100% {opacity: 0;}



}











.f1 {



}



.f2 {



-webkit-animation-delay: -4s;



}



.f3 {



-webkit-animation-delay: -2s;



}







.f4 {   







}



.f5 {



-webkit-animation-delay: -4s;



}



.f6 {



-webkit-animation-delay: -2s;



}*/

.all_por_slider2 .container-fluid {
    padding: 0px 10%;
}

.f4.middle_img_fade {

    /* width: 90%; */
    margin: auto;
    display: table;
}

.middle_img_fade2 {
    width: 100% !important;
    margin: auto !important;
    display: table !important;
}

.all_por_slider2 img {

    /* margin: -43% 0 0; */
    width: 100%;
    /* display: table; */
}

.all_portfolio_btn {
    margin: 0px auto 0;
    display: table;
}

.all_portfolio_btn .blue_btn {
    font-size: 22px;
    padding: 8px 25px 7px !important;
    margin: 0 10px 0 0;
}

.all_portfolio_btn a.d_grey_btn {
    margin: 0 0 0 9px;
    font-size: 22px;
    padding: 8px 40px 7px !important;
    border: 1px solid #3b3b3b;
    background-size: 212%;
}

.all_portfolio_btn a.d_grey_btn:hover {
    border: 1px solid #3b3b3b;
}

.all_portfolio_btn .how_work_btn_call {
    font-size: 22px;
    padding: 8px 25px 7px !important;
    color: #008dfd;
}

.all_portfolio_btn .how_work_btn_call:hover,
.all_portfolio_btn .how_work_btn_call:focus {
    color: #fff;
}

.fade_img_slider6 .slick-list,
.fade_img_slider7 .slick-list,
.fade_img_slider8 .slick-list {
    position: relative;
    display: block;
    overflow: visible;
    margin: 0;
    padding: 0;
}

/*Home End*/
.title_blk_left {
    margin: 0px 0 20px 0;
    padding: 0px;
    float: left;
    width: 100%;
    color: #3b3b3b;
    font-size: 47px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
}

.inner_header {
    min-height: 430px;
    margin: 0px 0 0px;
    padding: 0px;
    float: left;
    width: 100%;
    padding: 0px 0 0px;
    background: url(../images/inner-banner.jpg) no-repeat top center;
}

.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    text-transform: capitalize;
}

.breadcrumb>.active {
    color: #3b3b3b;
}

.breadcrumb li a {
    color: #ccc;
}

/*brouse_all_cat_box Page*/
.search-container {
    position: relative;
    /* align-items: 



    center; */

    /* display: grid; */
}

.search-container input[type=text] {
    padding: 2px 10px;
    margin-top: 8px;
    font-size: 78px;
    border: none;
    width: 100%;
    background-color: transparent;
    border-bottom: 2px solid #f1f2f3;
}

.search-container::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */
    color: #ccc;
    font-family: 'Montserrat', sans-serif;
}

.search-container::-moz-placeholder {

    /* Firefox 19+ */
    color: #ccc;
    font-family: 'Montserrat', sans-serif;
}

.search-container:-ms-input-placeholder {

    /* IE 10+ */
    color: #ccc;
    font-family: 'Montserrat', sans-serif;
}

.search-container:-moz-placeholder {

    /* Firefox 18- */
    color: #ccc;
    font-family: 'Montserrat', sans-serif;
}

.search-container button {
    padding: 6px;
    background: linear-gradient(to left, #3b3b3b 50%, #3661c9 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    font-size: 18px;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 0;
    height: 50px;
    align-content: center;
    margin: auto;
    display: table;
    width: 190px;
    border-radius: 50px;
    color: #fff;
    padding: 0 0 0 15px;
}

.search-container button i {
    position: absolute;
    left: -76px;
    right: 0;
    font-size: 24px;
}

.search-container button:hover,
.search-container button:focus {
    color: #fff;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
}

.cata_banner_text {
    padding: 8% 0 0;
}

.cata_banner_text h1 {
    color: #3661c9;
    font-size: 27px;
    font-family: 'Montserrat', sans-serif;
}

.cata_banner_text p {
    font-size: 15px;
    font-style: italic;
    color: #3b3b3b;
    margin: 20px 0px 0;
}

.brouse_all_cat {
    float: left;
    width: 100%;
    margin: 50px 0 30px;
}

.brouse_all_cat_box {
    position: relative;
}

.all_cat_box_inner {
    position: relative;
    width: 1230px;
}

/*Logo Design*/
.banner-logo-inner-img img {
    width: 100%;
}

.logo_portfolio_sec {
    padding: 60px 0 80px;
}

.banner-logo-img {
    margin: 50px 0 0;
}

.banner_list {
    padding: 0 0 0 0px;
    margin: 30px 0 50px;
}

.banner_list li {
    color: #3b3b3b;
    font-size: 18px;
    position: relative;
    list-style: none;
    padding: 0 0 10px 30px;
}

.banner_list li:before {
    content: "";
    background-image: url(../images/banner-list-arrow.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
}

.banner_main.banner_main_logo {
    padding: 120px 0 0;
}

.logo_pack_sec {
    float: left;
    width: 100%;
    margin: 60px 0 0px;
}

.logo_packges_boxes {
    width: 100%;
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
}

.logo_packges_box {
    background-color: #fff;
    /*box-shadow: 0 20px 20px rgba(204, 204, 204, 0.32);*/
    margin: 0 0 0;
    padding: 30px 0 40px;
}

.logo_packges_box:hover {
    background-color: #fff;
    box-shadow: 0 20px 20px rgba(204, 204, 204, 0.32);
    margin: 0 0 0;
    /* padding: 30px 0 30px; */
}

.logo_packges_box_img {
    height: 65px;
    overflow: hidden;
    margin: 40px 0 0;
}

.logo_packges_box_img img {
    margin: 0px auto 0px;
    display: table;
}

.logo_packges_box:hover .logo_packges_box_img img {
    margin: -70px auto 0;
}

.logo_packges_box h2 {
    text-align: center;
    font-size: 22px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    padding-right: 0;
    margin-top: 0;
}

.logo_packges_box:hover h2 {
    color: #3661c9;
}

.pack_dis {

    /* background-color:#fdfdfd; */

    /*padding: 0px 20px 10px;*/
    padding-bottom: 20px;
    margin: 35px 0 0;
}

.pack_dis ul {
    padding: 0px;
    margin: 0px;
}

.pack_dis ul li {
    color: #989897;
    font-size: 15px;
    padding: 0px 0 0 20px;
    margin: 0px 0 30px;
    list-style: none;
    position: relative;
}

.pack_dis ul li:before {
    content: "";
    background-image: url(../images/pack-arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
}

.logo_packges_box:hover .pack_dis ul li:before {
    background-position: 0px -11px;
}

.pack_dis ul li span {
    display: table;
    width: 100%;
}

.pack_btn {
    margin: auto;
    display: table;
}

.pack_btn a {
    text-align: center;
    margin: auto;
    color: #3661c9;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}

.pack_btn a:hover,
.pack_btn a:focus {}

.pack_btn a i {
    margin: 0px 0px 0;
    padding: 0px 0 0;
    position: relative;
    top: 2px;
}

/*.logo_packges_boxes .col-sm-4 {



padding: 0;



}







.logo_packges_box {



border: 1px solid #dedede;



position: relative;



min-height: 665px;



border-radius: 5px;



border-bottom: none;



background-size: contain;



}



.logo_packges_boxes .col-sm-4:first-child .logo_packges_box{



background-image:url(../images/pack1-bg.jpg);



background-position: center bottom;



background-repeat: no-repeat;



width: 100%;



border-right: none;



}







.logo_packges_boxes .col-sm-4:first-child .logo_packges_box_img img {



left: 30px;



}







.logo_packges_boxes .col-sm-4:nth-child(2) .logo_packges_box{



background-image:url(../images/pack2-bg.jpg);



background-position: center bottom;



background-repeat: no-repeat;



width: 100%;



margin: -40px 0px 0;



min-height: 738px;



}







.logo_packges_boxes .col-sm-4:nth-child(2) .logo_packges_box_img img {



left: 30px;



}







.logo_packges_boxes .col-sm-4:last-child .logo_packges_box{



background-image:url(../images/pack3-bg.jpg);



background-position: center bottom;



background-repeat: no-repeat;



width: 100%;



border-left: none;



}







.logo_packges_boxes .col-sm-4::last-child .logo_packges_box_img img {



left: 0px;



}











.logo_packges_boxes .col-sm-4:nth-child(2) .logo_packges_box_img {



min-height: 180px;



}







.logo_packges_boxes .col-sm-4:nth-child(2) .logo_packges_box:before {



content: "";



background-image:url(../images/pack-popular.png);



background-position: right top;



background-repeat: no-repeat;



width: 100%;



position: absolute;



height: 194px;



}







.logo_packges_box_img {



min-height: 140px;



}







.logo_packges_box_img img {



position: absolute;



}







.logo_packges_box h2 {



text-align: right;



font-size: 32px;



text-transform: uppercase;



color: #9fadb7;



 font-family: 'Montserrat', sans-serif;



padding-right: 30px;



}











.pack_dis {



background-color:#fdfdfd;



padding: 40px 20px 10px;



min-height: 298px;



margin: 40px 0 0;



}







.pack_dis ul{



padding:0px;



margin:0px;



}







.pack_dis ul li{



color: #989897;



font-size: 15px;



padding:0px;



margin: 0px 0 30px;



text-align: center;



list-style: none;



}







.pack_dis ul li span{



color: #3b3b3b;



display: table;



width: 100%;



}







.pack_btn {



}







.pack_btn a {



text-align: center;



margin: auto;



position: absolute;



bottom: -26px;



left: 0;



right: 0;



background: linear-gradient(to left,#3661c9 50%,#fff 50%);



background-size: 214%;



background-position: right bottom;



transition: all .5s ease;



color: #fff;



padding: 11px 40px 11px !important;



border-radius: 50px;



transition-duration: .5s;



 font-family: 'Montserrat', sans-serif;



border: 1px solid #3661c9;



font-size: 22px;



width: 70%;



}







.pack_btn a:hover, .pack_btn a:focus {



color: #3661c9;



background-position: left bottom;



text-decoration: none;



background-size: 210%;



border: 1px solid #3661c9;



}







.pack_btn a i {



margin: 0px 0px 0;



padding: 0px 0 0;



position: relative;



top: 2px;



}*/

/*/types_logo_sec/*/

.types_logo_sec {
    float: left;
    width: 100%;
    margin: 0px 0 0px;
}

.types_logo_sec hr {
    width: 80%;
    margin-top: 0;
    margin-bottom: 50px;
    border-top: 1px solid #d9d9d9;
}

.logo_type_slider {
    background-image: url(../images/type-logo-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    margin: 50px 0 0 !important;
    padding: 70px 0;
}

.logo_type_box h2 {
    font-size: 21px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 40px;
}

.logo_type_box h2 span {
    font-family: 'Montserrat', sans-serif;
}

.logo_type_box h2 small {
    background-color: #3b3b3b;
    padding: 8px 10px;
    color: #fff;
    font-size: 21px;
    margin: 0 10px 0 0;
    font-family: 'Montserrat', sans-serif;
}

.logo_type_box p {
    font-size: 18px;
    color: #989897;
    word-spacing: 4px;
}

.logo_type_btn {
    margin: 30px 0 0;
}

.logo_type_btn a {
    color: #3661c9;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

.logo_type_btn a i {
    font-size: 22px;
    margin: 0px 5px 0;
    position: relative;
    top: 3px;
    transition-duration: .5s;
}

.logo_type_btn a:hover,
.logo_type_btn a:focus {
    color: #3b3b3b;
    outline: none;
}

.logo_type_btn a:hover i {
    padding-left: 10px;
}

.logo_type_slider .slick-dots {
    position: absolute;
    bottom: 80px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    left: -470px;
}

.logo_type_slider .slick-dots li.slick-active button {
    background-color: #3661c9;
}

.logo_type_slider .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.logo_type_slider .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

/*key_features_sec*/
.key_features_sec {
    float: left;
    width: 100%;
    margin: 0px 0 0px;
    background-image: url(../images/key-features-bg.jpg);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: top left;
    padding: 60px 0 0;
}

.key_features_boxes {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}

.key_features_boxes .col-sm-4,
.key_features_boxes .col-sm-12,
.key_features_boxes .col-sm-8 {
    padding: 0;
}

.key_features_box {
    background-color: #fff;
    padding: 0px 30px;
    margin: 0;
    border: 1px solid #ccc;
    min-height: 380px;
    align-content: center;
    display: grid;
    transition-duration: .5s;
}

.key_features_box:hover {
    background-color: #3b3b3b;
    position: relative;
    z-index: 999999;
    /* box-shadow: 0 20px 20px #ccc; */
}

.key_features_box:hover h2 {
    color: #fff;
}

.key_features_box:hover p {
    color: #fff;
}

.key_features_box:hover .key_features_btn a {
    color: #fff;
}

.key_features_box h2 {
    color: #3b3b3b;
    font-size: 35px;
    margin: 0 0 20px;
    font-family: 'Montserrat', sans-serif;
}

.key_features_box h2 span {
    display: table;
}

.key_features_box p {
    color: #989897;
    font-size: 18px;
}

.key_features_btn {
    margin: 30px 0 0px;
}

.key_features_btn a {
    color: #3661c9;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

.key_features_btn a i {
    font-size: 22px;
    margin: 0px 5px 0;
    position: relative;
    top: 3px;
    transition-duration: .5s;
}

.key_features_btn a:hover,
.key_features_btn a:focus {
    color: #3b3b3b;
    outline: none;
}

.key_features_btn a:hover i {
    padding-left: 10px;
}

.key_features_btn_blue {
    margin: 0 !important;
}

.key_features_btn_blue a {
    background-color: #3661c9;
    font-size: 31px;
    color: #fff;
    display: block;
    padding: 0px 0 0px;
    width: 100%;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    min-height: 202px;
    align-items: center;
    display: grid;
    transition-duration: .5s;
}

.key_features_btn_blue a:hover {
    background-color: #3b3b3b;
}

.key_features_boxes .col-sm-12:nth-child(3) {
    position: absolute;
    left: 380px;
    z-index: 9999;
    bottom: 0;
    width: 100%;
}

.key_features_boxes .col-sm-12:last-child {
    position: absolute;
    bottom: 0;
    right: -785px;
    width: 107%;
}

.key_features_boxes .col-sm-12:first-child .key_features_box {
    border-bottom: 0px solid transparent;
}

.key_features_boxes .col-sm-12:nth-child(2) .key_features_box {
    border-right: 0px solid transparent;
}

/*benefits_having_sec*/
.benefits_having_sec {
    float: left;
    width: 100%;
    padding: 60px 0 0;
}

.benefits_having_boxes {
    float: left;
    width: 100%;
    margin: 50px 0 0;
}

.benefits_having_sec .benefits_img_box {

    /* margin: auto; */
}

.benefits_1 {
    background-image: url(../images/benefits-icon1.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 80px;
}

.benefits_having_box:hover .benefits_1 {
    background-position: 0px -91px;
}

.benefits_2 {
    background-image: url(../images/benefits-icon2.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 80px;
}

.benefits_having_box:hover .benefits_2 {
    background-position: 0 -85px;
}

.benefits_3 {
    background-image: url(../images/benefits-icon3.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 80px;
}

.benefits_having_box:hover .benefits_3 {
    background-position: 0px -98px;
}

.benefits_4 {
    background-image: url(../images/benefits-icon4.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    width: 96px;
    height: 80px;
}

.benefits_having_box:hover .benefits_4 {
    background-position: 0 -94px;
}

.benefits_having_box h3 {
    font-size: 21px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0 0;
    min-height: 50px;
    display: grid;
}

.benefits_having_box:hover h3 {
    color: #3661c9;
}

.benefits_having_box p {
    font-size: 18px;
    color: #989897;
}

.benefits_having_sec hr {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 0;
    border-top: 1px solid #d9d9d9;
}

/*other_categories_sec*/
.other_categories_sec {
    float: left;
    width: 100%;
    padding: 60px 0 0;
}

.other_categories_boxes {
    float: left;
    width: 100%;
    margin: 50px 0 0;
}

.other_categories_boxes tbody tr td:first-child {

    /* border-top: 1px solid transparent; */
    border-left: 1px solid transparent !important;
}

.other_categories_boxes tbody tr:last-child td {
    border-bottom: 1px solid transparent !important;
}

.other_categories_boxes tbody tr td:last-child {
    border-right: 1px solid transparent !important;
}

.other_categories_boxes tbody tr:first-child td {
    border-top: 1px solid transparent !important;
}

.other_categories_boxes .table-bordered>tbody>tr>td,
.other_categories_boxes .table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.other_categories_boxes .table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.other_categories_boxes .table-bordered>thead>tr>th {
    border: 1px solid #f5f5f5;
}

.other_categories_boxes td {
    width: 17%;
    padding: 0 !important;
}

.other_categories_boxes td a {
    width: 100%;
    display: table;
    color: #989897;
    font-size: 18px;
    height: 60px;
    align-items: center;
    display: grid;
    padding: 0 0 0 50px;
    transition-duration: .5s;
    --c: #3661c9;
    color: #989897;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.other_categories_boxes td a:hover {
    color: #fff;
}

.other_categories_boxes td a span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;
}

.other_categories_boxes td a:hover span {
    transform: translateY(0) scale(2);
}

.other_categories_boxes td a span:nth-child(1) {
    --n: 1;
}

.other_categories_boxes td a span:nth-child(2) {
    --n: 2;
}

.other_categories_boxes td a span:nth-child(3) {
    --n: 3;
}

.other_categories_boxes td a span:nth-child(4) {
    --n: 4;
}

/*Acordians*/
.accordion_sec {
    float: left;
    width: 100%;
    padding: 60px 0 80px;
    background-color: #f9fbfa;
    margin: 60px 0 0;
}

.accordion_boxes {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}

.accordian_box .panel-heading {
    position: relative;
    padding: 0;
    background-color: transparent;
    border-color: transparent;
}

.accordian_box .panel-heading i {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: grid;
    align-items: center;
    color: #020202;
    font-size: 15px;
}

.accordian_box .panel-heading a.accordion-toggle {

    /* padding: 10px 10px; */
    color: #989897;
    font-size: 22px;
}

.accordian_box .panel-heading h4.panel-title {
    padding-left: 15px;
    padding: 15px 10px;
    border: none !important;
    width: 97%;
    font-size: 22px;
    line-height: 28px;
}

.accordian_box .panel-default {
    border-color: transparent;
}

.accordian_box .panel {
    margin-bottom: 10px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px transparent;
}

.logo_por_slider2 .middle_img_fade2 {
    width: 100% !important;
    margin: 0px 0 0 !important;
    display: table !important;
}

.logo_por_slider2 img {

    /* margin: -39% 0 0; */
    width: 100%;
    /* display: table; */
}

/*LogIn Page*/
.login_sec {
    min-height: 845px;
    /* margin: 0px 0 -50px; */
    padding: 0px;
    float: left;
    width: 100%;
    padding: 50px 0 0px;
    background: url(../images/login-bg.jpg) no-repeat center bottom;
    /* padding: 0 0 20px; */

    /* overflow: visible; */
}

.form_box_ls {
    background-color: #fff;
    padding: 30px 50px 30px;
    box-shadow: 0 50px 50px 0px rgba(204, 204, 204, 0.38);
    margin: 20px 0 0;
    border-radius: 5px;
    float: left;
    width: 100%;
}

.login_box h2 {
    text-align: center;
    color: #94d33a;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
}

.signup_box h2 {
    text-align: center;
    color: #3661c9;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
}

.login_box p {
    font-size: 18px;
    color: #878787;
    margin: 0 0 30px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.form_box_ls .form-group {
    margin-bottom: 25px;
}

.form_box_ls .form-control {
    display: block;
    width: 100%;
    height: 54px;
    padding: 6px 12px 6px 30px;
    font-size: 17px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #bbbbbb;
}

.form_box_ls .checkbox {
    width: 50%;
    float: left;
    margin: 0;
}

.form_box_ls .checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    color: #aaaaaa;
    font-size: 15px;
}

.forgot_pwd {
    width: 50%;
    float: right;
    text-align: right;
    color: #f2a73d;
    text-decoration: underline;
    font-size: 15px;
    transition-duration: .5s;
}

.forgot_pwd:hover {
    text-decoration: underline;
    color: red;
}

.form_btn {
    display: table;
    width: 100%;
    font-size: 20px;
    padding: 0px 0;
    margin: 30px auto 10px;
    border-radius: 50px;
    clear: both;
    float: left;
    text-transform: uppercase;
    height: 54px;
}

.form_btn_green {
    color: #fff;
    background: linear-gradient(to left, #94d33a 50%, #fff 50%);
    background-size: 214%;
    background-position: right bottom;
    transition: all .5s ease;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #94d33a;
}

.form_btn_green:hover,
.form_btn_green:focus {
    color: #94d33a;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 1px solid #94d33a;
}

.form_btn_blue {
    color: #fff;
    background: linear-gradient(to left, #3661c9 50%, #fff 50%);
    background-size: 214%;
    background-position: right bottom;
    transition: all .5s ease;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #3661c9;
}

.form_btn_blue:hover,
.form_btn_blue:focus {
    color: #3661c9;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 1px solid #3661c9;
}

.login_bottom {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.login_bottom p {
    color: #aaaaaa;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.login_bottom p a {
    color: #3661c9;
    text-decoration: underline;
}

.login_sec .col-sm-6:first-child {
    padding-right: 30px;
}

.login_sec .col-sm-6:last-child {
    padding-left: 30px;
}

.signup_box.form_box_ls .checkbox {
    width: 100%;
    float: left;
    margin: 0;
}

.signup_box .login_bottom p a {
    color: #f2a73d;
    text-decoration: underline;
}

.signup_box {
    padding-bottom: 50px;
}

/*forget_sec*/
.forget_sec {
    min-height: 845px;
    /* margin: 0px 0 -50px; */
    padding: 0px;
    float: left;
    width: 100%;
    padding: 50px 0 0px;
    background: url(../images/forget-bg.jpg) no-repeat center bottom;
    /* padding: 0 0 20px; */

    /* overflow: visible; */
}

.form_box_forget h2 {
    color: #ff7e65;
    font-size: 55px;
}

.form_box_forget p {
    font-size: 20px;
    color: #aaaaaa;
    margin: 0 0 30px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.form_btn_org {
    color: #fff;
    background: linear-gradient(to left, #ff7e65 50%, #fff 50%);
    background-size: 214%;
    background-position: right bottom;
    transition: all .5s ease;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #ff7e65;
    margin-top: 0;
}

.form_btn_org:hover,
.form_btn_org:focus {
    color: #ff7e65;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 1px solid #ff7e65;
}

.form_box_forget {
    padding-bottom: 80px;
    margin: 100px 0 0;
}

/*Order Step Page*/
.order_main_sec {
    min-height: 625px;
    padding: 0px;
    float: left;
    width: 100%;
    padding: 0px 0 0px;
    background: url(../images/home-header-bg.jpg) no-repeat top center;
}

.order_box {
    background-color: #fff;
    /* min-height: 1000px; */
    box-shadow: 0 50px 35px 5px rgba(0, 0, 0, 0.08);
    margin: 0 0 150px;
    padding: 100px 0 100px;
    float: left;
    width: 100%;
}

.order_box .title_blk {
    text-transform: uppercase;
}

.order_step_nav {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.order_step_nav ul {
    padding: 0;
    margin: 0 auto 0;
    display: table;
    width: 100%;
}

.order_step_nav ul li {
    display: inline-block;
    color: #3b3b3b;
    font-size: 44px;
    /* font-family: Impact; */

    /* font-weight: 400; */
    text-align: center;
    width: 24%;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

.order_step_nav ul li span {
    display: table;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.order_step_nav ul li:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 0;
    align-items: center;
    display: grid;
    height: 30px;
    background-color: transparent;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #dddddd;
    width: 30px;
    color: #dddddd;
    border-radius: 50px;
    padding: 0 0 0 2px;
}

.order_step_nav ul .step_nav_active:before {
    background-color: #7dbb00;
    border: 1px solid #7dbb00;
    color: #fff;
}

.order_step_nav ul li:nth-child(2):before {
    right: -15px;
}

.order_step_nav ul li:nth-child(3):before {
    right: -10px;
}

.order_step_nav ul li:last-child:before {
    display: none;
}

.order_step_nav ul .step_nav_active {
    color: #7dbb00;
}

.order_step_nav hr {
    margin-top: 50px;
    margin-bottom: 0;
    border: 0;
    border-top: 1px dashed #ddd;
    padding: 0 0;
    width: 70%;
}

/*order_step_nav End*/

/*order_step2_form Start*/

.order_step2_form {
    float: left;
    width: 100%;
    margin: 50px 0 0;
    padding: 0 60px 0;
}

.order_step2_form h2 {
    margin: 0;
    font-size: 26px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.order_step2_form form {
    margin: 50px 0 0;
}

.order_step2_form .form-group {
    margin-bottom: 35px;
    display: table;
    width: 100%;
    vertical-align: middle;
    align-items: center;
    display: flex;
}

.order_step2_form label {
    text-align: right;
    width: 100%;
    margin: auto;
    color: #989898;
    font-size: 15px;
}

.order_step2_form label span {
    color: #ff2626;
}

.order_step2_form input[type=checkbox],
.order_step2_form input[type=radio] {
    margin: 5px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    height: 15px;
    padding: 6px 12px 6px;
}

.order_step2_form .form-control {
    display: block;
    width: 83%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.order_step2_form textarea {
    height: auto !important;
    border-radius: 30px !important;
    padding: 10px 15px 10px !important;
}

.type_of_logo {
    padding: 0 95px 0 0;
}

.type_logo_box {
    width: 100%;
    height: 110px;
    border: 1px solid #ddd;
    display: grid;
    border-radius: 20px;
    margin: 0 0 10px;
    position: relative;
}

.type_logo_box img {
    width: 82%;
    margin: auto;
    display: table;
    vertical-align: middle;
    margin: auto;
    padding: 0px 0 0;
}

.type_of_logo .col-sm-3 {
    padding: 0 5px;
}

.type_logo_box input {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    top: -10px;
}

.type_logo_box input[type=checkbox]:before {
    content: "\2714";
    border: 0.1em solid transparent;
    border-radius: 0.2em;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    border-radius: 50px;
}

.type_logo_box input[type=checkbox] {
    -webkit-appearance: none;
}

.type_logo_box input[type=checkbox]:checked:before {
    background-color: #3661c9;
    border-color: #3661c9;
    color: #fff;
    outline: none;
}

.type_logo_box input[type=file]:focus,
.type_logo_box input[type=checkbox]:focus,
.type_logo_box input[type=radio]:focus,
input[type=file]:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.type_logo_box.pepsi {
    background-color: #193571;
}

.order_step2_form input[type=file] {
    cursor: pointer;
    /* width: 90%; */

    /* height: 34px; */
    overflow: hidden;
    align-content: center;
    display: flow-root;
    font-size: 17px;
    padding: 11px 0px 10px 0;
    /* position: relative; */
}

.order_step2_form input[type=file]:before {
    width: 190px;
    height: 37px;
    font-size: 18px;
    /* line-height: 32px; */
    content: 'Select your file';
    display: inline-block;
    /* background: white; */

    /* border: 1px solid #000; */
    padding: 0;
    text-align: center;
    float: right;
    background-color: #3661c9;
    border-radius: 35px;
    color: #fff;
    vertical-align: middle;
    align-items: center;
    display: grid;
    margin: -6px 7px 0px 0;
}

.order_step2_form input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

.business_detail {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}

.business_detail h2 {
    margin-bottom: 40px;
}

.order_step2_form_btn {
    float: right;
}

.order_step2_form button.blue_btn {
    margin: 0 110px 0 0px !important;
    height: 50px;
    font-size: 22px;
    line-height: 20px;
}

/*order_step3*/
.order_step3 {
    float: none;
    width: 95%;
    margin: 50px auto 0;
    display: table !important;
    padding: 60px 0 0;
}

.order_step3_box1 {
    border: 1px solid #dddddd;
    padding: 35px 0px 40px;
    border-radius: 5px;
}

.order_step3 h2 {
    margin: 0 0 25px;
    font-size: 26px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
    padding: 0 30px 0;
}

.order_step3_box1 ul {
    padding: 0 30px 0;
    margin: 0;
}

.order_step3_box1 ul li {
    list-style: none;
    border: 1px solid #ddd;
    height: 60px;
    margin: 0 auto 20px;
    align-content: center;
    vertical-align: middle;
    display: grid;
    padding: 0 20px;
    border-radius: 7px;
    font-size: 15px;
    color: #555555;
}

.order_step3_box1 ul li:nth-child(odd) {
    background-color: #ffffff;
}

.order_step3_box1 ul li:nth-child(even) {
    background-color: #f9fbfa;
}

.order_step3_box1 ul li span {
    text-align: right;
    margin: -20px 0 0;
    color: #aaaaaa;
}

/*order_step3_box2*/
.order_step3_box2 {
    padding: 80px 0px 40px;
    border-radius: 5px;
    float: left;
    width: 100%;
}

.order_step3 h3 {
    margin: 0 0 25px;
    font-size: 34px;
    color: #3b3b3b;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.order_step3_box2 #order_step_tbs li ul {
    display: none;
    float: left;
    margin: 0;
    padding: 20px 20px 30px;
    width: 100%;
    border: 1px solid #ddd;
    margin: -4px 0 20px;
    /* border-top: none; */
    border-radius: 0px 0px 7px 7px;
    background-color: #fff;
}

.order_step3_box2 #order_step_tbs {
    margin: 0;
    padding: 0;
}

.order_step3_box2 #order_step_tbs li:before {
    font-size: 0;
    padding: 0 10px 0 0px;
}

.order_step3_box2 #order_step_tbs li a {
    padding: 0 20px 0px;
    color: #666666;
    font-size: 18px;
    transition-duration: .5s;
    height: 60px;
    display: block;
    border: 1px solid #ddd;
    vertical-align: middle;
    align-content: center;
    display: grid;
    margin: 0 0 0px;
    width: 100%;
    border-radius: 7px;
}

.order_step3_box2 #order_step_tbs li a:hover,
.order_step3_box2 #order_step_tbs li a:focus {

    /* color: #fdb813; */
    text-decoration: none;
    background-color: #fafafa;
}

.order_step3_box2 #order_step_tbs li {
    padding: 0 0 0px;
    display: block;
    margin: 0 0 20px 0px;
}

.order_step3_box2 #order_step_tbs li a i {
    margin: 0 5px 0 0;
    text-align: right;
    margin: -22px 0 0;
    color: #666666;
    font-size: 14px;
}

.order_step3_box2 #order_step_tbs li ul li {
    padding: 0px 0px 0 0px;
    margin: 0 0px 0;
}

.order_step3_box2 #order_step_tbs li ul li:before {
    font-size: 8px;
    padding: 0 5px 0 0;
}

.step_3_item {
    width: 75%;
    float: left;
}

.step_3_quantity {
    width: 25%;
    float: left;
    margin: 38px 0 0;
}

.step_3_quantity .btn {
    margin: 0px 0 15px;
    height: 50px;
    color: #008dfd;
    font-size: 18px;
    border-radius: 7px;
    padding: 0 10px !important;
}

.step_3_quantity .btn:hover,
.step_3_quantity .btn:focus {
    color: #fff;
    outline: none;
}

.order_step3_box2 h4 {
    margin: 0 0 20px;
    font-size: 18px;
    color: #3b3b3b;
    font-family: 'Montserrat', sans-serif;
}

.step_3_quantity h4 {
    text-align: right;
}

.item_main ol {
    padding: 0;
    margin: 0;
}

.item_main ol li {
    border: 1px solid #ddd;
    height: 50px;
    padding: 0 20px 0 !important;
    margin: 0 10px 15px 0 !important;
    align-content: center;
    display: grid !important;
    border-radius: 7px;
    font-size: 15px;
    color: #555555;
}

.item_main ol li span {
    text-align: right;
    margin: -20px 0 0;
    color: #aaaaaa;
}

.quan-main .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 29px;
}

.quan-main input.form-control.input-number {
    text-align: center;
    font-size: 15px;
    color: #666666;
    border-radius: 0px !important;
}

.quan-main {
    float: right;
    /* height: 65px; */
    padding: 8px 0 0;
    width: 100px;
}

.quan-main .btn {
    display: inline-block;
    padding: 6px 8px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/*Cost*/
.order_step3_cost {
    border: 1px solid #7dbc00;
    padding: 35px 30px 40px;
    border-radius: 5px;
    margin: 30px 0 0;
}

.order_step3_cost h4 {
    font-size: 44px;
    color: #7dbb00;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.order_step3_cost h4 small {
    font-size: 15px;
    display: table;
    color: #7dbb00;
}

.order_step3_cost table tr:first-child {
    border-top: 0px solid #ddd;
}

.order_step3_cost table tr {
    border-top: 1px solid #ddd;
    width: 100%;
}

.order_step3_cost table tr td {
    color: #aaaaaa;
    font-size: 15px;
    padding: 20px 0 6px;
    vertical-align: bottom;
    border-top: 0px solid #ddd;
    width: 70%;
}

.order_step3_cost table tr td h5 {
    font-size: 15px;
    color: #555555;
    margin: 0;
}

.order_step3_cost table tr td h5 small {
    display: table;
    color: #989898;
    font-size: 12px;
    margin-bottom: 5px;
}

.step3_cost_btn {
    text-align: center;
    float: left;
    width: 50px !important;
    margin: 12px 0 0;
    padding: 0;
}

.step3_cost_btn a.btn {
    padding: 0 0px;
    color: #cbcbcb;
    margin: 0px 0px 0px 6px;
}

.order_step3_cost_btn button {
    font-size: 20px;
    display: table;
    /*margin: auto;*/
    padding: 10px 40px 9px !important;
}

.order_step3_cost_btn {
    margin: 40px auto 10px;
    float: none;
    /* display: table; */
}

.green_btn {
    background: linear-gradient(to left, #7dbb00 50%, #fff 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 13px 40px 12px !important;
    border-radius: 50px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #7dbb00;
}

.green_btn:hover,
.green_btn:focus {
    color: #7dbb00;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 1px solid #7dbb00;
}

.grey_btn {
    background: linear-gradient(to left, #bbbbbb 50%, #fff 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 13px 40px 12px !important;
    border-radius: 50px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #bbbbbb;
}

.grey_btn:hover,
.green_btn:focus {
    color: #bbbbbb;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 1px solid #bbbbbb;
}

.order_step3_btn {
    border-top: 1px solid #ddd;
    margin: 0px 0 0px;
    float: right;
    width: 100%;
    padding: 30px 0px 0;
}

.order_step3_btn_box {
    float: right;
}

.order_step3_btn_box .blue_btn {
    font-size: 20px;
    padding: 10px 40px 9px !important;
}

.order_step3_btn_box .grey_btn {
    font-size: 20px;
    padding: 10px 40px 9px !important;
}

/*//*/
.all_cat_box_inner .benefits_img_box {
    margin: auto;
    display: table;
}

.all_cat_box_inner .benefits_having_box h3 {
    text-align: center;
}

.cat_box_slider {
    padding: 30px 10px 40px;
    transition-duration: .5s;
}

.cat_box_slider:hover {
    background-color: #fff;
    /* min-height: 1000px; */
    box-shadow: 0 16px 19px 5px rgba(0, 0, 0, 0.08);
}

.cat_box_slider h3 {
    font-size: 20px;
    color: #3b3b3b;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    min-height: 60px;
}

.cat_box_icons {
    height: 70px;
    /* width: 70px; */
    margin: auto;
    position: relative;
}

.cat_box_slider img {
    margin: 10px auto 30px;
    /* width: 100%; */

    /* max-height: 100%; */
    height: 100%;
    min-height: 70px;
}

.cat_box_slider p {
    font-size: 15px;
    color: #989897;
    text-align: center;
    margin: 20px 0 0;
    /* display: table; */
    font-family: 'Montserrat', sans-serif;
    min-height: 90px;
    align-items: center;
    display: grid;
}

.logo_type_btn {
    margin: 30px 0 0;
}

.cat_box_slider a:last-child {
    width: auto;
}

.cat_box_slider a {
    color: #3661c9;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    margin: 30px auto 0;
    display: table;
    width: 100%;
}

.cat_box_slider a i {
    font-size: 22px;
    margin: 0px 5px 0;
    position: relative;
    top: 3px;
    transition-duration: .5s;
}

.cat_box_slider a:hover,
.cat_box_slider a:focus {
    color: #3b3b3b;
    outline: none;
}

.logo_type_btn a:hover i {
    padding-left: 10px;
}

/*.brouse_all_cat_box .slider-for-cat .slick-list {



overflow: visible;



}



*/
.brouse_all_cat_box .slider-for-cat .slick-list {
    overflow: hidden;
    min-height: 500px;
}

.all_cat_box_inner .browse_category_box {
    border: 1px solid #ddd;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    padding: 18px 0;
    position: relative;
}

.brouse_all_cat_box .col-sm-3 {
    padding-right: 0;
}

.brouse_all_cat_box h2.title_blk_left {
    border-bottom: 1px solid #ddd;
    padding: 25px 0px 43px;
    width: 106%;
}

.brouse_all_cat_box .slider-for-cat .col-sm-3 {
    padding-right: 15px;
}

.all_cat_box_inner .browse_category_box .category_img_box {
    margin: auto;
    overflow: hidden;
}

.test {
    position: fixed;
    top: 0;
    width: 420px;
    background-color: #fff;
    z-index: 999;
}

.relate {
    position: relative;
}

/*3D Logo Page*/
.d3_logo_slider img {
    width: 100%;
}

.home_slider .carousel-indicators .active {
    background-color: #3661c9;
    border: solid #3661c9;
}

.hovereffect,
.hovereffect img {
    overflow: hidden;
    transition-duration: .5s;
}

.hovereffect:hover img {
    transform: scale(1.2);
}

.hovereffect:hover:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.57);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.hovereffect:hover:after {
    content: "\f00e";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: 55px;
    margin: auto;
    display: table;
    text-align: center;
}

/*Combo Packges Page*/
.combo_pack_sec {
    float: left;
    width: 100%;
    padding: 60px 0 0;
}

.combo_packges_boxes {
    background-color: #fff;
    float: left;
    width: 100%;
    box-shadow: 0 1px 17px 5px rgba(204, 204, 204, 0.29);
    padding: 70px 0px 70px 40px;
}

.combo_packges_box_main {
    float: left;
    width: 100%;
    margin: 100px 0 40px;
}

.combo_packges_box {
    position: relative;
}

.combo_packges_box img {
    position: absolute;
    top: -115px;
    width: 100%;
}

.combo_packges_box h3 {
    margin: 0 0;
    color: #3b3b3b;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}

.combo_packges_box p {
    color: #787878;
    margin: 10px 0 0;
    font-size: 15px;
}

.combo_packges_box h2 {
    margin: 40px 0 15px;
    color: #3b3b3b;
    font-size: 55px;
    font-family: 'Montserrat', sans-serif;
}

.combo_packges_boxes hr {
    margin-top: 20px;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #d9d9d9;
    margin-right: 40px !important;
}

.combo_packges_box_main .logo_packges_boxes {
    width: 100%;
    margin: 40px 0 40px;
    display: flex;
    justify-content: center;
}

.combo_packges_boxes .logo_packges_boxes .col-sm-4 {
    padding-left: 0px;
}

.combo_packges_boxes .logo_packges_box {
    background-color: #fff;
    /* box-shadow: 0 20px 20px rgba(204, 204, 204, 0.32); */
    margin: 0 0 0;
    padding: 15px 0 0px;
    min-height: 275px;
    width: 90%;
}

.combo_packges_boxes .logo_packges_box:after {
    border-left: 1px solid #d9d9d9;
    content: "";
    height: 140px;
    position: absolute;
    /* top: 0; */
    left: -30px;
    bottom: 80px;
    margin: auto;
}

.combo_packges_boxes .col-sm-4:first-child .logo_packges_box:after {
    border-left: 0px solid #d9d9d9;
}

.logo_packges_box h2 {
    text-align: left;
    margin: 0 0 30px;
}

.combo_packges_boxes .pack_dis ul li {
    margin: 0px 0 10px;
}

.combo_pack_btn .blue_btn {
    font-size: 22px;
    padding: 10px 40px 9px !important;
}

.combo_pack_num {
    color: #3b3b3b;
    font-size: 22px;
    margin: 0 0 0 30px;
    font-family: 'Montserrat', sans-serif;
    transition-duration: .5s;
}

.combo_pack_num span {
    color: #3661c9;
    font-family: 'Montserrat', sans-serif;
}

.combo_pack_num:hover,
.combo_pack_num:focus {
    color: #ff5a27;
}

.combo_pack_chat {
    color: #ff5a27;
    font-size: 22px;
    border-left: 1px solid #d9d9d9;
    padding: 0 0 0px 20px;
    margin: 0 0 0 20px;
    transition-duration: .5s;
}

.combo_pack_chat:hover,
.combo_pack_chat:focus {
    color: #000;
}

.logo_animation_slider {
    min-height: 500px;
}

.logo_animation_slider .banner_main.banner_main_logo {
    padding: 160px 0 0;
}

.logo_design_slider .banner_main.banner_main_logo {
    padding: 180px 0 0;
}

.creative_writing_slider .banner_main.banner_main_logo {
    padding: 160px 0 0;
}

.printing_bus_slider .banner-logo-inner-img img {
    margin: 80px 0 0;
}

.creative_writing_slider img {
    margin: 70px 0 0;
}

.fadein_box video {
    width: 100%;
}

.event_tents_slider .banner-logo-inner-img img {
    width: 100%;
    margin: 30px 0 0;
}

.event_tents_slider .banner_main.banner_main_logo {
    padding: 150px 0 0;
}

.flags_slider .banner-logo-inner-img img {
    width: 100%;
    margin: 50px 0 0;
}

.flags_slider .banner_main.banner_main_logo {
    padding: 150px 0 0;
}

.printing_business_collateral_slider .banner-logo-inner-img img {
    width: 100%;
    margin: 90px 0 0;
}

.printing_business_collateral_slider .banner_main.banner_main_logo {
    padding: 150px 0 0;
}

/**



 * ----------------------------------------



 * animation tracking-in-contract



 * ----------------------------------------



 */
@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }

}

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }

}

.tracking-in-contract:hover {
    -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/*Portfolio Hover Effect*/
.fadein_box a:hover .border_line_animate:before,
.fadein_box a.hover .border_line_animate:before,
.fadein_box a:hover .border_line_animate:after,
.fadein_box a.hover .border_line_animate:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
    z-index: 9999;
}

.fadein_box a:hover .border_line_animate:before,
.fadein_box a.hover .border_line_animate:before,
.fadein_box a:hover .border_line_animate:after,
.fadein_box a.hover .border_line_animate:after,
.fadein_box a:hover .border_line_animate div:before,
.fadein_box a.hover .border_line_animate div:before,
.fadein_box a:hover .border_line_animate div:after,
.fadein_box a.hover .border_line_animate div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.fadein_box a .border_line_animate {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px 10px;
    width: 100%;
    height: 100%;
}

.fadein_box a .border_line_animate:before {
    top: 15px;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.fadein_box a .border_line_animate:before,
.fadein_box a .border_line_animate:after {
    height: 2px;
    width: 100%;
    position: absolute;
    content: '';
    background-color: #ffffff;
}

.fadein_box a .border_line_animate:after {
    bottom: 15px;
    right: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.fadein_box a .border_line_animate div:before {
    top: 0;
    right: 5px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    bottom: 0;
    margin: auto;
}

.fadein_box a .border_line_animate div:after {
    bottom: 0;
    left: 5px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 0;
    margin: auto;
}

.fadein_box a .border_line_animate div:before,
.fadein_box a .border_line_animate div:after {
    width: 2px;
    height: 540px;
    position: absolute;
    content: '';
    background-color: #ffffff;
    /* right: 0; */
}

.fadein_box a:hover .border_line_animate div {
    opacity: 1;
}

.fadein_box a .border_line_animate div {
    background-image: url(../images/zoom.png);
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: 22%; */
    height: 55px;
    position: relative;
    top: 40%;
    bottom: 0;
    margin: auto;
    opacity: 0;
    z-index: 999;
    /* display: grid; */
    align-items: center;
    left: 0;
    right: 0px;
    transition-duration: .5s;
    width: 100%;
}

/*line animation*/
.fadein_box a *,
.fadein_box a *:before,
.fadein_box a *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

.fadein_box a:hover:before,
.fadein_box a:hover:after {
    opacity: 1;
}

.fadein_box a:before {
    background-color: rgba(0, 0, 0, 0.69);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in 0s;
    width: 100%;
    z-index: 2;
}

.fadein_box a {
    overflow: hidden;
}

.fadein_box a img {
    max-width: 100%;
    position: relative;
    transform: scale(1) rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 0;
}

.fadein_box a:hover img {
    transform: scale(1.4) rotate(7deg);
}

.fancybox.fancybox_middle_img {
    margin: 33% 0 0;
}

/*Portfolio Hover Effect*/
.web_portfolio {
    float: left;
    width: 100%;
    margin: 30px 0 70px;
}

.benefits_having_box:hover div {
    animation: pulse 1s infinite;
    animation-timing-function: linear;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }

}

.slider-for-cat .slider_for_cat_box {
    display: none;
}

.slider-for-cat .slick-current .slider_for_cat_box {
    display: block;
}

.slider-for-cat.slick-initialized .slick-slide.slick-current {
    display: table;
    margin: auto;
    left: 0 !important;
}

.slider-for-cat.slick-initialized .slick-slide {
    display: none;
}

#home_slick .slick-list {
    overflow: visible;
}

/*Video*/
.video_slider .banner-logo-inner-img img {
    width: 100%;
    margin: 100px 0 -90px;
}

.video_slider .banner_main.banner_main_logo {
    padding: 150px 0 0;
}

.all_portfolio_sec.video_portfolio {
    float: left;
    width: 100%;
    padding: 70px 0 80px;
}

.video_portfolio .all_por_slider1 {
    float: left;
    width: 100%;
    margin: 50px 0 40px;
}

/*.video_portfolio .col-sm-2 {
padding: 0px;
width: 20%;
}*/
.video_port_box {
    float: left;
    width: 95%;
    position: relative;
    /* overflow:hidden; */
    transition-duration: .5s;
}

.video_port_box a.fancybox_hover:hover:before,
.video_port_box:hover a.fancybox_hover:before {
    content: "";
    position: absolute;
    background-image: url(../images/play-icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100%;
    top: 0;
    bottom: 0;
}

.video_port_box a.fancybox_hover {
    overflow: hidden;
    float: left;
    width: 100%;
    position: relative;
    transition-duration: .5s;
}

.video_port_box a.fancybox_hover:hover:after,
.video_port_box:hover a.fancybox_hover:after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.53);
    background-position: 0 0px;
    background-repeat: no-repeat;
    z-index: 999;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
}

.video_port_box a.fancybox_hover:hover img {
    transform: scale(1.4) rotate(7deg);
}

.video_port_box img {
    width: 100%;
    transform: scale(1) rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
}

.video_port_text {
    float: left;
    width: 100%;
    padding: 30px 20px 30px;
    margin-bottom: 50px;
}

.video_port_box:hover .video_port_text {
    background-color: #fff;
    /* min-height: 1000px; */
    box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.15);
}

.video_port_box:hover .video_port_text a {
    color: #ff5050;
}

.video_port_text p {
    font-size: 20px;
    color: #000;
    float: left;
    margin: 0px;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.video_port_text a {
    font-size: 20px;
    color: #3661c9;
    float: right;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.video_port_text a:focus {
    outline: none;
}

.video_type_box_inner {
    width: 145%;
    margin: 50px 0 80px;
}

.video_type_box_inner img {
    width: 95%;
}

.video_type_slider .slick-current:nth-child(4) {
    opacity: .5;
}

.video_type_box h3 {
    color: #3b3b3b;
    font-size: 22px;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.video_type_box p {
    color: #989897;
    font-size: 18px;
}

.video_type_box a {
    color: #3661c9;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0 0;
    display: table;
}

.video_type_box a i {
    font-size: 22px;
    margin: 0px 5px 0;
    position: relative;
    top: 3px;
    transition-duration: .5s;
}

.video_type_box a:hover,
.video_type_box a:focus {
    color: #3b3b3b;
    outline: none;
}

.video_type_box_inner {
    width: 145%;
    margin: 50px 0 20px;
}

.video_type_text {
    padding: 10px 20px 20px;
    margin: 0 0 40px;
    width: 95%;
}

.video_img_box img {
    width: 100%;
}

.video_type_box:hover .video_type_text {
    background-color: #fff;
    /* min-height: 1000px; */
    box-shadow: 0 16px 19px 5px rgba(0, 0, 0, 0.08);
}

.video_type_box a.fancybox_hover:hover:before,
.video_type_box:hover a.fancybox_hover:before {
    content: "";
    position: absolute;
    background-image: url(../images/play-icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100%;
    top: 0;
    bottom: 0;
}

.video_type_box a.fancybox_hover:hover:after,
.video_type_box:hover a.fancybox_hover:after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.53);
    background-position: 0 0px;
    background-repeat: no-repeat;
    z-index: 999;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
}

.video_type_box a {
    overflow: hidden;
    position: relative;
}

.benefits_having_sec_video {
    float: left;
    width: 100%;
    padding: 60px 0 0;
}

.benefits_having_video_boxes {
    margin: 50px 0 50px;
    float: left;
    transition-duration: .5s;
}

.having_video_box_left {
    background-color: #eeeeee;
    text-align: center;
    padding: 30px 0px;
    min-height: 224px;
}

.benefits_having_video_box h2 {
    font-size: 100px;
    font-weight: 900;
    text-align: center;
    color: #fff;
}

.having_video_box_right h3 {
    color: #000000;
    font-size: 21px;
    font-family: 'Conv_Proxima Nova Alt Bold';
    margin: 0 0 15px 0;
}

.having_video_box_right a {
    color: #3b3b3b;
    font-size: 18px;
    font-family: 'Conv_Proxima Nova Alt Bold';
    float: right;
    margin: 13px 0 -13px;
}

.having_video_box_right p {
    color: #989897;
    font-size: 18px;
    margin: 0px;
}

.benefits_having_video_box .col-sm-3 {
    padding-right: 0;
}

.benefits_having_video_box .col-sm-9 {
    padding-left: 0;
}

.having_video_box_right {
    background-color: #f9fafb;
    padding: 23.5px 30px;
    float: left;
    margin: 0 0 40px;
    min-height: 224px;
}

.benefits_having_video_box:hover .having_video_box_left {
    background-color: #3661c9;
}

.having_video_box_right:hover a {
    color: #3661c9;
}

/*Online marketing*/
.online_marketing_slider .banner_main.banner_main_logo {
    padding: 150px 0 0;
}

.online-marketing img {
    margin: 80px 0 0;
}

.online_marketing_portfolio {
    float: left;
    width: 100%;
    margin: 60px 0px 170px;
    background-color: #fff;
    box-shadow: 0px 30px 35px 5px #ececec;
    padding: 70px 0px 0 0px;
    max-height: 490px;
}

.online_portfolio_text {
    padding: 35px 0 0 30px;
}

.online_portfolio_text h3 {
    font-size: 26px;
    color: #3661c9;
    margin: 0 0 25px;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.online_portfolio_text p {
    font-size: 17px;
    color: #3b3b3b;
}

.online_portfolio_img {
    position: relative;
    margin: 0;
    overflow: visible;
}

.online_portfolio_nav_cat img {
    width: 100%;
    padding: 0 30px 80px 0;
    z-index: 9;
}

.online_portfolio_nav_cat .slick-list {}

.online_portfolio_img h3 {
    font-size: 26px;
    color: #fff;
    margin: 0 0 0px;
    font-family: 'Conv_Proxima Nova Alt Bold';
    position: absolute;
    right: 10%;
    background-color: #3661c9;
    padding: 45px 15px 15px;
}

.online_portfolio_for_cat .slick-prev,
.online_portfolio_for_cat .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto;
    display: block;
    width: 70px;
    height: 80.7px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #e5e5e5;
    bottom: -72.4%;
    transition-duration: .5s;
}

.content_portfolio_for_cat .slick-prev,
.content_portfolio_for_cat .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto;
    display: block;
    width: 70px;
    height: 80.7px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #e5e5e5;
    bottom: -86.7%;
    transition-duration: .5s;
}

.online_portfolio_for_cat .slick-prev:before,
.online_portfolio_for_cat .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #3b3b3b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.online_portfolio_for_cat .slick-prev:before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
}

.online_portfolio_for_cat .slick-next:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
}

.online_portfolio_for_cat .slick-next {
    right: -25px;
}

.online_portfolio_for_cat .slick-prev {
    right: 50px;
    left: inherit;
}

.online_portfolio_for_cat .slick-next:hover,
.online_portfolio_for_cat .slick-prev:hover {
    background: #3661c9;
    color: #fff;
}

.online_portfolio_for_cat .slick-next:hover:before,
.online_portfolio_for_cat .slick-prev:hover:before {
    color: #fff;
}

/*mobile app Design Development*/
.mobile_app .banner-logo-inner-img img {
    width: 100%;
    margin: 50px 0 0;
}

.banner_main_app_design {
    padding: 140px 0 0;
}

.app_portfolio_sec {
    margin: 50px 0 260px;
    position: relative;
}

/*.app_portfolio_slider_bg  {



background-image: url(../images/mobile-app-design-development/mobile-bg.png);



background-size: cover;



background-repeat: no-repeat;



background-position: -1px 10px;



width: 400px !important;



height: 760px;



margin: 0px 0 0;



padding: 0px 0px 0px 0px;



position: absolute;



left: 0;



right: 0;



margin: auto;



top: 0;



z-index: 1;



}*/
.app_portfolio_slider_bg {
    background-image: url(../images/mobile-app-design-development/mobile-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -6px 16px;
    width: 20% !important;
    height: 120%;
    margin: 0px 0 0;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: 1;
}

.app_portfolio_slider img {
    width: 77%;
    margin: 98px auto 0;
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.app_portfolio_slider .slick-slide.slick-current img {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.app_portfolio_sec .slick-dots {
    position: absolute;
    bottom: -30%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.app_portfolio_sec .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.app_portfolio_sec .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: #e5e5e5;
    border: 0;
    outline: none;
    background: #e5e5e5;
    border-radius: 50px;
}

.app_portfolio_sec .slick-dots li.slick-active button {
    color: #3661c9;
    background: #3661c9;
}

.app_portfolio_sec .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: #e5e5e5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*latest_technology Sec*/
.latest_technology_sec {
    float: left;
    width: 100%;
}

.latest_technology_sec hr {
    width: 80%;
    margin-top: 0;
    margin-bottom: 50px;
    border-top: 1px solid #d9d9d9;
}

.latest_technology_boxes {
    float: left;
    width: 100%;
    margin: 60px 0 0;
}

.latest_technology_img img {
    width: 100%;
}

.latest-technology-icon-box {
    margin: auto;
    background-color: #eeeeee;
    text-align: center;
    align-items: center;
    display: grid;
    height: 150px;
    width: 100%;
    border-radius: 10px;
    margin: 30px 0 15px;
    transition-duration: .5s;
}

.latest-technology-icon-boxes {
    transition-duration: .5s;
}

.latest-technology-icon-boxes:hover .latest-technology-icon-box {
    background-color: #3661c9;
}

.latest-technology-icon {
    background-repeat: no-repeat;
    width: 100%;
    height: 75px;
}

.latest-technology-icon1 {
    background-image: url(../images/latest-technology-icon1.png);
    background-position: center 0px;
}

.latest-technology-icon-boxes:hover .latest-technology-icon1 {
    background-position: center -92px;
}

.latest-technology-icon2 {
    background-image: url(../images/latest-technology-icon2.png);
    background-position: center 0px;
}

.latest-technology-icon-boxes:hover .latest-technology-icon2 {
    background-position: center -95px;
}

.latest-technology-icon3 {
    background-image: url(../images/latest-technology-icon3.png);
    background-position: center 0px;
}

.latest-technology-icon-boxes:hover .latest-technology-icon3 {
    background-position: center -100px;
}

.latest-technology-icon4 {
    background-image: url(../images/latest-technology-icon4.png);
    background-position: center 0px;
}

.latest-technology-icon-boxes:hover .latest-technology-icon4 {
    background-position: center -99px;
}

.latest-technology-icon5 {
    background-image: url(../images/latest-technology-icon5.png);
    background-position: center 0px;
}

.latest-technology-icon-boxes:hover .latest-technology-icon5 {
    background-position: center -100px;
}

.latest-technology-icon6 {
    background-image: url(../images/latest-technology-icon6.png);
    background-position: center 0px;
}

.latest-technology-icon-boxes:hover .latest-technology-icon6 {
    background-position: center -100px;
}

.latest_technology_boxes p {
    color: #3b3b3b;
    font-size: 18px;
    margin: 50px 0 20px;
}

.latest_technology_boxes h4 {
    color: #3b3b3b;
    font-size: 18px;
    margin: 0px 0 0px;
    text-align: center;
    font-family: 'Conv_Proxima Nova Alt Bold';
    text-transform: uppercase;
    transition-duration: .5s;
}

.latest-technology-icon-boxes:hover h4 {
    color: #3661c9;
}

/*facebook*/
.facebook_banner .banner_main.banner_main_logo {
    padding: 170px 0 0;
}

.facebook_banner img {
    margin: 85px 0 0;
}

/*Help_sec*/
.does_work_sec {
    padding: 80px 0 70px;
    float: left;
    width: 100%;
    background-image: url(../images/help-center-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.does_work_boxes h3 {
    margin: 0 0 10px;
    color: #3b3b3b;
    font-size: 36px;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.does_work_box2 {
    padding-left: 10px;
}

.does_work_boxes .does_work_box2 h3 {
    color: #fff;
    margin: 0 0 20px;
}

.does_work_boxes p {
    color: #989897;
    font-size: 18px;
}

.does_work_boxes .does_work_box2 p {
    color: #fff;
}

.contact_form_all {
    margin: 30px 0 0;
    display: table;
    width: 100%;
}

.contact_form_all .col-sm-12,
.contact_form_all .col-sm-6 {
    padding-left: 0;
}

.character_img {
    position: absolute;
    left: 2%;
    display: none;
}

.does_work_box2 img {
    margin: 0 0 45px;
}

.does_work_box2_btn {
    float: left;
    width: 100%;
    margin: 175px 0 0;
}

.does_work_box2_btn a:first-child {
    font-size: 22px;
}

.does_work_box2_btn a:first-child span {
    font-family: 'Montserrat', sans-serif;
}

.does_work_box2_btn a:last-child {
    margin: 0 0 0 15px;
    font-size: 22px;
}

.white_btn {
    background: linear-gradient(to left, #ffffff 50%, transparent 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #3661c9;
    padding: 8px 40px 7px !important;
    border-radius: 50px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #fff;
}

.white_btn:hover,
.white_btn:focus {
    color: #fff;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 1px solid #fff;
}

.d_grey_btn {
    background: linear-gradient(to left, #3b3b3b 50%, #fff 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 8px 40px 7px !important;
    border-radius: 50px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    font-family: 'Montserrat', sans-serif;
    border: 0px solid #3b3b3b;
}

.d_grey_btn:hover,
.d_grey_btn:focus {
    color: #3b3b3b;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 0px solid #3b3b3b;
}

.d_grey_btn:hover,
.d_grey_btn:focus {
    color: #3b3b3b;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 0px solid #3b3b3b;
}

.md-form {
    margin: 0 0 20px;
}

.contact_form_all .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d5d5d5;
    border-radius: 42px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.md-textarea {
    height: auto !important;
    border-radius: 20px !important;
    padding-top: 15px !important;
}

.contact_form_all .form-control:focus {
    border-color: #008efe;
}

.contact_form_all button {
    float: right;
    font-size: 22px;
    margin-top: 24px;
    padding: 7px 40px 6px !important;
}

/*Footer Sec*/
.sec_footer {
    float: left;
    width: 100%;
    background-color: #f1f1f1;
    padding: 60px 0 40px;
}

.section--dark {

    /* background: #f3f2f0; */
}

.footer_title {
    margin: 0 0 25px;
    color: #f88379;
    font-size: 22px;
    font-weight: 700;
}

.footer_box p {
    font-size: 15px;
    color: #777777;
    line-height: 25px;
}

.footer_box p a {
    color: #e03434;
    font-size: 15px;
}

.footer_box ul {
    padding: 0;
}

.footer_box ul li {
    list-style: none;
    padding-bottom: 5px;
}

.footer_box ul li a {
    color: #777777;
    font-size: 15px;
    transition-duration: .3s;
}

.footer_box ul li a:hover {
    color: #e23d41;
    text-decoration: none;
    padding-left: 5px;
}

.footer_bottom {
    float: left;
    width: 100%;
    background-color: #0f3a5d;
    padding: 15px 0 15px;
    align-content: center;
    display: grid;
}

.footer_bottom p {
    color: #fff;
    float: left;
    margin: 0;
    font-size: 15px;
}

.footer_bottom ul {
    padding: 0;
    float: right;
    margin: 0;
}

.footer_bottom ul li {
    display: inline-block;
    margin: 0;
}

.footer_bottom ul li a {
    font-size: 15px;
    color: #fff;
    padding-left: 20px;
    transition-duration: .5s;
}

.footer_bottom ul li a:hover {
    color: #e23d41;
    text-decoration: none;
}

.our_recognations {
    float: left;
    width: 100%;
    padding: 60px 0 60px;
}

.our_recognations_boxes {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    align-items: center;
    display: flex;
    justify-content: center;
}

.our_recognations_box img {
    text-align: center;
    margin: auto;
    display: table;
}

.email_sec a {
    color: #3b3b3b;
    font-size: 15px;
    float: left;
    margin: 10px 0 0;
    width: 100%;
    display: inline-flex;
}

/*Footer Sec*/
.fade_img_slider1 {
    margin-bottom: 0px !important;
}

/*Hosting Services*/
.hosting_services .banner-logo-inner-img img {
    width: 100%;
    margin: 100px 0 0;
}

.hosting_services .banner_main.banner_main_logo {
    padding: 140px 0 0;
}

.hosting_services .banner_main p {
    margin: 30px 0 0 0;
}

.hosting_plan_works .all_portfolio_btn {
    margin: 50px auto 0px;
    display: table;
}

.hosting_plan_works .all_portfolio_btn .blue_btn {
    font-size: 22px;
    padding: 8px 25px 7px !important;
    margin: auto;
    display: table;
}

.hosting_plan_works .all_portfolio_btn p {
    color: #999999;
    font-size: 15px;
    text-align: center;
    margin: 20px auto 0;
}

/*Feature Table Sec*/

/*Features Table*/
.features_table_main_box {
    background-color: #fff;
    /* min-height: 1200px; */
    box-shadow: 0 16px 29px 5px rgba(0, 0, 0, 0.08);
    width: 100%;
    float: left;
}

.features_table_sec_hosting h2 {
    font-size: 20px !important;
    margin: 0px 0 0;
    text-align: center;
    /* font-weight: 700; */
    color: #fff;
    background-color: #008dfd;
    padding: 20px 0 20px;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.features-table-first {
    margin: -1px 0 0;
}

.features_table_sec_hosting h2 span {
    color: #f0474a;
}

.features_table_sec_hosting li {
    list-style: none;
}

.features-table-free {

    /* margin: -57px 0 0; */

    padding: 40px 0 50px;
}

.features-table li {

    /* background: #da9748 none repeat scroll 0 0; */

    border-bottom: 1px solid #d9d9d9;
    color: #343434;
    font-size: 15px;
    padding: 26px 0px 20px 0px;
    font-weight: 500;
    margin: 0 0px 0 0;
    text-align: center;
}

.features-table li:hover {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    /* color: #fff; */
}

.features_table h1 {
    font-size: 23px !important;
}

.features-table h1 {
    background: #6b6b6b none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 19px 21px;
    text-transform: uppercase;
}

.features-table h1 {
    border-top-left-radius: 20px;
    text-align: center;
}

.features_table_sec_hosting .fa.fa-check {
    color: #7bc829;
}

.features_table_sec_hosting .fa.fa-times {
    color: #ff0000;
}

.features_table_sec_hosting .fa {
    font-size: 18px;
}

.features_table_sec_hosting .no-padding {
    padding: 0;
}

.features_table_sec_hosting ul {
    padding: 0;
    margin-bottom: 0;
}

.features_table_sec_hosting {

    /* counter-reset: section; */

    /* Set the section counter to 0 */

    background-image: url(../images/hosting-pack-bg.png);
    background-position: 0 0px;
    background-size: contain;
    background-repeat: repeat-x;
    float: left;
    width: 100%;
    padding: 80px 0px 0px;
    margin-bottom: 100px;
}

.features-table {

    /* background-color: #fff; */

    border-radius: 0px 0px 0px 0px;
    padding: 0;
    min-height: 1210px;
    margin: 0 0 0;
}

.features-table-first li {
    text-align: left;
}

.features-table li:last-child {
    border-bottom: 0px solid #d9d9d9;
}

.features-table-inner {
    margin: 20px 0 40px !important;
}

.features-table-inner li {
    border: none;
    padding: 0;
}

.features-table img {
    margin: 50px auto 0;
    display: table;
}

.features-table-first ul {
    padding: 62px 0 0;
}

.features-table-first li {
    text-align: left;
    margin-left: 40px;
}

.features-table-last li {
    text-align: left;
    padding: 0px 14px 0px;
}

.features-table-inner li {
    padding: 0;
}

.features-table-last a {
    margin: auto;
    /* display: table; */
}

.features-table-last p {
    padding: 20px 0 0;
}

.features_table_sec_hosting .col-sm-4,
.features_table_sec_hosting .col-sm-2 {
    border-right: 1px solid #dddddd;
}

.features_table_sec_hosting .col-sm-2:last-child {
    border-right: 0px solid #dddddd;
}

.features-table a.blue_btn {
    margin: auto;
    /* width: 100%; */
}

.features-table li:last-child {
    margin: 20px 0 0;
}

.features-table-last li:last-child {
    margin: 0px 0 0;
}

/*switch*/
.btn-st-txt {
    display: table;
    margin: 0 auto 50px;
}

.text-btn-st {
    display: inline-flex;
    align-items: center;
}

.text-btn-st {
    background: #3b3b3b;
    border-radius: 60px;
    padding: 20px 40px 20px;
    box-shadow: 0 3px 9px 2px rgba(43, 43, 43, 0.39);
}

.text-btn-st h3 {
    padding: 5px 15px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 10px;
    top: 3px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 0px;
    bottom: -4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked+.slider {
    background-color: #000000;
}

.switch input:checked .ba-pricing-box {
    display: none;
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

#window {
    display: none;
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

.switch .slider.round:focus {
    outline: none;
}

/*switch*/

/*hosting_power_packed_sec*/
.hosting_power_packed_sec {
    float: left;
    width: 100%;
    padding: 0px 0 80px;
}

.power_packed_box img {
    margin: 0 0 30px;
}

.power_packed_box h3 {
    color: #000000;
    font-size: 22px;
    margin-bottom: 20px;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.power_packed_box p {
    color: #888888;
    font-size: 18px;
    margin-bottom: 20px;
}

.power_packed_box p span {
    display: block;
}

.power_packed_boxes .all_portfolio_btn {
    padding: 50px 0 0;
}

.power_packed_boxes {
    width: 100%;
    float: left;
}

/*hosting_plan_sec*/
.hosting_plan_sec {
    float: left;
    width: 100%;
    padding: 60px 0 80px;
    background-color: #f9fbfa;
}

.hosting_plan_boxes {
    margin: 50px 0 0;
    float: left;
    width: 100%;
}

.hosting_plan_boxes .col-sm-4 {
    padding: 0;
}

.hosting_plan_box {
    border-right: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    padding: 30px 20px 40px;
}

.hosting_plan_boxes .col-sm-4:nth-child(3) .hosting_plan_box {
    border-right: 0px dashed #ddd;
}

.hosting_plan_boxes .col-sm-4:nth-child(6) .hosting_plan_box {
    border-right: 0px dashed #ddd;
}

.hosting_plan_boxes .col-sm-4:nth-child(7) .hosting_plan_box {
    border-bottom: 0px dashed #ddd;
}

.hosting_plan_boxes .col-sm-4:nth-child(8) .hosting_plan_box {
    border-bottom: 0px dashed #ddd;
}

.hosting_plan_boxes .col-sm-4:nth-child(9) .hosting_plan_box {
    border-right: 0px dashed #ddd;
    border-bottom: 0px dashed #ddd;
}

.hosting_plan_box_icons {
    height: 70px;
    /* width: 70px; */
    margin: auto;
    position: relative;
}

.hosting_plan_box_icons img {
    margin: 10px auto 30px;
    /* width: 100%; */

    /* max-height: 100%; */

    height: 100%;
    min-height: 70px;
    display: table;
}

.hosting_plan_box h3 {
    text-align: center;
    font-size: 18px;
    color: #3b3b3b;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.hosting_plan_box p {
    text-align: center;
    font-size: 15px;
    color: #999999;
}

/*hosting_amazing_sec*/
.hosting_amazing_sec {
    padding: 60px 0 80px;
}

.all_portfolio_btn .how_work_btn_call:hover span {
    color: #fff;
}

.hosting_amazing_sec span {
    color: #3661c9;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.hosting_amazing_sec .all_portfolio_btn {
    margin: 40px auto 0;
}

.key_features_hosting_sec {
    margin: 0px 0 100px;
}

.about_section_main {
    margin: 0px;
    padding: 60px 0 60px;
    float: left;
    width: 100%;
}

.about_section_main h5 {
    color: #3661c9;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin: 27px 0;
}

.about_section_main a {
    content: "";
    position: relative;
    left: -15px;
    background: #3661c9 url(../images/tabs-arrow.png);
    width: 35px;
    height: 35px;
    border-radius: 60px;
    top: 0;
    text-align: center;
    align-items: center;
    display: grid;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(271deg);
    margin: 0 auto;
}

.about-boxes {
    margin: 0px;
    padding: 100px 0;
    float: left;
    width: 100%;
    background: #f9fbfa;
    background: url(../images/bg-about-section.jpg) !important;
}

.boxes-left {
    margin: 54px 0 0 0;
    padding: 0px;
    float: left;
}

.boxes-right {
    margin: 0px;
    padding: 0px;
    float: left;
}

.about-box {
    background: #fff;
    padding: 12px 30px;
    box-shadow: 0px 31px 38.8px 1.2px rgba(10, 9, 13, 0.08);
}

.about-box h2 {
    color: #3661c9;
    font-size: 22px;
    font-weight: normal;
}

.about-box p {
    color: #666666;
    font-size: 15px;
}

.boxes-left .about-box {
    margin: 0 0 30px 0;
}

.boxes-right .about-box {
    margin: 0 0 30px 0;
}

.about-design-crow {
    margin: 0px;
    padding: 40px 0;
    float: left;
    width: 100%;
}

.design_crowd_about {
    margin: 0px;
    padding: 60px 0 80px;
    float: left;
    width: 100%;
}

.design_crowd_about h2 {
    margin: 0px 0 20px 0;
    padding: 0px;
    float: left;
    width: 100%;
    color: #3b3b3b;
    font-size: 55px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
}

.design_crowd_about p {
    color: #3b3b3b;
    font-size: 18px;
}

.fade_img_slider1,
.fade_img_slider2,
.fade_img_slider3,
.fade_img_slider4,
.fade_img_slider5,
.fade_img_slider6,
.fade_img_slider7,
.fade_img_slider8 {
    margin-bottom: 0px !important;
}

/*Contact PAge*/
.contact_banner {
    margin: 0px 0 0px;
    padding: 0px;
    float: left;
    width: 100%;
    padding: 70px 0 100px;
    background: url(../images/contact-bg.jpg) no-repeat;
    /* padding: 0 0 20px; */

    /* overflow: visible; */

    background-size: cover;
    height: 620px;
    background-position: center -100px;
}

.contact_banner_text p {
    text-align: center;
    margin: 0 auto 0;
    color: #3b3b3b;
    font-size: 18px;
    display: table;
}

.contact_us_form {
    margin: 30px auto 0;
    padding: 0px;
    display: table;
    width: 85%;
    padding: 30px 50px 70px;
    background: url(../images/contact-form-bg.jpg) no-repeat center;
    background-size: cover;
    box-shadow: 0px 10px 15px 10px rgba(204, 204, 204, 0.22);
}

.contact_us_form .contact_form_all .col-sm-12 {
    padding-left: 15px;
}

.contact_us_form .contact_form_all button {
    float: none;
    font-size: 22px;
    margin-top: 24px;
    padding: 7px 40px 6px !important;
    width: 100%;
}

.contact_details_sec {
    float: left;
    width: 100%;
    margin: 280px 0 70px;
}

.contact_details_box:before {
    content: "";
    border-right: 1px solid #cccccc;
    position: absolute;
    /* height: 100%; */
    top: -30px;
    min-height: 170px;
    left: 20px;
    right: 0px;
    margin: auto;
    display: table;
    width: 100%;
    z-index: -1;
}

.contact_details_boxes .col-sm-4:nth-child(2) .contact_details_box:before {
    left: -50px;
    right: 0;
}

.contact_details_boxes .col-sm-4:nth-child(3) .contact_details_box:before {
    left: -50px;
    right: 0;
    border-right: 0px solid #cccccc;
}

.contact_details_box {

    /* margin: auto; */

    /* display: table; */

    /* width: 100%; */
}

.contact_details_box img {
    margin: 0 auto 20px;
    display: table;
}

.contact_details_box a {
    text-align: center;
    margin: auto;
    display: table;
    font-size: 15px;
    color: #3b3b3b;
    transition-duration: .5s;
}

.contact_details_box a:hover {
    color: #878787;
}

/*faqs_main_page*/
.faqs_banner_text .search-container {
    position: relative;
    /* align-items: center; */

    /* display: grid; */

    float: left;
    width: 100%;
}

.faqs_banner_text {
    padding: 7% 0 0;
}

.faqs_banner_text .title_blk {
    text-align: left;
    margin: 0px 0 10px;
}

.faqs_banner_text p {
    text-align: left;
    font-style: normal;
    float: left;
    margin: 0;
}

.faqs_main_page {
    float: left;
    width: 100%;
    padding: 60px 0 100px;
}

.accordian_box {
    margin: 50px 0 0;
}

#faqs_tabs li ul {
    display: none;
    float: left;
    margin: 0px 0 0px 0;
    padding: 0 0 10px 10px;
    width: 100%;
}

#faqs_tabs li {
    list-style: none;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    padding: 10px 0 10px;
}

#faqs_tabs li ul li {
    list-style: none;
    border-bottom: 0px solid #ccc;
    color: #989897;
    font-size: 14px;
    padding: 0;
}

#faqs_tabs li a {
    padding: 0px 25px 0 0;
    color: #3b3b3b;
    font-size: 19px;
    transition-duration: .5s;
    width: 100%;
    float: left;
    margin-bottom: 0;
    border-radius: 5px;
    border: 0px solid #000;
    height: 50px;
    align-items: center;
    display: flex;
    line-height: 17px;
}

#faqs_tabs li a i {
    position: absolute;
    right: 25px;
    color: #3b3b3b;
    font-size: 18px;
}

/*Categary Arrow*/
.slider-nav-cat .slick-prev,
.slider-nav-cat .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #3b3b3b;
    bottom: -51px;
    z-index: 999999;
    transition-duration: .5s;
}

.slider-nav-cat .slick-prev:hover,
.slider-nav-cat .slick-next:hover {
    background: #3661c9;
}

.slider-nav-cat .slick-next {
    right: 460px;
}

.slider-nav-cat .slick-prev {
    right: 530px;
    left: inherit;
}

.slider-nav-cat .slick-prev:before,
.slider-nav-cat .slick-next:before {
    font-family: 'slick';
    font-size: 26px;
    line-height: 1;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner-door-hanger-inner-img {}

.banner-door-hanger-inner-img img {
    width: auto !important;
    float: right;
}

.footer-links-menu.email_sec p {
    color: #989897;
    font-size: 15px;
}

.email_sec a i {
    font-size: 18px;
    margin: 0px 10px 0 0;
}

.footer_last_col img {
    width: 100%;
}

.brouse_all_cat_box h2.title_blk_left span {
    display: table;
}

.title_blk span {
    display: block;
}

.faq_main_slider h2 {
    color: #3661c9;
    font-size: 30px;
    font-family: 'Conv_Proxima Nova Alt Bold';
}

.faq_main_slider .banner_main.banner_main_logo {
    padding: 180px 0 0;
}

.order_step3_box1_p0 {
    padding: 0px 0px 0px;
    border-bottom: 1px solid #dddddd;
}

#order_step_tabs ul {
    display: none;
}

.order_step3_box1 #order_step_tabs h2 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0;
    padding: 20px 30px 20px;
    margin: 0 0 0;
}

.order_step3_box1 #order_step_tabs h2:last-child {
    border-bottom: 0px solid #dddddd !important;
}

.order_step3_box1 #order_step_tabs ul {
    padding: 30px 30px 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
}

.order_step3_box1 #order_step_tabs ul:last-child {
    border-bottom: 0px solid #ddd;
}

.order_step3_box1 #order_step_tabs h2 i {
    float: right;
    font-size: 20px;
    margin: 3px 0 0;
}

.img70_percent {
    width: 70% !important;
    float: none;
    margin: auto;
}

.img80_percent {
    width: 80% !important;
    float: none;
    margin: auto;
}

.faq_main_slider .img80_percent {
    width: 80% !important;
    float: none;
    margin: auto;
}

.img90_percent {
    width: 90% !important;
    float: none;
    margin: auto;
}

/*Privacy*/
.privacy_sec {
    float: left;
    width: 100%;
    padding: 60px 0 30px;
}

.privacy_box {
    margin-bottom: 40px;
}

.privacy_box h2 {
    margin: 0px 0 15px 0;
    padding: 0px;
    float: left;
    width: 100%;
    color: #3b3b3b;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
}

.privacy_box h3 {
    margin: 15px 0 20px 0;
    padding: 0px;
    float: left;
    width: 100%;
    color: #3b3b3b;
    font-size: 34px;
    font-family: 'Montserrat', sans-serif;
}

.privacy_box h4 {
    margin: 0px 0 0px 0;
    padding: 0px;
    float: left;
    width: 100%;
    color: #3b3b3b;
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;
}

.privacy_box p {
    color: #3b3b3b;
    font-size: 18px;
    margin: 0 0 20px;
}

.privacy_box ul {
    padding: 0px 0 0px 15px;
}

.privacy_box ul li {
    color: #3b3b3b;
    font-size: 18px;
    margin: 0 0 10px;
}

.terms_box p {
    margin: 10px 0 30px;
    float: left;
}

/*Review Sec*/
#review .banner_main.banner_main_logo {
    padding: 220px 0 0;
}

.review_sec {
    padding: 40px 0 70px;
}

/*.review_sec h2 {
font-size: 41px;
color: #000;
text-align: center;
}*/
.review_sec .moreBox {
    display: none;
}

.review_boxes {
    margin: 50px 0 0;
}

.review_inner {

    /* border: 1px solid #dadada; */

    /* padding: 20px 15px; */

    /* border-radius: 15px 0px 15px 0px; */
    margin: 0 0 60px;
}

.review_sec h2 {
    margin: 0 0 50px;
    text-transform: capitalize;
}

.review_inner {

    /* width: 120px; */

    /* height: 80px; */
    background: #f3f3f3;
    position: relative;
    -moz-border-radius: 10px;
    /* -webkit-border-radius: 10px; */
    border-radius: 10px;
}

.review_inner:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 170px;
    width: 0;
    height: 0;
    border-right: 35px solid transparent;
    border-top: 36px solid #f3f3f3;
    border-left: 0px solid transparent;
    left: 30px;
}

.review_inner:hover:before {
    border-right: 35px solid transparent;
    border-top: 36px solid #3661c9;
    border-left: 0px solid transparent;
    left: 30px;
}

h3.review_name {
    margin: 0;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    width: 60%;
    float: left;
}

.review_ret {
    width: 40%;
    float: right;
    text-align: right;
}

.review_body {
    padding: 0px 15px 15px;
    /* border: 1px solid #dadada; */

    /* border-radius: 15px 0px 0px 0px; */
    border-bottom: 0px solid transparent;
    height: 120px;
    overflow-y: auto;
}

.review_footer {
    padding: 15px 15px 35px;
    /* background-color: #141414; */
    border-radius: 0px 0px 0px 0px;
    /* border: 1px solid #dadada; */
    border-top: 0px solid transparent;
}

.review_body p {
    margin: 0;
}

.review-rating i {
    color: #ffe400;
    font-size: 18px;
}

.review-rating .fa-star:before {
    content: "\f005";
}

.review_inner:hover {
    background-color: #3661c9;
    /* border-radius: 0px 0px 0px 0px; */
    color: #fff;
}

.review_inner:hover h3 {
    color: #fff;
}

.red_btn_more1:hover {
    background: #e53727;
}

.red_btn_more {
    margin: auto;
    display: table;
    font-size: 22px;
    text-transform: capitalize;
    padding: 7px 40px 6px !important;
}

.red_btn_more:hover,
.red_btn_more:focus {
    outline: none;
}

#loadMoreMore {
    display: none;
}

.loadMore_Btn {
    margin: auto;
    display: table;
}

.hide_review {
    display: none;
}

.review_body::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.review_body::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
.review_body::-webkit-scrollbar-thumb {
    background: #3661c9;
    border-radius: 10px;
}

/* Handle on hover */
.review_body:hover::-webkit-scrollbar-thumb {
    background: #fff;
}

/*Review Sec*/
.our_recognations_boxes .col-sm-2 {
    width: 20%;
}

/*vid Testimonial*/
.vid_client_testimonail_sec {
    padding: 80px 0 60px;
    float: left;
    width: 100%;
}

.vid_client_testimonail_boxes {
    padding: 50px 0 0;
    float: left;
    width: 100%;
}

.vid_client_testimonail_box {
    position: relative;
}

.vid_play_icon {
    position: absolute;
    top: -20px;
    left: 20%;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*vid Testimonial*/

/*Video Portfolio New*/

.all_por_slider1_mm {
    float: left;
    width: 100%;
    margin: 50px 0 40px;
}

.all_por_slider1_boxes_mm {

    /* padding: 0 20px; */
    float: left;
    width: 100%;
}

.all_por_slider1_boxes_mm2 {
    float: left;
    width: 100%;
    /* padding: 0 20px; */
}

.all_por_slider1_boxes_mm2 .col-sm-4:last-child .video_port_box_mm {
    margin-top: -132px;
}

.all_por_slider1_boxes_mm2 .video_port_box_mm {
    margin: 30px 0 0;
}

.video_port_box_mm {
    float: left;
    width: 100%;
    position: relative;
    /* overflow:hidden; */
    transition-duration: .5s;
}

.video_port_box_mm_cC {
    padding: 0px;
    height: 272px;
    overflow: hidden;
}

.video_port_box_mm_cC .fancybox_hover {
    height: inherit;
}

.all_por_slider1_boxes_mm_new {
    margin: 31px 0 0 0 !important;
}

.video_port_box_mm a.fancybox_hover:hover:before,
.video_port_box_mm:hover a.fancybox_hover:before {
    content: "";
    position: absolute;
    background-image: url(../images/play-icon.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100%;
    top: 0;
    bottom: 0;
}

.video_port_box_mm a.fancybox_hover {
    overflow: hidden;
    float: left;
    width: 100%;
    position: relative;
    transition-duration: .5s;
}

.video_port_box_mm a.fancybox_hover:hover:after,
.video_port_box_mm:hover a.fancybox_hover:after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.53);
    background-position: 0 0px;
    background-repeat: no-repeat;
    z-index: 999;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 100%;
}

.video_port_box_mm a.fancybox_hover:hover img {
    transform: scale(1.4) rotate(7deg);
}

.video_port_box_mm img {
    width: 100%;
    transform: scale(1) rotate(0deg);
    transition: all 0.5s ease-in-out 0s;
}

/*Video Portfolio New*/

/*Pricing*/
.logo-pg-pck-st {
    padding: 50px 0;
    float: left;
    width: 100%;
    background: url(../images/price-bg-logo.jpg.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.logo-pg-pck-st:before {
    content: '';
    background: url(../images/logo-pg-r-img-pck.png.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 107px;
    width: 107px;
    position: absolute;
    left: 13%;
    z-index: 1;
    top: 11%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}

.logo-pg-pck-st:after {
    content: '';
    background: url(../images/logo-pg-l-img-pck.png.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 220px;
    width: 220px;
    position: absolute;
    right: 0%;
    z-index: 1;
    bottom: 11%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}

.logo-pg-pck-st ul li {
    text-align: left;
    border-bottom: 1px solid #f6f6f6;
}

.logo-pg-pck-st ul {
    padding-bottom: 20px;
}

.logo-bnr-serv .othr-aft:after {
    display: none;
}

.port-folio-sec-inner:before {
    top: 0;
}

.main-package-st-pr ul#nav-tabs-wrapper {
    min-height: auto;
    height: auto;
    text-align: center;
    margin: 10px auto 20px;
    display: table;
}

.main-package-st-pr ul#nav-tabs-wrapper li a {
    background: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    color: #3b3b3b;
    font-size: 15px;
}

.main-package-st-pr ul#nav-tabs-wrapper ul {
    border: 0 !important;
}

.main-package-st-pr ul#nav-tabs-wrapper li a:hover {
    color: #3661c9;
}

.main-package-st-pr ul#nav-tabs-wrapper li a.active {
    color: #3661c9;
}

.main-package-st-pr ul#nav-tabs-wrapper li.active a:hover {
    color: #3661c9;
}

.main-package-st-pr ul#nav-tabs-wrapper li.active a {
    border-color: #3661c9;
    color: #3661c9;
}

.main-package-st-pr .nav-tabs {
    border-bottom: 0;
}

.pricing-bnr:after {
    position: absolute;
    right: 15%;
    content: '';
    background: url(../images/pri-cir.png.html);
    width: 233px;
    height: 233px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
    top: 20%;
}

.pack-r1clr ul li::before,
.pack-r1clr .fa-check,
.pack-r1clr h3,
.pack-l1clr span {
    color: #04a0b0;
}

.pack-l1clr .price-btn {
    background: #04a0b0;
}

.price-lft-box.pack-l1clr {
    border-color: #04a0b0;
}

.pack-l1clr:before {
    content: '';
    background: url(../images/pack-1cir.png.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 273px;
    height: 273px;
    z-index: -1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}

.packages-sec {
    padding: 70px 0;
    position: relative;
}

.price-lft-box {
    border: 1px solid;
    border-radius: 14px;
    padding: 10px 20px;
    text-align: center;
    position: relative;
    background: #fff;
    margin: 30px 0 0;
}

.price-lft-box h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #434343;
    padding-bottom: 3px;
    padding-top: 0;
    margin: 0;
    height: 70px;
    align-items: center;
    display: grid;
}

.price-lft-box h3 br {
    display: none;
}

.price-lft-box h5 {
    font-size: 15px;
    color: #989898;
    font-weight: 500;
    text-decoration: line-through;
}

.price-lft-box span {
    font-size: 50px;
    font-weight: bold;
}

.price-lft-box span b,
.price-lft-box h3 b {
    font-size: 15px;
    vertical-align: middle;
    margin: 0;
    position: relative;
    top: -5px;
}

.price-inner-img img {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}

.price-inner-img {
    background: url("../images/pack-1inner.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.price-btn {
    box-shadow: 0px 18px 21px 0px rgba(0, 0, 0, 0.18);
    margin: 0;
}

.price-chat-tel {
    padding: 40px 0 5px;
}

.price-tel {
    color: #3b3b3b;
    margin-right: 30px;
}

.price-chat {
    text-transform: uppercase;
    color: #3b3b3b;
}

.price-rt-box h3 {
    font-size: 28px;
    text-transform: uppercase;
    color: #04a0b0;
    font-weight: bold;
}

.price-rt-box {
    padding-left: 30px;
}

.price-rt-box ul {
    padding-left: 20px;
    padding-top: 10px;
    list-style: none;
}

.price-rt-box ul li {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 11px 0 8px;
    color: #222222;
    font-size: 14px;
}

.price-rt-box ul li span {
    float: right;
}

.price-rt-box ul li::before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 1.3em;
    margin-left: -1.3em;
}

.pck-2 .price-rt-box {
    padding-left: 0;
    padding-right: 30px;
}

.pck-2,
.pck-3 {
    padding-top: 60px;
}

.pack-r2clr ul li::before,
.pack-r2clr .fa-check,
.pack-r2clr h3,
.pack-l2clr span {
    color: #ee1c8e;
}

.pack-l2clr .price-btn {
    background: #ee1c8e;
}

.price-lft-box.pack-l2clr {
    border-color: #ee1c8e;
}

.pack-l2clr .price-inner-img {
    background: url("../images/pack-2inner.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.pack-l2clr:before {
    content: '';
    background: url(../images/pack-2cir.png.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -50%;
    bottom: 0;
    width: 271px;
    height: 271px;
    z-index: -1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}

.pack-l3clr .price-inner-img {
    background: url("../images/pack-3inner.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.pack-l3clr:before {
    content: '';
    background: url(../images/pack-3cir.png.html);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -50%;
    bottom: 0;
    width: 272px;
    height: 272px;
    z-index: -1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}

.pack-r3clr ul li::before,
.pack-r3clr .fa-check,
.pack-r3clr h3,
.pack-l3clr span {
    color: #922de8;
}

.pack-l3clr .price-btn {
    background: #922de8;
}

.price-lft-box.pack-l3clr {
    border-color: #922de8;
}

.pck-new-desgn ul {
    list-style: none;
    padding: 0;
}

.pck-new-desgn ul li i {
    font-size: 20px;
    margin-right: 5px;
}

.pck-new-desgn ul {
    list-style: none;
    padding: 0;
    height: 250px;
    overflow-x: hidden;
    /* margin-bottom:30px; */
    overflow-y: auto;
    margin: 20px 0 30px;
}

/* width */
.pck-new-desgn ul::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.pck-new-desgn ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #eee;
    border-radius: 10px;
}

/* Handle */
.pck-new-desgn ul::-webkit-scrollbar-thumb {
    background: #018ffe;
    border-radius: 10px;
}

/* Handle on hover */
.pck-new-desgn ul::-webkit-scrollbar-thumb:hover {
    background: #eee;
}

.pck-new-desgn ul li i {
    font-size: 15px;
    margin-right: 5px;
}

.pck-new-desgn ul li {
    line-height: 25px;
}

.pck-new-desgn .price-inner-img {
    margin-bottom: 0;
    display: none;
}

.pck-new-desgn .pack-l3clr:before {
    left: 60%;
}

.nav_tabs_pricing_1 {
    height: auto !important;
    margin: auto !important;
    display: table;
}

.tab-content ul#nav-tabs-wrapper.nav-tabs-horizontal a {
    font-size: 15px !important;
}

.features_table_ppc_price_box ul {
    height: auto !important;
}

.features_table_ppc_price_box .features-table-first li {
    text-align: left;
    margin-left: 0;
}

.features_table_ppc_price_box li:last-child {
    margin: 0px 0 0;
}

.features_table_ppc_price_box .features-table-last li {
    padding: 26px 0px 20px 0px;
}

.features_table_ppc_price_box .no-padding {
    padding: 0px;
}

.features_table_ppc_price_box .col-sm-2,
.features_table_ppc_price_box .col-sm-1 {
    border-right: 1px solid #dddddd;
}

.features_table_ppc_price_box,
.features_table_ppc_price_box li {
    text-align: center !important;
}

.features-table.features-table-first.features_table_ppc_price li {
    text-align: left !important;
    padding-left: 10px;
}

.features_table_ppc_price_box {

    /* border-radius: 0px 0px 0px 0px;
 padding: 0;
 min-height: auto;
 margin: 0 0 0;*/
}

.pricing_tabs_slider {
    padding: 0 0 48px !important;
}

.pricing_tabs_slider .slick-list li {
    text-align: center;
}

.pricing_tabs_slider .slick-next {
    right: -50px !important;
}

.pricing_tabs_slider .slick-prev {
    left: -50px !important;
}

.pricing_tabs_slider .slick-prev,
.pricing_tabs_slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 60px;
    display: block;
    width: 40px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
    align-items: center;
    display: grid !important;
}

.pricing_tabs_slider {
    display: inherit !important;
}

/*Pricing*/
.ad-port {
    padding: 0 0 30px;
}

.ad-port2 {
    padding: 30px 0 30px;
}

ul.footer-level-nav.trust-box {
    display: flex;
    align-items: center;
}

ul.trust-box li img {
    width: 25px;
    margin-left: 5px;
    margin-bottom: 4px;
}

ul.trust-box li i {
    font-size: 20px;
    color: #000;
}

.contact_details_box.cntct-bx-adrs:before {
    border: 0;
}

.d3_portfolio_slider .row {
    align-items: center;
    display: flex;
}

ul#products-menu li {
    display: block;
    margin: 0 auto;
    text-align: center;
    float: left;
    text-align: center;
    width: 100%;
    position: relative;
}

ul#products-menu {
    padding: 0px 10px;
}

ul#products-menu li img {
    margin: 0;
    display: table;
    width: auto;
}

ul#products-menu li a:hover,
ul#products-menu li.active a {
    background: #201f1c;
    color: #fff;
}

ul#products-menu li a {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 17px;
    background: transparent;
}

ul#products-menu li a img {
    margin-bottom: 0;
    margin-right: 8px;
    width: 2;
}

ul#products-menu li a:hover img,
ul#products-menu li.active a img {
    filter: grayscale(30%) contrast(0%) brightness(200%) url(style.css@256.css);
}

li.dropdown.dropdown-toggle .mar-st-drop {
    margin-bottom: 25px;
}

li.dropdown.dropdown-toggle ul#products-menu li a {
    background: transparent;
    color: #000;
    width: 100%;
    padding: 10px 5px;
}

.cat-st-drop-logo:hover .main-cat-menu-list {
    display: block;
}

li.dropdown.dropdown-toggle:hover ul#products-menu li a:hover {
    color: #3661c9;
}

.drop-icon-st {
    position: absolute;
    top: 0;
    right: -14px;
}

li.cat-st-drop-logo:hover .drop-icon-st i {
    color: #3661c9;
}

.inr-cat-st-drop-logo:hover ul#products-menu {
    display: block;
}

.inner-cat-drp-list {
    position: absolute;
    left: 252px;
    top: -3px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 222px;
    border: 0;
    margin: 0;
    width: 260px;
}

.inr-cat-st-drop-logo li {
    width: 100%;
    color: #000;
}

.cat-st-drop-logo:hover .main-cat-menu-list i {
    transform: rotate(-90deg);
    left: 8px;
    position: relative;
}

.cat-st-drop-logo:hover .main-cat-menu-list:before {
    content: '';
    background: white;
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    height: 100%;
    top: 0;
    z-index: -1;
}

.cat-st-drop-logo .main-cat-menu-list {
    width: 290px;
    background: transparent;
    min-width: fit-content;
    box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
    border: 0;
}

/* width */
.inner-cat-drp-list::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.inner-cat-drp-list::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 10px;
}

/* Handle */
.inner-cat-drp-list::-webkit-scrollbar-thumb {
    background: #3661c9;
    border-radius: 10px;
}

/* Handle on hover */
.inner-cat-drp-list::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

ul#products-menu li:before {
    content: '';
    background: #ebebeb;
    width: 97%;
    height: 1px;
    bottom: 0;
    left: -10px;
    margin: auto;
    position: absolute;
}

ul#products-menu li:last-child::before {
    display: none;
}

ul#products-menu:nth-child(8) .inr-cat-st-drop-logo ul {}

ul#products-menu:nth-child(8) .inr-cat-st-drop-logo ul {
    height: 40px !important;
}

li.dropdown.dropdown-toggle.cat-st-drop-logo li.dropdown.dropdown-toggle.inr-cat-st-drop-logo:nth-child(8) ul#products-menu,
li.dropdown.dropdown-toggle.cat-st-drop-logo li.dropdown.dropdown-toggle.inr-cat-st-drop-logo:nth-child(9) ul#products-menu {
    height: auto;
}

li.dropdown.dropdown-toggle.inr-cat-st-drop-logo li,
li.dropdown.dropdown-toggle.inr-cat-st-drop-logo {
    border-bottom: 1px solid #ebebeb;
}

.expiery {
    display: flex;
    justify-content: space-between;
}

.expiery select {
    width: 47% !important;
    display: list-item;
}

.by_cata_btn_box {
    margin: 60px auto 0px;
    display: table;
}

.by_cata_btn_box .blue_btn {
    font-size: 22px;
    padding: 8px 65px 7px !important;
    margin: 0 0px 0 0;
}

.banner_main span {
    line-height: 50px;
    color: #3b3b3b;
    font-size: 52px;
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    text-transform: capitalize;
    font-weight: 500;
}

.input-checkbox {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.input-checkbox input {
    margin-top: 0.5rem;
}

.input-checkbox label {
    user-select: none;
}