/*
Theme Name: firstnotchtech
Author: First Notch Tech Developer Team;
Author URI: https://firstnotchtech.com/
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Custom Template
*/
html body,
input,
textarea,
.page-title span,
.pingback a.url { font-family: 'Poppins', sans-serif; }
body { color: #fff;    /* background-color: #120016; */ }
body,
input,
textarea { color: #303030; font-size: 12px; line-height: 18px; }
img { max-width: 100%; height: auto; }
body .padleft { padding-left: 0 }
body .padright { padding-right: 0 }
body .padtop { padding-top: 15px; }
body .padbottom { padding-bottom: 15px; }
body .nopad { padding: 0 }
section.section { padding: 50px 0; overflow: hidden; }
header { padding: 20px 0; }
nav { position: relative; z-index: 999; width: 100%; }
nav.fixed { position: fixed; width: 100%; z-index: 999; top: 0; }
.searchform input { float: left; width: 100%; padding: 2px 45px 8px 8px; font-size: 1em; border: 1px solid #ee982c; background: transparent; }
.searchform input[type="submit"] { float: right; width: 35px; height: 42px; padding: 0px; border: 0px; background: #ee982c url(images/search-icon.png) no-repeat center; box-shadow: none; font-size: 0; margin-left: -37px; position: relative; }
.flex { display: flex; align-items: center; }
.page-template-default .wrap { padding-bottom: 100px; }
.simple_content h3 { color: #ee982c; }
.simple_content p { color: #000; }

/*HEADER TOP SECTION*/
.home.page-template .headerSection,
.page-template .headerSection { position: absolute; top: 0; background: transparent; padding: 20px 0; border-bottom: 0; }
.headerSection { position: relative; top: 0; width: 100%; z-index: 2; background: #120016; border-bottom: 5px solid #ee982c; padding: 10px 0 15px; }
.page-template-page-blog .headerSection { position: relative; top: 0; width: 100%; z-index: 1; background: #120016; border-bottom: 5px solid #ee982c; padding: 10px 0 15px; }
.headerSection ul.top-menu { display: block; margin-bottom: 30px; margin-top: 0; }
.headerSection ul.top-menu > li { display: inline-block; margin-right: 30px; }
.headerSection ul.top-menu > li span { display: inline-block; margin-right: 5px; color: #000000; font-size: 15px; width: 30px; height: 30px; background: #ee982c; border-radius: 50%; text-align: center; line-height: 30px; }
.headerSection ul.top-menu > li a { display: inline-block; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 500; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.headerSection ul.top-menu > li a:hover { color: #ee982c; text-decoration: none; }
.headerSection ul.top-menu > li.last { margin-right: 0; }

/* ---- Social Icons ---- */
.social_icons { text-align: right; margin: 10px 0; }
.social_icons ul { padding: 0; margin: 0; }
.social_icons ul li { display: inline-block; margin-right: 5px; }
.social_icons ul li a { background: #305294; border-radius: 100px; color: #FFF; transition: all .2s ease; display: block; font-size: 15px; padding: 5px 0; text-align: center; width: 32px; height: 32px; }
.social_icons ul li+li a { background: #55ACEE; }
.social_icons ul li+li+li a { background: #DC4B3E none; }
.social_icons ul li+li+li+li a { background: #E52D27; }
.social_icons ul li a:hover { background: #333; color: #FFF; }

/* ---- Portfolio .grid-item ---- */
.grid-item { width: 24.7%; box-sizing: border-box; margin-bottom: 0px; }
.filter-button-group button { background: #333; color: #fff; display: inline-block; margin-right: 5px; padding: 5px 10px; border: 0; }
.filter-button-group { margin: 10px 0; overflow: hidden; }
.filter-button-group button:hover { background: #ccc; color: #000; }

/*footer.footer { margin: 0; background: #222; padding: 10px; text-align: center; color: #fff; }
footer.footer .greyfoot .fleft { float: left; }
footer.footer .greyfoot .fright { float: right; }
footer.footer .greyfoot .fleft a:first-child { padding-left: 0; }
footer.footer .greyfoot a,
footer.footer .greyfoot p { color: #fff; font-size: 12px; padding: 0 10px; }
footer.footer .greyfoot p { color: #fff; margin-bottom: 0; }
footer.footer p { color: #fff; font-size: 14px; line-height: 25px; }
*/
#back-top > a { bottom: 2%; color: #ee982c; display: block; font-size: 37px; position: fixed; right: 1%; text-align: center; }

/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider { position: relative; clear: left; overflow: hidden; }
.slider .inner-item,
.slider .inner-item .container { height: 850px; }
.slider .container { position: relative; }
.slick-slide .caption { color: #e2e2e2; font-size: 21px; position: absolute; top: 30%; z-index: 99; }
.slick-slide .caption p img { margin: 0 auto 20px; }
.slick-slide .caption p br { display: none; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.thumb-slider .slick-slide { margin: 5px 0 0 5px; }
.slider-thumb .thumb-slider .slick-slide img { max-width: 100%; height: auto; box-sizing: border-box; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; transition: all .25s ease; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; z-index: 11; bottom: 80px; margin: 0px; padding: 0; text-align: center; width: 100%; }
.slick-dots li { list-style: none; display: inline-block; }
.main-slider .slick-dots button { border: 2px solid #fff; background: rgba(255, 255, 255, 0) !important; width: 12px; height: 12px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px; background: #ffffff !important; }
.slick-dots .slick-active button { background: #f1ab1d !important; border: 2px solid #f1ab1d; }

/*.slick-arrow { border: 0px; font-size: 0; right: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 1; background: #303030 url(images/arrow.png) no-repeat center center; width: 36px; height: 40px; transform: rotate(180deg) }*/
.services-slider .slick-arrow { height: 65px; }
.slick-arrow:hover { background: #000 url(images/arrow.png) no-repeat center center; }
.slick-next.slick-arrow { left: 0px; transform: rotate(0deg) }
.slider-progress { width: 100%; height: 5px; background: rgba(0, 216, 192, 0.8); position: absolute; top: 0; z-index: 99; }
.slider-progress .progress { width: 0%; height: 5px; background: rgba(36, 51, 0, 0.8); }
.thumb-slider .slick-active img { border: 1px solid transparent }
.thumb-slider .slick-current img { opacity: 0.5; }
p:empty { display: none; }
@keyframes e {
	to { background-position: 0 -3000px; }
}
.slider .main-slider .inner-item.slick-slide { width: 100%; height: 100%; background-size: 100%; animation: 100s e infinite linear; background-repeat: repeat-y; }
.slider .main-slider .inner-item.slick-slide .caption { top: 25%; }
.slider .main-slider .inner-item.slick-slide .caption h3.main-heading { font-size: 45px; text-transform: uppercase; font-weight: 600; color: #fff; line-height: 45px; margin-bottom: 0; }
.slider .main-slider .inner-item.slick-slide .caption h3.main-heading span.txt-rotate { color: #ee982c; display: block; line-height: normal; font-size: 68px; }
.slider .main-slider .inner-item.slick-slide .caption strong { font-size: 45px; text-transform: uppercase; font-weight: 600; color: #fff; line-height: 45px; margin-bottom: 0; margin-top: 5px; margin-bottom: 20px; display: inline-block; }
.slider .main-slider .inner-item.slick-slide .caption ul { margin: 0; padding: 0; }
.slider .main-slider .inner-item.slick-slide .caption p { font-size: 15px; color: #fff; line-height: 24px; margin-bottom: 15px; }
.slider .main-slider .inner-item.slick-slide .caption ul li { margin-right: 15px; margin-bottom: 5px; position: relative; list-style: none; padding-left: 28px; font-size: 15px; color: #fff; line-height: 24px; display: inline-block; }
.slider .main-slider .inner-item.slick-slide .caption ul li:before { content: ""; background: url(images/icon-lp-list.png); display: block; width: 16px; height: 15px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.slider .main-slider .inner-item.slick-slide .caption .readmore a:nth-child(1) { margin-right: 10px; }
.slider .main-slider .inner-item.slick-slide .caption .readmore a { border: 2px solid #ee982c; border-radius: 20px; padding: 5px 35px; font-size: 14px; font-weight: 500; margin: 0; text-transform: uppercase; font-weight: 600; margin-top: 20px; display: inline-block; z-index: 2; color: #fff; }
.slider .main-slider .inner-item.slick-slide .caption .readmore a:hover { text-decoration: none; background: #ee982c; background: -moz-linear-gradient(90deg, #ee982c 29%, #9f5b05 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #9f5b05 76%); background: linear-gradient(90deg, #ee982c 29%, #9f5b05 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee982c", endColorstr="#9f5b05", GradientType=1); }
.slider.slider_video .main-slider .inner-item.slick-slide .video_section #myVideo { min-width: 100%; min-height: 100%; width: 100%; }
.slider.slider_video .main-slider .inner-item.slick-slide { height: 800px; }
.slider.slider_video:before { content: ""; background-image: -moz-linear-gradient(90deg, rgba(32, 11, 34, 0) 0%, rgba(32, 11, 34, 0.02) 1%, rgba(31, 10, 33, 0.41) 14%, rgba(25, 2, 26, 0.81961) 100%); background-image: -webkit-linear-gradient(90deg, rgba(32, 11, 34, 0) 0%, rgba(32, 11, 34, 0.02) 1%, rgba(31, 10, 33, 0.41) 14%, rgba(25, 2, 26, 0.81961) 100%); background-image: -ms-linear-gradient(90deg, rgba(32, 11, 34, 0) 0%, rgba(32, 11, 34, 0.02) 1%, rgba(31, 10, 33, 0.41) 14%, rgba(25, 2, 26, 0.81961) 100%); position: absolute; display: block; width: 100%; height: 100%; z-index: 1; }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
	to { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@keyframes hvr-pulse-grow {
	to { -webkit-transform: scale(1.1); transform: scale(1.1); }
}
.hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/* ---------------------------Toggle Search---------------------*/
.searchpanel { background: #ccc; display: none; right: 0px; padding: 10px; position: absolute; top: 46px; }
.searchpanel::before { border-bottom: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 7px; top: -7px; }
.nav .container { position: relative; }
.searchtoggle { position: absolute; right: 11px; top: 11px; }
.searchtoggle img { cursor: pointer; }

/* -------------------------------------------Clients Carousel------------------------------------ */
.client { margin-right: -10px; }
.client .slick-slide { margin-right: 10px; border: 1px solid #ddd !important; padding: 10px; box-sizing: border-box; text-align: center; }
.client .slick-prev { margin-right: 10px; }
.client .slick-slide img { display: inline-block; }

/* -------------------------------------------Testimonials Carousel------------------------------------ */

/*.testimonial .loop { padding: 0 10px; text-align: center; }
.testimonial .loop p { max-width: 800px; margin: 0 auto; }
.testimonial .loop .pic img { max-width: 100px; margin: 10px 0; border-radius: 100%; height: auto; display: inline-block; }
.testimonial .loop .title { font-size: 21px; font-weight: 600; }*/
.testimonial-sec { background: url(images/testi-bg.jpg); background-size: cover; background-position: center; padding: 50px 0 20px 0; background-repeat: no-repeat; }
.testimonial-sec .slick-dots { display: none !important; }
.testi-slider .main-div { display: flex; align-items: center; justify-content: center; }
.testislider .testi-img img { width: 100%; }
.testislider p,
.testislider h3,
.testislider h4 { color: #fff; }
.testislider.slick-initialized .slick-slide { display: flex; align-items: center; justify-content: center; }
.testislider p { position: relative; padding: 0 60px 0 0; }
.testislider .slick-next { right: 48.5%; top: 30%; opacity: 0; }
.testislider .slick-prev { left: 47%; z-index: 1; opacity: 0; }
.testislider p:before { content: ''; top: -45px; width: 34px; height: 33px; position: absolute; background: url(images/quote.png); }
.testimonial-sec .testi-txt p { color: #ee982c; font-weight: bold; font-size: 18px; margin: 10px 0; }
.testi-txt h2 { position: relative; font-size: 45px; margin: 0 0 50px; color: #ffffff; font-weight: 700; text-transform: uppercase; }
.testi-txt h2 span { color: #ee982c; display: block; }

/* -------------------------------------------Services Carousel------------------------------------ */
.service { margin-right: -10px; }
.service .slick-slide { margin-right: 10px; }
.service .title { font-weight: 700; margin: 10px 0; font-size: 18px; }
.service .slick-prev { margin-right: 10px; }
.service .slick-next { margin-right: 10px; right: 40px; left: inherit; }
.service .slick-arrow { top: 0; margin-top: -43px; }

/*ENd SLick Slider*/

/* ---------------------------------------------------Windows Size-------------------------------------------------------------------------*/
#winSize { position: fixed; bottom: 1%; left: 1%; border: rgba(0, 0, 0, 0.8) 3px solid; background: rgba(0, 0, 0, 0.6); padding: 5px 10px; color: #fff; text-shadow: #000 1px 1px 1px, #000 -1px 1px 1px; z-index: 9999 }

/* ---------------------------------------------------Tabs-------------------------------------------------------------------------*/
.tabs-menu { height: 30px; padding: 0; margin: 0; }
.tabs-menu li { height: 30px; line-height: 30px; display: inline-block; list-style: none; margin-right: 10px; background-color: #ccc; border-top: 1px solid #d4d4d1; border-right: 1px solid #d4d4d1; border-left: 1px solid #d4d4d1; }
.tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; z-index: 5; }
.tabs-menu li a { padding: 10px; text-transform: uppercase; color: #fff; text-decoration: none; }
.tabs-menu .current a { color: #2e7da3; }
.tab { border: 1px solid #d4d4d1; background-color: #fff; float: left; margin-bottom: 20px; width: auto; margin-top: -1px; }

/*.tab-content { max-width: 660px; padding: 20px; display: none; }*/
#tab-1 { display: block; }

/* ---------------------------------------------------Left Tabs-------------------------------------------------------------------------*/
.tabs-left { width: 120px; padding: 0; margin: 0; float: left; }
.tabs-left li { line-height: 30px; display: block; list-style: none; margin-bottom: 15px; transition: all ease 0.80s; -webkit-transition: all ease 0.80s; -moz-transition: all ease 0.80s; -o-transition: all ease 0.80s; -ms-transition: all ease 0.80s; text-transform: uppercase; }
.tabs-left li.current { position: relative; background-color: #120016; z-index: 5; margin-left: 5%; }
.tabs-left li a { text-transform: uppercase; color: #ffffff; text-decoration: none; display: block; font-size: 15px; font-weight: 400; border: none; }
.tabs-left .current a { color: #ffffff; font-weight: 500; border: none; display: inline-block; background: #ee982c; width: 215px; z-index: 2; text-transform: uppercase; text-align: center; -webkit-transition: none; -o-transition: none; transition: none; }
.tab-loop { background-color: #fff; float: left; margin-bottom: 20px; width: auto; margin-left: -1px; }
.tabsleft-content { max-width: 100%; display: none; }
#tabs1 { display: block; }
.tabs-left li.current:before { content: ""; display: block; left: -1000em; top: 0; background: #ee982c; position: absolute; height: 2px; bottom: 0; right: 0; margin: auto; -webkit-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important; z-index: -1; }
.tabs-left li.current:after { content: ""; background: #ee982c; display: block; width: 8px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; height: 10px; }
.faq_all_in_one .tab-loop { background: #120016; }

/* ---------------------------------------------------Breadcrumb-------------------------------------------------------------------------*/
.breadcrumbs { margin: 10px 0; padding: 0; background: #ddd; padding: 5px; }
.breadcrumbs li { list-style: none; display: inline-block; padding-right: 2px; }

/* ----------------------------Comments-----------------------*/
#comments label { display: inline-block; vertical-align: top; width: 80px; }
.form-submit { margin-left: 80px; }
#comments { background: #eee; padding: 20px; }
#comments li { list-style: none; }
#comments ol { padding: 0; }

/* ----------------------------Accordion-----------------------*/
.accordion-container { position: relative; width: 100%; height: auto; margin: 0 auto; }
.accordion-container .stl-head { margin: 0 0 30px; }
.accordion-container .stl-head strong { position: relative; margin-bottom: 50px; margin-top: 0; font-size: 45px; margin: 0 0 20px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 50px; }
.accordion-container .stl-head strong span.multicol { color: #ee982c; display: block; }
.accordion-container > h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }
.set { position: relative; width: 100%; height: auto; background-color: #1d0223; }
.set > a { display: block; padding: 10px 15px; text-decoration: none; color: #555; font-weight: 600; border-bottom: 1px solid #ddd; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
.set > a.active { background-color: #3399cc; color: #fff; }
.set > a:before { background: url(images/arrow1.png) no-repeat; float: right; content: ""; height: 8px; margin: 6px 0 0; width: 15px; }
.set > a.active:before { filter: invert(100%); transform: rotate(180deg); }
.accordion-container .content_faq { position: relative; width: 100%; height: auto; display: none; background: #1d0223; }
.accordion-container .content_faq p { padding: 10px 15px; margin: 0; color: #333; }
.set > a:focus,
.set > a.active:focus { outline: 0 !important; }
.set > a:hover { text-decoration: none; }

/* ---------------------------------------------------Custom Scroll-------------------------------------------------------------------------*/
.customscroll { height: 300px; }

/* ---------------------------------------------------innerheader-------------------------------------------------------------------------*/
.inner-banner { height: 150px; width: 100%; display: table; color: #fff; }
.inner-banner h2 { margin: 0; display: table-cell; vertical-align: middle; padding: 10px; }

/* ---------------------------------------------------blog-------------------------------------------------------------------------*/
.wrap.grey_bg { background: #120016; padding: 20px 0 150px; }
.blogs li { width: 100%; margin-bottom: 20px; min-height: 210px; clear: both; float: left; border-bottom: 1px solid #dcdcdc; }
.blogs li:last-child { border: none; }
.blogs li h4 { text-transform: capitalize; background: #f0f0f0; padding: 10px; position: relative; margin-bottom: 20px; font-weight: 600; color: #2f2f2f; }
.blogs li h4 span { width: 7%; text-align: center; background: #b12224; font-size: 11px; line-height: 18px; text-transform: uppercase; color: #fff; position: absolute; right: 0; top: 0; }
.blogs li h4 span strong { display: block; font-size: 26px; font-weight: normal; }
.blogs li a { float: right; }
.blogs li .meta { background: #f0f0f0; padding: 10px; position: relative; margin: 38px 0 0; font-weight: 500; float: right; clear: right; width: 67%; color: #989898; font-size: 16px; line-height: 21px; }
.blogs li .meta span { background: url('images/user-bg.png') no-repeat; padding: 3px 30px; }
.blogs li .meta span.comments { margin-left: 10px; background: url('images/comments.png') no-repeat; }
.blogs li .meta span strong { color: #258ef9; font-weight: normal; text-transform: capitalize; }
.sidebar .search_section,
.sidebar .social_share,
.sidebar .blog_cateogires,
.sidebar .recent_section { margin-bottom: 30px; overflow: hidden; padding: 13px; background: #120016; }
.sidebar ul { padding: 0; margin: 0; }
.sidebar ul li { list-style: none; }
.sidebar-pro { border: 1px solid #c2c2c2; padding: 0 !important; border-radius: 5px; overflow: hidden; }
.sidebar-pro h4 { background: #b12224; color: #fff; padding: 10px; font-size: 20px; line-height: 29px; margin: 0; }
.sidebar-pro .cat li { margin-bottom: 6px; list-style: none; padding: 10px; }
.sidebar-pro .cat li:hover { background: #b12224; }
.sidebar-pro .cat li:hover a { color: #fff; }
.sidebar-pro .cat li.current-cat { background: #b12224; }
.sidebar-pro .cat li:last-child { margin-bottom: 0; }
.sidebar-pro .cat .product-categories { margin-bottom: 0; }
.sidebar-pro .cat li a { color: #424242; font-size: 14px; }
.sidebar .recent li { margin: 20px 0; padding: 5px 0; overflow: hidden; font-size: 14px; }
.sidebar .recent li h5 { margin-top: 0; }
.sidebar .recent li:last-child { border: none; }
ul.recent .thumbnail-sidebar { display: inline-block; float: left; }
ul.recent .thumbnail-sidebar a img { width: 70px; height: 60px; }
.thumbnail-sidebar { }
ul.recent .sidebar_content { float: left; margin-left: 25px; }
ul.recent .sidebar_content .entry-date { font-size: 14px; color: #888888; margin: 0 0 10px; }
ul.recent .sidebar_content .entry-date i { color: #58595b; margin-right: 5px; }
ul.recent .sidebar_content h5 a { color: #58595b; font-size: 14px; font-family: 'Raleway', sans-serif; }
.sidebar h4 { font-size: 20px; line-height: 28px; color: #ee982c; margin: 0; padding: 0 0 30px; position: relative; }
.sidebar h4:after { content: ""; background: #ddd; height: 3px; width: 30px; display: block; position: absolute; bottom: 0; margin: 0 0 20px; }
.blogs h2.entry-title a { color: #58595b; }
.blogs h2.entry-title a:hover { color: #9c7854; text-decoration: none; }
.blogs .entry-meta,
.blogs .entry-meta a { color: #58595b; }
.archive.tax-blog_categories headerinner { display: none; }
.archive.tax-blog_categories h1.page-title { text-align: center; margin: 0; }
.sidebar .recent h5 { color: #231f20; font-size: 14px; margin-bottom: 10px; }
.sidebar .recent p { color: #6d6d6d; line-height: 16px; }
.sidebar .recent .more a { color: #258ef9; float: right; }
.sidebar .cat li { border-bottom: 1px solid #4c183a; font-weight: 600; margin: 5px 0; padding: 5px 0; }
.blogs .loop { margin-bottom: 30px; overflow: hidden; padding: 0; background: #120016; border-radius: 5px; }
.sidebar .section { margin-top: 50px; overflow: hidden; }
.blogs .title { margin: 0; }
.blogs small { margin-bottom: 10px; display: inline-block; color: #888; }
.sidebar .cat li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }
.sidebar .cat li a { color: #ddd; font-size: 14px; display: block; transition: all ease 0.80s; -webkit-transition: all ease 0.80s; -moz-transition: all ease 0.80s; -o-transition: all ease 0.80s; -ms-transition: all ease 0.80s; font-weight: 500; }
.sidebar .cat li a:hover { margin-left: 10px; color: #ee982c; font-weight: 600; }
.blogs .meta { background: transparent; padding: 15px 0; width: 100%; float: left; }
.blogs .blog_content { padding: 20px 20px 0; }
.blogs .thumbnail-blog .image { min-height: 260px; width: 100%; max-width: 100%; background-size: cover; background-position: top center; }
.blogs .title a { color: #ee982c; font-size: 22px; margin: 0 0 20px; display: block; font-weight: 600; text-transform: capitalize; }
.blogs .title a:hover { text-decoration: none; }
.blogs p { color: #ddd; font-size: 14px; margin: 0 0 10px; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; position: relative; }
.meta .entry-date { display: inline-block; margin-right: 50px; color: #ababab; font-size: 14px; float: left; margin: 0; text-align: left; }
.meta .comments { display: inline-block; color: #ababab; font-size: 14px; float: right; text-align: right; text-transform: uppercase; }
.meta .entry-date i,
.meta .comments i { color: #ee982c; margin-right: 5px; }
.blog_content .readmore a { text-transform: capitalize; color: #f0f0f3; font-weight: 600; }
.blog_content .readmore a:hover { color: #ee982c; }
.grey_bg h1.search_title_keyword { font-size: 30px; text-align: center; margin: 20px 0 50px; font-weight: 600; color: #29419a; text-transform: capitalize; }

/*BLOG GRID SECTION*/
.blog_absolute:nth-child(1) { width: 50%; position: relative; margin-bottom: 20px; display: inline-block; float: left; cursor: pointer; overflow: hidden; }
.blog_absolute:nth-child(1) .thumbnail-blog .image { min-height: 560px; background-size: cover; background-position: top center; transition: all 2s ease 0s; }
.blog_absolute:nth-child(1):hover .thumbnail-blog .image { -webkit-transform: scale(1.2) rotate(10deg); -moz-transform: scale(1.2) rotate(10deg); -ms-transform: scale(1.2) rotate(10deg); -o-transform: scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg); }
.blog_absolute:nth-child(1) .blog_content { position: absolute; bottom: 0; width: 100%; }
.blog_absolute:nth-child(1):before { content: ""; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; display: block; position: absolute; }
.blog_absolute:nth-child(1) .blog_content .title { margin: 0; padding: 20px 0 20px 20px; }
.blog_absolute:nth-child(1) .blog_content .title a { color: #fff; text-transform: capitalize; font-size: 20px; line-height: normal; }

/*.blog_absolute:nth-child(1):hover:before { content: ""; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; display: block; position: absolute; z-index: 2; }*/
.blog_absolute:nth-child(2),
.blog_absolute:nth-child(3) { width: 23.6%; position: relative; margin-bottom: 20px; display: inline-block; vertical-align: top; margin-left: 15px; float: left; cursor: pointer; overflow: hidden; }
.blog_absolute:nth-child(2) .thumbnail-blog .image,
.blog_absolute:nth-child(3) .thumbnail-blog .image { min-height: 280px; background-size: cover; background-position: top center; transition: all 2s ease 0s; }
.blog_absolute:nth-child(2):hover .thumbnail-blog .image,
.blog_absolute:nth-child(3):hover .thumbnail-blog .image { -webkit-transform: scale(1.2) rotate(10deg); -moz-transform: scale(1.2) rotate(10deg); -ms-transform: scale(1.2) rotate(10deg); -o-transform: scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg); }
.blog_absolute:nth-child(2) .blog_content,
.blog_absolute:nth-child(3) .blog_content { position: absolute; bottom: 0; width: 100%; }
.blog_absolute:nth-child(2):before,
.blog_absolute:nth-child(3):before { content: ""; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; display: block; position: absolute; }
.blog_absolute:nth-child(2) .blog_content .title,
.blog_absolute:nth-child(3) .blog_content .title { margin: 0; padding: 20px 0 20px 20px; }
.blog_absolute:nth-child(2) .blog_content .title a,
.blog_absolute:nth-child(3) .blog_content .title a { color: #fff; text-transform: capitalize; font-size: 20px; line-height: normal; }
.blog_absolute:nth-child(2):hover:before,
.blog_absolute:nth-child(3):hover:before { content: ""; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; display: block; position: absolute; z-index: 2; }
.blog_absolute:nth-child(4) { width: 48.6%; position: relative; margin-bottom: 20px; display: inline-block; vertical-align: top; margin-left: 15px; float: left; cursor: pointer; overflow: hidden; }
.blog_absolute:nth-child(4) .thumbnail-blog .image { min-height: 260px; background-size: cover; background-position: top center; transition: all 2s ease 0s; }
.blog_absolute:nth-child(4):hover .thumbnail-blog .image { -webkit-transform: scale(1.2) rotate(10deg); -moz-transform: scale(1.2) rotate(10deg); -ms-transform: scale(1.2) rotate(10deg); -o-transform: scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg); }
.blog_absolute:nth-child(4) .blog_content { position: absolute; bottom: 0; width: 100%; }
.blog_absolute:nth-child(4):before { content: ""; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; display: block; position: absolute; }
.blog_absolute:nth-child(4) .blog_content .title { margin: 0; padding: 20px 0 20px 20px; }
.blog_absolute:nth-child(4) .blog_content .title a { color: #fff; text-transform: capitalize; font-size: 20px; line-height: normal; }
.blog_absolute:nth-child(4):hover:before { content: ""; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; display: block; position: absolute; z-index: 2; }

/*LOAD MORE BLOG SECTION*/
#blog_loop .lmb-container a { color: #fff; text-transform: uppercase; background: #2733c8; padding: 10px 25px; margin-bottom: 20px; display: inline-block; }
#blog_loop .lmb-container { display: block; margin: 0 auto; text-align: center; }
#blog_loop .lmb-container a:hover { background: #d91010; }
.col-md-9.blogs { border-right: 1px solid #4c183a; }

/*TRENDING STORIES SECTION*/
.stories .stl-head span.multicol { display: inline-block; }
.sidebar .social_share .social-share li:last-child a { margin-right: 0; }
.stories { margin: 50px 0 80px; }
.stories p { color: #ddd; margin-bottom: 25px; font-size: 14px; line-height: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; position: relative; }
.trending_item .item .thumbnail-blog .image { min-height: 150px; background-size: cover; background-position: top center; }
.trending_item .item { margin-right: 12px; margin-bottom: 20px; border: 1px solid #4c183a; }
.trending_item .item:last-child { margin-right: 0; }
.trending_item .item .blog_content { background: transparent; padding: 0 10px; }
.trending_item .item .blog_content h3.title { margin: 0; padding: 10px 0; }
.trending_item .item .blog_content h3.title a { text-transform: capitalize; font-size: 16px; color: #ee982c; }
.trending_item .item .meta { margin: 0 0 5px; display: inline-block; width: 100%; }
.trending_item .item .meta .entry-date,
.trending_item .item .meta .comments { font-size: 12px; }
.trending_item .item .meta .entry-date { float: left; text-align: left; margin: 0; }
.trending_item .item .meta .comments { float: right; text-align: right; text-transform: uppercase; }

/*SERVICES BULLETS */
.trending_item .slick-dots { position: absolute; z-index: 11; bottom: -30px; margin: 0px; padding: 0; text-align: center; width: 100%; }
.trending_item .slick-dots li { list-style: none; display: inline-block; }
.trending_item .slick-dots button { border: 2px solid #bfbfbf; background: rgba(255, 255, 255, 0) !important; width: 15px; height: 15px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px; background: transparent !important; }
.trending_item .slick-dots .slick-active button { background: #ee982c !important; border: 2px solid #ee982c; }
.trending_item .slick-next.slick-arrow,
.trending_item .slick-prev.slick-arrow { display: none !important; }

/*SOCIAL SHARING FOR BLOGS*/
.sidebar .social_share .social-share li a { width: 4rem; background: #f0f0f0; display: inline-block; height: 4rem; text-align: center; margin-right: 4px; padding: 8px; }
.sidebar .social_share .social-share li { display: inline-block; height: 3rem; text-align: center; }
.sidebar .social_share .social-share li a i { color: #000; font-size: 20px; }
.sidebar .social_share .social-share li a:hover { background: #ee982c; }
.sidebar .social_share .social-share li a:hover i { color: #fff; }

/*SINGLE PAGE FOR BLOGS*/
.post.type-post .entry-content { margin-bottom: 30px; padding: 15px; background: #120016; min-height: 1135px; }
.post.type-post .entry-content h3.entry-title { color: #ee982c; font-size: 24px; margin: 20px 0; display: block; font-weight: 600; text-transform: capitalize; }
.post.type-post .entry-content p { color: #ddd; font-size: 16px; margin: 0 0 10px; line-height: 30px; display: inline-block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: visible; position: relative; }

/*RECENT POST FOR BLOGS*/
.sidebar .blogs .thumbnail-blog .image { min-height: 75px; }
.sidebar .blogs .loop { border: 0; border-radius: 0; }
.sidebar .blogs .blog_content { padding: 0 5px 5px; }
.sidebar .blogs .title a { font-size: 16px; color: #ddd; line-height: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; }
.sidebar .blogs .meta { padding: 5px; }

/*---------------------Pagination----------------------- */
.pagination { clear: both; padding: 20px 0; position: relative; font-size: 11px; line-height: 13px; }
.pagination span,
.pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background: #555; }
.pagination a:hover { color: #fff; background: #3279BB; }
.pagination .current { padding: 6px 9px 5px 9px; background: #3279BB; color: #fff; }

/* ------------------------------------Responsive Simple Menu------------------------------------------------------ */
.menu-header,
.menu-header ul,
.menu-header ul li,
.menu-header ul li a,
.menu-header #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu-header:after,
.menu-header > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.menu-header #menu-button { display: none; }
.menu-header { background: transparent; float: right; }
.menu-header > ul > li { display: inline-block; }
.menu-header.align-center > ul { font-size: 0; text-align: center; }
.menu-header.align-center > ul > li { display: inline-block; float: none; }
.menu-header.align-center ul ul { text-align: left; }
.menu-header.align-right > ul > li { float: right; }
.menu-header > ul > li > a { position: relative; color: #ffffff; font-size: 13px; line-height: 1.55; font-weight: 500; letter-spacing: 1px; background-position: center center; border-color: transparent; border-style: solid; padding-bottom: 5px; text-transform: uppercase; font-family: 'Poppins', sans-serif; margin-right: 13px; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.menu-header > ul > li:last-child a { margin-right: 0; }

/*.menu-header > ul > li.current-menu-item.current_page_item > a { color: #ff6100; }*/
.menu-header > ul > li:last-child a { margin-right: 0; }
.menu-header > ul > li > a:hover { text-decoration: none; color: #ee982c; }

/*.menu-header > ul > li.has-sub > a { padding-right: 30px; }
.menu-header > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';}
.menu-header > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;}*/
.menu-header > ul > li > a:after { content: ""; background: #fff; position: absolute; height: 2px; width: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.menu-header > ul > li > a:hover:after { width: 100%; }
.menu-header ul ul::before { border-color: transparent transparent #000; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px; }
.menu-header ul ul ul::before { display: none; }
.menu-header > ul > li.has-sub:hover > a:before { top: 23px; height: 0; }
.menu-header ul ul { position: absolute; left: -9999px; }
.menu-header.align-right ul ul { text-align: right; }
.menu-header ul ul li { height: 0; transition: all .25s ease; }
.menu-header li:hover > ul { left: auto; }
.menu-header.align-right li:hover > ul { left: auto; right: 0; }
.menu-header li:hover > ul > li { height: 35px; }
.menu-header ul ul ul { margin-left: 100%; top: 0; }
.menu-header.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
.menu-header ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; background: #000; }
.menu-header ul ul li:last-child > a,
.menu-header ul ul li.last-item > a { border-bottom: 0; }
.menu-header ul ul li:hover > a,
.menu-header ul ul li a:hover { color: #ffffff; }
.menu-header ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
.menu-header.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
.menu-header ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; transition: all .25s ease; }
.menu-header.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
.menu-header ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }
.menu-header ul ul li a:focus { outline: 0 !important; }
.menu-header > ul li.current-menu-item a { position: relative; color: #ee982c; font-size: 14px; line-height: 1.55; font-weight: 500; letter-spacing: 1px; background-position: center center; border-color: transparent; border-style: solid; padding-bottom: 5px; text-transform: uppercase; font-family: 'Poppins', sans-serif; margin-right: 18px; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
.menu-header > ul > li.current-menu-item.page_item > a:after { content: ""; background: #fff; position: absolute; height: 2px; width: 100%; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: block; }
.menu-header > ul > li.current-menu-item.page_item a:hover:after { width: 100%; }
@media (min-width:100px) and (max-width:767px) {
	.menu-header { width: 100%; }
	.menu-header ul { width: 100%; display: none; }
	.menu-header.align-center > ul { text-align: left; }
	.menu-header ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); }
	.menu-header ul ul li,
	.menu-header li:hover > ul > li { height: auto; }
	.menu-header ul li a,
	.menu-header ul ul li a { width: 100%; border-bottom: 0; }
	.menu-header > ul > li { float: none; }
	.menu-header ul ul li a { padding-left: 25px; }
	.menu-header ul ul ul li a { padding-left: 35px; }
	.menu-header ul ul li a { color: #dddddd; background: none; }
	.menu-header ul ul li:hover > a,
	.menu-header ul ul li.active > a { color: #ffffff; }
	.menu-header ul ul,
	.menu-header ul ul ul,
	.menu-header.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
	.menu-header > ul > li.has-sub > a:after,
	.menu-header > ul > li.has-sub > a:before,
	.menu-header ul ul > li.has-sub > a:after,
	.menu-header ul ul > li.has-sub > a:before { display: none; }
	.menu-header #menu-button { display: none; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; }
	.menu-header #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 8px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; }
	.menu-header #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; }
	.menu-header #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.menu-header #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.menu-header .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; }
	.menu-header .submenu-button.submenu-opened { background: #262626; }
	.menu-header ul ul .submenu-button { height: 34px; width: 34px; }
	.menu-header .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
	.menu-header ul ul .submenu-button:after { top: 15px; right: 13px; }
	.menu-header .submenu-button.submenu-opened:after { background: #ffffff; }
	.menu-header .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; }
	.menu-header ul ul .submenu-button:before { top: 12px; right: 16px; }
	.menu-header .submenu-button.submenu-opened:before { display: none; }
}

/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg { position: fixed; top: 10px; left: 10px; width: 40px; height: 40px; z-index: 9; text-align: center; color: white; display: none; transition: all ease-out 0.3s; }
a#hamburg i { position: relative; top: 50%; transform: translateY(-50%); }
.nav1 { transition: all ease-out 0.3s; display: none; }
.nav1 a { color: #000; }
.nav1 ul { margin: 0; padding: 0; background-color: #303030; }
.nav1 ul li { display: inline-block; position: relative; }
.nav1 ul li > a { display: inline-block; padding: 10px; }
.nav1 ul li > a > i { margin-left: 15px; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; }
.nav1 ul li ul { display: none; position: absolute; top: 38px; background: #222; width: 200px; text-align: left; }
.nav1 .search-nav,
.nav1 .title { display: none; }
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover > a { color: #000; text-decoration: none; }
.nav1 ul li:hover > a > i { transform: rotateZ(90deg); }
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float: right; height: 0; margin: 8px 0 0 8px; width: 0; }
.nav1 ul li.open span.marrow { border-left: 5px solid transparent; border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; }
@media screen and (max-width:767px) {
	a#hamburg { display: block; }
	main { transition: all ease-out 0.3s; }
	.nav1 .row { margin: 0px; }
	.nav1 { background: url(images/nav-bg.jpg) repeat; box-shadow: -2px 0 10px #999 inset; display: block; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; transform: translateX(-250px); width: 250px; }
	.nav1 .search-nav,
	.nav1 .title { display: block; }
	.nav1 .search-nav input { border: 1px solid #2c313f; background-color: rgba(255, 255, 255, 0.2); padding: 5px; width: 100%; color: #000; margin: 10px 0; }
	.nav1 .search-nav input[type="submit"] { background: url("images/search-icon.png") no-repeat scroll center center; border: 0; width: auto; font-size: 0; height: 16px; position: absolute; right: 7px; top: 8px; width: 16px; filter: invert(100%); }
	.nav1 .title { background: #000; color: #fff; font-size: 14px; margin: 0 -15px; padding: 6px 15px 6px; }
	.search-nav > form { position: relative; }
	.nav1 ul { text-align: left; background-color: transparent; }
	.nav1 ul li { display: block; border-bottom: 1px solid #999; }
	.nav1 ul li a { display: block; padding: 10px 0; }
	.nav1 ul li:hover > a { color: #000; }
	.nav1 ul li a > i { float: right; }
	.nav1 ul li ul { display: none; position: static; width: 100%; background-color: transparent; padding: 0 10px; }
	.nav1 ul li:hover > ul { display: none; }
	.nav1 ul li:hover > a > i { transform: rotateZ(0); }
	.nav1 ul li.open > a { background-color: transparent; }
	.nav1 ul li.open > a > i { transform: rotateZ(90deg); }
	.nav1 ul li.open > ul { display: block; }
	div#menuoverlay { display: block; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-out 0.3s; z-index: 1; opacity: 0; }
	html.open-menu { overflow: hidden; }
	html.open-menu div#menuoverlay { visibility: visible; background: rgba(0, 0, 0, 0.5); min-height: 100vh; width: 100% !important; opacity: 1; width: calc(-150%); left: 250px; }
	html.open-menu a#hamburg { transform: translateX(250px); z-index: 999; }
	html.open-menu main { transform: translateX(250px); }
	html.open-menu nav.nav1 { z-index: 3; transform: translateX(0); }
	.menu-main-menu-container ul ul ul li a { padding: 5px; }
	ul li.has-subnav .accordion-btn { color: #000; font-size: 24px; width: 20px !important; float: right; line-height: inherit !important; }
	.nav1 ul li:last-child { border: 0; }
	.nav-cross.open > span { background: #fff; }

	/*---------------------Hamberg Icon --------------------------------------------- */
	.nav-cross { width: 24px; height: 40px; position: relative; margin: 0px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
	.nav-cross span { display: block; position: absolute; height: 3px; width: 100%; background: #fcc20f; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
	#nav-icon1 span:nth-child(1) { top: 0px; }
	#nav-icon1 span:nth-child(2) { top: 18px; }
	#nav-icon1 span:nth-child(3) { top: 36px; }
	#nav-icon1.open span:nth-child(1) { top: 18px; transform: rotate(135deg); }
	#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
	#nav-icon1.open span:nth-child(3) { top: 18px; transform: rotate(-135deg); }
	.nav-cross span:nth-child(1) { top: 12px; transform-origin: left center; }
	.nav-cross span:nth-child(2) { top: 20px; transform-origin: left center; }
	.nav-cross span:nth-child(3) { top: 28px; transform-origin: left center; }
	.nav-cross.open span:nth-child(1) { transform: rotate(45deg); top: 11px; left: 4px; }
	.nav-cross.open span:nth-child(2) { width: 0%; opacity: 0; }
	.nav-cross.open span:nth-child(3) { transform: rotate(-45deg); top: 28px; left: 4px; }
}
.wrap h1.entry-title { font-weight: 600; text-align: center; font-size: 40px; margin: 20px 0; color: #ff6100; text-transform: uppercase; }

/*SUPPORT SECTION*/
.banner-bot { background: #ffffff; padding: 20px 0; position: relative; border-bottom: 1px solid #d1d1d1; }
.banner-bot ul { display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-left: 0; padding: 0; }
.banner-bot ul li { float: left; width: 20%; display: flex; align-items: center; padding: 10px 15px; border-radius: 5px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative; min-height: 75px }
.banner-bot ul li .satisfiedico { width: 75px; float: left }
.banner-bot ul li .satisfiedico .sp-ico { background: url(images/icon-awards-section.png) no-repeat; display: block; height: 77px; }
.banner-bot ul li p { color: #000; font-weight: 500; margin-bottom: 0; font-family: 'Poppins', sans-serif; text-transform: capitalize; font-size: 15px; line-height: 20px }
.banner-bot ul li:last-child:after { display: none }
.banner-bot ul li:after { content: ""; background: #d1d1d1; height: 45px; width: 2px; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; }
.banner-bot ul li .satisfiedico .sp-ico.icon-01 { background-position: -16px 0px !important; width: 80px; }
.banner-bot ul li .satisfiedico .sp-ico.icon-02 { background-position: -100px 0px !important; width: 65px; }
.banner-bot ul li .satisfiedico .sp-ico.icon-03 { background-position: -180px 0px !important; width: 65px; }
.banner-bot ul li .satisfiedico .sp-ico.icon-04 { background-position: -256px 0px !important; width: 60px; }
.banner-bot ul li .satisfiedico .sp-ico.icon-05 { background-position: -335px 0px !important; width: 60px; }

/*TABS ICONS WITH CONTENT*/
.type_tabs.LogoAdd.SingleLOGO .types_of_section .logodiscr .service-tab-img img { border-radius: 0 !important; box-shadow: none; animation: MockMoving 3s ease-in-out 0s infinite alternate; }

/*.type_tabs.LogoAdd .types_of_section .logodiscr .service-tab-img img { border-radius: 10px !important; box-shadow: 0px 2px 8px #868686; }*/
.logodiscr.active > .row { display: inline-flex; flex-direction: row; align-items: center; width: 100%; }
.type_tabs .logo-tabs-btns ul li a h3 { font-size: 16px; display: block; margin: 10px 0; }
.section.type_tabs { background-size: cover; background-position: top center; }
.type_tabs .logo-tabs-btns ul,
.type_tabs .website-tabs-btns ul { display: block; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 100%; margin: auto; }
.type_tabs .logo-tabs-btns ul li,
.type_tabs .website-tabs-btns ul li { float: left; display: flex; align-items: center; justify-content: center; transition: background-color 1s; }
.type_tabs .logo-tabs-btns ul li.active a,
.type_tabs .website-tabs-btns ul li.active a { padding: 12px 0; text-transform: uppercase; color: #fff; text-decoration: none; font-family: inherit; font-weight: 500; background: #b58a01; text-align: center; vertical-align: top; border-radius: 0; display: flex; flex-direction: column; }
.type_tabs .logo-tabs-btns ul li:first-child a { border-radius: 50px 0 0 0; }
.type_tabs .logo-tabs-btns ul li:last-child a { border-radius: 0 50px 0 0; }
.type_tabs .logo-tabs-btns ul li a,
.type_tabs .website-tabs-btns ul li a { text-transform: uppercase; color: #fff; text-decoration: none; font-family: inherit; font-weight: 500; text-align: center; vertical-align: top; border-radius: 5px; }
.type_tabs .stl-head p { padding: 0 0 20px }
.type_tabs .stl-head p:last-child { padding: 0 0 50px }
.types_content p { color: #272727; font-size: 15px; line-height: 23px; }
.types_content { margin-bottom: 30px }
.types_content .readmore a { color: #b92390; text-decoration: underline; text-transform: uppercase; font-weight: 600; font-size: 12px; }
.types_content .readmore a:hover { color: #b58a01; }
.type_tabs { background: #fafafa }
.type_tabs .logo-tabs-btns ul,
.type_tabs .website-tabs-btns ul { padding-left: 0; background: rgb(98, 23, 73); background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#621749", endColorstr="#ee982c", GradientType=1); border-radius: 50px 50px 0 0; }
.type_tabs .logo-tabs-btns ul li,
.type_tabs .website-tabs-btns ul li { width: 175px; float: none !important; margin: 0; }
.type_tabs .logo-tabs-btns ul li a,
.type_tabs .website-tabs-btns ul li a { font-size: 14px; height: auto !important; width: 100% !important; display: block; padding: 10px 0 !important; min-height: 130px; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.logodiscr .text-center,
.websitediscr .text-center { margin: 30px 0 }
.logodiscr { display: none }
.logodiscr.active { display: block; border: 2px solid #efbbdc; padding: 30px; border-top: 0; border-radius: 0 0 100px 100px; box-shadow: 1px 0px 20px 5px #511642; }
.logodiscr.active .types_content { padding-top: 0px }
.logodiscr .text-center img,
.websitediscr .text-center img { max-width: 100% }
.logodiscr.active .types_content .heading { margin: 0 0 25px; }
.logodiscr.active .types_content .heading strong { font-size: 22px; margin: 0; color: #ee982c; font-weight: 600; text-transform: uppercase; line-height: 40px; display: block; }
.logodiscr.active .types_content .heading span { font-size: 42px; margin: 0 0 20px; color: #000; font-weight: 600; text-transform: uppercase; line-height: 30px; }
.logodiscr .btn-get-quote { border: 2px solid #ee982c; border-radius: 20px; padding: 5px 35px; font-size: 14px; font-weight: 500; margin: 0; text-transform: uppercase; font-weight: 600; margin-top: 20px; display: inline-block; z-index: 2; color: #222; margin-right: 20px; }
.logodiscr .btn-get-quote:hover { text-decoration: none; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #b4690b 76%); background: linear-gradient(90deg, #ee982c 29%, #b4690b 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee982c", endColorstr="#b4690b", GradientType=1); color: #fff; }

/*BOXES WITH ICONS*/
.services-section { background: #f5f5f5; padding: 20px 0 50px 0; }
.services-section .ser-txt p { text-align: left; margin: 0 0 50px; color: #000; }
.services-section .ser-txt { margin-bottom: 40px; }
.services-section .service-box h3 { margin: 15px 0; color: #222; }
.services-section .service-box { text-align: center; }
.services-section .ser-txt h2 { position: relative; font-size: 45px; margin: 0 0 20px; color: #000000; font-weight: 700; text-transform: uppercase; }
.services-section .ser-txt h2 span { color: #ee982c; display: block; }
.services-section .service-box p { margin-bottom: 10px; color: #a0a0a0; font-size: 14px; line-height: 24px; }
.services-section .service-box a { color: #ee982c; }
.services-section .service-box:hover h3 { color: #fff; }
.services-section .service-box:hover p { color: #fff; }
.services-section .service-box:hover { background: #ee982c; color: #fff; }
.services-section .service-box { text-align: center; border-radius: 5px; background: #fff; margin: 0 0 20px 0; padding: 30px 25px; box-shadow: 0px 0px 8px 2px #0000001a; transition: all .3s ease-in-out; cursor: pointer; height: 450px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }

/*PRIMARY BUTTON WITH HOVER GRADIENT COLOR*/
.btn-with-line { border: 2px solid #ee982c; border-radius: 20px; padding: 5px 35px; font-size: 14px; font-weight: 500; margin: 0; text-transform: uppercase; font-weight: 600; margin-top: 20px; display: inline-block; z-index: 2; color: #fff; margin-right: 20px; }
.btn-with-line:hover { text-decoration: none; background: rgb(98, 23, 73); background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#621749", endColorstr="#ee982c", GradientType=1); color: #fff; }

/*SECONDARY BUTTON*/
.btn-with-color { border: 2px solid #ee982c; border-radius: 20px; padding: 5px 35px; font-size: 14px; margin: 0; text-transform: uppercase; font-weight: 600; margin-top: 20px; display: inline-block; z-index: 2; color: #fff; text-decoration: none; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #b4690b 76%); background: linear-gradient(90deg, #ee982c 29%, #b4690b 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee982c", endColorstr="#b4690b", GradientType=1); }
.btn-with-color:hover { color: #fff; }

/*LEFT HEADING RIGHT CONTENT*/
section.cre-sec { background: #100014; }
section.cre-sec ul.cre-lst li { list-style: none; }
section.cre-sec p { font-size: 14px; color: #fff; line-height: 26px; letter-spacing: 0.5px; font-weight: 300; }
section.cre-sec.padtb { padding: 50px 0; }
section.cre-sec.padtb .row { display: flex; align-items: center; }
section.cre-sec .m1-h h1 { font-size: 45px; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: 5px; margin-top: 0; line-height: 48px; }
section.cre-sec .m1-h h1 span { color: #ee982c; }

/*CUSTOM PORTFOLIO SECTION*/
.custom_portfolio.website strong { position: relative; margin-bottom: 50px; margin-top: 0; font-size: 45px; margin: 0 0 20px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 50px; }
.custom_portfolio.website strong span.multicol { margin: 0 0 20px; }
.custom_portfolio .stl-head h3 { position: relative; margin-bottom: 50px; margin-top: 0; font-size: 45px; margin: 0 0 20px; color: #ffffff; font-weight: 700; text-transform: uppercase; }
.custom_portfolio .stl-head span.multicol { color: #ee982c; display: block; }
.custom_portfolio { position: relative; background: #ffffff; }
.custom_portfolio .portfolio-tabs-menu { padding: 0; margin: 0 auto; width: 100%; text-align: center }
.custom_portfolio .portfolio-tabs-menu li { display: inline-block; list-style: none; margin-right: 5px }
.custom_portfolio .portfolio-tabs-menu li:last-child { margin-right: 0 }
.custom_portfolio .portfolio-tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; z-index: 5 }
.custom_portfolio .portfolio-tabs-menu li a { padding: 12px 0; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 15px; font-family: inherit; font-weight: 500; background: #3a3a3a; width: 177px; height: auto; text-align: center; display: inline-block; vertical-align: top; border-radius: 5px }
.custom_portfolio .portfolio-tabs-menu li a:hover { background: rgb(245, 197, 45); background: linear-gradient(90deg, rgba(245, 197, 45, 1) 0%, rgba(234, 160, 39, 1) 30%, rgba(211, 85, 26, 1) 100%) }
.custom_portfolio .portfolio-tabs-menu .current a { padding: 12px 0; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 15px; font-family: inherit; font-weight: 500; background: rgb(245, 197, 45); background: linear-gradient(90deg, rgba(245, 197, 45, 1) 0%, rgba(234, 160, 39, 1) 30%, rgba(211, 85, 26, 1) 100%); width: 177px; height: auto; text-align: center; display: inline-block; vertical-align: top; border-radius: 5px }
.custom_portfolio .portfolio-tabs-menu .tab { background-color: #fff; margin-top: 0 }
.custom_portfolio .portfolio-content { max-width: 100%; padding: 40px 0 0; display: none }
.custom_portfolio #logo { display: block }
.custom_portfolio p { text-align: left; margin: 0 0 50px; color: #000; }
.custom_portfolio .slick-slider .slick-track { width: max-content !important }
.custom_portfolio .nav-pills li { position: relative; vertical-align: top; }
.custom_portfolio .nav-pills li.active>a,
.custom_portfolio .nav li a:focus,
.custom_portfolio .nav li a:hover,
.custom_portfolio .nav-pills>li.active>a,
.custom_portfolio .nav-pills>li.active>a:focus,
.custom_portfolio .nav-pills>li.active>a:hover { padding: 6px 0; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 13px; font-family: inherit; font-weight: 500; width: 170px; height: auto; text-align: center; display: inline-block; vertical-align: top; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#621749", endColorstr="#ee982c", GradientType=1); border: 2px solid #ee982c; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #b4690b 76%); background: linear-gradient(90deg, #ee982c 29%, #b4690b 76%); }
.custom_portfolio .nav-pills li.active a:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0dd"; position: absolute; left: 50%; color: #b4690b; margin-left: -8px; bottom: -14px; font-size: 31px; z-index: 999; }
.custom_portfolio .nav-pills.child li.active>a,
.custom_portfolio .nav-pills.child li a:focus,
.custom_portfolio .nav-pills.child li a:hover,
.custom_portfolio .nav-pills.child>li.active>a,
.custom_portfolio .nav-pills.child>li.active>a:focus,
.custom_portfolio .nav-pills.child>li.active>a:hover { background: transparent; color: #ee982c; width: auto; padding: 5px 15px; font-size: 18px; border: 0; }
.custom_portfolio .nav-pills.child li.active a:after { display: none }
.custom_portfolio ul.products.columns-4,
.custom_portfolio ul.products.columns-4 { margin: 0; display: inline-flex; flex-flow: row; width: 100%; justify-content: space-around }
.custom_portfolio .nav-pills.child { text-align: center; }
.custom_portfolio .nav-pills li a { padding: 6px 0; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 13px; font-family: inherit; font-weight: 500; background: #0f0c0b; width: 170px; height: auto; text-align: center; display: inline-block; vertical-align: top; border-radius: 50px; border: 2px solid #7d7d7d; }
.custom_portfolio .nav-pills { margin: 0 auto; text-align: left; display: block; width: 100%; }
.custom_portfolio .nav-pills li { display: inline-block; float: none; margin-right: 10px; }
.custom_portfolio .tab-content { margin: 50px 0 0 }
.custom_portfolio .nav-pills li:nth-child(6) { margin-top: 0; }
.custom_portfolio .nav-pills.child>li a { background: transparent; color: #fff; width: auto; padding: 5px 15px; font-size: 18px; border: 0; }
.custom_portfolio .nav-pills.child>li { border-right: aliceblue; position: relative; float: none; margin: 0 auto !important; text-align: center }
.custom_portfolio .nav-pills.child>li:after { content: ""; background: #bdbcbc; width: 2px; height: 20px; display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto }
.custom_portfolio .nav-pills.child>li:last-child:after { display: none }
.our-portfolio .item .portfolio-hoverBox { background: rgb(238 152 44 / 70%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; display: flex; align-items: center; flex-flow: column; justify-content: center; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 }
.our-portfolio .item { margin-bottom: 10px; position: relative; overflow: hidden; transition: all linear 0.3s; width: 33%; display: inline-block; float: left }
.our-portfolio .item:hover .portfolio-hoverBox { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 }
.our-portfolio { position: relative; margin-bottom: 70px; }
.website_section .our-portfolio .item .image .thumbnail { background-position: top; border: 1px solid #ddd }
.our-portfolio .item .image .thumbnail { min-height: 350px; background-position: center; width: 100%; max-width: 100%; background-repeat: no-repeat; background-size: cover; margin: 0; border: 1px solid #ddd; }
.ecommerce-section .our-portfolio .item .image .thumbnail { background-position: top center; }
.our-portfolio .item .portfolio-hoverBox i { color: #fff; font-size: 50px }
.our-portfolio .slick-slide { margin: 0 7px 0 0 }
.our-portfolio .slick-slide:last-child { margin-right: 0 }
.our-portfolio .slick-slide.slick-current.slick-active,
.our-portfolio .slick-slide.slick-active { width: 373px !important }
.our-portfolio .slick-dots { position: absolute; z-index: 11; bottom: -110px; margin: 20px 0; padding: 0; text-align: center; width: 100%; }
.our-portfolio .slick-dots li { list-style: none; display: inline-block; margin-right: 5px; }
.our-portfolio .slick-dots button { border: 2px solid #000; width: 12px; height: 12px; border-radius: 0; font-size: 0; padding: 0; margin-right: 5px; background: #000; }
.our-portfolio .slick-dots .slick-active button { background: #ee982c !important; border: 2px solid #ee982c; }
.custom_portfolio .orderbtn { display: inline-flex; width: 100%; margin: 0 }
.custom_portfolio .orderbtn a { padding: 10px 35px; border: 2px solid #46ae2d; font-size: 20px; font-weight: 600; font-family: inherit; line-height: 26px; color: #46ae2d; border-radius: 30px; margin: 0 auto; text-align: center; text-transform: uppercase }
.custom_portfolio .orderbtn a:hover { background: #46ae2d; color: #fff }
.video-portfolio .item .portfolio-hoverBox { background: #63a94a; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; display: flex; align-items: center; flex-flow: column; justify-content: center; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0 }
.video-portfolio .item { margin-bottom: 7px; position: relative; overflow: hidden; transition: all linear 0.3s; width: 33%; display: inline-block; float: left }
.video-portfolio .item:hover .portfolio-hoverBox { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 }
.video-portfolio { position: relative; margin-bottom: 40px }
.video-portfolio .item .image .thumbnail { min-height: 320px; background-position: center; width: 100%; max-width: 100%; background-repeat: no-repeat; background-size: cover; border: 1px solid #ddd }
.video-portfolio .item .portfolio-hoverBox i { color: #fff; font-size: 50px }
.video-portfolio .slick-slide { margin: 0 7px 0 0 }
.video-portfolio .slick-slide:last-child { margin-right: 0 }
.video-portfolio .slick-slide.slick-current.slick-active,
.video-portfolio .slick-slide.slick-active { width: 373px !important }
.video-portfolio .slick-dots { position: absolute; z-index: 11; bottom: -50px; margin: 0; padding: 0; text-align: center; width: 100% }
.video-portfolio .slick-dots li { list-style: none; display: inline-block }
.video-portfolio .slick-dots button { border: 2px solid #63a94a; background: rgba(255, 255, 255, 0) !important; width: 15px; height: 15px; border-radius: 100%; font-size: 0; padding: 0; margin-right: 5px; background: transparent !important }
.video-portfolio .slick-dots .slick-active button { background: #63a94a !important; border: 2px solid #63a94a }
.custom_portfolio .video-portfolio .orderbtn { display: inline-flex; width: 100%; margin: 30px 0 0 }
.custom_portfolio .video-portfolio .orderbtn a { padding: 10px 35px; border: 2px solid #46ae2d; font-size: 20px; font-weight: 600; font-family: inherit; line-height: 26px; color: #46ae2d; border-radius: 30px; margin: 0 auto; text-align: center }
.custom_portfolio .video-portfolio .orderbtn a:hover { background: #46ae2d; color: #fff }

/*.our-portfolio .slick-slide.slick-active:nth-child(2n) .item { margin-top: 40px; }
.our-portfolio .slick-slide.slick-active:nth-child(2n) > div:nth-child(2) .item { margin-top: 0; }*/
.slick-slide.slick-active:focus,
.our-portfolio .slick-dots .slick-active button:focus,
.our-portfolio .slick-dots button:focus { outline: 0 !important; }

/* HEADING DEFAULT CSS */
.stl-head h2 { position: relative; margin-bottom: 50px; margin-top: 0; font-size: 45px; margin: 0 0 20px; color: #000000; font-weight: 700; text-transform: uppercase; }
.stl-head h3 { color: #3a3a3a; font-size: 25px; line-height: 41px; font-weight: 300; text-transform: uppercase; margin: 0; }
.stl-head span.multicol { color: #ee982c; display: block; }
.stl-head p { margin: 0 0 50px; color: #000; }

/*CTA SECTION*/
.cta_red { position: relative; background: #000000; background-position: top center; background-repeat: no-repeat; background-size: cover; min-height: 220px; display: inline-flex; flex-flow: column; width: 100%; justify-content: center; align-items: center; border-bottom: 5px solid #ee982c; }
.cta_red h4 { font-size: 25px; line-height: 25px; color: #fff; }
.cta_red h6 { font-size: 35px; line-height: 38px; color: #fff; font-weight: 600; margin: 0 0 20px; }
.cta_red p { font-size: 16px; color: #ffffff; }
.cta_red h6 strong { color: #ee982c; }
.cta_red .contact a span { font-size: 14px; color: #ee982c; line-height: 30px; vertical-align: middle; font-weight: 600; display: block; }
.cta_red .contact a { font-size: 18px; color: #fff; display: block; line-height: 20px; font-weight: 500; }
.cta_red .contact img { float: left; margin-right: 10px; margin-top: 10px; }
.cta_red .contact .btn-cta { transition: none; background: #ee982c; font-size: 20px; padding: 15px 20px; width: 100%; margin: 30px 0px 10px; color: #fff; text-align: center; font-weight: 600; text-transform: uppercase; border-radius: 50px; letter-spacing: 0px; border: 2px solid #ee982c; }
.cta_red .contact .btn-cta:hover { color: #fff; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#621749", endColorstr="#ee982c", GradientType=1); border: 2px solid #ee982c; background: #252424; }
.cta_red .contact a:hover { transform: rotateX(360deg); text-decoration: none; color: #ee982c; }

/****************** ALL IN ONE LOGO PACKAGE ******************/
section.section.mega_package { display: block; width: 100%; height: 100%; background-position: top center; padding: 0; }
section.section.mega_package h3 { font-size: 35px; color: #fff; font-weight: 700; padding: 30px 0; margin: 0; font-family: inherit; }
section.section.mega_package h3 span.orange { color: #ee982c; }
.package-heading p { padding: 21px 0; text-align: center; color: #fff; font-size: 21px; margin: 0; }
.pack_content { background: url(images/all-in-one-bg.jpg); background-size: cover; display: block; width: 100%; height: 100%; background-position: top center; padding: 80px 0; }
.pack_content .package_list { float: left; width: 50%; margin: 20px 0 0px; position: relative; min-height: 180px; display: inline-block; padding: 0 1%; }
.pack_content .title_section p { font-size: 23px; font-weight: 500; color: #fff; margin: 20px 0 35px; }
.pack_content .package_list .pack_title h4 { color: #f2bb2b; font-size: 18px; font-family: inherit; position: relative; margin: 0 0 15px; padding: 0 0 15px; text-transform: uppercase; font-weight: 600; }
.pack_content .package_list .pack_desc ul { padding-left: 0; }
.pack_content .package_list .pack_desc ul li { font-size: 14px; color: #fff; list-style: none; padding-left: 20px; position: relative; line-height: 25px; }
.pack_content .package_list .pack_title h4:after { content: ""; background: #fff; width: 40px; height: 4px; display: block; position: absolute; bottom: 0; }
.pack_content .package_list .pack_desc ul li:before { content: ""; background: url(images/tick.png); width: 13px; height: 11px; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.pack_content .package_list .pack_desc ul li span { color: #ee982c; font-weight: 500; }
.pack_content .price_section { margin: 50px 0 0; text-align: right; }
.pack_content .price_section .price-cut { font-size: 29px; font-weight: 700; color: #fff; text-decoration: line-through; opacity: 0.8; }
.pack_content .price_section .limited-time { font-size: 18px; color: #fff; margin: 5px 0; }
.pack_content .price_section .main-price { color: #f2bb2b; font-size: 85px; line-height: 85px; font-weight: 600; }
.pack_content .price_section .save-price { font-size: 30px; line-height: 45px; font-weight: 500; color: #fff; margin: 5px 0; }
.pack_content .price_section .mega_order_btn { color: #fff; font-size: 22px; line-height: normal; padding: 8px 35px; background: #b72025; display: inline-block; border-radius: 5px; border: 3px solid #b72025; }
.pack_content .price_section .mega_order_btn:hover { background: transparent; }
.pack_content .package_list .pack_desc ul li:last-child:after { background: url(images/package-border-bottom.png); width: 100%; height: 1px; content: ""; display: block; position: absolute; bottom: -15px; background-position: left; background-repeat: no-repeat; }
.pack_content .badge-gurantee { margin-top: 150px; }
.pack_content .badge-gurantee img { max-width: fit-content; animation: MockMoving 3s ease-in-out 0s infinite alternate; position: relative; right: 80px; }
.pack_desc ul li .tooltip { position: relative; display: inline-block; opacity: 1; }
.pack_desc ul li .tooltip .tooltiptext { visibility: hidden; width: max-content; background-color: white; color: #000 !important; text-align: left; padding: 10px; border-radius: 6px; position: absolute; font-size: 11px; line-height: normal; font-weight: 500; top: -8px; }
.pack_desc ul li .tooltip:hover .tooltiptext { visibility: visible; }
.pack_desc ul li .tooltip i { color: #ee982c; }
@keyframes MockMoving {
	0% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); }
	100% { -webkit-transform: translateY(0px) translateX(0px); transform: translateY(-30px) translateX(-30px); }
}

/*PORTFOLIO SECTION*/
.testimonial_secion { position: relative; background: url(images/testimonial-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 50px 0; }
.testimonial_secion .heading { text-align: left; }
.testimonial_secion .heading .heading-4 { font-size: 40px; line-height: 40px; font-weight: 700; color: #fff; margin: 0 0 20px; }
.testimonial_secion .heading .heading-4 span { color: #ffce00; font-size: 21px; line-height: normal; text-transform: uppercase; }
.testimonial_secion .heading .heading-4 span.last { display: block; font-size: 45px; }
.testimonial_secion .slider-nav .test-image span { font-size: 15px; line-height: 22px; color: #ffce00; margin: 15px 0 0; }
.testimonial_secion .slider-nav .test-image p { font-size: 13px; color: #b6bbcc; line-height: normal; }
.testimonial_secion .slider-nav .test-image .avatar { position: relative; }
.testimonial_secion .slider-nav { margin: 25px 0 0; }
.testimonial_secion .slider-for .content.slick-slide { font-size: 18px; color: #fff; font-style: italic; font-weight: 400; line-height: 30px; position: relative; }
.testimonial_secion .slider-for { position: relative; }
.testimonial_secion .slider-for:before { content: ""; background: url(images/test-cont-before.png); width: 90px; height: 60px; display: block; position: absolute; top: -75px; left: 0; }
.testimonial_secion .slider-nav .test-image.slick-current.slick-active .avatar i { position: absolute; left: 55px; top: 55px; background: #ffce00; padding: 8px; border-radius: 50%; color: #000; font-size: 12px; }
.testimonial_secion .slider-nav .test-image.slick-current.slick-active .avatar img { width: 80px; height: 80px; }
.testimonial_secion .slider-nav .test-image.slick-active .avatar i { background: #212021; color: #fff; left: 55px; top: 55px; padding: 8px; border-radius: 50%; font-size: 12px; position: absolute; }
.testimonial_secion .slider-nav .test-image.slick-active { opacity: 0.5; }
.testimonial_secion .slider-nav .test-image.slick-current.slick-active { opacity: 1; }

/* HOMEPAGE GET A QUOTE FORM */
section.get_quote { background: url(images/get-quote-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 0 100px; }
section.get_quote strong.white { color: #fff; font-size: 20px; line-height: normal; font-weight: 400; text-transform: uppercase; }
section.get_quote .stl-head p { color: #fff; }
section.get_quote .gform_wrapper { margin: 0; }
section.get_quote strong span.multicol { font-size: 40px; line-height: 45px; font-weight: 700; margin: 0 0 20px; }
.get_quote .gform_wrapper .gform_body .gform_fields .label-none label { display: none; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input,
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select { width: 100%; border-radius: 5px; border: 2px solid #4a4343; padding: 5px 10px !important; line-height: normal; color: #fff; height: 42px; background: transparent; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea { width: 100%; border-radius: 5px; border: 2px solid #4a4343; padding: 5px 10px !important; line-height: normal; color: #fff; background: transparent; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input::placeholder,
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea::placeholder { font-family: inherit; font-size: 16px; line-height: normal; color: #fff; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input::-webkit-input-placeholder,
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea::-webkit-input-placeholder { font-family: inherit; font-size: 16px; line-height: normal; color: #ccc; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:-ms-input-placeholder,
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea:-ms-input-placeholder { font-family: inherit; font-size: 16px; line-height: normal; color: #ccc; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield.field_description_below { }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield.field_description_below.full { width: 100%; margin: 2px 0; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield.field_description_below.full textarea { height: 150px; }
.get_quote .gform_wrapper .gform_footer { margin: 0 auto; text-align: center; padding: 10px 0 0; justify-content: center; }
.get_quote .gform_wrapper .gform_footer input[type="submit"] { width: 230px; height: auto; padding: 8px 25px; border-radius: 50px; color: #fff; font-size: 18px; line-height: 30px; text-transform: uppercase; font-family: inherit; letter-spacing: 1px; font-weight: 500; margin: 0; border: 2px solid #ee982c; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #b4690b 76%); background: linear-gradient(90deg, #ee982c 29%, #b4690b 76%); }
.get_quote .gform_wrapper .gform_footer input[type="submit"]:hover { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.gform_wrapper .validation_error { display: none; }
.gform_wrapper .gfield_description.validation_message { padding: 0 !important; color: #f2ba2b; }
.gform_wrapper .gform_body .gfield_error { background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; }
.gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required { padding: 0 !important; margin: 0 !important; width: 100%; }
.gform_wrapper .gform_body .gfield_error .ginput_container { margin: 0; }
.gform_wrapper .gform_body .gfield_error input { border: solid 1px #f2ba2b !important; }
.gform_wrapper .gform_body .gfield_error { padding: 0 !important; background: none !important; border: none !important; }
.gform_wrapper .top_label .gfield_error .ginput_container { max-width: 100%; padding-right: 10px; }
.gform_wrapper .gform_body .gfield_error textarea { border: solid 1px #c89797 !important; }
.gform_wrapper .gform_body .gfield_error label { color: #DD4444 !important; }
div#gform_confirmation_message_1 { text-align: center; color: #f2ba2b; font-size: 35px; line-height: normal; margin: 50px 0; font-family: inherit; font-weight: 600; }
input:focus,
select:focus,
textarea:focus { outline: 0 !important; }
.gform_wrapper select option { background: #ee982c; }
.main_footer { background-color: #0d020f; padding: 70px 0 25px; position: relative; }
.no-gutters { margin-right: 0; margin-left: 0; }
input#gform_submit_button_2 { width: 230px; height: auto; padding: 8px 25px; border-radius: 50px; color: #fff; font-size: 18px; line-height: 30px; text-transform: uppercase; font-family: inherit; letter-spacing: 1px; font-weight: 500; margin: 0; border: 2px solid #ee982c; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #b4690b 76%); background: linear-gradient(90deg, #ee982c 29%, #b4690b 76%); }
input#gform_submit_button_2:hover { background: #222; }

/*.main_footer:before { content: ""; position: absolute; width: 45.5%; height: 120%; background: url(images/footer_top_before.jpg); bottom: 0; left: 0; display: block; background-size: cover; }*/
.footer_links,
.footer_text { position: relative; z-index: 2 }
.justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }
.footer_logo { }
.footer_text p { font-size: 18px; color: #fff; margin: 50px 0 30px; display: inline-block; }
.footer_text li.widget { list-style: none; }
.footer_links li.widget { list-style: none; }
.footer_links h6 { font-size: 24px; color: #fff; font-weight: 600; margin-bottom: 20px; position: relative; padding-bottom: 15px; }
.footer_links h6:before { content: ""; background: #ee982c; width: 50px; height: 4px; display: block; position: absolute; left: 0; bottom: 0; }
.footer_links ul li:before { content: "\f1db"; position: absolute; left: 0; top: 0; font-size: 10px; font-family: 'FontAwesome'; font-weight: bold; color: #ee982c; }
.footer_links ul li { display: block; line-height: 23px; position: relative; padding-left: 20px; }
.footer_links ul li a { color: #ddd; font-size: 13px; font-weight: 500; transition: all ease 0.80s; -webkit-transition: all ease 0.80s; -moz-transition: all ease 0.80s; -o-transition: all ease 0.80s; -ms-transition: all ease 0.80s; }
.footer_links ul li a:hover { margin-left: 3px; color: #ee982c; text-decoration: none; margin-left: 10px; }
.ftr_spacing { margin-top: 59px }
.footer_contact ul li { position: relative; padding-left: 30px; line-height: 26px; }
.footer_contact ul li:before { display: none; }
.footer_links ul li i { position: absolute; top: 6px; left: 0; color: #fff; }
.copyright { padding: 10px 0; background-color: #232323; }
.copyright p { font-size: 18px; color: #100d24 }
.footer_links ul { padding: 0; }
.copyright .fleft { float: left; }
.copyright .fright { float: right; }
.copyright .fleft a:first-child { padding-left: 0; }
.copyright a,
.copyright p { color: #fff; font-size: 12px; padding: 0 10px; }
.copyright a,
.copyright p { color: #ddd; font-size: 13px; padding: 0 10px; font-weight: 500; }
.copyright p { color: #fff; margin-bottom: 0; }
.copyright p { color: #ddd; font-size: 14px; }
.copyright a:hover { color: #ee982c; text-decoration: none; }

/*PACKAGES BOXES*/
.packages { background: #efefef; }
.packages-main .innbox ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0); border-radius: 10px; background-color: #fff; }
.packages-main .innbox ul::-webkit-scrollbar { width: 5px; background-color: #000; }
.packages-main .innbox ul::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 6px #ee982c; background-color: #ee982c; border: 1px solid #ee982c; }
.packages-main { transition: all 0.3s ease-out; background: #fff; box-shadow: 0px 0px 8px 2px #0000001a; padding: 25px 15px; }
.packages-main .innbox .title_section { background: transparent; border-radius: 8px 8px 0 0; padding: 15px 0; }
.packages-main .innbox .title_section .heading-3 { text-align: center; border: 2px solid; padding: 5px 0; width: 60%; margin: 0 auto; border-color: #ee982c; border-radius: 5px; color: #000; font-weight: 600; }
.packages-main .innbox .title_section .price-pack del { color: rgba(22, 44, 174, 0.5); display: block; font-size: 29px; font-weight: bold; padding: 5px 0; text-decoration: none; position: relative; }
.packages-main .innbox .title_section .price-pack del span.woocommerce-Price-amount.amount { text-decoration: line-through; position: relative; }
.packages-main .innbox .title_section .price-pack del span.woocommerce-Price-currencySymbol { text-decoration: none !important; font-size: 20px; position: absolute; left: -14px; bottom: 3px; }
.packages-main .innbox .title_section .price-pack { position: relative; display: inline-block; }
.packages-main .innbox .title_section .price-pack ins { color: #29419a; font-size: 50px; font-family: inherit; line-height: 55px; font-weight: bold; padding: 5px 0; text-decoration: none; position: relative; }
.packages-main .innbox .desc_section { margin: 0; }
.packages-main .innbox .desc_section ul { padding: 0; display: block; min-height: 250px; max-height: 250px; overflow-y: auto; border-bottom: 1px solid #b8b8b8; overflow-x: hidden; }
.content_writing .packages-main .innbox .desc_section ul { min-height: 270px; max-height: 270px; }
.small-content .packages-main .innbox .desc_section ul { min-height: 270px; max-height: 270px; }
.packages-main .innbox .desc_section ul li b { color: #ee982c; }
.packages-main .innbox .desc_section ul li h3 { font-weight: 600; font-size: 15px; color: #ee982c; }
.packages-main .innbox .desc_section ul li { font-size: 13px; line-height: 26px; background: transparent; color: #000000; padding: 0 10px 5px 40px; text-align: left; position: relative; list-style-type: disc !important; font-weight: 500; }
.packages-main .innbox .desc_section ul li span { color: #fcc20f; font-weight: 600; text-transform: capitalize; }
.packages-main .innbox .desc_section ul li span.text-center { display: block; }
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li.product { width: 30.5%; margin: 0 20px 0 0; }
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce.columns-4 ul.products li:last-child.product { margin-right: 0; }
.packages-main .innbox .bottom_pack { background: transparent; border-radius: 0 0 8px 8px; margin: 20px auto; text-align: center; display: inline-block; }
.packages-main .innbox .bottom_pack .pack_cta { }
.packages-main .innbox .bottom_pack .pack_cta .btn-od { text-align: center; margin: 0 auto; display: block; border: 1px solid #42c17c; padding: 5px 25px; background: #42c17c; border-radius: 5px; color: #fff; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0px 0px 8px 2px #42c17c80; }
.packages-main .innbox .bottom_pack .liovechats-bx { float: left; padding-left: 12px; text-align: left; margin-left: 10px; border-left: 1px solid #d1d7e3; line-height: 15px; }
.packages-main .innbox .bottom_pack .liovechats-bx a span { font-size: 10px; color: #242424; position: relative; font-weight: 700; }
.packages-main .innbox .bottom_pack .liovechats-bx a span:before { content: "\f27b"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: -20px; top: -2px; color: #29419a; font-size: 16px; }
.packages-main .innbox .bottom_pack .liovechats-bx a h5 { font-weight: 700; color: #111111; font-size: 18px; margin: 0; }
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: none !important; }
.packages-main .innbox .pkg_bottom_price { padding: 0 30px; text-align: left; }
.packages-main .innbox .pkg_bottom_price .month_prie_left h4 { color: #fff; }
.packages-main .innbox .pkg_bottom_price .month_prie_right p { color: #fff; }
.packages-main .innbox .pkg_bottom_price .month_prie_right p { line-height: 20px; text-align: right; font-weight: 500; padding-bottom: 0; font-size: 13px; margin: 0; }
.packages-main .innbox .pkg_bottom_price .month_prie_left .price-pack del { color: #ee982c; display: block; font-size: 22px; font-weight: bold; padding: 5px 0; text-decoration: none; position: relative; text-align: left; }
.packages-main .innbox .pkg_bottom_price .month_prie_left .price-pack del span.woocommerce-Price-amount.amount { text-decoration: line-through; position: relative; padding-left: 15px; }
.packages-main .innbox .pkg_bottom_price .month_prie_left .price-pack del span.woocommerce-Price-currencySymbol { text-decoration: none !important; font-size: 20px; position: absolute; left: 0; bottom: 3px; }
.packages-main .innbox .pkg_bottom_price .month_prie_left .price-pack ins { color: #000000; font-size: 40px; font-family: inherit; line-height: 48px; font-weight: 600; padding: 5px 0; text-decoration: none; position: relative; padding-left: 25px; }
.packages-main .innbox .pkg_bottom_price .month_prie_left .price-pack ins span.woocommerce-Price-currencySymbol { text-decoration: none !important; font-size: 40px; position: absolute; left: 0; bottom: 15px; }
.packages-main .innbox .desc_section ul li:before { content: "\f1db"; position: absolute; left: 20px; top: 0; font-size: 9px; font-family: 'FontAwesome'; font-weight: 600; }
.packages-main .innbox .desc_section .tooltip { position: relative; display: inline-block; opacity: 1; }
.packages-main .innbox .desc_section .tooltip .tooltiptext { visibility: hidden; width: max-content; background-color: white; color: #000 !important; text-align: left; padding: 10px; border-radius: 6px; position: absolute; font-size: 10px; line-height: normal; font-weight: 500; font-family: 'Poppins', sans-serif; top: 0px; }
.packages-main .innbox .desc_section .tooltip:hover .tooltiptext { visibility: visible; }
.packages-main .innbox .desc_section .tooltip i { color: #ee982c; }
.packages-main .innbox .desc_section ul li.no_bullet { list-style: none; padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 12px; }
.packages-main .innbox .desc_section ul li.no_bullet:before { display: none; }
.packages-main .innbox .desc_section ul li.no_bullet span { font-size: 15px; }

/*HOVER EFFECTS ON PACKAGES*/
.packages-main:hover { transform: scale(1.05); border: 2px solid #ee982c; }
.packages-main:hover .innbox .title_section .heading-3 { color: #fff; background: #ee982c; }
.packages-main:hover .innbox .title_section .price-pack del { color: rgba(255, 255, 255, 0.5); }
.packages-main:hover .innbox .title_section .price-pack ins { color: #fff; }
.packages-main:hover .innbox .bottom_pack .pack_cta .btn-od { background: #222; border: 1px solid #222; box-shadow: 0px 0px 8px 2px rgb(34 34 34 / 50%); }
.packages-main:hover .innbox .bottom_pack .liovechats-bx a span:before { color: rgb(218, 106, 29); }
.packages-main:hover { background-size: cover; background-position: bottom right; }
.packages-main:hover .innbox .desc_section ul { border-bottom: 1px solid #a75391; }
.packages-main:hover .innbox ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #952a78; border-radius: 10px; background-color: #952a78; }
.packages-main:hover .innbox ul::-webkit-scrollbar { width: 6px; background-color: #952a78; }
.packages-main:hover .innbox ul::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 6px #d8863a; background-color: #d8863a; border: 1px solid #d8863a; }
.packages-main:hover .innbox .pkg_bottom_price .month_prie_right p { color: #fcc20f; font-weight: 600; }
.packages-main:hover .innbox .pkg_bottom_price .month_prie_left .price-pack del { }

/*ANIMATED LOGO WITH CONTENT*/
.type_tabs.LogoAdd .logo-tabs-btns ul li.active a,
.type_tabs .website-tabs-btns ul li.active a { padding: 5px 13px !important; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 13px !important; font-family: inherit; font-weight: 500; width: 170px; height: auto; text-align: center; display: inline-block; vertical-align: top; border-radius: 50px; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #b4690b 76%); background: linear-gradient(90deg, #ee982c 29%, #b4690b 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee982c", endColorstr="#b4690b", GradientType=1); border: 2px solid #ee982c; min-height: auto; }
.type_tabs.LogoAdd .logo-tabs-btns ul,
.type_tabs.LogoAdd .website-tabs-btns ul { padding-left: 0; background: transparent; border-radius: 0; }
.type_tabs.LogoAdd.SingleLOGO .logo-tabs-btns ul { justify-content: left; padding-left: 0; background: transparent; border-radius: 0; }
.type_tabs.LogoAdd .logo-tabs-btns ul li a,
.type_tabs.LogoAdd .website-tabs-btns ul li a { padding: 5px 13px !important; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 13px; font-family: inherit; font-weight: 500; background: #0f0c0b; width: 200px !important; height: auto !important; text-align: center; display: inline-block; vertical-align: top; border-radius: 50px; border: 2px solid #7d7d7d; min-height: auto !important; }
.type_tabs.LogoAdd .logo-tabs-btns ul li.active a strong,
.type_tabs.LogoAdd .logo-tabs-btns ul li a strong { font-size: 13px !important; margin: 0; font-weight: 500; }
.type_tabs.LogoAdd.Website .logo-tabs-btns ul { justify-content: left; }
.type_tabs.LogoAdd .types_of_section .logodiscr.active { display: block; border: 0; padding: 100px 0; border-top: 0; border-radius: 0; box-shadow: none; position: relative; }
.type_tabs.LogoAdd.Website .types_of_section .logodiscr .service-tab-img { position: absolute; top: -200px; width: 547px; }
.type_tabs.LogoAdd .types_of_section .logodiscr .service-tab-img { position: relative; top: 0; width: auto; }
.type_tabs.LogoAdd .types_of_section .logodiscr .service-tab-img .logo1 { animation-name: ServiceZoom; animation-duration: 3s; -webkit-animation: ServiceZoom 3s infinite; position: absolute; top: 0; z-index: 2; left: 0; border-radius: 5px; }
.type_tabs.LogoAdd .types_of_section .logodiscr .service-tab-img .logo2 { animation-name: ServiceZoom; animation-duration: 2s; -webkit-animation: ServiceZoom 6s infinite; position: absolute; top: -26px; z-index: 2; right: -9px; border-radius: 5px; width: 30%; }
.type_tabs.LogoAdd .types_of_section .logodiscr .service-tab-img .logo3 { position: absolute; top: 60px; z-index: 1; left: 135px; border-radius: 5px; width: 50%; }
.type_tabs.LogoAdd .types_of_section .logodiscr .service-tab-img .logo4 { animation-name: ServiceZoom; animation-duration: 2s; -webkit-animation: ServiceZoom 4s infinite; position: absolute; bottom: -450px; z-index: 2; left: 30px; border-radius: 5px; width: 30%; }
.type_tabs.LogoAdd .types_of_section .logodiscr .service-tab-img .logo5 { animation-name: ServiceZoom; animation-duration: 2s; -webkit-animation: ServiceZoom 4s infinite; position: absolute; bottom: -480px; z-index: 0; right: 0; border-radius: 5px; }
.type_tabs.LogoAdd.Website .types_of_section .logodiscr .service-tab-img .website1 { animation-name: ServiceZoom; animation-duration: 3s; -webkit-animation: ServiceZoom 3s infinite; position: absolute; top: 0; z-index: 2; left: 0; border-radius: 5px; width: 40%; }
.type_tabs.LogoAdd.Website .types_of_section .logodiscr .service-tab-img .website2 { animation-name: ServiceZoom; animation-duration: 2s; -webkit-animation: ServiceZoom 6s infinite; position: absolute; top: -26px; z-index: 2; right: -80px; border-radius: 5px; width: 50%; }
.type_tabs.LogoAdd.Website .types_of_section .logodiscr .service-tab-img .website3 { position: absolute; top: 60px; z-index: 1; left: 90px; border-radius: 5px; width: 70%; }
.type_tabs.LogoAdd.Website .types_of_section .logodiscr .service-tab-img .website4 { animation-name: ServiceZoom; animation-duration: 2s; -webkit-animation: ServiceZoom 4s infinite; position: absolute; bottom: -400px; z-index: 2; left: 10px; border-radius: 5px; width: 60%; }
.type_tabs.LogoAdd.Website .types_of_section .logodiscr .service-tab-img .website5 { animation-name: ServiceZoom; animation-duration: 2s; -webkit-animation: ServiceZoom 4s infinite; position: absolute; bottom: -360px; z-index: 0; border-radius: 5px; width: 50%; right: -140px; }
@keyframes ServiceZoom {
	0% { transform: scale(0.9); }
	50% { transform: scale(1); }
	100% { transform: scale(0.9); }
}

/*WORK PROCESS SECTION*/
section.how-works { background: url(images/process-bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; }
.howtabs-main { padding: 20px 0; display: block }
.how-works .content p { color: #fff; }
.how-works .content { margin-bottom: 50px; }
.howtabs-main .tabs-btns { display: block; background: url(images/logo-process-bg.png) no-repeat; background-size: 100% auto; min-height: 115px }
.howtabs-main .tabs-btns ul { width: 100%; display: block; padding: 0px; }
.howtabs-main .tabs-btns ul li { float: left; padding: 4px; width: 16.63%; text-align: center; margin: 0 0 0 15px; position: relative; list-style: none; }
.howtabs-main .tabs-btns ul li:nth-child(1) { text-align: left; width: 14%; margin-left: 0px; margin-top: 0px; }
.howtabs-main .tabs-btns ul li:nth-child(2) { margin-left: 10px; margin-top: -3px; }
.howtabs-main .tabs-btns ul li:nth-child(2) { margin-top: 0px; }
.howtabs-main .tabs-btns ul li:last-child { text-align: right; width: 13.6%; margin: 0 0 0 12px }
.howtabs-main .tabs-btns ul li i { position: relative; margin-top: -3px; }
.howtabs-main .tabs-btns ul li span { color: #ffffff; font-size: 25px; font-weight: 600; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; }
.howtabs-main .tabs-btns ul li:nth-child(2n) span.ytop { transform: translateY(125px); display: block; }
.howtabs-main .tabs-btns ul li span.ybot { transform: translateY(110px); display: block }
.howtabs-main .tabs-btns ul li:nth-child(1) span.ytop { text-align: left; padding-left: 50px; }
.howtabs-main .tabs-btns ul li:nth-child(6) span.ytop { padding-left: 50px; }
.howdiscr { padding-top: 110px; display: none; }
.howdiscr.active { display: block; }
.howdiscr .row { align-items: center; display: inline-flex; }
.howdiscr .heading-6 { position: relative; margin-bottom: 50px; margin-top: 0; font-size: 50px; line-height: 50px; margin: 0 0 20px; color: #ee982c; font-weight: 600; text-transform: uppercase; }
.howdiscr p { color: #ddd; font-size: 16px; padding-right: 35px; line-height: 26px; }
.howdiscr .content { margin-bottom: 50px; }
.howdiscr img { height: 347px; animation: MockMoving 3s ease-in-out 0s infinite alternate; }
.howtabs-main .tabs-btns ul li.active i:before { content: ''; position: absolute; bottom: -8px; left: 0; right: 0; margin: auto; background: url(images/icon-section.png) no-repeat; background-position: -499px -220px; width: 19px; height: 19px }
.howtabs-main .tabs-btns ul li.active span { color: #f2bb2b; font-weight: 900; }
.hw-ico1 { background-position: 0 0px !important; width: 104px; height: 110px; }
.hw-ico2 { background-position: -221px 0px !important; width: 105px; height: 110px; }
.hw-ico3 { background-position: -445px 0 !important; width: 104px; height: 110px; }
.hw-ico4 { background-position: -670px 0 !important; width: 104px; height: 110px; }
.hw-ico5 { background-position: -891px 0 !important; width: 104px; height: 110px; }
.hw-ico6 { background-position: -1115px 0 !important; width: 104px; height: 110px; }
.sp-ico { background: url(images/icon-section.png) no-repeat; display: inline-block; }
.howtabs-main .tabs-btns ul li.active .hw-ico1 { background-position: -110px 0px !important; }
.howtabs-main .tabs-btns ul li.active .hw-ico2 { background-position: -333px 0px !important; }
.howtabs-main .tabs-btns ul li.active .hw-ico3 { background-position: -557px 0px !important; }
.howtabs-main .tabs-btns ul li.active .hw-ico4 { background-position: -780px 0px !important; }
.howtabs-main .tabs-btns ul li.active .hw-ico5 { background-position: -1003px 0px !important; }
.howtabs-main .tabs-btns ul li.active .hw-ico6 { background-position: -1225px 0px !important; }
.howtabs-main .tabs-btns ul li:nth-child(1) span.ytop,
.howtabs-main .tabs-btns ul li:nth-child(3) span.ytop,
.howtabs-main .tabs-btns ul li:nth-child(5) span.ytop { transform: translateY(-50px); display: block; }

/*CONTENT WRITING WORK PROCESS SECTION*/
.how-works.content-writing .howtabs-main .tabs-btns { display: block; background: url(images/writing-process-bg.png) no-repeat; background-size: contain; min-height: 152px; background-position: center; }
.how-works.content-writing .howtabs-main .tabs-btns ul { margin: 0 auto; text-align: center; }
.how-works.content-writing .howtabs-main .tabs-btns ul li { display: inline-block; float: none; padding: 15px 0; }
.how-works.content-writing .howtabs-main .tabs-btns ul li:nth-child(1) { width: 16%; margin-top: 6px; }
.how-works.content-writing .howtabs-main .tabs-btns ul li:nth-child(2) { padding: 0; position: relative; left: -14px; }
.how-works.content-writing .howtabs-main .tabs-btns ul li:nth-child(1) span.ytop { padding-left: 35px; }
.how-works.content-writing .howtabs-main .tabs-btns ul li:last-child span.ytop { padding-left: 65px; }
.how-works.content-writing .hw-ico3 { background-position: -670px 0 !important; }
.how-works.content-writing .howtabs-main .tabs-btns ul li.active .hw-ico3 { background-position: -780px 0px !important; }
.how-works.content-writing .hw-ico4 { background-position: -1115px 0 !important; }
.how-works.content-writing .howtabs-main .tabs-btns ul li.active .hw-ico4 { background-position: -1225px 0px !important; }

/*COUNTER SECTION*/
section.CounterBox { padding: 30px 0; }
section.CounterBox .item { width: 23%; margin: 0 auto; position: relative; margin-right: 0; }
section.CounterBox .counter-wrapper { display: flex; }
section.CounterBox .item .icons { display: inline-block; margin-right: 5px; margin-top: 10px; }
section.CounterBox .item .content { display: inline-block; vertical-align: top; }
section.CounterBox .item .content p { font-size: 43px; line-height: 50px; margin: 0; font-weight: 600; color: #ee982c; position: relative; padding-right: 25px; }
section.CounterBox .item .content p:after { content: "+"; }
section.CounterBox .item .content h4 { font-size: 14px; line-height: normal; margin: 0 0 10px; color: #000; font-weight: 500; text-transform: uppercase; }
section.CounterBox .item:after { content: ""; background: #ffb1c2; position: absolute; display: block; width: 1px; height: 100%; top: 0; right: 0; }
section.CounterBox .item:first-child { margin-left: 0; }
section.CounterBox .item:last-child:after { display: none; }

/*70% CTA SECTION IN PURPLE*/
.maincta { background: url(images/counter-bg.jpg) no-repeat; text-align: left; background-size: cover; padding: 35px 0; }
.maincta .row { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.maincta h3 { font-size: 25px; color: #fff; text-align: left; margin: 0 0 10px; }
.maincta h2 { font-size: 40px; text-align: left; color: #fff; font-weight: 600; margin: 0; }
.maincta h2 strong { color: #ee982c; }
.maincta p { color: #c6c6c6; font-size: 17px; }
.maincta .btn-radius-top h4 { font-size: 25px; font-weight: 400; text-transform: capitalize; position: relative; padding-left: 80px; }
.maincta .btn-radius-top h4:before { content: ""; background: url(images/icon-chat-cta.png); width: 68px; height: 73px; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.maincta .btn-radius-top h4 strong { font-size: 80px; line-height: 80px; }
.maincta .callsdivs .btn-with-line { border: 2px solid #ee982c; background: #ee982c; color: #000; }
.maincta .callsdivs .btn-with-line:hover { background: transparent; color: #fff; }
.maincta .callsdivs .btn-with-color { border: 2px solid #fff; background: transparent; width: 190px; text-align: center; }
.maincta .callsdivs .btn-with-color:hover { color: #fff; background: #222; border: 2px solid #222; }

/****************** FAQ SECTION ******************/
section.section.faq_section { background: #1d0223; padding: 50px 0; width: 100%; border-top: 1px solid rgb(77 62 80 / 50%); }
section.faq_section .set a { color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 500; border: 1px solid #676767; min-height: 60px; }
section.faq_section .set { margin: 0 0 15px; }
section.faq_section .set .content_faq p { padding: 15px; margin: 0; border-right: 1px solid #676767; border-left: 1px solid #676767; color: #f7f7f7; font-size: 14px; font-weight: 400; line-height: 22px; border-bottom: 1px solid #676767; }
section.faq_section .set a.active { border-width: 1px; border-color: #ee982c; border-style: solid; border-radius: 2px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#621749", endColorstr="#ee982c", GradientType=1); background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #980239 76%); background: linear-gradient(90deg, #ee982c 29%, #980239 76%); }
section.faq_section .set a.active:before { filter: none; }

/* CONTACT US PAGE SECTION */
.contact_us { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; }
.contact_us .sub-title h3 { font-size: 35px; text-align: center; margin: 0 0 20px; line-height: 41px; color: #3a3a3a; }
.contact_us .contact_content p { text-align: left; padding: 0; margin: 0 0 50px; }
.box-shadow { box-shadow: 0 0 10px 0 #ee982c; background: #fff; padding-top: 25px; }
.gform_confirmation_wrapper.Contact_Us { min-height: 555px; display: flex; justify-content: center; align-items: center; font-size: 35px; text-align: center; line-height: 50px; color: #f1c21d; font-weight: 500; padding: 0 35px; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .label-none label { display: none; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield .ginput_container input,
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield .ginput_container textarea,
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield .ginput_container select { width: 100%; border: 1px solid #dcdfe3; color: #666; background: 0 0; padding: 6px 10px; border-radius: 3px; min-height: 42px; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield .ginput_container select option { background: #ffffff; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield.field_description_below { width: 50%; display: inline-block; float: left; clear: inherit; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield.field_description_below.full { width: 100%; margin: 0 0 15px; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield.field_description_below.full textarea { height: 150px; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_footer { padding: 0 16px; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_footer input[type=submit] { background: #ee982c; border: 0; font-size: 16px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #fff; font-weight: 700; padding: 10px; transition: all .2s; border: 2px solid transparent; cursor: pointer; width: 100%; border-radius: 5px; transition: .4s ease; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_footer input[type=submit]:hover { background-color: #711550; color: #ffffff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25); }
.gform_wrapper.Contact_Us_wrapper h3.gform_title { letter-spacing: normal !important; margin: 0; padding: 20px 0; text-align: center; font-size: 20px; color: #444855; text-transform: uppercase; font-family: inherit; font-weight: 500; }
.gform_wrapper.Contact_Us_wrapper .top_label .gfield_error .ginput_container { max-width: 100%; padding-right: 16px; padding-left: 16px; }
.gform_wrapper.Contact_Us_wrapper .gfield_description.validation_message { padding: 0 16px !important; color: #f2ba2b; }
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container),
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) { padding-left: 16px; padding-right: 16px; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us ul li.gfield { margin-top: 0px; }
.gform_wrapper.Contact_Us_wrapper .top_label li.gfield,
.gform_wrapper.Contact_Us_wrapper .top_label li.gfield { padding-left: 16px; padding-right: 16px; }
.gform_wrapper.Contact_Us_wrapper .Contact_Us .gform_body .gform_fields .gfield .ginput_container textarea { min-height: 296px; }
.contact_us .right_section { background: #ee982c; min-height: 535px; display: flex; flex-direction: column; justify-content: center; padding-left: 70px; position: relative; }
.contact_us .right_section:after { border-top: 30px solid transparent; border-bottom: 0px solid transparent;    /* 40px height (20+20) */ border-right: 390px solid #ffffff; position: absolute; right: 0; content: ""; bottom: 0px; border-left: 0 solid transparent; }
.contact_us .right_section:before { border-top: 30px solid #ffffff; border-bottom: 30px solid transparent;    /* 40px height (20+20) */ border-right: 0 solid transparent; position: absolute; right: 0; content: ""; top: 0px; border-left: 390px solid transparent; }
.contact_us .right_section h2 { font-size: 35px; margin: 0; color: #fff; font-weight: 600; }
.contact_us .cont-details h3 { color: #000000; font-weight: 500; font-size: 24px; position: relative; padding: 0 0 5px; margin: 15px 0; }
.contact_us .cont-details h3:after { content: ""; background: #fff; width: 40px; height: 1px; display: block; position: absolute; left: 0; bottom: 0; }
.contact_us .cont-details p,
.contact_us .cont-details a { color: #fff; font-size: 17px; font-weight: 400; line-height: normal; }
.contact_us .cont-details a:hover { color: #000000; }
.cont-details .social-icons a i { font-size: 20px; margin-right: 30px; }

/*SOCIAL MEDIA SERVICES SECTION*/
.social_media_service .item { width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; background: #f5f5f5; text-align: center; }
.social_media_service .item:nth-child(3n) { margin-right: 0; }
.social_media_service .item h3 { color: #3a3a3a; font-size: 19px; line-height: 41px; margin: 0; padding: 0 15px; font-weight: 600; }
.social_media_service .item p { color: #6f6f6f; font-size: 14px; line-height: 22px; font-weight: 400; padding: 0 15px; overflow: hidden; }
.social_media_service .item .thumbnail { height: 370px; overflow: hidden; }
.social_media_service .item .thumbnail img { max-width: 100%; width: 100%; }
.social_media_service .item .content { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 130px; position: relative; display: inline-flex; flex-flow: wrap; justify-content: center; border: 1px solid #e3e3e3; }
.social_media_service .item.last_items { width: 49%; }
.social_media_service .item:last-child { margin-right: 0; }
.main_footer .social-icons { margin: 30px 0; }
.main_footer .social-icons a i { font-size: 15px; color: #c7c6c7; margin: 0 2px; border: 2px solid; border-radius: 100%; padding: 9px 11px 10px 11px; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; transition: 0.5s; float: left; }
.main_footer .social-icons a i:hover { background: #ee982c; color: #fff; border-color: #ee982c; text-decoration: none; }
.main_footer .social-icons a:hover { text-decoration: none; }
.intl-tel-input .country-list .country { color: #000; }
.get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_phone input { padding-left: 10px !important; }
.selected-flag:focus { outline: 0 !important; }

/*PAGE CONTACT AND CHAT SECTION FIXED*/
.floating_wrap { position: fixed; right: 0; top: 100px; z-index: 99; }
.floating_wrap .btns_wrap { position: fixed; right: 0; }
.floating_wrap .btns_wrap a:hover { text-decoration: none !important; right: 0; }
.floating_wrap .btns_wrap .call_wrap { width: 275px; position: absolute; right: -217px; background: #ee982c; top: 55px; border-radius: 30px 0 0 30px; overflow: hidden; box-shadow: 0 0 40px #00000026 !important; -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; }
.floating_wrap .btns_wrap .call_wrap span { color: #fff; font-size: 15px; vertical-align: middle; padding: 15px 20px 15px 15px; border-color: #621749; }
.floating_wrap .btns_wrap .chat_wrap { display: block; position: absolute; right: -217px; width: 275px; background: #ee982c; top: 0; overflow: hidden; box-shadow: 0 0 40px #00000026 !important; -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; border-radius: 30px 0 0 30px; }
.floating_wrap .btns_wrap .chat_wrap:hover { text-decoration: none; }
.floating_wrap .btns_wrap .call_wrap:hover { text-decoration: none; }
.floating_wrap .btns_wrap .call_wrap span.icoo,
.floating_wrap .btns_wrap .chat_wrap span.icoo { color: #fff; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #980239 76%); background: linear-gradient(90deg, #ee982c 29%, #980239 76%); background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#621749", endColorstr="#ee982c", GradientType=1); font-size: 20px; line-height: 1; padding: 10px 20px; vertical-align: middle; display: inline-block; border-radius: 0; }
.floating_wrap .btns_wrap .chat_wrap span { color: #fff; font-size: 15px; vertical-align: middle; background: #ee982c; padding: 10px 30px 10px 15px; }
.floatbutton.visible .clickbutton { opacity: 1; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.floatbutton { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: fixed; right: -430px; top: 185px; font-size: 0; width: 340px; z-index: 99; }
.floating_wrap { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: none; }
.floating_wrap.visible { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: block; }
.floatbutton .clickbutton { width: 50px; z-index: 99; opacity: 0; vertical-align: top; height: 0; cursor: pointer; box-shadow: -20px 0 35px #0000001f; border-radius: 50% 0 0 50%; background: #fff; display: inline-block; padding-top: 0; }
.floatbutton.visible { right: -340px; }
.floatbutton .clickbutton .crossplus { position: relative; display: block; transform: rotate(0); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.floatbutton .clickbutton .crossplus.rotate { transform: rotate(-90deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.floatbutton .clickbutton .crossplus p { font-size: 16px; width: 215px; top: -53px; position: relative; margin-top: 65px; background: #fff; height: 55px; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #980239 76%); background: linear-gradient(90deg, #ee982c 29%, #980239 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#621749", endColorstr="#ee982c", GradientType=1); border-radius: 20px 20px 0 0; padding-top: 15px; text-align: right; text-align: center; font-weight: 600; color: #fff; box-shadow: 0 0 40px #00000026 !important; left: -125px; letter-spacing: 2px; text-transform: uppercase; }
.floatbutton .clickbutton .crossplus { transform: rotate(-90deg); }
.floatbutton.active { right: 0; z-index: 9; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.floatbutton .banner-form { background: #040223; padding: 5px 20px 15px 33px; border-radius: 0 0 0 10px; box-shadow: 0 -1px 10px 0px #982b7a; opacity: 1; position: relative; top: -3px; }
.banner-form .get_quote .gform_wrapper .gform_body .gform_fields .gfield.field_description_below { width: 100%; margin-top: 0; }
.banner-form .get_quote .gform_wrapper .gform_footer input[type="submit"] { width: 185px; height: auto; padding: 3px 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); font-size: 16px; line-height: 30px; }
.banner-form .get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input,
.banner-form .get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select { height: 35px; font-size: 14px; padding-left: 8px !important; }
.banner-form .get_quote .gform_wrapper .gform_body .gform_fields .gfield.field_description_below.full textarea { font-size: 13px; height: 80px; }
.banner-form .get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input::placeholder,
.banner-form .get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea::placeholder { font-size: 13px; }
.banner-form .get_quote .gform_wrapper .gform_footer { padding: 0; }
#popmake-1089 .get_quote .gform_wrapper h3.gform_title { color: #f1b80d; text-align: center; margin-bottom: 15px; text-transform: uppercase; margin-top: 0; font-size: 22px; }
#popmake-1089 .get_quote .gform_wrapper .gform_heading { margin: 0; }
#popmake-1089 .get_quote .gform_wrapper .gform_body .gform_fields .gfield.field_description_below { width: 100%; margin-top: 0px; padding-right: 0px; }
#popmake-1089 .get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_phone input { padding-left: 10px !important; }
#popmake-1089 { background-color: #040223 !important; box-shadow: 0 -1px 10px 0px #982b7a; -webkit-box-shadow: 0 -1px 10px 0px #982b7a; -o-box-shadow: 0 -1px 10px 0px #982b7a; -moz-box-shadow: 0 -1px 10px 0px #982b7a; -ms-box-shadow: 0 -1px 10px 0px #982b7a; border-radius: 20px; }
#popmake-1089 .get_quote .gform_body .gform_fields .gfield .ginput_container input::placeholder,
#popmake-1089 .get_quote .gform_body .gform_fields .gfield .ginput_container textarea::placeholder { font-size: 13px; }
#popmake-1089 .get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input,
#popmake-1089 .get_quote .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select { height: 35px; font-size: 14px; padding-left: 8px !important; }
#popmake-1089 .get_quote .gform_wrapper .gform_body .gform_fields .gfield.field_description_below.full textarea { font-size: 13px; height: 120px; }
#popmake-1089 .get_quote .gform_wrapper .gform_footer input[type="submit"] { width: 185px; height: auto; padding: 3px 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); font-size: 16px; line-height: 30px; }

/*ABOUT US INNER PAGE*/
section.about_us_section { padding: 80px 0; }
section.about_us_section .row { display: inline-flex; flex-direction: row; align-items: center; width: 100%; }
section.about_us_section .stl-head h2 { font-size: 50px; }
section.about_us_section .stl-head h2 span { display: inline-block; }
section.about_us_section .stl-head p { margin: 0 0 20px; line-height: normal; }

/*LEFT IMAGE WITH RIGHT CONTENT*/
section.leftImage_section { background: url(images/left-image-content.jpg); background-position: top center; background-size: cover; padding: 80px 0; }
section.leftImage_section .row { display: inline-flex; flex-direction: row; align-items: center; width: 100%; }
section.leftImage_section .stl-head h2 { font-size: 50px; }
section.leftImage_section .stl-head h2 span { display: inline-block; }
section.leftImage_section .stl-head p { margin: 0 0 20px; line-height: normal; }

/********Woocommerce Cart Page********/
.woocommerce table.shop_table { border: 1px solid #000; border-radius: 0; background: #120016; }
.woocommerce table.shop_table thead > tr > th { border-bottom: medium none; }
.woocommerce table.shop_table tr { border-color: #292929; font-weight: 500; }
.woocommerce table.shop_table tr th { color: #ee982c; }
.woocommerce table.shop_table tr td { border-color: #292929; }
.woocommerce table.shop_table tr .coupon input[type="text"] { border: 1px solid #000; border-radius: 0; color: #000; padding: 10px; width: 55%; }
.woocommerce table.shop_table tr input[type="submit"] { background: #d31b19; border: 1px solid #000; border-radius: 0; color: #fff; height: auto; padding: 10px 25px; transition: all 0.3s ease-in-out 0s; }
.woocommerce table.shop_table tr input[type="submit"]:hover { background: #202020; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { background: #ee982c !important; color: #fff; height: auto; padding: 20px 0 !important; margin: 0 0 38px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; text-transform: uppercase; font-weight: 500; font-family: inherit; letter-spacing: 3px; }
.form-row.place-order button#place_order { background: #ee982c; border-radius: 0; color: #fff; display: inline-block; padding: 18px 40px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: height:auto; }
.form-row.place-order button#place_order:hover { background: #ee982c; color: #222; }
.wpmc-nav-wrapper button#wpmc-next { margin-left: 10px; }
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { color: #3b2211; text-align: center; font-size: 20px; margin: 0 0 30px; font-weight: bold; text-transform: uppercase; }
.woocommerce .coupon button[type="submit"] { background: #ee982c; font-weight: 500; color: #fff; font-family: inherit; text-transform: uppercase; }
.woocommerce .coupon button[type="submit"]:hover { background: #202020; }
.woocommerce .wc-proceed-to-checkout a.checkout-button:before { background: #421360; border-radius: 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.woocommerce table.shop_table tr.cart-subtotal th { border-bottom: medium none; border-right: 1px solid #292929; }
.woocommerce table.shop_table tr.order-total th { border-bottom: medium none; border-right: 1px solid #292929; }
.woocommerce-notices-wrapper .woocommerce-message a { background: #ee982c; font-weight: 500; color: #fff; font-family: inherit; text-transform: uppercase; }
.woocommerce-notices-wrapper .woocommerce-message a:hover { background: #202020; color: #fff; }
.woocommerce table.shop_table tr td.product-name a { font-weight: 600; color: #fff; }
.actions button.button[type="submit"] { background: #ee982c; font-weight: 500; color: #fff; font-family: inherit; text-transform: uppercase; }
.actions button.button[type="submit"]:hover { background: #202020; color: #fff; }

/********Woocommerce Checkout Page********/
.woocommerce-checkout .woocommerce form.checkout #customer_details .col-1,
.woocommerce-checkout .woocommerce form.checkout #customer_details .col-2 { width: 100%; }
.woocommerce-checkout .woocommerce form.checkout #customer_details input { border: 1px solid #d8d5d5; border-radius: 0; padding: 10px; }
.woocommerce-checkout .woocommerce form.checkout #customer_details span.selection .select2-selection { border: 1px solid #d8d5d5; border-radius: 0; height: auto; padding: 8px 5px; }
.woocommerce-checkout .woocommerce form.checkout #customer_details textarea { border: 1px solid #d8d5d5; border-radius: 0; padding: 10px; }
.woocommerce-checkout .woocommerce form.checkout #customer_details .col-1 h3 { font: 30px inherit; }
.woocommerce-checkout .woocommerce form.checkout #customer_details .col-2 h3 { font: 28px inherit; }

/******* Woocommarec Page Product Style**add class section (custom_product_style) *******/
.custom_product_style .woocommerce ul.products li.product { box-sizing: border-box; text-align: center; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; border-bottom: 3px solid #202020; }
.custom_product_style .woocommerce ul.products li.product img { border-bottom: 1px solid #ddd; box-sizing: border-box; margin: 0; padding: 2px; }
.custom_product_style .woocommerce ul.products li.product h2.woocommerce-loop-product__title { color: #323131; font-size: 20px; margin: 38px 0 0; padding: 0; }
.custom_product_style .woocommerce ul.products li.product span.price { color: #646564; font: 18px inherit; text-align: center; margin: 18px 0; }
.custom_product_style .woocommerce ul.products li.product span.price > del { display: inline-block; margin: 0 5px 0 0; }
.custom_product_style .woocommerce ul.products li.product a.button { background: #e03c6b; color: #fff; font: 17px inherit; height: auto; padding: 12px 45px; margin: 0 0 38px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; text-transform: capitalize; }
.custom_product_style .woocommerce ul.products li.product a.button:before { background: #202020; border-radius: 4px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.custom_product_style .woocommerce ul.products li.product a.button:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.custom_product_style .woocommerce ul.products li.product a.added_to_cart { color: #2b2e34; margin: 0 0 20px; padding: 0; text-transform: uppercase; }
.custom_product_style .woocommerce ul.products li.product a.added_to_cart:hover { color: #e03c6b; }
.custom_product_style .woocommerce .gdl-woo-commerce-wrapper ul.products li.product a.button.added { margin: 0 0 18px; }
.custom_product_style form.woocommerce-ordering select { border: 1px solid #000; border-radius: 0; color: #000; font: 15px inherit; padding: 5px 10px; }
.woocommerce form .form-row select,
.woocommerce-page form .form-row select { background: #fff; font-size: 14px; border-radius: 2px; color: #4e4e4e; border: #e2e2e2 1px solid; padding: 12px 15px; text-transform: none; width: 100%; font-family: inherit; }
.theme-firstnotchtech.woocommerce-page .select2-results__option { color: #000; }
.page.type-page .woocommerce .woocommerce-notices-wrapper .woocommerce-message { display: none; }

/***** WOOCOMMERCE PAGINATION ******/
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current { background: #009edc; color: #FFF; padding: 10px 15px; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li a { padding: 10px 15px; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover { background: #ee982c; color: #fff; }

/*****MY ACCOUNT PAGE******/
.woocommerce-MyAccount-navigation > ul { margin: 30px 0; }
.woocommerce-MyAccount-navigation > ul li { list-style: outside none none; }
.woocommerce-MyAccount-navigation > ul li a { border: 1px solid #d8d5d5; border-bottom: none; display: block; padding: 10px 20px; color: #252525; }
.woocommerce-MyAccount-content p strong { color: #252525; }
.woocommerce-MyAccount-content p a { color: #ee982c; }
.woocommerce form .form-row input { background: #fff; font-size: 14px; border-radius: 2px; color: #4e4e4e; border: #e2e2e2 1px solid; padding: 5px 15px; text-transform: none; width: 100%; font-family: inherit; height: 40px; }
.woocommerce form.woocommerce-form button[type="submit"] { background: #ee982c !important; padding: 10px 45px; color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
.woocommerce form.woocommerce-form button[type="submit"]:hover { background: #202020 !important; }
.woocommerce-MyAccount-navigation > ul li:last-child a { border-bottom: 1px solid #d8d5d5; }
.woocommerce-MyAccount-navigation > ul li a:hover { background: #ee982c; color: #fff; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content { margin: 30px 0; }
.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form input.woocommerce-Input { border: 1px solid #d8d5d5; border-radius: 0; box-shadow: none; height: auto; padding: 10px; }
.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form button[type="submit"] { background: #ee982c; margin: 20px 0; padding: 15px 30px; color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; font-family: inherit; }
.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form button[type="submit"]:hover { background: #202020; }
.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form input.woocommerce-Button { background: #0e0d0d; border: medium none; color: #fff; font: 18px 'Poppins', sans-serif; height: auto; padding: 10px 30px; transition: all 0.4s ease-in-out 0s; }
.woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form input.woocommerce-Button:hover { background: #51b249; }
.woocommerce .woocommerce-Message.woocommerce-info a.button { background: #ee982c; border-radius: 0; color: #fff; display: inline-block; font: 18px/25px 'Poppins', sans-serif; padding: 10px 40px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: height:auto; }
.woocommerce .woocommerce-Message.woocommerce-info a.button:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.woocommerce .woocommerce-Message.woocommerce-info a.button:before { background: #1c1c1d; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; border-radius: 0; }
.woocommerce .woocommerce-Message.woocommerce-info a.button:hover { color: #fff; }

/*-----Login Page*******/
.woocommerce-account.woocommerce-page .woocommerce > h2 { display: none; }
.woocommerce-account.woocommerce-page .woocommerce form.woocomerce-form.woocommerce-form-login { margin: 50px auto; max-width: 500px; }
.woocommerce-account.woocommerce-page .woocommerce form.woocomerce-form.woocommerce-form-login input[type="text"],
.woocommerce-account.woocommerce-page .woocommerce form.woocomerce-form.woocommerce-form-login input[type="password"] { border-radius: 0; box-shadow: none; font: 300 14px 'Poppins', sans-serif; height: auto; max-width: 100%; padding: 10px; }
.woocommerce-account.woocommerce-page .woocommerce form.woocomerce-form.woocommerce-form-login p.woocommerce-LostPassword { margin: 0; }
.woocommerce-account.woocommerce-page .woocommerce form.woocomerce-form.woocommerce-form-login p.form-row input.woocommerce-Button { background: #787777; border: medium none; color: #fff; font: 18px/25px 'Poppins', sans-serif; height: auto; padding: 8px 40px; transition: all 0.4s ease-in-out 0s; }
.woocommerce-account.woocommerce-page .woocommerce form.woocomerce-form.woocommerce-form-login p.form-row input.woocommerce-Button:hover { background: #e03c6b; }

/*****Forget Password*****/
.woocommerce-account.woocommerce-page form.woocommerce-ResetPassword { margin: 50px auto; max-width: 500px; border: 1px solid #d3ced2; border-radius: 5px; padding: 20px; }
.woocommerce-account.woocommerce-page form.woocommerce-ResetPassword p.woocommerce-form-row { width: 100%; }
.woocommerce-account.woocommerce-page form.woocommerce-ResetPassword input[type="text"] { border-radius: 0; box-shadow: none; font: 300 14px 'Poppins', sans-serif; height: auto; max-width: 100%; padding: 10px; }
.woocommerce-account.woocommerce-page form.woocommerce-ResetPassword p.woocommerce-form-row input.woocommerce-Button { background: #787777; border: medium none; color: #fff; font: 18px/25px 'Poppins', sans-serif; height: auto; padding: 8px 40px; transition: all 0.4s ease-in-out 0s; }
.woocommerce-account.woocommerce-page form.woocommerce-ResetPassword p.woocommerce-form-row input.woocommerce-Button:hover { background: #e03c6b; }
.portfoliomain.packages-main .responsive-slider .woocommerce li.product { margin-bottom: 20px; }

/*QUANTITY REMOVE FORM CART SECTION*/
.theme-firstnotchtech .wrap .woocommerce table.shop_table tr td.product-thumbnail,
.theme-firstnotchtech .wrap .woocommerce table.shop_table tr th.product-thumbnail,
.theme-firstnotchtech .wrap .woocommerce table.shop_table tr th.product-quantity,
.theme-firstnotchtech .wrap .woocommerce table.shop_table tr td.product-quantity,
.theme-firstnotchtech .wrap .woocommerce button.button[value="Update cart"] { display: none !important; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing.current .wpmc-tab-text,
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping.current .wpmc-tab-text,
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review.current .wpmc-tab-text,
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-payment.current .wpmc-tab-text { color: #e0c200; }
.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number { border-radius: 10% !important; }

/* CHECKOUT PAGE SECTION */
.theme-firstnotchtech.woocommerce-checkout .wrap,
.theme-firstnotchtech.woocommerce-cart .wrap { padding: 60px 0 50px 0; }
.theme-firstnotchtech.woocommerce-checkout fieldset { position: inherit; top: 0; left: 0; z-index: 2; color: rgba(255, 255, 255, 0.15); }
.theme-firstnotchtech.woocommerce-cart.woocommerce-page section.banner-main,
.theme-firstnotchtech.woocommerce-cart.woocommerce-page .banner-bot { display: none; }
.theme-firstnotchtech.woocommerce-cart.woocommerce-page .wrap { padding: 50px 0 0; }
.theme-firstnotchtech.woocommerce-cart.woocommerce-page header { border-bottom: 1px solid #e5e5e5; }
.theme-firstnotchtech.woocommerce-checkout.woocommerce-page section.banner-main,
.theme-firstnotchtech.woocommerce-checkout.woocommerce-page .banner-bot { display: none; }
.theme-firstnotchtech.woocommerce-checkout.woocommerce-page .wrap { padding: 50px 0 150px; }
.theme-firstnotchtech.woocommerce-checkout.woocommerce-page header { border-bottom: 1px solid #e5e5e5; }
.theme-firstnotchtech.woocommerce-page .wrap .woocommerce form .form-row { padding: 3px; margin: 0 0 15px; }
.theme-firstnotchtech.woocommerce-page .wrap .woocommerce form .form-row.form-row-wide { width: 47%; overflow: visible; clear: inherit; }
.theme-firstnotchtech.woocommerce-page .wrap .woocommerce form .form-row.form-row-wide { float: right; }
.theme-firstnotchtech .wrap .woocommerce form .form-row label { line-height: normal; display: block; color: #fff; font-size: 14px; font-weight: 500; margin-bottom: 5px; }
.theme-firstnotchtech .wrap .woocommerce-billing-fields h3,
.theme-firstnotchtech .wrap .woocommerce-additional-fields h3,
.theme-firstnotchtech .wrap .wpmc-step-item.wpmc-step-payment h3,
.woocommerce-checkout .woocommerce form.checkout h3#order_review_heading { color: #d31da2; text-align: center; margin: 50px 0; font-size: 40px; font-weight: 700; line-height: 30px; position: relative; text-transform: uppercase; }
.theme-firstnotchtech .wrap .woocommerce button.button:disabled,
.theme-firstnotchtech .wrap .woocommerce button.button:disabled[disabled] { color: #fff; }
.theme-firstnotchtech .wrap .woocommerce table.shop_table tr th { text-transform: uppercase; }
.theme-firstnotchtech .wrap .woocommerce #respond input#submit.alt,
.theme-firstnotchtech .wrap .woocommerce a.button.alt,
.theme-firstnotchtech .wrap .woocommerce button.button.alt,
.theme-firstnotchtech .wrap .woocommerce input.button.alt { background-color: #ee982c; color: #fff; -webkit-font-smoothing: antialiased; font-size: 16px; text-transform: uppercase; padding: 15px; font-family: inherit; letter-spacing: 1px; font-weight: 500; }
.theme-firstnotchtech .wrap .woocommerce #respond input#submit.alt:hover,
.theme-firstnotchtech .wrap .woocommerce button.button.alt:hover,
.theme-firstnotchtech .wrap .woocommerce input.button.alt:hover { background: #ee982c; color: #222; }
.theme-firstnotchtech .wrap .woocommerce a.button.alt:hover { background: #ee982c; color: #fff; }
.theme-firstnotchtech .wrap .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 40px; margin: 0 0 -4px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; background: #fff; font-size: 14px; border-radius: 2px !important; color: #4e4e4e; border: #e2e2e2 1px solid !important; padding: 5px 15px; text-transform: none; width: 100%; }
.theme-firstnotchtech .wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; }
.theme-firstnotchtech .wrap .woocommerce form .form-row.form-row-wide textarea { height: 5em; padding: 10px; border-color: #dbdbdb; }
.woocommerce p.return-to-shop { display: none; }
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th { border: 1px solid #292329 !important; }

/*WOOCOMMERCE COUPON SECTION*/
.wpmc-steps-wrapper .woocommerce_checkout_coupon { background: #fff; }
.wpmc-steps-wrapper form.checkout_coupon.woocommerce-form-coupon { border-radius: 0; margin: 0; border: 1px solid #e1e2e3; }
.wpmc-steps-wrapper .woocommerce-info,
.wpmc-steps-wrapper .woocommerce-message { background: #fff; margin: 0; border: 1px solid #e1e2e3; border-top: 3px solid #d31da2; font-size: 16px; }
.wpmc-steps-wrapper .woocommerce-error { background: #fff; margin: 0; border: 1px solid #e1e2e3; border-top: none; font-size: 16px; }
.wpmc-steps-wrapper .woocommerce-info .showcoupon { color: #d31da2; font-weight: 500; }
.wpmc-steps-wrapper form.checkout_coupon.woocommerce-form-coupon button.button { background: #eeeef0; font-size: 16px; font-weight: 400; height: 45px; }
.wpmc-steps-wrapper form.checkout_coupon.woocommerce-form-coupon button.button:hover { background: rgb(224 194 0); color: #000; }

/* PAYMENT METHOD SECTION */
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid #e1e2e3 !important; }
.woocommerce-checkout #payment { background: #ffffff !important; border: 1px solid #e1e2e3; }
.wc_payment_methods li.wc_payment_method label { color: #515151; font-size: 16px; font-weight: 400; }
.woocommerce-checkout #payment div.payment_box { background: #f0f0f2 !important; border: 1px solid #e1e2e3 !important; color: #515151 !important; font-size: 14px !important; }
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before { border: 1em solid #dfdcde !important; border-right-color: transparent !important; border-left-color: transparent !important; border-top-color: transparent !important; top: -.99em !important; }
.woocommerce-checkout #payment .payment_method_paypal .about_paypal { font-size: 14px !important; color: #f9260e !important; margin-left: 10px !important; }
#add_payment_method #payment ul.payment_methods li img.stripe-icon,
.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon { display: inline-block; width: 100%; }
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li { margin: 0 0 30px !important; }
#add_payment_method #payment div.payment_box .form-row,
.woocommerce-cart #payment div.payment_box .form-row,
.woocommerce-checkout #payment div.payment_box .form-row { margin: 0 0 15px !important; }
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row { padding: 0 !important; }
#wc-stripe-cc-form .wc-stripe-elements-field,
#wc-stripe-cc-form .wc-stripe-iban-element-field { padding: 10px; }

/* TABS SECTION CHECKOUT PAGE */
.theme-firstnotchtech .wrap .wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item .wpmc-tab-text { font-size: 13px; text-transform: uppercase; font-weight: 600; }

/* CHECKOUT STEPS ICON CSS */
.wpmc-tabs-wrapper .wpmc-tab-item:nth-child(1) .wpmc-tab-number { border: 2px solid #d31da2; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; background: #120016; }
.wpmc-tabs-wrapper .wpmc-tab-item:nth-child(1) .wpmc-tab-number:before { content: ""; font-size: 40px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/billing-non-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tab-item:nth-child(1) .wpmc-tab-text { color: #d31da2; }
.wpmc-tabs-wrapper .wpmc-tab-item:nth-child(1):before { border-bottom-color: #d31da2; }

/*PERSONAL INFORMATION CURRENT*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing.current .wpmc-tab-number { border: 2px solid #e0c200; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing:before.current { display: block; content: ""; border-bottom: 2px solid transparent; height: 0; position: absolute; top: 40px; left: 0; right: 0; -webkit-transition: border-color .3s; transition: border-color .3s; z-index: 1; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing.current .wpmc-tab-number:before { content: ""; font-family: FontAwesome; font-size: 40px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; color: #f30e01; background: url(images/billing-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing:before { top: 40px; }

/*PREVIOUS*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing.previous .wpmc-tab-number { border: 2px solid #d31da2; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; background: #120016; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing:before.previous { display: block; content: ""; border-bottom: 2px solid transparent; height: 0; position: absolute; top: 40px; left: 0; right: 0; -webkit-transition: border-color .3s; transition: border-color .3s; z-index: 1; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing.previous .wpmc-tab-number:before { content: ""; font-family: FontAwesome; font-size: 40px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; color: #c9c9c9; background: url(images/billing-non-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing:before { top: 40px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing.previous .wpmc-tab-text { color: #d31da2; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-billing.previous:before { border-bottom-color: #d31da2; }

/*ADDITIONAL BRIEF*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping .wpmc-tab-number:before { content: ""; font-size: 40px; top: 0; bottom: 0; right: 0px; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/brief-non-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping .wpmc-tab-number { border: 2px solid #c9c9c9; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }

/*REVIEWS SECTION*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review .wpmc-tab-number:before { content: ""; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/order-summary-non-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review .wpmc-tab-number { border: 2px solid #c9c9c9; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }

/*ORDER SUMMARY*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-payment .wpmc-tab-number:before { content: ""; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/payment-non-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-payment .wpmc-tab-number { border: 2px solid #c9c9c9; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }

/*ORDER SUMMARY CURRENT*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping.current .wpmc-tab-number { border: 2px solid #f0b62a; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping:before.current { display: block; content: ""; border-bottom: 2px solid transparent; height: 0; position: absolute; top: 40px; left: 0; right: 0; -webkit-transition: border-color .3s; transition: border-color .3s; z-index: 1; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping.current .wpmc-tab-number:before { content: ""; font-family: FontAwesome; font-size: 40px; top: 24px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/brief-active.png); width: 54px; height: 56px; top: 0; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping:before { top: 40px; }

/*ORDER SUMMARY PREVIOUS*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping.previous .wpmc-tab-number { border: 2px solid #c9c9c9; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping:before.previous { display: block; content: ""; border-bottom: 2px solid transparent; height: 0; position: absolute; top: 40px; left: 0; right: 0; -webkit-transition: border-color .3s; transition: border-color .3s; z-index: 1; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping.previous .wpmc-tab-number:before { content: ""; font-size: 40px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/brief-non-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping:before { top: 40px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping.previous .wpmc-tab-text { color: #c9c9c9; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-shipping.previous:before { border-bottom-color: #c9c9c9; }

/*REVIEW CURRENT*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review.current .wpmc-tab-number { border: 2px solid #f0b62a; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review:before.current { display: block; content: ""; border-bottom: 2px solid transparent; height: 0; position: absolute; top: 40px; left: 0; right: 0; -webkit-transition: border-color .3s; transition: border-color .3s; z-index: 1; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review.current .wpmc-tab-number:before { content: ""; font-size: 40px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/order-summary-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review:before { top: 40px; }

/*REVIEW PREVIOUS*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review.previous .wpmc-tab-number { border: 2px solid #d31da2; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; background: #120016; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review:before.previous { display: block; content: ""; border-bottom: 2px solid transparent; height: 0; position: absolute; top: 40px; left: 0; right: 0; -webkit-transition: border-color .3s; transition: border-color .3s; z-index: 1; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review.previous .wpmc-tab-number:before { content: ""; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/order-summary-done-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review:before { top: 40px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review.previous .wpmc-tab-text { color: #d31da2; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-review.previous:before { border-bottom-color: #d31da2; }

/*PAMENT CURRENT*/
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-payment.current .wpmc-tab-number { border: 2px solid #f0b62a; display: block; width: 80px; height: 80px; margin: 0 auto; z-index: 2; font-size: 0; position: relative; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-payment:before.current { display: block; content: ""; border-bottom: 2px solid transparent; height: 0; position: absolute; top: 40px; left: 0; right: 0; -webkit-transition: border-color .3s; transition: border-color .3s; z-index: 1; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-payment.current .wpmc-tab-number:before { content: ""; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; position: absolute; background: url(images/payment-active.png); width: 54px; height: 56px; }
.wpmc-tabs-wrapper .wpmc-tabs-list .wpmc-tab-item.wpmc-payment:before { top: 40px; }
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: none !important; }
.portfolio_container .portfoliomain.packages-main .slick-track { margin-right: inherit !important; margin-left: inherit !important; }
.rt-container-fluid.CustomPortfolio.slick-slide { width: 100% !important; }

/****************** THANKYOU PAGE ******************/
section.thankyou .heading { margin: 200px auto 50px; text-align: center; }
section.thankyou .thnk-content p { font-weight: 400; font-family: 'Poppins', sans-serif; color: #fff; font-size: 23px; line-height: normal; margin: 0 0 80px; padding: 0 120px; text-align: center; }
section.thankyou span { padding: 11px 0; background: #ee982c; margin-right: 50px; width: 250px; display: inline-block; border-radius: 50px; margin-bottom: 235px; }
section.thankyou span i { color: #222; padding: 0 5px; font-size: 23px; }
section.thankyou span a { color: #222; font-size: 18px; font-weight: 600; font-family: 'Poppins', sans-serif; text-transform: uppercase; }
section.thankyou span:last-child { margin-right: 0; }
section.thankyou span:hover { background: #a0286d; cursor: pointer; }
section.thankyou span:hover i,
section.thankyou span:hover a { color: #fff; }
canvas#confetti-canvas { position: absolute; width: 100%; height: 100%; }

/****************** 404 PAGE SECTION ******************/
.error404 headerinner { display: none; }
.message-box-wrapper-404 { padding: 50px 0; text-align: center; margin: 0 0 100px; }
.message-box-wrapper-404 .message-box-title-404 span { background: #270a84; color: #fff; display: inline-block; font-size: 250px; line-height: 220px; margin: 0 5px 0 0; padding: 20px; }
.message-box-wrapper-404 .message-box-title-404 span:nth-child(2n) { background: #f1ab1d; }
.message-box-wrapper-404 .message-box-title-404 span:last-child { margin: 0; }
.message-box-wrapper-404 .message-box-content-404 { font-size: 23px; margin: 50px 0 0; line-height: normal; font-family: inherit; }
.message-box-wrapper-404 h2 { margin: 0; }

/*WORK PROCESS SECTION*/
.process-sec { padding: 20px 0 50px 0;    /* background-color: #fff; */ }
.process-sec .ser-txt p { text-align: center; margin: 20px 0; }
.process-sec .ser-txt h2 { position: relative; font-size: 45px; margin: 0 0 20px; color: #000000; font-weight: 700; text-transform: uppercase; text-align: center; }
.process-sec .ser-txt h2 span { color: #ee982c; display: block; }
.process-box h3 { margin-bottom: 10px; color: #000; margin-top: 0; }
.process-box p { margin-bottom: 25px; color: #777; }
.process-box img { margin-bottom: 20px; }
.process-box.pros-box1 { margin-top: -110px; }
.process-box.pros-box2 { padding-top: 220px; }
.process-box.pros-box3 { padding-top: 200px;    /* padding-left: 55px; */ }
.process-sec .aftr-line { position: relative; display: flex; justify-content: center; margin: 0 auto; padding-top: 40px; flex-wrap: wrap; }
.process-sec .aftr-line:after { content: ''; background: url(images/process_line.png); width: 770px; height: 700px; background-size: cover; position: absolute; background-position: 120% 5px; z-index: -1; background-repeat: no-repeat; }

/*contact-ser*/
section#cntct-ser .row { display: flex; justify-content: center; }
section#cntct-ser { background: #d07503; padding: 30px 0; color: #fff; }
.cntct-ser-box { text-align: center; }
.cntct-ser-box p { margin: 12px 0; font-size: 16px; color: #fff; }
.cntct-ser-box p a { color: #fff; }
.cntct-ser-box p a:hover { color: #000000; }

/*BANNER ON TOP WITH RIGHT IMAGES*/
.digital-img img { animation: MockMoving 3s ease-in-out 0s infinite alternate; }
.back-bg { background: url(images/banner-bg.jpg); background-size: cover; height: auto; width: 100%; background-position: 100% 0; background-repeat: no-repeat; }
.bnr-txt { color: #fff; padding-top: 60px; }
.bnr-txt h2 { position: relative; margin-bottom: 50px; margin-top: 0; font-size: 40px; margin: 0 0 20px; color: #ffffff; font-weight: 700; text-transform: uppercase; }
.banner-img img { width: 100%; }
.banner01 { padding-bottom: 50px; padding-top: 180px; }
#banner .btn-bnr p { display: none; }
.banner01 .row { align-items: center; }
.banner01 .slick-dots { position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.banner01 .slick-dots li.slick-active button { background-color: #ee982c; }
.banner01 .slick-dots li button:before { font-size: 0px; line-height: 0px; }
.banner01 .slick-dots li button { background-color: #e5e5e5; border-radius: 50px; width: 10px; height: 10px; }
.bnr-txt p { margin: 20px 0 10px 0; font-weight: 300; }
.btn-bnr-st { border: 2px solid #ee982c; border-radius: 20px; padding: 5px 35px; font-size: 14px; margin: 0; text-transform: uppercase; font-weight: 600; margin-top: 20px; display: inline-block; z-index: 2; color: #fff; text-decoration: none; background: #ee982c; background: -moz-linear-gradient(90deg, rgba(98, 23, 73, 1) 29%, rgba(151, 42, 121, 1) 76%); background: -webkit-linear-gradient(90deg, #ee982c 29%, #b4690b 76%); background: linear-gradient(90deg, #ee982c 29%, #b4690b 76%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee982c", endColorstr="#b4690b", GradientType=1); }
a.port-btn.live-cht:hover { border-color: #7d7d7d !important; color: #7d7d7d !important; background: transparent !important; }
a.port-btn.live-cht { background: #7d7d7d !important; }
.btn-bnr-st:hover { color: #fff; border-color: #ee982c; background: transparent; }
.btn-bnr { display: inline-flex; align-items: center; justify-content: center; }
.btn-bnr p { color: #fff; margin-left: 20px; }

/*mobile*/
.mobile-sec { padding: 20px 0 180px 0; }
.mobile-sec .ser-txt p { text-align: center; margin: 30px auto; width: 95%; }
.mobile-sec .ser-txt { margin: 0 auto; }
.mobile-sec .ser-txt h2 { font-size: 62px; text-align: center; line-height: 80px; font-weight: bold; }
.app_portfolio_slider_bg { background-image: url(images/mobile-bg.png); background-size: cover; background-repeat: no-repeat; background-position: -6px 16px; width: 20% !important; height: 120%; margin: 0px 0 0; padding: 0px 0px 0px 0px; position: absolute; left: 0; right: 0; margin: auto; top: 0; z-index: 1; }
.app_portfolio_slider img { width: 77%; margin: 98px auto 0; filter: gray;    /* IE6-9 */ -webkit-filter: grayscale(100%);    /* Chrome 19+ & Safari 6+ */ }
.app_portfolio_slider .slick-slide.slick-current img { filter: none; -webkit-filter: grayscale(0%); }
.app_portfolio_sec { position: relative; }
.app_portfolio_sec .slick-dots { position: absolute; bottom: -24%; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.app_portfolio_sec .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; }
.app_portfolio_sec .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: #e5e5e5; border: 0; outline: none; background: #e5e5e5; border-radius: 50px; }
.app_portfolio_sec .slick-dots li.slick-active button { color: #008efd; background: #008efd; }
.app_portfolio_sec .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: #e5e5e5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mobile-tab-st .nav-tabs .nav-link.active img.tab-img-2,
.mobile-tab-st .nav-tabs .nav-link:hover img.tab-img-2 { display: block; }
.sample-tab.mobile-tab-st li.nav-item p { text-transform: uppercase; font-weight: bold; color: #2a2a2a; }
.sample-tab.mobile-tab-st li.nav-item p { text-transform: uppercase; font-weight: 800; color: #3b3b3b; margin-top: 10px; }
.mobile-tab-st .nav-tabs .nav-link,
.mobile-tab-st .nav-tabs .nav-link:hover { border: none; background: #eeeeee !important; }
.sample-tab.mobile-tab-st ul.nav.nav-tabs { justify-content: space-between; }
.mobile-tab-st .nav-tabs,
.mobile-tab-st .nav-tabs .nav-link { border-bottom: none !important; }
.mobile-tab-st .nav-tabs .nav-link { padding-top: 0px; padding: 30px 40px !important; color: #5c5c5c; border-radius: 0px !important; background: transparent; transition: all .3s ease-in-out; border-bottom: none !important; position: relative; }
.sample-tab.mobile-tab-st .nav-tabs .nav-link.active,
.sample-tab.mobile-tab-st .nav-tabs .nav-link:hover,
.sample-tab.mobile-tab-st .nav-tabs .nav-link:focus { border: 0px; }
.samples-tab-div.mobile-tabb-st .row { align-items: center; }

/*mobile*/