/* =Import Required styles

========================================================================================*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');



/* =Box Sizing 

========================================================================================*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


@font-face {
  font-family: 'THICCCBOI';
  src: url('../assets/fonts/THICCCBOI-Light.woff2') format('woff2'),
      url('../assets/fonts/THICCCBOI-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'THICCCBOI';
  src: url('../assets/fonts/THICCCBOI-Regular.woff2') format('woff2'),
      url('../assets/fonts/THICCCBOI-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'THICCCBOI';
  src: url('../assets/fonts/THICCCBOI-Medium.woff2') format('woff2'),
      url('../assets/fonts/THICCCBOI-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'THICCCBOI Semi';
  src: url('../assets/fonts/THICCCBOI-Black.woff2') format('woff2'),
      url('../assets/fonts/THICCCBOI-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'THICCCBOI';
  src: url('../assets/fonts/THICCCBOI-ExtraBold.woff2') format('woff2'),
      url('../assets/fonts/THICCCBOI-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'THICCCBOI';
  src: url('../assets/fonts/THICCCBOI-SemiBold.woff2') format('woff2'),
      url('../assets/fonts/THICCCBOI-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'THICCCBOI';
  src: url('../assets/fonts/THICCCBOI-Bold.woff2') format('woff2'),
      url('../assets/fonts/THICCCBOI-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}




/* =Deafult Tag & General Classes

========================================================================================*/

html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }

body {  color:#d9d9d9; margin: 0; padding: 0; background-color: #1a2835;
  background-image: url(../assets/images/63fee4cdbc98397464551660_breadcrumb-image.jpg);
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: no-repeat;}

img { vertical-align:top; border:0; }

a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }

.allanim, #mainmenu li a:after, .category-pic a h6 span  { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }

a { color:#000000; text-decoration:none;}

a:hover { text-decoration:underline; }

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

	a:active{ background-color:transparent;}

}

strong { font-weight:bold; }

small, .small { font-size: 85%; }

sub, sup { font-size:80% }



p { margin:0 0 20px 0; }



h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:600;  }

h1,h2 { font-size:44px;  }

h3 { font-size:38px; }

h4 { font-size:30px; }

h5 { font-size:24px; }

h6 { font-size:16px; }



ul li { line-height:24px; }



.cf:before, .cf:after,.wrap:after,.wrap:before { content:""; display:table; }

.cf:after,.wrap:after { clear:both; }

.cf,.wrap { zoom:1; }

.nodisplay { display:none; }

.nodisplay_strict { display:none !important; }

.alignleft { float:left; }

.alignright { float:right; }

:focus { outline:none; }

.text_cont p { padding:0 0 10px 0; }

.nopad p, p.nopad { padding:0; }



.cols { margin-left:-20px; margin-right:-20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: row; }

.cols .col { padding-left:20px; padding-right:20px; }

.cols1 .col { width:100% }

.cols2 .col { width:50% }

.cols3 .col { width:33.333333333333%; }

.cols4 .col { width:25%; }



figure {margin: 0}



/* =Layout Width

========================================================================================*/

body { font-family: Thicccboi, sans-serif;}

.wrap { max-width:1210px; width:100%; margin:0 auto; padding-left:20px; padding-right:20px; }

#main { padding:0 0; }

.one-column { width:auto !important; float:none !important; }







/* =Common-Page (common classes for all pages)

========================================================================================*/

#header { padding:7px 0; position: absolute; top: 0; left: 0; right: 0; z-index: 2 }
#logo { float:left; width:182px; position:relative; }
#logo img { max-width:100%; height:auto; width:auto; }
.top-header{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.navbar-right-block{display: flex;align-items: center;gap: 20px;margin: 35px 0 0 0;}
.navbar-right-block .nav-contact-button a,.slider-combo-btn a{display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 18.5px 25px;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border: 1px solid transparent;border-radius: 5px;background-color: #fff;-webkit-transition: all 300ms ease;transition: all 300ms ease;color: #000;font-size: 18px;font-weight: 500;
}
.navbar-right-block .nav-contact-button a:hover,.slider-combo-btn a:hover{border-style: solid;border-width: 1px;border-color: #fff;background-color: #1a2835;color: #fff;text-decoration: none;}
.slider-combo-btn {display:flex;gap: 30px;}
.action{display: inline-block;}
.action a{display: inline-block;padding: 18.5px 25px;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border: 1px solid transparent;border-radius: 5px;background-color: #fff;-webkit-transition: all 300ms ease;transition: all 300ms ease;color: #000;font-size: 18px;font-weight: 500;}
.action a:hover{border-style: solid;border-width: 1px;border-color: #fff;background-color: #1a2835;color: #fff;text-decoration: none}
.action a i.fas.fa-regular.fa-arrow-right,.slider-combo-btn a i.fas.fa-regular.fa-arrow-right{transition: transform 0.3s ease-out;margin-left:10px;}
.action a:hover i.fas.fa-regular.fa-arrow-right,.slider-combo-btn a:hover i.fas.fa-regular.fa-arrow-right {transform: translateX(4px);}
#mainmenu {  float:right; font-size:14px; margin:35px 0 0 0; }
#mainmenu ul { margin:0; padding:0; list-style:none; }
#mainmenu li { float:left; line-height:30px; }
#mainmenu ul li { margin:0 0 0 35px; font-weight:bold; text-transform:uppercase; }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:#fff; position:relative; }
#mainmenu li a:after { content:''; position:absolute; width:0; height:2px; background:#e34f26; top:100%; left:0; right:0; margin:0 auto; }
#mainmenu li a:hover:after, #mainmenu li.current-menu-item a:after { width:100%; }

.top-banner {padding-top: 115px;}
.top-banner {background-size: cover !important; background-position: center center !important}
.slider-data {padding: 80px 0; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content:center; align-items:center; }
/*.hero-slider .slider{position: unset;}*/
/*.hero-slider .slide .slide__img img{height:100vh;width: 100%;}*/
.hero-slider .slide .slide__content--headings{max-width: 685px;padding-top:100px;}
.hero-slider .slide .slide__content--headings h6 {margin-bottom:25px;line-height: 1.15;font-weight: 500;letter-spacing: 0.2em;}
.hero-slider .slide .slide__content--headings h2{margin-bottom: 30px;line-height: 1.2;font-weight: 600;}
.hero-slider .slider .slide__content--headings p{margin-bottom: 50px;     font-family: Thicccboi, sans-serif;color: #d9d9d9;font-size: 18px;line-height: 1.667;font-weight: 500;max-width:535px}  
.slick-dots button {display: block;width: 1rem;height: 1rem;padding: 0;border: none;border-radius: 100%;background-color: orange;text-indent: -9999px;}
.slider-data .slider-left {width: 40%;}
.slider-data .slider-right {width: 60%; padding-left: 80px;}
.slider-data h2 {color: #FFF; font-size: 35px; font-weight: 300; text-transform: uppercase; margin-bottom: 30px; }
.slider-data p {font-weight: 300; color: #FFF; line-height: 32px; font-size: 16px; margin-bottom: 30px;}
.owl-item.active .slider-left {animation: bounceInLeft 0.9s;}
.owl-item.active .slider-right {animation: bounceInRight 0.9s;}
.owl-nav {display: none}
.home-slider-box .owl-dots {position: absolute; right: 25px; top: 50%; transform: translateY(-50%)}
.owl-dots .owl-dot { width: 10px; height: 10px; background: rgba(255,255,255,0.50); border-radius: 50%; margin: 5px 0; }
.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active { background: rgba(255,255,255,1.00); }



#footer { padding:30px 0; font-size:14px;background: #223241; }
.fmenu { float:right; margin:0; padding:0; list-style:none; }
.fmenu li { float:left; margin-left:10px; }
.fmenu li a { color:#505061; }
.fmenu li a:hover, .fmenu li.active a { text-decoration:none; color:#e34f26 ; }
.copyright { float:left; margin:0; }


.fadein {opacity: 0;transition: all 1s;transform: translate(0, 100px);}
.fadein.visible {opacity: 1;transform: translate(0, 0);}

/* Home-Page (only homepage used classes)

========================================================================================*/

.sprites { background-image: url(../images/bgi/sprites.png);  } 

.sp-after:after { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; }

.sp-before:before { background-image: url(../images/bgi/sprites.png); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle;  }



/* Form Style

========================================================================================*/

button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }

button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; }

button, input { line-height:normal; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select {   width: 100%;height: 60px;margin-bottom: 0px;padding-left: 20px;border-style: solid;border-width: 1px;border-color: #343f49;border-radius: 8px;background-color: #223241;-webkit-transition: box-shadow 300ms ease, border-color 400ms ease;transition: box-shadow 300ms ease, border-color 400ms ease;color: #fff;}

input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }

input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }

textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Montserrat', Arial, Helvetica, sans-serif; }

select { height:auto; padding:12px 42px 12px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }

select::-ms-expand { display:none; }

.custom-select { display:block; margin:0; position:relative; background:#fff; }

.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }

.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; }

.ie select { padding-right:0; }

.ie .custom-select:before { z-index:2; height:40px; }

.ie .custom-select:after { z-index:3; }

.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }



input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }

input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}

input[type="button"], input[type="submit"], button {color:#fff;  border:0;  cursor:pointer; width:auto; overflow:visible; vertical-align:middle; text-decoration:none; font-size:14px; line-height:1.25; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:bold; background: transparent; }

input[type="button"]:hover, input[type="submit"]:hover, button:hover { color:#e34f26; }

input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }



::-webkit-input-placeholder { opacity:1; }

::-moz-placeholder { opacity:1; }

:-ms-input-placeholder { opacity:1; }

:-moz-placeholder { opacity:1; }



.ez-hide { opacity:0; filter:alpha(opacity=0); }

.ez-checkbox { background-position:0 -29px; display:inline-block; }

.ez-checkbox.disabled, .ez-radio.disabled { opacity:0.6 }

.ez-radio {  background-position:-48px -29px; display:inline-block; }

.ez-checked { background-position:-16px -29px; }

.ez-checked.disabled { background-position:-32px -29px; }

.ez-selected { background-position:-64px -29px; }

.ez-selected.disabled { background-position:-80px -29px; }

.ez-checkbox, .ez-radio { zoom:1; *display:inline; vertical-align:middle; margin-right:8px }

.ez-checkbox input, .ez-radio input  { margin:3px 0 0; display:block; width:15px; height:15px; vertical-align:top; }







/* Common button CSS

========================================================================================*/

.button { font-size:18px; color:#fff; display:inline-block; line-height:1.2; font-weight:700;  }

.button:after { content: ''; width: 15px; height: 11px; display: inline-block; background:url(../images/arrow.png) no-repeat; margin-left: 10px; vertical-align: middle}

.button:hover { text-decoration:none; color:#e34f26; }

.button:hover:after{background:url(../images/arrow-hover.png) no-repeat;}







/* =Table CSS

========================================================================================*/

table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }

table { width:100%; margin-bottom:30px; }

table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd; }

table th { font-weight:700; padding:17px 15px; font-size:16px; }

table tr:hover td { background:#fbfbfb; }

table tr.selected td { background:#fbfbfb; }

table thead th { vertical-align:middle; }

table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }

.about-img-row {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.about-data{padding:80px 0;}
.about-data .about-us-image .about-us-image-inner{overflow: hidden;width: 100%;max-width: 500px;  border-radius: 332px;}
.about-data .about-us-image .about-us-image-inner figure{margin: 0;}
.about-us-image{overflow: hidden;width: 100%;max-width: 540px;padding: 20px;border-style: solid;border-width: 1px;border-color: #42515f;border-radius: 332px;}
.about-images{display: flex;align-items: center;}
.about-data-box p{color: #d9d9d9;font-size: 18px;line-height: 1.667;font-weight: 500;margin:0 ;margin-bottom:30px;}
.about-data-box h2{margin-bottom:25px;}

.service-title{display: flex;justify-content: space-between;align-items: center;}

.center-title{text-align:center;}

.center-title h2 {font-size: 50px; margin-bottom: 40px;color: #d9d9d9;}

.center-title .section-intro{margin-bottom: 24px;color: #d9d9d9;}

.why-imagix{background:#223241; padding-top: 120px;padding-bottom: 120px;}
.why-imagix.why-imagix-bg{background: #1a2835;padding-top: 0;padding-bottom:80px;}
.product-row{display: grid;
  grid-template-columns: repeat(3,1fr);}
.why-imagix .product-col {border: 1px solid #42515F;padding:30px;}
.why-imagix .product-col h3{font-size:28px;margin-top:25px;}
.why-imagix .product-col p {font-size: 16px; line-height: 30px;margin: 0; color: #d9d9d9;font-size: 18px;line-height: 1.667;font-weight: 500;}
.why-imagix .pic-box {margin-bottom: 15px;}
.why-imagix .pic-box img{width:64px;height:64px;}
.why-imagix .pic-box figure, .why-imagix .pic-box figcaption {display: inline-block; vertical-align: middle}
.why-imagix .pic-box figcaption {font-size: 24px; font-weight: 300; margin-left: 15px; }
.main-title{    max-width: 589px;}
.why-imagix .service-title{margin-bottom:54px;}

.pricing-box {padding: 140px 0; font-family:'Montserrat', Arial, Helvetica, sans-serif;background:#223241;}

.dark-gray-box:before, .dark-gray-box:after {content: ''; clear: both; display: table}

.dark-gray-box {background: #223241; text-align: center; border-radius: 10px; padding-bottom: 30px}

.dark-gray-box h4 {background: #364b5f; padding: 15px; font-size: 18px; margin: 0 0 30px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.dark-gray-box h6 {margin-bottom: 30px;}

.dark-gray-box h5 {font-size: 42px; margin-bottom: 30px;}

.dark-gray-box h5 sup {font-size: 20px; margin-right: 5px;}

.dark-gray-box h5 span { font-size: 12px;width: 50px; display: inline-block; text-align: left; vertical-align: middle; margin-left: 10px; padding-left: 10px; border-left: 1px solid #b6b6b6; margin-top: -5px}

.dark-gray-box .button {font-size: 14px;}

.seeall {text-align: center; margin-top: 40px;}



  .testimonials-box {padding: 80px 0; background: #1a2835;}

  .testimonials-graybox {padding: 60px 60px; background: #223241; border-radius: 15px; width: 70%; margin: 10% auto 0; text-align: center}
  
  .testimonials-graybox p {font-size: 17px;}
  
  .testimonials-graybox h6 {margin: 0}
  
  .testimonials-graybox figure {margin-top: -20%;}
  
  .testimonials-slider.owl-carousel .owl-item img { width: auto;  margin: 0 auto;}
  
  .testimonials-slider .owl-dots {text-align: center; margin-top: 15px; }
  
  .testimonials-slider .owl-dots .owl-dot {display: inline-block; margin: 0 5px;}
  .testimonials-slider .item img{width:unset;margin: 0 auto;}
.testimonials-slider .slick-dots{text-align: center;}
.testimonials-slider .slick-dots li  button{    width: 10px;height: 10px;}
  .testimonials-slider .slick-dots .slick-active button{background:#fff;}
  .testimonials-slider .slick-dots button{background:#9c9b9e;}

.footer-contact{background-image: url(../assets/images/63f59a17e376070d24a17a26_bg.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;padding: 80px 0;}
.footer-row {display: flex;-webkit-justify-content: space-between;justify-content: space-between; align-items: center;}
.footer-row .contact-right{max-width: 589px;width: 100%;}
.footer-row .contact-left{width: 100%;max-width: 433px;}
.contact-box{border:2px solid #343f49;border-radius: 5px;background-color: rgba(34, 50, 65, 0.8);}
.contact-formlist{padding: 0; margin: 0; list-style: none;padding: 40px 29px 40px 35px;border-radius: 12px;background-color: #fff;}
.contact-formlist li {margin-bottom: 30px;}
.contact-formlist li:last-child {margin: 0}
.contact-formlist li p {margin: 0;  color: #252525; font-weight: 600; }
.contact-formlist li a {color: #252525;font-weight: 600; font-size: 18px; display: block}
.contact-formlist li h5 {color: #777;line-height: 25px;font-size: 18px; }
.formlist {margin: 0; padding: 0; list-style: none;}

.formlist li {margin-bottom: 5px;}

.formlist li h5 {margin: 0; font-size: 20px;}

.formlist li textarea {height: 114px; resize: none}

.formlist li .form-group .wpcf7-form-control-wrap { position: relative;  display: block;}

.formlist li .form-group .wpcf7-not-valid-tip{ position: absolute; z-index: 5; right: 5px; text-align: center; max-width: 200px; top: 7px;  color: #fff; padding: 8px 10px;    font-size: 12px; }

.formlist li .form-group .wpcf7-not-valid-tip:before {content: ''; background:url(../images/error.png)no-repeat; width: 19px; height: 16px; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 8px;}
.formlist li .form-group input[type="submit"]{background: #ffff;padding: 18px 25px;color: #121229;font-size: 18px;border-radius: 5px;}
.contact-right .wpcf7 {position: relative}



.contact-right .wpcf7 .wpcf7-response-output { position: absolute; right: 0; margin: 0; bottom: -4px;}

.category-row{display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 30px;grid-row-gap: 30px;}
.category-row .category-col{position: relative;overflow: hidden;}
.home-category {overflow: hidden; background: #1a2835;padding-top: 80px;padding-bottom: 80px;}
.home-category .cols { margin: 0 -5px }

.home-category .cols .col {padding: 0 5px; margin-bottom: 10px;}

.category-pic {position: relative}

.category-pic a img {width: 100%}
.single-portfolio-overlay {position: absolute;left: 0%;top: 0%;right: 0%;bottom: 0%;width: 100%;height: 100%;background-image: repeating-linear-gradient(180deg, transparent, rgba(10, 15, 20, 0.37) 26%, #1a2835 100%, #1a2835);z-index:1;-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.category-content h6{position: absolute;left: 30px;top: auto;right: 0;bottom: 20px;z-index: 2;font-size: 28px;line-height: 1.667;font-weight: 500;color: #fff;margin: 0;}
.gallery img {transform: scale(1);transition: transform .3s ease-in-out;}
.gallery img:hover {transform: scale(1.2);}
.category-pic img {-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.category-pic:hover img,.category-pic:hover .single-portfolio-overlay{-webkit-transform: scale(1.07);transform: scale(1.07);}
.view-all{display: flex;padding-bottom: 5px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-transition: border-color 200ms ease, color 300ms ease;transition: border-color 200ms ease, color 300ms ease;line-height: 1.9;justify-content: center;margin-top: 50px;}
.view-all a{color: #fff;border-bottom:1px solid #fff;font-size:18px;text-decoration: none;}
.view-all a:hover{ border-bottom-color: #9d9d9d;color: #9d9d9d;}
.view-all a:hover i.fas.fa-regular.fa-arrow-right{transform: translateX(4px);}
.category-pic p {display: none}
.section-title{text-align:center;}
.section-intro{margin-bottom: 24px;color: #fff;line-height: 1.125;font-weight: 500;letter-spacing: 0.05em;text-transform: uppercase;}
.section-title h3{margin-bottom:25px;font-size: 50px;}


.page-title {text-align: center;}

.page-title h2 { text-align: center; font-size: 50px;display: inline-block;  position: relative;    margin-bottom: 25px;}

/* .page-title h2:after { content: ''; position: absolute; width: 198px; height: 17px; top: 100%; background: url(../images/divider.png) center center no-repeat; left: 0; right: 0; margin: 0 auto} */

.our-portfolio .cols {margin-left: -5px; margin-right: -5px; padding: 30px; background: #2b2a2f}

.our-portfolio .cols .col {padding: 0 5px; }

.our-portfolio {padding-top: 70px; padding-bottom: 70px; }

.our-portfolio .cols .col .cat-pic {position: relative}

.our-portfolio .cols .col figure img {width: 100%;}

.our-portfolio .cols .col h2 {font-size: 18px; position: absolute; bottom: 1px; left: 1px; right: 1px; text-align: center; margin: 0  }

.our-portfolio .cols .col h2 a { background: rgba(0,0,0,0.60); color: #FFF;  padding: 10px 0; display: block  }

.our-portfolio .cols .col h2 a:hover { background: rgba(0,0,0,1.0); color: #FFF; text-decoration: none}



/* .portfolio-details {padding: 70px 0;} */

.pricing-detail{ font-family: 'Montserrat', Arial, Helvetica, sans-serif;padding-bottom:70px;}

.pricing-detail .cols {display: grid;
  grid-template-columns: repeat(2,1fr);gap:30px;}

.pricing-detail .col { padding: 0 15px;width:unset;padding: 0;}

.contact-data-box {padding: 70px 0;}



.portfolio-details .entry-content {padding:0 30px 50px;}

.category-images-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: flex-start;}

.category-images-box img {border: 1px solid #bababa; width: 30.33333%; margin: 1%; }

.about-us-box{background:url('../images/pexels-photo-248519-img.png')no-repeat;    background-size: cover;
  padding: 80px 0;background-attachment: fixed;}
 .about-us-box .about-data-box {margin-bottom: 40px;}
.insta-section{    padding: 80px 0;
  background: #223241;}

.our-portfolio .cols {justify-content: flex-start;}

.our-portfolio .cols .col {margin-bottom: 15px;}



#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-thumbnails .bwg-title2 { color: #FFF !important; text-shadow:none !important; font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; font-weight: 500 !important }

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-thumbnails .bwg-item0 {border: 4px solid rgba(255,255,255,0.20) !important;}

.portfolio-box { padding: 25px 0; }

.bwg_loading_div_2 {  background-color: #000 !important;   opacity: 0.65 !important;

}


.portfolio-video-box {padding: 40px 0;}

#bwg_container1_0 #bwg_container2_0 .bwg_back_0 { color: #FFF !important;border-bottom: 1px solid #2b2a2f; display: block !important; padding-bottom: 15px !important;}

.spider_popup_wrap { background-color: rgba(43, 42, 47, 0.50) !important;}

.photos {overflow: hidden;}

.figure { border: 0 !important;  box-shadow: none !important; /* display: block !important; */ margin-bottom: 5px !important}

#FilerTab { margin: 0 0 14px !important; text-align: center;     position: relative;   z-index: 45;}

.sortLink.selected, .sortLink:hover { color: #FFF !important; background-color: #2b2a2f !important;  border: 1px solid #2b2a2f !important; text-decoration: none !important}

.sortLink {   border-radius: 15px !important; color: #FFF !important;  float: none !important; font-size: 16px !important; padding:8px 30px !important; text-align: center; text-decoration: none;    margin: 8px 0 !important;  display: inline-block;}




.thumbnail_wrap_ {transition: all .5s ease-in-out;line-height: 0;column-count:3;-moz-column-count:3;-webkit-column-count: 3;column-gap:5px; -webkit-column-gap:5px;-moz-column-gap:5px;}

.thumbnail_wrap_ a {display: inline-block;vertical-align: top;overflow: hidden;width: 100%;}



.thumbnail_wrap_ a img {width: 100%;}

.photos a.showThumb {display: inline-block;}

.photos a.hideThumb {display: none;}



.wrap.our-portfolio-new {max-width: 100%;}

.n2-ss-slider .n2-ss-layer-content[data-verticalalign=center]{justify-content:flex-end !important;}
.n2-ss-slider .n2-ss-layer{margin-bottom:70px;}


.blog-imagix{    display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;}
.entry-header h2{font-size:22px;color: #fff;margin-top:30px;}
.entry-content {font-size: 16px;margin-top: 35px;}
.entry-header h2 a{font-size: 28px;color: #fff;margin-top: 30px;line-height: 1.429;}
.entry-title a{text-decoration: none;}
.button {font-size: 18px;  color: #fff;  display: inline-block; line-height: 1.2;  font-weight: 700;}

.category-pic img {-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.category-pic:hover img,.category-pic:hover .single-portfolio-overlay{-webkit-transform: scale(1.07);transform: scale(1.07);}
.type-blog{overflow: hidden;}
.blog-info li{list-style: none;font-size: 18px;}
.blog-info li.date:before {content: '';display: inline-block; width:17px;height: 17px;vertical-align: middle; background: url(../assets/images/date.png) no-repeat;margin-right: 10px;}
.blog-info {  padding: 0;}
.cms-data h3 {font-size: 28px;  margin-bottom: 20px;}
.cms-data p{    font-family: Thicccboi, sans-serif;
  color: #d9d9d9;
  font-size: 18px;
  line-height: 1.667;
  font-weight: 500;}
.cms-data h5 {font-size: 20px;  margin-bottom: 20px; font-weight: 700; padding-bottom: 20px;}
/* .post-thumbnail img{width: 100%;height: auto;transform: scale(1);
  transition: all .4s ease-in-out;

  }
  .backgroung:hover a.post-thumbnail img{transform: scale(1.2);} */
.desktop-image{display: block;}
.mobile-image{display: none;}
.portfolio-details img{    width: 100%;    border-radius: 15px;
  object-fit: cover;
  height: 500px;}
.page-id-394 .products.columns-3 .woocommerce-loop-product__title{    color: #fff;
  font-size: 28px !important;}
.page-id-394  .woocommerce ul.products li.product .price{font-size:20px !important;color: #fff !important;}
.page-id-394 .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background: transparent !important;padding: 0 !important;color: #fff !important;}
.page-id-394 .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-size:18px !important;}
.page-id-394 .woocommerce span.onsale{min-width: 3.5em !important;}
.page-id-394 .woocommerce .woocommerce-result-count{margin: 0 !important;}
.page-id-394 .woocommerce div.product p.price,.page-id-394 .woocommerce div.product span.price{    font-size: 20px !important;
  color: #fff !important;}
  .category_filter{gap: 10px;}
  .category_filter li{margin: 0;}
  .single-product .woocommerce div.product p.price, .woocommerce div.product span.price{font-size: 26px;color:#fff;}
  .single-product .woocommerce div.product form.cart .variations label{display: none;}
  .single-product .woocommerce div.product form.cart,.single-product .woocommerce div.product form.cart .variations td.label{padding: 0;}
  .single-product .variations select{    padding-left: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #343f49;
    border-radius: 8px;
position: relative;
    content: "";
    background: url(../assets/images/arrow-down_svg.svg) 98% 45% no-repeat #223241 !important;
    width: 100%;
    color: #fff;position: relative;cursor: pointer;}
    .single-product .woocommerce div.product form.cart .button{    display: inline-block;
      padding: 18.5px 25px !important;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid transparent;
      border-radius: 5px;
      background-color: #fff !important;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      color: #000 !important;
      font-size: 18px !important;
      font-weight: 500;opacity:1 !important;}
      .single-product .quantity:after{content: '+ ';    display: inline-block;
        height: 20px;
        width: 20px;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        border-bottom: none;
        background-color: black;
        color: white;
        margin-right: 3px;}
      .single-product .quantity:before{content: '-';    display: inline-block;
        height: 20px;
        width: 20px;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        border-bottom: none;
        background-color: black;
        color: white;
        margin-right: 3px;}
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs{padding:0  !important;}
.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::before,.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::after{border: 0;border-bottom-left-radius:0;}
@media only screen and (max-width: 991px){
.footer-row {
    grid-column-gap: 50px;
}
}
@media only screen and (max-width: 767px) {
.desktop-image{display: none;}
.mobile-image{display:block;}
.product-row{grid-template-columns: repeat(1,1fr);}
.footer-row .contact-right{margin-bottom: 30px;}
.footer-row{display: block;}
.category-content h6{line-height: 1.2;font-size: 22px;}
.service-title{display: block;}
.why-imagix .service-title .action{margin-top:35px;}
}

.lg-download{
	display: none;
}

.woocommerce-ordering select.orderby {
	background: #333139 !important;
}
.variations select {
	background: #333139 !important;
}
.variations tr:hover td {
	background: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: #515151 !important;}

tr:hover td span {
	color: #38373c !important;
}

.woocommerce-checkout #payment {background: none !important;}
table tr.cart_item:hover td.product-name{color: black}

.select2-dropdown {
	background-color: #38373c !important; }

  section.about-data.about-page-section {
    padding-top: 249px;
}
.portfolio-page {
  padding-top: 155px;
}

    /* Home Slider */
    @media screen and (min-width: 1440px){

  }
@media (min-width: 992px) {
    .slider,
  .slide {
      height: 100vh;
    }
  }
  
  .slide {
    position: relative;
    transition: 1s;
  }
  .slide .slide__img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  @media (min-width: 992px) {
    .slide .slide__img {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
  }
  .slide .slide__img img {
    height: auto;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    transition: all 1s ease;
  }
  .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .slide .slide__content.slide__content__left {
    left: 25%;
    transform: translate(-15%, -50%);
  }
  /* .slide .slide__content.slide__content__right {
    right: 15%;
    left: auto;
    transform: translate(5%, -50%);
  } */


  .slide .slide__content--headings .animated {
    transition: all 0.5s ease;
  }
  .slide .slide__content--headings .top-title {
    font-family: "Playball", cursive;
    font-size: 2.5rem;
  }
  .slide .slide__content--headings .title {
    font-size: 3.5rem;
  }
  .slide .slide__content--headings .button-custom {
    text-decoration: none;
    color: #333;
    padding: 1.2rem 2.5rem;
    font-size: 1.5rem;
  }
  
  .slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
    transition: 1s;
  }
  
  .slick-dotted .slick-slider {
    margin-bottom: 30px;
  }
  .simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
  }
  .hero-slider  ul{
    position: relative;
  }
  .hero-slider  ul.slick-dots  {
    position: absolute;
    bottom: 25px;
    right: 50px;
    list-style: none;
    display: block;
    text-align: right;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
  }
  
     .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 10px;
    height: 10px;
    padding: 0;
  }
  .simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
 
  .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
  } 

  @-webkit-keyframes zoomInImage {
    from {
      transform: scale3d(1, 1, 1);
      transition: 1s;
    }
    to {
      transform: scale3d(1.1, 1.1, 1.1);
      transition: 1s;
    }
  }
  @keyframes zoomInImage {
    from {
      transform: scale3d(1, 1, 1);
      transition: 1s;
    }
    to {
      transform: scale3d(1.1, 1.1, 1.1);
      transition: 1s;
    }
  }
  .zoomInImage {
    -webkit-animation-name: zoomInImage;
            animation-name: zoomInImage;
  }
  
  @-webkit-keyframes zoomOutImage {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
      transition: 1s;
    }
    to {
      transform: scale3d(1, 1, 1);
      transition: 1s;
    }
  }
  
  @keyframes zoomOutImage {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
      transition: 1s;
    }
    to {
      transform: scale3d(1, 1, 1);
      transition: 1s;
    }
  }
  .zoomOutImage {
    -webkit-animation-name: zoomOutImage;
            animation-name: zoomOutImage;
    transition: 1s;
  }
  
  .slick-nav {
    --active: #fff;
    --border: rgba(255, 255, 255, 0.12);
    width: 44px;
    height: 44px;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 44px);
  }
  .slick-nav.prev-arrow {
    left: 3%;
    transform: scaleX(-1);
    z-index: 999;
  }
  .slick-nav.next-arrow {
    left: auto;
    right: 3%;
  }
  .slick-nav i {
    display: block;
    position: absolute;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
  }
  .slick-nav i:before, .slick-nav i:after {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--active);
    margin: -1px 0 0 -5px;
    display: block;
    transform-origin: 9px 50%;
  }
  .slick-nav i:before {
    transform: rotate(-40deg);
  }
  .slick-nav i:after {
    transform: rotate(40deg);
  }
  .slick-nav:before, .slick-nav:after {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    border: 2px solid var(--border);
  }
  .slick-nav svg {
    width: 44px;
    height: 44px;
    display: block;
    position: relative;
    z-index: 1;
    color: var(--active);
    stroke-width: 2px;
    stroke-dashoffset: 126;
    stroke-dasharray: 126 126 0;
    transform: rotate(0deg);
  }
  .slick-nav.animate svg {
    -webkit-animation: stroke 1s ease forwards 0.3s;
            animation: stroke 1s ease forwards 0.3s;
  }
  .slick-nav.animate i {
    -webkit-animation: arrow 1.6s ease forwards;
            animation: arrow 1.6s ease forwards;
  }
  .slick-nav.animate i:before {
    -webkit-animation: arrowUp 1.6s ease forwards;
            animation: arrowUp 1.6s ease forwards;
  }
  .slick-nav.animate i:after {
    -webkit-animation: arrowDown 1.6s ease forwards;
            animation: arrowDown 1.6s ease forwards;
  }
  
  @-webkit-keyframes stroke {
    52% {
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
  }
  
  @keyframes stroke {
    52% {
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
  }
  @-webkit-keyframes arrow {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      transform: translateX(17px);
      opacity: 1;
    }
    24%, 80% {
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      transform: translateX(-22px);
    }
  }
  @keyframes arrow {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      transform: translateX(17px);
      opacity: 1;
    }
    24%, 80% {
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      transform: translateX(-22px);
    }
  }
  @-webkit-keyframes arrowUp {
    0%, 100% {
      transform: rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @keyframes arrowUp {
    0%, 100% {
      transform: rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @-webkit-keyframes arrowDown {
    0%, 100% {
      transform: rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @keyframes arrowDown {
    0%, 100% {
      transform: rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }