/*video start*/

.bg-primary {
  background-color: #ffd100;
}
            
.no-padding {
  padding: 0;
}

.video-section-left {
  width: 44.5%; 
  position: relative; 
  background-repeat: no-repeat; 
  background-size: cover;
}
            
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}    
.video-section-left {
  width: 44.5%; 
  position: relative; 
  background-repeat: no-repeat; 
  background-size: cover;
}
            
.video-section-right {
  padding: 120px; 
  width: 55.5%; 
  padding-right: 0;
}

.video-section-right h2, .video-section-left-2 h2 {
  margin-bottom: 45px;
}

            
.block-right {
    max-width: 555px;
}


/*video end*/



.banner-layout3 {
  padding-bottom: 200px;
}

.fancybox-item {
  padding: 35px;
  border-radius: 3px;
  border: 1px solid rgba(231, 235, 239, 0.2);
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.heading__title, .heading-light .heading__desc {
    color: #ffffff;
}

.mb-40{
    margin-bottom: 40px;
}

.fancybox-item .fancybox-item__title {
  font-size: 17px;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.banner-layout3 .fancybox-item .fancybox-item__icon {
  color: #fdb900;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.banner-layout3 .fancybox-item .fancybox-item__title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.banner-layout3 .fancybox-item:hover {
  border-color: #fff;
  background-color: #76ba1b;
}

.banner-layout3 .fancybox-item:hover .fancybox-item__icon,
.banner-layout3 .fancybox-item:hover .fancybox-item__title {
  color: #ffffff;
}

/*responsive*/

/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/

@media (max-width: 1800px){
  .services-block-left {
    display: none;
  }
}
@media (max-width: 1600px){
  .padding-left {
    padding-left: 80px;
  }
  .slider .next-nav {
    right: 15px;
  }
  .slider .prev-nav {
    left: 15px;
  }
}

@media (max-width: 1400px){
  .slider-slick-2 {
    width: 100%;
  }
  .slider .slider-content {
    bottom: 140px; 
  }
  .project-slider .prev-nav {
    left: 45%; 
    top: auto; 
    bottom: -60px;
  }
  .project-slider .next-nav {
    right: 45%; 
    top: auto; 
    bottom: -60px;
  }
  .project-feature .prev-nav {
    left: 45%; 
    top: auto; 
    bottom: -60px;
  }
  .project-feature .next-nav {
    right: 45%; 
    top: auto; 
    bottom: -60px;
  }
  .video-section-right {
    padding: 90px; 
  }
  .slick-feature-project .item .project-content {
    width: 100%;
  }
  .video-section-left-2 {
    padding: 60px;
  }
}
@media (max-width: 1230px){ 
  .team-line {
    display: none;
  }
}
@media (max-width: 1200px){ 
  .slider .slider-content {
    bottom: 140px; 
  }
  .slider .slider-content h1 {
    font-size: 36px;
  }
  .slider .slider-content h4 {
    display: none;
  }
  .padding-left {
    padding-left: 40px;
  }
  .process .process-icon:before {
    left: 110px;
  }
  .industris-space-md {
    height: 40px;
  }
  .testi-slider-2 .testi-content i {
    left: auto;
  }
  .slick-feature-project .item .project-content {
    width: 100%;
    padding-left: 25%;
  }
  .slick-feature-project .item-info {
    position: relative;
  }
  .slick-slide-feature-project {
    display: none;
  }
  .slider-2-nav .item-info {
    padding-left: 30px;
    padding-right: 130px;
  }
  .slick-feature-project .next-nav.slick-arrow {
    left: 150px;
  }
  .slick-feature-project .prev-nav.slick-arrow {
    left: 100px;
  }
  .slider-slick-2 {
    position: relative;
  }
  .slider-2 .item .slider-content {
    padding: 30px;
  }
  .slider-2 .item-info {
    position: relative;
  }
  .slider-img-nav {
    display: none;
  }
  .slider-2 .slick-arrow {
    bottom: 45%;
  }
  .slider-2 .next-nav.slick-arrow {
    left: auto;
    right: 30px;
  }
  .slider-2 .prev-nav.slick-arrow {
    left: 30px;
  }
  .slider-2 .slick-arrow:hover {
    color: #ffd100;
  }
}
@media (max-width: 991px){
  .md-hidden {
    display: none;
  }
  .mobile-header {
    display: block;
    background-color: #fff;
  }
  .logo-brand-mobile {
    max-width: 200px;
  }
  .mobile-nav {
    display: none;
    margin-bottom: 30px;
  }
  #mmenu_toggle {
    position: relative;
    cursor: pointer;
    float: right;
    width: 26px;
    height: 20px;
    padding: 10px 0;
    margin: 34px 0 0;
  }
  #mmenu_toggle button {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -2px 0 0;
    background: #03132b;
    height: 4px;
    padding: 0;
    border: none;
    width: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    outline: none;
    border-radius: 2px;
  }
  #mmenu_toggle button:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 26px;
    height: 4px;
    background: #03132b;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    border-radius: 2px;
  }
  #mmenu_toggle button:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 26px;
    height: 4px;
    background: #03132b;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    border-radius: 2px;
  }
  #mmenu_toggle.active button {
    background: none;
  }
  #mmenu_toggle.active button:before {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  #mmenu_toggle.active button:after {
    bottom: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  .mobile-menu {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
    border-top: 1px solid rgba(183,183,183,0.5);
  }
  .mobile-nav ul li.menu-item-has-children ul {
    display: none;
  }
  .mobile-nav ul li {
    position: relative;
  }
  .mobile-nav ul li a {
    color: #272023;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(183,183,183,0.5);
    text-decoration: none;
  }
  .mobile-nav ul li a:hover {
    color: #ffd100;
  }
  .mobile-nav .btn {
    margin-top: 20px;
  }
  .mobile-header .mobile-nav .mobile-menu > li.menu-item-has-children .arrow {
    color: #000;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 53px;
    padding: 0 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
  }
  .mobile-header .mobile-nav .mobile-menu > li.menu-item-has-children .arrow i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
  }
  .sub-menu {
    padding-left: 20px;
  }
  .mobile-nav ul {
    margin: 0;
    list-style: none;
  }
  .slider .slider-content {
    bottom: 140px; 
    margin-left: 50px;
  }
  .slider .slider-content h1 {
    font-size: 36px;
  }
  .slider .slider-content h4 {
    display: none;
  }
  .img-left, .img-right {
    width: 100%;
  }
  .img-right {
    padding-left: 0;
  }
  .img-left {
    padding-right: 0; 
    margin-bottom: 30px;
  }
  .padding-left {
    padding-left: 0;
  }
  .widget-footer {
    margin-bottom: 60px;
  }
  .site-footer .row > div:last-child .widget-footer {
    margin-bottom: 0;
  }
  .footer-bottom .topbar-left li { 
    padding-left: 0; 
    border: none;
  }
  .industris-space-sm {
    height: 40px;
  }
  .about-img-right {
    margin-bottom: 40px;
  }
  .about-img-small {
    display: none;
  }
  .bg-about-video img {
    max-width: none;
  }
  .cta-box p {
    margin-bottom: 30px;
  }
  .process {
    padding-bottom: 40px;
  }
  .process:after {
    height: 100%; 
    width: 2px; 
    top: 0; 
    left: 15px;
  }
  div:first-child > .process:after {
   background-image: linear-gradient(to bottom, transparent 1%, #ffd100 99%);
  }
  div:last-child >.process:after {
    background-image: linear-gradient(to bottom, #ffd100 , transparent);
  }
  div:last-child >.process {
    padding-bottom: 0;
  }
  .process .process-icon {
    margin-bottom: 20px;
  }
  .process .process-icon:before {
    left: 6px; 
    top: 55px;
  }
  .process .process-icon:after {
    top: auto; 
    right: auto; 
    bottom: 10px; 
    left: 11px;
    border-top: 12px solid #ffd100;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: none;
  }
  .testi-list-content p {
    font-size: 23px;
  }
  .history {
    text-align: center;
    margin-bottom: 60px;
  }
  .history-line {
    display: none;
  }
  .history-img img {
    padding-top: 0;
  }
  .sm-clear {
    clear: both;
  }
  .sm-center {
    text-align: center;
  }
  .project-info .project-content {
    padding: 30px;
  }
  .video-section-left {
    width: 100%; 
    min-height: 500px;
  }
  .video-section-right {
    width: 100%;
  }
  .home-video .video-play {
    right: 45%; 
    top: 40%;
  }
  .home-form .form-group {
    margin-bottom: 20px;
  }
  .checkout_coupon .form-control {
    padding-right: 170px;
  }
  .checkout_coupon .btn-coupon {
    right: 0;
  }
  .mb-sm-40 {
    margin-bottom: 40px!important;
  }
  .section-video-3 {
    padding: 200px 0;
    max-width: none;
  }
  .logo-brand-mobile-2 {
    padding: 18px 0;
  }
  .slick-feature-project .item .project-content {
    padding-right: 30px;
  }
  .slick-feature-project .item .project-content h4, .slick-feature-project .item .project-content .feature-project-btn {
    display: none;
  }
  .slick-feature-project .prev-nav.slick-arrow {
    left: 8%;
  }
  .slick-feature-project .next-nav.slick-arrow {
    left: 15%;
  }
  .video-section-left-2, .video-section-right-2 {
    width: 100%;
  }
  .block-left-2 {
    max-width: none;
  }
  .video-section-right-2 {
    padding: 300px 0;
  }
  .video-section-right-2 .video-play {
    left: auto;
  }
  .testi-slider-2 .slick-dots {
    right:
   }
  .register-form {
    margin-bottom: 30px;
  }
  .relate-project {
    margin-bottom: 30px;
  }
  .video-section-left, .video-section-right-2 {
    display: flex;
    align-content: center;
    align-items: center;
  }
  .video-section-left .home-video, .video-section-right-2 .home-video {
    vertical-align: middle;
    margin: 0 auto;
  }
  .video-section-left .home-video a,  .video-section-right-2 .home-video a {
    position: relative;
    right: auto;
  }
}
@media (min-width: 992px){
  .history:last-child img {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .project-info .project-meta {
    padding-bottom: 0; 
    border-bottom: none;
  }
  .project-info .project-content {
    padding: 20px 30px;
  }
  .project-info .project-content h3 {
    font-size: 24px;
  }
  .project-info .project-content p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px){
  section {
    padding: 90px 0;
  }
  blockquote .post-blockquote-author {
    padding-top: 30px;
  }
  .padding-bottom-medium {
    padding-bottom: 60px;
  }
  .project-info .project-meta {
    padding-bottom: 0; 
    border-bottom: none;
  }
  .project-info .project-content {
    padding: 20px 30px;
  }
  .project-info .project-content h3 {
    font-size: 24px;
  }
  .project-info .project-content p {
    margin-bottom: 20px;
  }
  .slick-dots {
    text-align: center; 
    bottom: -40px;
  }
  .slider .slider-content {
    bottom: 100px; 
  }
  .slider .slider-content h1 {
    font-size: 30px;
  }
  .slider .slider-content h4 {
    display: none;
  }
  .slider .slider-content .btn {
    display: none;
  }
  .sm-hidden {
    display: none; 
  }
  .blockquote-img {
    margin-bottom: 30px;
  }
  .industris-space-xs {
    height: 40px;
  }
  .text-mb-left {
    text-align: left;
  }
  .process {
    text-align: left;
    padding-left: 40px;
  }
  .team-line {
    display: none;
  }
  .team-img {
    text-align: center;
  }
  .team-info {
    text-align: center;
  }
  .feature-box {
    margin-bottom: 30px;
  }
  .xs-center {
    text-align: center;
  }
  .video-section-right {
    padding: 60px;
  }
  .home-video .video-play {
    right: 43%; top: 40%;
  }
  .testi-slider-2 .slick-dots {
    text-align: center; 
  }
  .testi-slider-2 {
    margin: 0;
  }
  .testi-slider-2 .testi-item {
    padding: 0;
  }
  .testi-slider-2 .slick-dots {
    position: relative;
    margin-bottom: 30px;
    bottom: -20px;
    right: 0;
  }
  .project-home .project-slider-content {
    display: none;
  }
  .coming-soon {
    padding: 80px 0;
  }
  .coming-soon-content {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .coming-soon-title {
    font-size: 60px;
    line-height: 72px;
  }
  .shop_table thead .product-name {
    width: 50%;
  }
  .btn-update {
    position: relative;
  }
  .counter-box {
    margin-bottom: 30px;
  }
  .projects-list {
    margin-bottom: 40px;
  }
  .slick-feature-project .item .project-content {
    padding-left: 30px;
    padding-top: 30px;
  }
  .slick-feature-project .item .project-content h2 {
    font-size: 36px;
  }
  .slick-feature-project .prev-nav.slick-arrow {
    left: 30px;
    bottom: 10px;
  }
  .slick-feature-project .next-nav.slick-arrow {
    left: 80px;
    bottom: 10px;
  }
  .slider-slick-2 .slider-scroll-btn {
    display: none;
  }
  .slider-2-nav .item-info {
    padding-right: 30px;
  }
  .video-section-left-2 {
    padding: 30px;
  }
  .slick-feature-project .prev-nav.slick-arrow {
    bottom: 68%;
  }
  .slick-feature-project .next-nav.slick-arrow {
    bottom: 68%;
    right: 30px;
    left: auto;
  }
}
@media (max-width: 576px){
  .slider .slider-content {
    bottom: 60px;
  }
  .slick-feature-project .prev-nav.slick-arrow, .slick-feature-project .next-nav.slick-arrow {
    bottom: 70%;
  }
}
@media (max-width: 480px){
  section {
    padding: 60px 0;
  }
  .padding-bottom-medium {
    padding-bottom: 60px;
  }
  .slider .slider-content {
    bottom: 50px; 
    margin-left: 0;
  }
  .slider .slider-content h1 {
    font-size: 24px;
  }
  .slider .slider-content h4 {
    display: none;
  }
  .slider .slider-content .btn {
    display: none;
  }
  .meta-post {
    text-align: left;
  }
  .meta-left {
    float: none; 
    margin-bottom: 20px;}
  .tags {
    float: none; 
    margin-bottom: 20px;
  }
  .share {
    text-align: left;
  }
  .cta-box {
    padding: 30px;
  }
  .cta-box .btn:first-child {
    margin-right: 0;
  }
  .cta-box .btn {
    min-width: 160px;
    margin-bottom: 20px;
  }
  .career-box {
    padding: 30px;
  }
  .coming-soon {
    padding: 60px 0;
  }
  .coming-soon-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .checkout_coupon .form-control {
    padding-right: 20px;
    margin-bottom: 20px;
  }
  .checkout_coupon .btn-coupon {
    position: relative;
  }
  .project-slider .project-slider-content {
    display: none;
  }
  .slick-feature-project .prev-nav.slick-arrow {
    bottom: 73%;
  }
  .slick-feature-project .next-nav.slick-arrow {
    bottom: 73%;
    right: 30px;
    left: auto;
  }
  .event-link a {
    margin-bottom: 20px;
  }
}
.projects-list .project-item .inner {
  border-right: 1px solid #999;
}
.projects-list .project-item:last-child .inner {
  border-right: none;
}
.project-grid-2 .project-item .inner {
  border: 1px solid rgba(0,0,0,.25);
}
.slider-img-nav {
  border-top: 1px solid rgba(0,0,0,.05);
}

