body {font-family: 'Open Sans', sans-serif; color: #000;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }





ul, ol { margin: 0; padding: 0; list-style: none; }

a { color: #6b9735; transition: 0.6s ease;-o-transition: 0.6s ease;-ms-transition: 0.6s ease;-moz-transition: 0.6s ease;-webkit-transition: 0.6s ease;}

a:hover, a:focus { text-decoration: none; color: #ef312d; outline: none !important;  }

img { max-width: 100%; }

h1, h2, h3, h4, h5 { font-family: 'Open Sans', sans-serif;line-height: 1.4; color: #252525; margin-top: 0 !important; text-transform: capitalize;  }

ul li {display: inline-block; vertical-align: middle;}

p {font-size: 16px; line-height: 25px;}

.menu-close { display: none; }

header { position: fixed; z-index: 9; top: 0; right: 0; left: 0; width: 100%; margin: 0 auto; padding: 0; -webkit-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all .5s cubic-bezier(.09, .11, .24, .91); -o-transition: all .5s cubic-bezier(.09, .11, .24, .91); }

.top-header  {background: #cd2122; padding:5px 0;}

.top-header .top-left-box {float: left; margin-top: 5px; }

.top-header .top-right-box {float: right; }

.top-header .top-left-box ul li a {color: #fff; font-size: 15px; margin-right: 24px;}

.top-header .top-left-box ul li a:hover {color:#000; }

.top-header .top-left-box ul li:last-child a { margin-right: 0;}

.top-header .top-left-box i {margin-right: 10px; color: #fff;}

.top-header .top-left-box a:hover {color: #1AB9D4; }

.top-header .top-right-box a {color: #fff; padding: 6px 12px;border-color: #fff; margin-right: 10px; font-size: 14px; text-align: center; display: inline-block; text-transform: capitalize; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}

.top-header .top-right-box a:hover {background: #ef312d; color: #fff; }

.top-header .top-right-box a:last-child {margin-right: 0;}

.top-header .top-right-box ul li a.menu-active {color:#1e30b6; }





.bottom-header {background-color: rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.17);}

.bottom-header .left-box { display: inline-block; vertical-align: middle; width: 20%;}

.bottom-header .left-box a {display: block;width:130px;}

.bottom-header .right-box { display: inline-block; width: 80%; margin-right: -5px; text-align: right; vertical-align: middle;}



.custom-nav ul > li { display: inline-block; vertical-align: middle; }

.custom-nav ul > li > a {position: relative; font-size: 18px; text-transform: capitalize; padding: 20px 30px; display: block; color: #000; transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }

.custom-nav ul > li:last-child > a {padding-right: 6px;}

.custom-nav ul > li > a:hover {color:#cd2122;}



.custom-nav ul > li > a:before {position: absolute; left: 0; right: 0; bottom: 0; background:#000; height: 2px; width: 62px; display: block;}



.shrink .top-header {display: none; }





header.shrink {-webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both;}

header.shrink {position: fixed; background: #fff; z-index: 999; -webkit-box-shadow: 0px 0px 5px 1px rgba(130, 130, 130, 1); -moz-box-shadow: 0px 0px 5px 1px rgba(130, 130, 130, 1); box-shadow: 0px 0px 5px 1px rgba(130, 130, 130, 1); }

header.shrink .bottom-header .custom-nav ul > li > a {color: #000;}

header.shrink .bottom-header .custom-nav ul > li > a:hover {color:#cd2122;}

.bottom-header .left-box a.plain-logo {display: none;}

header.shrink .bottom-header .left-box a.plain-logo {display: none;}

header.shrink .bottom-header .left-box a.color-logo {display: block;}

@keyframes slideInDown {

  from { top: -100%; visibility: visible }

  to { top: 0 }

}

@-webkit-keyframes slideInDown {

  from { top: -100%; visibility: visible }

  to { top: 0 }

}



.inner-header {position: relative;}

.inner-header .bottom-header  {background: #fff;}

.inner-header .bottom-header .custom-nav ul > li > a {color: #000;}

.inner-header .bottom-header .custom-nav ul > li > a:hover {color:#cd2122;}





.banner-section {position: relative;}

.banner-section img {width: 100%; height: 100% !important;}

.banner-section .item .banner-text {position: absolute; left: 0; right: 0; text-align: center; top: 50%;z-index: 1; transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.banner-section .mobile-banner {display: none !important;}

.banner-section .item .banner-text h2 {color: #fff; font-size: 42px;  /*width: 600px;*/margin-bottom: 40px;}

.banner-section .item .banner-text p {color: #fff; /*padding-top: 20px;*/ font-size: 18px; margin-bottom: 0;}

.banner-section .item .banner-text p:nth-last-child(3){padding: 0;}

.owl-theme .owl-controls .owl-page {display:inline; margin-bottom: 10px;}

.banner-section .item {position: relative;}

.banner-section .item .line-btn {border-color: #fff;}

.banner-section .item .line-btn:hover{border-color: #1AB9D4;}

/*.banner-section .item .banner-text .register-btn {display: none;}

*/



.banner-section .owl-theme .owl-nav.disabled + .owl-dots {display: block; position: absolute; bottom: 0; left: 0; right: 0; }

.banner-section .owl-theme .owl-dots .owl-dot.active span, .banner-section .owl-theme .owl-dots .owl-dot:hover span {

    background: #cd2122;

}



.common-btn {

    color: #cd2122;

    background-color: #fff;

    border-color: transparent;

    -webkit-transition: 0.15s;

    -o-transition: 0.15s;

    transition: 0.15s;

    padding: 14px 12px;

    font-size: 16px;

    position: relative;

    display: block;

    width: 20%;

    margin: 0 auto;

}

 .common-btn .fa, .tagcloud > a.common-btn .fa {

    display: block;

    position: absolute;

    left: -1px;

    top: -1px;

    bottom: -1px;

    background: rgba(0, 0, 0, 0.04);

    width: 50px;

    text-align: center;

    padding: 17px 0;

    font-weight: 400;

}

.common-btn .fa {

   background: rgba(170, 170, 170, 0.1);

}

.common-btn .fa, .tagcloud > a.common-btn .fa {

    left: auto;

    right: -1px;

}





.common-btn:hover {color: #fff;

background-color: #f04344;

border-color: rgba(8, 8, 8, 0);}





.common-section {padding-top: 90px; }

.about-us-section .img-left-box {display: inline-block; width: 50%; padding-right: 40px; vertical-align: middle; }



.about-us-section .content-right-box {display: inline-block; width: 49%; vertical-align: middle; }



.title h2 {

    position: relative;

    text-align: center;

    margin-bottom: 50px;

    

    font-size: 42px;

    

}

.about-us-section .content-right-box h3 {position: relative;padding-bottom: 20px; margin-bottom: 30px;}

.about-us-section .content-right-box h3::before {

   content: "";

display: block;

position: absolute;

bottom: 0;

left: 0;

right: 0;

height: 1px;

overflow: hidden;

background-image: -webkit-linear-gradient(left, rgba(116, 105, 129, 0.1) 0%, #746981 100%);

background-image: -o-linear-gradient(left, rgba(116, 105, 129, 0.1) 0%, #746981 100%);

background-image: linear-gradient(to right, rgba(116, 105, 129, 0.1) 0%, #746981 100%);

background-repeat: repeat-x;

}

.about-us-section .common-btn {margin:0; color: #fff; margin-top: 30px; background-color: #f04344; width: 35%;}

.about-us-section .common-btn:hover {background-color: #ff5556;}

.about-us-section .common-btn i {right: auto; left: -1px;}



.panel {

  margin-bottom: 24px;

  background-color: #f1f2f4;

  border: 1px solid #d2d2dd;

  border-radius: 0 !important;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.panel-collapse {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}

.panel-body {

  padding: 30px;

}

.panel-heading {

  padding: 0;

  border-bottom: 1px solid transparent;

}

.panel-title {

  padding: 0;

  position: relative;

  overflow: hidden;

}

.panel-title > a,

.panel-title > small,

.panel-title > .small,

.panel-title > small > a,

.panel-title > .small > a {

  color: inherit;

}

.panel-title > a {

  display: block;

  padding: 20px 27px;

}

.panel-title > a:hover {

  text-decoration: none;

}

/* 8.2. Panels with Icons */

.panel-group__with-icons .panel-heading .panel-title > a {

  position: relative;

  margin-left: 58px;

  padding-right: 40px;

}

.panel-group__with-icons .panel-heading .panel-title > a .fa {

  background: #dbdbe4;

  display: block;

  width: 58px;

  height: 100%;

  position: absolute;

  left: -58px;

  top: 0;

  text-align: center;

  line-height: 58px;

  font-size: 21px;

  color: #4d306e;

}

.panel-icon {

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  margin: -5px -22px 0 0;

  width: 70px;

  height: 70px;

  border: 3px solid #c8cbd0;

  font-size: 0;

  cursor: pointer;

  border-radius: 50%;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

.panel-icon:before,

.panel-icon:after {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 3px;

  height: 42px;

  background: #c8cbd0;

  content: '';

  -webkit-transform: translate3d(-50%, -50%, 0);

  transform: translate3d(-50%, -50%, 0);

  transition: transform 300ms ease, translate 300ms ease, rotate 300ms ease;

}

.panel-icon:after {

  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(90deg);

  transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(90deg);

}

/* 8.3. Panels color styling */

.panel-default {

  border-color: #d2d2dd;

}

.panel-default > .panel-heading {

  color: #746981;

  background-color: #f1f2f4;

  border-color: #d2d2dd;

}

.panel-default > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #d2d2dd;

}

.panel-default > .panel-heading .badge {

  color: #f1f2f4;

  background-color: #746981;

}

.panel-default > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #d2d2dd;

}

.panel-primary {

  border-color: #ff7149;

}

.panel-primary > .panel-heading {

  color: #fff;

  background-color: #ff7149;

  border-color: #ff7149;

}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #ff7149;

}

.panel-primary > .panel-heading .badge {

  color: #ff7149;

  background-color: #fff;

}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #ff7149;

}

.panel-success {

  border-color: #38a233;

}

.panel-success > .panel-heading {

  color: #fff;

  background-color: #3fb539;

  border-color: #38a233;

}

.panel-success > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #38a233;

}

.panel-success > .panel-heading .badge {

  color: #3fb539;

  background-color: #fff;

}

.panel-success > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #38a233;

}

.panel-info {

  border-color: #ff5d2f;

}

.panel-info > .panel-heading {

  color: #fff;

  background-color: #ff7149;

  border-color: #ff5d2f;

}

.panel-info > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #ff5d2f;

}

.panel-info > .panel-heading .badge {

  color: #ff7149;

  background-color: #fff;

}

.panel-info > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #ff5d2f;

}

.panel-warning {

  border-color: #ff9248;

}

.panel-warning > .panel-heading {

  color: #fff;

  background-color: #ffa76c;

  border-color: #ff9248;

}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #ff9248;

}

.panel-warning > .panel-heading .badge {

  color: #ffa76c;

  background-color: #fff;

}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #ff9248;

}

.panel-danger {

  border-color: #cf3031;

}

.panel-danger > .panel-heading {

  color: #fff;

  background-color: #d44546;

  border-color: #cf3031;

}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #cf3031;

}

.panel-danger > .panel-heading .badge {

  color: #d44546;

  background-color: #fff;

}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #cf3031;

}

.panel-icon__effect1 .panel-title [aria-expanded="false"] .panel-icon:before {

  -webkit-animation: plusVertical 0.3s ease forwards;

  animation: plusVertical 0.3s ease forwards;

}

.panel-icon__effect1 .panel-title [aria-expanded="false"] .panel-icon:after {

  -webkit-animation: plusHorizontal 0.3s ease forwards;

  animation: plusHorizontal 0.3s ease forwards;

}

.panel-icon__effect1 .panel-title [aria-expanded="true"] .panel-icon:before {

  -webkit-animation: minusVertical 0.3s ease forwards;

  animation: minusVertical 0.3s ease forwards;

}

.panel-icon__effect1 .panel-title [aria-expanded="true"] .panel-icon:after {

  -webkit-animation: minusHorizontal 0.3s ease forwards;

  animation: minusHorizontal 0.3s ease forwards;

}

@-webkit-keyframes plusVertical {

  from {

    height: 0px;

  }

  to {

    height: 42px;

  }

}

@keyframes plusVertical {

  from {

    height: 0px;

  }

  to {

    height: 42px;

  }

}

@-webkit-keyframes plusHorizontal {

  50% {

    height: 56px;

  }

}

@keyframes plusHorizontal {

  50% {

    height: 56px;

  }

}

@-webkit-keyframes minusVertical {

  to {

    height: 0px;

  }

}

@keyframes minusVertical {

  to {

    height: 0px;

  }

}

@-webkit-keyframes minusHorizontal {

  50% {

    height: 56px;

  }

}

@keyframes minusHorizontal {

  50% {

    height: 56px;

  }

}

.panel-icon__effect2 .panel-title [aria-expanded="true"] .panel-icon:before {

  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-225deg);

  transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(-225deg);

}

.panel-icon__effect2 .panel-title [aria-expanded="true"] .panel-icon:after {

  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(225deg);

  transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(225deg);

}

/* 8.4. Accordion (features) */

.panel-group__features .panel {

  border: none;

}

.panel-group__features .panel .panel-heading {

  border-bottom: 1px dashed #d9d9d9;

}

.panel-group__features .panel .panel-heading .panel-title > a {

  padding:30px 0;

  position: relative;

  display: block;

  cursor: pointer !important;

}

.panel-group__features .panel .panel-heading .panel-title .panel-title__number {

  font-size: 22px;

  line-height: 1.2em;

  color: #c8cbd0;

  font-weight: 200;



  margin-bottom: 15px;

}

/*.v-center .v-center-inner {

    display: inline-block;

    vertical-align: middle;

}*/

@media (min-width: 992px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-title__number {

    margin-bottom: 0;

    font-size: 100px;

    line-height: 1.1em;

  }

}

@media (max-width: 767px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-title__heading .v-center:before {

    display: none;

  }

}

.panel-group__features .panel .panel-heading .panel-title .panel-title__heading .hgroup-panel {

  margin-bottom: 15px;

}

@media (min-width: 992px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-title__heading .hgroup-panel {

    text-align: right;

    margin-bottom: 0;

  }

}

.panel-group__features .panel .panel-heading .panel-title .panel-title__heading .hgroup-panel h3 {

  padding: 0;

  margin: 0 0 .2em 0;

}

@media (max-width: 767px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-title__heading .hgroup-panel h3 {

    font-size: 24px;

  }

}

@media (min-width: 768px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-title__heading .hgroup-panel h3 {

    display: inline-block;

  }

}

.panel-group__features .panel .panel-heading .panel-title .panel-title__heading .hgroup-panel h5 {

  margin: 0;

  padding: 0;

  font-weight: 600;

}

@media (min-width: 768px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-title__heading .hgroup-panel h5 {

    display: inline-block;

  }

}

.panel-group__features .panel .panel-heading .panel-title .panel-title__desc {

  color: #656269;

  font-size: 16px;

}

.panel-group__features .panel .panel-heading .panel-title .panel-title__close {

  position: static;

}

@media (min-width: 992px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-title__close {

    position: relative;

  }

}

.panel-group__features .panel .panel-heading .panel-title .panel-icon {

  margin: 0;

  top: 33px;

  right: -18px;

  -webkit-transform: scale(0.5, 0.5);

  -ms-transform: scale(0.5, 0.5);

  -o-transform: scale(0.5, 0.5);

  transform: scale(0.5, 0.5);

}

@media (min-width: 992px) {

  .panel-group__features .panel .panel-heading .panel-title .panel-icon {

    top: 20px;

    right: 0;

    margin: 0 15px 0 0;

    -webkit-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .panel-group__features .panel .panel-heading .panel-title .circled-icon {

    width: 70px;

    height: 70px;

    line-height: 64px;

    font-size: 28px;

    margin-top: -14px;

  }

}

.panel-group__features .panel .panel-body {

  border: none !important;

}

/*



.box {

  background: #f8f9fa;

  border: 1px solid #d2d2dd;

  padding: 30px;

}

/*

// 9. Circle Icon

// --------------------------------------------------

*/

.circled-icon {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 132px;

  height: 132px;

  border: 4px solid #e5e2e0;

  border-radius: 50%;

  text-align: center;

  color: #fff;

  line-height: 126px;

  font-size: 34px;

  background: rgba(0, 0, 0, 0.2);

}

.circled-icon.icon-color1 {

  background: #ff7149;

}

.circled-icon.icon-color2 {

  background: #4d306e;

}

.circled-icon.icon-color3 {

  background: #d44546;

}

.circled-icon.icon-color4 {

  background: #1c8c58;

}



.v-center::before {

    content: " ";

    display: inline-block;

    height: 100%;

    width: 1%;

    vertical-align: middle;

}

.our-skills-section {background: #f1f2f4; padding-bottom: 60px; margin-top: 90px;}





.filter-btn-group:before,

.filter-btn-group:after {

  content: " ";

  display: table;

}

.filter-btn-group:after {

  clear: both;

}

.filter-btn-group:before,

.filter-btn-group:after {

  content: " ";

  display: table;

}

.filter-btn-group:after {

  clear: both;

}

@media (min-width: 768px) {

  .filter-btn-group .filter-trigger-holder {

    float: left;

    padding-top: 11px;

    margin-top: -187px;

  }

}

.filter-btn-group .filter-clone-btn .btn {

  cursor: default;

  pointer-events: none;

}

@media (min-width: 768px) {

  .filter-btn-group .filter-clone-btn {

    float: right;

    margin-top: -187px;

  }

}

.gallery-filter {

  margin: 0;

  padding: 0 0 5px 0;

}

.gallery-filter > li {

  padding-bottom: 0;

}

.gallery-filter > li + li {

  padding-top: 18px;

}

.gallery-filter > li .btn-primary {

  font-weight: 300 !important;

}

.gallery-wrapper {

  overflow: hidden;

  position: relative;

}

.gallery-sidebar {

  width: 290px;

  padding-right: 20px;

  position: absolute;

  left: 0;

  top: 0;

  -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

  -o-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

  transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

  -webkit-transform: translate3d(-290px, 0, 0);

  transform: translate3d(-290px, 0, 0);

}

.gallery-sidebar.gallery-sidebar__is-visible {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.gallery-content {

  width: 100%;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

  -o-transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

  transition: all 0.3s cubic-bezier(0.86, 0, 0.07, 1);

}

.gallery-content.gallery-sidebar__is-visible {

  -webkit-transform: translate3d(290px, 0, 0);

  transform: translate3d(290px, 0, 0);

}

/*.gallery-feed {

  margin-bottom: 64px;

}*/

.gallery-item {

  overflow: hidden;

  position: relative;

  padding-left: 0;

  padding-right: 1px;

  margin-bottom: 1px;

}

.gallery-item:hover .gallery-img > a:before {

  opacity: .7;

}

/*.gallery-item:hover .gallery-img img {

  -webkit-transform: translate3d(0, -80px, 0);

  transform: translate3d(0, -80px, 0);

}*/

.gallery-item:hover .gallery-details {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.gallery-item .gallery-img {

  overflow: hidden;

  position: relative;

}

.gallery-item .gallery-img > a {

  display: block;

  position: relative;

  z-index: 3;

}

.gallery-item .gallery-img > a:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: linear-gradient(-180deg, rgb(208, 7, 7), rgb(0, 0, 0));

  z-index: 2;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  opacity: 0;

}

.gallery-item .gallery-img img {

  width: 100%;

  height: auto;

  position: relative;

  z-index: 1;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}

.gallery-item .gallery-details {

  width: 100%;

  background: #cd2122;

  color: #fff;

  padding: 15px 27px 15px 27px;

  overflow: hidden;

  position: relative;

  

  position: absolute;

  left: -1px;

  bottom: 0;

  z-index: 4;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;
	
-webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.gallery-item .gallery-details .gallery-title {

  font-size: 18px;

  color: #fff;

  font-weight: 700;

  margin: 0;

 float: left;

 line-height: 32px;

}

.gallery-item .gallery-details .btn {

float: right;

}

.gallery-item .gallery-details .btn.btn-primary {

 background-color: #fff;

color: #cd2122;

border-color: #fff;

}

.gallery-item .gallery-details .btn.btn-primary:hover {

 background-color: transparent;

color: #fff;

border-color: #fff;

}

.gallery-item .gallery-details .btn:focus {

  outline: none;

}

.gallery-item .gallery-details .btn-gallery-plus {

 

}



/* 24.2. Single Gallery Project */

.gallery-single-thumbnail img {

  display: block;

  max-width: 100%;

  height: auto;

  margin-bottom: 30px;

}

@media (min-width: 992px) {

  .gallery-single-thumbnail img {

    margin-bottom: 0;

  }

}

.gallery-list-info {

  padding: 0;

  margin: 0;

  border-top: 1px dashed #d2d2dd;

}

.gallery-list-info li:before {

  display: none;

}

.gallery-list-info > li {

  border-bottom: 1px dashed #d2d2dd;

  padding-top: 20px;

  padding-bottom: 20px;

}

.gallery-list-info > li .info-label {

  font-weight: 400;

  margin-right: 5px;

}

.mfp-bg {

  background: #4d306e;

  opacity: .7;

}

.mfp-figure:after {

  -webkit-box-shadow: none;

  box-shadow: none;

}

.mfp-image-holder .mfp-close,

.mfp-iframe-holder .mfp-close {

  width: 50px;

  height: 50px;

  line-height: 50px;

  padding: 0;

  background: #ff7149;

  text-align: center;

  top: 36px;

  right: 0;

  opacity: 1;

}

.mfp-image-holder .mfp-close:hover,

.mfp-iframe-holder .mfp-close:hover {

  background: #ff7d58;

}

img.mfp-img {

  vertical-align: top;

  padding-top: 36px;

  padding-bottom: 36px;

}

.mfp-bottom-bar {

  background: #ff7149;

  padding: 32px 200px 32px 40px;

  color: #fff;

}

.mfp-bottom-bar .mfp-title {

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 700;

  padding-right: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.mfp-bottom-bar .mfp-title .btn {

  position: absolute;

  right: 15px;

  top: 15px;

  font-weight: 300;

  padding-right: 70px;

  padding-left: 25px;

}

.mfp-counter {

  display: none;

}



.view-more-btn {margin-top: 40px;}

.view-more-btn .common-btn {color: #fff; background-color: #f04344; border-color: rgba(8, 8, 8, 0);}

 .view-more-btn .common-btn i {right: auto; left: -1px; }

.view-more-btn .common-btn:hover {background-color: #ff5556;}



.call-to-action-section {margin-top: 90px; position: relative; background: url(../images/call-action.png); background-size: cover; height: 400px; background-repeat: no-repeat;}

.text-box-content {position: absolute; left: 0;  right: 0; top: 50%; transform: translateY(-50%); text-align: center;}

.text-box-content h2 {color: #fff; margin-bottom: 40px;}

.enquiry-action-section {margin-bottom: 90px; margin-top: 0 !important;}

.call-to-action-section a {padding-right: 50px;}

.newslatter-section  {background: #252525; padding: 20px 0; margin-top: 90px;}

.newslatter-section .left-box-icon ul li a {display: block; font-size: 18px; height: 45px; width: 45px; background: #cd2122; border-radius: 50px; text-align: center; padding: 10px; color: #fff; margin: 0 5px;}

.newslatter-section .left-box-icon ul li a:hover {background: #fff; color: #cd2122;}

.newslatter-section .left-box-icon {display: inline-block;width: 70%; vertical-align: middle;}

.newsletter-box-right  {display: inline-block;width: 29%; vertical-align: middle;}

.newsletter-box-right .form-group {position: relative; margin-bottom: 0;}

.newsletter-box-right .form-group input {height: 45px; position: relative; padding-right: 78px;}

.newsletter-box-right .form-group .send-btn  {border-radius: 0 4px 4px 0; border: none; height: 45px; position: absolute; top: 0; right: 0; background: #cd2122; color: #fff; padding: 8px 25px 12px;font-size: 18px;}



.newsletter-box-right p {color: #fff; font-size: 20px; margin-bottom: 20px;}



footer .footer-top {background:#201e1e; padding: 90px 0;}

footer .footer-top .common-fot-box p, footer .footer-top .common-fot-box a {color: #fff;}

footer .footer-top .common-fot-box p {margin-bottom: 0;width: 320px;}

footer .footer-top .common-fot-box h3 {font-size: 22px; color: #fff; margin-bottom: 20px; }

footer .footer-top .footer-logo a {display: block; width: 170px; margin-bottom: 30px;}

footer .footer-top .common-fot-box.link-box li {color: #fff; display: block;}

footer .footer-top .common-fot-box.link-box li a {line-height: 1; font-size: 16px; color: #fff; padding: 5px 0px; display: block; margin-bottom: 10px; }

footer .footer-top .common-fot-box.link-box li:last-child a {margin-bottom: 0;}

footer .footer-top .common-fot-box.link-box li a:hover {color: #cd2122;}

footer .footer-top .common-fot-box.contact-box li { margin-bottom: 10px; color: #fff; }

footer .footer-top .common-fot-box li span {display: block; font-size: 16px; color: #fff; margin-top: -22px; padding-left: 88px; }

footer .footer-top .common-fot-box li span a {color: #fff; display: block;margin-bottom: 8px;}

footer .footer-bottom {background: #2a2a2a; padding: 10px 0;}

footer .footer-top .common-fot-box li span a:hover {color: #cd2122}



footer .footer-bottom p {float: left; font-size: 14px; color: #fff; margin-bottom: 0; }

footer .footer-bottom .right-box {float: right; font-size: 14px; color: #fff; margin-bottom: 0; }

footer .footer-bottom span i {color: #cd2122; margin: 0 5px;}

footer .footer-bottom span a {color: #fff;}

footer .footer-bottom span a:hover {color:#cd2122;}



.back-to-top { text-align: center; z-index: 99; position: fixed; right: 20px; bottom: 40px; font-size: 32px; color: #fff; display: none; background: #cd2122; height: 50px; width: 50px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }

.back-to-top:hover, .back-to-top:focus { background: #f1f1f1; color: #cd2122; }





.our-clients-section {padding-bottom: 90px; display: none;}

.our-clients-section ul li {display: inline-block; margin: 0 15px 50px; width: 17%; }

.our-clients-section ul li a {display: block;}

.our-clients-section ul li a img {opacity: .3; transition: all 0.3s ease-out 0s;}

.our-clients-section ul li a:hover img {opacity: 1;}





.inner-banner-section {background: url('../images/inner-product-banner.png'); background-size: auto; background-size: cover; width: 100%; height: 350px; position: relative;}

.inner-product-banner {background: url('../images/inner-product-banner-2.png'); background-size: auto; background-size: cover; width: 100%; height: 350px; position: relative;}

.inner-about-us-section {background: url('../images/about-us-banner.png');background-size: cover;}

.inner-banner-section .inner-text {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; text-align: center;}

.inner-contact-us-section {background: url('../images/contact-us-banner.png'); background-size: cover;}

.inner-banner-section .inner-text h3 {margin-bottom: 0; color: #fff; font-size: 42px;}

.breadcrumb {background: transparent; padding-top: 20px; }

.breadcrumb li {font-size: 22px; color: #ef312d; }

.breadcrumb li a {color: #fff; }



.contact-us-section {background: #f2f2f2;padding-bottom: 90px;}



.contact-box .single-contact {background: #fff; text-align: center; position: relative; box-shadow: 0 0 20px 3px rgba(0,0,0,.05); padding: 30px; border-radius: 10px; -webkit-transition: all .5s; transition: all .5s; margin-bottom: 30px; height: 280px;}

.contact-box .single-contact a {color:#000; display: block;}

.contact-box .single-contact a:hover {color: #cd2122;}

.contact-box .single-contact .icon {width: 45px; height: 45px; background-color: #cd2122; color: #fff; -webkit-transition: .3s; transition: .3s; border-radius: 50%; margin: 0 auto 20px; }



.contact-box .single-contact .icon i {font-size: 23px; line-height: 45px; }

.contact-box .single-contact:hover {-webkit-transform: translateY(-5px); transform: translateY(-5px); }



.contact-form-box .form-box .form-control {height: 55px; border: 1px solid #eee; margin-bottom: 20px; background-color: #f9f9f9;}

.contact-form-box .form-box  textarea.form-control { border: 1px solid #eee; max-height: 170px; min-height: 170px;box-shadow: none; margin-bottom: 20px; background-color: #f9f9f9;}



.contact-form-box .form-box {width: 50%;background: #fff; display: inline-block; vertical-align: middle; box-shadow: 0 0 20px 3px rgba(0,0,0,.05); padding: 30px; border-radius: 4px;}

.contact-form-box .form-box button {border: none; padding: 15px 35px; display: table; text-align: center; margin: 0 auto -8px; background: #cd2122; color: #fff;border-radius: 4px;font-size: 18px}



.contact-form-box .map-box {width: 49%; display: inline-block; padding-left: 30px; vertical-align: middle;}



.enquiry-section {padding-bottom: 90px; background: #f7f7f7;}

.enquiry-section input {background: none; border: 1px solid #e1e1e1; width: 49%; padding: 10px; margin: 0 19px 30px 0; border-radius: 5px; background: #fff;}

.enquiry-section .send-message textarea {min-height: 140px; background: none; border: 1px solid #e1e1e1; width: 100%; padding: 10px; margin: 0 10px 0px 0; margin-right: 10px; border-radius: 5px; background: #fff; }



.enquiry-section select {width: 49%; padding: 10px; border: 1px solid #e1e1e1; background: none; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 5px; background: #fff;}

.enquiry-section .send-message .email, .enquiry-section .send-message textarea {background: #fff; margin-right: 0 !important;}



.enquiry-section .common-btn {background: #f04344; color: #fff;}

 .enquiry-section .common-btn:hover { background-color: #ff5556; }





.velox-mission-vision-section .velox-group-box {text-align: center;}

.velox-mission-vision-section .velox-group-box  h3 {font-size: 26px; margin-top: 30px !important}

.velox-mission-vision-section .velox-group-box .icon-box img {width: 180px; margin-bottom: 20px}

.velox-mission-vision-section .velox-group-box .icon-box {height: 200px;background: #261c1c; border-radius: 50%; text-align: center; height: 200px; width: 200px; padding: 50px; display: block;margin: 0 auto}

.velox-mission-vision-section .velox-group-box p {margin-bottom: 0;}

/*.business-strategy-section  {padding-bottom: 90px;}*/

.business-strategy-section .content-left-box {display: inline-block; width: 50%; vertical-align: middle;}

.business-strategy-section  .img-right-box {display: inline-block; width: 49%; vertical-align: middle;}

.business-strategy-section .content-left-box .strategy-list li {padding: 0 4px 4px 30px; position: relative; display: block; font-size: 16px; margin-bottom: 10px;}

.business-strategy-section .content-left-box .strategy-list li:before {content: ""; position: absolute; left: 0; top: 5px; background-image: url("../images/check.png"); width: 15px; height: 15px;}

.business-strategy-section .content-left-box .strategy-list li:last-child {margin-bottom: 0; padding-bottom: 0;}

.products-details-section th, .products-details-section td {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 10px;} 

.products-details-section td p {margin: 0; padding: 8px 0; }



.products-details-section table {width: 80%;}

.products-details-section {padding: 90px 0;}

.products-details-section .left-products-img {width: 40%; display: inline-block; vertical-align: top;}

.products-details-section .left-products-img  img {width: 100%;}

.products-details-section .right-products-detail {padding-left: 60px; width:59%; display: inline-block; vertical-align: top;}



.download-section {background: #f5f5f5; padding-bottom: 90px;}

.download-section .brochures-box {text-align: center;}

.download-section .brochures-box h4 {font-size: 20px; margin: 0; font-weight: 400; padding: 15px 0; text-align: center;}

.download-section .brochures-box .common-btn {width: 70%; background: #cd2122; color: #fff;}

.download-section .brochures-box .common-btn:hover { background-color: #ff5556;}

.download-section .brochures-box .common-col {margin-bottom: 30px;}







#nav-toggle {cursor: pointer; padding: 10px 35px 16px 0px; outline: none; z-index: 99999999; position: absolute; right: 15px; top: 50%; margin-top: -13px; display: none; }

#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after {cursor: pointer; border-radius: 1px; height: 2px; width: 30px; background: #000; position: absolute; display: block; content: ''; -moz-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -o-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -webkit-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47);}

#nav-toggle span::before {top: -10px; } 

#nav-toggle span::after {bottom: -10px; }



#nav-toggle.active span {background-color: transparent; }



#nav-toggle.active span::before {transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

#nav-toggle.active span::after {transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

#nav-toggle.active span::before, #nav-toggle.active span::after {top: 0; }

.responsive-nav header .my-navbar .custom-menu {left: 0; overflow-y: auto; overflow-x: hidden; }



.f-link {display: none;}

.breadcrumb {margin-bottom: 0 !important;}



.common-list li {padding: 0 0 15px 15px; font-weight: 600; position: relative; color: #2d2d2d; list-style: inside;}

.benifits-list li {font-size: 22px; display: inline-block; vertical-align: top; width: 50%; margin-right: -4px;}

.benifits-list li::after {position: absolute; height: 5px; width: 5px; display: block; content: ""; display: block; border-radius: 50%; background: #2d2d2d; top:13px; left: 0; }

.products-details-section .product-title h2 { margin-bottom: 30px;}

.products-details-section .products-goal {margin-bottom: 30px;}

.products-details-section .products-goal h4 {font-weight: 600;}



/*.dropdown {position: relative; display: inline-block; }

.dropdown-content {display: none; position: absolute; background-color: #fff; min-width: 410px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}

.custom-nav ul > li .dropdown-content li{text-align: left; width: 50%; display: inline-block; margin-right: -5px;}

.custom-nav ul > li > .dropdown-content a {color: black; padding: 10px 10px; text-decoration: none; display: block; color: #000; }

.dropdown:hover .dropdown-content {display: block;}

.custom-nav ul > li > .dropdown-content a:hover {color: #cd2122;}*/

.dropdown {position: relative; display: inline-block; }

.dropdown-content {display: none; position: absolute; background-color: #fff; min-width: 450px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}

.dropdown-menu {margin-left: -5px; border-radius: 0; top: 95%;}

.dropdown-main {left: auto; background-color: #fff; min-width: 450px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}



.custom-nav ul > li .dropdown-main li{text-align: left; display:block; }

.custom-nav ul > li .dropdown-main li a:hover {background: transparent;}

.custom-nav ul > li .dropdown-menu li{text-align: left;display: block;}

.right-dropdown {width: 50%; float: right;} 

.left-dropdown {width: 50%; float: left;} 

.custom-nav ul > li > .dropdown-main a {font-size: 16px; color: black; padding: 10px 10px; text-decoration: none; display: block; color: #000; }

.custom-nav ul > li .dropdown-menu li a {font-size: 14px;padding: 8px 10px;}





.custom-nav ul > li > .dropdown-main a:hover {color: #cd2122;}

.dropdown-submenu {position: relative;}



.panel-group__features .panel .panel-heading .panel-title .panel-title__desc .v-center .v-center-inner {font-size: 16px;}



.agriculture-section {padding-bottom: 90px;}

.agriculture-section .left-table {width: 100%; display: inline-block; vertical-align: middle;}

.agriculture-section .right-img {width: 29%; display: inline-block; vertical-align: middle;}



.agriculture-section .tg {border-collapse:collapse;border-spacing:0; width: 100%; text-align:center;}

.agriculture-section .tg td {border-color:black;border-style:solid;border-width:1px;overflow:hidden;padding:10px 5px;word-break:normal;}

.agriculture-section .tg th{border-color:black;border-style:solid;border-width:1px; background: #e1e1e1;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;text-align:center; font-size: 18px; font-weight: 400;}

.agriculture-section .tg .tg-0pky{border-color:inherit;text-align:center;}

.agriculture-section .tg .tg-0lax{text-align:center;}

.agriculture-section .sleeves-content {margin-bottom: 40px;}



.common-clients-section {padding-bottom: 0;}



.agriculture-left-img {width: 50%; display: inline-block; vertical-align: middle; padding-bottom: 50px; padding-right: 25px;}

.agriculture-right-img {width: 50%; margin-right: -5px; display: inline-block; vertical-align: middle;padding-bottom: 50px; padding-left: 25px;}

.agriculture-left-img img, .agriculture-right-img img {width: 350px; display: block; margin: 0 auto;}

.agriculture-section .left-table-box{width: 65%; display: inline-block;}

.agriculture-section .right-img {width: 35%; margin-right: -5px; display: inline-block;}

.agriculture-section .blank-th {border: none !important; background: transparent !important;}

.agriculture-section .bottom-table {margin-top: 30px;}

.agriculture-section .right-technical-table {width: 50%; display: inline-block;  vertical-align: top; padding-left: 25px;}

.agriculture-section .left-technical-table {width: 50%; display: inline-block; margin-right:-5px;padding-right: 25px;}

.agriculture-section .technical-table {margin-top: 50px;}

.agriculture-section .technical-table h3 {text-align:center; margin-bottom: 30px;}

.technical-data-section .common-list li::after {position: absolute; height: 5px; width: 5px; display: block; content: ""; display: block; border-radius: 50%; background: #2d2d2d; top: 13px; left: 0; }

.technical-data-section {padding-bottom: 90px;}

.about-us-section {position: relative;}

.about-us-section .owl-theme .owl-nav.disabled + .owl-dots {position: absolute; right: 0; bottom: 0;}



.advantages-box .common-list li {width: 49%; display: inline-block; font-size: 16px;}

.advantages-box .common-list li::after {top: 10px; }

.exothermic-sleeves-section .right-img{vertical-align: top;}



.about-us-section .owl-carousel .owl-nav {display: block; text-align: right;position: absolute; right: 0; bottom: 0; margin-top: 0;}

.about-us-section .owl-theme .owl-dots, .owl-theme .owl-nav {display: none;}

.about-us-section .owl-carousel .owl-nav i {font-size: 22px;}

.about-us-section .owl-carousel .owl-nav button {margin-right: 30px; height: 60px; width: 60px; border-radius: 50%; border: 3px solid #cd2122; margin-top: 0; }

.about-us-section .owl-carousel .owl-nav button i {font-size: 22px; line-height: 56px; color: #cd2122; }

.about-us-section  .owl-theme .owl-nav [class*="owl-"]:hover {background: transparent;}



.about-us-section .owl-carousel .owl-nav button:focus {

outline: none;

}



.agriculture-section .mobile-box{display: none;}
.loader-box { margin: 0 auto; text-align: center; }
.loader-box { position: fixed; left: 0; right: 0; width: 100%; z-index: 9999999; opacity: 1; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 100%; }
.newsletter-box-right div.wpcf7 .ajax-loader {position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%)}
#wpcf7-f166-o1 .wpcf7-response-output {
    display: none !important;
}

#wpcf7-f166-o1 .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: white;
}
.contact-form-box .form-box form p {text-align: center;}
.contact-form-box .form-box button {display: inline-block;}
.thank-you-section p{ margin-bottom: 0; font-size: 22px; color: #fff; margin-top: 25px;}
.enquiry-section .wpcf7-form-control-wrap {
position: relative;
display: inline-block;
vertical-align: top;
width: 49%;
padding: 0 10px;
}
.enquiry-section select {
width: 100%;}
.enquiry-section input{width:100%;}
span.wpcf7-form-control-wrap.your-message {
    width: 100%;
}
section.404.not-found{background: url(/wp-content/uploads/2020/12/404-velox.png);
    background-size: cover;
}
.captcha-box .wpcf7-form-control-wrap {
    width: 100%;
}
.custom-nav ul > li > a i {margin-left: 7px;}
.custom-nav ul > li .dropdown-menu li i {margin-left: 7px;}


#loading-image { position: absolute; top: 50%; left: 0; right: 0; z-index: 100; margin: 0 auto; -webkit-animation: 4s linear infinite spin; -moz-animation: 4s linear infinite spin; animation: 4s linear infinite spin }
@-moz-keyframes spin {
  100% { -moz-transform: rotate(360deg) }
}
@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(360deg) }
}
@keyframes spin {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
#loading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align: center; opacity: 1; z-index: 99 }
#loading { background-color: #fff }