/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
  background-color: #F5F5F5;
}

a {
  color: #cc1616;
}

a:hover {
  color: #e82d2d;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;

}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-title {
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #191919;
  position: relative;
  z-index: 2;
}

.section-title span {
  position: absolute;
  top: 30px;
  color: #f4f4f4;
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 52px;
  text-transform: uppercase;
  line-height: 0;
}

.section-title p {
  color: #191919;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

@media (max-width: 575px) {
  .section-title h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .section-title span {
    font-size: 38px;
  }
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background: url("../img/hero-bg.jpg") top center;
  background-size: cover;
  position: relative;
}

#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

#hero .container {
  padding-top: 70px;
}
#hero img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#hero h1 {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  text-transform: uppercase;
  color: #fff;
}

#hero h2 {
  color: #eee;
  margin-bottom: 30px;
  font-size: 24px;
}

#hero .btn-get-started {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  transition: 0.5s;
  border: 2px solid #fff;
  color: #fff;
}

#hero .btn-get-started:hover {
  background: #5a5959;
  border-color: #3f3c3c;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {
  #hero {
    text-align: center;
  }
  #hero .container {
    padding-top: 40px;
  }
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
  padding-top: 0;
}

.why-us .box {
  padding: 50px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;

}

.why-us .box span {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #191919; /*rgb(41,98,255)*/
}

.why-us .box h4 {
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  margin: 20px 0;
  /*color: rgb(41,98,255);*/
}

.why-us .box p {
  color: #aaaaaa;
  font-size: 15px;
  margin: 0;
  padding: 0;
}

.why-us .box:hover {
  /*background: rgb(41,98,255);*/
  background:linear-gradient(to right, #5236B0, #801B8B);
  padding: 30px 30px 70px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}

.why-us .box:hover span, .why-us .box:hover h5, .why-us .box:hover p {
  color: white;
}

.why-us .box:hover span, .why-us .box:hover h4, .why-us .box:hover p {
    color: white;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  font-family: "Poppins", sans-serif;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: rgb(41,98,255);
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #191919;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #4c4c4c;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #333333;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: rgb(41,98,255);
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
  color: rgb(41,98,255);
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 20px;
}
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-container {
  position: relative;
}

.portfolio-details .portfolio-details-carousel {
  position: relative;
  z-index: 1;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
  margin-top: 5px;
  text-align: left;
}

.portfolio-details .portfolio-details-carousel .owl-dot {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.portfolio-details .portfolio-details-carousel .owl-dot.active {
  background-color: rgb(41,98,255) !important;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  position: absolute;
  right: 0;
  bottom: -70px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 50px;
}

.portfolio-details .portfolio-description h2 {
  width: 50%;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0 0 0 0;
}

@media (max-width: 768px) {
  .portfolio-details .portfolio-info {
    position: static;
    margin-top: 30px;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #0c0c0c;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

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

#footer .footer-top .footer-info {
  margin-bottom: 15px;
  background: #191919;
  color: #fff;
  border-top: 4px solid #801B8B;
  text-align: center;
  padding: 30px 20px;
}

#footer .footer-top .footer-info h3 {
  font-size: 36px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #262626;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #801B8B;
  color: #fff;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color:  #801B8B;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #801B8B;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: rgb(41,98,255);
  color: #fff;
  transition: 0.3s;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: rgb(41,98,255);
}

#footer .copyright {
  border-top: 1px solid #262626;
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

#footer .credits a {
  color: rgb(41,98,255);
}

@media (max-width: 575px) {
  #footer .footer-top .footer-info {
    margin: -20px 0 30px 0;
  }
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/hero-bg.jpg") fixed center center;
  background-size: cover;
  padding: 120px 0;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: rgb(41,98,255);
  border: 2px solid rgb(41,98,255);
}

/*--------------------------------------------------------------
# tta
--------------------------------------------------------------*/
.tta {
  background: linear-gradient(rgba(2, 2, 2, 0), rgba(0, 0, 0, 0 ));
  background-size: cover;
  padding: 120px 0;
  margin-top:100px;
  position: absolute;
  left: 120px;
  top: 120px;
  z-index: 1;
  /*box-shadow: 0 2px 3px #191919;*/
}

.tta h4 {
  color: #fff;
  border-color:rgb(41,98,255);
  /*text-shadow: 2px 2px #191919;*/
  text-shadow: 0px 0px 30px #808080; /*rgba(127, 137, 161, 0.25);*/
  font-size: 28px;
  font-weight: 700;
}

/*.tta h1 {
  color: #2962FF;
  font-weight: bold;
}*/

.tta h1{
  color:#fff;
  border-color:rgb(41,98,255);
  /*text-shadow: 2px 2px #191919;*/                 
  text-shadow: 0px 0px 15px #191919; /*rgba(127, 137, 161, 0.25);*/
  font-size:40px;
  font-weight:700;
  letter-spacing:3.5px;
  margin-bottom:5px;
  text-transform:uppercase;

}

.tta p {
  color: #fff;
  /*text-shadow: 2px 2px #191919;*/
  text-shadow: 0px 0px 30px #808080; /*rgba(127, 137, 161, 0.25);*/

}

.tta .tta-btn {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.tta .tta-btn:hover {
  background: rgb(41,98,255);
  border: 2px solid rgb(41,98,255);
}
/*.tta .tox:hover h1, .tta .tox:hover h4, .tta .tox:hover p {
    color: white;
    border:#18d26e;
    box-shadow: 0 2px 3px #ebda1b;
}*/

@media (max-width:  950px) {
	.tta {
		  display: none;
	}
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #801B8B;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# video-photo
--------------------------------------------------------------*/


.video-photo {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.video-photo > img {
  width: 100%;
}

.video-area a.video-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

/*--------------------------------------------------------------
# Area_Development_Process
--------------------------------------------------------------*/

.Area_Development_Process {
  padding: 145px 0 20px 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
     
  background-image: linear-gradient(to right, #5236B0, #801B8B);


  
  /* background-color: #d8d8d8; 
        background-image: 
  url("../../TemplateJuly/assets/img/hero-bg.jpg"), 
  url("../../TemplateJuly/assets/img/hero-bg.jpg");



  */
  z-index: 1;
}

.Area_Development_Process .carousel-indicators{
top:160px;left:-30px
}
.Area_Development_Process h3{
  color: #ffffff;
  }
  .Area_Development_Process p{
    color: #ffffff;
    font-weight: 600;
    }

@media (max-width: 481px) {
    .Area_Development_Process {
        padding: 145px 0 160px 0;
        background-repeat: no-repeat;
        background-size: cover;
        position: static;

        background-color: rgb(41,98,255);
        
          /* background-color: #d8d8d8; 
        background-image: 
  url("../../TemplateJuly/assets/img/hero-bg.jpg"), 
  url("../../TemplateJuly/assets/img/hero-bg.jpg");



  */
    }

.Area_Development_Process .carousel-indicators{
margin-top:50px;left:-30px

}
  .Area_Development_Process h3
      {
            font-size:inherit;
      }
    .Area_Development_Process .carousel-indicators
      {
          color: ffffff;
          top:350px;left:-30px
      }
}

/*--------------------------------------------------------------
# team-box
--------------------------------------------------------------*/


.team-box {
  position: relative;
  padding: 55px 30px 30px 30px;
  -webkit-box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-top: 40px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

.team-box:hover {
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
}

.team-box .team-image {
  position: absolute;
  top: -45px;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-color: #ffffff;
  text-align: center;
  overflow: hidden;
  border: 5px solid #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1)
}

.team-box h4 {
  margin-top:70px;
  color: #801B8B;
  font-weight: 600;
  font-size: 20px;
}

.team-box h6.position {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.team-slide .owl-controls .owl-nav > div {
  position: absolute;
  top: 50%;
  left: auto;
  right: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.team-slide .owl-controls .owl-nav > div.owl-next {
  right: auto;
  left: 100%;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  background: #f2f2f2;
  padding: 15px 0;
  text-align: center;
}

.clients img {
  /*
  width: 50%;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  */
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
}

.clients img:hover {
  -webkit-filter: none;
  filter: none;
  transform: scale(1.2);
}

@media (max-width: 768px) {
  .clients img {
    width: 40%;
  }
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #5236B0;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #7269ec;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: rgb(41,98,255);
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input::focus, .contact .php-email-form textarea::focus {
  background-color: rgb(41,98,255);
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: rgb(41,98,255);
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

.contact .php-email-form button[type="submit"]:hover {
  background: rgb(41,98,255);
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Custome_button
--------------------------------------------------------------*/

.button {
  background-image: linear-gradient(to right, #5236B0, #801B8B);
  border: none;
  color: white;
  min-height:100px;
  text-align:end;
  border-radius: 12px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button_p {
  background-image: linear-gradient(to right, #FF1493, #FFA500);
  border: none;
  color: white;
  min-height:100px;
  text-align:end;
  border-radius: 12px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button_g {
    background-image: linear-gradient(to right, #5236B0, #801B8B);
    border: none;
    color: white;
    border-radius: 12px;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button_b {
  background-image: linear-gradient(#506BEB, #7F9DF5);
  border: none;
  color: white;
  border-radius: 12px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button_n {
  background-image: linear-gradient(#229954, #58D68D);
  border: none;
  color: white;
  border-radius: 12px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  color: white;
 
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  background: rgb(41,98,255);
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #2547b6;
  color: #fff;
}
.icofont-simple-up:before {
   content:"\eab9"
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #7f87ff;
  border-top-color: #efefef;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
 #   Custom colors
--------------------------------------------------------------*/

  .red-orange-brown {
        background-image: linear-gradient(to right, red, orange 50%, brown);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .green-yellowgreen-yellow-gold {
        background-image: linear-gradient(to right, green, yellowgreen 33%, yellow 66%, gold);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }

    .pink-orange {
        background-image: linear-gradient(to right, #FF1493, #FFA500);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }
      .blue-purpul{
        background-image: linear-gradient(to right, #5236B0, #801B8B);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }

/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/

.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel .owl-refresh .owl-item{display:none;}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-item img{transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame{position:relative;z-index:1;}
a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:52px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{-webkit-overflow-scrolling:touch;}
.vbox-overlay{background:#181818;background:rgba(0,0,0,0.85);width:100%;height:auto;position:absolute;top:0;left:0;z-index:999;overflow:hidden;opacity:0;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
.relativo{float:left;width:100%;height:100%;display:block;position:relative;}
.vbox-preloader{position:fixed;width:32px;height:32px;left:50%;top:50%;margin-left:-16px;margin-top:-16px;background-image:url(../img/preload-circle.png);text-indent:-100px;overflow:hidden;-webkit-animation:playload 1.4s steps(18) infinite;-moz-animation:playload 1.4s steps(18) infinite;-ms-animation:playload 1.4s steps(18) infinite;-o-animation:playload 1.4s steps(18) infinite;animation:playload 1.4s steps(18) infinite;}
@-webkit-keyframes playload{from{background-position:0px;}
to{background-position:-576px;}
}
@-moz-keyframes playload{from{background-position:0px;}
to{background-position:-576px;}
}
@-ms-keyframes playload{from{background-position:0px;}
to{background-position:-576px;}
}
@-o-keyframes playload{from{background-position:0px;}
to{background-position:-576px;}
}
@keyframes playload{from{background-position:0px;}
to{background-position:-576px;}
}


.dtable{display:table;height:100vh;width:100%;}
.dcell{display:table-cell;vertical-align:middle;color:#fff;}
.slider_caption h4{color:#fff;font-size:28px;margin-bottom:0;line-height:36px;text-transform:uppercase;}
.active .fadeInDown_slide{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.active .fadeInLeft_slide{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.active .fadeInRight_slide{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.active .fadeInUp_slide{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.active fadeInLeft_slide{-webkit-animation-name:fadeInLeft;animation-name:fadeInUp;}
.slider_area h{color:#fff;font-size:30px;font-weight:700;letter-spacing:3.5px;margin-bottom:30px;text-transform:uppercase;}
.slider_caption p{font-size:16px;width:80%;line-height:32px;}
.slider_caption a.th_bt{margin-top:43px;margin-left:0;}
.slider_caption a i,
.trigger_bottom a i,
.subform button i,
.social_btn a i,
.subform a i,
.team_content a i,
.contact_text a i,
.blog_grid a.grid_all i ,
.home-4 .dcell a i,
.home-5 .paralux_content a i,
.home-6 .mainSlider a.th_bt i,
.home-7 .paralux_content a i,
.home-8 .mainSlider a.th_bt i{margin-left:10px;}

p.colorWh{color:#ffffff;}

.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:46px;height:40px;padding:10px 20px 10px 0;display:block;background:url(../img/close.gif) no-repeat #161617;background-position:10px center;color:#fff;text-indent:-100px;overflow:hidden;}
.vbox-next, .vbox-prev{box-sizing:content-box;cursor:pointer;position:fixed;top:50%;color:#fff;width:30px;height:170px;margin-top:-85px;text-indent:-100px;border:solid transparent;overflow:hidden;}
.vbox-prev{left:0;border-width:0 30px 0 10px;background:url(../img/prev.gif) center center no-repeat;}
.vbox-next{right:0;border-width:0 10px 0 30px;background:url(../img/next.gif) center center no-repeat;}
.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;color:#fff;padding:6px 40px;overflow:hidden;background:#161617;position:fixed;display:none;top:-1px;left:0;}
.vbox-num{cursor:pointer;position:fixed;top:-1px;left:0;height:40px;display:block;color:#fff;overflow:hidden;line-height:28px;font-size:12px;padding:6px 10px;background:#161617;display:none;}
.vbox-inline{width:420px;height:315px;padding:10px;background:#fff;text-align:left;margin:0 auto;overflow:auto;}
.venoframe{border:none;width:960px;height:720px;}
@media (max-width:992px){.venoframe{width:640px;height:480px;}
}
@media (max-width:767px){.venoframe{width:420px;height:315px;}
}
@media (max-width:460px){.vbox-inline{width:100%;}
.venoframe{width:100%;height:260px;}
}
.vbox-container{position:relative;background:#000;width:98%;max-width:1024px;margin:0 auto;}
.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;}
.vbox-container img{max-width:100%;height:auto;}
.vwrap{opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;width:100%;height:100%;float:left;position:relative;margin:0;padding:0;left:0;overflow:hidden;z-index:1;}
.middle-box{height:400px;width:400px;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-200px;z-index:100;}
.middle-box h1{font-size:170px;}
.blog_grid_area ul li{list-style-type:circle;margin-left:15px;}
.tab-content>.tab-pane ul li{list-style-type:none;margin-left:15px;}

@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
50%{opacity:1;}
}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
50%{opacity:1;}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}
@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}
@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}
@-webkit-keyframes zoomOut{0%{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
100%{opacity:0;}
}
@keyframes zoomOut{0%{opacity:1;}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}
100%{opacity:0;}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;}
}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;}
}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}
@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}

@media only screen and (min-width:421px) and (max-width:767px){.slider_left_bg{background-image:url("../img/mainHeaderSliderPhoto_2.png");position:relative;background-size:contain;width:100%;top:0;background-repeat:no-repeat;z-index:1;bottom:44px;}
}
@media only screen and (min-width:320px) and (max-width:420px){.slider_left_bg{position:relative;top:0;z-index:1;}
#carousel-example-captions{z-index:2 !important;}
}

.blog_area .owl-carousel .owl-stage-outer{margin:-10px 0 -20px -15px;overflow:hidden;padding:10px 0 20px 15px;position:relative;}


.home-4 .slider_area h1,
.home-5 .paralux_content h1,
.home-7 .paralux_content h1{font-size:72px;margin-bottom:16px;color:#ffffff;text-transform:uppercase;font-weight:700;}
.home-4 .slider_area h1 span{color:#f06292;}
.home-4 .slider_caption p{margin:0 auto;}
.home-4 .slider_area{background-image:url("../img/mainHeaderSliderPhoto_1.jpg");background-size:cover;background-position:initial;}
.home-4 .slider_caption{border:15px solid rgba(255, 64, 129, 0.2);padding:35px 0;position:relative;margin-bottom:50px;}
.home-4 .main_slider_nav i:hover{-webkit-transform:scale(1.2);transform:scale(1.2);}
.home-4 .slider_caption::before{background:rgba(255, 64, 129, 0.2);bottom:-57px;content:"";height:34px;left:calc(50% - 1px);position:absolute;width:2px;}
.home-4 .dcell a.th_bt,
.home-5 .header_paralux a.th_bt,
.home-6 .dcell a.th_bt{display:block;margin:0 auto;}
.home-4 .slider_area .owl-dots{bottom:54px;left:50%;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:999;}
.home-4 .slider_area .owl-dot,
.home-6 .slider_area .owl-dot{background:rgba(255, 255, 255, 0.1);border-radius:50%;display:inline-block;height:10px;margin-right:5px;width:10px;}
.home-4 .slider_area .owl-dot.active{background:#ff4081;}
.home-4 .main_slider_nav .testi_prev,
.home-4 .main_slider_nav .testi_next{background:rgba(255, 255, 255, 0.2);border-radius:50%;bottom:54px;color:#ff4081;cursor:pointer;font-size:14px;height:24px;line-height:24px;position:absolute;text-align:center;width:24px;z-index:99;}
.home-4 .main_slider_nav .testi_prev{left:calc(50% - 63px);}
.home-4 .main_slider_nav .testi_next{left:calc(50% + 36px);}

.home-6 .slider_area h1 span,


.home-6 .slider_area h1{border:2px solid #ff5252;display:inline-block;padding:15px;}
.home-6 .slider_caption p{width:64%;margin:0 auto;}
.home-6 .main_slider_nav{bottom:50%;left:1%;position:absolute;width:98%;z-index:99;}
.home-6 .slider_area .owl-dots{bottom:54px;left:calc(50% - 38px);position:absolute;text-align:center;}
.home-6 .main_slider_nav .testi_prev,
.home-6 .main_slider_nav .testi_next{font-size:30px;color:#ffffff;cursor:pointer;}

.home-8 .slider_area{background-image:url("../img/slider8.jpg");background-size:cover;background-position:initial;}
.home-8 .slider_area h1{margin-bottom:10px;}
.home-8 .slider_area a.th_bt{display:inline-block;margin-right:25px;margin-left:0;}
.home-8 .slider_area .owl-dots{bottom:20px;left:0;position:absolute;text-align:center;}
.home-8 .slider_area .owl-dot{border:1px solid #ffffff;border-radius:50%;display:inline-block;height:10px;margin-right:5px;width:10px;}
.home-8 .slider_area .owl-dot.active{border:2px solid #ffffff;}

.home-8 .slider_caption h1 span{color:#2196f3;}

.home-8 .slider_area a.th_bt.slider_learn,


.home-9 .slider_area::after{background:rgba(29, 44, 54, 0.8);content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
.home-9 .slider_caption{width:74%;}
.home-9 .slider_caption h4{font-weight:700;letter-spacing:3.5px;}

.home-9 .slider_caption p{margin-bottom:45px;}

.home-9 .slider_man{position:absolute;right:0;bottom:0;max-height:78%;}
.home-9 .slider_area h1{margin-bottom:10px;}
.home-9 .slider_area a.th_bt{display:inline-block;margin-right:25px;margin-left:0;width:170px;height:55px;line-height:55px;}
.home-9 .slider_area .owl-dots{bottom:20px;left:0;position:absolute;text-align:center;}
.home-9 .slider_area .owl-dot{border:1px solid #eea225;border-radius:50%;display:inline-block;height:10px;margin-right:5px;width:10px;}
.home-9 .slider_area .owl-dot.active{border:2px solid #f9a825;}


.slider_area::after,
.home-5 .header_paralux::after,
.home-7 .header_paralux::after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;}
.slider_area{}
@media only screen and (min-width:768px){.slider_left_bg{background-image:url("../img/mainHeaderSliderPhoto_2.png");filter:drop-shadow(5px 5px 9px #000);position:relative;top:0;background-repeat:no-repeat;z-index:1;background-size:cover;}
}
@media only screen and (max-width:767px){.slider_left_bg{background-image:url("../img/mainHeaderSliderPhoto.png");position:relative;top:0;background-repeat:no-repeat;z-index:1;background-size:cover;}
}

.home-9 .slider_caption h1 span{color:#f9a825;}


@media only screen and (min-width:992px) and (max-width:1199px){.container{width:970px;}
.slider_caption h4{font-size:24px;}
.home-9 .about_left > img{padding-top:175px;}
.slider_area h1{font-size:50px;}
.home-4 .main_slider_nav{bottom:14px;width:12.5%;z-index:99;}
.home-4 .slider_area .owl-dots{bottom:14px;}
.home-6 .slider_caption p{width:77%;}
.single_cap p{margin-bottom:5px;}
.client_part .client_img h6 a{font-size:15px;}
.home-7 .header_area::after{width:200px;}
.home-7 .paralux_content::before{left:13%;width:75%;}
.home-7 .paralux_text::before{left:13%;width:24%;}
.home-7 .paralux_text::after{right:12%;width:25%;}
.home-7 .paralux_content h1{font-size:50px;}
.single_feature h4{font-size:16px;}
.single_cap{padding:0 10px;}
.about_left{padding-right:0;}
.checkBGFull:nth-child(even) .ourFeaturesContent .single_checkCont{padding-left:15px;}
.checkBGFull:nth-child(odd) .ourFeaturesContent .single_checkCont{padding-right:15px;}
.single_service{padding:0 10px 20px;}
.single_service h3{font-size:16px;margin:20px 0;}
.skill_and_video .skillBg{padding-left:20px;}
.video_control{width:calc(50% - 65px);}
.single_progress .progress{width:90%;}
.team_content{padding-top:50px;padding-bottom:50px;}
.team_content h1{line-height:35px;font-size:28px;}
.team_member_photo::before{height:calc(100% + 70px);left:-35px;top:-35px;width:calc(100% + 70px);}
.team_member_photo{left:-25px;}
.team_member_photo .owl-dots{bottom:-30px;}
.teamslide_nav{left:-27px;width:calc(100% + 55px);}
.single_skill{margin-right:20px;}
.ct_group{width:100%;}
.blog_cont{padding:15px;width:63%;}
.blog_slid .item > a{display:inline-block;width:36.5%;}
.blog_grid .blog_img{width:36.5%;}
.blog_cont h4{margin:7px 0;line-height:26px;}
.tab_menu li a{padding:12px;}
.blog_left_sidebar .blog_img,
.blog_right_sidebar .blog_img{width:40%;}
ul.blog_s li{margin-right:8px;}
.blog_right_sidebar .blog_cont,
.blog_left_sidebar .blog_cont{padding:32px 63px 40px 28px;width:59.5%;}
ul.ft_bottom li a{padding:0 17px;}
.home-9 .logo_area .main_logo{width:440px;}
.home-9 .slider_caption{width:70%;}
.home-9 .social_btn a.th_bt{width:130px;}
.home-9 .social_btn h3{font-size:16px;}
}
@media only screen and (min-width:768px) and (max-width:991px){.container{width:750px;}
.top_menu_area ul.nav.navbar-nav li{padding:0 14px;}
.home-7 .header_area{height:62px !important;}
.home-7 .header_area::after{width:200px;}
.affix .logo_area > a,
.logo_area > a,
.affix .top_menu_area ul.nav.navbar-nav > li > a,
.top_menu_area ul.nav.navbar-nav > li > a{line-height:62px !important;}
.home-4 .main_slider_nav,
.home-7 .paralux_content::before,
.home-7 .paralux_text::before,
.home-7 .paralux_text::after{display:none;}
.home-6 .slider_area h1{border:none;}
.home-4 .slider_area .owl-dots{bottom:14px;}
.home-6 .slider_caption p{width:98%;}
.home-6 .slider_area .owl-dots{bottom:12px;}
.affix.sticky .top_menu_area ul.nav.navbar-nav li a{color:#333333;}
.home-7 .header_paralux{padding:80px 0 46px;}
.single_fact.text-center{margin-bottom:50px;}
.single_fact h2{margin-top:15px;}
.project_area .col-sm-6:nth-child(3) .single_fact{margin-bottom:0;}
.project_area .col-sm-6:nth-child(4) .single_fact{margin-bottom:0;}
.ourFeaturesContent{padding-left:0;}
.checkBGFull:nth-child(even) .ourFeaturesContent .single_checkCont{padding-left:15px;}
.checkBGFull:nth-child(odd) .ourFeaturesContent .single_checkCont{padding-right:0;}
.checkText{padding-left:10px;}
.service_area .col-sm-6:nth-child(3) .single_service{margin-top:60px;}
.skill_and_video .skillBg{padding-left:20px;}
.all_skill_item{margin-bottom:0;}
.single_skill{margin-top:30px;}
.single_skill h3{margin-top:10px;}
.single_progress .progress{width:90%;}
.team_content{padding-top:50px;padding-bottom:50px;}
.team_content h1{line-height:35px;font-size:28px;}
.team_member_photo::before{height:calc(100% + 70px);left:-35px;top:-35px;width:calc(100% + 70px);}
.team_member_photo{left:-25px;}
.team_member_photo .owl-dots{bottom:-30px;}
.teamslide_nav{left:-27px;width:calc(100% + 55px);}
.video_control{width:calc(50% - 65px);}
ul.pricing_list li{margin-bottom:20px;}
.single_pricing h1{margin:23px 0 20px;}
ul.pricing_list{margin-top:20px;}
ul.pricing_list li{line-height:30px;}
.client_img{margin-top:0;padding:20px 20px 13px;}
.client_part .client_img h6 a{font-size:14px;line-height:20px;}
.client_part .client_img h6{font-size:9px;}
.client_part::before{height:35%;}
.client_part::after{height:65%;}
.cleint-testi{margin-top:60px;}
.singleClientTesti{padding-left:0;}
.clientslide_nav i{font-size:16px;top:50%;}
.singleClientImg p{font-size:8px;line-height:16px;}
.subform form{width:100%;}
.subform input{width:95%;}
.contact_text{padding:50px;}
.contact_text form{margin-top:30px;}
.contact_text .input-field{margin-top:20px;}
.contact_text h2{font-size:24px;}
ul.ft_top li a{font-size:15px;font-weight:600;padding:30px 0;}
.ft_paragraph{padding:15px 20px;}
.ft_paragraph p{text-align:left;}
.related_post_top figure{margin-bottom:28px;margin-top:10px;}
.blog_grid .blog_img,
.blog_grid .blog_img img{width:100%;}
.blog_grid .blog_cont{width:100%;}
.blog_right_sidebar .blog_cont,
.blog_left_sidebar .blog_cont{padding:32px 63px 40px 28px;width:100%;}
ul.blog_s{margin-bottom:5px;margin-top:10px;}
.blog_search form button[type="submit"]{bottom:18px;left:105px;}
.blog_search .input-field label{top:0;}
.input-field{margin-top:50px;}
ul.sidebarList li a{font-size:12px;}
.middle_content{margin-bottom:20px;}
.tab_menu li{display:block;}
.post_list{margin-bottom:10px;}
.post_text{width:100%;}
.navbar-right{margin-right:-10px;}
.blog_right_sidebar .blog_cont{width:100%;margin-left:0;}
.comment_area .col-md-12{padding:30px 15px 26px;}
.home-9 .logo_area .main_logo{width:94px;}
.home-9 .affix .logo_area .main_logo{width:100px;}
.home-9 .slider_caption{width:70%;}
.home-9 .slider_caption h4{font-size:20px;}
.home-9 .slider_area h1{font-size:30px;}
.home-9 .slider_area a.th_bt{width:140px;height:50px;line-height:50px;}
.home-9 .slider_man{max-height:95%;}
.home-9 .social_btn a.th_bt{width:130px;}
.home-9 .social_btn h3{font-size:16px;line-height:26px;margin:0 0 10px;}
.home-9 .about_area{padding:46px 0 40px;}
.home-9 .about_area p.ab_text{margin:22px 0 40px;}
.related_post_top .col-md-6:first-child{margin-bottom:35px;}
.ft_bottom,
.ft_paragraph p{text-align:center;}
}
@media only screen and (max-width:768px){.container{}
.section-padding{padding-bottom:100px;padding-top:100px;}
.mean-bar a > img{width:220px;}
.mean-container .mean-nav ul li a.mean-expand{height:23px;line-height:20px;width:35px;z-index:2;font-family:material-design-iconic-font;border-color:transparent !important;font-size:24px !important;}
.mean-container .mean-bar{background:transparent;box-shadow:0 12px 15px rgba(0, 0, 0, 0.1);padding:0;}
.mean-container .mean-nav{background:rgba(255, 255, 255, 0.95);position:relative;}
.mean-container .mean-nav:after{position:absolute;height:45px;width:100%;background:#2962ff;content:"";left:0;bottom:100%;z-index:-1;}
.home-2.mean-container .mean-nav::after{background:#512da8;}
.home-3.mean-container .mean-nav::after{background:#00897b;}
.home-6.mean-container .mean-nav::after{background:#ff5252;}
.home-7 .mean-container .mean-nav::after{background:#7cb342;}
.home-8.mean-container .mean-nav::after{background:#2196f3;}
.home-9.mean-container .mean-nav::after{background:#f9a825;}
.mean-container .mean-nav ul li a{border-top:1px solid rgba(0, 0, 0, 0.08);color:#333;}
.mean-container .mean-nav ul li a.mean-expand:hover{background:transparent;color:#ff4081;}
.mean-container .slider_area{margin-top:54px;}
.th_bt,
a.th_bt,
.subform button{height:50px;line-height:50px;width:150px;}
.single_feature{margin-bottom:20px;border-right:none;box-shadow:0 0px 2px rgba(0,0,0, .15);}
.whychoose{overflow:hidden;padding-top:80px;}
.whychoose .container .checkBGFull:last-child .section-padding{padding-bottom:100px;}
.whychoose .container .checkBGFull:nth-child(2) .section-padding{padding-top:100px;}
.team_content p{margin:30px 0;}
ul.team_social{margin-bottom:30px;}
.home-4 .slider_area .owl-dots{bottom:150px;}
.home-5 .paralux_content::before{border-left:none;border-right:none;border-top:none;}
.home-5 .paralux_text::before{border-bottom:none;border-left:none;}
.home-6 .slider_area h1{padding:10px;}
.home-6 .slider_caption p,
.home-8 .slider_caption p{width:90%;}
.home-6 .slider_area .owl-dots{bottom:10px;}
.home-6 .main_slider_nav,
.home-7 .paralux_content::before,
.home-7 .paralux_text::before,
.home-7 .paralux_text::after,
.home-4 .main_slider_nav,
.home-4 .slider_caption::before{display:none;}
.home-7 .header_paralux{padding:80px 0 46px;}
.home-8 .slider_area{padding:100px 0;}
.home-8 .slider_area .owl-dots{bottom:-30px;}
.home-8 .slider_area a.th_bt{margin-top:10px;margin-left:0;}
.mean-container .mean-bar{position:fixed;max-height:100vh;overflow:scroll;top:0;}
.mean-bar > a > img{left:15px;position:absolute;top:6px;z-index:9;}
.affix .logo_area{margin:20px auto;}
.mb80{margin-bottom:40px;}
.home-5 .paralux_text::before{bottom:0%;}
.slider_caption h4{font-size:15px;}
.slider_area h1{font-size:18px;}
.secHd,
.contact_text h2,
.home-4 .slider_area h1,
.home-5 .paralux_content h1,
.home-7 .paralux_content h1{font-size:18px;}
.about_area p.ab_text{margin:22px 0 25px;}
.about_text a.th_bt{margin:0 auto;}
.about_left{margin-bottom:40px;}
.single_service h3,
.footer_area h4,
.blog_cont h4,
.video_control h4,
.single_feature h4,
.single_pro_content legend,
.team_content h1,
.client_part .client_img h6 a,
.protfolio_area figcaption h4,
h4.blog_topHd,
.share_comment h5 a,
.related_post h3,
.comment_area h3,
.leave_comment h3,
.related_post h4 a,
.comment_area .about_commenter a,
h4.sidebar_Hd{font-size:15px;}
.ourFeaturesContent .single_checkCont{margin-bottom:45px;}
.team_content h1{font-size:15px;line-height:24px;}
.single_pro_content legend{font-size:15px;margin-left:calc(50% - 68px);}
.single_pro_content fieldset{padding:15px 20px 28px;}
.blog_slid .owl-dots{left:calc(50% - 35.5px);}
.single_pro_content p{margin:0;text-align:center;}
.checkText h4{font-size:15px;margin-bottom:10px;}
.single_fact.text-center{margin-bottom:35px;}
.single_fact h2{margin-top:15px;}
.project_area .col-xs-12:last-child .single_fact{margin-bottom:0;}
.checkBGFull:nth-child(2n) .ourFeaturesContent{margin-left:0;}
.checkBGFull:nth-child(2n) .ourFeaturesContent .single_checkCont{padding-left:0;}
.checkBGFull:nth-child(2n+1) .ourFeaturesContent .single_checkCont{padding-right:0;}
.col-xs-12.col-sm-6.ourFeaturesContent{padding:35px 0;}
.checkIcon i{height:50px;line-height:50px;width:50px;}
.checkText{width:calc(100% - 55px);padding-left:10px;}
ul.trigger li{font-size:10px;font-weight:600;padding:10px 9px;line-height:15px;}
.single_service{margin-top:30px;padding:0 10px 15px;}
.single_service h3{margin:20px 0 15px;}
.service_area .col-xs-4:nth-child(2) .single_service,
.service_area .col-md-4:nth-child(2) .single_service{margin-top:30px;}
.service_area .col-xs-4:nth-child(3) .single_service,
.service_area .col-md-4:nth-child(3) .single_service{margin-top:30px;}
.team_content{padding-right:10.5%;margin-left:20px;padding-top:50px;}
.team_content h1{font-size:24px;line-height:26px;}
.our_team,
.subscribe_area{padding:80px 0 0;}
.team_content p{margin:18px 0;}
.team_member_photo::before{height:calc(100% + 70px);left:-52px;top:-19px;width:calc(100% + 104px);}
.team_member_photo{top:-65px;left:-9px;}
.team_member_photo .owl-dots{bottom:-29.5px;}
.video_area{height:300px;position:relative;}
video#bgVideo{height:300px !important;min-height:inherit !important;}
.video_control{width:100%;height:300px !important;}
.video_control > h4{margin-left:10%;}
.skill_and_video .skillBg{padding-left:30px;}
.skill_and_video .skillBg.contentHide{margin-left:0;}
.single_skill h3{margin-top:10px;}
.single_skill{right:15px;margin-bottom:30px;}
.skill_and_video{background-color:#2962ff;}
.home-2 .skill_and_video{background-color:#512da8;}
.home-3 .skill_and_video{background-color:#00897b;}
.home-6 .skill_and_video{background-color:#ff5252;}
.home-7 .skill_and_video{background-color:#7cb342;}
.home-8 .skill_and_video{background-color:#2498f4;}
.col-sm-7.skillBg::after{display:none;}
.client_slider_area .section_title{position:absolute;top:-450px;left:18px;}
.client_img{margin-top:100px;}
.partner_slider .item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.cleint-testi p::before{top:-9px;}
.cleint-testi{margin-top:30px;}
.clientslide_nav{display:none;}
.teamslide_nav{display:none;}
.blog_img{box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);}
.blog_img{width:100%;}
.blog_cont{width:100%;}
.blog_slid .owl-dots{bottom:-35px;}
.social_btn h3{font-size:16px;text-align:center;line-height:30px;}
.social_btn a.th_bt{margin:0 auto;}
.single_pricing{margin-bottom:30px;}
ul.pricing_list li{margin-bottom:20px;line-height:20px;}
.single_pricing h1{margin:23px 0 20px;}
ul.pricing_list{margin-top:20px;}
.single_progress .progress{width:80%;}
.singleTabIcon i{height:25px;line-height:25px;width:25px;top:calc(0% + 18.5px);font-size:12px;}
.tab_trigger_icon .owl-item.prEv .singleTabIcon i,
.tab_trigger_icon .owl-item.neXt .singleTabIcon i{top:calc(100% - 48px);}
.owl-item.center .singleTabIcon i{height:35px;line-height:35px;width:35px;top:calc(0% + 20px);}
.subform{padding-bottom:40px;}
.subform form{width:100%;}
.contact_text form{margin-top:30px;}
.contact_text input{width:100%;}
.textari i{vertical-align:30px;}
.contact_text textarea{height:50px;width:100%;}
.contact_text{margin:20px 0;padding:20px;position:relative;right:0;top:0;width:100%;}
ul.ft_top li a{font-size:10px;font-weight:500;padding:10px 5px;}
.middle_content{margin-bottom:25px;}
#contactgoogleMap{height:300px;left:0;width:100%;}
.contact-area{position:relative;}
.home-6 ul.ft_top li,
.home-7 ul.ft_top li,
.home-8 ul.ft_top li{height:50px;}
.scroll_area{padding:70px 0 0;}
.sroll_top{top:-7px;}
.sroll_top i{font-size:24px;height:40px;line-height:40px;width:40px;}
.footer_Widgets{margin-top:25px;}
.footer_area h4{margin-bottom:35px;}
ul.ft_top li a i{display:block;margin-bottom:2px;font-size:12px;}
.middle_content{margin-bottom:20px;}
ul.ft_bottom li{display:inherit;}
.ft_paragraph{margin-top:20px;}
.ft_paragraph p{text-align:center;}
.blog_grid .blog_img,
.blog_grid .blog_img img{width:100%;}
.banner_title h1{color:#fff;font-size:18px;}
.blog_grid .blog_cont{width:100%;}
.blog_content blockquote{padding:24px 10px;}
.blog_right_sidebar .blog_cont,
.blog_left_sidebar .blog_cont{padding:32px 30px 38px 25px;width:100%;}
.blog_area.section-padding{padding-top:30px;}
ul.share_social{float:inherit;}
.auther_details,
.about_commenter{width:100%;display:inherit;}
.about_commenter{display:block;width:100%;}
.comment_area .about_commenter{margin-top:15px;padding:0 0 0 5px;}
.comment_area .col-md-12:nth-child(2n) .comment{margin-left:0;}
.blog_heading > h4{margin-bottom:5px;}
ul.blog_s{margin-bottom:15px;}
.comment_area .col-md-12{padding:30px 15px 26px;}
.blog_search{margin-bottom:40px;margin-top:40px;}
.related_post_top .blog_heading{margin-bottom:30px;}
.home-9 .dtable{height:inherit;margin-top:20px;margin-bottom:20px;}
.home-9 .slider_caption{width:100%;}
.home-9 .slider_man{display:none;}
.home-9 .about_area{padding:46px 0 46px;}
.home-9 .social_btn a.th_bt{margin:auto;width:150px;}
.home-9 .social_btn h3{font-size:16px;text-align:center;}
.home-9 .slider_area .owl-dots{right:0;text-align:right;}
.home-9 .about_area .section_title{padding-top:30px;}
.home-9 .about_area a.th_bt{margin:0 0 15px;}
.home-9 .about_left > img{padding-top:0;}
.contact_page #contactgoogleMap{height:300px;}
.contact_page .contact_text{top:0;}
.widget_gallery{display:inline-block;margin-right:0px;}
.related_post_top figure{margin-bottom:15px;}
}
