@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;900&display=swap"); 
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url(component.min.css); 
@import url(layout.min.css);
:root {
    --primary: #F32005;
    --text-color: #b4b4b4;
    --blueGrad: linear-gradient(to top, #523553, #452f51, #372a4f, #25254d, #0a214a);
    --lightBlueGrad: linear-gradient(to bottom, #dedaf4, #e6e3f7, #efecfa, #f7f6fc, #ffffff);
    --orangeGrad: #F32005;
    --black: #000;
    --white: #fff;
    --purple: #3b3663;
    --light-purple: #faf9ff;
}

::selection {
    background: var(--primary);
    color: var(--black);
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: rgb(0 0 0 / 0%);
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(0 0 0 / 0.8);
}

html, body {
    height: 100%;
}

html {
    font-size: 16px;
    line-height: 1;
}

body {font-family: 'Poppins', sans-serif;background-color: #FFFFFF;}

a {background-color: transparent;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display: inline-block;text-decoration: none;}
a:hover, a:focus {text-decoration: none;}

.d_t {display: table;height: 100%;margin: 0px auto;}
.d_c {display: table-cell;vertical-align: middle;position: relative;}

img {max-width: 100%;height: auto;}

button, input, select, textarea {outline: none;}

.section-padding {padding: 60px 0px;}
.portfolio-box.style-2 {height: 498px;overflow: hidden;background-size: cover;background-position: center;}

section.count {background-position: right;}
section.count span {font-family: 'Poppins', sans-serif;font-weight: 900;font-size: 72px;color: #b8285a;line-height: 72px;}
section.count h6 {font-family: 'Poppins', sans-serif;font-weight: bold;font-size: 18px;line-height: 28px;text-transform: uppercase;color: #2e2e2e;margin: 0px;}
section.count .count-area {padding: 20px 0px 0px 0px;}

.tt-uppercase {text-transform: uppercase;}
.our-offices .tt-uppercase {font-size: 34px;}

.ptpx-14 {padding-top:14px;}

.counter{display: block;}
.counter ul{display: inline-block;width: 100%;margin-bottom: -6px;font-size: 0;}
.counter ul li{width: 25%;float: left;padding: 30px 50px;}
.counter ul li:nth-child(1){background: #ffa739;}
.counter ul li:nth-child(2){background: #fb5f39;}
.counter ul li:nth-child(3){background: #921a5e;}
.counter ul li:nth-child(4){background: #32347a;}
.counter ul li a:hover{color: #fff;}
.counter ul li a figure{float: left;width: 25%;margin-bottom: 0;}
.counter ul li a figure img{max-width: 64px;}
.counter ul li a .wrap{width: 70%;float: right;color: #fff;font-size: 22px;/* margin-left: 45px; */}
.counter ul li a .wrap span.small{color: #fff;font-size: 12px;}
.counter ul li a .wrap p{color: #fff;font-size: 13px; line-height: 16px;}
.counter ul li a .wrap span{display: inline-block;color: #fff;}

.partners-cta{padding-bottom: 16px;margin-top: -84px;/* padding: 10px 0 0px; *//* background:#fb5740; */}
.partners-cta .container-custom{width: 1270px;margin: 0 auto;}
.partners-cta ul{z-index: 9;margin-bottom: 0;text-align:  center;width:  100%;display: inline-block;}
.partners-cta ul li{/* margin: 0 30px 0; */display: inline-block;}
.partners-cta ul li:last-child{margin-right: 0px;}
.partners-cta ul li figure{margin-bottom: 0px;}
.partners-cta ul li figure img{margin: 0 auto;display: table;width: 150px;}

.banr-txt {text-align:left;font-family: 'Poppins', sans-serif;}
.banr-txt h2 {line-height: 1.1;text-align: left;font-size: 54px;color: #fff;font-weight: 900;text-transform: capitalize;}
.banr-txt p{display: block;font-size: 18px!important;color: #fff!important;padding-bottom: 0px!important;}
.banr-txt > ul{margin: 20px 0;font-size:0; }
.banr-txt > ul li{    text-align: left;position: relative; font-size: 18px; color: #fff; padding: 0 0 2px 30px; font-weight: 500;}
.banr-txt > ul li:before{position: absolute;content: "\f058";font-size: 19px;color: #ffa739;left: 0px;top: 0;font-family: "fontawesome";}
.banr-txt > ul li span{font-weight: 500;}
.banr-txt .banner-bot{}
.banr-txt .banner-bot ul{font-size: 0;}
.banr-txt .banner-bot ul li{display: inline-block;/* width: 28%; */vertical-align: bottom;}
.banr-txt .banner-bot ul li a{cursor: default;}
.banr-txt .banner-bot ul li a img{}

a.nomber {color: #f8be4a;font-size: 18px;font-weight: 700;margin-left: 10px;}
a.nomber span {color: #ffffff;}
a.start {display: inline-block;padding: 12px 30px;text-align: center;color: #b5285f;background: #ffffff;border-radius: 10px;font-size: 14px;margin: 0 0 30px;text-transform: uppercase;}
a.start:hover {text-decoration: none;}
a.slideImg {cursor: default;}
.responsive-unique-design a {cursor: default;}
a.nomber:hover {text-decoration: none;}


.prolog .portfolio_button.bottom a, .btn-line-fill,.btn-line-fill:hover {background: #5b03dc;background: -moz-linear-gradient(left, #5b03dc 0%, #9904a9 100%);background: -webkit-linear-gradient(left, #5b03dc 0%,#9904a9 100%);background: linear-gradient(to right, #5b03dc 0%,#9904a9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b03dc', endColorstr='#9904a9',GradientType=1 );border:0px;border-radius: 10px;color: #fff;}

.professionallp .contest {border:1px solid transparent;}
.professionallp .contest:hover {-webkit-transition: all 200ms ease-in;-webkit-transform: scale(1);-ms-transition: all 200ms ease-in;-ms-transform: scale(1);-moz-transition: all 200ms ease-in;-moz-transform: scale(1);transition: all 200ms ease-in;transform: scale(1);box-shadow: 0px 0px 40px 10px #d2d2d25c;border: 1px solid #b8285a;}
.btn-fill:hover,.btn-fill,input#quoteSubmit,.professionallp .btn-line-fill-order {border:0px;border-radius: 10px;color: #fff;text-decoration: none;}

.subscribe_fold .form-control,.cbp-l-filters-buttonCenter .cbp-filter-item,.btn-fill-white{border-radius: 10px;}
.cbp-l-filters-buttonCenter .cbp-filter-item:hover,.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active, div.filter-industry div.cbp-filter-item-active.cbp-filter-item.all-btn{background: #e92553;border-radius: 0;}

.contest-list.contest-list--scrollable .contest-list__item .contest div.single span.price strong{font-size: 20px;}
.call-action.kon {padding-top: 3px;padding-right: 0px;}

figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{display: none;}
.cbp a, .cbp a:hover, .cbp a:active{cursor: default;}

.professionallp .contest {box-shadow: 0 0px 20px 0 rgba(0,0,0,.1);}

.prologodesign h2::before, h3::before {display: none;}
.prologodesign .professionallp {border-top: 1px solid #e6e6e6;}
.testi_box p {min-height: 132px;}

.counter ul li a {cursor: default;}
.btn-fill {cursor: pointer;}

.sub-footer ul li.newsletter .subscribe input[type="text"], .sub-footer ul li.newsletter .subscribe input[type="email"],.get_quote .form-control,.cs-skin-elastic > span,.get_quote textarea.form-control{border-radius: 10px!important;}
.sec-combo-two {border-radius: 10px;}

.counter ul li:nth-child(1) {background: #ffa739;padding: 28px 50px;}
 
.get_quote p {color: #bdbaba !important;}

#quoteFormBottom .cs-skin-elastic > span{color: #b1b7ba;}

.counter ul li:nth-child(1) {background: #ffa739;padding: 28px 30px;}

.stars i {font-size: 14px;}
.slick-dots li button:before{content: none;}
.portfolio-section {padding: 60px 0;}
.portfolio-section .choose{padding: 80px 0 0;}
.portfolio-section .choose .item{font-size: 0;padding: 0 20px 0 0px;margin: 70px 0px 0;}
.portfolio-section .choose .item > div{display: inline-block;width: 50%;vertical-align: top;}
.portfolio-section .choose .item .item-top{padding: 0 20px 0 0;vertical-align: middle;}
.portfolio-section .choose .cho-text{padding: 0 20px 0 0;}
.portfolio-section .choose .cho-text h4{color: #2e2e2e;font-size: 54px;line-height: 60px;font-weight: 900;position: relative;text-align: left;padding: 0 0 20px 0;}
.portfolio-section .choose .cho-text h4:before{position: absolute;content: "";border-bottom: 1px solid #000;width: 80%;left: 0;bottom: 0;}
.portfolio-section .choose .cho-text h4 span{display:block;}
.portfolio-section .choose .cho-text p{font-size: 16px;color: #4f4f4f;line-height: 22px;font-weight: 200;font-family: 'Poppins', sans-serif;    padding: 20px 0 0 0;}
.portfolio-section .choose .cho-text ul.call-chat-btns li p{padding: 0 10px; font-size: 23px; vertical-align: middle; color: #f0584a;}
.portfolio-section .choose .cho-text .cta{padding: 10px 0 0 0; }

.portfolio-section .choose .cho-img{width: 100%;position: relative;z-index: 1;}
.portfolio-section .choose .cho-img img{width: 100%; background: #eee; border-radius: 30px;}

.portfolio-section .choose .slick-dots {font-size: 0;top: 0;bottom: unset;padding: 50px 0 0;text-align: left;position: absolute;}
.portfolio-section .choose .slick-dots li{font-size: 0;width: auto;height: 40px;border-radius: 10px;background: #f0f0f5;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;margin: 0px 7px 15px;}
.portfolio-section .choose .slick-dots li.slick-active,.portfolio-section .choose .slick-dots li:hover{background: #fff;transform: translateY(-0.625rem);box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.06);background: #5b03dc; background: -moz-linear-gradient(left, #5b03dc 0%, #9904a9 100%); background: -webkit-linear-gradient(left, #5b03dc 0%,#9904a9 100%); background: linear-gradient(to right, #5b03dc 0%,#9904a9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b03dc', endColorstr='#9904a9',GradientType=1 );}
.portfolio-section .choose .slick-dots li:hover button:before,.portfolio-section .choose .slick-dots li.slick-active button:before{color: #fff;}
.portfolio-section .choose .slick-dots li button{font-size: 0;width: 100%;height: 100%;padding: 10px 55px;}
.portfolio-section .choose .slick-dots li button:before{background: transparent; color: #000; content: ""; width: 100%; font-size: 15px; opacity: 1; padding: 9px 0; font-family: var(--heading-font-family); font-weight: 500;}

.portfolio-section .slick-dots li:nth-child(1) button:before{content: "Abstract Mark";}
.portfolio-section .slick-dots li:nth-child(2) button:before{content: "Emblem";}
.portfolio-section .slick-dots li:nth-child(3) button:before{content: "Letter";}
.portfolio-section .slick-dots li:nth-child(4) button:before{content: "Wordmark";}
.portfolio-section .slick-dots li:nth-child(5) button:before{content: "Mascot";}
.portfolio-section .slick-dots li:nth-child(6) button:before{content: "Pictorial Mark";}
.portfolio-section .slick-dots li:nth-child(7) button:before{content: "Calligraphy";}
.portfolio-section .slick-dots li:nth-child(8) button:before{content: "2D Logos";}
.portfolio-section .slick-dots li:nth-child(9) button:before{content: "3D Logos";}
.portfolio-section .slick-dots li:nth-child(10) button:before{content: "Illustrative";}

.portfolio-section .slick-dots li:nth-child(1) button{padding: 10px 60px;}
.portfolio-section .slick-dots li:nth-child(2) button{padding: 10px 40px;}
.portfolio-section .slick-dots li:nth-child(3) button{padding: 10px 32px;}
.portfolio-section .slick-dots li:nth-child(4) button{padding: 10px 47px;}
.portfolio-section .slick-dots li:nth-child(5) button{padding: 10px 36px;}
.portfolio-section .slick-dots li:nth-child(6) button{padding: 10px 58px;}
.portfolio-section .slick-dots li:nth-child(7) button{padding: 10px 49px;}
.portfolio-section .slick-dots li:nth-child(8) button{padding: 10px 42px;}
.portfolio-section .slick-dots li:nth-child(9) button{padding: 10px 42px;}
.portfolio-section .slick-dots li:nth-child(10) button{padding: 10px 47px;}

.portfolio-section .choose .slick-dots li button:before {font-size: 13px;}

.prologodesign .main-menu {display: none;}
.prologodesign .call-action.kon {padding-top: 14px;}

.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}
.banr-txt h2 span {font-size: 20px;display: block;margin: 10px 0;color: #ffa739;}

.copright,.package_slide_wrap{position: relative;z-index: 9;background: #fff;}
.promoport .list-folio{}
.promoport .list-folio li {font-size: 0;}
.promoport .list-folio li div {margin: 0px;width: 33.3333%;}
.promoport .list-folio li div img {border-radius: 0;}

.promo-offer {position: relative;}
.promo-offer figure {position: absolute;right: 25px;top: 30px;}
.promo-offer figure img {width: 70px;opacity: 1;}

#days {font-size: 100px;color: #e60903;}
#hours {font-size: 100px;color: #e60903}
#minutes {font-size: 100px;color: #e60903}
#seconds {font-size: 50px;color: #e60903}


@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

.dispvisible{display:inline-block!important;}
.banr-txt.mlp h2 {line-height: 1.1;text-align: left;font-size: 54px;color: #fff;font-weight: 900;text-transform: capitalize;}
.banr-txt.mlp h2 span {color: #ffcb05;display: inline-block;font-size: 54px;}

#who-we-are .tab-custom .tabbing-links{font-size: 0;text-align: center;margin-top: 15px;margin-bottom: 40px;}
#who-we-are .tab-custom .tabbing-links li {display: inline-block;padding: 10px 30px;border-radius: 5px;color: #000;font-size: 14px;cursor: pointer;margin: 0 5px;background: #eaeaea;}
#who-we-are .tab-custom .tabbing-links li.current {color: #fff;background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);background: -webkit-linear-gradient(left, #7e00dc 0%,#001787 100%);}
#who-we-are {padding: 60px 0;}
#who-we-are .tab-custom .tabs{display: none;}
#who-we-are .tab-custom .tabs.current{display: inline-block;}
#who-we-are .wrapcontents {padding-top: 40px;}
#who-we-are .wrapcontents h6 {color: #000;font-size: 30px;font-weight: 500;}
#who-we-are .wrapcontents p {font-size: 16px;line-height: 1.5;font-weight: 500;margin-bottom: 20px;}
#who-we-are .wrapcontents p .text-grad {color: #6304ca;}
#who-we-are .tabs img {width: 80%;}


.prologodesign .hidepro2 {display:none;}

/*General CSS*/

.w-100 {width: 100%;}

.d-flex {display: flex !important;}
.align-items-center {align-items: center;}
.justfy-content-center {justify-content: center;}

ul.inline-block > li {display: inline-block;margin-right: 10px;}
ul.inline-block > li:last-child {margin-right: 0;}

ul.block > li {display: block;margin-right: 10px;}
ul.block > li:last-child {margin-right: 0;}

p {font-size: 14px;line-height: 1.43;font-family: 'Open Sans', sans-serif;}

[class^="box-"] {display:none}
[class^="box-"].showfirst {display:block}

strong {font-weight: 700;}

.p-0 {padding: 0 !important;}
.m-0 {margin: 0 !important;}

.pb-0, .py-0 {padding-bottom: 0!important;}
.pt-0, .py-0 {padding-top: 0!important;}
.pr-0, .px-0 {padding-right: 0!important;}
.pl-0, .px-0 {padding-left: 0!important;}

.ml-0, .mx-0 {margin-left: 0!important;}
.mr-0, .mx-0 {margin-right: 0!important;}
.mt-0, .my-0 {margin-top: 0!important;}
.mb-0, .my-0 {margin-bottom: 0!important;}

.pl-1, .px-1 {padding-left: .25rem!important;}
.pl-2, .px-2 {padding-left: .5rem!important;}
.pl-3, .px-3 {padding-left: 1rem!important;}
.pl-4, .px-4 {padding-left: 1.5rem!important;}
.pl-5, .px-5 {padding-left: 3rem!important;}

.pr-1, .px-1 {padding-right: .25rem!important;}
.pr-2, .px-2 {padding-right: .5rem!important;}
.pr-3, .px-3 {padding-right: 1rem!important;}
.pr-4, .px-4 {padding-right: 1.5rem!important;}
.pr-5, .px-5 {padding-right: 3rem!important;}

.pb-1, .py-1 {padding-bottom: .25rem!important;}
.pb-2, .py-2 {padding-bottom: .5rem!important;}
.pb-3, .py-3 {padding-bottom: 1rem!important;}
.pb-4, .py-4 {padding-bottom: 1.5rem!important;}
.pb-5, .py-5 {padding-bottom: 3rem!important;}

.pt-1, .py-1 {padding-top: .25rem!important;}
.pt-2, .py-2 {padding-top: .5rem!important;}
.pt-3, .py-3 {padding-top: 1rem!important;}
.pt-4, .py-4 {padding-top: 1.5rem!important;}
.pt-5, .py-5 {padding-top: 3rem!important;}

.ml-1, .mx-1 {margin-left: .25rem!important;}
.ml-2, .mx-2 {margin-left: .5rem!important;}
.ml-3, .mx-3 {margin-left: 1rem!important;}
.ml-4, .mx-4 {margin-left: 1.5rem!important;}
.ml-5, .mx-5 {margin-left: 3rem!important;}

.mr-1, .mx-1 {margin-right: .25rem!important;}
.mr-2, .mx-2 {margin-right: .5rem!important;}
.mr-3, .mx-3 {margin-right: 1rem!important;}
.mr-4, .mx-4 {margin-right: 1.5rem!important;}
.mr-5, .mx-5 {margin-right: 3rem!important;}

.mb-1, .my-1 {margin-bottom: .25rem!important;}
.mb-2, .my-2 {margin-bottom: .5rem!important;}
.mb-3, .my-3 {margin-bottom: 1rem!important;}
.mb-4, .my-4 {margin-bottom: 1.5rem!important;}
.mb-5, .my-5 {margin-bottom: 3rem!important;}

.mt-1, .my-1 {margin-top: .25rem!important;}
.mt-2, .my-2 {margin-top: .5rem!important;}
.mt-3, .my-3 {margin-top: 1rem!important;}
.mt-4, .my-4 {margin-top: 1.5rem!important;}
.mt-5, .my-5 {margin-top: 3rem!important;}

.spacing__x {padding: 90px 0;}

ul {margin-bottom: 0;padding-left: 0;}
ul li {list-style: none;}

.btn-style-1 {position: relative;background: transparent;font-size: 14px;color: #FFFFFF;letter-spacing: 1px;text-transform: uppercase;border: 1px solid #888888;border-radius: 3px;padding: 14px 25px 14px 20px;z-index: 1;}
.btn-style-1::before {content: '';position: absolute;left: -15px;top: -15px;width: 31px;height: 31px;background-color: #F32005;border-radius: 50px;z-index: -1;transition: all 0.4s ease-in-out;}
.btn-style-1 > i {background: url(../img/sprite.png) no-repeat;background-position: 0 0;width: 18px;height: 13px;display: inline-block;margin-left: 10px;}
.btn-style-1:hover, .btn-style-1:focus {color: #FFFFFF;}
.btn-style-1:hover::before {width: 100%;height: 100%;border-radius: 2px;left: -2px;top: -2px;}
.btn-style-1.theme-dark {color: #111111;}
.btn-style-1.theme-dark > i {background-position: 0 -14px;}
.btn-style-1.theme-dark:hover {color: #FFFFFF !important;}
.btn-style-1.theme-dark:hover i {background-position: 0 0;}

.headingstyle1 h6 {color: #FFFFFF;font-size: 16px;font-weight: 400;display: inline-block;position: relative;margin-bottom: 15px;text-transform: capitalize;}
.headingstyle1 h6::before {content: '';position: absolute;background-color: #F32005;width: 50px;height: 1px;right: -60px;top: 0;bottom: 0;margin: auto;}
.headingstyle1 h6::after {content: '';position: absolute;background-color: #F32005;width: 13px;height: 13px;border-radius: 50px;right: -60px;top: 0;bottom: 0;margin: auto;}
.headingstyle1 h2 {color: #FFFFFF;font-size: 70px;display: block;font-weight: 800;margin-bottom: 20px;line-height: 1.2;}
.headingstyle1 h3 {font-size: 46px;color: #111111;font-weight: 700;line-height: 1.3;letter-spacing: -2px;margin-bottom: 10px;}
.headingstyle1 .parastyle1 {color: #FFFFFF;font-size: 16px;font-weight: 300;margin-bottom: 20px;}
.headingstyle1 .parastyle2 {font-family: 'Open Sans', sans-serif;color: #111111;font-size: 15px;margin-bottom: 50px;}
.headingstyle1 ul {margin-bottom: 40px;}
.headingstyle1 ul li {font-family: 'Open Sans', sans-serif;color: #111111;font-size: 15px;margin-bottom: 10px;}
.headingstyle1 ul li:last-child {margin-bottom: 0;}

.headingstyle1.style-2 h6 {color: #111111;}
.headingstyle1.style-2 .parastyle1 {color: #111111;margin-bottom: 20px;}

.headingstyle1.style-3 h6 {margin-bottom: 0;text-transform: uppercase;font-weight: 600;}
.headingstyle1.style-3 h6::before, .headingstyle1.style-3 h6::after  {display: none;}

.headingstyle1.style-4 h6 {font-weight: 500;margin-bottom: 10px;}
.headingstyle1.style-4 h6::before, .headingstyle1.style-4 h6::after {display: none;}

.color-primary {color: #F32005 !important;}
.bg-color-primary {background-color: #F32005;}

.fs-44 {font-size: 44px !important;}
.fs-43 {font-size: 43px !important;}

.ff-great-vibe {font-family: 'Great Vibes', cursive;}

.color-white {color: #FFFFFF !important;}

.bg-color-1 {background-color: #f6f6f6;}
.bg-color-2 {background-color: #f6f6f6;}
.bg-color-3 {background-color: #F9F9F9;}

.bg-detail {background-position: center;background-size: cover;background-repeat: no-repeat;}

.banner-inner-style-2 {min-height: 600px;display: flex;align-items: center;position: relative;}

.element {position: absolute;}
.ele-services-images-02 {right: 0;top: 0;bottom: 0;margin: auto;}

.slick-dots > li {display: inline-block;margin-right: 10px;}
.slick-dots > li:last-child {margin-right: 0;}
.slick-dots > li button {font-size: 0;padding: 0;border: 0;width: 13px;height: 13px;border-radius: 50px;background-color: #dbdbdb;}
.slick-dots > li.slick-active button {background-color: #F32005;}

.pos-relative {position: relative;}

/* Home CSS  */

.nav-theme-dark header {background-color: #000000;}
.nav-theme-dark .top-navigation {margin-bottom: 25px;}


/* header {position: fixed;width: 100%;top: 0;background-color: #000000;z-index: 999;transition: all 0.5s ease-in-out;} */
/* .top-navigation {text-align: right;margin-bottom: 35px;}
.top-navigation > ul > li {display: inline-block;margin-right: 15px;}
.top-navigation > ul > li:last-child {margin-right: 0;}
.top-navigation > ul > li > a {color: #FFFFFF;font-size: 14px;font-weight: 300;}
.top-navigation > ul > li > a .fa {color: #F32005;margin-right: 5px;font-weight: 600;} */

/* .main-navigation {text-align: right;}
.main-navigation > ul > li {display: inline-block;position: relative;}
.main-navigation > ul > li:last-child {margin-right: 0;}
.main-navigation > ul > li > a {color: #FFFFFF;font-size: 14px;font-weight: 300;text-transform: uppercase;padding: 40px 35px 40px 0;position: relative;}
.main-navigation > ul > li > a i {color: #F32005;font-weight: 600;}
.ring {position: absolute;top: 50%;left: 35%;transform: translate(-50%,-50%);width: 118px;height: 50px;transition: all 0.4s ease-in-out;opacity: 0;}
.main-navigation > ul > li > a:hover .ring {opacity: 1;}
.main-navigation > ul > li > ul {position: absolute;left: 0;top: 85px;width: 250px;background-color: #FFFFFF;text-align: left;visibility: hidden;opacity: 0;pointer-events: none;box-shadow: 0 0 5px 0 #c3c3c3;transition: all 0.4s ease-in-out;}
.main-navigation > ul > li > ul > li {border-bottom: 1px solid #ededed;}
.main-navigation > ul > li > ul > li:last-child {border-bottom: 0;}
.main-navigation > ul > li > ul > li a {display: block;padding: 14px 20px;font-size: 12px;color: #000000;font-weight: 500;position: relative;z-index: 1;}
.main-navigation > ul > li > ul > li a::before {content: '';position: absolute;height: 100%;left: 0;top: 0;background-color: #F32005;z-index: -1;transition: all 0.4s ease-in-out;width: 0;}
.main-navigation > ul > li > ul > li a i {display: none;}
.main-navigation > ul > li > ul > li a:hover {color: #FFFFFF;}
.main-navigation > ul > li > ul > li a:hover::before {width: 100%;}
.main-navigation > ul > li.has-dropdown:hover > ul {visibility: visible;opacity: 1;pointer-events: auto;} */


/* header.sticky-header {background-color: #000000;position: fixed !important;}
header.sticky-header .top-navigation {display: none;}
header.sticky-header .main-navigation {margin-bottom: 0;} */

/* .logo img {width: 10rem;transition: all 0.5s ease-in-out;} */



.banner-home {height: 100vh;background-color: #000000;display: flex;align-items: center;overflow: hidden;position: relative;}
/* .banner-element-left::before {content: '';position: absolute;bottom: 0;background: url(../img/elements/element-1.png) no-repeat;width: 696px;height: 535px;} */
.banner-home .video-container {margin-bottom: 30px;}

.brand-identity {border-bottom: 1px solid #e5e5e5;}
.brand-identity .f-spacing {padding: 90px 450px 90px 90px;}


.showcase {position: relative;overflow: hidden;}
.showcase .headingstyle1 {margin-bottom: 40px;}

.portfolioList-box .portfolioList li {display: none;}
.portfolioList {font-size: 0;}
.portfolioList li {width: 20%;display: inline-block;}
.portfolio-box {position: relative;overflow: hidden;}
.portfolio-box .hover-effect {position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;transform: translateX(-100%);background-color: rgb(0 0 0 / 90%);transition: all 0.4s ease-in-out;visibility: hidden;opacity: 0;display: flex;align-items: center;justify-content: center;}
.portfolio-box .hover-effect .client-name {color: #FFFFFF;font-size: 18px;text-transform: capitalize;letter-spacing: 2px;}
.portfolio-box .hover-effect .client-name small {font-size: 12px;text-transform: uppercase;display: block;margin-bottom: 8px;}
.portfolio-box:hover .hover-effect {opacity: 1;visibility: visible;transform: translateX(0);}

.portfolio_page .portfolioList-box .portfolioList li {display: inline-block;}

.showcase .marquee-style {position: absolute;top: 4%;}
.showcase .marquee-style.style-2 {top: 14%;}
.showcase .marquee-style.style-3 {top: 24%;}
.showcase .marquee-style.style-4 {top: 35%;}
.showcase .marquee-style.style-5 {top: 45%;}
.showcase .marquee-style.style-6 {top: 56%;}

.focus-services > ul {font-size: 0;padding: 0;margin: 0;position: relative;height: 38.125rem;display: flex;overflow: hidden;}
.focus-services ul > li::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 80%)}
.focus-services ul > li {position: relative;width: 25%;height: 38.125rem;display: block;background-size: cover;background-position: 50%;overflow: hidden;transition: width .7s ease;border-top: 0;padding-top: 0;margin-top: 0;color: #fff;}
.focus-services ul > li .fs-item {display: flex;justify-content: flex-start;align-items: flex-start;background-color: rgb(18 18 18 / 60%);color: #fff;position: absolute;padding: 5rem 2.5rem 9.375rem;height: 100%;width: 100%;z-index: 2;left: 0;border-right: 1px solid hsla(0,0%,100%,.3);}
.focus-services ul > li .fs-item .content {height: 100%;position: relative;}
.focus-services ul > li:hover {width: 100%;}
.focus-services .content h5 {color: #FFFFFF;font-size: 24px;}

.tab-style-1 {margin-bottom: 40px;}
.tab-style-1 > ul {font-size: 0;}
.tab-style-1 ul > li {display: inline-block;margin-right: 25px;position: relative;}
.tab-style-1 ul > li:last-child {margin-right: 0;padding-right: 0;}
.tab-style-1 ul > li span {color: #111111;display: inline-block;font-size: 20px;margin-left: 25px;}
.tab-style-1 ul > li a {font-size: 15px;color: #111111;text-transform: capitalize;font-weight: 600;font-family: 'Open Sans', sans-serif;}
.tab-style-1 ul > li a span {margin-left: 10px;}
.tab-style-1 ul > li.active a, .tab-style-1 ul > li.active span {color: #F32005;}

.pricing-box {position: relative;padding: 40px 35px;background-color: #FFFFFF;cursor: pointer;transition: background-color 600ms;margin-bottom: 50px;}
.pricing-box .pricing-name {margin-bottom: 30px;}
.pricing-box .pricing-name h4 {font-size: 24px;font-weight: 600;color: #111111;}
.pricing-box .pricing-detail {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 30px 0;margin-bottom: 40px;display: flex;align-items: center;justify-content: space-between;}
.pricing-box .pricing-detail div:first-child {display: none;}
.pricing-box .pricing-detail > .ml- {margin-left: 80px;margin-left: 0;}
.pricing-box .pricing-detail > .ml-.style-2 {margin-left: 35px;}
.pricing-box .pricing-detail > div p {font-size: 13px;color: #111111;font-weight: 500;text-transform: uppercase;}
.pricing-detail .price {display: inline-block;font-size: 40px;color: #F32005;font-weight: 600;}
.pricing-detail .price sup {font-size: 20px;font-weight: 400;}
.pricing-detail .price .duration {font-size: 16px;}
.pricing-detail .old-price {font-size: 14px;display: inline-block;color: #111111;font-weight: 500;font-family: 'Open Sans', sans-serif;}
.pricing-detail .old-price small {text-decoration: line-through;}
.pacakge-included {margin-bottom: 40px;}
.pacakge-included ul {font-size: 0;height: 210px;overflow-y: scroll;}
.pacakge-included ul::-webkit-scrollbar {width: 7px; background-color: #F5F5F5;}
.pacakge-included ul::-webkit-scrollbar-button:start:decrement, .pacakge-included ul::-webkit-scrollbar-button:end:increment {display:none;}
.pacakge-included ul::-webkit-scrollbar-track-piece {background-color: #FFFFFF;}
.pacakge-included ul::-webkit-scrollbar-thumb:vertical {border-radius: 8px;background-color: #888888;}
.pacakge-included ul li {font-size: 13px;font-family: 'Open Sans', sans-serif;margin-bottom: 25px;color: #111111;line-height: normal;font-weight: 500;}
.pacakge-included ul li i {color: #F32005;font-size: 12px;margin-right: 5px;}
.pricing-order a {display: block;}
.pricing-order a i {position: absolute;right: 20px;}

.pricing-box:hover, .pricing-box:hover .pacakge-included ul::-webkit-scrollbar-track-piece {background-color: #F32005 !important;}
.pricing-box:hover .pricing-name h4, .pricing-box:hover .pricing-detail .price, .pricing-box:hover .pricing-detail .old-price, .pricing-box:hover .pricing-detail > div p, .pricing-box:hover .pacakge-included ul li, .pricing-box:hover .pacakge-included ul li i, .pricing-box:hover .btn-style-1 {color: #FFFFFF !important;}
.pricing-box:hover .btn-style-1 {border-color: #FFFFFF !important;color: #111111 !important;}
.pricing-box:hover .btn-style-1::before {background-color: #FFFFFF !important;width: 100% !important;height: 100% !important;border-radius: 2px !important;left: -2px;top: -2px !important;}
.pricing-box:hover .pacakge-included ul::-webkit-scrollbar-thumb:vertical {background-color: #FFFFFF !important;}

.pricing-box.theme-dark, .pricing-box.theme-dark .pacakge-included ul::-webkit-scrollbar-track-piece {background-color: #111111;}
.pricing-box.theme-dark .pricing-name h4, .pricing-box.theme-dark .pricing-detail .old-price, .pricing-box.theme-dark .pricing-detail > div p, .pricing-box.theme-dark .pacakge-included ul li, .pricing-box.theme-dark .btn-style-1 {color: #FFFFFF;}
.pricing-box.theme-dark:hover .btn-style-1::before {background-color: #F32005;}
.pricing-box.theme-dark:hover .btn-style-1 i {background-position: 0 -14px;}


.combo-package {position: relative;}
.combo-list {margin-bottom: 40px;}
.combo-list h5 {font-size: 20px;color: #FFFFFF;font-weight: 600;position: relative;margin-bottom: 20px;z-index: 1;}
.combo-list h5::before {content: '';position: absolute;top: 0;bottom: 0;margin: auto;left: -15px;z-index: -1;background-color: #515151;border-radius: 50px;width: 32px;height: 32px;}
.combo-list ul li {font-size: 13px;color: #FFFFFF;margin-bottom: 20px;font-family: 'Open Sans', sans-serif;}
.combo-list ul li i {color: #F32005;margin-right: 5px;}
.combo-package .combo-img-01 {right: 0;}


.our-process {background-color: #000000;position: relative;}
.our-process::before {content: '';position: absolute;right: 0;top: 0;background: url(../img/elements/element-2.png) no-repeat;width: 711px;height: 544px;}

.our-process .process-list ul {font-size: 0; display: flex;}
.our-process .process-list ul li {display: inline-block;width: 20%;text-align: center;}
.our-process .process-list ul li .img-box .on-active {opacity: 0;}
.our-process .process-list ul li .img-box {width: 100px;height: 86px;margin: auto;position: relative;}
.our-process .process-list ul li .img-box img {position: absolute;left: 0;}
.our-process .process-list ul li i {background: url(../img/sprite.png) no-repeat;background-position: -26px 0;width: 83px;height: 84px;display: inline-block;margin: auto;}
.our-process .process-list ul li i.ic2 {background-position: -117px 0;}
.our-process .process-list ul li i.ic3 {background-position: -207px 0;width: 86px;}
.our-process .process-list ul li i.ic4 {background-position: -301px 0;width: 100px;}
.our-process .process-list ul li i.ic5 {background-position: -409px 0;}
.our-process .process-list ul li h6 {font-family: 'Open Sans', sans-serif;font-size: 18px;color: #FFFFFF;font-weight: 600;margin: 50px 0 20px 0;}
.our-process .process-list ul li p {font-family: 'Poppins', sans-serif;font-size: 14px;color: #FFFFFF;opacity: 0;}
.our-process .process-list ul li hr {border-color: #707070;margin-top: 35px;}

.our-process .process-list ul li.active p {opacity: 1;}
.our-process .process-list ul li.active h6 {color: #F32005;}
.our-process .process-list ul li.active hr {border: 2px solid #F32005;}

.our-process .process-list ul li.active .img-box .default {opacity: 0;}
.our-process .process-list ul li.active .img-box .on-active {opacity: 1;}


.video-testimonials {padding-bottom: 180px;}
.review-box {position: relative;}
.review-box video {display: flex;object-fit: fill;}
.review-box .btn-play-box {position: absolute;z-index: 1;bottom: 0;left: 0;right: 0;top: 0;margin: auto;width: 90px;height: 90px;}
.btn-play-box .btn-play {display: block;margin: auto;border: 2px solid #F32005;border-radius: 50%;background: #F32005;font-size: 0;line-height: 0;color: transparent;position: relative;transition: background .3s;width: 90px;height: 90px;}

.btn-play-box .btn-play:after {content: "";position: absolute;z-index: -1;left: 44px;top: 44px;display: block;width: 100px;height: 100px;background: #F32005;border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;}
.btn-play-box .btn-play:before {position: absolute; top: 0; left: 15%; right: 0; bottom: 0; margin: auto; width: 0; height: 0; content: ""; border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 30px solid #e4e4e4;}

@keyframes pulse-border {
    0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
    100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}


.our-testimonials {position: relative;}
.our-testimonials .testimonial-img-01 {right: 0;top: -100px;}
.our-testimonials .headingstyle1 {position: relative;}
.our-testimonials .headingstyle1::before {content: '';position: absolute;right: -90px;top: -100px;background: url(../img/elements/element-3.png) no-repeat;width: 372px;height: 282px;}
.single-review-box {position: relative;}
.single-review-box p {font-size: 16px;color: #111111;margin: 20px 52px 25px 52px;}
.single-review-box h5 {font-size: 16px;color: #111111;font-family: 'Open Sans', sans-serif;font-weight: 700;margin-bottom: 10px;text-transform: capitalize;}
.single-review-box h6 {font-size: 14px;color: #111111;font-family: 'Open Sans', sans-serif;text-transform: capitalize;}

.single-review-slider .slick-arrow {font-size: 0;position: absolute;right: 0;bottom: -70px;width: 60px;height: 60px;background-color: #f6f6f6;padding: 0;border: none;display: flex;align-items: center;justify-content: center;border-radius: 50px;z-index: 1;transition: all 0.4s ease-in-out;}
.single-review-slider .slick-arrow:hover {background-color: #e5e5e5;}
.single-review-slider .slick-arrow::before {content: '';position: absolute;background: url(../img/sprite.png) no-repeat;background-position: 0 -14px;width: 18px;height: 13px;}
.single-review-slider .slick-prev {right: 90px;}
.single-review-slider .slick-prev::before {transform: rotate(180deg);}
.single-review-slider .slider__counter {display: none; position: absolute;bottom: -50px;font-size: 16px;font-weight: 600;font-family: 'Open Sans', sans-serif;color: #111111;letter-spacing: -2px;}


.footer-form {position: relative;min-height: 936px;overflow: hidden;display: flex;align-items: center;}
.footer-form video {position: absolute;z-index: -1;}
.footer-form .form-box textarea {margin-bottom: 40px;}
.footer-form .form-box .form-group {margin-bottom: 20px;}

.custom-input-type {
    width: 100%;
    border-radius: 4px;
    border: none;
    color: #000000;
    font-size: 14px;
    height: 40px;
    margin-bottom: 1rem;
    padding: 10px 1rem;
}
.custom-textarea {width: 100%;background: transparent;border: none;border-bottom: 1px solid #F32005;color: #000000;font-size: 14px;resize: none;}
.custom-select-type {width: 100%;background: transparent;border: none;border-bottom: 1px solid #F32005;color: #000000;font-size: 14px;height: 45px;}
.custom-input-type::placeholder, .custom-textarea::placeholder, .custom-select-type::placeholder {color: #111111;}


.awards {position: relative;padding: 30px 0;}
.awards-list ul {font-size: 0;}
.awards-list ul li {display: inline-block;width: 16.6666%;}
.awards-list ul li img {transform: rotateY(0deg);transition: 0.6s;transform-style: preserve-3d;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);}
.awards-list ul li:hover img {background: #1b1b1b;transform: rotateY(360deg);max-width: 100%;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}


.social-links {display: flex;align-items: center;justify-content: space-between;}
.link-area {}
.link-area li {display: inline-block;margin-right: 30px;}
.link-area li:last-child {margin-right: 0;}
.link-area li a {font-size: 20px;color: #FFFFFF;}
.link-area li a:hover {color: #F32005;}

footer {padding: 0 0 0 0;position: relative;}
footer .pt-pb {padding-top: 50px;padding-bottom: 50px;border-top: aliceblue;border-bottom: 1px solid #19191a;}
.footer-contact-info ul {font-size: 0;text-align: right;}
.footer-contact-info ul li {display: inline-block;padding-left: 55px;position: relative;color: #FFFFFF;margin-right: 55px;text-align: left;font-family: 'Open Sans', sans-serif;}
.footer-contact-info ul li:last-child {margin-right: 0;}
.footer-contact-info ul li .icon-box {position: absolute;left: 0;width: 43px;height: 43px;border: 1px solid #3b3b3b;border-radius: 3px;display: flex;align-items: center;justify-content: center;}
.footer-contact-info ul li .icon-box i {color: #F32005;font-size: 24px;}
.footer-contact-info ul li h6 {font-size: 14px;font-weight: 700;}
.footer-contact-info ul li .info {font-size: 16px;display: block;margin-top: 5px;}
.footer-contact-info ul li .info:hover {color: #F32005;}

.bt-0 {border-top: none !important;}
.bb-0 {border-bottom: none !important;}

.ft-nav h4 {color: #FFFFFF;font-weight: 300;font-size: 30px;margin-bottom: 30px;line-height: 1.2;}
.ft-nav h4 strong {font-weight: 600;}
.ft-nav h6 {font-family: 'Open Sans', sans-serif;font-size: 18px;color: #F32005;font-weight: 600;margin-bottom: 30px;}
.ft-nav ul {font-size: 0;}
.ft-nav ul li {margin-bottom: 20px;display: inline-block;width: 50%;}
.ft-nav ul li a {color: #FFFFFF;font-family: 'Open Sans', sans-serif;font-size: 14px;}
.ft-nav ul li a:hover {color: #F32005;}

.footer-form-heading h5 {font-size: 28px;color: #F32005;font-weight: 700;margin-bottom: 5px;}
.footer-form-heading p {font-size: 14px;color: #ffffff;}
.footer-input {width: 100%;border: 1px solid #252525;background-color: #111111;padding: 10px 20px;font-size: 14px;border-radius: 3px;}
.footer-submit {width: 100%;color: #FFFFFF;background-color: #F32005;border: none;padding: 14px 30px 14px 4px;text-transform: uppercase;border-radius: 3px;position: relative;font-size: 14px;}
.footer-submit i {background: url(../img/sprite.png) no-repeat;background-position: 0 0;width: 18px;height: 12px;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;}

.copyrights {margin-bottom: 30px;}
.copyrights p {color: #c9c9c9;display: inline-block;}
.copyrights ul {font-size: 0;display: inline-block;margin-left: 5px;}
.copyrights ul li {display: inline-block;margin-right: 10px;padding-right: 10px;}
.copyrights ul li a {color: #FFFFFF;font-size: 14px;text-decoration: underline;}
.copyrights ul li a:hover {color: #F32005;}

.disclaimer p {font-size: 12px;color: #CCCCCC;}
.disclaimer p strong {font-weight: 700;}
.faq__ {position: relative;overflow: hidden;}
.faq__ .faq-box {position: relative;}
.faq__ .faq-box img {margin: auto;display: block;}
.faq__ .faq-box .headingstyle1 {margin-bottom: 25px;}
.faq__ .faq-box .full-area {background: -moz-linear-gradient(top, rgba(246,246,246,1) 77%, rgba(246,246,246,0.96) 78%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top, rgba(246,246,246,1) 77%,rgba(246,246,246,0.96) 78%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(246,246,246,1) 77%,rgba(246,246,246,0.96) 78%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00ffffff',GradientType=0 );padding: 55px 45px;}
.faq__ .faq-box form {position: relative;margin-bottom: 15px;}
.faq__ .faq-box form i {position: absolute;color: #F32005;left: 15px;bottom: 0;top: 0;margin: auto;display: flex;align-items: center;}
.faq__ .faq-box form input {width: 100%;border: 1px solid #e5e5e5;font-size: 14px;height: 53px;padding: 0 15px 0 40px;border-radius: 3px;}

.faq__ .lets-talk .canmove {display: block;margin: auto;top: 0;position: relative;-webkit-animation: canmove 1.5s infinite alternate-reverse;animation: canmove 1.5s infinite alternate-reverse;}
.faq__ .lets-talk .shadow {display: block;margin: auto;}
.faq__ .lets-talk h4 {font-size: 45px;color: #111111;font-weight: 600;letter-spacing: -2px;margin-bottom: 20px;}
.faq__ .lets-talk p {font-size: 16px;font-weight: 400;color: #111111;margin-bottom: 30px;line-height: 1.53;font-family: 'Poppins', sans-serif;}
.faq__ .lets-talk ul {}
.faq__ .lets-talk ul li {position: relative;margin-bottom: 25px;padding-left: 35px;}
.faq__ .lets-talk ul li::before {content: '';position: absolute;left: 0;background: url(../img/sprite.png) no-repeat;background-position: -1px -35px;width: 25px;height: 25px;}
.faq__ .lets-talk ul li:last-child::before {background-position: -1px -92px;width: 26px;height: 22px;}
.faq__ .lets-talk ul li a {color: #111111;font-size: 20px;font-weight: 500;position: relative;}
.faq__ .lets-talk ul li a i {background: url(../img/sprite.png) no-repeat;background-position: 0 -194px;position: absolute;right: -40px;width: 29px;height: 17px;top: 0;bottom: 0;margin: auto;}
.faq__ .lets-talk .gradient-box {background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(255,249,249,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 50%,rgba(255,249,249,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 50%,rgba(255,249,249,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff9f9',GradientType=0 );padding: 50px 40px;}

.cta ul li {position: relative;margin-bottom: 25px;padding-left: 35px;}
.cta ul li::before {content: '';position: absolute;left: 0;background: url(../img/sprite.png) no-repeat;background-position: -1px -35px;width: 25px;height: 25px;}
.cta ul li:last-child::before {background-position: -1px -92px;width: 26px;height: 22px;}
.cta ul li a {color: #111111;font-size: 20px;font-weight: 500;position: relative;}
.cta ul li a i {background: url(../img/sprite.png) no-repeat;background-position: 0 -194px;position: absolute;left: 244px;width: 29px;height: 17px;top: 3px;bottom: 0;margin: auto;}

.cta__ { margin-top: -1px; background: url(../images/cta-footer.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.cta__.faq__ .lets-talk .gradient-box {border-radius: 100px;padding-left: 70px !important;padding-right: 70px !important;background: #fff9ea !important;box-shadow: 0px 0px 10px 6px #000000 !important;}

.accordian > li {position: relative;padding: 20px 0 5px 0;border-bottom: 1px solid #e5e5e5;}
.accordian > li:last-child {border-bottom: none;}
.accordian > li h5 {position: relative;font-size: 16px;color: #111111;cursor: pointer;font-weight: 500;margin-bottom: 15px;padding-right: 25px;line-height: 1.2;}
.accordian > li h5::before {content: "\f067";font-family: 'Font Awesome 5 Pro';color: #c1c1c1;position: absolute;right: 0;top: 0;font-size: 26px;font-weight: 400;}
.accordian > li > div {display: none;}
.accordian > li > div p {color: #111111;margin-bottom: 15px;}
.accordian > li.active h5::before {content: "\f068";}

.faq-slider .slick-arrow {position: absolute;bottom: -80px;font-size: 0;padding: 0;width: 62px;height: 62px;border: 2px solid #F32005;border-radius: 50px;z-index: 1;cursor: pointer;background: transparent;color: #F32005;transition: all 0.4s ease-in-out;}
.faq-slider .slick-arrow::before {content: "\f105";font: normal normal normal 14px/1 FontAwesome;font-size: 28px;font-weight: 600;}
.faq-slider .slick-prev {right: 0;}
.faq-slider .slick-next {left: 0;}
.faq-slider .slick-next::before {content: "\f104";}
.faq-slider .slick-arrow:hover {background-color: #F32005;color: #FFFFFF;}


@keyframes canmove {
  from {top: 0px;}
  to {top: 20px;}
}


.banner-inner {height: 100vh;display: flex;align-items: center;position: relative;overflow: hidden;}
.banner-inner-content {position: relative;z-index: 2;}

.ele-logo-design {right: 0;top: 0;bottom: 0;margin: auto;}
.ele-motion-graphic {right: 80px;top: 0;bottom: 0;margin: auto;}
.ele-appdevelopment {right: 0;bottom: 0;}
.ele-brand-development {right: 50px;top: 100px;bottom: 0;margin: auto;}
.ele-domain-registration {right: 150px;top: 100px;bottom: 0;margin: auto;}
.ele-marketing-collateral {right: 50px;top: 0;bottom: 0;margin: auto;}
.ele-web-design {right: 20px;top: 100px;bottom: 0;margin: auto;}

.mt-70 {margin-top: 70px;}

.form-style-2 .custom-input-type, .form-style-2 .custom-select-type, .form-style-2 .custom-textarea {color: #000;border-bottom: 1px solid #FFFFFF;}
.form-style-2 .custom-select-type option {color: #111111;}
.form-style-2 .custom-input-type::placeholder, .form-style-2 .custom-select-type::placeholder, .form-style-2 .custom-textarea::placeholder {color: #000;}
.form-style-2 .custom-textarea {margin-bottom: 40px;}
.form-style-2 .btn-style-1 {color: #FFFFFF;}
.form-style-2 .btn-style-1 i {background: url(../img/sprite.png) no-repeat;background-position: 0 0;width: 18px;height: 13px;display: inline-block;margin-left: 10px;}


.process {background-color: #000000;position: relative;overflow: hidden;}
.process::before {content: '';position: absolute;left: 0;bottom: 0;background: url(../img/elements/element-2.png) no-repeat;width: 711px;height: 544px;}
.process .headingstyle1 {margin-bottom: 40px;}
.process .cust-slider {margin-bottom: 40px;font-size: 0;display: flex;align-items: flex-start;}
.process .cust-slider .process-img {width: 68px;height: 68px;display: flex;align-items: center;justify-content: center;border: 1px solid #F32005;border-radius: 3px;padding: 5px;}
.process .cust-slider .contentpart {width: 80%;margin-left: 20px;}
.process .cust-slider .contentpart h4 {font-size: 21px;margin-bottom: 10px;color: #FFFFFF;font-weight: 500;}
.process .cust-slider .contentpart p {font-size: 15px;color: #FFFFFF;}
.process .img-box img {vertical-align: middle;}

.testimonials {position: relative;padding-top: 150px;}
.testimonial-slider .slick-dots {display: flex;align-items: center;justify-content: center;}

.testimonial_bg-inner img {box-shadow: 0 14px 42px 0 rgba(0,0,0,.2);}
.testimonial_radius {position: absolute;display: flex;align-items: center;justify-content: center;top: 170px;background-color: #b8285a;right: -56px;width: 100px;height: 100px;font-size: 40px;border-radius: 500px;line-height: 108px;text-align: center;color: #ffffff;}
.testimonial_radius img {border-radius: 100px;}
.testimonial_bg-inner {width: 470px;position: relative;padding-bottom: 40px;padding-left: 30px;}
.testimonial-name {text-align: left;color: #999999;margin-top: 15px;margin-left: 15px;font-size: 16px;}
.testimonial_bg {position: relative;}

.testimonial-sec-inner .testimonial-second-name {font-size: 14px;padding-bottom: 15px;}

.testimonial-sec-tab h3 {font-size: 32px;letter-spacing: -.015em;line-height: 1.3;color: #111111;font-weight: 700;margin-bottom: 10px;}
.testimonial-sec-tab h3::before {display:none;}
.testimonial-co {float: left;}
.testimonial-sec-inner {position: relative;padding-left: 40px;}
.testimonial-sec-inner::before {content: '"';position: absolute;font-size: 100px;color: #2e2e2e;top: 0;left: 0;}
.testimonials .testimonial-block .testimonial-text p {font-size: 18px;color: #999999;}
.testimonials .testimonial-block .testimonial-second-name p {font-size: 15px;color: #999999;font-style:italic;}
.star {border-top: 1px solid #e6e6e6;float: left;width: 200px;padding: 20px 0;}
.star .fa {color: #ff7e65;font-size: 20px;margin-left: 10px;}
.branding-detail img {width: 270px;}

.service-edit {position: relative;border-top: 1px solid #e6e6e6;}

.wheelpopupwrap.visible:before{content: '';background-image: url(../img/pattern.png); opacity: 0.94;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: -1;}


.about__us {    background: url(../images/slider/ban.webp) top left/cover fixed no-repeat;position: relative;overflow: hidden;}

.contact-topinfo {padding-top: 150px;}
.contact-info {margin-bottom: 40px;}
.contact-info li {margin-bottom: 5px;}
.contact-info li a {font-size: 14px;color: #111111;font-weight: 600;}
.contact-info li a > i {color: #F32005;margin-right: 5px;font-size: 18px;}

.user_aplha {color: #fff;font-size: 24px;line-height: 140px;font-weight: bold;height: 135px;width: 135px;text-align: center;border-radius: 500px;background: rgb(249,68,82);background: -moz-linear-gradient(top, rgba(249,68,82,1) 0%, rgba(197,23,81,1) 100%);background: -webkit-linear-gradient(top, rgba(249,68,82,1) 0%,rgba(197,23,81,1) 100%);background: linear-gradient(to bottom, rgba(249,68,82,1) 0%,rgba(197,23,81,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F32005', endColorstr='#c51751',GradientType=0 );}

.award-slid {text-align: center;position: relative;margin-bottom: 20px;}
.awards-img {display: block !important;margin:0 auto;}
.awards-img img {filter: grayscale(0);}
.award-slid h4 {margin-top: 10px;line-height: 1.24;}
.award-slid:hover img {filter: grayscale(100%);}

.service-box {position: relative;margin-bottom: 55px;}
.service-box h3 {font-weight: 600;font-size: 22px;margin-bottom: 5px;line-height: normal;}
.service-box p {margin-bottom: 10px;color: #111111;}

.portfolio_page {padding-top: 150px;}

.policy-terms-style {padding-top: 150px;}
.policy-terms-style .margin-bottom-20 h3 {color: #111111;font-size: 16px;font-weight: 500;margin-bottom: 5px;}
.policy-terms-style .margin-bottom-20 a {color: #111111;text-decoration: underline;}
.policy-terms-style .margin-bottom-20 p {color: #111111;font-size: 13px;}
.policy-terms-style .margin-bottom-20 ul li {line-height: normal;color: #111111;font-size: 13px;margin-bottom: 10px;font-family: 'Open Sans', sans-serif;}
.policy-terms-style .margin-bottom-20 ul > li > ul {padding-left: 20px;margin-top: 9px;}
.policy-terms-style .margin-bottom-20 ul > li > ul > li {margin-bottom: 5px;list-style: auto;}


.marquee-style marquee {font-size: 100px;text-shadow: 0 0 0 #b7b7b7, 0 0 2px #b7b7b7;color: #FFFFFF;font-weight: 700;text-transform: uppercase;margin: -1% 0;}


/* Hamburger Menu */
/* .hamburger {width: 30px;height: 20px;cursor: pointer;position: absolute;right: 15px;top: 0px;bottom: 0px;margin: auto;z-index: 8;display: none;}
.hamburger span {display: block;height: 4px;width: 100%;background: #F32005; position: absolute;transition: .6s all;border-radius: 100px;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 8px;transform-origin: left;}
.hamburger span:nth-child(3) {top: 16px;}
.hamburger.open span:nth-child(1) {transform: rotate(45deg); top: 12px;transform-origin: right-center;}
.hamburger.open span:nth-child(2) {width: 0;opacity: 0;}
.hamburger.open span:nth-child(3) {transform: rotate(-45deg);top: 12px;transform-origin: right-center;} */

.over-hidden {overflow: hidden;}

.popup-overlay {width: 100%;height: 100%;background-color: rgb(0 0 0 / 90%);position: fixed;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 999;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;}
.popup {border: 5px solid #ffdddc;background: rgb(255,201,201);background: radial-gradient(circle, rgba(255,201,201,1) 0%, rgba(255,175,175,1) 78%);border-radius: 10px;box-shadow: 0 10px 20px rgb(0 0 0 / 20%);max-width: 90%;padding: 40px 45px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 620px;max-height: 90vh;display: flex;flex-direction: column;font-size: 0;}
.popup .custom-textarea {margin-bottom: 40px;}
.popup .popup-close {background: #F32005;border: 3px solid #ffdddc;position: absolute;left: -20px;top: -35px;width: 49px;height: 49px;border-radius: 45px;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 24px;}
.popup .element {position: absolute;right: -130px;top: -100px;}
.popup .headingstyle1 h3 {margin-bottom: 0;}
.popup-overlay.active {visibility: visible;opacity: 1;}

.service-exclude-package {background-color: #f8f8f8;}
.service-exclude-package .headingstyle1 h3 {font-size: 26px;margin-bottom: 20px;}
.service-exclude-package .service-icon-box {position: relative;background-color: #F32005;width: 77px;height: 77px;border-radius: 8px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.service-exclude-package .service-icon-box i {background: url(../img/sprite.png) no-repeat;}
.service-exclude-package .service-icon-box i.back-end-development {background-position: -42px -203px;width: 50px;height: 50px;display: inline-block;}
.service-exclude-package .service-icon-box i.digital-marketing {background-position: -227px -202px;width: 46px;height: 46px;}
.service-exclude-package .service-icon-box i.domain-registration {background-position: -164px -200px;width: 50px;height: 50px;}
.service-exclude-package .service-icon-box i.website-management {background-position: -103px -202px;width: 50px;height: 50px;}

.banner-inner .custom-select-type {display: none;}

.ele-about-1 {right: 0;top: 0;bottom: 0;margin: auto;}

.home-package-slider .col-lg-4.slick-slide {margin: 15px;padding: 0;}

.bg-style-1 {background: rgb(255,201,201);background: radial-gradient(circle, rgb(2 183 106) 0%, rgb(39 133 93) 128%);padding-top: 150px;}
.thankyou-style {position: relative;}
.thankyou-style .thankyou-content {text-align: center;}
.thankyou-style .thankyou-content h3 {font-size: 145px;color: #111111;line-height: normal;}
.thankyou-style .thankyou-content p {font-size: 18px;color: #111111;margin: 25px 0;}

.style-404 .row {display: flex;align-items: center;justify-content: center;}
.style-404 .img-box {text-align: right;}
.style-404 .content-404 {color: #111111;}
.style-404 .content-404 h6 {font-size: 32px;font-weight: 600;text-align: center;}
.style-404 .content-404 h3 {font-size: 181px;font-weight: 800;}
.style-404 .content-404 h5 {font-size: 46px;font-weight: 600;}
.style-404 .content-404 p {font-size: 20px;margin: 20px 0;line-height: normal;}
.style-404 .content-404 .btn-style-1 {border: 1px solid #000000;}

.home-portfolio-slider .slick-slide {margin: 0 15px;padding: 0;}
.style-fancy-anchor {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.ban-txt-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.banner-pic {width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 1;}
.banner-pic .hover-effect-bann .row, .banner-pic .hover-effect-bann .column, .banner-pic .hover-effect-bann .ItemCard, .banner-pic .hover-effect-bann .ItemCard__thumb {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;/* transform-style: preserve-3d; */}
.banner-pic .row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.banner-pic .hover-effect-bann .row {position: absolute;top: 0;left: 114vh;width: 1000px;-webkit-transform: rotateX(70deg) rotateZ(25deg) scale(1.2);transform: rotateX(30deg) rotateZ(-40deg) scale(1.2);-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.banner-pic .hover-effect-bann .column {width: 35%;max-width: 21%;padding: 25px;-webkit-box-flex: 1;-webkit-flex: 1 1 50%;-ms-flex: 1 1 50%;flex: 1 1 50%;}
.banner-pic .hover-effect-bann {height: 554px;background-size: cover !important;}
.banner-pic .ItemCard {position: relative;max-width: 400px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.banner-pic .ItemCard__thumb {position: relative;padding: 0;}
figure {margin: 0;}
.banner-pic .ItemCard__thumb img {display: block;cursor: pointer;}
.banner-pic .hover-effect-bann .ItemCard__thumb img {position: relative;z-index: 1;-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform: translate3d(0, 0, 20px);transform: translate3d(0, 0, 20px);-webkit-animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) levitate 2;animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) levitate 2;}
.banner-pic .cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-pic .hover-effect-bann .column:hover .ItemCard__dest {z-index: 10;}
.banner-pic .hover-effect-bann .column:hover .ItemCard__dest, .banner-pic .hover-effect-bann .column:hover .ItemCard__thumb img {-webkit-transform: translate3d(0, 0, 45px) rotateX(0) rotateY(0);transform: translate3d(0, 0, 45px) rotateX(0) rotateY(0);-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.banner-pic .hover-effect-bann .shadow {display: block;-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);opacity: .9;background-color: rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);-webkit-animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) shadow 2;animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) shadow 2;}
.banner-pic .hover-effect-bann .column:hover .ItemCard__thumb .shadow {opacity: .6;background-color: rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 6px rgb(0 0 0 / 10%);}


@-webkit-keyframes levitate {
    0% {
        -webkit-transform: translate3d(0, 0, 20px);
        transform: translate3d(0, 0, 20px);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
    }

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

@keyframes levitate {
    0% {
        -webkit-transform: translate3d(0, 0, 20px);
        transform: translate3d(0, 0, 20px);
    }

    50% {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 20px);
        transform: translate3d(0, 0, 20px);
    }
}
@-webkit-keyframes shadow {
    0% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }

    50% {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.18);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);
    }

    100% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }
}

@keyframes shadow {
    0% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }

    50% {
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.18);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.18);
    }

    100% {
        opacity: .9;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    }
}


.about-content ul {margin-top: 10px;margin-bottom: 0;}
.about-content ul li {font-size: 12px;padding-bottom: 5px;width: 50%;float: left;list-style: none;color: #4f4f4f;font-weight: bold;}
.about-content ul li i{ font-size: 16px; margin-right: 5px; }
.about-content ul li:last-child{ padding-bottom: 0px; }
.about-content {border-bottom: 1px solid #e8e8e8;position: relative;overflow: hidden;}
.about-text-edit {margin-top: 30px;}
.about-second-list-inner {text-align: center;display: inline-block;width: 100%;}
.about-second-list-inner img {max-width: 100%;height: auto;}
.margin-bottom-20 {margin-bottom: 20px;}
.about-second-list h4 {font-size: 20px;color: #111111;margin-bottom: 10px;text-align: center;font-weight: 600;}
.about-second-list p {font-size: 16px;text-align: center;}
.about-bg {margin-top: 60px;}


.service-edit-site-count {margin-top: 180px;}
.service-edit-site-count .stat {margin-bottom: 50px;text-align: left;}
.service-edit span {font-weight: 700;font-size: 72px;color: #F32005;line-height: 72px;}
.service-edit h6 {font-weight: 600;font-size: 18px;line-height: 28px;text-transform: uppercase;color: #2e2e2e;margin: 0px;}
.subscribe_fold {background-color: #F32005;overflow: hidden;}
.subscribe_fold h4 {color: #fff;font-size: 18px;}
.subscribe_fold h3 {color: #fff;font-size: 36px;text-transform: none;font-weight: 500;}
.subscribe_fold p{color: #fff;}
.subscribe_fold .form-control {width: 100%;height: 50px;padding: 6px 18px;background-color: transparent;border: 1px solid #e5e5e5;border-radius: 50px;color:#fff;}
.subscribe-now {max-width: 506px;margin: 0px auto;position: relative;}
.subscribe_fold .form-control {width: 100%;height: 50px;padding: 6px 18px;background-color: transparent;border: 1px solid #e5e5e5;border-radius: 10px;color: #fff;}


.subscribe_fold a {margin-top: 26px;color: #000;font-size: 12px;font-weight: 900;display: block;font-size: 12px;text-transform: uppercase;}
.subscribe-now .download {position: absolute;right: 0;top: 1px;min-width: 175px;font-size: 11px;background: none;color: #ffffff;height: 48px;align-items: center;display: flex;justify-content: center;font-weight: bold;border: 1px solid #ffffff;background-color: #F32005;margin: 0;border-radius: 12px;}
.testi_box {background-color: #ffffff;border-radius: 10px;padding: 30px;box-shadow: 0px 0px 40px #dadada;margin-top: 120px;display: flex;}
.user_aplha {color: #ffffff;font-size: 24px;line-height: 140px;font-weight: bold;height: 135px;width: 135px;text-align: center;border-radius: 500px;background: rgb(249,68,82);background: -moz-linear-gradient(top, rgba(249,68,82,1) 0%, rgba(197,23,81,1) 100%);background: -webkit-linear-gradient(top, rgba(249,68,82,1) 0%,rgba(197,23,81,1) 100%);background: linear-gradient(to bottom, rgba(249,68,82,1) 0%,rgba(197,23,81,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F32005', endColorstr='#c51751',GradientType=0 );}
.testi_box .ml- {width: 65%;margin-left: 35px;}
.testi_box h3 {font-size: 18px;color: #111111;font-weight: 600;margin-bottom: 10px;}
.testi_box p {text-align: left;font-size: 16px;text-align: left!important;}
.testi_box span {display: block;}
span.testi_owner {display: block;color: #b8285a;font-size: 14px;font-weight: bold;}
.stars i {font-size: 14px;color: #ff7e65;}


.quality {text-align: center;}
.quality-img {font-size: 70px;color: #16a085;}
.quality h4 {font-size: 16px;line-height: 22px;padding-top: 5px;color: #2e2e2e;margin-bottom: 10px}
.icon-Constant-Client-Coordination {background-image: url(../img/customize-logo/constant-client-coordination.png);background-size: 100% auto;background-position: center;width: 59px;height:46px;display: inline-block;}
.icon-Customer-Satisfaction {background-image: url(../img/customize-logo/customer-satisfaction.png);background-size: 100% auto;background-position: center;width: 59px;height:46px;display: inline-block;}
.icon-Ownership-Rights {background-image: url(../img/customize-logo/ownership-rights.png);background-size: 100% auto;background-position: center;width: 59px;height:46px;display: inline-block;}
.icon-Secure-Money-Back-Guarantee {background-image: url(../img/customize-logo/secure-money-back-Guarantee.png); background-size: 100% auto;background-position: center;width: 59px;height:46px;display: inline-block;}
.icon-Industry-Proven-Professionals {background-image: url(../img/customize-logo/industry-proven-professionals.png);background-size: 100% auto;background-position: center;width: 59px;height:46px;display: inline-block;}

.portfolio-style-1 {position: relative;overflow: hidden;display: flex;align-items: center;padding: 90px 0;}

.hp-box {position: relative;text-align: center;}
.hp-box > img {margin: auto;position: relative;z-index: 1;}
.hp-title-box {position: absolute;top: 50%;transform: translateY(-50%);}
.hp-title-box .headingstyle1 {text-align: left;}
.hp-title-box .headingstyle1 h6 {font-size: 28px;color: #111111;letter-spacing: -1px;text-align: left;margin: 0 0 0 10px;display: inline-block;}
.hp-title-box .headingstyle1 h3 {font-size: 210px;font-weight: 800;text-transform: uppercase;line-height: 1;}
.hp-description-box {position: absolute;width: 100%;left: 0;bottom: -90px;text-align: left;display: flex;justify-content: space-between;}
.hp-description-box p {color: #111111;font-size: 18px;margin: 0;}
.hp-description-box .w-30 {width: 30%;}
.hp-description-box .w-70 {width: 70%;}
.hp-description-box .btn-style-1{
    margin-left: 40px;
}

.hp-action-slider {z-index: 1;}
.hp-action-slider .slick-slide {margin: 15px 0;}

.hp-slider {position: relative;z-index: 1;}
.hp-slider .hp-slide img {margin: auto;}
.hp-slider .slick-dots {position: absolute;right: 0;top: 0;}
.hp-slider .slick-dots > li {display: block;position: relative;margin-right: 0;margin-bottom: 20px;cursor: pointer;}
.hp-slider .slick-dots > li button {border-radius: 100%;width: 30px;height: 30px;background: transparent;opacity: 0;border: 1px solid #000000;}
.hp-slider .slick-dots > li::before {position: absolute;font-size: 16px;color: #111111;font-weight: 400;width: 180px;line-height: normal;display: flex;align-items: center;justify-content: flex-end;opacity: 0.3;top: 0px;bottom: 0;margin: auto;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;left: -200px;}
.hp-slider .slick-dots > li::after {content: '';height: 8px;width: 8px;border-radius: 100%;position: absolute;right: 0;top: 0;bottom: 0;left: 0;margin: auto;background-color: #cccccc;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hp-slider .slick-dots > li:nth-child(1)::before {content: 'Artbit Studio';}
.hp-slider .slick-dots > li:nth-child(2)::before {content: 'Travel Agency';}
.hp-slider .slick-dots > li:nth-child(3)::before {content: 'Social Money';}
.hp-slider .slick-dots > li:nth-child(4)::before {content: 'BraVaa';}
.hp-slider .slick-dots > li.slick-active::before {font-size: 16px;opacity: 1;}
.hp-slider .slick-dots > li.slick-active::after {background-color: #ff0002;}
.hp-slider .slick-dots > li.slick-active button {opacity: 1;}

.popup-overlay.hp-portfolio .popup {overflow-x: scroll;padding: 0;width: 950px;}
.popup-overlay.hp-portfolio .popup .popup-close {left: 10px;top: 10px;}


.sidebar-form {position: fixed;z-index: 99;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.4s ease;display: flex;align-items: center;justify-content: center;}
.side-head {background: #F32005;color: #ffffff;font-size: 21px;text-transform: capitalize;font-weight: 500;letter-spacing: 1px;position: absolute;left: -237px;margin: auto;transform: rotate(-90deg);text-align: center;width: 410px;cursor: pointer;padding: 20px 25px;border-radius: 20px 20px 0 0;border: 4px solid #FFFFFF;display: flex;align-items: center;}
.side-head img {margin-right: 17px;}


.special-offer {display: none;}

/* Industries CSS Start */

.indsutries-popup {width: 886px;height: 518px;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;border-radius: 20px;border: aliceblue;background-color: #FFFFFF;}
.indsutries-popup .head {background-color: #F32005;padding: 20px 20px;border-radius: inherit;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border: 4px solid #FFFFFF;text-align: center;display: flex;align-items: center;justify-content: center;}
.indsutries-popup .head h5 {color: #FFFFFF;margin: 0;font-size: 28px;font-weight: 700;margin-top: 3px;}

.popup-body {padding: 30px 35px;}
.industries-list ul > li {margin-bottom: 11px;padding-bottom: 11px;border-bottom: 1px solid #e1e1e1;}
.industries-list ul > li:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.industries-list ul > li a {color: #111111;font-size: 15px;display: block;font-family: 'Open Sans', sans-serif;}
.industries-list ul > li a i {color: #F32005;margin-right: 5px;}
.industries-list ul > li a:hover {color: #F32005;}
#iws-popup .popup-close {margin-left: 25px;}
#iws-popup .popup-close i {background: url(../img/sprite.png) no-repeat;background-position: -752px -2px;width: 46px;height: 46px;display: inline-block;}

.f-relative-header header {position: relative;}

.fpt-0 .footer-form {padding-top: 0;}

.iws-protfolio {position: relative;overflow: hidden;cursor: pointer;margin-bottom: 25px;}
.iws-protfolio .protfolio-img img {width: 100%;transition: all 0.6s ease-in-out;}
.iws-protfolio .hover-effect {position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: flex;flex-flow: column;align-items: center;justify-content: center;background-color: rgb(0 0 0 / 90%);transform: translateX(-100%);transition: all 0.5s ease-in-out;}
.iws-protfolio .hover-effect::before {content: '';position: absolute;width: 95%;height: 90%;border: 1px solid #5c5c5c;z-index: -1;}
.iws-protfolio:hover .hover-effect {transform: translateX(0);}
.iws-protfolio:hover .protfolio-img img {transform: scale(1.05);}
.iws-protfolio .hover-effect h6 {color: #FFFFFF;margin: 0 0 15px 0;font-size: 24px;font-weight: 500;}
.iws-protfolio .hover-effect .visit {color: #F32005;padding: 9px 15px;border: 1px solid #F32005;border-radius: 4px;font-size: 13px;}

.iws-banner-style {background-color: #f6f6f6;}
.iws-banner-style .img-box img {width: 100%;}

.headingstyle1 ul li i {color: #F32005;margin-right: 5px;}

.align-self-center {-ms-flex-item-align: center!important;align-self: center!important;}
.iws-banner-style .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.iws-banner-style .col-md-4 {-ms-flex: 0 0 33.33333333%;flex: 0 0 33.33333333%;}

/* Industries CSS End */





/* ADMIN LOGIN CSS */
.loginBody {
    background: #000 url(../images/login-bg.html) center/cover no-repeat;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loginWrap {
    /*background: #fff;*/
    padding: 2rem;
    border-radius: 1rem;
    margin: 0 auto;
    /*width: 25rem;*/
}

.loginWrap h4 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #000;
}

.loginWrap label {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

.loginWrap .form-control {
    border-radius: 4px;
    height: 3.5rem;
}
.loginWrap input[type=text], .loginWrap input[type=password]{
    margin-bottom: 10px;
    border: none;
}

.loginWrap .btn-style-1 {
    width: 100%;
    color: #fff;
}
.loginWrap .btn-style-1:hover{
    background: none;
    border: 1px solid #fff;
    color: #fff;
}



@media (max-width: 1800px){
    header .navbar .navbar-nav .nav-item .nav-link,
    .telephone,
    .themeBtn span{
      font-size: .9rem;
    }
}
@media (max-width: 1600px){
    header .navbar .navbar-nav .nav-item .nav-link,
    .telephone,
    .themeBtn span{
      font-size: .8rem;
    }
}
@media (max-width: 1440px){
    
}

@media only screen and  (min-width: 1200px) and (max-width: 1500px)  {

    .main-navigation > ul > li > a {padding: 30px 30px 30px 0;}
    .main-navigation > ul > li > ul {top: 72px;}
    .main-navigation > ul > li > ul > li a {padding: 11px 20px;}
    
    header .navbar .navbar-nav .nav-item .nav-link,
    .telephone,
    .themeBtn span{
      font-size: .7rem;
    }
    
    header .navbar .navbar-nav {
        gap: 1.1rem;
        margin-left: 0rem;
    }

    .hp-slider .hp-slide img {max-width: 25%;}

    .headingstyle1 h2 {font-size: 44px;}
    .headingstyle1 .parastyle1 {font-size: 16px;}

    .brand-identity .f-spacing {padding: 60px 60px;}

    .headingstyle1 h6 {font-size: 14px;}
    .headingstyle1 h3 {font-size: 38px;line-height: 1.2;}
    .headingstyle1 .parastyle2 {font-size: 14px;margin-bottom: 30px;}

    .spacing__x {padding: 60px 0;}

    .btn-style-1 {font-size: 13px;padding: 12px 20px 12px 15px;}

    .pricing-box {padding: 35px 30px;}
    .pricing-box .pricing-name {margin-bottom: 25px;}
    .pricing-box .pricing-detail {padding: 25px 0;margin-bottom: 35px;}

    .combo-package .combo-img-01 {right: 0;max-width: 40%;top: 0;bottom: 0;margin: auto;}

    .faq__ .faq-box .full-area {padding: 50px 40px;}
    .faq__ .faq-box .headingstyle1 h3 {font-size: 30px;}

    .faq__ .lets-talk h4 {font-size: 38px;}
    .faq__ .lets-talk p {font-size: 14px;}
    .faq__ .lets-talk ul li a {font-size: 18px;}

    .accordian > li h5 {padding-right: 25px;}

    .our-testimonials {overflow: hidden;}
    .our-testimonials .testimonial-img-01 {right: -220px;}
    .single-review-slider {padding-right: 50px}
    .single-review-slider .slider__counter {bottom: -25px;}
    .single-review-slider .slick-arrow {bottom: -30px;right: 20px;}
    .single-review-slider .slick-prev {right: 90px;}

    .footer-form {padding: 0;min-height: 664px;}

    footer .pt-pb {padding-top: 35px;padding-bottom: 35px;}
    .ft-nav h4 {font-size: 26px;}
    .footer-form-heading h5 {font-size: 24px;}

    .policy-terms-style, .testimonials.testimonials-page, .portfolio_page {padding-top: 150px;}

    .testimonials .testi_box {margin-top: 60px;}
    .testimonials .testi_box p {font-size: 14px;}

    .banner-inner-style-2 {min-height: 410px;}

    .banner-inner {padding: 30px 0;}
    .animation-style-1 {padding: 0;}
    .banner-inner-content.mt-70 {margin-top: 0;}
    .banner-inner .headingstyle1 h3 {font-size: 30px;letter-spacing: 0;}
    .banner-inner .custom-input-type, .banner-inner .custom-select-type {height: 35px;}
    .banner-inner .custom-textarea {margin-bottom: 25px;}

    .header-relative header {position: relative;}

    .ele-logo-design {right: -350px;}
    .ele-brand-development {max-width: 50%;}
    .ele-marketing-collateral {max-width: 50%;}
    .ele-web-design {max-width: 45%;top: 0;}
    .ele-appdevelopment {max-width: 45%;}
    .ele-motion-graphic {max-width: 50%;}
    .ele-domain-registration {max-width: 50%;right: 0;top: 0;}
    .ele-about-1 {right: -21%;}
    .ele-services-images-02 {max-width: 40%;}

    .logo img {max-width: 75%;}
    .main-navigation ul li a .ring {width: 100px;}

    .popup .element {top: 0;}
    .popup .headingstyle1 h6 {margin-bottom: 5px;}
    .popup .custom-input-type, .popup .custom-select-type {height: 35px;}
    .popup .custom-textarea {margin-bottom: 20px;}
    .popup .headingstyle1 h3 {font-size: 30px;}

    .hero__copy .values {padding-top: 4.5rem;padding-bottom: 4.5rem;}
    .hero--agency.asymmetric .hero__copy .intro {padding-bottom: 6rem;}

    .hp-box > img {max-width: 24%;}
    .hp-title-box .headingstyle1 h3 {font-size: 190px;}

}

@media (max-width:  1500px) {

    .portfolio-box.style-2 {height: 338px;background-size: 150% 100%;}

    .side-head {font-size: 16px;width: 330px;left: -191px;padding: 15px 20px;}

}


@media (max-width: 1200px) {

    .hamburger {display: block;top: 0;}

    .menuwrap.open {display:flex; left: 0;}
    .menuwrap {position: fixed;left: -200%;right: 0;top: 0;bottom: 0;margin: auto;background: #210b11;height: 100vh;display: flex;align-items: center;transition: all 0.4s ease;z-index: 3;width: 100vw;overflow-y: scroll;padding: 20px;}
    .main-navigation.menuwrap > ul > li {display: block;text-align: left;padding: 0;margin-bottom: 10px}
    .main-navigation.menuwrap > ul > li > a {padding: 0;font-weight: 400;}
    .main-navigation > ul > li > ul {position: relative;visibility: visible;opacity: 1;pointer-events: auto;background: transparent;box-shadow: none;width: auto;top: 0;padding-left: 15px;margin: 15px 0;}
    .main-navigation > ul > li > ul > li {border: none;margin-bottom: 10px;}
    .main-navigation > ul > li > ul > li a {color: #FFFFFF;font-weight: 400;padding: 0;font-size: 13px;}
    .main-navigation > ul > li > ul > li a i {display: inline-block;margin-right: 5px;}
    .main-navigation ul li a:hover, .main-navigation > ul > li > ul > li a:hover {color: #F32005;}
    .main-navigation.menuwrap .ring, .main-navigation > ul > li > ul > li a::before {display: none;}

    
    

}

@media (max-device-width: 1200px) and (orientation: landscape) {

    .menuwrap.open {display: block;}
    .banner-home{
        height: 130vh;
    }
    .headingstyle1 h2{
        font-size: 55px;
    }

}


@media (max-width:1199px) {

    .testimonials_video_frame {width: 90%;height: 380px;}  
    .testimonials-custom-add .testi_box {min-height: 380px;}

    /*.d-flex {display: block !important;}*/

    ul.process-ul {display: block;}
    ul.process-ul li a {min-height: auto;}

    .element, .footer-form video, .our-testimonials .headingstyle1::before, .footer-form-heading, .footer-subcribe-form, .footer-contact-info, .ft-nav h4, .ft-nav .btn-style-1 {display: none;}

    .footer-form {background-color: #ffafb0;min-height: auto;padding: 40px 0 !important;}

    .single-review-slider .slider__counter {position: relative;bottom: 0;margin-top: 5px;}
    .ft-nav {margin-bottom: 10px;}
    .ft-nav h6 {margin-bottom: 15px;margin-top: 10px;}
    .ft-nav ul li {width: 100%;margin-bottom: 10px;}
    .ft-nav ul li a {font-size: 13px;}
    .copyrights ul {margin-left: 0;margin-top: 10px;}

    


    .portfolio-style-1 {display: block;padding: 50px 0;}

    /*.hp-title-box {display: none;}*/

    .hp-slider .slick-slide {padding: 0;}
    /*.hp-slider .hp-slide img {margin: 0;}*/

    .hp-description-box {position: relative;display: block;margin-top: 30px; bottom: 0;}
    .hp-description-box .w-30, .hp-description-box .w-70 {width: 100%;text-align: left;}
    .navbar-collapse{
        background: #000;
        padding: 20px 15px;
    }
    header .navbar .navbar-nav{
        margin-left: 0;
        gap: 1rem;
    }
    .hp-title-box .headingstyle1 h3{
        font-size: 170px;
    }
} 

@media (max-width:991px) {

    .testimonials-custom-add .testi_box {min-height: 280px;}
    .banner-home {
        height: 70vh;
    }
    .banner-home .video-container {display: none;}
    .banner-home .video-container+.headingstyle1 {display: none;}
    .hero__copy .values {display: none;}
    .hp-slider .hp-slide img {max-width: 30%;}
    .hp-title-box .headingstyle1 h3{
        font-size: 130px;
    }
    .hp-title-box{
        position: relative;
        transform: translateY(0%);
    }
    
}

@media (max-device-width: 1024px) and (orientation: landscape) {

    .headingstyle1 h6 {margin-bottom: 10px;}
    .headingstyle1 h2, .headingstyle1 h3 {font-size: 40px;margin-bottom: 10px;}
    .headingstyle1 .parastyle1 {font-size: 18px;margin-bottom: 20px;}

    .asymmetric .hero__copy {padding: 2.3125rem 0;}
    .hero--agency .headingstyle1 h3 {font-size: 20px;margin-bottom: 5px;letter-spacing: -1px;}
    .hero--agency .headingstyle1 .parastyle1 {font-size: 16px;margin-bottom: 10px;}
    .hero--agency .headingstyle1 .parastyle2 {font-size: 14px;line-height: normal;margin-bottom: 20px;}

    .spacing__x {padding: 60px 0;}

    .our-process .process-list ul {text-align: center; }
    .our-process .process-list ul li {width: 50%;margin-bottom: 40px;}
    .our-process .process-list ul li h6 {margin: 20px 0;}
    .our-process .process-list ul li hr {margin-top: 20px;margin-bottom: 20px;}

    .ft-nav ul li {width: 50%;}

    .single-review-slider .slick-arrow {bottom: 0;}

    .testimonial-sec-inner::before {left: -20px;}

    .banner-pic {display: none;}
    .ban-txt-box {position: relative;}
    

}

@media (max-width:1024px) {

    .review-box {margin-bottom: 15px;}

    .four-col-slider .slider .slide .slide-link .img-wrapper {flex: 0 0 40%;}
    .four-col-slider .slider .slide .slide-link .copy p {font-size: 14px;margin-bottom: 10px;}

    .asymmetric {height: auto;min-height: auto;}
    .hero--agency.asymmetric .hero__image {display: none;}

    .headingstyle1 {margin-bottom: 20px !important;}

    .testimonial_radius {right: -20px !important;font-size: 23px;width: 70px;height: 70px;}

    .custom-package h3 {font-size: 24px;}
    .custom-package input.cost_calc_button {min-width: auto;}
    .box-custom {top: 120px !important;}    
    .logo {padding-top: 10px;}   
    .tp-caption.mediumlarge_light_white_center.fade.start {padding: 0 15px !important;}
    .tp-caption.medium_light_black.fade.start {padding: 0px 15px !important;}
    .tp-banner-container {height: auto;} 
    .mult-contact-form h3 {padding-bottom: 10px;padding-top: 10px;}
    .awards h4 {font-size: 18px;line-height: 30px;}
    .testimonial_bg-inner {width: 100%;}
    .testimonial_radius {right: -40px;}
    .testimonial_radius {top: 110px;}
    .testimonial-sec-tab {margin-top: 5px;}
    .testimonial_bg-inner {padding: 0 15px;}
    .main-privacy {display: table;float: none;margin: 10px auto;}
    .login footer p {float: none;text-align: center;}
    .login .table {height: auto;}
    .login footer p {text-align: center;}
    .search {margin: 10px 15px;}
    .app {margin-top: 0;margin-bottom: 30px;}
    .app {float:left;}
    .cust-cont .top-nav nav {margin-left: 0;}
    .top-nav nav {height: 80px}
    ul#parent {padding: 0;}
    #parent li { padding-left: 0px;}
    section p {font-size: 18px;}
    .actions-port {display: none;}  
    .cbp-l-filters-buttonCenter {\margin-bottom: 15px;}
    section.count span {font-size: 48px;line-height: 50px;}
    section.count h6 {font-size: 16px;line-height: 24px;}
    .slick-slide { padding: 0 15px;}
    .actions.slide-btn {display: block !important;margin: 0;}

    .tab-style-1 {text-align: left !important;margin-bottom: 20px;}
    .tab-style-1 ul > li {width: 48%;margin-right: 5px;margin-bottom: 10px;}
    .tab-style-1 ul > li a {border: 1px solid #F32005;padding: 10px 10px;display: block;text-align: center;}
    .tab-style-1 ul > li span {display: none;}

    .showcase .marquee-style {display: none;}

    .pacakge-included ul li {margin-bottom: 20px;}

    .about-text-edit {margin-bottom: 20px;}
    .subscribe_fold button {min-width: 100px !important;}
    .banner-inner-style-2 {min-height: auto;padding: 100px 0 40px 0;}

    .portfolio_page, .testimonials-page, .policy-terms-style, .bg-style-1 {padding-top: 100px!important;}

    .testi_box {display: block;padding: 20px 20px;margin-top: 40px !important;text-align: center;}
    .testi_box .user_aplha {margin: auto;}
    .testi_box .ml- {width: 100%;margin: 20px 0 0 0;}

    .banner-inner {height: auto;padding: 40px 0 40px 0;}

    .process {padding: 40px 0;text-align: center;}
    .process .img-box {display: none;}
    .process .cust-slider {display: block;}
    .process .cust-slider .process-img {margin: auto;}
    .process .cust-slider .contentpart {width: 100%;margin: 20px 0 0 0;}
    .process .cust-slider .contentpart h4 {font-size: 19px;line-height: 1.4;}

    .subscribe_fold h3 {padding: 0;font-size: 24px;line-height: 1.2;}
    .testimonial-sec-inner {padding-left: 0;}
    .testimonial-sec-inner::before {font-size: 48px;left: -20px;}
    .testimonial-sec-inner .star {width: 100%;}

    .bg-postion-style1 {background-position: 0;}

    .display-none {display: none;}

    footer .pt-pb {padding-top: 0;padding-bottom:  0}
    footer {padding: 30px 0 30px 0;}

    .thankyou-style .thankyou-content img {max-width: 50%;}
    .thankyou-style .thankyou-content h3 {font-size: 94px;}
    .thankyou-style .thankyou-content p {margin: 15px 0 25px 0;}

    .iws-banner-style .col-md-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;}
    .iws-banner-style .col-md-6 {padding-right: 15px !important;}
    .iws-banner-style .headingstyle1 {padding: 40px 0;margin: 0 !important;}
    .testimonials{
        padding-top:150px;
    }

}


@media (max-width:824px) {

    /* General CSS  */
    .headingstyle1 h2 {font-size: 37px;}
    .headingstyle1 h1 {font-size: 36px !important; line-height: 1.3em !important;}
    p {font-size: 14px !important;}

    .headingstyle1 h6 {font-size: 14px;}
    .headingstyle1 h3 {font-size: 24px;line-height: 1.2;letter-spacing: 0;}
    .headingstyle1 .parastyle1 {font-size: 16px !important;margin-bottom: 20px;font-weight: 400;}

    .spacing__x {padding: 40px 0;}

    .banner-home {height: auto;padding: 50px 0;}

    .brand-identity .f-spacing {padding: 40px 15px;}
    .brand-identity .img-box {display: none;}

    .pricing-box {padding: 25px 25px;margin-bottom: 25px;}
    .pricing-box .pricing-name {margin-bottom: 20px;}
    .pricing-box .pricing-detail {padding: 20px 0;margin-bottom: 30px;}
    .pacakge-included {margin-bottom: 20px;}
    .pricing-box .pricing-detail > .ml- {margin-left: 20px;}
    .pricing-detail .price {font-size: 36px;}

    .combo-list h5 {margin-left: 10px;}
    .special-offer {margin-bottom: 20px;}

    .faq__ .faq-box .full-area {padding: 25px 20px;}
    .faq__ .faq-box img {display: none;}
    .accordian > li {padding: 15px 0 5px 0;}
    .accordian > li h5 {font-size: 14px;margin-bottom: 10px;padding-right: 15px;}
    .accordian > li h5::before {font-size: 16px;}

    .faq__ .lets-talk h4 {font-size: 30px;margin-bottom: 10px;}
    .faq__ .lets-talk .gradient-box {padding: 20px 25px;}
    .faq__ .lets-talk > img {display: none !important;}
    .faq__ .lets-talk ul li a {font-size: 16px;}
    .faq__ .lets-talk ul li a i {display: none;}

    .faq-slider .slick-arrow {width: 30px;height: 30px;bottom: -35px;}
    .faq-slider .slick-arrow::before {font-size: 18px;}

    .our-process .process-list ul li {width: 100%;margin-bottom: 30px;}
    .our-process .process-list ul li p {opacity: 0 !important;}
    .our-process .process-list ul li.active p{opacity: 1 !important;}
    .our-process .process-list ul li h6 {margin: 15px 0;}
    .our-process .process-list ul li hr {margin-top: 25px;}

    .review-box .btn-play-box {width: 60px;height: 60px;}
    .btn-play-box .btn-play {width: 60px;height: 60px;}
    .btn-play-box .btn-play:before {border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #e4e4e4;left: 5%;}
    .btn-play-box .btn-play:after {left: 30px;top: 30px;}

    .popup {padding: 15px 15px;}
    .popup .headingstyle1 {}
    .popup .headingstyle1 h6 {font-size: 13px;margin-bottom: 5px}
    .popup .headingstyle1 h3 {font-size: 18px;}
    .popup .custom-textarea {margin-bottom: 15px;}
    .popup .custom-input-type, .popup .custom-select-type {height: 30px;}

    .portfolioList-box .portfolioList li {width: 25%;}
    .portfolio-box .hover-effect .client-name {font-size: 14px;}
    .portfolio-box .hover-effect .client-name small {font-size: 10px;}

    .hero--agency.asymmetric .hero__copy .intro {padding-bottom: 1.5rem;}

}

@media (max-width: 768px) {

    .asymmetric .hero__copy {padding-top: 1.5rem;}

    .thankyou-style .thankyou-content h3 {font-size: 44px;}
    .thankyou-style .thankyou-content p {line-height: normal;}
    .hp-title-box .headingstyle1 h3{
        font-size: 100px;
    }
    .our-process .process-list ul{
        flex-direction: column;
    }

}

@media only screen and (max-width: 767px) and (min-width: 0px) {
    
    .mportfolio .lp_portslider .portfoliolist li{width:100%;}
    .mportfolio .lp_portslider .tab-custom .tabbing-links li{margin-bottom:10px;}
    #who-we-are .tab-custom .tabbing-links li{margin-bottom:10px;}

    .banr-txt.mlp h2{font-size: 30px;}
    .wheelpopupwrap.visible,.overlay-bg.vis,.mypopup-wrap,.mypopup-wrap.active,.eggoffer,.mypopup-wrap{display: none!important;}
    .banr-txt h2 {font-size: 26px;}
    .banr-txt p {font-size: 16px!important;line-height: 1.3;}

    .banr-txt {padding-top: 60px;}
    .banr-txt > ul li{font-size: 16px;}
    a.nomber{display: block;margin-bottom: 10px;}
    .banr-txt .banner-bot ul li{width: 20%;}
    .banr-txt .banner-bot ul li:nth-child(2){margin:0 20px;}
    .banr-txt .banner-bot {padding: 12px 0;}
    .partners-cta{display: none;}
    .prologodesign .hero-banner,.prologodesign .hero{height: auto!important;}
    .hero-banner{background-size: cover;background-repeat: no-repeat;    padding-bottom: 20px;    background-position: top left !important;}
    .counter ul li{width: 100%;}
    .responsive-unique-design{display: none;}
    .prolog{width: 100%;}
    .prolog .portfolio{width: 100%;}

    .footer_content > p,.para_max {font-size: 14px;line-height: 1.4;}
    .header-content{padding-right: 0px;}
    .testi_box{margin-top: 80px;}
    .cs-select span,.get_quote .form-control{height: 35px;    padding: 5px 18px;    text-align: left !important;}
    .margin-bottom-20,.field-mergedright.margin-bottom-20 {margin-bottom: 8px;}
    .get_quote{padding-bottom: 30px;}
    .freeConsultation .consultationTitle,.footer_title{font-size: 20px;line-height: 1.2;}
    .pricingConsultationBlk{display: none;}
    .stars i{font-size: 10px;}
    .portfolio-section .choose .cho-text h4{font-size: 20px; line-height: 1.2;}
    /*.portfolio-section .choose .slick-dots li.slick-active{display: block;}*/
    .portfolio-section .choose .slick-dots li{display: none;}

    .portfolio-section .choose .item > div {width: 100%;}
    .portfolio-section .choose {padding-top: 0px;}
    .portfolio-section .choose .cho-text h4 span {display: inline-block;}
    .portfolio-section .choose .cho-text h4 {font-size: 16px;padding: 0 0 10px 0;}
    .portfolio-section .choose .cho-text, .portfolio-section .choose .item .item-top {padding-right: 0px;}
    .portfolio-section .choose .cho-text p {font-size: 14px;line-height: 1.4;padding-top: 10px;}
    .portfolio-section {padding: 60px 0 20;}
    .floating_wrap {display: none!important;}

}


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

    .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {display: block !important;}
    .box-custom {top: 0  !important;position: relative !important;}       
    section.count span {font-size: 28px;line-height: 36px;}
    section.count h6 {font-size: 14px;line-height: 20px;}    
    .slick-slide {padding: 0 15px;} 
    footer a.collapsed {display: block;}
    footer .panel-heading h3 {display: none;}
    .spacing { padding: 0 15px;}
    .custom-package #cost_calc_breakdown_item {width:100%;}
    #cost_calc_breakdown_price {width:100%;}
    .site-panel nav {display: none;}
    .small-nav{display:block;}
    .user_profile nav {display: none;}
    .profile-fields a.btn-fill.cancel-btn {background: #b8285a ;margin-bottom: 10px;}
    .top-nav nav {height: 80px;}
    .dataTables_length select.form-control.input-sm { margin-bottom: 5px;width:100%;}
    .mdl-cell--6-col div#listing_filter {text-align: left;}
    #listing_filter input.form-control.input-sm { margin: 0;}
    .img-responsive, .img-thumbnail, .table, label { width: 100%;}
    ul.tabs-profile li { padding: 12px 30px;}
    a.ellips.pull-right { padding: 15px 10px;margin-top: -52px;}
    .privacy, .term { margin: 5px 5px;}
    .login p { margin: 5px 0;}
    .cust-cont .top-nav nav {margin-left: 0}
    ul.right-mid-nav {margin-top: 0;}
    .right-panel h4 { margin: 16px 0 0;}
    .main-body .dataTables_wrapper {margin-bottom: 30px;}
    .main-body section.pricing {padding-bottom: 0;}
    .main-body .contest {margin: 0 15px 0px 0;}
    /*#pieChart svg {width: 100% !important;}*/
    .tab-box-2 {margin-bottom: 15px;}
    .margin-0{margin-bottom:0;}
    section.side-bar .col-md-4 {min-height: auto;}
    .dash-footer { top: 0px;}
    .packages-tabs-margin-media {margin-bottom: 30px;}

    .four-col-slider .copy p {margin-bottom: 10px;}

    .portfolioList-box .portfolioList li {width: 50%;}
    .telWrap{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
        gap: 1rem
    }
}

@media only screen and (max-width: 575px) {
    .hp-title-box .headingstyle1 h3 {
        font-size: 80px;
    }   
}

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

    .only-xs {display: block !important;position: relative;}
    .no-xs {display: none !important;}
    .portfolio_drop-xs .cbp-l-filters-dropdown-floated {margin: 0 auto;z-index: 100;float: none;}

    section.about h4,section.about h3,section.about p,section.breakdown h5{text-align: center !important;}
    section.about .dc {padding: 8px;}
    section.about .no-pad-left {padding-right: 0;}
    section.about .about-img {height: 300px;background-size: cover;}
    .maps {display: grid;height: 600px;}
    .addresses {display: grid;}
    .get_quote *,section.testimonials *,.service-row * {text-align: center !important;}
    .xs-padding {padding: 20px;}
    .cup,.cam,.hand,.flower{display: none;}
    .portfolio-jump {bottom: 40px}

}

@media only screen and (max-width: 320px) and (min-width: 0px){

    .package_slide_wrap h3 { padding-right: 0px; }
    .pricing .contest-list {display: inline-flex;width: 100%;flex-direction: column;}
    .contest-list.contest-list--scrollable .contest-list__item .contest div.single h3 {width: 100%;word-wrap: break-word;display: block;}
    .contest-list.contest-list--scrollable .contest-list__item .contest div.single h3 br{display: block;}
    .package_slide_wrap.package_custom_logo .pricing > div{width: 100%;}
    .banr-txt {padding-top: 60px;width: 100%;}
    .mid-body {width: 100%;padding: 10px 0px;}
    .testi_box p{font-size: 13px;}
    .testi_box h3{font-size: 16px;}

}

.headingstyle1 h1 {color: #FFFFFF;font-size: 32px;display: block;font-weight: 600;margin-bottom: 15px;line-height: 1.2;}
.values__intro .parastyle1 {
    font-size: 16px;
    line-height: 1.6em
}
.bg-black { background-color: #000 !important; }
.services-heading h3 { font-size: 32px !important; margin-bottom: 30px !important; }