/*
Theme name: MCW
Description: Custom Theme
*/

/******* MCW WordPress CSS *******/

/* Common elements styling */
/* .post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

Calendar widget
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

Big images in rich text editor should not break page layout
.post .entry { overflow: hidden; }  */

/******* /MCW WordPress CSS *******/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: '1 Snappy DNA';
  src: url('assets/fonts/1SnappyDNA.woff2') format('woff2'),
    url('assets/fonts/1SnappyDNA.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
	/* Google Font */
	--montserrat: 'Montserrat', sans-serif;
	--snappydna: '1 Snappy DNA', sans-serif;
  
	/* Color Palette */
	--white: #fff;
	--black: #000;
	--primary: #ab131a;
	--blue: #1895f4;
	--dark: #070120;
  }

/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* body { background: #000; font-family: 'Varela Round', sans-serif; font-size: 16px; color: #222; -webkit-font-smoothing:antialiased; } */
body {
	color: var(--black);
	font-size: 16px;
	font-family: var(--montserrat);
	font-weight: 400;
	line-height: normal;
	background-color: var(--black);
	text-rendering: optimizeLegibility;
	/* overflow-x: hidden; */
	line-height: 25px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

a,
button {
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a,
button {
  outline: none;
  box-shadow: none;
}
button {
	background: unset;
	padding: 0;
	border: none;
}
ol,
ul {
margin: 0;
padding: 0;
}

ol li,
ul li {
list-style: none;
}
h1,
h2 { font-family: 'Snappy DNA'; font-weight: normal; font-style: italic; letter-spacing: 0.01em; }
h1 { font-size: 150px; }
h2 { font-size: 100px; }
h3 { font-size: 72px; }
h4 { font-size: 30px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

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

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }


/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */

/*  Body  */
.home { overflow: visible; }
/*.home.splash { overflow: hidden; }*/

/*  Wrapper  */
.wrapper { overflow: hidden; position: relative; min-height: 100%; }
.section-gallery,
.section-blog,
.slider { padding-top: 140px; }
.scrolled .section-gallery,
.scrolled .section-blog,
.scrolled .slider { padding-top: 50px; }
.home .wrapper { z-index: 1; top: 0; }
.home .wrapper {
	-webkit-transition: top .75s; 
	     -o-transition: top .75s; 
	        transition: top .75s; 
}
.home.splash .wrapper { top: 100%; }

/*  Shell  */
.shell { max-width: 1170px; margin: 0 auto; position: relative; }


/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

/* removed not needed on the new template

.btn { display: inline-block; vertical-align: middle; line-height: 45px; background: #fff; color: #262b2f; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: right; padding: 0 20px 0 65px; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
.btn span { position: relative; z-index: 1; }
.btn:hover { text-decoration: none; color: #fff; }
.btn:before { position: absolute; top: 0; left: -5px; right: 70%; bottom: -1px; background: #c00; content: ''; }
.btn:hover:before { right: -6px; }
.btn:before {
	-webkit-transition: right .3s; 
	     -o-transition: right .3s; 
	        transition: right .3s; 
	-webkit-transform: skew(12deg); 
	    -ms-transform: skew(12deg); 
	     -o-transform: skew(12deg); 
	        transform: skew(12deg); 
}
.btn:after { position: absolute; top: 0; left: 15px; color: #fff; font-family:'FontAwesome'; font-size: 16px; font-weight: normal; content: '\f178'; }
*/

/*  Button Menu  */
.btn-menu { position: relative; display: none; width: 40px; height: 26px; }
.btn-menu span { position: absolute; display: block; height: 1px; width: 100%; background: #fff; }
.btn-menu span {
	-webkit-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; 
	     -o-transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; 
	        transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; 
}
.btn-menu span:nth-child(1) { top: 0; }
.btn-menu span:nth-child(2) { top: 12px; }
.btn-menu span:nth-child(3) { top: 25px; }

.btn-menu.active span {
	-webkit-transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; 
	     -o-transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; 
	        transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; 
}

.nav.active .btn-menu span:nth-child(3),
.nav.active .btn-menu span:nth-child(1) { top: 12px;  background: red; }

.nav.active .btn-menu span:nth-child(2) { opacity: 0; }
.nav.active .btn-menu span:nth-child(1) {
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}
.nav.active .btn-menu span:nth-child(3) {
	-webkit-transform: rotate(-45deg); 
	    -ms-transform: rotate(-45deg); 
	     -o-transform: rotate(-45deg); 
	        transform: rotate(-45deg); 
}


/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.ico-pin { background-image: url(images/ico-pin.png); width: 21px; height: 28px; }
.ico-mobile { background-image: url(images/ico-phone.png); width: 21px; height: 33px; }
.ico-envelope { background-image: url(images/ico-envelope-1.png); width: 21px; height: 14px; }


/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 50; }
.scrolled .header { position: fixed; }

.header-inner { background: #000; }
.logo { background: url(images/logo.png) no-repeat 0 0; width: 120px; height: 62px; background-size: contain; float: left; text-indent: -9999px; white-space: nowrap; overflow: hidden; margin-top: 15px; }
.logo {
	-webkit-transition: all .3s; 
	     -o-transition: all .3s; 
	        transition: all .3s; 
}
.scrolled .logo { margin-top: 7px; width: 105px; height: 39px; }

/*  Header Bar  */
.header-bar { background: #fff; line-height: 50px; color: rgba(38, 43, 48, 0.4); font-size: 12px; }
.scrolled .header-bar { display: none; }

/*  Header Bar - Left  */
.header-left { float: left; }
.header-left i { color: #cc0000; font-size: 14px; margin-right: 10px; }
.header-left a { color: rgba(38, 43, 48, 0.4); }
.header-left p { float: left; margin-right: 25px; }

/*  Header Bar - Right  */
.header-right { float: right; }
.header-right .btn-search { float: left; display: inline-block; width: 30px; line-height: 26px; border: 2px solid #ededed; text-align: center; margin-top: 10px; }
.header-right .btn-search i { color: #ececec; font-size: 14px; }
.header-right .socials { float: left; margin-right: 5px; }
.header-right .socials ul { list-style: none outside none; overflow: hidden; }
.header-right .socials ul li { float: left; margin-right: 25px; }
.header-right .socials ul li a { display: block; color: #999; font-size: 17px; }
.header-right .socials ul li a:hover .fa-facebook-official { color: #3B5998; }
.header-right .socials ul li a:hover .fa-twitter { color: #28A9E0; }
.header-right .socials ul li a:hover .fa-google-plus { color: #DD4B38; }
.header-right .socials ul li a:hover .fa-rss { color: #F8991D; }
.header-right .socials ul li a:hover .fa-youtube-play { color: #E94639; }

/*  Search Popup  */
.search-popup { display: none; position: absolute; top: 0; left: -5px; right: 0; height: 100%; background: #fff; z-index: 11; }
.search-popup .search-field { -webkit-appearance: none; border-radius: 0; box-shadow: none; border: 0; background: #fff; float: left; width: calc(100% - 30px); text-align: right; height: 50px; line-height: 50px; padding-right: 20px; }
.search-popup .search-submit { -webkit-appearance: none; border-radius: 0; box-shadow: none; float: right; display: inline-block; width: 30px; line-height: 26px; border: 2px solid #ededed; text-align: center; margin-top: 10px; background: #fff; }
.search-popup .search-submit i { color: #ececec; font-size: 14px; }
.search-popup input[type="search"] { -webkit-appearance: textfield; }
.search-popup input[type="search"]::-webkit-search-decoration,
.search-popup input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }


/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { float: right; margin-right: -20px; }
.nav ul { list-style: none outside none; display: flex; align-items: center; line-height: 77px; }
.nav ul li { display: inline-block; margin-left: 7px; }
.nav ul li {
	-webkit-transition: background .3s; 
	     -o-transition: background .3s; 
	        transition: background .3s; 
}
.nav ul .current-menu-item,
.nav ul li:hover { background: #ab131a; }

.nav ul li {
	-webkit-transform: skew(-23deg); 
	    -ms-transform: skew(-23deg); 
	     -o-transform: skew(-23deg); 
	        transform: skew(-23deg); 
}
.nav ul li a { display: block; min-width: 105px; padding: 0 15px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: bold; line-height: unset; text-transform: uppercase; text-align: center; }
.nav ul li a {
	-webkit-transition: line-height .3s; 
	     -o-transition: line-height .3s; 
	        transition: line-height .3s; 
}
.scrolled .nav ul li a { line-height: 50px; }
.nav ul li a:hover { text-decoration: none; }
.nav ul li a {
	-webkit-transform: skew(23deg); 
	    -ms-transform: skew(23deg); 
	     -o-transform: skew(23deg); 
	        transform: skew(23deg); 
}

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */

img.alignnone,
img.alignleft,
img.alignright,
img.aligncenter,
.wp-caption.alignnone,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {  margin: 5px 15px 10px; }

img.alignleft,
.wp-caption.alignleft { margin-left: 0; }

img.alignright,
.wp-caption.alignright { margin-right: 0; }

img.aligncenter,
.wp-caption.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignnone,
.wp-caption.alignnone { display: block; margin-left: 0; margin-right: 0; }

.wp-caption { position: relative; }
.wp-caption img { width: 100%; height: auto; }
.wp-caption .wp-caption-text { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px!important; font-size: 12px; background: rgba(0, 0, 0, 0.5); color: #fff; }

/* Gallery */

.gallery { position: relative; overflow: hidden; padding-bottom: 20px; }
.gallery .wp-caption-text { position: absolute; right: 10px; bottom: 10px; left: 10px; padding: 5px 10px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; }
.gallery .gallery-item { float: left; position: relative; padding: 10px; box-sizing: border-box; }
.gallery .gallery-item img { width: 100%; height: auto; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.67%; }
.gallery-columns-7 .gallery-item { width: 14.29%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.11%; }

.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption { display: none; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/*  Slider  */
.slider .slider-clip,
.slider .slide { width: 100%; height: 770px; overflow: hidden; position: relative; }
.slider .slide { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.slider .slider-clip { margin: 0 auto; }
.slider .slide-actions,
.slider .slide-content { position: absolute; top: 36%; left: 0; width: 100%; text-align: center; color: #fff; line-height: 1; }
.slider .slide-content h1 { text-shadow: 5px 0 5px rgba(12,13,13,.3); }
.slider .slide-content h4 { font-family: 'Montserrat', sans-serif; font-weight: normal; position: relative; display: inline-block; text-transform: uppercase; }
.slider .slide-content h4:before,
.slider .slide-content h4:after { position: absolute; top: 50%; margin-top: -2px; background: url(images/slider-head-decoration.png) no-repeat 0 0; width: 104px; height: 4px; background-size: contain; content: ''; }
.slider .slide-content h4:before { right: calc(100% + 20px); background-image: url(images/slider-head-decoration-left.png); }
.slider .slide-content h4:after { left: calc(100% + 20px); }
.slider .slide-actions,
.slider .slide-content {
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.slider .slide-actions { top: 64%; }
.owl-prev,
.owl-next { position: absolute; top: 44%; margin-top: -25px; width: 50px; line-height: 50px; height: 50px; background: #656565; text-align: center; color: #fff; font-size: 24px; padding-top: 1px; }
.owl-prev,
.owl-next {
	-webkit-transition: background .3s; 
	     -o-transition: background .3s; 
	        transition: background .3s; 
}
.owl-prev:hover,
.owl-next:hover { background: #c00; }
.slider .owl-prev { left: 50%; margin-left: -605px; }
.slider .owl-next { right: 50%; margin-right: -605px; }
.slider .owl-prev,
.slider .owl-next { color: #656565; background: #fff; }
.slider .owl-prev:hover,
.slider .owl-next:hover { color: #fff; background: #c00; }
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }

/*  Slider Testimonials  */
.slider-testimonials { background: #000; padding: 90px 0  81px; }
.slider-testimonials > .slide { margin: 0 auto; }
.slider-testimonials .slider-clip,
.slider-testimonials .slide { width: 815px; overflow: hidden; position: relative; }
.slider-testimonials .slider-clip { margin: 0 auto; }
.slider-testimonials .slide { color: rgba(255, 255, 255, 0.75); font-size: 16px; text-align: center; }
.slider-testimonials .slide h5 { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;; }
.slider-testimonials .slide .slide-meta { color: #535553; font-size: 14px; margin-bottom: 33px; }
.slider-testimonials .slide p { margin-bottom: 48px; }
.slider-testimonials .owl-dots { text-align: center; }
.slider-testimonials .owl-dots div { width: 16px; height: 16px; background: #545654; border: 2px solid transparent; display: inline-block; cursor: pointer; margin: 0 6px; }
.slider-testimonials .owl-dots div.active { border-color: #cc0000; background-color: transparent; }
.slider-testimonials .owl-dots div {
	-webkit-background-clip: padding-box; 
	   -moz-background-clip: padding-box; 
	        background-clip: padding-box; 
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}

/*  Slider Custom  */
.slider-custom { position: relative; }
.slider-custom .slide { overflow: hidden; }
.slider-custom .slide-image { float: left; width: 42%; }
.slider-custom .slide-image img { width: 100%; height: auto; }
.slider-custom .slide-content { float: right; width: 51.5%; }
.slider-custom .slide-content h4 { color: #222; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1; margin: -3px 0 45px; }
.slider-custom .slide-content p { margin-bottom: 12px; }
.slider-custom .slide-content .link-more { color: rgba(204, 0, 0, 0.75); display: block; }
.slider-custom .slide-images { margin-top: 40px; }
.slider-custom .slide-images a { display: inline-block; width: 75px; height: 75px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; margin-right: 15px; }
.slider-custom .slide-images a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(204, 0, 0, 0.8); content: ''; visibility: hidden; opacity: 0; }
.slider-custom .slide-images a:after { color: #fff; font-family: 'FontAwesome'; font-size: 18px; content: '\f045'; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; visibility: hidden; opacity: 0; display: none; }
.slider-custom .slide-images a:hover:before,
.slider-custom .slide-images a:hover:after { visibility: visible; opacity: 1; }
.slider-custom .slide-images a:before,
.slider-custom .slide-images a:after {
	-webkit-backface-visibility: hidden; backface-visibility: hidden; 
	-webkit-transition: opacity .3s, visibility .3s; 
	     -o-transition: opacity .3s, visibility .3s; 
	        transition: opacity .3s, visibility .3s; 
}
.slider-custom .slide-images a:after {
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.slider-custom .owl-prev,
.slider-custom .owl-next { top: 50%; }
.slider-custom .owl-prev { left: -195px; }
.slider-custom .owl-next { right: -195px; }

/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */

@-webkit-keyframes blinker {
	0% { opacity: 1; }
	50% { opacity: .1; }
	100% { opacity: 1; }
} 

@-moz-keyframes blinker {
	0% { opacity: 1; }
	50% { opacity: .1; }
	100% { opacity: 1; }
} 

@keyframes blinker {
	0% { opacity: 1; }
	50% { opacity: .1; }
	100% { opacity: 1; }
} 

/* ------------------------------------------------------------ *\
	Sections
\* ------------------------------------------------------------ */

/*  Splash  */
.section-splash { width: 100%; height: 100%; background: #202020; position: absolute; z-index: 0; top: 0; left: 0; }
.home.splash .section-splash { z-index: 2; }
.section-splash .link-logo { background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; width: 379px; height: 131px; text-indent: -9999px; white-space: nowrap; overflow: hidden; position: absolute; top: 45%; left: 50%; }
.section-splash .link-scroll { position: absolute; top: 80%; left: 50%; display: block; color: #fff; }
.section-splash .link-scroll {
	-webkit-animation-name: blinker; 
	     -o-animation-name: blinker; 
	        animation-name: blinker; 
    -webkit-animation-duration: 2.5s; 
         -o-animation-duration: 2.5s; 
            animation-duration: 2.5s; 
    -webkit-animation-timing-function: linear; 
         -o-animation-timing-function: linear; 
            animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
         -o-animation-iteration-count: infinite; 
            animation-iteration-count: infinite; 
}
.section-splash .link-scroll i { font-size: 18px; }
.section-splash .link-scroll,
.section-splash .link-logo {
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}

/*  Section Home About  */
.section-home-about { background: #f6f6f6; text-align: center; color: #575757; font-size: 16px; padding-bottom: 70px; }
.section-home-about h3 { color: #1895f3; font-family: 'Snappy DNA'; font-size: 65px; font-weight: normal; font-style: italic; letter-spacing: 0.01em; line-height: 1.63; position: relative; margin-top: 40px; }
.section-home-about p { max-width: 770px; margin: 0 auto; letter-spacing: 0.05em; line-height: 1.75; }
.section-home-about h3:before { position: absolute; top: 0; left: 50%; margin-left: -15px; width: 30px; height: 3px; background: #cc0000; content: ''; }
.features { overflow: hidden; margin-top: -60px; position: relative; z-index: 1; }
.feature { float: left; width: 31.6%; margin-right: 2.6%; }
.feature a { display: block; padding-bottom: 68%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.feature a:hover { text-decoration: none; }
.feature h6 { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 50px; color: #ececec; font-size: 16px; font-weight: normal; background: #000; }
.feature a:before { position: absolute; top: 40%; left: 50%; width: 66px; line-height: 66px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); content: '\f04b'; color: #c00; font-family:'FontAwesome'; font-size: 32px; text-indent: 5px; }
.feature a:hover:before { background: #c00; color: #fff; }
.feature a:before {
	-webkit-transition: color .3s, background .3s;
	     -o-transition: color .3s, background .3s;
	        transition: color .3s, background .3s;
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.feature:last-child { margin-right: 0; }

/*  Section  */
.section { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; height: 600px; position: relative; }
.section .section-content { position: absolute; top: 47%; left: 50%; margin-right: -50%; text-align: center; color: #fff; font-size: 15px; }
.section .section-content {
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.section .section-content h2 { line-height: 0.95; }
.section .section-content .separator { width: 592px; height: 2px; opacity: .3; background: #f1f1f1; margin: 20px auto; }
.section .section-content .btn { margin-top: 10px; }

/*  Section Newsletter  */
.section-newsletter { background: #ededed; padding: 85px 0 98px; text-align: center; }
.section-newsletter .shell { max-width: 757px; }
.section-newsletter .section-head { color: rgba(53, 55, 55, 0.85); }
.section-newsletter .section-head h4 { color: #353737; font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: bold; text-transform: uppercase; position: relative; z-index: 1; }
.section-newsletter .section-head h4:before { z-index: -1; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -50px; background: url(images/ico-envelope.png) no-repeat 0 0; width: 100px; height: 66px; background-size: contain; content: ''; }

.gfield_error { margin: 0 !important; border: none!important; background: none!important; }
.validation_error { display: none !important; }
.gfield_error .ginput_container { margin: 0 !important; border: none!important; }
.gfield_error .ginput_container input { border: none!important; }
.section-newsletter .gform_wrapper { position: relative; overflow: hidden; margin: 45px 0 0 0; max-width: 100%!important; }
.section-newsletter .gform_button { position: relative; }
.section-newsletter .gform_ajax_spinner { position: absolute; right: 30%; top: 16px; }
.section-newsletter .gform_heading { display: none; }
.section-newsletter .gform_fields { list-style: none outside none; }
.section-newsletter .gfield { position: relative; }
.section-newsletter label { display: none!important; }
.section-newsletter .gfield { width: 100%!important; }
.section-newsletter .gform_wrapper .gform_footer { padding: 0; margin: 0; }
.section-newsletter .gfield:after { position: absolute; top: 0; right: 190px; color: rgba(53, 55, 55, 0.35); font-family:'FontAwesome'; font-size: 14px; line-height: 50px; content: '\f1d9'!important; }
 body .gform_wrapper label.gfield_label+ div.ginput_container { margin-top: 0 !important; }
.section-newsletter .gfield input { -webkit-appearance: none; border-radius: 0; box-shadow: none; border: 0; background: #fff; width: 100%; line-height: 50px; height: 50px; padding: 0 210px 0 22px!important; color: rgba(53, 55, 55, 0.75); }
.section-newsletter .gform_button { -webkit-appearance: none; border-radius: 0; box-shadow: none; border: 0; }
.section-newsletter .gform_button { position: absolute; top: 0; right: -5px; width: 175px; line-height: 50px; background: #c00; color: #fff; font-family: 'Montserrat', sans-serif!important; font-style: normal!important; font-size: 18px!important; font-weight: bold; text-transform: uppercase; text-align: center; text-transform: rotate(25deg) }
.section-newsletter .gform_button {
	-webkit-transform: skew(-10deg);
	    -ms-transform: skew(-10deg);
	     -o-transform: skew(-10deg);
	        transform: skew(-10deg);
}
.section-newsletter .gform_button span { display: block; }
.section-newsletter .gform_button span {
	-webkit-transform: skew(10deg);
	    -ms-transform: skew(10deg);
	     -o-transform: skew(10deg);
	        transform: skew(10deg);
}

/*  Section Video  */
.section-video:after { position: absolute; width: 100%; height: 100%; color: #000; content: ''; z-index: 5; }
.section-image-link,
.section-video { padding-bottom: 56.25%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.section-video { padding-bottom: 0; height: 100vh; }
.section-video .section-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.section-video .section-embed .section-inner { position: relative; padding-bottom: 56.25%; height: 0; top: 50%; }
.section-video .section-embed .section-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; 
-webkit-transition: opacity 3s;
     -o-transition: opacity 3s;
        transition: opacity 3s;
}
.section-video .section-embed .section-inner iframe.active { opacity: 1; }
.section-video .section-embed .section-inner {
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.section-video.active .section-embed { background: #000; }
.section-image-link .section-content,
.section-video .section-content { position: absolute; top: 50%; left: 50%; margin-right: -50%; z-index: 8; text-align: center; opacity: 1; -webkit-transition: all 3s;
     -o-transition: all 3s;
        transition: all 3s; }
.section-video.active .section-content { opacity: 0; visibility: hidden; }
.section-video.active:after { display: none; }
.section-image-link .section-content,
.section-video .section-content {
	-webkit-transition: opacity .3s, visibility .3s; 
	     -o-transition: opacity .3s, visibility .3s; 
	        transition: opacity .3s, visibility .3s; 
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.section-image-link .section-content .btn-play { -webkit-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s; }
.section-image-link .section-content h1,
.section-video .section-content h1 { color: #fff; font-style: italic; line-height: 1.1; }
.section-image-link .section-content .btn-play,
.section-video .section-content .btn-play { display: inline-block; width: 66px; line-height: 66px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); text-align: center; color: #c00; font-size: 32px; text-indent: 3px; position: relative; z-index: 300!important; position: relative; }
.section-video .section-content .btn-play {
	-webkit-transition: color .3s, background .3s; 
	     -o-transition: color .3s, background .3s; 
	        transition: color .3s, background .3s; 
}
.section-image-link .section-content .btn-play:before,
.section-video .section-content .btn-play:before,
.section-image-link .section-content .btn-play:after,
.section-video .section-content .btn-play:after { position: absolute; top: 50%; margin-top: -1px; width: 74px; height: 2px; background: #f1f1f1; content: ''; }

.section-image-link .section-content .btn-play:before,
.section-video .section-content .btn-play:before { right: calc(100% + 20px); }
.section-image-link .section-content .btn-play:after,
.section-video .section-content .btn-play:after { left: calc(100% + 20px); }
.section-image-link .section-content .btn-play i,
.section-video .section-content .btn-play i { vertical-align: middle; }
.section-image-link .section-content .btn-play:hover,
.section-video .section-content .btn-play:hover { background: #c00; color: #fff; }

/*  Section About  */
.section-about { background: #f6f6f6; padding: 87px 0 99px; }
.section-about .section-content { padding-left: 15px; width: 60%; float: left; color: #575757; font-size: 16px; letter-spacing: 0.05em; line-height: 1.75; }
.section-about .section-content p { margin-bottom: 28px; }
.section-about .section-content h4 { color: #212121; font-family: 'Montserrat', sans-serif; font-size: 32px; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 0; }
.section-about .section-aside { width: 31.6%; float: right; margin-top: 3px; }

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

/*  Section About 2  */
.section-about-2 { background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }
.section-about-2-alt { padding-bottom: 100px; }
.section-about-2 .section-head { padding: 50px 0; text-align: center; color: rgba(255, 255, 255, 0.7); }
.section-about-2-alt .section-head { padding: 95px 0 65px; }
.section-about-2 .section-head .shell { max-width: 630px; }
.section-about-2 .section-head h3 { color: #fff; font-family: 'Snappy DNA'; font-weight: normal; font-style: italic; letter-spacing: 0.01em; line-height: 1; }
.section-about-2 .section-head .separator { position: relative; display: inline-block; margin-bottom: 10px; }
.section-about-2 .section-head .separator:after,
.section-about-2 .section-head .separator:before { position: absolute; top: 50%; margin-top: -1px; width: 74px; height: 2px; background: #cc0000; content: ''; }
.section-about-2 .section-head .separator:before { right: calc(100% + 20px); }
.section-about-2 .section-head .separator:after { left: calc(100% + 20px); }
.section-about-2 .section-head .separator span { width: 7px; height: 7px; border: 2px solid #fff; display: inline-block; }
.section-about-2 .section-head .separator span {
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}

.section-about-2 .section-inner { background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); padding: 45px 0 85px; }
.section-about-2 .accordion { max-width: 736px; margin: 0 auto; text-align: center; }
.section-about-2 .accordion-section { border-bottom: 1px solid #f0f0f0; }
.section-about-2 .accordion-head { padding: 27px 0; }
.section-about-2 .accordion-head { cursor: default; }
.section-about-2 .accordion-head h6 { color: #212121; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative; }
.section-about-2 .accordion-expanded .accordion-head h6:after { position: absolute; top: 100%; left: 0; width: 100%; height: 2px; background: #c00; content: ''; }
.section-about-2 .accordion-body { color: rgba(34, 34, 34, 0.55); line-height: 1.64; padding: 5px 0 35px; display: none; }

/*  Section Slider  */
.section-slider { background: #f6f6f6; padding: 95px 0 145px; }
.section-slider-alt { padding-bottom: 100px; }
.section-slider .section-head { color: rgba(34, 34, 34, 0.75); margin-bottom: 70px; position: relative; }
.section-slider .section-head a { font-size: 16px; color: #c00; }
.section-slider .section-head h3 { color: #222; font-family: 'Snappy DNA'; font-weight: normal; font-style: italic; letter-spacing: 0.01em; padding-left: 130px; position: relative; line-height: 1.2; }
.section-slider .section-head h3:before { width: 100px; height: 5px; background: #cc0000; position: absolute; top: 60%; left: 0; content: ''; }
.section-slider .slider-paging { position: absolute; top: 39%; right: 0; }
.section-slider .slider-paging div { width: 16px; height: 16px; background: #545654; border: 2px solid transparent; display: inline-block; margin-left: 8px; cursor: pointer; }
.section-slider .slider-paging div.active { border-color: #cc0000; background-color: transparent; }
.section-slider .slider-paging div {
	-webkit-background-clip: padding-box; 
	   -moz-background-clip: padding-box; 
	        background-clip: padding-box; 
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}
.section-slider .section-body { background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); padding: 160px 170px; }
.section-slider-alt .section-body { padding: 0; }

/*  Section Services  */
.section-services { background: #f6f6f6; padding: 100px 0 85px; }
.section-services .section-head { text-align: center; color: #8b8b8b; font-size: 15px; margin-bottom: 105px; }
.section-services .section-head h2 { color: #000; font-family: 'Snappy DNA'; font-weight: normal; font-style: italic; letter-spacing: 0.01em; line-height: 1.1; }
.section-services .section-body { position: relative; }
.section-services .section-body .shell { position: static; }
.section-services .service { width: 31.6%; margin-right: 2.6%; margin-bottom: 80px; float: left; }
.section-services .service:nth-child(3n) { margin-right: 0; }
.section-services .service-image { margin-bottom: 35px; }
.section-services .service-image a { display: block; padding-bottom: 78.44%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 1px 0 3px rgba(0,0,0,.15); }
.section-services .service-entry { color: rgba(51, 51, 54, 0.75); padding-bottom: 29px; position: relative; line-height: 1.7; }
.section-services .service-entry:after { position: absolute; bottom: 0; left: 0; width: 42px; height: 1px; background: #252b2f; content: ''; }
.section-services .service-entry h5 { font-family: 'Montserrat', sans-serif; font-size: 21px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; line-height: 1; }
.section-services .service-entry h5 a { color: #4b5157; position: relative; display: block; }
.section-services .service-entry h5 a:before { content: '\f107'; color: rgba(51, 51, 54, 0.2); font-family: 'FontAwesome'; font-size: 30px; margin-right: 15px; vertical-align: middle; }
.section-services .service-entry h5 a:hover { text-decoration: none; }
.section-services .service-entry h5 a:hover:before { color: #c00; }
.section-services .service-popup { position: absolute; left: 0; width: 100%; background: #000; padding: 50px 0; z-index: 1; visibility: hidden; opacity: 0; }
.section-services .service-popup:before,
.section-services .service-popup:after { position: absolute; left: 0; width: 100%; height: 9999px; background: #000; content: ''; }
.section-services .service-popup:before { bottom: 100%; }
.section-services .service-popup:after { top: 100%; }
.section-services .service-popup {
	-webkit-transition: opacity .3s, visibility .3s; 
	     -o-transition: opacity .3s, visibility .3s; 
	        transition: opacity .3s, visibility .3s; 
}
.section-services .service.active .service-popup { visibility: visible; opacity: 1; }
.section-services .service-popup .service-slider { width: 47%; float: left; background: #fff; margin-right: 4.3%; padding: 5%; }
.section-services .service-popup .service-slider-image { background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 71%; margin-bottom: 15px; }
.section-services .service-popup .slide a { display: block; padding-bottom: 70%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.section-services .service-popup .shell { position: relative; }
.section-services .service-popup .slides { overflow: hidden; }
.section-services .service-popup .service-content { width: 47%; float: left; color: rgba(255, 255, 255, 0.75); line-height: 1.7; }
.section-services .service-popup .service-content h4 { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }
.section-services .service-popup .link-close { position: absolute; top: -7px; right: 12px; color: #cb0000; font-size: 36px; }

/*  Section Support  */
.section-support { background: #353535; padding: 130px 0 150px; }
.section-support .section-head { color: #fff; text-align: center; font-size: 15px; padding-bottom: 125px; }
.section-support .section-head h2 { line-height: 1; }
.section-support .section-head .separator { width: 592px; height: 2px; background: rgba(241, 241, 241, 0.3); margin: 15px auto 0; }
.section-support .posts { overflow: hidden; }
.section-support .post { float: left; width: 50%; background: #fff; overflow: hidden; }
.section-support .post-image { width: 53.5%; float: left; position: relative; }
.section-support .post-image:before,
.section-support .post-image:after { position: absolute; right: 0; background: #fff; content: ''; width: 20px; }
.section-support .post-image:before { top: -8px; bottom: calc(72% + 8px); }
.section-support .post-right .post-image:after,
.section-support .post-image:before {
	-webkit-transform: skewY(40deg); 
	    -ms-transform: skewY(40deg); 
	     -o-transform: skewY(40deg); 
	        transform: skewY(40deg); 
}
.section-support .post-image:after { top: calc(28% + 8px); bottom: -8px; }
.section-support .post-right .post-image:before,
.section-support .post-image:after {
	-webkit-transform: skewY(-40deg); 
	    -ms-transform: skewY(-40deg); 
	     -o-transform: skewY(-40deg); 
	        transform: skewY(-40deg); 
}
.section-support .post-right .post-image:before,
.section-support .post-right .post-image:after { right: auto; left: 0; }
.section-support .post-right .post-image:before { bottom: calc(28% + 8px); }
.section-support .post-right .post-image:after { top: calc(72% + 8px); }
.section-support .post-image a { display: block; padding-bottom: 72%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.section-support .post-right .post-image { float: right; }
.section-support .post-content { width: 46.5%; float: left; padding: 35px 30px 20px 10px; line-height: 1.7; }
.section-support .post-right .post-content { padding-left: 30px; padding-right: 10px; color: rgba(38, 43, 48, 0.75); }
.section-support .post-content h6 { font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 7px; }
.section-support .post-content h6 a { color: #262b30; }

/*  Section Blog  */
.section-blog { background: #f6f6f6; }
.section-blog > .section-head { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 450px; position: relative; }
.section-blog > .section-head .section-content { position: absolute; top: 57%; left: 0; width: 100%; text-align: center; }
.section-blog > .section-head .section-content {
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.section-blog > .section-head h1 { color: #fff; line-height: 1; }
.section-blog > .section-head .separator { position: relative; display: inline-block; }
.section-blog > .section-head .separator:after,
.section-blog > .section-head .separator:before { position: absolute; top: 50%; margin-top: -1px; width: 74px; height: 2px; background: #cc0000; content: ''; }
.section-blog > .section-head .separator:before { right: calc(100% + 20px); }
.section-blog > .section-head .separator:after { left: calc(100% + 20px); }
.section-blog > .section-head .separator span { width: 7px; height: 7px; border: 2px solid #fff; display: inline-block; }
.section-blog > .section-head .separator span {
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}

.section-blog .section-body { padding: 100px 0 125px; }
.section-blog .content { width: 74.5%; float: left; }
.section-blog .sidebar { width: 23.1%; float: right; background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); }

.section-blog .articles { padding-bottom: 40px; }
.section-blog .articles .article { background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); padding: 30px 30px 145px; position: relative; margin-bottom: 50px; }
.section-blog .articles .article-image { display: block; padding-bottom: 55.6%; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; position: relative; }
.section-blog .articles .article-image:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(204, 0, 0, 0.7); content: ''; z-index: 0; opacity: 0; }
.section-blog .articles .article-image:before {
	-webkit-transition: opacity .3s; 
	     -o-transition: opacity .3s; 
	        transition: opacity .3s; 
}
.section-blog .articles .article-image:hover:before { opacity: 1; }
.section-blog .articles .article-image:after { position: absolute; bottom: -100px; left: 0; width: 100%; height: 150px; background: #fff; content: ''; z-index: 1; }
.section-blog .articles .article-image:after {
	-webkit-transform: skewY(7deg); 
	    -ms-transform: skewY(7deg); 
	     -o-transform: skewY(7deg); 
	        transform: skewY(7deg); 
}
.section-blog .articles .article-content.no-image { padding-top: 0; position: relative; margin: 0 30px; left: 0; right: 30px; top: 0; bottom: 0; margin-bottom: -90px; }
.section-blog .articles .article-content { position: absolute; bottom: 50px; left: 60px; right: 60px; background: #fff; padding: 30px 40px 0; color: rgba(34, 34, 34, 0.75); z-index: 2; }
.section-blog .articles .article-content h5 { font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 10px; }
.section-blog .articles .article-content h5 a { color: #222; text-decoration: none; -webkit-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s; }
.section-blog .articles .article-content h5 a:hover { color: #c00; }
.section-blog .articles .article-meta { margin-bottom: 17px; }
.section-blog .articles .article-meta a { display: inline-block; color: #222; }
.section-blog .articles .article-meta a i { font-size: 14px; color: #c00; margin-right: 5px; }
.section-blog .articles .article-meta a + a { margin-left: 35px; }
.section-blog .articles .article-entry { margin-bottom: 35px; line-height: 1.7; }
.section-blog .articles .article-actions .btn { font-size: 14px; line-height: 40px; background: #f5f5f5; }
.section-blog .articles .article-actions i { position: absolute; bottom: 0; right: 0; font-size: 36px; color: #c00; }

/*  Section Article  */
.section-article { background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); padding: 50px 30px 10px; margin-bottom: 50px; }
.section-article .section-head { overflow: hidden; position: relative; margin-bottom: 30px; }
.section-article .section-date { float: left; width: 60px; height: 70px; border: 2px solid #cb0000; text-align: center; padding-top: 10px; text-transform: uppercase; color: #222; font-size: 16px; margin-right: 20px; line-height: 1.3; }
.section-article .section-date strong { display: block; font-size: 24px; font-family: 'Montserrat', sans-serif; }
.section-article .section-head .section-content { float: left; }
.section-article .section-title { color: #222; font-family: 'Montserrat', sans-serif; text-transform: uppercase; line-height: 1; margin-bottom: 10px; }
.section-article .section-meta { font-size: 14px; }
.section-article .section-meta a { color: #222; }
.section-article .section-meta i { color: #c00; margin-right: 5px; }
.section-article .section-meta a + a { margin-left: 30px; }
.section-article .section-head > i { position: absolute; top: 0; right: 0; color: #c00; font-size: 36px; }

.section-article .section-image { padding-bottom: 55.5%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.section-article .section-body { padding: 0 30px; margin-top: -70px; }
.section-article .section-inner { background: #fff; padding: 30px; }

.section-article .section-images { overflow: hidden; margin-bottom: 40px; }
.section-article .section-images a { float: left; width: 32%; margin-right: 2%; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 18%; position: relative; }
.section-article .section-images a:before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background: rgba(204, 0, 0, 0.85); content: ''; opacity: 0; }
.section-article .section-images a:after { position: absolute; top: 50%; left: 50%; font-family:'FontAwesome'; content: '\f002'; color: #fff; font-size: 24px; opacity: 0; }
.section-article .section-images a:after {
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.section-article .section-images a:before,
.section-article .section-images a:after {
	-webkit-transition: opacity .3s; 
	     -o-transition: opacity .3s; 
	        transition: opacity .3s; 
}
.section-article .section-images a:hover:before,
.section-article .section-images a:hover:after { opacity: 1; }
.section-article .section-images a:last-child { margin-right: 0; }

.section-article .section-entry { color: rgba(34, 34, 34, 0.75); }
.section-article .section-entry p { margin-bottom: 30px; }
.page-template-page-sidebar .section-body .content blockquote,
.section-article .section-entry blockquote { background: #f6f6f6; text-align: center; padding: 57px 50px 27px; position: relative; margin: 67px 0 38px; }
.page-template-page-sidebar .section-body .content blockquote:before,
.section-article .section-entry blockquote:before { position: absolute; top: -22px; left: 50%; background: #fff; border: 2px solid #c00; content: ''; width: 40px; height: 40px; }
.page-template-page-sidebar .section-body .content blockquote:before,
.section-article .section-entry blockquote:before {
	-webkit-transform: translateX(-50%) rotate(45deg); 
	    -ms-transform: translateX(-50%) rotate(45deg); 
	     -o-transform: translateX(-50%) rotate(45deg); 
	        transform: translateX(-50%) rotate(45deg); 
}
.page-template-page-sidebar .section-body .content blockquote:after,
.section-article .section-entry blockquote:after { content: '\f10d'; color: #222; font-family: "FontAwesome"; font-size: 18px; position: absolute; top: -15px; left: 50%; }
.page-template-page-sidebar .section-body .content blockquote:after,
.section-article .section-entry blockquote:after {
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}

.section-article .section-actions { overflow: hidden; color: #222; }
.section-article .section-tags { float: left; }
.section-article .section-socials { float: right; line-height: 35px; }
.section-article .section-tags span,
.section-article .section-socials span { display: inline-block; vertical-align: middle; margin-right: 10px; font-family: 'Montserrat', sans-serif; }
.section-article .section-tags span i,
.section-article .section-socials span i { margin-right: 5px; }
.section-article .section-tags p { display: inline-block; vertical-align: middle; }
.section-article .section-tags p a { border: 2px solid #e7e7e7; line-height: 31px; padding: 0 10px; text-align: center; display: inline-block; color: #222; font-size: 13px; }
.section-article .section-tags p a + a { margin-left: 5px; }
.section-article .section-tags p a {
	-webkit-transition: border-color .3s; 
	     -o-transition: border-color .3s; 
	        transition: border-color .3s; 
}
.section-article .section-tags p a:hover { text-decoration: none; border-color: #c00; }

.section-article .section-socials ul { list-style: none outside none; display: inline-block; }
.section-article .section-socials ul li { display: inline-block; }
.section-article .section-socials ul li + li { margin-left: 30px; }
.section-article .section-socials ul li a { display: block; color: rgba(34, 34, 34, 0.35); }
.section-article .section-socials ul li a:hover { color: #222; }

/*  Section Gallery  */
.section-gallery { background: #f6f6f6; }
.section-gallery > .section-head { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 450px; position: relative; }
.section-gallery > .section-head .section-content { position: absolute; top: 57%; left: 50%; margin-right: -50%; text-align: center; }
.section-gallery > .section-head .section-content {
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.section-gallery > .section-head h1 { color: #fff; line-height: 1; }
.section-gallery > .section-head .separator { position: relative; display: inline-block; }
.section-gallery > .section-head .separator:after,
.section-gallery > .section-head .separator:before { position: absolute; top: 50%; margin-top: -1px; width: 74px; height: 2px; background: #cc0000; content: ''; }
.section-gallery > .section-head .separator:before { right: calc(100% + 20px); }
.section-gallery > .section-head .separator:after { left: calc(100% + 20px); }
.section-gallery > .section-head .separator span { width: 7px; height: 7px; border: 2px solid #fff; display: inline-block; }
.section-gallery > .section-head .separator span {
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}

.section-gallery .section-body { background: #f6f6f6; padding: 75px 0 160px; text-align: center; }
.section-gallery .slider-options { background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); margin-bottom: 65px; }
.section-gallery .gallery-items { overflow: hidden; margin-bottom: 65px; }
.section-gallery .gallery-item { width: 31.6%; float: left; margin-right: 2.6%; margin-bottom: 30px; }
.section-gallery .gallery-item a { display: block; padding-bottom: 94%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.section-gallery .gallery-item h4 { position: absolute; top: 48%; left: 0; width: 100%; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 36px; text-transform: uppercase; opacity: 0; z-index: 2; }
.section-gallery .gallery-item h4 small { display: block; font-size: 18px; font-weight: normal; font-family: 'Varela Round', sans-serif; line-height: 1; }
.section-gallery .gallery-item h4 {
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.section-gallery .gallery-item a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); content: ''; z-index: 1; opacity: 0; }
.section-gallery .gallery-item a:hover:after,
.section-gallery .gallery-item a:hover h4 { opacity: 1!important; }
.section-gallery .gallery-item a:after,
.section-gallery .gallery-item a h4 {
	-webkit-backface-visibility: hidden; backface-visibility: hidden; 
	-webkit-transition: opacity .3s; 
	     -o-transition: opacity .3s; 
	        transition: opacity .3s; 
}
.section-gallery .gallery-item:nth-child(3n) { margin-right: 0; }
.section-gallery .paging { display: inline-block; }

/*  Form Category  */
.form-category .selecter { max-width: 280px; margin: 0 auto 75px; text-align: left; }
.form-category .selecter-selected,
.form-category .selecter-options { font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #262b30; }
.form-category .selecter-selected { width: 100%; border: 0; border-radius: 0; background: #fff; line-height: 50px; padding: 0px 25px; }
.form-category .selecter-options { width: 100%; }
.form-category .selecter.open .selecter-selected { border-radius: 0; }
.form-category .selecter-selected:after { border: 0; border-left: 1px solid #f2f2f2; background: none; width: 50px; height: 50px; line-height: 50px; right: 0; top: 0; box-shadow: 1px 0 3px rgba(0,0,0,.15); content: '\f107'; color: #262b2f; font-family: "FontAwesome"; font-size: 18px; text-align: center; }


/* ------------------------------------------------------------ *\
	Paging
\* ------------------------------------------------------------ */

/*  Paging  */
.paging .paging-prev,
.paging .paging-next,
.paging ul li { float: left; margin-left: 1px; }
.paging ul .paging-next { float: right; }
.paging ul { float: left; list-style: none outside none; }
.paging .paging-prev,
.paging .paging-next,
.paging-spacer,
.paging ul li a { display: block; line-height: 50px; color: #262b2f; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; padding: 0 20px; min-width: 50px; background: #fff; }
.paging .paging-prev:hover,
.paging .paging-next:hover,
.paging ul .current a,
.paging ul li a:hover { color: #c00; box-shadow: 1px 0 3px rgba(0,0,0,.15); text-decoration: none; }

/*  Custom Paging  */
.custom-paging { position: relative; overflow: hidden; }
.custom-paging img { position: absolute; top: 0; left: 0; z-index: 1; min-width: 100%; height: auto; min-height: 100%; }
.custom-paging { margin-bottom: 50px; }
.custom-paging .paging-prev,
.custom-paging .paging-next { width: 50%; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; color: rgba(255, 255, 255, 0.75); overflow: hidden; }
.custom-paging .paging-next { float: right; }
.custom-paging .paging-prev:before,
.custom-paging .paging-next:before { z-index: 5; position: absolute; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ''; border-left: solid 1px #fff; }
.custom-paging .paging-arrow { width: 50px; text-align: center; line-height: 150px; font-size: 24px; color: #fff; position: relative; overflow: hidden; z-index: 10; }
.custom-paging .paging-prev .paging-arrow { float: left; border-right: 1px solid #f6f6f6; }
.custom-paging .paging-next .paging-arrow { float: right; border-left: 1px solid #f6f6f6; }
.custom-paging .paging-arrow:before { position: absolute; top: 50%; left: 50%; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 36px; color: rgba(255, 255, 255, 0.3); }
.custom-paging .paging-prev .paging-arrow:before { content: 'Prev'; }
.custom-paging .paging-prev .paging-arrow:before {
	-webkit-transform: rotate(-90deg) translate(-50%, -50%); 
	    -ms-transform: rotate(-90deg) translate(-50%, -50%); 
	     -o-transform: rotate(-90deg) translate(-50%, -50%); 
	        transform: rotate(-90deg) translate(-50%, -50%); 
    -webkit-transform-origin: left top 0; 
       -moz-transform-origin: left top 0; 
        -ms-transform-origin: left top 0; 
         -o-transform-origin: left top 0; 
            transform-origin: left top 0; 
}
.custom-paging .paging-next .paging-arrow:before { content: 'Next'; }
.custom-paging .paging-next .paging-arrow:before {
	-webkit-transform: rotate(90deg) translate(-50%, -50%); 
	    -ms-transform: rotate(90deg) translate(-50%, -50%); 
	     -o-transform: rotate(90deg) translate(-50%, -50%); 
	        transform: rotate(90deg) translate(-50%, -50%); 
    -webkit-transform-origin: left top 0; 
       -moz-transform-origin: left top 0; 
        -ms-transform-origin: left top 0; 
         -o-transform-origin: left top 0; 
            transform-origin: left top 0; 
}
.custom-paging .paging-next { border-left: 1px solid #f6f6f6; }
.custom-paging .paging-content { padding: 50px 50px 0; overflow: hidden; display: block; position: relative; z-index: 10; }
.custom-paging .paging-content h6 { font-family: 'Montserrat', sans-serif; font-size: 14px; text-transform: uppercase; line-height: 1; margin-bottom: 10px; border-bottom: 1px solid transparent; color: #fff; display: inline-block; }
.custom-paging a:hover { text-decoration: none; }
.custom-paging a:hover h6 { border-bottom-color: #c00; }


/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.article-meta .fa { color: #c00!important; }
.article-meta .fa.fa-comments-o { margin-left: 35px; }
.comments .logged-in-as a { color: #c00; text-decoration: none; -webkit-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s; }
.comments .logged-in-as a:hover { opacity: .8; }
.comments { background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); padding: 40px 30px 80px; list-style: none; }
.comments .comment-reply-title,
.comments h5 { font-size: 18px; color: #222; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; position: relative; margin-bottom: 50px; }
.comments .comment-reply-title,
.comments > h5 { margin-bottom: 59px; }
.comments .comment-reply-title:after,
.comments h5:after { position: absolute; top: 100%; left: 0; width: 50px; height: 2px; background: #c00; content: ''; }
.comments .comment-reply-title { margin-bottom: 15px; }

.commentlist { list-style: none outside none; }
.comment-entry { border-bottom: 1px solid #f6f6f6; overflow: hidden; padding-bottom: 31px; margin-bottom: 31px; }
.comment-image { float: left; width: 9.3%; padding-bottom: 9.3%; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-right: 3.6%; }
.comments .comment-image img { max-width: 100%; height: auto; }
.comment-content { float: left; width: 80%; }
.comment-author,
.comment-meta { display: inline-block; line-height: 1; vertical-align: top; }
.comment-author { font-size: 16px; font-family: 'Montserrat', sans-serif;; }
.comment-author a { color: #222; }
.comment-meta { margin-left: 30px; position: relative; }
.comment-meta:before { position: absolute; top: 50%; margin-top: -2px; left: -18px; width: 4px; height: 4px; background: #c00; content: ''; }
.comment-meta:before {
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	     -o-transform: rotate(45deg); 
	        transform: rotate(45deg); 
}
.comment-meta a { color: rgba(34, 34, 34, 0.75); }
.comment-text { color: rgba(34, 34, 34, 0.75); line-height: 1.65; }
.comment-reply { margin-top: 7px; }
.comment-reply-link { padding: 0 6px; line-height: 18px; border: 2px solid #e7e7e7; color: rgba(34, 34, 34, 0.5); font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; display: inline-block; }
.comment-reply-link:hover { text-decoration: none; border-color: #c00; background: #c00; color: #fff; }
.comment-reply-link:hover {
	-webkit-transition: border-color .3s, background .3s, color .3s; 
	     -o-transition: border-color .3s, background .3s, color .3s; 
	        transition: border-color .3s, background .3s, color .3s; 
}

.comments .children { list-style: none outside none; padding-left: 105px; }
.comments .children .comment-image { width: 11%; padding-bottom: 11%; margin-right: 4%; }

#respond { padding-top: 10px; }
.comments form p { margin-bottom: 20px; }
.comments label { width: 85px; display: inline-block; vertical-align: middle; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.comments input { -webkit-appearance: none; border-radius: 0; box-shadow: none; width: calc(60% - 90px); line-height: 36px; height: 40px; border: 2px solid #f2f2f2; background: #fff; padding: 0 20px; color: rgba(34, 34, 34, 0.5); }
.comments textarea { -webkit-appearance: none; border-radius: 0; box-shadow: none; width: calc(100% - 90px); padding: 20px; height: 170px; border: 2px solid #f2f2f2; background: #fff; }
.comments .form-submit input { width: 132px; line-height: 40px; height: 40px; border: 0; background: #c00; text-align: center; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer; }
.comments .form-submit input:hover { opacity: .85; }
.comments .form-submit { margin-top: -10px; margin-left: 85px; }
.comments .comment-form-comment label { opacity: 0; }
.comments .comments { box-shadow: none; }

/* ------------------------------------------------------------ *\
	Aside / Sidebar
\* ------------------------------------------------------------ */

.section-aside { background: #fff; box-shadow: 1px 0 3px rgba(0,0,0,.15); padding-bottom: 15px; }

/*  Widgets  */
.widgets { list-style: none outside none; }
.widget { padding-bottom: 47px; }
.widget-head { padding: 25px 20px 30px; position: relative; border-top: 1px solid #f6f6f6; }
.widget-head:before { position: absolute; top: 0; left: 20px; width: 2px; height: 15px; background: #cc0000; content: ''; }
.widget-head .widget-title { color: #353737; font-family: 'Montserrat', sans-serif; text-transform: uppercase; line-height: 1.2; }
.widget-body { padding: 0 20px; }

/*  Widget Accordion  */
.widget-accordion { letter-spacing: 0.05em; padding-bottom: 0; }
.widget-accordion .widget-head { padding-bottom: 10px; }
.widget-accordion .accordion-head { padding: 6px 0; }
.widget-accordion .accordion-head h6 { color: #999; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: normal; position: relative;  cursor: pointer; }
.widget-accordion .accordion-head h6:before { font-family:'FontAwesome'; content: '\f107'; font-size: 16px; margin-right: 15px; }
.widget-accordion .accordion-expanded .accordion-head { /*padding: 16px 0;*/ }
.widget-accordion .accordion-expanded .accordion-head h6 { color: #222; }
.widget-accordion .accordion-expanded .accordion-head h6:before { content: '\f106'; color: #c00; }
.widget-accordion .accordion-body { display: none; color: #575757; font-size: 13px; line-height: 1.85; }
.widget-accordion .accordion-body p { margin-bottom: 20px; }
.widget-accordion .accordion-body ul { list-style: none outside none; margin-bottom: 20px; }
.widget-accordion .accordion-body ul li { position: relative; }
.widget-accordion .accordion-body ul li:before { font-family:'FontAwesome'; content: '\f0da'; margin-right: 10px; }
.widget-accordion .accordion-body img { width: 100%; height: auto; margin-bottom: 15px; }

/*  Widget Search  */
.widget_search form { position: relative; margin: 0 20px; }
.widget_search input { -webkit-appearance: none; border-radius: 0; box-shadow: none; border: 0; background: #f6f6f6; width: 100%; line-height: 45px; padding: 0 25px 0 10px; }
.widget_search .search-submit { background: url(); width: auto; -webkit-appearance: none; border-radius: 0; box-shadow: none; border: 0; position: absolute; top: 0; line-height: 45px; right: 0; padding-right: 10px; color: rgba(54, 55, 56, 0.35); font-size: 14px; background-color: transparent; }

/*  Widget Categories  */
.sidebar .widget ul { list-style: none outside none; padding: 0 20px; }
.sidebar .widget ul li { padding-left: 25px; overflow: hidden; position: relative; }
.sidebar .widget ul li + li { margin-top: 14px; }
.sidebar .widget ul li:before { position: absolute; top: 50%; left: 0; width: 10px; height: 1px; background: #e7e7e7; content: ''; }
.sidebar .widget ul li:hover:before,
.sidebar .widget ul .current-cat:before { background: #c00; }
.sidebar .widget ul li a { color: #262b30; }
.sidebar .widget ul li a:hover { text-decoration: none; }
.sidebar .widget ul li span { float: right; color: rgba(38, 43, 48, 0.35); }
.sidebar .widget ul .current-menu-item span { color: rgba(38, 43, 48, 1); }

/*  Widget Recent  */
.carbon_themewidgetrecentpostswithimages .widget-head { padding-bottom: 27px; }
.carbon_themewidgetrecentpostswithimages .post { overflow: hidden; }
.carbon_themewidgetrecentpostswithimages .post + .post { margin-top: 30px; }
.carbon_themewidgetrecentpostswithimages .post-image { float: left; width: 35%; margin-right: 9%; }
.carbon_themewidgetrecentpostswithimages .post-image a { display: block; padding-bottom: 124%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
.carbon_themewidgetrecentpostswithimages .post-image a:before { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; background: rgba(204, 0, 0, 0.7); content: ''; opacity: 0; }
.carbon_themewidgetrecentpostswithimages .post-image a:after { position: absolute; top: 50%; left: 50%; color: #fff; font-family: 'FontAwesome'; font-size: 18px; content: '\f045'; opacity: 0; }
.carbon_themewidgetrecentpostswithimages .post-image a:after {
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.carbon_themewidgetrecentpostswithimages .post-image a:before,
.carbon_themewidgetrecentpostswithimages .post-image a:after {
	-webkit-transition: opacity .3s; 
	     -o-transition: opacity .3s; 
	        transition: opacity .3s; 
}
.carbon_themewidgetrecentpostswithimages .post-image a:hover:before,
.carbon_themewidgetrecentpostswithimages .post-image a:hover:after { opacity: 1; }
.carbon_themewidgetrecentpostswithimages .post-content { float: left; width: 56%; }
.carbon_themewidgetrecentpostswithimages .post-content h6 { font-size: 14px; line-height: 1.64; margin: -5px 0 10px; }
.carbon_themewidgetrecentpostswithimages .post-content a { color: rgba(38, 43, 48, 0.75); display: block; }
.carbon_themewidgetrecentpostswithimages .post-meta { font-family: 'Montserrat', sans-serif; color: #262b30; font-size: 13px; overflow: hidden; width: 85%; }
.carbon_themewidgetrecentpostswithimages .post-content .post-meta a { float: right; color: #262b30; }
.carbon_themewidgetrecentpostswithimages .post-meta i { color: #c00; }

/*  Widget Tags  */
.tagcloud { padding: 0 18px; }
.tagcloud a { display: inline-block; padding: 0 9px; line-height: 31px; border: 2px solid #e7e7e7; color: #212121; font-size: 13px; text-align: center; margin-left: 4px; margin-bottom: 10px; }
.tagcloud a {
	-webkit-transition: border-color .3s; 
	     -o-transition: border-color .3s; 
	        transition: border-color .3s; 
}
.tagcloud a:hover { text-decoration: none; border-color: #c00; }


/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; color: #818181; padding: 88px 0; }
.footer .link-top { width: 48px; line-height: 45px; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.5); text-align: center; color: #fff; font-size: 18px; }
.footer .footer-inner { margin: 110px 0 125px; }
.footer .footer-inner h5 { font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 40px; color: #fff; }
.footer .footer-inner ul { list-style: none outside none; }
.footer .footer-inner ul li { margin-bottom: 26px; }
.footer .footer-inner ul li a { color: #818181; display: inline-block; }
.footer .footer-inner ul li .ico { display: block; margin: 0 auto 5px; }
.footer .copyright a,
.footer .copyright { color: #828282; }

/* ------------------------------------------------------------ *\
	Page Templates
\* ------------------------------------------------------------ */

.page-template-page-sidebar .section-body .content h1 { font-size: 65px; line-height: 1; }
.page-template-page-sidebar .section-body .content h2 { font-size: 55px; line-height: 1; }
.page-template-page-sidebar .section-body .content h3 { font-size: 45px; line-height: 1; }
.page-template-page-sidebar .section-body .content h4 { font-size: 35px; line-height: 1; }
.page-template-page-sidebar .section-body .content h5 { font-size: 30px; line-height: 1; }
.page-template-page-sidebar .section-body .content h6 { font-size: 25px; line-height: 1; }
.page-template-page-sidebar .section-body .content h1,
.page-template-page-sidebar .section-body .content h2,
.page-template-page-sidebar .section-body .content h3,
.page-template-page-sidebar .section-body .content h4,
.page-template-page-sidebar .section-body .content h5,
.page-template-page-sidebar .section-body .content h6 { font-family: 'Varela Round'; font-weight: normal; font-style: normal; font-weight: bold; }
.page-template-page-sidebar .section-body .content { background: #fff; padding: 20px; }
.page-template-page-sidebar .section-body .content p { padding-bottom: 20px; }
.page-template-page-sidebar .section-body .content ul,
.page-template-page-sidebar .section-body .content ol { padding-left: 20px; margin-bottom: 15px; }

.section-wrap { position: relative; }
.section-wrap .post-edit-link { position: absolute; top: 20px; left: 20px; z-index: 30; padding: 2px 20px!important; background: red; border: solid 4px #000; color: #fff; font-weight: bold; text-decoration: none; -webkit-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s; background: rgb(169,3,41);
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, #c00 100%);
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, #c00 100%);
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, #c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
 }
.section-wrap .post-edit-link:hover { -webkit-box-shadow: 0 0 15px #c00;
        box-shadow: 0 0 15px #c00; }

.search-no-results .content,
.error404 .content { text-align: center; }
.search-no-results .content form,
.error404 .content form { position: relative; margin: 20px; }
.search-no-results .content input,
.error404 .content input { -webkit-appearance: none; border-radius: 0; box-shadow: none; border: 0; background: #f6f6f6; width: 100%; line-height: 45px; padding: 0 25px 0 10px; }
.search-no-results .content .search-submit,
.error404 .content .search-submit { background: url(); width: auto; -webkit-appearance: none; border-radius: 0; box-shadow: none; border: 0; position: absolute; top: 0; line-height: 45px; right: 0; padding-right: 10px; color: rgba(54, 55, 56, 0.35); font-size: 14px; background-color: transparent; }

/* ------------------------------------------------------------ *\
	REMOVE
\* ------------------------------------------------------------ */

.section-slider { -webkit-transition: all 2.3s;
     -o-transition: all 2.3s;
        transition: all 2.3s; opacity: 1; height: auto; }
.section-slider.loading { opacity: 0; height: 0; background-image: url( images/slider-loader.gif ); background-position: center center; -webkit-background-size: auto; background-size: auto; background-repeat: no-repeat; }

.slider-primary { position: relative; background: #fff; }
.slider-primary .slide { margin: 15px 8px 15px; min-height: 100px; }
.slider-primary .slider-paging { width: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50% )!important;
    -ms-transform: translate(-50%, -50% )!important;
     -o-transform: translate(-50%, -50% )!important;
        transform: translate(-50%, -50% )!important;
         }

.slider-primary .slider-paging .slider-paging-next { float: right; }
.slider-primary .slider-paging .slider-paging-prev { float: left; }
.slider-primary .slider-paging .slider-paging-next,
.slider-primary .slider-paging .slider-paging-prev { height: 20px; width: 20px; display: inline-block; font-weight: bold; line-height: 20px; font-size: 20px; cursor: pointer; }
.slider-primary .slider-clip { width: 40%; margin: -0px auto; }
.slider-primary .slider-clip .owl-stage { margin: 0 auto; }

.page-template-gallery .section-slider,
.archive .section-slider { padding: 0 0 50px 0; }
.gallery-post-type-slider img { width: 100%; height: auto; }
.gallery-post-type-slider { background: #fff; }
.gallery-post-type-slider .slide-image { padding-top: 53.5%; -webkit-background-size: cover;
        background-size: cover; background-repeat: no-repeat; }
.archive .twentytwenty-container { margin: 0; }
.single-crb_gallery .twentytwenty-container { margin: 0; }
.single-crb_gallery .gallery-items { margin-top: 60px; }
.sliders-wrap { opacity: 0; -webkit-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s; }
.sliders-wrap.loaded { opacity: 1; }

.tp-thumb-mask:after { clear: both; content: ''; display: block; }
.tp-thumbs:after { clear: both; content: ''; display: block; }
.section-rev-slider { background: #fff; }
.gallery-post-type-slider iframe { width: 100%; margin-bottom: -9px; }
.gallery-post-type-slider { position: relative; }
.before-after-slider .twentytwenty-container { margin: 0; }
.before-after-slider img { max-width: 100%; height: auto; }
.before-after-slider .owl-controls .owl-prev,
.before-after-slider .owl-controls .owl-next { margin-top: 0; -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%);
}

.before-after-slider .owl-controls .owl-prev { -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);
}

.before-after-slider .owl-controls .owl-next { right: 0; -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
     -o-transform: translateX(50%);
        transform: translateX(50%);
}

.twentytwenty-handle { border-radius: 0!important; width: 0; margin-left: -2px; height: 70px; z-index: 100!important; }
.twentytwenty-handle span { display: none; }
.twentytwenty-handle:before,
.twentytwenty-handle:after { background: #ec192c!important; width: 1px !important; }
.twentytwenty-handle:after { margin-top: 38px!important; }
.twentytwenty-handle:before { margin-bottom: 38px!important; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media(max-width: 1300px) {
	.before-after-slider .owl-controls .owl-prev,
.before-after-slider .owl-controls .owl-next { -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0); }
}

@media(max-width: 1215px) {
	.slider .owl-prev { left: 0; margin-left: 0; }
	.slider .owl-next { right: 0; margin-right: 0; }
}

@media(max-width: 1169px){
	.search-popup,
	.shell { padding: 0 10px; }

	.nav { margin-right: 0; }
	.nav ul li a { min-width: 90px; padding: 0 5px; }

	.widget-accordion .accordion-head h6 { font-size: 13px; }
	.widget-accordion .accordion-head h6:before { margin-right: 5px; }
	
	.slider-testimonials,
	.section-blog .section-body,
	.section-gallery .section-body,
	.section-support,
	.section-services,
	.section-slider { padding: 40px 0 60px; }
	.section-slider .section-body { padding: 60px 75px; }
	.slider-custom .owl-prev { left: -75px; }
	.slider-custom .owl-next { right: -75px; }
	
	.section-support .section-head { padding-bottom: 40px; }
	.section-support .post-right .post-content,
	.section-support .post-content { padding: 15px; }
	.section-services .section-head { margin-bottom: 40px; }
	
	.section-blog .content { width: 64%; }
	.section-blog .sidebar { width: 31.6%; }
	.section-article .section-body { padding: 0 15px; }
	.section-article .section-inner { padding: 15px; }
	.section-article .section-entry blockquote { padding: 40px 25px 25px; margin: 40px 0 20px; }
	.section-article .section-socials ul li + li { margin-left: 10px; }
	.section-article .section-tags p a { padding: 0 5px; }
	.section-article .section-tags span,
	.section-article .section-socials span { margin-right: 5px; }
	.custom-paging .paging-content { padding: 50px 25px 0; }
	.comments .children { padding-left: 70px; }
	.comment-entry { padding-bottom: 15px; margin-bottom: 15px; }

	.section-blog .articles { padding-bottom: 10px; }
	.section-blog .articles .article-content { padding: 15px 15px 0; }
	.section-blog .articles .article-content { left: 45px; right: 45px; }

	.section-gallery .gallery-item h4 { font-size: 30px; }

	.footer { padding: 60px 0; }
	.footer .footer-inner { margin: 60px 0 70px; }
}

@media(max-width: 1024px){
	.section { background-attachment: scroll; }
	.slider-primary .slider-clip { width: 80%; margin: -0px auto; }
	.slider-primary .slider-clip .owl-stage { margin: 0 auto; }
	.slider-primary .slider-paging { width: 95%; }
}

@media(max-width: 967px){
	body { font-size: 12px; }
	h1 { font-size: 100px; }
	h2 { font-size: 75px; }
	.section-home-about h3,
	h3 { font-size: 48px; }
	.section-services .service-popup .service-content h4,
	.section-gallery .gallery-item h4,
	.section-about .section-content h4,
	h4 { font-size: 22px; }
	.section-gallery .gallery-item h4 small,
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	.wrapper { padding-top: 120px; }
	.slider { padding-top: 0; }

	.logo { width: 115px; height: 40px; }
	.scrolled .logo { width: 100px; height: 35px; }

	.section-gallery,
	.section-blog,
	.slider,
	.scrolled .section-gallery,
	.scrolled .section-blog,
	.scrolled .slider { padding-top: 0; }
	
	.nav ul li a { font-size: 12px; min-width: 70px; line-height: 70px; }

	.section-home-about { padding-bottom: 30px; }

	.section-about .section-content { font-size: 14px; }

	.section-slider .section-head { margin-bottom: 30px; }
	.section-slider .section-body { padding: 40px; }
	.slider-custom .slide-image { width: 45%; }
	.slider-custom .owl-prev { left: -50px; }
	.slider-custom .owl-next { right: -50px; }

	.section-article .section-date { margin-right: 30px; margin-bottom: 10px; }
	.section-article .section-entry p { margin-bottom: 15px; }

	.comments input { width: calc(100% - 90px); }

	.section-services .service { margin-bottom: 40px; }
	.section-services .service-popup .link-close { top: -13px; }
	.section-support .post-content { max-height: 123px; overflow: hidden; }
	.section-about-2 .section-inner { padding: 25px 0 45px; }

	.slider-testimonials .slider-clip,
	.slider-testimonials .slide { width: 100%; max-width: 815px; }

	.section { height: 400px; }
}

@media(max-width: 767px){
	h1 { font-size: 70px; }
	h2 { font-size: 48px; }
	.section-home-about h3,
	h3 { font-size: 32px; }
	.section-services .service-popup .service-content h4,
	.section-gallery .gallery-item h4,
	.section-about .section-content h4,
	h4 { font-size: 18px; }
	.section-gallery .gallery-item h4 small,
	h5 { font-size: 16px; }
	h6 { font-size: 12px; }
	
	.section-blog .articles .article-content.no-image { margin: 0; }
	.wrapper { padding-top: 110px; }

	.btn { line-height: 30px; font-size: 12px; padding: 0 10px 0 55px; }
	.btn:after { left: 8px; font-size: 14px; }

	.section-splash .link-logo { width: 280px; height: 96px; }
	.logo { margin: 10px 0; }
	
	.header-left p { margin-right: 0; }
	.header-time { display: none; }
	.header-phone span { display: none; }
	.header-right .socials ul li { margin-right: 15px; }
	.btn-menu { display: inline-block; margin-top: 17px; }
	.scrolled .btn-menu { margin-top: 12px; }
	.nav ul { display: none; text-align: center; position: absolute; top: 100%; left: 0; right: 0; background: #000; padding-bottom: 10px; }
	.nav ul li { display: block; margin-left: 0; }
	.nav ul li,
	.nav ul li a {
		-webkit-transform: skew(0deg); 
		    -ms-transform: skew(0deg); 
		     -o-transform: skew(0deg); 
		        transform: skew(0deg); 
	}
	.nav ul li a { line-height: 3; }
	.nav.active ul { display: block; }

	.slider .slider-clip,
	.slider .slide { height: 400px; }
	.slider .slide-actions { top: 75%; }
	
	.section-home-about { font-size: 12px; }
	.feature { width: 100%; margin-right: 0; margin-bottom: 10px; }
	
	.section { height: 300px; }
	.section .section-content { font-size: 12px; width: 90%; }
	.section .section-content .separator { width: 100%; }

	.section-newsletter .section-head h4 { font-size: 30px; }
	.section-newsletter .gform_button { font-size: 14px!important; width: 110px; }
	.section-newsletter .gfield:after { right: 110px; }
	.section-newsletter .gfield input[type="text"] { padding: 0 110px 0 10px!important; }

	.section-video .section-content .btn-play { width: 40px; line-height: 40px; font-size: 18px; }

	.section-blog .content,
	.section-blog .sidebar,
	.slider-custom .slide-content,
	.section-about .section-content,
	.section-about .section-aside { width: 100%; }

	.section-about { padding: 30px 0 35px; }
	.section-about .section-content { padding-left: 0; }
	.section-about .section-content h4 { margin-bottom: 15px; }
	
	.section-slider .section-head h3 { padding-left: 30px; }
	.section-slider .section-head h3:before { width: 20px; }
	.section-slider .slider-paging { top: 100%; }
	.section-slider .section-body { padding: 20px 10px; }
	.slider-custom .slide-image { width: 60%; margin-bottom: 10px; }
	.slider-custom .slide-content h4 { line-height: 1; margin-bottom: 15px; }
	.slider-custom .slide-images { margin-top: 15px; }
	.slider-custom .owl-nav { display: none; }

	.section-blog > .section-head { height: 200px; }
	
	.section-blog .articles .article,
	.comments,
	.section-article { padding: 20px 10px 10px; }
	.section-gallery .gallery-items,
	.section-services .service-image,
	.slider-testimonials .slide p,
	.section-blog .articles .article,
	.comments form p,
	.comments h5,
	.comments > h5,
	.section-article,
	.section-article .section-images,
	.section-article .section-head { margin-bottom: 15px; }
	.section-article .section-image { padding-bottom: 75%; }
	.section-article .section-body { padding: 0; margin-top: -30px; }
	.section-blog .articles .article-content,
	.section-article .section-inner { padding: 10px 0; }
	.section-article .section-images a:after { font-size: 16px; }
	.section-article .section-entry blockquote { padding: 35px 10px 15px; }
	.section-article .section-socials { float: left; width: 100%; margin-top: 10px; }
	.section-article .section-socials ul li a { font-size: 16px; }
	.paging ul,
	.custom-paging { display: none; }
	.comments .children { padding-left: 35px; }
	.paging { margin-bottom: 20px; }
	
	.section-newsletter,
	.slider-testimonials,
	.section-blog .section-body,
	.section-gallery .section-body,
	.section-support,
	.section-services,
	.section-slider { padding: 25px 0 30px; }

	.section-blog .articles .article-content { position: static; }
	.section-blog .articles .article-image:after { bottom: -130px; }
	.section-blog .articles .article-actions i { right: 10px; bottom: 20px; }

	.slider-testimonials .slide { font-size: 12px; }
	
	.section-services .service-popup .service-slider,
	.section-services .service-popup .service-content,
	.section-services .service { width: 100%; }
	.section-services .service-image a { padding-bottom: 60%; }
	.section-services .service-popup { padding: 10px 0; }
	.section-services .service-popup .link-close { top: -15px; }

	.section-support .post { width: 100%; }
	.section-support .post-right .post-content,
	.section-support .post-content { padding: 10px; }
	.section-support .post-content { font-size: 10px; max-height: 103px; }
	.section-support .post-right .post-image { float: left; }
	.section-support .post-right .post-image:before,
	.section-support .post-right .post-image:after { right: 0; left: auto; }
	.section-support .post-right .post-image:before {
		-webkit-transform: skewY(40deg); 
		    -ms-transform: skewY(40deg); 
		     -o-transform: skewY(40deg); 
		        transform: skewY(40deg); 
	}
	.section-support .post-right .post-image:after {
		-webkit-transform: skewY(-40deg); 
		    -ms-transform: skewY(-40deg); 
		     -o-transform: skewY(-40deg); 
		        transform: skewY(-40deg); 
	}

	.section-about-2-alt .section-head { padding: 30px 0 25px; }
	.section-about-2 .accordion { padding: 0 10px; }
	.section-about-2 .accordion-head h6 { font-size: 12px; }
	
	.widget { padding-bottom: 30px; }
	.widget-head { padding: 20px 20px 15px; }


	.footer { padding: 30px 0; }
	.footer .footer-inner { margin: 30px 0 35px; }
}



/* HOMEV2 */

.header__menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000bf;
	z-index: 9999;
	backdrop-filter: blur(11px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 18px;
	align-items: center;
	text-align: center;
	max-width: 310px;
	transition: all 0.3s ease;
	transform: translateX(-100%);
  }
  .header__menu.show {
	transform: translateX(0);
  }
  
  button.closeMenu {
	position: absolute;
	right: 20px;
	top: 20px;
	color: var(--primary);
	font-size: 20px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	border: 1px solid var(--primary);
  }
  
  .header__menu nav {
	margin-top: 68px;
  }
  
  .header__menu nav ul li a {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 11px 0px;
	text-align: center;
  }
  
  .header__menu nav ul li:hover a {
	color: var(--white);
  }
  .header__menu nav ul li:hover a.active {
	color: var(--white);
  }

.header__top .socials a:hover {
	color: var(--primary);
}

/* Resusable Component and CSS Start */

.section__title {
	margin-bottom: 24px;
	position: relative;
  }
  .section__title-afterText {
	position: absolute;
	left: 50%;
	top: 0;
	width: max-content;
	transform: translate(-50%, -40%);
	font-size: 65px;
	font-family: var(--snappydna);
	color: #ffffff;
	opacity: 0.1;
	line-height: 1.2;
  }
  .section__title-pretitle {
	font-family: var(--snappydna);
	color: var(--blue);
	font-size: 24px;
	line-height: 0.3;
	display: block;
	z-index: 1;
	position: relative;
  }
  .section__title h2 {
	margin-bottom: 8px;
  }
  .section__title p {
	font-size: 14px;
	line-height: 23px;
  }
  
  /* Resusable Component and CSS End */
  
  /* Bootstrap Customized CSS Start */
  
  .fs-2 {
	font-size: 32px !important;
	line-height: 42px !important;
	font-weight: bold;
  }
  
  .btn,
  .footer-contact .gform_button {
	font-size: 15px;
	padding: 14px 28px;
	font-weight: bold;
	border-radius: 0px;
	outline: none;
	box-shadow: none;
	border: none;
	text-transform: capitalize;
  }
  .btn.btn--main {
	padding: 5px 30px;
  }
  .btn.btn--main::before {
	position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    content: '';
  }
  .btn.btn--main:after {
    position: relative;
    content: unset !important;
}
  .btn--main,
  .footer-contact .gform_button {
	background-color: var(--primary);
	color: var(--white);
  }
  .btn--main:hover {
	background-color: #83090f;
	color: var(--white);
  }
  .footer-contact .gform_confirmation_message {
	color: var(--white) !important;
  }
  .btn--white {
	background-color: #fff;
	color: #000000;
  }
  .btn--white:hover {
	background-color: #c9c9c9;
	color: #000000;
  }
  
  .btn--dark {
	background: #000000;
	color: #fff;
  }
  
  .btn--dark:hover {
	background: var(--primary);
	color: #fff;
  }
  
  .text-primary {
	color: var(--primary) !important;
  }
  .text-blue {
	color: var(--blue) !important;
  }
  
  /* Bootstrap Customized CSS End */
  
  /* =============================== */
  /* :: 4.0 Header Area CSS Start */
  /* =============================== */
  .header__main-logo a img {
	max-width: 120px;
  }
  
  .header__menu-bar {
	color: var(--primary);
	font-size: 22px;
	width: 36px;
	height: 36px;
	border: 1px solid var(--primary);
  }
  
  .header__main {
	background: #000;
	padding: 18px 0px;
	transition: all 0.3s ease;
  }
  
  .header__main.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	background-color: #00000085;
	backdrop-filter: blur(10px);
  }
  
  .header__dummy {
	display: block;
  }
  
  .header__menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000bf;
	z-index: 9999;
	backdrop-filter: blur(11px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 18px;
	align-items: center;
	text-align: center;
	max-width: 310px;
	transition: all 0.3s ease;
	transform: translateX(-100%);
  }
  .header__menu.show {
	transform: translateX(0);
  }
  
  button.closeMenu {
	position: absolute;
	right: 20px;
	top: 20px;
	color: var(--primary);
	font-size: 20px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	border: 1px solid var(--primary);
  }
  
  .header__menu nav {
	margin-top: 68px;
  }
  
  .header__menu nav ul li a {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 11px 0px;
	text-align: center;
  }
  
  .header__menu nav ul li:hover a {
	color: var(--white);
  }
  .header__menu nav ul li:hover a.active {
	color: var(--white);
  }
  
  .header__menu-info a {
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 10px;
  }
  
  .header__menu-info a span.icon {
	color: var(--primary);
	font-size: 20px;
  }
  
  .header__menu-info .socials {
	margin-top: 18px;
  }
  
  .header__menu-info .socials {
	gap: 20px;
	padding-left: 13px;
  }
  
  .socials {
	display: flex;
	align-items: center;
	gap: 12px;
  }
  
  .socials a:hover {
	color: var(--primary);
  }
  
  .socials a {
	font-size: 19px;
	color: #fff;
  }
  .header__top .socials a:hover {
	color: var(--primary);
  }
  /* Sticky Header Start */
  
  /* Sticky Header End */
  /* =============================== */
  /* :: 4.0 Header Area CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: 5.0 Hero Section CSS Start */
  /* =============================== */
  
  .hero__content {
	text-align: center;
	padding: 78px 0px 80px;
  }
  
  .hero__content h1 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 8px;
  }
  
  .hero__content p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 16px;
  }
  
  .hero--section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  }
  .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 20px !important;
  }
  .swiper-pagination .swiper-pagination-bullet {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	opacity: 1;
	border: 1px solid transparent;
	background-color: transparent;
	position: relative;
  }
  .swiper-pagination .swiper-pagination-bullet::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background-color: var(--primary);
	content: '';
	border-radius: 50%;
  }
  .swiper-pagination
	.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	background-color: var(--white);
  }
  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 1px solid var(--white);
  }
  
  /* =============================== */
  /* :: 5.0 Hero Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: 6.0  Service Section CSS Start */
  /* =============================== */
  
  .service--section {
	padding: 40px 0px 40px;
	background: linear-gradient(to bottom, black, transparent 50%, black),
	  url('../imgs/offer-bg.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
  }
  .line-container {
	position: absolute;
	height: 100%;
	background: black;
	display: flex;
	justify-content: space-around;
	padding: 0 10px;
	width: 100%;
	z-index: -1;
	top: 0;
	left: 0;
  }
  
  .line-container span {
	width: 1px;
	height: 100%;
	opacity: 0.2;
	background: linear-gradient(
	  to bottom,
	  transparent,
	  rgba(255, 255, 255, 0.9),
	  transparent
	);
  }
  
  .serviceItem {
	text-align: center;
	padding: 30px 20px 35px;
	margin-bottom: 20px;
	position: relative;
	background-image: -moz-linear-gradient(
	  -43deg,
	  rgb(171, 19, 26) 0%,
	  rgba(147, 16, 22, 0.5) -6%,
	  rgba(0, 0, 0, 0.7) 43%,
	  rgb(0, 0, 0) 100%
	);
	background-image: -webkit-linear-gradient(
	  -43deg,
	  rgb(171, 19, 26) 0%,
	  rgba(147, 16, 22, 0.5) -6%,
	  rgba(0, 0, 0, 0.7) 43%,
	  rgb(0, 0, 0) 100%
	);
	background-image: -ms-linear-gradient(
	  -43deg,
	  rgb(171, 19, 26) 0%,
	  rgba(147, 16, 22, 0.5) -6%,
	  rgba(0, 0, 0, 0.7) 43%,
	  rgb(0, 0, 0) 100%
	);
	z-index: 1;
  }
  .serviceItem::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	height: 70%;
	content: '';
	background-color: var(--primary);
	z-index: -1;
	opacity: 0;
	transition: all 0.3s ease;
  }
  .serviceItem:hover::after {
	opacity: 1;
	width: 100%;
	height: 100%;
  }
  .serviceItem__icon {
	width: 100px;
	height: 100px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--primary);
	margin-bottom: 23px;
	transition: all 0.3s ease;
	border: 1px solid transparent;
  }
  .serviceItem:hover .serviceItem__icon {
	border-color: var(--white);
  }
  
  .serviceItem:hover .serviceItem__content h4 {
	color: var(--white) !important;
  }
  .serviceItem__content h4 {
	font-size: 18px;
	margin-bottom: 14px;
  }
  
  .serviceItem__content p {
	font-size: 14px;
	line-height: 23px;
	text-align: justify;
  }
  
  /* =============================== */
  /* :: 6.0 Service  Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: 7.0 Choose Section CSS Start */
  /* =============================== */
  .choose--section {
	background: linear-gradient(
		to right,
		rgb(15, 15, 15) 50%,
		rgba(89, 11, 15, 0.6) 100%
	  ),
	  url('../imgs/choose-bg.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 50px 0px;
  }
  
  .choose__item {
	background: #000;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	padding: 50px 35px 50px;
  }
  
  .choose__item-icon {
	width: 100px;
	height: 100px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	margin-bottom: 30px;
	border-radius: 50%;
  }
  
  .choose__item > img {
	position: absolute;
	left: 8px;
	top: 8px;
  }
  
  .choose__item h4 {
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 0px;
  }
  
  .choose__item.choose__item--light .choose__item-icon {
	background: var(--primary);
  }
  
  .choose__item.choose__item--light h4 {
	color: #000;
  }
  
  .choose__item.choose__item--light {
	background: #fff;
  }
  
  /* =============================== */
  /* :: 7.0 Choose Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: 8.0 Gallery Section CSS Start */
  /* =============================== */
  
  .gallery__grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(6, 1fr);
	grid-column-gap: 4px;
	grid-row-gap: 4px;
  }
  
  .gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
  }
  .gallery__item--1 {
	grid-area: 1 / 1 / 5 / 5;
  }
  .gallery__item--2 {
	grid-area: 1 / 5 / 4 / 9;
  }
  .gallery__item--3 {
	grid-area: 1 / 9 / 5 / 13;
  }
  .gallery__item--4 {
	grid-area: 5 / 1 / 7 / 5;
  }
  .gallery__item--5 {
	grid-area: 4 / 5 / 7 / 9;
  }
  .gallery__item--6 {
	grid-area: 5 / 9 / 7 / 13;
  }
  
  /* =============================== */
  /* :: 8.0 Gallery Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: 9.0 Review Section CSS Start */
  /* =============================== */
  
  .review--section {
	background: #f0f0f0;
	padding: 40px 0px 40px;
  }
  
  .reviewCard {
	background-color: rgb(255, 255, 255);
	padding: 28px 24px;
	height: 100%;
  }
  .reviewCard__header-meta__icon {
	display: inline-flex;
	align-items: center;
	width: 60px;
	height: 60px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
  }
  
  .bg-pink {
	background-color: #fa4739;
  }
  .bg-yellow {
	background-color: #fcbc05;
  }
  .bg-green {
	background-color: #34a853;
  }
  .bg-blue {
	background-color: #4486f7;
  }
  
  .reviewCard__header-meta {
	gap: 15px;
  }
  
  .reviewCard__header-meta h5 {
	font-size: 16px;
	font-weight: bold;
  }
  
  .reviewCard__header-meta span.date {
	color: #c6c6c6;
	font-size: 12px;
	display: block;
  }
  
  .reviewCard__header {
	margin-bottom: 18px;
  }
  
  .reviewCard__desc-ratting img.stars {
	max-width: 110px;
  }
  
  .reviewCard__desc-ratting {
	display: flex;
	align-items: flex-end;
	gap: 14px;
	margin-bottom: 13px;
  }
  
  .reviewCard__desc p {
	line-height: 23px;
	margin-bottom: 13px;
  }
  
  .readmore {
	display: inline-block;
	color: #b7b7b7;
  }
  
  .readmore:hover {
	text-decoration: underline;
	color: var(--primary);
  }
  .container-review {
	max-width: 1630px;
	padding: 0px 15px;
	margin: 0 auto;
	width: 100%;
  }
  /* =============================== */
  /* :: 9.0 Review Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: 10.0 Video  Section CSS Start */
  /* =============================== */
  .video--section {
	height: 440px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .video__play {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ab131a94;
  }
  /* =============================== */
  /* :: 10.0 Video  Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: 11.0 Blog Section CSS Start */
  /* =============================== */
  
  .blog--section {
	background-color: #ffffff;
	padding: 40px 0px 40px;
  }
  .blog__navs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
  }
  .blogItem {
	transition: all 0.3s ease;
  }
  .blogItem:hover {
	background-color: #fafafa;
  }
  
  .blog__navs button {
	background: transparent;
	border: none;
	padding: 0px;
	width: 30px;
	height: 30px;
	border: 1px solid var(--primary);
	font-size: 21px;
	color: var(--primary);
  }
  
  .blogItem__content {
	padding: 10px 15px 24px;
	text-align: center;
  }
  
  .blogItem__content span.date {
	font-size: 12px;
	color: #ab131a;
	display: block;
	margin-bottom: 6px;
	text-transform: uppercase;
  }
  
  .blogItem__content h6 {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 8px;
  }
  
  .blogItem__content p {
	font-size: 14px;
	color: #929292;
	line-height: 23px;
	margin-bottom: 16px;
  }
  .blogItem__content a.btn {
	font-size: 14px;
	padding: 14px 30px;
	min-width: auto;
  }
  
  .blog__slider {
	margin-bottom: 18px;
  }
  
  /* =============================== */
  /* :: 11.0 Blog Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: Footer  Section CSS Start */
  /* =============================== */
  .footer__logo a img {
	max-width: 170px;
  }
  
  .footer__logo {
	margin-bottom: 24px;
  }
  
  .footer__info {
	display: flex;
	flex-direction: row;
	gap: 23px 0px;
	flex-wrap: wrap;
	margin-bottom: 20px;
  }
  
  .footer__info p.footer-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	gap: 4px;
	max-width: 142px;
	margin: 0 auto;
	text-align: center;
  }
  
  .footer__menu nav ul {
	display: flex;
	align-items: center;
	gap: 0px;
	justify-content: center;
	padding: 16px 0px;
  }
  
  .footer__menu .socials {
	justify-content: center;
  }
  
  .footer__menu nav ul li a {
	color: #fff;
	font-size: 14px;
	display: block;
	position: relative;
	padding: 0px 10px;
	border-right: 1px solid #373737;
	line-height: 1;
  }
  .footer__menu nav ul li:hover a {
	color: var(--primary);
  }
  
  .inputBox input,
  .footer-contact input {
	width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #fff !important;
	color: #fff !important;
	height: 40px;
	font-size: 14px;
  }
  .gform_heading {
	display: none;
  }
  .inputBox input::placeholder {
	font-size: 14px;
  }
  
  .inputBox {
	margin-bottom: 14px;
  }
  
  .contact__submit {
	padding-top: 12px;
	text-align: center;
  }
  
  .footer--section {
	padding: 40px 0px 20px;
  }
  
  /* =============================== */
  /* :: Footer  Section CSS End */
  /* =============================== */
  
  /* =============================== */
  /* :: index-2.html CSS Start */
  /* =============================== */
  .page-top {
	background: url('../imgs/page-2/bg-top.webp') no-repeat center / cover, #000;
	padding-top: 150px;
	margin-top: -200px;
  }
  .about-bg-thumb {
	margin-top: 8%;
	width: clamp(200px, 50%, 920px);
	opacity: 0.5;
  }
  /* About Section Start */
  .about--section {
	padding: 50px 0;
  }
  .about__wrapper {
	max-width: 1920px;
  }
  .about__thumbs {
	height: 280px;
	position: relative;
	z-index: 1;
  }
  .about__thumbs__shadow {
	width: 200px;
	height: 200px;
	background-color: var(--primary);
	filter: blur(200px);
	opacity: 0.75;
	z-index: -1;
  }
  /* About Section End */
  
  /* Providing Section Start */
  .providing--section {
	padding: 10px 0 50px;
  }
  .section__head--providing {
	margin-bottom: 40px;
  }
  .providing__para {
	max-width: 1000px;
	font-size: 14px;
  }
  .providing__cards {
	gap: 16px;
  }
  .providing__card__item {
	max-width: 282px;
	width: 100%;
	min-height: 340px;
	transition: all 0.3s ease-in-out;
	background-color: var(--primary);
  }
  .checkbox-check {
	max-width: 28px;
	left: 10px;
	top: 10px;
  }
  .checkbox-check img {
	filter: brightness(0) invert(1);
	transition: all 0.3s ease-in-out;
  }
  .providing__card__icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid var(--primary);
	padding: 14px;
	margin: 24px 0;
	background-color: #be1119;
	border-color: transparent;
	transition: all 0.3s ease-in-out;
  }
  .providing__card__icon img {
	max-height: 40px;
  }
  .providing__card__title {
	font-size: 18px;
  }
  .providing__card__para {
	transition: all 0.3s ease-in-out;
  }
  /* Providing Section End */
  
  /* Repair Section Start */
  .repair--section {
	padding: 50px 0;
  }
  .repair__para {
	max-width: 880px;
  }
  .repair__card__thumb {
	height: 280px;
  }
  .repair__card__thumb img {
	transition: all 0.3s ease-in-out;
  }
  .repair__card__content {
	padding: 24px 16px;
	background: url('../imgs/page-2/card-bg-1.webp') no-repeat center / cover;
	transition: all 0.3s ease-in-out;
  }
  .repair__card__item:hover .repair__card__content,
  .repair__card__item.active .repair__card__content {
	background-image: unset;
	background-color: var(--primary);
  }
  .repair__card__title {
	font-size: 18px;
	transition: all 0.3s ease-in-out;
  }
  .repair__card__para {
	font-size: 14px;
	transition: all 0.3s ease-in-out;
  }
  .repair__card__item:hover .repair__card__title,
  .repair__card__item:hover .repair__card__para,
  .repair__card__item.active .repair__card__title,
  .repair__card__item.active .repair__card__para {
	color: var(--white);
  }
  .repair__card__collapse__btn img {
	transition: all 0.3s ease-in-out;
  }
  .repair__card__item:hover .repair__card__collapse__btn img,
  .repair__card__item.active .repair__card__collapse__btn img {
	filter: brightness(0) invert(1);
  }
  .repair__card__btn .btn {
	font-size: 14px;
	padding: 18px;
	min-width: 152px;
  }
  /* Repair Section End */
  
  /* Choose Section Start */
  .chooseUs--section {
	padding: 60px 0;
	background: url('../imgs/page-2/choose-bg.webp') no-repeat center / cover;
	z-index: 1;
  }
  .chooseUs--section::before,
  .chooseUs--section::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #191919 11%, #ce010be3 100%);
	z-index: -1;
	opacity: 0.9;
	mix-blend-mode: hard-light;
  }
  .chooseUs--section::after {
	background: linear-gradient(to right, #000 45%, #ab131a00 100%);
	opacity: 0.92;
  }
  .chooseUs__item__title {
	font-size: 18px;
  }
  .chooseUs__item__para {
	font-size: 14px;
  }
  .chooseUs__item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  /* Choose Section End */
  
  /* Map Section Start */
  .map__content {
	height: 300px;
  }
  .map__area map,
  .map__area iframe {
	width: 100%;
	height: 100%;
	display: block;
  }
  /* Map Section End */
  
  /* FAQ Section Start */
  .faq--section {
	padding: 80px 0 50px;
	z-index: 1;
  }
  .faq--section::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../imgs/page-2/faq-bg.webp') no-repeat center / cover;
	z-index: -1;
  }
  .faq__shadow {
	max-width: 1500px;
	width: 100%;
  }
  .section__head--faq {
	max-width: 720px;
  }
  .faq .section__title-afterText {
	width: 100%;
  }
  .faq__content {
	gap: 40px;
  }
  .faq__card {
	padding: 24px 16px;
	background-color: rgba(255, 255, 255, 0.07);
	max-width: 492px;
	width: 100%;
	height: max-content;
  }
  .help-line-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: linear-gradient(to right, #fff 0%, #dbdbdb 100%);
  }
  .help-line-icon img {
	max-width: 48px;
  }
  .faq__card__title {
	font-size: 18px;
  }
  .faq__card__para {
	font-size: 14px;
	color: #b7b7b7;
  }
  .faq .accordion,
  .faq .accordion-item,
  .faq .accordion-button {
	background-color: transparent;
	box-shadow: unset;
  }
  .faq .accordion-button:focus {
	box-shadow: unset;
  }
  .faq .accordion-button::after {
	display: none;
  }
  .faq .accordion-item {
	border-bottom: 1px solid #212121 !important;
  }
  .faq .accordion-button {
	color: var(--white);
	font-size: 18px;
	padding: 16px 0;
  }
  .faq .accordion-item:first-child .accordion-button {
	padding-top: 0;
  }
  .faq__accordion__number {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background-color: var(--primary);
	color: var(--white);
	font-size: 10px;
  }
  .faq__accordion__icon {
	width: 10px;
	margin-left: 16px;
  }
  .faq__accordion__icon::before,
  .faq__accordion__icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(180deg);
	width: 10px;
	height: 2px;
	background-color: var(--white);
	transition: all 0.3s ease-in-out;
  }
  .faq__accordion__icon::after {
	transform: translate(-50%, -50%) rotate(270deg);
  }
  .faq .accordion-button[aria-expanded='true'] .faq__accordion__icon::before,
  .faq .accordion-button[aria-expanded='true'] .faq__accordion__icon::after {
	transform: translate(-50%, -50%) rotate(0deg);
  }
  .faq .accordion-body {
	padding: 8px 32px 32px;
	padding-right: 0;
	color: #b7b7b7;
	font-size: 14px;
  }
  /* FAQ Section End */
  
  /* Testimonial Section Start */
  .testimonial--section {
	padding: 50px 0;
	background: linear-gradient(to right, #fff 0%, #fff 41%, #d8d8d7 100%);
  }
  .testimonial__slider {
	padding: 20px;
	margin: -20px;
	padding-right: 400px;
	margin-right: -400px;
  }
  .testimonial__slide {
	height: auto;
  }
  .testimonial__content {
	height: 100%;
  }
  .testimonial__slide {
	height: auto;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  }
  .reviewCard__header-meta__icon {
	flex-shrink: 0;
  }
  /* Testimonial Section End */
  
  /* CTA Section Start */
  .cta--section {
	padding: 36px 0;
	background-color: var(--primary);
  }
  .cta__wrapper {
	gap: 24px;
  }
  .cta__title {
	font-size: 28px;
  }
  .cta__title span {
	font-family: var(--snappydna);
	letter-spacing: 1px;
  }
  .cta__btn .btn {
	border: 1px solid var(--white);
  }
  /* CTA Section End */
  /* =============================== */
  /* :: index-2.html CSS End */
  /* =============================== */
  

/* END HOMEV2 */