@import url("../fonts/stylesheet.css");
@import url("../icons/icomoon/style.css");
@import url("../plugins/slick/slick.css");
@import url("../plugins/slick/slick-theme.css");

/* -------------------*
 *       GLOBAL       
 *------------------- */
html,
body { font-size: 16px; font-weight: 400; color: #ecdebb; background: #d22630; font-family:'GalanoGrotesque', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input, select, textarea, button { font-size:15px; font-family:'GalanoGrotesque', Helvetica, Arial, sans-serif; }
ol, ul, p { margin-bottom: 1rem; line-height: 1.4em; }
a { color:#d22630; text-decoration:underline; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
a:hover, a:focus { color:#d22630; text-decoration: none; } 
.nowrap { white-space:nowrap; }
img { max-width:100%; height:auto; }
button { width:auto; padding:0; overflow:visible; cursor: pointer; line-height:normal !important; }
button::-moz-focus-inner { border:0; padding:0;  margin:-1px 0 0 0; }
button:active { box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3); }
.lead { font-size: 18px; line-height: 1.4em; font-weight: 400; margin-bottom: 2rem; }
.lead-extra { font-size: 24px; font-family: 'Safiro', Helvetica, Arial, sans-serif; }
.caps { text-transform:uppercase; }
.color { color: #e66b2f; }
hr { margin-top:30px; margin-bottom:30px; }
strong { font-weight: 700; }
[data-href] { cursor: pointer; }
.text-primary { color: #d22630 !important; }
.text-secondary { color: #231568 !important; }
.subtitle { color: #d22630; font-weight: 700; padding-bottom: 5px; text-transform: uppercase; font-family: 'Safiro', Helvetica, Arial, sans-serif; }

.overflow { overflow: hidden; }
.fancybox-container {  -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -ms-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.grayscale { opacity: 0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url('../images/layout/grayscale.svg#greyscale'); filter: gray; -webkit-filter: grayscale(1); -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; transition:0.4s; }
.grayscale:hover { opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }

/* headlines
----------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: 600; font-family: 'Safiro', Helvetica, Arial, sans-serif; }
h1, .h1 { font-size: 42px; line-height: 1em; margin-bottom: 2rem; }
h2, .h2 { font-size: 34px; color: #d22630; line-height: 1.2em; margin-bottom: 1.5rem; }
h3, .h3 { font-size: 25px; color: #d22630; line-height: 1.2em; margin-bottom: 1rem; }
h4, .h4 { font-size: 18px; font-weight: 700; margin-bottom: 0.5rem; }
h5, .h5 { font-size: 16px; font-weight: 700; margin-bottom: 0.5rem; }

/* clear 
----------------------------------------- */
.clear { clear:both; }

/* -------------------*
 *       LAYOUT       *
 *------------------- */

/* header
---------------------------------------- */
header { border: 0; z-index: 50; position: fixed; top: 0; left: 0; right: 0; background: #d22630; }
.admin-bar header { top: 32px; }
header .navbar { padding: 20px 20px; display: block; z-index: 51; color: #ecdebb; background: transparent; /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -ms-backdrop-filter: blur(10px); backdrop-filter: blur(10px);*/ -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar a { color: #ecdebb; }
header .navbar .navbar-brand { line-height: 1em; margin: 0; padding: 0; }
header .navbar .navbar-nav { list-style: none; padding: 10px 0; text-align: right; }
header .navbar .navbar-nav li { position: relative; padding: 0 20px; line-height: 1em; }
header .navbar .navbar-nav li:first-child { padding-left: 0; border-left: 0; }
header .navbar .navbar-nav li:last-child { padding-right: 0; }
header .navbar .navbar-nav li a { font-size: 17px; font-weight: 500; line-height: 1em; display: block; padding: 10px 0; text-decoration: none; position: relative; font-family: 'Safiro', Helvetica, Arial, sans-serif; }
header .navbar .navbar-nav li.highlight > a { border: 1px solid #ecdebb; padding:9px 10px; box-shadow: inset 0 0 0 0 #ecdebb; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; }
header .navbar .navbar-nav li.highlight > a:before { display: none; }
header .navbar .navbar-nav li.highlight > a:hover { color: #d22630; box-shadow: inset 400px 0 0 0 #ecdebb; }
header .navbar .navbar-nav li.highlight > a i { display: inline-block; vertical-align: middle; margin: -3px 4px 0 0; font-style: 18px; }
header .navbar .navbar-nav li a:before { content: ''; display: block; position: absolute; bottom: -1px; left: 0; width:0; height: 1px; background: #ecdebb; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; }
header .navbar .navbar-nav li.current_page_ancestor > a:before,
header .navbar .navbar-nav li.current-menu-item > a:before,
header .navbar .navbar-nav li a:hover:before { width: 100%; }
header .navbar .navbar-nav li.menu-item-has-children > a { padding-right: 12px; }
header .navbar .navbar-nav li.menu-item-has-children > a:after {  content: '\e903'; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-weight: 400; font-size: 7px; font-family: 'icomoon' }
header .navbar .navbar-nav li ul { display: none; list-style: none; position: absolute; top: 100%; left: 0; min-width: 100%; background: #ecdebb; padding: 10px 15px; text-align: left; border-bottom: 2px solid #d22630; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
header .navbar .navbar-nav li:hover ul { display: block; }
header .navbar .navbar-nav li ul li { padding: 3px 0; }
header .navbar .navbar-nav li ul li a { display: inline-block; white-space: nowrap; color: #d22630; font-size: 14px; font-weight: 600; padding: 5px 0; }
header .navbar .navbar-nav li ul li a:hover { color: #231568; }

header .navbar-toggler { padding: 0; margin:  0; width: 30px; height: 30px; outline: none !important; box-shadow: none !important; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar-toggler .navbar-toggler-text { display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: 500; }
header .navbar-toggler .burger { display:inline-block; vertical-align: middle; margin: 1px 0 0 0; }
header .navbar-toggler .burger span { width: 25px; height: 1px; background: #ecdebb; display:block; margin: 6px 0; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar-toggler .burger span.line-top { margin-top: 2px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
header .navbar-toggler .burger span.line-bottom { margin-top: -7px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
header .navbar-toggler.collapsed .burger span.line-top { margin-top: 0; transform: none; }
header .navbar-toggler.collapsed .burger span.line-bottom { margin-top: 4px; transform: none; }

header .navbar-toggler:hover .burger span { background: #fff; }

.scroll header .navbar { padding-top: 10px; padding-bottom: 10px; }

/* main
---------------------------------------- */
main { padding-top: 20px; position: relative; z-index: 1; color: #231568; background: #ecdebb; }

.modal-open main { position: static; }
.modal { text-align: left; }
.modal-content { border-radius: 30px; border: 0; }
.modal-header { border: 0; padding: 40px 40px 5px 50px; }
.modal-body { padding: 60px; }
.modal { -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -ms-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/* headline
---------------------------------------- */
.headline { padding: 100px 0 0; position: relative; z-index: 2; color: #ecdebb; background: #d22630; }

.headline-home { padding-bottom: 50px; overflow: hidden; }
.headline-home .container-lg { z-index: 2; position: relative; }
.headline-home:after { content:''; display: block; height: 70px; background: #ecdebb; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }
.headline-home-slider { padding-left: 100px; }
.headline-home .headline-content { padding-bottom: 130px; }
.headline-home-slider { margin-bottom: 0 !important; }
.headline-home-slider .slick-list { overflow: visible; }
.headline-home-slider .headline-home-slider-item span { width: 240px; text-align: right; font-size: 13px; position: absolute; bottom: 50px; right: 100%; padding-right: 30px; }
.headline-home-slider .slick-dots { right: auto; left: 55px; transform: none; bottom: 130px; width: 20px; }

.headline-subpage { min-height: 540px; display: flex; align-items: flex-end; }
.headline-subpage.headline-subpage-small { min-height: 300px; }
.headline-subpage .subtitle { display: block; padding-bottom: 0.6rem; }
.headline-subpage h1 { padding-bottom: 1.5rem; }
.headline-subpage .headline-subpage-img { margin-bottom: -20px; }
.headline-subpage .headline-content { padding-bottom: 1.5rem; }
.headline-subpage .headline-content-image { width: 200px; margin: 0 auto -80px; text-align: center; }
.headline-subpage .headline-subpage-animation svg { max-width: 100%; height: auto; }
body:not(.page-template-page-portfolio-detail) .headline-subpage .headline-subpage-animation svg path { stroke: #ecdebb; animation: dash 2s, dash2 1.9s linear forwards; stroke-dasharray: 500; stroke-dashoffset: 500; }

.page-template-page-portfolio-detail .headline-subpage .headline-subpage-animation svg { width: 400px; }
.page-template-page-portfolio-detail .headline-subpage .headline-subpage-animation svg line,
.page-template-page-portfolio-detail .headline-subpage .headline-subpage-animation svg rect,
.page-template-page-portfolio-detail .headline-subpage .headline-subpage-animation svg polygon,
.page-template-page-portfolio-detail .headline-subpage .headline-subpage-animation svg path { stroke-width: 1px; stroke: #ecdebb; animation: dash3 6s, dash4 5.99s linear forwards; stroke-dasharray: 400; stroke-dashoffset: 400; } 

@keyframes dash {
  to {
    stroke-dashoffset: 0;
    
  }
}
@keyframes dash2 {
  99% {
    stroke-dasharray: 1000;
  }
  100% {
    stroke-dasharray: initial;
    
  }
}

@keyframes dash3 {
  to {
    stroke-dashoffset: 0;
    
  }
}
@keyframes dash4 {
  1% {
    stroke-dasharray: 400;
  }
  100% {
    stroke-dasharray: initial;
    
  }
}


/* section
---------------------------------------- */
.section { padding: 80px 0; position: relative; }
.section-head { padding-bottom: 1rem; }

.section-secondary { color: #ecdebb; background: #231568; }
.section-secondary .title { color: #eda728; }

.section-background { height: 50vh; min-height: 400px; max-height: 600px; overflow: hidden; clip-path: inset(0 0 0 0); }
.section-background div { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; }

/* portfolio
---------------------------------------- */
.portfolio { margin: 0 -2.5rem; }
.portfolio > div { padding: 0 2.5rem; }
.portfolio .portfolio-item { padding: 2rem 0; }
.portfolio .portfolio-item-icon { width: 60px; height: 60px; margin-bottom: 1.2rem; }
.portfolio .portfolio-item-icon svg { width: 100%; height: 100%; }
.portfolio .portfolio-item a { text-decoration: none; display: inline-block; padding: 1px 0; position: relative; }
.portfolio .portfolio-item a:after { content: ''; display: block; height: 1px; background: #d22630; width: 100%; position: absolute; bottom: 0; left: 0; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; }
.portfolio .portfolio-item a:hover:after { width: 0; }

.portfolio .portfolio-more { padding-top: 2rem; }
.portfolio .portfolio-more a.btn { font-size: 22px; }

/* categories
---------------------------------------- */
.categories { margin: 0 -0.8rem -1.6rem; }
.categories > div { padding: 0 0.8rem 1.6rem; }
.categories .categories-item { height: 150px; border: 2px solid #d22630; padding: 20px; display: flex; flex-wrap: wrap; align-items: flex-end; position: relative; overflow: hidden; }
.categories .categories-item:after { content: '\e90d'; font-family: 'icomoon'; display: block; position: absolute; top: 10px; right: 10px; color: #d22630; } 
.categories .categories-item h3 { line-height: 1em; margin-bottom: 0; }
.categories .categories-item .categories-item-content { overflow-y: auto; position: absolute; line-height: 1.3em; color: #ecdebb; background: #d22630; padding: 20px; top: 100%; left: 100%; top:0; bottom: 0; width: 100%; -webkit-transition: ease-in-out 0.2s; -moz-transition: ease-in-out 0.2s; transition: ease-in-out 0.2s; }
.categories .categories-item:hover .categories-item-content { left: 0; }

.categories-others { padding: 50px; color: #ecdebb; background: #231568 url(../images/layout/bg-categories-bottom.png) repeat-x bottom center; background-size: auto 12px; margin-left: 36px; min-height: 100%; }
.categories-others h3 { color: #eda728; }
.categories-others p { line-height: 1.9em; }

/* about page
---------------------------------------- */
.about-prolog { position: relative; padding-top: 70px; font-size: 24px; font-family: 'Safiro', Helvetica, Arial, sans-serif; }
.about-prolog:before { content: '“'; font-size: 100px; font-weight: 500; display: block; line-height: 1em; position: absolute; top: 0; left: 0; font-family: 'Safiro', Helvetica, Arial, sans-serif; }

.about-experience h4 { padding-bottom: 3rem; padding-top: 1rem; }
.about-experience p { height: 266px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.about-experience p img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.about-steps { padding-top: 2rem; }
.about-steps-item { padding: 3rem 0 1rem; }
.about-steps-item .about-steps-item-icon { height: 90px; display: flex; align-items: flex-end; margin-bottom: 4rem; position: relative; }
.about-steps-item .about-steps-item-icon img,
.about-steps-item .about-steps-item-icon svg { width: auto; max-height: 100%; }
.about-steps-item .about-steps-item-icon:after { display: block; content: '\e90a'; font-family: 'icomoon'; font-size: 30px; color: #eda728; position: absolute; right: 20%; top: 50%; transform: translateY(-50%); }
.about-steps:not(.slick-initialized) > div:last-child .about-steps-item-icon:after { display: none; }

.about-steps.slick-initialized { margin-left: -25px; margin-right: -25px; margin-bottom: 2rem; }
.about-steps.slick-initialized .slick-list { padding: 0 10px; }
.about-steps.slick-initialized .slick-slide { padding: 0 1rem; }
.about-steps.slick-initialized .slick-slide:last-child .about-steps-item-icon:after { display: none; }

.team .team-item { padding: 3rem; }
.team .team-item-img { height: 280px; display: flex; align-items: flex-end; margin-bottom: 1.5rem; }
.team .team-item-img img { width: auto; max-height: 100%; }
.team .team-item a { color: #231568; text-decoration: none; }
.team .team-item a:hover { color: #d22630; }

/* listing benefits
---------------------------------------- */
.listing-bebefits { list-style: none; padding-left: 0; }
.listing-bebefits li { padding: 20px 0; position: relative; }
.listing-bebefits li:before { content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #eda728; }
.listing-bebefits li:first-child { padding-top: 0; }
.listing-bebefits li:first-child:before { display: none; }

/* logos
---------------------------------------- */
.logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; }
.logos .logo-item { height: 100px; padding: 0 4rem; margin: 1rem 0; display: flex; align-items: center; }
.logos .logo-item img { width: 100%; height: auto; max-height: 100%; }

.section-logos { overflow: hidden; display: flex; justify-content: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.logos.logos-animation { flex-shrink: 0; justify-content: space-around; min-width: 100%; animation: scroll-x 50s linear infinite; }

@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-100%)}}

/* services
---------------------------------------- */
.services-accordions { position: relative; min-height: 420px;}
.services-accordions .services-accordions-item { padding: 1px 0; }
.services-accordions .services-accordions-item-head a { display: block; padding: 2px 0 2px 20px; position: relative; text-decoration: none; }
.services-accordions .services-accordions-item-head a:hover { color: #231568; }
.services-accordions .services-accordions-item-head a:before { content: '-'; display: block; position: absolute; top: 1px; left: 0; }
.services-accordions .services-accordions-item-head a.collapsed:before { content: '+'; }
.services-accordions .services-accordions-item-image { position: absolute; top: 0; right: 100%; margin-right: 40px; width: 520px; }
.services-accordions .services-accordions-item-content { padding: 0 0 20px 20px; }

/* boxes
---------------------------------------- */
.boxes .box:nth-child(even) .box-content { order: 2; }
.boxes .box:nth-child(even) .box-image { order: 1; }
.boxes .box { padding: 60px 0; }
.boxes .box:first-child { padding-top: 0; }
.boxes .box:last-child { padding-bottom: 0; }
.boxes .box .box-content-head { padding-left: 80px; min-height: 70px; position: relative; display: flex; align-items: center; margin-bottom: 1rem; }
.boxes .box .box-content-head h2 { margin-bottom: 0; }
.boxes .box .box-content-head-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; }
.boxes .box .box-content-head-icon img,
.boxes .box .box-content-head-icon svg { max-height: 100%; width: auto; }
.boxes .box .box-image { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; }
.boxes.boxes-logos .box .box-image img { width: 350px; height: auto; }

.boxes.boxes-offset .box .box-content { padding: 3rem; }

.boxes.boxes-reverse .box .box-content { order: 2; }
.boxes.boxes-reverse .box .box-image { order: 1; }
.boxes.boxes-reverse .box:nth-child(even) .box-content { order: 1; }
.boxes.boxes-reverse .box:nth-child(even) .box-image { order: 2; }

/* cols offset
---------------------------------------- */
.cols-offset { padding: 0 50px; margin: 0 -50px; }
.cols-offset > div { padding: 30px 50px; }
.cols-offset p { margin-bottom: 2rem; }
.cols-offset .cols-offset-img { display: block; margin-bottom: 2.2rem; }

/* porfolio
---------------------------------------- */
.section-porfolio-gallery+.section-porfolio-gallery { padding-top: 0 !important; }
.portfolio-gallery { position: relative; }
.portfolio-gallery-content { width: 250px; padding: 30px 30px 70px; background: #ecdebb; position: absolute; z-index: 10; top: 0; bottom: 0; left: 35px; display: flex; flex-wrap: wrap; align-content: space-between; }
.portfolio-gallery-content .portfolio-gallery-nav { width: 100px; height: 35px; position: absolute; bottom: 20px; left: 20px; }
.portfolio-gallery-content .portfolio-gallery-nav .slick-arrow { color: #d22630; }
.portfolio-gallery-content .portfolio-gallery-nav .slick-arrow:hover { color: #231568; }
.portfolio-gallery-content .portfolio-gallery-nav .slick-prev { left: 0; }
.portfolio-gallery-content .portfolio-gallery-nav .slick-next { right: 0; }
.portfolio-gallery-images { white-space: nowrap; font-size: 0; }
.portfolio-gallery-images:not(.slick-initialized) { overflow-y: auto; padding: 0 25px 0 280px;  }
.portfolio-gallery-images:not(.slick-initialized) .image-item { padding: 0 5px; }
.portfolio-gallery-images.slick-initialized .slick-slide { padding: 0 5px; }
.portfolio-gallery-images .image-item { display: inline-block; height: 500px; overflow: hidden; }
.portfolio-gallery-images .image-item img { width: auto; max-height: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.portfolio-gallery-images .image-item a:hover img { transform: scale(1.05); }

.portfolio-gallery-images.slick-initialized .slick-list { padding: 0 0 0 280px !important; }

/* gallery
---------------------------------------- */
.section-gallery .container-fluid { padding: 30px 0 0 0; }
.gallery-wrap:not(.slider-active) { display: flex; overflow-x: auto; }
.gallery-wrap .slick-list { padding: 0 30px 0 0; }
.gallery-wrap .slick-track .slick-slide > div { min-height: 100%; }
.gallery:not(.slick-initialized) { display: flex; flex-wrap: nowrap; width: 200vw; padding-right: 30px; }
.gallery .gallery-col { display: flex; width: 25vw; flex-wrap: wrap; padding-left: 30px; min-height: 100%; }
.gallery .gallery-item { width: 100%; background: #fff; margin: 0 0 30px 0; overflow: hidden; }
.gallery .gallery-col .gallery-item a { display: block; min-height: 100%; background-size: cover; background-position: center; }
.gallery .gallery-col .gallery-item a:hover { transform: scale(1.1); }

.gallery:not(.slick-initialized) .gallery-col:nth-child(3n) .gallery-item:first-child { order: 2; }
.gallery:not(.slick-initialized) .gallery-col:nth-child(3n) .gallery-item:last-child { order: 1; }
.gallery:not(.slick-initialized) .gallery-col:nth-child(2n+1) .gallery-item:first-child { height: 255px; }
.gallery:not(.slick-initialized) .gallery-col:nth-child(2n+1) .gallery-item:last-child { height: 365px; }
.gallery:not(.slick-initialized) .gallery-col:nth-child(2n) .gallery-item { height: 650px; }

.gallery.slick-initialized .slick-slide .gallery-col { display: flex !important; }
.gallery.slick-initialized .slick-slide:nth-child(4n+1) .gallery-item:first-child { order: 2; }
.gallery.slick-initialized .slick-slide:nth-child(4n+1) .gallery-item:last-child { order: 1; }
.gallery.slick-initialized .slick-slide:nth-child(2n+1) .gallery-item:first-child { height: 255px; }
.gallery.slick-initialized .slick-slide:nth-child(2n+1) .gallery-item:last-child { height: 365px; }
.gallery.slick-initialized .slick-slide:nth-child(2n) .gallery-item { height: 650px; }

/* c2a form
---------------------------------------- */
.c2a-form { color: #ecdebb; margin: 0; }
.c2a-form > div { padding: 40px 50px; }
.c2a-form .c2a-form-left { background: #d22630; display: flex; flex-wrap: wrap; align-content: space-between; }
.c2a-form .c2a-form-left h2 { color: #ecdebb; }
.c2a-form .c2a-form-left p { margin-bottom: 1.5rem; }
.c2a-form .c2a-form-left .btn i { margin: -3px 5px 0 0; font-size: 20px; }
.c2a-form .c2a-form-left-content p:last-child { margin-bottom: 0; }
.c2a-form .c2a-form-right { background: #231568; }
.c2a-form .c2a-form-right h4 { margin-bottom: 2rem; }

/* testimonials
---------------------------------------- */
.section-testimonials { background: #eda728; }
.section-testimonials .slider-nav .slick-arrow { display: none !important; }
.testimonials .testimonial-item:before { content: '“'; font-size: 100px; font-weight: 500; display: block; line-height: 1em; position: absolute; top: 0; left: 0; font-family: 'Safiro', Helvetica, Arial, sans-serif; }
.testimonials .testimonial-item { padding-top: 70px; position: relative; }
.testimonials .testimonial-item .testimonial-item-people { padding-left: 100px; position: relative; }
.testimonials .testimonial-item .testimonial-item-people.noimage { padding-left: 0; }
.testimonials .testimonial-item .testimonial-item-people-image { width: 75px; height: 75px; display: flex; position: absolute; top: 0; left: 0; align-content: center; justify-content: center; background: #fff; border-radius: 50%; overflow: hidden; }

/* clients
---------------------------------------- */
.clients-listing .client-row { padding:  15px 0; font-size: 26px; border-top: 1px solid #eda728; font-family: 'Safiro', Helvetica, Arial, sans-serif; }
.clients-listing .client-row-more { position: relative; padding-top: 1rem; }
.clients-listing .client-row-more:after { content: ''; height: 80px; position: absolute; bottom: 100%; left: 0; right: 0; background: rgb(236,222,187); background: -moz-linear-gradient(180deg, rgba(236,222,187,0) 0%, rgba(236,222,187,1) 100%); background: -webkit-linear-gradient(180deg, rgba(236,222,187,0) 0%, rgba(236,222,187,1) 100%); background: linear-gradient(180deg, rgba(236,222,187,0) 0%, rgba(236,222,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecdebb",endColorstr="#ecdebb",GradientType=1); }
.clients-listing .client-row-more .btn { font-size: 22px; }
.clients-listing .client-row-more .btn i { font-size: 16px; }

/* icons
---------------------------------------- */
.icons { text-align: center; }
.icons .icons-item-icon { width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; margin: 0 auto 3rem; }
.icons .icons-item-icon img,
.icons .icons-item-icon svg { max-width: 100%; max-height: 100%; width: auto; height: auto; }

/* steps
---------------------------------------- */
.steps { padding-top: 50px; }
.steps .step-item { width: 50%; padding-left: 80px; margin-bottom: 120px; position: relative; }
.steps .step-box:last-child .step-item { margin-bottom: 0; }
.steps .step-item-number { font-size: 100px; color:#d22630; font-family: 'Safiro', Helvetica, Arial, sans-serif; display: blcok; position: absolute; top: -10px; left: 0; line-height: 1em; }
.steps .step-item-1 { margin-left: 50%; }
.steps .step-item-2 { margin-left: 10%; }
.steps .step-item-3 { margin-left: 40%; }
.steps .step-item-4 { margin-left: 25%; }

/* pagination
---------------------------------------- */
.wp-pagenavi { font-size: 20px; text-align: center; padding: 2rem 0; }
.wp-pagenavi:after { content: ''; display: block; clear: both; }
.wp-pagenavi .pages { float: left; line-height: 60px; opacity: 0.5; border: 0; display: none; }
.wp-pagenavi .current { font-weight: 400; opacity: 1; min-width: 60px; line-height: 56px; border-radius: 50%; color: #fff; background: #222; display: inline-block; text-align: center; margin: 0 4px; border: 2px solid #222; }
.wp-pagenavi a { color: #222; min-width: 60px; line-height: 56px; text-decoration: none; display: inline-block; text-align: center; border-radius: 50%; margin: 0 4px; border: 2px solid #222; }
.wp-pagenavi a i { display: inline-block; vertical-align: middle; font-size: 18px; margin-top: -2px; }
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink { color: #222 !important; margin: 0 4px; opacity: 1 !important; }
.wp-pagenavi a:hover { color: #fff !important; background: #222; text-decoration: none; }

/* text page
---------------------------------------- */
.text-page blockquote { font-size: 38px; font-style: italic; text-transform: uppercase; font-family: 'Work Sans', Helvetica, Arial, sans-serif; }
.text-page blockquote p { line-height: 1.2em; letter-spacing: -1px; }
.text-page ul,
.text-page ol { list-style: none; padding-left: 0; }
.text-page ul li { padding-left: 15px; padding-top: 4px; padding-bottom: 2px; position: relative; }
.text-page ul li:before { content: ''; display: block; width: 6px; height: 6px; background: #231568; border-radius: 50%; position: absolute; top: 14px; left: 0; }
.text-page ol li { counter-increment: step-counter; position: relative; padding-left: 22px;  }
.text-page ol li:before { font-weight: 600; width: 20px; text-align: left; position: absolute; top: 0; left: 0; content: counter(step-counter)'.'; }
.text-page a:not(.btn) { text-decoration: underline; background-image: none; }
.text-page a:not(.btn):hover { text-decoration: none; }
.text-page table:not(.table) { font-size: 14px; margin: 0 -4px 1rem; width: calc(100% + 8px); }
.text-page table:not(.table) td,
.text-page table:not(.table) th { vertical-align: baseline; padding: 5px 4px; }

.text-page .table { font-size: 14px; color: #231568; }
.text-page .table th { font-size: 12px; }
.text-page .table>:not(caption)>*>* { box-shadow: inset 0 0 0 9999px transparent; border-color: #999; }

.section-small { width: 800px; max-width: 100%; margin-left: auto; margin-right: auto; }

/* slick slider
---------------------------------------- */
.slick-list * { outline: none !important; box-shadow: none !important; }
.slick-list .slick-slide { transform: translateZ(0) !important; }
/*.slick-list .slick-slide > div { font-size: 0; }*/
.slick-arrow { box-shadow: none !important; width: 45px; height: 45px; border-radius: 0; }
.slick-arrow.slick-disabled,
.slick-arrow.slick-disabled:hover { opacity: 0.2; cursor: default; visibility: hidden;}
.slick-arrow,
.slick-arrow:focus,
.slick-arrow:active { z-index: 10; color: #231568; }
.slick-arrow:hover { color: #d22630; }
.slick-arrow:after { font-size: 30px; display: block; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-arrow:before { display: none; }
.slick-prev { left: 20px; }
.slick-prev:after { content: "\e909"; }
.slick-next { right: 20px; }
.slick-next:after { content: "\e90a"; margin-right: -2px; }
.slider-nav.slider-nav-light .slick-arrow { color: #fff; border-color: #fff; }
.slider-nav.slider-nav-light .slick-arrow:hover { color: #222; background: #fff; border-color: #fff; }

.slick-dots { width: auto; bottom: -1.5rem; z-index: 6; left: 50%; right: auto; transform: translateX(-50%); }
.slick-dots li { width: auto; height: auto; margin: 0; padding: 0 5px !important; }
.slick-dots li:before { display: none !important; }
.slick-dots li button { box-shadow: none !important; padding: 0; width: 7px; height: 7px; background: transparent; border: 1px solid #231568; border-radius: 50%; }
.slick-dots li button:before { display: none; }
.slick-dots li button:hover,
.slick-dots li.slick-active button { background: #231568; }

.slider-nav { position: relative; }
.slider-nav .slick-dots { position: static; bottom: auto; left: auto; right: auto; transform: none; text-align: left; font-size: 1px; }
.slider-nav .slick-dots li { padding: 0 10px 0 0 !important; }

.section-secondary .slick-dots li button,
.headline .slick-dots li button { border-color: #ecdebb; }
.section-secondary .slick-dots li button:hover,
.section-secondary .slick-dots li.slick-active button,
.headline .slick-dots li button:hover,
.headline .slick-dots li.slick-active button { background: #ecdebb; }

/* contact form
---------------------------------------- */
.contact-form { padding: 50px; color: #ecdebb; background: #231568; }
.contact-form .contact-form-title { color: #ecdebb; }
.contact-form .col-md-6 { width: 100%; }

.contact-content a { color: #231568; text-decoration: none; }
.contact-content a:hover { color: #d22630; }

/* footer
---------------------------------------- */
footer { font-size: 15px; padding: 100px 0; }
footer a { color: #ecdebb !important; text-decoration: none; position: relative; padding-bottom: 4px; }
footer .footer-content ul a:after { content: ''; display: block; height: 1px; background: #ecdebb; width: 0; position: absolute; bottom: 0; left: 0; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; }
footer .footer-content ul a:hover:after { width: 100%; }

footer .footer-content { padding: 70px 50px 100px; }
footer .footer-content p { line-height: 1.65em; margin-bottom: 1.5rem; }
footer .footer-content ul { list-style: none; margin: 0 0 1rem; padding: 00; }
footer .footer-content ul li { padding-bottom: 4px; }

footer .footer-copy { padding: 0 50px; }
footer .footer-copy a { display: inline-block; }
footer .footer-copy .footer-copy-links a:before { content: '·'; display: inline-block; margin: 0 10px 0 8px; } 


/* buttons
---------------------------------------- */
.btn { font-size: 16px; font-weight: 600; font-style: normal; padding: 9px 18px; white-space: nowrap; border-radius: 0; text-decoration: none !important; position: relative; font-family: 'Safiro', Helvetica, Arial, sans-serif; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; }
.btn i { font-size: 12px; margin-left: 10px; margin-top: -2px; display: inline-block; vertical-align: middle; }
.btn.btn-lg { font-size: 20px; padding: 15px 30px; }
.btn.btn-sm { font-size: 13px; padding: 8px 15px; }
.btn-phone i { font-size: 18px; margin: -2px 5px 0 0; }

.btn-link-light { color: #ecdebb !important; padding: 0; }
.btn-link-light:after { content: ''; display: block; width: 100%; height: 1px; background: #ecdebb; bottom: 0; left: 0; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s; }
.btn-link-light:hover:after { width: 0; }

.btn.btn-primary { color: #ecdebb; background: #d22630 !important; border: 0 !important; }
.btn.btn-primary:hover { color: #d22630; box-shadow: inset 200px 0 0 0 #ecdebb;  }

.btn-outline-primary { color: #d22630; border-color: #d22630; box-shadow: inset 0 0 0 0 #d22630; background-color: transparent !important; }
.btn-outline-primary:focus,
.btn-outline-primary:active { color: #ecdebb; background-color: #d22630 !important; }
.btn-outline-primary:hover { color: #ecdebb; box-shadow: inset 400px 0 0 0 #d22630; border-color: #d22630; }

.btn.btn-secondary { color: #ecdebb; background: #231568 !important; border: 0 !important; }
.btn.btn-secondary:hover { color: #231568; box-shadow: inset 200px 0 0 0 #ecdebb; }

.btn-outline-light { color: #ecdebb; border-color: #ecdebb; box-shadow: inset 0 0 0 0 #ecdebb;  background-color: transparent !important; }
.btn-outline-light:focus,
.btn-outline-light:active { color: #d22630; background-color: #ecdebb !important; }
.btn-outline-light:hover { color: #d22630; box-shadow: inset 400px 0 0 0 #ecdebb; border-color: #ecdebb; }

.btn.btn-link:hover { color: #231568; }

.buttons-group .btn { margin-right: 5px; margin-bottom: 10px; }
.buttons-group .btn:last-child { margin-right: 0; }


/* forms
---------------------------------------- */
.form-group { margin-bottom: 25px; }
form label { font-size: 14px; font-weight: 400; margin-bottom: 5px; }
.form-group:not(.form-group-checkbox) label { font-size: 14px; font-weight: 600; }
.form-group label input { margin-right: 5px; }
.form-group label a { color: #838383; }
.form-group-checkbox { color: #838383; }
.form-select,
.form-control { font-size: 16px; color: #231568 !important; padding: 8px 10px; border: 1px solid #ecdebb !important; background-color: #ecdebb !important; border-radius: 0; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.form-control:focus { box-shadow: none !important; }
.form-select { padding-right: 30px; text-overflow: ellipsis; overflow: hidden; }
.btn-block { width: 100%; }
.req { color: #ff0000; }
form p { margin-bottom: 0; }

form .form-button { position: relative; }
form .form-button .wpcf7-spinner { position: absolute; top: 50%; left: 50%; margin: 0; transform: translateX(-50%) translateY(-50%); }

.req { color: #ff3c2439; }
.form-group .wpcf7-not-valid-tip { font-size: 13px; font-weight: 700; padding-top: 1px; }
.wpcf7 form .wpcf7-response-output { font-size: 15px; padding: 1rem !important; margin: 0 0 1.5rem !important; border-radius: 0; border-radius: 0; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { background: #ff0000; color: #fff !important; border: 0; margin: 0 0 20px 0; padding: 1rem; }
.wpcf7 form.sent .wpcf7-response-output { background: #48a93a; border: 0; margin: 0 0 20px 0; padding: 1rem; }

/* -------------------*
 *         IE         *
 *------------------- */
.clearfix { zoom:1\9; }

/* -------------------*
 *     RESPONSIVE     *
 *------------------- */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1120px;
    }
}
@media all and (max-width:1399px) {
	header .navbar .navbar-nav li { padding: 0 15px; }

	.cols-offset { margin: 0 -25px; }
	.cols-offset > div { padding: 30px 25px }

	.categories-others { margin-left: 44px; }
	.services-accordions .services-accordions-item-image { margin-right: 50px; }
}
@media all and (max-width:1199px) {
	.navbar-brand { width: 280px; }

	header .navbar .navbar-nav li { padding: 0 10px; }
	header .navbar .navbar-nav li a { font-size: 15px; }

	.gallery .gallery-col { width: 40vw; }

	.cols-offset { margin: 0 -15px; }
	.cols-offset > div { padding: 20px 15px }

	.portfolio { margin: 0 -20px; }
	.portfolio > div { padding: 0 20px; }
	.portfolio .portfolio-item { padding: 1.5rem 0; }

	.services-accordions { min-height: 340px; }
	.services-accordions .services-accordions-item-image { width: 430px; }

  .about-experience p { height: 230px; }

	.categories-others { margin-left: 30px; }
	.categories-others p { line-height: 1.7em; margin-bottom: 0; }

	.boxes .box .box-content-head { min-height: 60px; }

	.portfolio-gallery-images .image-item { height: 400px; }
}
@media all and (max-width:991px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 25px; padding-right: 25px; }

    h1, .h1 { font-size: 36px; line-height: 1.2em; }
	h2, .h2 { font-size: 30px; line-height: 1.2em; }
	h3, .h3 { font-size: 24px; }

    header .navbar { padding-left: 0; padding-right: 0; }
    header .navbar .navbar-nav li a { font-size: 17px; }

    .show-navigation { overflow: hidden; }
	.show-navigation header { position: fixed; }
	.show-navigation header .navbar { background: #d22630; height: 100vh; align-items: flex-start; overflow-y: auto; webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; -o-transition:0s; transition:0s; }
	.show-navigation header .navbar-collapse { min-height: calc(100vh - 115px); display: flex; flex-wrap: wrap; align-content: flex-start; }
	.show-navigation header .navbar-collapse:not(.show) { height: auto !important; }
	.show-navigation header .navbar-collapse .navbar-nav { width: 100%; text-align: left; padding: 40px; }
	.show-navigation header .navbar-collapse .navbar-nav li { padding: 2px 0; }
	.show-navigation header .navbar-collapse .navbar-nav li a { display: inline-block; }
	.show-navigation header .navbar-collapse .navbar-nav li ul { position: static; top: auto; left: auto; background: #d22630; padding-top: 20px; box-shadow: none; }
	.show-navigation header .navbar-collapse .navbar-nav li ul li a { color: #ecdebb; }
	.show-navigation header .navbar-collapse .navbar-nav li.highlight { padding-top: 20px; }

	.headline-home { padding-bottom: 0; }
	.headline-home:after { height: 80px; }
	.headline-home .headline-content { padding-bottom: 40px; }
	.headline-home-slider .headline-home-slider-item span { height: 40px; bottom: -50px; left: 0; right: auto; color: #d22630; text-align: left; display: flex; justify-content: flex-start; }
	.headline-home-slider { padding: 0 0 48px 0; }
	.headline-home-slider .slick-dots { bottom: 22px; left: auto; right: -5px; width: 200px; text-align: right; }
	.headline-home-slider .slick-dots li button { border-color: #d22630; }
	.headline-home-slider .slick-dots li button:hover,
	.headline-home-slider .slick-dots li.slick-active button { background: #d22630; }

  .headline-subpage .headline-content-image { margin-bottom: -60px; }

	.section.section-porfolio-gallery { overflow: hidden; }
	.portfolio-gallery-content { width: 100%; display: block; position: relative; left:  auto; bottom: auto; top:  auto; padding: 30px 25px 0 25px; }
	.portfolio-gallery-content .portfolio-gallery-content-head { padding-right: 80px; padding-bottom: 1rem; }
	.portfolio-gallery-content .portfolio-gallery-nav { width: 90px; top: 25px; right: 15px; bottom: auto; left: auto; }
	.portfolio-gallery-content .portfolio-gallery-nav .slick-arrow:after { font-size: 25px; }
	.portfolio-gallery-images.slick-initialized .slick-list { padding: 0 !important; margin: 0 -5px; }

  .about-experience h4 { padding-bottom: 2rem; }
  .about-experience p { height: 180px; }

	.clients-listing .client-row { font-size: 20px; }

	.section { padding: 50px 0; }
	.section-head br { display: none; }

	.cols-offset { padding: 0; }

	.about-prolog { font-size: 20px; }

	.team .team-item { padding: 1rem; }
	.team .team-item-img { height: 220px; }

	.boxes .box { padding: 40px 0; }
	.boxes .box .box-image { order: 1; justify-content: flex-start; padding-bottom: 2rem; }
	.boxes .box .box-content { order: 2; }

	.boxes.boxes-offset .box .box-image { align-content: flex-start; }
	.boxes.boxes-offset .box .box-content { padding: 0 2rem; }

	.boxes .box .box-content-head-icon { width: 50px; height: 50px; }
	.boxes .box .box-content-head { padding-left: 70px; }

	.services-accordions .services-accordions-item-image { width: 50%; position: relative; top: auto; right: auto; margin-top: -15px; padding: 0 0 20px 20px; }

	.categories-others { margin-left: 0; margin-top: 30px; }

	.icons > div { padding-top: 1rem; padding-bottom: 1rem; }
	.icons .icons-item-icon { margin-bottom: 2rem; width: 80px; height: 80px; }

	.logos .logo-item { height: 80px; }

	.gallery .gallery-col { width: 55vw; }
    .gallery:not(.slick-initialized) .gallery-col:nth-child(2n+1) .gallery-item:first-child,
    .gallery.slick-initialized .slick-slide:nth-child(2n+1) .gallery-item:first-child { height: 265px; }
    .gallery:not(.slick-initialized) .gallery-col:nth-child(2n+1) .gallery-item:last-child,
    .gallery.slick-initialized .slick-slide:nth-child(2n+1) .gallery-item:last-child { height: 155px; }
    .gallery:not(.slick-initialized) .gallery-col:nth-child(2n) .gallery-item,
    .gallery.slick-initialized .slick-slide:nth-child(2n) .gallery-item { height: 450px; } 

    footer { padding: 60px 0; }
    footer .footer-content { padding-top: 30px; padding-bottom: 30px; }

    .footer-copy-left { display: flex; flex-wrap: wrap; }
    .footer-copy-text { order: 2; width: 100%; padding: 1rem 0; }
    .footer-copy-links { order: 1; width: 100%; display: flex; flex-wrap:  wrap;}
    .footer-copy-links a { display: block; width: 100%; }
    footer .footer-copy .footer-copy-links a:before { display: none; }

}
@media all and (max-width:767px) {
	.gallery .gallery-col { padding-left: 25px; }
    .gallery-wrap .slick-list { padding-right: 25px; }

    .portfolio .portfolio-more a.btn { font-size: 20px; }

    .headline-subpage.headline-subpage-small { min-height: 220px; }
    .headline-subpage.headline-subpage-small h1 { margin-bottom: 0; }

    .c2a-form { margin: 0 -25px; }
    .c2a-form > div { padding: 40px 25px; }

    .section-testimonials .testimonials.slick-dotted { margin-bottom: 60px !important; }
    .section-testimonials .testimonial-item { padding-bottom: 30px; }
    .section-testimonials .slider-nav { position: absolute; bottom: 70px; left: 0; right: 0; z-index: 50; }
    .section-testimonials .slider-nav .slick-dots { text-align: center; position: relative; z-index: 48; }
    .section-testimonials .slider-nav .slick-arrow { display: block !important; z-index: 49; }
    .section-testimonials .slider-nav .slick-prev { left: 10px; }
    .section-testimonials .slider-nav .slick-next { right: 10px; }

    .about-experience h4 { padding-top: 2rem; padding-bottom: 1rem; }

    .section.section-c2a { padding-bottom: 30px; }

    .contact-form { padding: 30px; }

    .services-accordions .services-accordions-item-image { width: 100%; }

    .headline-subpage .headline-content-image { margin-bottom: -50px; }

	.boxes.boxes-reverse .box:nth-child(even) .box-content { order: 2; }
	.boxes.boxes-reverse .box:nth-child(even) .box-image { order: 1; }

	.steps .step-item { width: 60%; margin-bottom: 60px; }
	.steps .step-item-1 { margin-left: 40%; }

	.portfolio-gallery-images .image-item { height: 50vw; }
}
@media all and (max-width:575px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px; }

    .headline { padding-top: 120px; }
    .headline .lead br { display: none; }

    .subtitle { font-size: 14px; }

    .c2a-form { margin-left: -20px; margin-right: -20px; }

    .about-steps { padding-top: 0; }
    .about-steps-item { padding: 3rem 0 0; }
    .about-steps-item .about-steps-item-icon { height: 60px; margin-bottom: 2rem; }

    .team .team-item { text-align: center; padding: 2rem 0; }
    .team .team-item-img { width: 250px; margin-left: auto; margin-right: auto; justify-content: center; }
    
    .portfolio .portfolio-item { text-align: center; padding: 1.5rem; }
    .portfolio .portfolio-item-icon { margin-left: auto; margin-right: auto; }

    .portfolio-gallery-content p { font-size: 14px; }

    .section { padding: 30px 0; }
    .section-head { padding-bottom: 1px; }

    .clients-listing .client-row { font-size: 17px; font-weight: 500; }

    .categories-others { padding: 30px 25px 20px; }

    .logos .logo-item { height: 60px; padding: 0 2rem; margin: 0.5rem 0; }

    .steps { padding-top: 1rem; }
    .steps .step-item { width: 100%; margin-bottom: 30px; margin-left: 0 !important; }
}
@media all and (max-width:475px) {
	h4, .h4 { font-size: 16px; line-height: 1.3em; }

	.gallery .gallery-col { width: 75vw; }
    .gallery:not(.slick-initialized) .gallery-col:nth-child(2n+1) .gallery-item:first-child,
    .gallery.slick-initialized .slick-slide:nth-child(2n+1) .gallery-item:first-child { height: 200px; }
    .gallery:not(.slick-initialized) .gallery-col:nth-child(2n+1) .gallery-item:last-child,
    .gallery.slick-initialized .slick-slide:nth-child(2n+1) .gallery-item:last-child { height: 120px; }
    .gallery:not(.slick-initialized) .gallery-col:nth-child(2n) .gallery-item { height: 350px; }
    .gallery.slick-initialized .slick-slide:nth-child(2n) .gallery-item { height: 340px; }

    .gallery-wrap .slick-list { padding-right: 20px; }
    .gallery .gallery-col { padding-left: 20px; }
    .gallery .gallery-item { margin-bottom: 20px; }

    .boxes .box { padding: 30px 0; }

    .about-experience p { height: 170px; }

    .boxes.boxes-offset .box .box-content { padding: 0 15px; }

    footer .footer-content,
    footer .footer-copy { padding-left: 0; padding-right: 0; }

}
@media all and (max-width:370px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 15px; padding-right: 15px; }
    .col-cxs-12 { min-width: 100%; }

    header .navbar .navbar-brand { width: 240px; overflow: hidden; }

}