blockquote p {  font-size: 14px;  font-weight: 400;  line-height: 18px;  font-style: italic;  color: #959595;}
blockquote {  margin: 20px 0;  padding: 10px 20px;}
.angle:before {  background: #fff;  content: "";height: 75px;  top: -37px;  position: absolute;  width: 100%;  z-index: 2;
  -webkit-transform: skew(0deg, 2deg);          transform: skew(0deg, 2deg);}
.portfolio.angle:before {  background: #f5f5f5;}
.portfolio.angle {  padding-bottom: 120px;}
.clients.angle {  padding: 120px 0;}
/* Carousel controller */
.carousel-control {  width: auto;}
.ts-carousel-controller {  text-align: center;  padding-top: 50px;  z-index: 1;  position: relative;}
.ts-carousel-controller .left,
.ts-carousel-controller .right,
.owl-controls .owl-prev,
.owl-controls .owl-next {  cursor: pointer;  background: #f6f6f6;  width: 38px;  height: 38px;  line-height: 38px;  color: #989898;  opacity: 1;  top: auto;  text-shadow: none;  display: inline-block;  text-align: center;  border-radius: 100%;}
.owl-controls .owl-next {  margin-left: 6px;}
.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {  color: #fff;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {  display: inline-block;}
/*-- Flex slider --*/
.portfolio-slider .flexslider,
.ts-flex-slider .flexslider {  border: 0;  box-shadow: none;}
.portfolio-slider .flex-direction-nav a,
.ts-flex-slider .flex-direction-nav a {  opacity: 0;  background: #000;  color: #fff !important;  text-align: center;  text-hadow: none;  line-height: 40px;}
.portfolio-slider .flex-direction-nav a:before {  font-size: 32px;}
.portfolio-slider .flex-direction-nav a:hover,
.ts-flex-slider .flex-direction-nav a:hover {  color: #fff;  opacity: 1;}
.flexportfolio.flexslider .slides img {  height: auto;}
/* Slideshow
================================================== */
/*-- Main slide --*/
.overlay {  position: absolute;  z-index: 1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-image: url(../images/overaly.png);}
#main-slide .carousel-item img {  width: 100%;  -webkit-backface-visibility: hidden;}
#main-slide .carousel-item {  -webkit-backface-visibility: hidden;}
#main-slide .carousel-item .slider-content {  z-index: 1;  opacity: 0;  transition: opacity 500ms;}
#main-slide .carousel-item.active .slider-content {  opacity: 1;  transition: opacity 100ms;}
#main-slide .slider-content { top: 10%; left: 0; padding: 0; text-align: center; position: absolute; width: 100%; color: #fff; padding-top: 40px;}
#main-slide .carousel-indicators {  bottom: 70px;}
/*
.carousel-indicators li {
  width: 30px !important;
  height: 10px !important;
  margin: 1px !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff;
}*/

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {  transition: all 300ms ease;}
#main-slide .carousel-control.left,
#main-slide .carousel-control.right { opacity: 0;  filter: alpha(opacity=0); background-image: none; background-repeat: no-repeat; text-shadow: none; transition: all .25s ease;}
#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right {  opacity: 1;  filter: alpha(opacity=100);}
#main-slide:hover .carousel-control.left {  left: 20px;}
#main-slide:hover .carousel-control.right {  right: 20px;}
#main-slide .carousel-control.left span {  padding: 15px;}
#main-slide .carousel-control.right span {  padding: 15px;}
#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {  position: absolute;  top: 50%;  z-index: 5;  display: inline-block;}
#main-slide .carousel-control .fa-angle-left {  left: 0;}
#main-slide .carousel-control .fa-angle-right {  right: 0;}
#main-slide .carousel-control i {  background: none;  color: #fff;  line-height: 56px;  width: 56px;  height: 56px;
  border: 1px solid #fff;  border-radius: 100%;  font-size: 36px;  transition: all 500ms ease;}
#main-slide .carousel-control i:hover {  border: 1px solid rgba(0, 0, 0, 0.3);}
#main-slide .slider-content h2 {  font-size: 52px;  text-transform: uppercase;  color: #fff;}
#main-slide .slider-content h3 {  font-size: 28px;  margin-top: 40px;  color: #fff;}
.slider.btn {  padding: 10px 35px;  margin-top: 40px;  font-size: 16px;  text-transform: uppercase;  color: #fff;}
.slider.btn.solid {  margin-left: 15px;}
.slider-content-left {  position: relative;  margin: 0 0 0 40px;}
.slider-content-right {  position: relative;}
/*-- Animation */
.carousel .carousel-item.active .animated2,
.flex-active-slide .animated2 {  -webkit-animation: lightSpeedIn 1s ease-in 200ms both;  animation: lightSpeedIn 1s ease-in 200ms both;}
.carousel .carousel-item.active .animated3,
.flex-active-slide .animated3 {  -webkit-animation: bounceInLeft 2s ease-in-out 200ms both;  animation: bounceInLeft 1.5s ease-in-out 800ms both;}
.carousel .carousel-item.active .animated9,
.flex-active-slide .animated9 {  -webkit-animation: bounceInRight 2s ease-in-out 200ms both;  animation: bounceInRight 2.5s ease-in-out 800ms both;}
.carousel .carousel-item.active .animated4,
.flex-active-slide .animated4 {  -webkit-animation: flipInX 2s ease-in 800ms both;  animation: flipInX 2s ease-in 800ms both;}
.carousel .carousel-item.active .animated5,
.flex-active-slide .animated5 {  -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;  animation: bounceInLeft 1s ease-in-out 100ms both;}
.carousel .carousel-item.active .animated6,
.flex-active-slide .animated6 {  -webkit-animation: bounceIn 1s ease-in 500ms both;  animation: bounceIn 1s ease-in 500ms both;}
.carousel .carousel-item.active .animated7,
.flex-active-slide .animated7 {  -webkit-animation: bounceIn 1s ease-in 500ms both;  animation: bounceIn 1s ease-in 500ms both;}
.carousel .carousel-item.active .animated8,
.flex-active-slide .animated8 {  -webkit-animation: bounceInDown 1s ease-in 800ms both;  animation: bounceInDown 1s ease-in 800ms both;}

/* Flex slider */
.ts-flex-slider {  position: relative;}
.ts-flex-slider .flexSlideshow {  width: 100%;  overflow: hidden;}
.overlay3 {  position: relative;}
.overlay3 img {  width: 100%;}
.overlay3::before { position: absolute; content: ''; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; background-image: url(../images/overaly.png);}
.overlay1 {  position: relative;}
.overlay1 img {  width: 100%;}
.overlay1::before { position: absolute; content: ''; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; background-image: url(../images/overaly.png);}
.overlay2 {  position: relative;}
.overlay2 img {  width: 100%;}
.overlay2::before { position: absolute; content: ''; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; background-image: url(../images/overaly.png);}
.ts-flex-slider .flexslider .slides {  z-index: 0;}
.ts-flex-slider .slider-content {  z-index: 3;}
.ts-flex-slider .flex-direction-nav a { width: 55px; height: 60px; line-height: 60px; text-align: center; font-size: 32px;}
.ts-flex-slider .flex-direction-nav a.flex-next {  border-radius: 3px;}
.ts-flex-slider .flex-direction-nav a.flex-prev {  border-radius: 3px;}
/* Sub pages
================================================== */
/* Banner area */
#banner-area {  position: relative;}
.banner-title-content {  position: absolute;  top: 50%;  width: 100%;  height: 100%;}
.banner-title-content h2 {  color: #fff;  font-size: 36px;	margin: 0px;}
.banner-title-content .breadcrumb {  background: none;  color: #fff;  font-weight: 700;  font-size: 16px;}
.banner-title-content .breadcrumb a:hover {  color: #ccc;}
/* Facts */
.landing_facts {  color: #fff;  padding: 50px 0;}
.landing_facts .facts i {  font-size: 36px;}
.landing_facts .facts-num span {  font-size: 56px;}
/* Screenshot image */
.app-gallery .grid {  display: block;  margin: 0 15px 20px;  padding: 5px;}
.app-gallery figure.effect-oscar a {  margin: 125px 5px 0;}
.app-gallery figure.effect-oscar figcaption::before {  border: 0;}

/* Subscribe Form */
.newsletter-form {
  position: relative;
}

.newsletter-form button {  position: absolute;  position: absolute;  right: 0;  top: 0;  border-radius: 0 !important;
  color: #fff !important;  padding: 14px 30px 12px !important;}
.newsletter-form button:hover {  color: #323232 !important;}
/* Clients */
.landing_page_clients {  padding-top: 30px;}

/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media (min-width: 992px) {
  .flexslider .slides img,
  .ts-flex-slider .flexSlideshow {
    /*height: 600px;*/
  }
  .dropdown i {    display: none;  }
}

/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  /* Common */
  .parallax {
    padding: 60px 0;
  }
  /* Slideshow */
  #main-slide .slider-content h2 {    font-size: 36px;  }
	#main-slide .slider-content h3 {    font-size: 22px;    margin: 20px 0;  }
  .slider.btn {    padding: 5px 25px;    margin-top: 5px;    font-size: 16px;  }
  #main-slide .carousel-indicators {    bottom: 20px;  }
  /* Cd Hero Slider */
  .cd-hero-slider .cd-btn {    margin-top: 15px !important;    font-size: 12px !important;  }
  .cd-slider-nav ul li.video {    display: none;  }
  .cd-slider-nav {    bottom: 40px !important;  }
  /* Portfolio */
  .isotope-nav {    margin: 0 auto 40px;  }
  figure.effect-oscar figcaption {    padding: 1.5em;  }
  figure.effect-oscar figcaption::before {    top: 15px;    right: 15px;    bottom: 15px;    left: 15px;  }
  figure.effect-oscar h3 {    margin-top: 0;    font-size: 16px;  }
  /* Feature */
  .feature-content h3,
  .feature-center-content h3 {    font-size: 14px;    line-height: normal;  }
  /* Featured tab */
  .featured-tab .tab-pane img {    width: 45%;  }
  .featured-tab .tab-pane i.big {
    font-size: 150px;
  }
  .featured-tab .tab-pane,
  .landing-tab .tab-pane {    text-align: left;  }
  /* Team */
  .team {    padding-bottom: 50px;  }
  /* Pricing */
  .plan {    margin-bottom: 60px;  }
  /* Testimonial */
  .testimonial-content {    padding: 0 30px;  }
  /* Recent post */
  .recent-post {    padding-bottom: 40px;  }
  /* Back to top */
  #back-to-top.affix {    bottom: 35px;  }
  /* Video block */
  .video-block-head {    margin-top: 30px;  }
  /* Call to action */
  .call-to-action .btn.btn-primary {    font-size: 12px;  }
  /*-- Landing ---*/
  .hero-text {    width: 95%;  }
  .hero-title {    font-size: 36px;  }
  .hero-buttons a.btn {    padding: 10px 20px;  }
  .app-gallery figure.effect-oscar a {    margin-top: 105px;  }
  /* Blog single */
  .blog-post {    padding-bottom: 40px;  }
}

.bannertwobg-mob{display: none;}
/* Small Devices Potrait */
.banneronebg-web{display: contents;}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.flexSlideshow .slides li{height: 545px;}
	.overlay1 img { height: 545px;}
	.overlay2 img { height: 545px;}
}
@media (max-width: 767px) {
  
  /* Slideshow */
 /* #main-slide .slider-content {    margin-top: -35px;  }*/
	#main-slide .slider-content { top: 10%;}
  #main-slide .slider-content h2 {    font-size: 18px;    line-height: normal;  }
  #main-slide .slider-content h3 {    font-size: 12px;    line-height: normal;    margin: 0;  }
  .slider.btn {    display: none;  }
  #main-slide .carousel-control {    display: none;  }
  #main-slide .carousel-indicators {    bottom: 0;  }
	.banneronebg-web{display: none;}
	.bannertwobg-mob{display:block;}
}
/* Extra Small Devices, Phones */
@media (max-width: 479px) {
  /* Slideshow */
 /*#main-slide .slides .overlay1 img {    height: 1100px;  }
#main-slide .slides .overlay2 img {    height: 675px;  }*/
  #main-slide .item img {    height: 250px;  }
}

/* Custom, iPhone Retina */