/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR Aguna      |||||||||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

1. Imported styles
2. Global styles
3. Header styles
4. Slider styles
5. Our Services styles
6. Our features styles
7. About section styles
8. Team Member styles
9. call to action styles
10. Blog styles
11. Testimonial styles
12. contact styles
13. Subscription styles
14. Footer styles
15. Inner banner styles
16. Inner banner styles
17. Project content styles
18. fact section styles

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

/*
=================================================
  1. Imported styles
=================================================
*/


@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');

@import url(../css/bootstrap.min.css);
@import url(../css/bootstrap-select.min.css);
@import url(../css/jquery.bootstrap-touchspin.css);

@import url(../css/font-awesome.css);
@import url(../css/flaticon.css);
@import url(../css/icomoon.css);

@import url(../css/owl.carousel.css);
@import url(../css/jquery.bxslider.css);
@import url(../css/flexslider.css);

@import url(../css/jquery-ui.css);
@import url(../css/jquery.fancybox.css);
@import url(../css/polyglot-language-switcher.css);

@import url(../css/animate.min.css);
@import url(../css/hover.css);
@import url(../css/nouislider.css);
@import url(../css/nouislider.pips.css);
@import url(../css/magnific-popup.css);
@import url(../css/jquery.mCustomScrollbar.min.css);



/*
==============================================
  2. Global styles
============================================== 
*/

body {
  font-family: 'Hind', sans-serif;
  color:#222222;
  font-size: 16px;
}
h1,h2,h3,h4,h5,h6,p,ul {
 margin:0;
 padding: 0;
}
h1,h2,h3,h4,h5 {
  font-family: 'Poppins', sans-serif;
} 
ul {list-style-type: none;}

p {
  font-family: 'Hind', sans-serif;
  font-size: 16px;
  color: #848484;
  line-height: 26px;
  font-weight: 300;
}
a {
  text-decoration: none; 
  display: inline-block; 
  outline: none;
}
a:hover,a:focus,a:visited {
  text-decoration: none; 
  outline: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

button {
  border:none; 
  outline:none; 
  box-shadow: none;
  display: block; 
  padding: 0; 
  background: transparent;
}
input,textarea {
  font-family: 'Hind', sans-serif;
  display: block; 
  font-size: 16px; 
  line-height: 28px; 
  outline: none; 
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*margin*/
.mb-30{
  margin-bottom: 30px;
}

.mt-30{
  margin-top: 30px;
}
.mt-20{
  margin-top: 20px;
}
/*text*/
.text{
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 300;
  font-family: 'Hind', sans-serif;
  color: #848484;
}
/*auto-container*/
.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}
/*boxed_wrapper*/
.boxed_wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

/*section padding*/
.padd-1{
  padding: 100px 0px 60px;
}
.padd-2{
  padding: 0px 0px 110px;
}
.padd-3{
  padding: 150px 0px 150px;
}
.padd-4{
  padding:120px 0px 120px;
}
.padd-5{
  padding:150px 0px 120px;
}
.padd-6{
  padding:0px 0px 150px;
}
.padd-7{
  padding:120px 0px 0px;
}
.padd-8{
  padding:120px 0px 90px;
}


/*clear_fix*/
.clear_fix { 
  clear:both;
}
.clear_fix:after {
  display: table;
  content: '';
  clear: both;
}
/*end clear_fix*/

.list_inline li {
  display: inline-block;
}
.uppercase {
  text-transform: uppercase;
}
.tran3s {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*float*/
.center {
  text-align: center;
}
.right{
  text-align: right;
}
.left{
  text-align: left;
}

.row-5 {
  margin: 0 -5px;
}
/*font-weight*/
.bold {
  font-weight: 700;
}
.s-bold {
  font-weight: 600;
}
.m-bold {
  font-weight: 600;
}


@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}

/*btn style*/

.link-btn1{
  margin-top: 30px;
}
.link-btn2{
  margin-top: 20px;
}
.link-btn3{
  margin-top: 0px;
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  padding: 11px 35px;
  line-height: 24px;
  color: #333;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  background: transparent;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #333;
  font-family: 'Poppins', sans-serif;
}

.btn-style-one:hover {
  color: #ffffff;
  background: #333;
  border-color: #333;
}

/*Btn Style two*/
.btn-style-two {
  position: relative;
  padding: 11px 40px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  cursor:  pointer;
  background: #e5e8ec;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 2px solid #e5e8ec;
  font-family: 'Poppins', sans-serif;
}

.btn-style-two:hover {
  color: #ffffff;
  background: #101010;
  border-color: #101010;
}

/*Btn Style three*/
.btn-style-three {
  color: #333;
  border-color: #fff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.btn-style-three:hover {
    color: #717171;
}

/*Btn Style four*/

.btn-style-four {
  position: relative;
  padding: 14px 40px;
  line-height: 24px;
  color: #fff;
  background: transparent;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: capitalize;
  border: 1px solid #e5e8ec;
  font-family: 'Poppins', sans-serif;
  margin-right: 15px;
}

.btn-style-four:hover {
  background: #e5e8ec;
  color: #333;
  border-color: #e5e8ec;
}


/*** 

====================================================================
  social icon
====================================================================

***/

.social-icons li {
  position: relative;
  margin-right: 12px;
  display: inline-block;
  font-size: 15px;
}

.social-icons li a {
  color: #999;
}
.social-icons.light li a {
  color: #333;
}

.social-icons.theme-color li a {
  color: #e5e8ec;
}

.social-icons.light li a:hover {
  opacity: 0.7;
}

.social-icons.light li a,
.social-icons a:hover {
  color: #333;
}


/*** 

====================================================================
  Fancy Box
====================================================================

***/

.fancybox-next span,
.fancybox-prev span {
  background-image: none !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
  content: '';
  position: absolute;
  font-family: 'FontAwesome';
  left: 0px;
  top: 0px;
  font-size: 12px;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  background-color: rgba(28, 28, 28, 0.40) !important;
  color: #ffffff;
  visibility: visible;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.fancybox-next span:before {
  content: '\f178';
}

.fancybox-prev span:before {
  content: '\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
  background-color: #ffffff !important;
  color: #000000;
}

.fancybox-type-image .fancybox-close {
  right: 0px;
  top: 0px;
  width: 45px;
  height: 45px;
  background: url(../images/icons/icon-cross.png) center center no-repeat;
  background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
  background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
  padding: 0px !important;
}


/* owl controll */

.owl-dots-none .owl-dots {
  display: none;
}

/* style one */
.owl-dot-style-one .owl-dots {
  position: relative;
  text-align: center;
}

.owl-dot-style-one .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0px 5px;
}

.owl-dot-style-one .owl-dots .owl-dot span {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #333;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.owl-dot-style-one .owl-dots .owl-dot.active span,
.owl-dot-style-one .owl-dots .owl-dot:hover span {
  background: #333;
  border-color: #333;
}


/* style two */

.owl-dot-style-two .owl-dots {
  position: relative;
  text-align: center;
  line-height: 15px;
}

.owl-dot-style-two .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0px 5px;
}

.owl-dot-style-two .owl-dots .owl-dot span {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #e8e8e8;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.owl-dot-style-two .owl-dots .owl-dot span:before {
  position: absolute;
  content: '';
  background: #e8e8e8;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 3px;
  top: 3px;
}

.owl-dot-style-two .owl-dots .owl-dot.active span,
.owl-dot-style-two .owl-dots .owl-dot:hover span {
  background: #ff214f;
  border-color: #ff214f;
}

/* owl nav */

.owl-nav-none .owl-nav {
  display: none;
}

.owl-nav-style-one .owl-nav {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.owl-nav-style-one .owl-nav .owl-next,
.owl-nav-style-one .owl-nav .owl-prev {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 8px;
  display: inline-block;
  line-height: 46px;
  border: 1px solid #f0f0f0;
  text-align: center;
  font-size: 24px;
  color: #949494;
  border-radius: 50%;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-prev {
  opacity: 1;
  visibility: visible;
}

.owl-nav-style-one .owl-nav .owl-prev {
  left: 0px;
}

.owl-nav-style-one .owl-nav .owl-next {
  right: 0px;
}

.owl-nav-style-one .owl-nav .owl-next:hover,
.owl-nav-style-one .owl-nav .owl-prev:hover {
  color: #ff214f;
  border-color: #ff214f;
}

/* nav style two */

.owl-nav-style-two .owl-nav {
  padding: 0px;
  text-align: center;
  bottom: 100%;
  top: inherit;
  position: absolute;
  left: inherit;
  right: 0;
}

.owl-nav-style-two .owl-nav .owl-next,
.owl-nav-style-two .owl-nav .owl-prev {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 8px 30px;
  display: inline-block;
  line-height: 46px;
  border: 1px solid #f0f0f0;
  text-align: center;
  font-size: 24px;
  color: #949494;
  border-radius: 50%;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-prev {
  opacity: 1;
  visibility: visible;
}

.owl-nav-style-two .owl-nav .owl-prev {
  left: 0px;
}

.owl-nav-style-two .owl-nav .owl-next {
  right: 0px;
}

.owl-nav-style-two .owl-nav .owl-next:hover,
.owl-nav-style-two .owl-nav .owl-prev:hover {
  color: #ff214f;
  border-color: #ff214f;
}

/*Social Icon one*/

.social-icon-one {
  position: relative;
}

.social-icon-one li {
  position: relative;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}

.social-icon-one li a {
  position: relative;
  width: 40px;
  height: 40px;
  color: #333;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  color: #ffffff;
  background-color: #e5e8ec;
}

/*list-style-one*/
.list-style-one li {
  position: relative;
  color: #848484;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}
.list-style-one li i{
  margin-right: 8px;
}
.list-style-one li i:before{
  margin: 0;
  font-size: 14px;
}

/*section-title*/

.sec-title{
  margin-bottom: 50px;
}

.sec-title.mb-2{
  margin-bottom: 20px;
}

.sec-title h1 {
    font-size: 48px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    position: relative;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}
.sec-title.light h1{
  color: #f5f5f5;
}
.sec-title h1 span{
  color: #e5e8ec;
}

/*scroll-top*/


.scroll-top {
  width: 55px;
  height: 55px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 18px;
  border-radius: 50%;
  z-index: 99;
  display: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #e5e8ec;
  -webkit-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

.scroll-top span:before {
  font-size: 27px;
  color: #333;
}

.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/*preloader*/
.preloader{ 
  position:fixed; 
  left:0px; 
  top:0px; 
  width:100%; 
  height:100%;
  z-index:999999; 
  background-color:#ffffff; 
  background-position:center center;
  background-repeat:no-repeat; 
  background-image:url(../images/icons/preloader.gif);
}


/*default-form*/
.default-form.register-form .form-group {
  margin-bottom: 0;
}
.default-form.register-form .link {
  border-bottom: 1px solid #2f2f2f;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #fff;
}
.default-form.register-form .link .thm-color-2 {
  color: #848484;
}
.default-form.register-form .thm-color:hover,
.default-form.register-form .thm-color-2:hover {
  color: #23aef4;
  transition: .5s ease;
}

.default-form.register-form .link_2 {
  position: relative;
}

.default-form.register-form .link_2.singn {
  padding-left: 25px;

}
.default-form.register-form .link_2 .fancy_video {
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  border-radius: 50%;
  font-size: 8px;
  text-align: center;
  line-height: 15px;
  height: 15px;
  color: #222;
  background: #23aef4;
  font-family: "FontAwesome";

}
.default-form.register-form .link_2 .fancy_video span {
  position: relative;right:-1px;
}



/*==============================================
    Mainmenu Area Css
===============================================*/

/*logo*/

.main-logo {
  position: relative;
  margin: 25px 0 25px;
  float: left;
  z-index: 30;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*mainmenu-area*/
.mainmenu-area {
  position:  relative;
  z-index: 2;
  background: #e5e8ec;
}

.main-menu {
  position: relative;
  float: right;
}

.navbar-collapse {
  padding: 0px
}

.navigation {
  position: relative;
}
.navigation li {
  display: inline-block;
}

.navigation li a {
  color: #333;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  padding: 28px 0px 25px;
  margin: 0 29px;
  position: relative;
  text-transform: capitalize;
  font-family: 'Hind', sans-serif;
  transition: all 500ms ease 0s;
}
.navigation li a:last-child{
  margin-right: 0px;
}

.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a, 
.main-menu .navigation > li.current-menu-item > a {
  color: #333;
  opacity: 1;
}

.navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  background: #e5e8ec;
  width: 222px;
  border-top: 2px solid #fff;
  z-index: 999;
  display: none;
}

.navigation > li > ul > li {
  position: relative;
  display: block;
  border-bottom: 1px dashed #dedede;
}

.navigation > li > ul > li > a {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  padding: 13px 20px;
  margin: 0;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}

.navigation > li > ul > li:hover > a {
  /* color: #fff; */
  margin-left: 10px;
}

/*========= third-menu ===============*/

.navigation > li > ul > li.third-menu ul {
  position: absolute;
  left: 230px;
  top: 0px;
  background: #333;
  width: 200px;
  border-top: 2px solid #fff;
  padding: 12px 0px;
  z-index: 999;
  display: none;
}
.navigation > li > ul > li.third-menu {
  position: relative;
}
.navigation > li > ul > li.third-menu ul a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 20px;
  margin: 0;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}
.navigation > li > ul > li.third-menu ul a:hover {
  color: #fdc716;
}
.navigation > li > ul > li.third-menu:after {
  position: absolute;
  content: "\f0de";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  right: 14px;
  transform: rotate(90deg);
  top: 3px;
}

/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 42px;
  border-left: 1px solid #ffffff;
  cursor: pointer;
  display: block;
  z-index: 5;
}
.mobile-menu .dropdown-btn:after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}

.mobile-menu,
.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  background: #000;
}

.mobile-menu > li > ul,
.mobile-menu > li > ul > li > ul{
  display: none;
}

.mobile-menu > li > a,
.mobile-menu > li > ul > li > a,
.mobile-menu > li > ul > li > ul > li > a{
  padding:10px 20px;
  line-height:22px;
  color:#ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  border-top: 1px solid #fff;
} 



/* Mainmenu fixed style */
@keyframes menu_sticky {
  0%   {margin-top:-100px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
  margin: 0;
  position: fixed;
  background: #e5e8ec;
  top:0;
  left:0;
  width: 100%;
  z-index: 999;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
}


/*** 
====================================================================
  Slider area  start
====================================================================
***/

.main-slider {
  min-height: 600px;
}

.main-slider .container-fluid {
  padding: 0px;
}
.main-slider .container{
  text-align: center;
}
.main-slider .slider-wrapper {
  position: relative;
}
.main-slider .owl-stage-outer {
  width: 100%;
}

.main-slider .slider-wrapper .image img {
  min-height: 500px;
  width: auto;
  max-width: none;
}

.main-slider .slider-caption {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 5;
}

.main-slider .slider-caption .inner-box {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.main-slider .slider-caption-bg {
  max-width: 570px;
  background-color: rgba(255, 255, 255, 0.70);
  padding: 50px;
}

.main-slider h1 {
  position: relative;
  color: #fff;
  font-size: 80px;
  font-weight: 300;
  line-height: 90px;
  margin-bottom: 20px;
}

.main-slider .dark h1 {
  color: #222;
}

.main-slider h2 {
  position: relative;
  color: #fff;
  font-size: 50px;
  font-weight: 300;
  line-height: 2em;
  font-family: 'Poppins', sans-serif;
}

.main-slider .dark h2 {
  color: #222;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 42px;
}

.main-slider .link-btn {
  padding-top: 5px;
}
.main-slider .link-btn .btn{
  margin-right: 10px;
  margin-top: 10px;
}
.main-slider .link-btn .btn:hover{
  background: #fff;
  color:#f82462;
  border:1px solid #fff;

}
.main-slider .theme-btn {
  margin: 0 10px 20px;
}

.main-slider .text {
  position: relative;
  font-size: 17px;
  font-weight: 400;
  max-width: 600px;
  color: #fff;
  line-height: 1.7em;
  padding-bottom: 30px;
  margin: 0 auto;
}


.main-slider .dark .text {
  color: #222;
  margin-bottom: 0;
}

.main-slider .slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.50);
  z-index: 3;
}

.main-slider.style-two .slide-overlay {
  background-color: rgba(20, 22, 26, 0.1)
}

/* slide animation */

.main-slider .owl-item .slider-caption * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.main-slider .owl-item.active .slider-caption h1 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.main-slider .owl-item.active .slider-caption h2 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.main-slider .owl-item.active .slider-caption .text {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.main-slider .owl-item.active .slider-caption .link-btn {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.main-slider .owl-item.active .slider-caption .slider-caption-bg {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* slide nav */


.slide-nav .owl-nav {
  padding: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.97);
  -ms-transform: translateY(-50%) scale(0.97);
  transform: translateY(-50%) scale(0.97);
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
}

.slide-nav:hover .owl-nav {
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

.slide-nav .owl-nav .owl-next,
.slide-nav .owl-nav .owl-prev {
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 55px;
  background: rgb(229, 232, 236) !important;
  text-align: center;
  font-size: 24px;
  color: #333!important;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.slide-nav .carousel-outer:hover .owl-nav .owl-next,
.slide-nav .carousel-outer:hover .owl-nav .owl-prev {
  opacity: 1;
  visibility: visible;
}

.slide-nav .owl-nav .owl-prev {
  left: 20px;
  float: left;
}

.slide-nav .owl-nav .owl-next {
  right: 20px;
  float: right;
}

.slide-nav .owl-nav .owl-next:hover,
.slide-nav .owl-nav .owl-prev:hover {
  color: #fff;
  border-color: #e4353a;
}

/*** 
====================================================================
  slide area end
====================================================================
***/

/*** 

====================================================================
  Main Footer
====================================================================

***/

.main-footer {
  position: relative;
  color: #bcbcbc;
  padding-top: 90px;
  background: url(../images/background/fbg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.main-footer:before{
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
}

.main-footer .widgets-section {
  position: relative;
  padding: 80px 0px 30px;
}

.main-footer .footer-column {
  margin-bottom: 30px;
}

.main-footer .footer-widget {
  position: relative;
}

.main-footer .footer-logo {
  position: relative;
  margin-bottom: 30px;
}

.main-footer .footer-logo img {
  display: block;
  max-width: 100%;
}

.main-footer .footer-column h2 {
  font-size: 20px;
  font-weight: 300;
  position: relative;
  text-transform: capitalize;
  padding-bottom: 14px;
  color: #333;
  margin-bottom: 40px;
}

.main-footer .footer-column h2:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 30px;
  height: 1px;
  background-color: #333333;
}

.main-footer .logo-widget .text {
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 2em;
  padding-right: 95px;
  color: #333;
}

.main-footer .logo-widget form {
  position: relative;
  padding-right: 80px;
}

.main-footer .logo-widget form .form-group {
  position: relative;
}

.main-footer .logo-widget form .form-group input {
  position: relative;
  border: 1px solid #555558;
  border-radius: 2px;
  width: 100%;
  height: 48px;
  line-height: 28px;
  background: none;
  padding: 10px 15px;
}

.main-footer .logo-widget form .form-group button {
  position: absolute;
  color: #dcdcdc;
  font-size: 20px;
  top: 0px;
  width: 50px;
  right: 0px;
  background: none;
  height: 48px;
}

.main-footer .contact-info {
  margin-bottom: 30px;
}

.main-footer .contact-info li {
  position: relative;
  padding-left: 53px;
  margin-bottom: 15px;
  line-height: 24px;
}

.main-footer .contact-info li .number {
  position: relative;
  font-size: 20px;
}

.main-footer .contact-info li .icon {
  position: absolute;
  left: 2px;
  top: 12px;
  text-align: center;
  line-height: 24px;
  font-size: 30px;
  color: #00bdfd;
}

/*link widget*/

.main-footer .links-widget .list {
  margin-top: -7px;
}

.main-footer .links-widget .list li a {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 2px 0px 5px 20px;
  color: #333;
  font-size: 14px;
  text-transform: capitalize;
}

.main-footer .links-widget .list li a:before {
  content: '\f105';
  position: absolute;
  left: 0px;
  top: 6px;
  line-height: 15px;
  font-size: 16px;
  font-family: 'FontAwesome';
}

.main-footer .links-widget .list li a:hover {margin-left: 5px;}

/*subscribe widget*/

.main-footer .subscribe-widget {
  position: relative;
}

.main-footer .subscribe-widget .text {
  position: relative;
  padding: 20px 0px 15px;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
  margin-bottom: 20px;
}

.main-footer a {
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .subscribe-widget .form-group{
  position:relative;
  display:block;
  margin-bottom:20px;
}

.main-footer .subscribe-widget .form-group input[type="text"],
.main-footer .subscribe-widget .form-group input[type="tel"],
.main-footer .subscribe-widget .form-group input[type="email"],
.main-footer .subscribe-widget .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:8px 0px;
  height: 38px;
  color:#ffffff;
  font-size:13px;
  background:none;
  border-bottom:2px solid #6a6a6a;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-footer .subscribe-widget .form-group input[type="text"]:focus,
.main-footer .subscribe-widget .form-group input[type="tel"]:focus,
.main-footer .subscribe-widget .form-group input[type="email"]:focus,
.main-footer .subscribe-widget .form-group textarea:focus{
  border-color:#f1f1f1; 
}

.main-footer .subscribe-widget .form-group input[type="submit"],
.main-footer .subscribe-widget button{
  position:relative;
  margin-top:10px;
}


/*twitter widget*/

.main-footer .twitter-widget .feed {
  position: relative;
  font-size: 15px;
  line-height: 2em;
  margin-bottom: 20px;
}

.main-footer .twitter-widget .feed .month {
  color: #6c9ecd;
  font-size: 14px;
  font-weight: 300;
}

.main-footer .twitter-widget .feed .month a {
  position: relative;
  color: #00bdfd;
  font-weight: 500;
  text-decoration: underline;
}

.main-footer .twitter-widget .feed .text {
  margin-bottom: 0px;
  line-height: 1.6em;
  font-weight: 300;
  color: #bcbcbc;
  font-size: 14px;
}

.main-footer .twitter-widget .feed .days {
  position: relative;
  font-size: 14px;
  color: #bcbcbc;
  margin-top: -5px;
}

.main-footer .footer-bottom {
  position: relative;
  padding: 30px 0px;
  text-align: center;
  margin-top: 40px;
  background: #333;
}

.main-footer .footer-bottom .copyright {
  color: #e5e8ec;
  font-size: 18px;
  font-weight: 300;
}

.main-footer.style-two {
  position: relative;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

.main-footer.style-two:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #222;
}


/*contact info list*/

.contact-info-list {
  margin-bottom: 30px;
}

.main-footer .contact-info-list li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  line-height: 24px;
  color: #bcbcbc;
  font-size: 14px;
}

.main-footer .contact-info-list li .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  color: #00bdfd;
}


/* Gallery Widget */

.main-footer .gallery-widget .row {
  margin: 0px -5px;
}

.main-footer .gallery-widget .image {
  position: relative;
  float: left;
  width: 33.333%;
  padding: 0px 5px 5px;
}

.main-footer .gallery-widget .image img {
  position: relative;
  display: block;
  width: 100%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.main-footer .gallery-widget .image img:hover {
  opacity: 0.70;
}




/*posts widget*/

.main-footer .posts-widget .post{
  position:relative;
  min-height: 90px;
  padding-left:95px;
  margin-bottom: 12px;
}

.main-footer .posts-widget .post:last-child{
  margin-bottom:0px;
  border:0px;
}

.main-footer .posts-widget .post .post-thumb{
  position:absolute;
  left:0px;
  top:0px;
  width:73px;
  height:73px;
  border-radius:50%;
}

.main-footer .posts-widget .post .post-thumb img{
  display:block;
  width:100%;
}

.main-footer .posts-widget .post .desc-text{
  position:relative;
  font-size:17px;
  color:#f4f4f4;
  line-height: 24px;
  padding:0px 0px 3px;
  top:-4px;
}

.main-footer .posts-widget .post .desc-text a{
  color: #333;
  font-size: 15px;
}

.main-footer .posts-widget .post .time{
  position:relative;
  color: #333;
  font-size:13px;
  line-height:24px;
}



/*
=======================================
 Inner Banner styles 
=======================================
*/
.inner-banner {
  position: relative;
  padding: 160px 0px 160px;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.inner-banner:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.31);
  z-index: 0;
}

.inner-banner h1 {
  position: relative;
  font-size: 60px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
  line-height: 60px;
  margin-top: 8px;
  text-transform: capitalize;
  z-index: 1;
}

/*breadcumb-wrapper*/
.breadcumb-wrapper {
  padding: 19px 30px;
  z-index: 1;
  position: relative;
}
.breadcumb-wrapper ul,
.breadcumb-wrapper li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  color: #e5e8ec;
}
.breadcumb-wrapper ul.link-list li a {
  color: #fff;
  text-transform: capitalize;
  font-size: 18px;
  transition: .3s ease;
}
.breadcumb-wrapper ul.link-list li a:hover {
  transition: .3s ease;
}

.breadcumb-wrapper ul.link-list li a i {
  color: #fac012;
  margin-right: 7px;
}

.breadcumb-wrapper ul.link-list li a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  margin: 0 10px;
}
.breadcumb-wrapper a.get-qoute {
  text-transform: capitalize;
  font-weight: 400;
  color: #fff;
  font-size: 18px;
}
.breadcumb-wrapper a.get-qoute i {
  color: #fff;
  margin-right: 7px;
  font-size: 14px;
}

/*
=====================================
  Fact Counter Section
=====================================
*/

.fact-counter{
  position:relative;
}

.fact-counter:before{
}

.fact-counter .auto-container{
  position:relative;
  z-index:1;
}

.fact-counter .column{
  position:relative;
  text-align:center;
  margin-bottom: 40px;
}
.fact-counter .column.mt{
}
.fact-counter .column.mt2{
}
.fact-counter .item {
  color: #fff;
}

.fact-counter .column .icon i{
  position:relative;
  line-height: 54px;
  margin-bottom:20px;
  color: #fff;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.fact-counter .column .icon i:before{
  margin: 0;
  font-size: 56px;
}
.fact-counter .count-outer{
  position:relative;
  font-size: 68px;
  font-weight: 300;
  padding: 4px 10px 2px;
  font-family: 'Poppins', Sans-serif;
}

.fact-counter .column .counter-title{
  position:relative;
  font-size: 18px;
  font-weight: 400;
  font-family: "Hind", Sans-serif;
  color: #fff;
}

/*styled-pagination*/

.styled-pagination {
  margin-bottom: 30px;
}

.styled-pagination ul{
  position:relative;
  display:inline-block; 
}

.styled-pagination li{
  position:relative;
  display:block;
  float:left;
  margin:0px 10px 10px 0px;
}

.styled-pagination li a{
  position:relative;
  display:inline-block;
  line-height: 33px;
  padding: 9px 12px;
  height: 50px;
  font-size: 16px;
  width: 50px;
  color: #aaa;
  font-weight:500;
  text-align:center;
  background:none;
  border: 1px solid #ccc;
  text-transform:  capitalize;
  transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
}
.styled-pagination li span:before{
  margin:0;
}
.styled-pagination li a.next{
  color: #333;
  font-weight:600;
  padding: 8px 9px;
  line-height: 35px;
  text-transform: capitalize;
  border: none;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
  color:#ffffff;
  background-color: #333;
}



/*
===============
  hover-style1
===============
*/

.hover-style1{
  display: block;
  position: relative;
}
.hover-style1-img img {
  width: 100%;
}
.hover-style1 > .hover-style1-img::before {
  background: rgba(0, 0, 0, 0.58) none repeat scroll 0 0;
  bottom: 0px;
  content: "";
  left: 0px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: all 0.4s ease-in-out 0s;
}
.hover-style1:hover .hover-style1-img::before {
  opacity: 0.8;
}
.hover-style1-img {
  position: relative;
}
.hover-style1-view a {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  border-radius: 50%;
  color: #000;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  opacity: 0;
  position: absolute;
  text-align: center;
  transform: translateX(-50%) translateY(-50%) scale(0.6);
  transition: all 0.4s ease 0s;
  width: 60px;
}
.hover-style1-view a:hover {
  background: rgba(255, 255, 255, .8) none repeat scroll 0 0;
  color: #000;
}
.hover-style1:hover .hover-style1-view a {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.hover-style1-view {
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease 0s;
}
.hover-style1:hover .hover-style1-view {
  opacity: 1;
}
.hover-style1-title {
  bottom: 20px;
  left: 20px;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
  z-index: 2;
}
.hover-style1:hover .hover-style1-title {
  opacity: 1;
}
.title-style-1 h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
}
.title-style-1 h3 a {
  color: #fff;
}
.hover-style1:hover .title-style-1 h3,
.hover-style1:hover .title-style-1 span {
  transform: translateX(0px);
}
.title-style-1 span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 16px;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
  text-transform: capitalize;
}
.view-more > a {
  background-color: #333;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 25px;
  padding: 10px 20px;
  text-transform: uppercase;
}
.view-more > a i {
  padding-left: 5px;
}
.view-more > a:hover::before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*** 
========================================
  Error-section
========================================
***/

.error-section{
  position:relative;
  text-align:center;
  padding: 160px 0px 180px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.error-section:before{
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.28);
}

.error-section .error-text{
  position: relative;
  text-align:center;
}

.error-section .error-text h1{
  position:relative;
  color: #fff;
  font-size: 180px;
  font-weight:900;
  line-height:1em;
  letter-spacing:4px;
}

.error-section h2{
  position:relative;
  color: #fff;
  font-weight: 300;
  font-size: 40px;
  margin-top:20px;
  line-height:1.2em;
}

.error-section .text{
  font-size:20px;
  font-weight:300;
  margin-top:30px;
  margin-bottom:50px;
  color: #fff;
  z-index: 1;
  position: relative;
}

.error-section .error-options{
  position:relative;
}

.error-section .error-options .or{
  position:relative;
  color: #fff;
  font-size:18px;
  margin:0px 18px;
  font-weight:500;
}

.error-search-box{
  position:relative;
  margin-top:12px;
  width:320px;
  display:inline-block;
}

.error-search-box .form-group{
  position:relative;
  margin:0px; 
}

.error-search-box .form-group input[type="text"],
.error-search-box .form-group input[type="search"]{
  position:relative;
  line-height:32px;
  padding:10px 50px 10px 20px;
  border:1px solid #ededed;
  display:block;
  font-size: 16px;
  max-width: 260px;
  height:55px;
  border-radius:3px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.error-search-box .form-group input:focus{
  border-color:#e5e8ec;
}

.error-search-box .form-group button{
  position:absolute;
  right:0px;
  top:0px;
  height:55px;
  width:50px;
  line-height:52px;
  text-align:center;
  display:block;
  font-size:14px;
  color: #fff;
  border-radius:0px 3px 3px 0px;
  font-weight:normal;
  background: #e5e8ec;
}

.error-search-box .form-group input:focus + button,
.error-search-box .form-group button:hover{
  color: #000000;
}

/*
=========================================
  Video Section Style
=========================================
*/
 
.video-section{
  position:relative;
  padding:0px;
  height:500px;
  width:100%;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  text-align:center;
}

.video-section .video-fancybox{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  color:#ffffff;
  background: rgba(0, 0, 0, 0.56);
  padding:210px 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.video-section .play-icon{
  position:relative;
  display:block;
  width:80px;
  height:80px;
  margin:0 auto 20px;
  font-size:20px;
  padding-left:4px;
  line-height:76px;
  border:2px solid;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease; 
}

.video-section .play-text{
  position:relative;
  text-transform:uppercase;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.video-section .video-fancybox:hover .play-icon{
  color:#e5e8ec;
  -webkit-transform:scale(1.1,1.1); 
  -ms-transform:scale(1.1,1.1); 
  -o-transform:scale(1.1,1.1);  
  -moz-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1); 
  
}

/*
======================================================
  parallax-style
======================================================
*/

.parallax-style-one{
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.parallax-style-one:before{
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.43);
}
.parallax-style-one .text{
  position: relative;
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  max-width: 845px;
  margin: 0 auto;
  padding: 56px 0px;
  line-height: 44px;
}


.parallax-style-two{
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/*filters-style-one*/
.filters-style-one{
  text-align: center;
  margin-bottom: 50px;
}
.filters-style-one li{
  display: inline-block;
  padding: 12px 30px;
  margin: 2px;
  border: 1px solid #e5e8ec;
  color: #888888;
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
}
.filters-style-one li:hover{
  color: #333;
}
.filters-style-one .filter-tabs li.active {
  border-bottom: 1px solid #333;
  color: #333;
}

/*filters-style-two*/
.filters-style-two{
  text-align: center;
  margin-bottom: 50px;
}
.filters-style-two li{
  display: inline-block;
  padding: 12px 36px;
  margin-bottom: 5px;
  background: #333;
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  cursor: pointer;
  border-radius: 30px;
  text-transform: capitalize;
}
.filters-style-two li:hover{
  color: #fff;
}
.filters-style-two .filter-tabs li.active {
  border-bottom: 1px solid #e5e8ec;
  color: #fff;
}


/*
==================================================
  portfolio-section
==================================================
*/

.portfolio-section{

}

.three-column-portfolio{
}

.three-column-portfolio .outer-container{
  position:relative;
  margin:0px 0px;
}


.default-portfolio-item{
  position:relative;
  padding: 0px 6px;
  margin-bottom: 12px;
}
.default-portfolio-item.style-4{
  padding: 0;
}
.default-portfolio-item .inner-box{
  position:relative;
  display:block;
  overflow:hidden;
}

.default-portfolio-item .image-box,
.default-portfolio-item .image-box img{
  position:relative;
  display:block;
  width:100%;
}

.default-portfolio-item .overlay-box{
  position:absolute;
  left:20px;
  top:20px;
  right:20px;
  bottom:20px;
  padding:15px 25px;
  background: rgba(0, 0, 0, 0.18);
  opacity:0;
  -webkit-transition:all 700ms ease;
  -ms-transition:all 700ms ease;
  -o-transition:all 700ms ease;
  -moz-transition:all 700ms ease;
  transition:all 700ms ease;
  -webkit-transform:translateX(-130%);
  -ms-transform:translateX(-130%);
  -o-transform:translateX(-130%);
  -moz-transform:translateX(-130%);
  transform: translateX(130%);
}

.default-portfolio-item .inner-box:hover .overlay-box{
  opacity:1;
  -webkit-transform: translateX(0%);
  -ms-transform:translateX(0%);
  -o-transform:translateX(0%);
  -moz-transform:translateX(0%);
  transform: translateX(0%);
}

.default-portfolio-item .overlay-content{
  position:absolute;
  left: 20px;
  bottom: 20px;
  width:100%;
  padding:0px 25px 15px;
}

.default-portfolio-item .overlay-content h3{
  font-size:20px;
  color:#ffffff;
  line-height:1.6em;
  font-weight: 500;
  text-transform: capitalize;
}

.default-portfolio-item .overlay-content h3 a{
  color:#ffffff;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.default-portfolio-item .overlay-content h3 a:hover{
  color: #f9f9f9;
}

.default-portfolio-item .overlay-content .categories{
  color: #fff;
  line-height:1.6em;
  font-weight:400;
  text-transform:capitalize;
}

.default-portfolio-item .overlay-content .categories a{
  color: #fff;
  font-size: 18px;
  display:inline-block;
  margin-left:3px;
  margin-right:3px;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.default-portfolio-item .overlay-content .categories a:first-child{
  margin-left:0px;
}

.default-portfolio-item .overlay-content .categories a:hover{
  color:#ffffff;  
}



/*
=================================================
  services
=================================================
*/
.services{
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.services:before{
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.25);
}
.services-style-two{
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

/*Services Block one*/

.services-block-one{
  position:relative;
  margin-bottom:30px;
  z-index:99;
}

.services-block-one .inner-box{
  position:relative;
  padding: 15px 22px 30px;
  text-align:center;
  background: transparent;
  border: 1px solid rgba(229, 233, 242, 0.48);
}

.services-block-one .inner-box .icon{
  position:relative;
  color: #fff;
  margin:  0 auto;
  background-repeat: no-repeat;
  background-position: center;
  width:  80px;
  height:  80px;
  text-align:  center;
  line-height:  80px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.services-block-one:hover .inner-box .icon{
  color: #e5e8ec;
}

.services-block-one .inner-box .icon span:before{
  margin: 0;
  font-size: 40px;
}

.services-block-one .inner-box h3 a{
  position:relative;
  font-size: 20px;
  color: #aaa;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: 'poppins', sans-serif;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.services-block-one .inner-box h3 a:hover{
  color: #e5e8ec;
}

.services-block-one .inner-box .text{
  position:relative;
  color:#848484;
  font-size: 18px;
  font-weight: 400;
}

.services-block-one .inner-box .read-more {
  position: relative;
  margin-top: 10px;
  display:  inline-block;
  text-transform: uppercase;
  font-size:  16px;
}

/*Services Block two*/

.services-block-two{
  position:relative;
  margin-bottom: 30px;
}

.services-block-two .inner-box{
  position:relative;
  padding: 30px 30px 30px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}
   
.services-block-two .inner-box .icon{
  position: relative;
  color: #333;
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}


.services-block-two .inner-box .icon span:before{
  margin: 0;
  font-size: 50px;
}

.services-block-two .inner-box h3 a{
  position:relative;
  font-size:20px;
  color: #333;
  font-weight: 300;
  margin-bottom: 10px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.services-block-two .inner-box h3 a:hover{
  color: #717171;
}

.services-block-two .inner-box .text{
  position:relative;
  color: #333;
  font-size:18px;
  font-weight:300;
  line-height:1.6em;
}


/*
==========================================
  News Section
==========================================
*/

.news-section{
  position:relative;
}

.news-block{
  position:relative;
  margin-bottom:40px;
}

.news-block .inner-box{
  position:relative;
  box-shadow: 0px 6px 24px 0px rgba(8, 18, 109, 0.1);
}

.news-block .inner-box .image{
  position:relative;
}

.news-block .inner-box .image img{
  position:relative;
  width:100%;
  display:block;
}

.news-block .inner-box .image .overlay-box{
  position:absolute;
  content:'';
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  opacity:0;
  display:block;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  background-color: rgba(229, 232, 236, 0.46);
}

.news-block .inner-box .image .overlay-box .overlay-content{
  position:relative;
  padding:20px 20px;
  width:100%;
  height:100%;
}

.news-block .inner-box .date{
  position:relative;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #aaa;
}
.news-block.style-2 .inner-box .date{
  position: absolute;
  bottom: -20px;
  left: 0px;
  margin-top: -20px;
  margin-bottom: 0px;
  background: #1f1f1f;
  color: #aaa;
  padding: 10px 15px;
}

.news-block .inner-box .image .overlay-box .overlay-content .link-box{
  position:absolute;
  left:50%;
  top:50%;
  width:70px;
  height:70px;
  color: #333;
  font-size:22px;
  text-align:center;
  border-radius:50%;
  line-height: 76px;
  margin:0 auto;
  display:block;
  margin-left:-38px;
  margin-top:-38px;
  background-color: rgba(255, 255, 255, 0.79);
}

.news-block .inner-box:hover .image .overlay-box{
  opacity:1;
}

.news-block .inner-box .lower-box{
  position:relative;
  padding: 30px 18px 15px;
  border-top: none;
}

.news-block .inner-box .lower-box .text{
  color: #333;
  margin-bottom: 15px;
}
.news-block .inner-box .lower-box .author{
  margin-bottom: 10px;
}
.news-block .inner-box .lower-box .author li{
  display: inline-block;
  margin-right: 20px;
}
.news-block .inner-box .lower-box .author li a{
  color: #aaa;
  transition: .5s;
  font-weight: 300;
}
.news-block .inner-box .lower-box .author li a:hover{
  color: #333;
  transition: .5s;
}
.news-block .inner-box .lower-box .author li i{
  font-size: 14px;
  margin-right: 8px;
}

.news-block .inner-box .lower-box h3{
  position:relative;
  font-weight: 300;
  font-size: 24px;
  line-height:32px;
  margin-bottom: 10px;
}
.news-block.style-4 .inner-box .lower-box h3{
  margin-bottom:15px;
}
.news-block .inner-box .lower-box h3 a{
  position:relative;
  color: #333;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.news-block .inner-box .lower-box h3 a:hover{
  color: #aaa;
}

.news-block .inner-box .lower-box .post-meta{
  position:relative;
}

.news-block .inner-box .lower-box .post-meta li{
  position:relative;
}

.news-block .inner-box .lower-box .post-meta li a{
  position:relative;
  color:#aaaaaa;
  font-size:13px;
}

.news-block .inner-box .lower-box .post-meta li a .icon{
  margin-right:10px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.news-block .inner-box:hover .lower-box .post-meta li a .icon{
  color: #e5e8ec;
}


/*blog single*/

.blog-single {padding: 25px;box-shadow: 0px 12px 20px 0px rgba(8, 18, 109, 0.08);}
.blog-single .inner-box .lower-box{
  position:relative;
  padding: 40px 2px 15px;

}
.blog-single .inner-box .lower-box .author{
  margin-bottom: 10px;
}
.blog-single .inner-box .lower-box .author li{
  display: inline-block;
  margin-right: 20px;
}
.blog-single .inner-box .lower-box .author li a{
  color: #aaa;
  transition: .5s;
  font-weight: 300;
}
.blog-single .inner-box .lower-box .author li a:hover{
  color: #333;
  transition: .5s;
}
.blog-single .inner-box .lower-box .author li i{
  font-size: 14px;
  margin-right: 8px;
}

.blog-single .inner-box .lower-box h3{
  position:relative;
  font-weight: 300;
  font-size: 24px;
  line-height:32px;
  margin-bottom:30px;
}
.blog-single.style-4 .inner-box .lower-box h3{
  margin-bottom:15px;
}
.blog-single .inner-box .lower-box h3 a{
  position:relative;
  color: #333;
}

.blog-single .inner-box .lower-box .text{
  color: #848484;
  text-align: justify;
}

.blog-single .inner-box .lower-box blockquote {
  position: relative;
  font-size: 18px;
  font-weight: 300;
  color: #848484;
  line-height: 1.5em;
  padding: 30px;
  border-left: 0px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

.post-share-options{
  position:relative;
  padding: 15px 20px 3px;
  margin-top: 30px;
  border: 1px solid #ccc;
}

.post-share-options .share{
  position:relative;
  color:#aaa;
  margin-top: 8px;
  font-size: 18px;
  font-weight:400;
}

/*
==========================================
  Comments Area
==========================================
*/

.sidebar-page-container .comments-area{
  position:relative;
  margin-top:80px;
  margin-bottom:70px;
}

.sidebar-page-container .group-title{
  position:relative;
  margin-bottom:38px;
}

.sidebar-page-container .group-title h2{
  position:relative;
  font-size: 24px;
  color: #333;
  font-weight:500;
  padding-bottom:0px;
}

.sidebar-page-container .comments-area .comment-box{
  position:relative;
  margin-bottom: 30px;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
  padding: 30px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

.sidebar-page-container .comments-area .comment-box.style-2{
  margin-left: 80px;
}

.sidebar-page-container .comments-area .comment-box.reply-comment{
  margin-left:100px;
}

.sidebar-page-container .comments-area .comment-box:last-child .comment .comment-inner{
  margin-bottom:0px;
  padding-bottom:0px;
  border:0px;
}

.sidebar-page-container .comments-area .comment-box:hover{
  border-color:#222222; 
}

.sidebar-page-container .comments-area .comment{
  position:relative;
  font-size: 14px;
  padding: 0px 0px 0px 180px;
}
.sidebar-page-container .comments-area .comment.p2{
  padding: 0px 0px 0px 150px;
}
.sidebar-page-container .comments-area .comment.p3{
  padding:0px 0px 40px 180px;
}

.sidebar-page-container .comments-area .comment .comment-inner{
  position:relative;
}

.sidebar-page-container .comments-area .comment .comment-reply{
  position:relative;
  color: #aaa;
  font-size:15px;
  font-weight: 300;
  text-transform:capitalize;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment .comment-reply .icon{
  font-size:13px;
  margin-right:8px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
  position:absolute;
  left:0px;
  top:0px;
  width: 100%;
  overflow:hidden;
  margin-bottom:20px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
  display:block;
}

.sidebar-page-container .comments-area .comment-info{
  line-height: 26px;
}

.sidebar-page-container .comments-area .comment-box strong{
  font-size: 24px;
  font-weight: 300;
  color: #333;
  line-height:16px;
  text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .text{
  color: #aaa;
  font-size: 16px;
  margin-top:10px;
  margin-bottom:20px;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
  position:relative;
  font-size: 14px;
  color: #aaa;
  font-weight: 400;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
  padding:5px 30px;
  font-size:12px;
  border:1px  solid #fbca00;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* 
==========================================
  portfolio style two 
==========================================
*/


.projects-block-one.mix {
  display: none;
}
.projects-block-one.pd-0{
  padding:0;
  margin-bottom: 0px;
}

/* projects block one */

.projects-block-one {
  position: relative;
  margin-bottom: 30px;
}

.projects-block-one .inner-box {
  position: relative;
}

.projects-block-one .image img {
  width: 100%;
}

.projects-block-one .image::before {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0px;
  content: "";
  left: 0px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9;
  transition: all 0.4s ease-in-out 0s;
}

.projects-block-one:hover .image::before {
  opacity: 0.8;
}

.projects-block-one .image {
  position: relative;
}

.projects-block-one .overlay a {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  border-radius: 50%;
  color: #000;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  opacity: 0;
  position: absolute;
  text-align: center;
  transform: translateX(-50%) translateY(-50%) scale(0.6);
  transition: all 0.4s ease 0s;
  width: 60px;
}

.projects-block-one .overlay a:hover {
  background: rgba(255, 255, 255, .8) none repeat scroll 0 0;
  color: #000;
}

.projects-block-one:hover .overlay a {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%) scale(1);
}
.projects-block-one .overlay i:before{
  margin:0;
  font-size: 26px;
}
.projects-block-one .overlay {
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease 0s;
  z-index: 10;
}

.projects-block-one:hover .overlay {
  opacity: 1;
}

.projects-block-one .caption-title {
  bottom: 20px;
  left: 20px;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
  z-index: 12;
}

.projects-block-one:hover .caption-title {
  opacity: 1;
}

.projects-block-one .caption-title h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: capitalize;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
}
.projects-block-one.style-2 .caption{
  padding: 5px 20px 30px 20px;
  border: 1px solid #000;
}
.projects-block-one.style-2 .caption h3{
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: capitalize;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
}
.projects-block-one.style-2 .caption h3 a{
  color: #aaa;
}
.projects-block-one.style-2 .caption span{
  color: #aaa;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
  text-transform: capitalize;
}
.projects-block-one.style-2 .caption h3 a:hover{
  color: #e5e8ec;
}
.projects-block-one .caption-title h3 a {
  color: #fff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.projects-block-one .caption-title h3 a:hover{
  color: #e5e8ec;
}

.projects-block-one:hover .caption-title h3,
.projects-block-one:hover .caption-title span {
  transform: translateX(0px);
}

.projects-block-one .caption-title span {
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 16px;
  transform: translateY(15px);
  transition: all 0.4s ease-in-out 0s;
  text-transform: capitalize;
}

.projects-block-one .caption-title-two {
  padding-top: 15px;
  padding-left:  20px;
  padding-bottom:  20px;
  box-shadow: 0 0 20px 1px #0000001f;
}

.projects-block-one .caption-title-two h3 a {
  color: #222;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
}

.projects-block-one .caption-title-two span {
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.portfolio-style-two .projects-block-one {
  padding: 0px 15px;
}

.portfolio.portfolio-style-three .caption-title{
  left: 40px;
}

/*fancybox style*/

.fancybox-title-float-wrap .child{
  display: none;
}
.fancybox-skin {
  position: relative;
  background: none;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0px;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

/* 
========================================
  Fluid Section One
========================================
*/

.fluid-section-one{
  position:relative;
  background-color: #fcc828;
}

.fluid-section-one .outer-container{
  position:relative;
  min-height:250px;
  
}

.fluid-section-one .image-column{
  position:absolute;
  right:0px;
  top:0px;
  width:50%;
  height:100%;
  float:right;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.fluid-section-one .image-column .image-box{
  position:relative;
  display:none; 
}

.fluid-section-one .image-column .image-box img{
  position:relative;
  display:block;
  width:100%;
}

.fluid-section-one .content-column{
  position:relative;
  float:left;
  width:50%;
}

.fluid-section-one .content-column .inner-box{
  position:relative;
  max-width:700px;
  float:right;
  width:100%;
  padding: 100px 90px 100px 15px;
}

.fluid-section-one.style-two .outer-container{
  background-color:#ffffff;
}



/*Skills Section*/

.skills .skill-item{
  position:relative;
  margin-bottom:30px;
}

.skills .skill-item:last-child{
  margin-bottom:0px;
}

.skills .skill-item .skill-bar{
  position:relative;
  width:100%;
  height: 5px;
}

.skills .skill-item .skill-bar .bar-inner{
  position:relative;
  width:100%;
  overflow:hidden;
  height: 4px;
  background:#ffffff;
}
.skills .skill-item .skill-bar .bar-inner.style-2{
  background:#e5e8ec;
}
.skills.style-two .skill-item .skill-bar .bar-inner{
  background-color:#eeeeee;
}

.skills .skill-item .skill-bar .bar-inner .bar{
  position:absolute;
  left:0px;
  top:0px;
  height:5px;
  width:0px;
  border-bottom: 5px solid #333;
  -webkit-transition:all 2000ms ease;
  -ms-transition:all 2000ms ease;
  -o-transition:all 2000ms ease;
  -moz-transition:all 2000ms ease;
  transition:all 2000ms ease;
}

.skills .skill-item .skill-header{
  position:relative;
  margin-bottom:6px;
}

.skills .skill-item .skill-header .skill-title{
  position:relative;
}

.skills .skill-item .skill-header .skill-title{
  float:left;
  color:#222222;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  line-height:1.4em;
  text-transform:capitalize;
  font-family: 'Poppins', sans-serif;
}

.skills .skill-item .skill-header .skill-percentage{
  position:relative;
  float:right;
  font-weight:600;
  color:#222222;
  font-size:14px;
  text-transform:uppercase;
  font-family: 'Poppins', sans-serif;
}


/*** 

====================================================================
  Testimonial Section Three
====================================================================

***/

.testimonial-section-one{
  position:relative;
  padding:120px 0px 120px;
}

.testimonial-section-one .testimonial-outer{
  max-width:970px;
  margin:0 auto;
}

.testimonial-section-one .testimonial-outer .quote-icon{
  position:relative;
  width:60px;
  height:60px;
  text-align:center;
  margin:0 auto;
  font-size: 41px;
  color: #ddd;
}

.testimonial-block-one{
  position:relative;
}

.testimonial-block-one .inner-box{
  position:relative;
  text-align:center;
}

.testimonial-block-one .inner-box .quote-icon{
  position:relative;
  color:#e2b13c;
  font-size:28px;
  margin-bottom:40px;
}

.testimonial-block-one .inner-box .text{
  position:relative;
  color:#848484;
  font-size:16px;
  max-width: 828px;
  margin:0 auto;
  margin-top: 35px;
  line-height:1.8em;
  margin-bottom: 20px;
  font-weight:400;
  padding: 0 100px;
}

.testimonial-block-one .inner-box .image img {
  width: auto;
  margin: 0 auto;
  border-radius: 50%;
}

.testimonial-section-one .author-content {
  text-align: center;
}

.testimonial-section-one .author-content h3 {
  font-family:  'Montserrat', sans-serif;
  color:  #222;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
}

.testimonial-section-one .author-content .designation {

}


.testimonial-section-one .owl-nav {
  padding: 0px;
  top: 50%;
  margin-top: -40px;
  position: absolute;
  left: 0;
  right: 0;
}
.testimonial-section-one .owl-nav .owl-next,
.testimonial-section-one .owl-nav .owl-prev {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 8px 0px;
  display: inline-block;
  line-height: 56px;
  border: 1px solid #e5e5e5;
  text-align: center;
  font-size: 24px;
  color: #222;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.testimonial-section-one .carousel-outer:hover .owl-nav .owl-next,
.testimonial-section-one .carousel-outer:hover .owl-nav .owl-prev {
  opacity: 1;
  visibility: visible;
}

.testimonial-section-one .owl-nav .owl-prev {
  left: 0px;
  float: left;
  transform: translateY(-50%);
}

.testimonial-section-one .owl-nav .owl-next {
  right: 0px;
  float: right;
  transform: translateY(-50%);
}

.testimonial-section-one .owl-nav .owl-next:hover,
.testimonial-section-one .owl-nav .owl-prev:hover {
  color: #222;
  border-color: #222;
}

@media only screen and (max-width: 600px) {
  .testimonial-section-one .owl-nav {
    top: 20%;
  }
  .testimonial-block-one .inner-box .text {
    padding: 0px;
  }
}

/*
==============================================
  service-details
==============================================
*/

.service-style-two{
  color: #aaa;
  max-width: 970px;
  margin: 0 auto;
}

.service-style-two .content-column{
  padding: 30px 30px;
}

.service-style-two .content-column h2 a{
  font-size: 24px;
  color: #333;
  font-weight: 300;
}

.service-style-two .ml-40{
  margin-left: -40px;
}

.single-service-item{
  margin-bottom: 40px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

.single-service-item.style-2 .content-column{
  padding: 22px 30px 30px;
}
.single-service-item.style-2 .content-column h2{
  margin-bottom: 10px;
}
.single-service-item.style-2 .content-column h2 a{
  color: #333;
  font-size: 24px;
  font-weight: 300;
  transition: .5s;

}
.single-service-item.style-2 .content-column h2 a:hover{
  color: #aaa;
  transition: .5s;
}

/*
========================================
  contact-info
========================================
*/
.contact-info{

}

.single-contact-info{
  height: 120px;
  border: 1px solid rgba(204, 204, 204, 0.13);
  position: relative;
  padding: 20px 20px 20px 100px;
  margin-bottom:  30px;
}
.single-contact-info .icon_box{
  position: absolute;
  left: -10px;
  top: 28px;
  width: 60px;
  height:  60px;
  line-height: 60px;
  text-align:  center;
  background: #333;
}
.single-contact-info .icon_box i{}
.single-contact-info .icon_box i:before{
  color: #fff;
  margin: 0;
  font-size: 20px;
}
.single-contact-info .text-box{
  display: table-cell;
}
.single-contact-info .text-box p{
  font-size: 16px;
  color: #aaa;
}


/*
=======================================
  contact
=======================================
*/


/*Comment Form*/

.contact-form{
  position:relative;
  max-width: 720px;
}

.contact-form .row{
  margin:0px -17px;
}

.contact-form .form-group{
  position:relative;
  margin-bottom: 30px;
  padding:0px 17px;
}

.contact-form .form-group:last-child{
  margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:10px 30px;
  height: 60px;
  color: #aaa;
  border: none;
  font-size:15px;
  border-radius: 0px;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
  border-color:#e5e8ec;
}

.contact-form .form-group textarea{
  position:relative;
  display:block;
  width:100%;
  line-height:28px;
  padding:20px 30px;
  height:150px;
  color: #aaa;
  font-size: 16px;
  resize:none;
  border: none;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
  border-radius: 0px;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  transition:all 300ms ease;
}

.contact-form button{
  margin-top:15px;
}


/*
==============================================
  service-details
==============================================
*/

.service-details{

}

.service-details h2{
  font-size: 28px;
  color: #333;
  font-weight: 300;
  margin-bottom: 20px;
}

.service-details .inner-box{
  margin-top: 60px;
  margin-bottom: 60px;
}

.service-details .full-image{
  margin-top: 60px;
  margin-bottom: 30px;
}



.service-details .info-column ul{
    padding: 30px;
    box-shadow: 0px 6px 24px 0px rgba(8, 18, 109, 0.1);
}
.service-details .info-column ul li{
  color: #aaa;
  text-transform:  capitalize;
  margin-bottom: 14px;
  font-weight: 300;
}
.service-details .info-column ul span{
  font-weight: 300;
  color: #333;
  display:block;
  font-size: 18px;
  margin-bottom: 5px;
}

.service-details .info-column ul li a{
  margin-right: 15px;
}
.service-details .info-column ul li i{
  color: #aaa;
  font-size: 16px;
}


/*
========================================
  Sidebar Page Container
========================================
*/

.sidebar-page-container{
  position:relative;
}

.sidebar-page-container .sidebar-side{
  margin-bottom:40px;
}

.sidebar-widget{
  position: relative;
  margin-bottom: 40px;
  padding: 25px 25px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

/*List*/
.sidebar .list{
  position:relative;
}

.sidebar .list li{
  position:relative;
  line-height:24px;
}

.sidebar .list li a{
  position:relative;
  display:block;
  color:#777777;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  padding:4px 0px 4px 20px;
  transition:all 500ms ease;
}

.sidebar .list li a:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-size:14px;
  left: 0;
  width:20px;
  line-height: 24px;
  position: absolute;
  color:#777777;
}

.sidebar .list li a:hover{
  color:#ff214f;  
}

/*Search Box Widget*/

.sidebar .search-box .form-group{
  position:relative;
  margin:0px; 
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
  position:relative;
  line-height:26px;
  padding:10px 50px 10px 20px;
  border: 1px solid rgba(204, 204, 204, 0.36);
  background:none;
  display:block;
  font-size:16px;
  width:100%;
  height:60px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
  border-color: #333;
}

.sidebar .search-box .form-group button{
  position:absolute;
  right:0px;
  top:0px;
  height:60px;
  width:60px;
  display:block;
  font-size:16px;
  color:#ffffff;
  line-height:100%;
  background: #333;
  font-weight:normal;
}

/*Sidebar Title*/

.sidebar-title{
  position: relative;
  margin-bottom:22px;
}

.sidebar-title h2{
  font-size: 22px;
  color: #333;
  font-weight: 300;
  line-height: 1.2em;
  text-transform: capitalize;
}

/*Blog Category*/

.blog-cat{
  position:relative;
}

.blog-cat li{
  position:relative;
  margin-bottom:15px;
}

.blog-cat li a{
  position:relative;
  font-size:16px;
  font-weight: 300;
  display:block;
  padding-bottom:15px;
  color: #333;
  border-bottom: 1px solid rgba(204, 204, 204, 0.19);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.blog-cat li a span{
  float:right;
}

.blog-cat li a:hover{
  color: #aaa;
}

/*Post Widget*/

.sidebar .popular-posts .post{
  position:relative;
  color:#666666;
  padding-left:100px;
  min-height:75px;
  margin-bottom: 25px;
}

.sidebar .popular-posts .post:last-child{
  margin-bottom: 10px;
}

.sidebar .popular-posts .post .post-thumb{
  position:absolute;
  left:0px;
  top:0px;
  width:80px;
}

.sidebar .popular-posts .post:hover .post-thumb img{
  opacity:0.70;
}

.sidebar .popular-posts .post .post-thumb img{
  display:block;
  width:100%;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post .text{
  position:relative;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 300;
  line-height:1.4em;
  text-transform:capitalize;
}

.sidebar .popular-posts .post .text a{
  color: #333;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
  color: #aaa;
}

.sidebar .popular-posts .post-info{
  font-size: 16px;
  color: #aaa;
}

/*Popular Tags*/

.sidebar .popular-tags a{
  position:relative;
  display:inline-block;
  line-height:24px;
  padding: 7px 18px 7px;
  margin:0px 6px 10px 0px;
  color: #aaa;
  text-align:center;
  font-size: 15px;
  text-transform:capitalize;
  border: 1px solid rgba(204, 204, 204, 0.30);
  background: #333;
  transition:all 300ms ease;
  -webkit-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
  border-color: #aaa;
  background-color: #aaa;
  color: #fff;
}


/***

==================================================================
  About section four
==================================================================

***/

.about-section {
  position: relative;
}

.about-section:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 35%;
    height: 100%;
    background: #f7f7fa;
}

.about-section .container {
  max-width: 1500px;
}

.about-image-block-three .mockup-image{
  position: relative;
}

.about-section .about-content-block .text {
  max-width: 520px;
  margin-bottom: 30px;
}

/*
================================== 
 accordion style 
==================================
*/

.accordion-box {
  position: relative;
}

.accordion-box .block {
  position: relative;
  padding-top: 0px;
  border: 1px solid #f2f2f2;
  margin-bottom: 11px;
}

.accordion-box .block:last-child {
  margin-bottom: 0px;
}

.accordion-box .block .acc-btn {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  line-height: 1.2em;
  color: #333;
  font-weight: 300;
  padding: 20px 30px 20px;
  padding-left: 30px;
  transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  font-family: 'Montserrat', sans-serif;
}

.accordion-box .block .acc-btn.active {
    background: #e5e8ec;
}

.accordion-box .block .icon-outer {
  position: absolute;
  left: 20px;
  top: 36px;
  font-size: 25px;
  color: #222222;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  font-size: 18px;
  color: #222222;
  line-height: 1em;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.accordion-box .block .icon-outer .icon_plus {
  opacity: 1;
}

.accordion-box .block .icon-outer .icon_minus {
  opacity: 0;
  color: #e6202d;
  font-weight: 700;
}

.accordion-box .block .acc-btn.active .icon-outer .icon_minus {
  opacity: 1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon_plus {
  opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer {
  color: #11da61;
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
  padding: 10px 30px 30px;
}

.accordion-box .block .acc-content .content-text {
  padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.accordion-box .block .content {
  position: relative;
  font-size: 14px;
  padding: 15px 0px 0px 0px;
}

.accordion-box .block .content p {
  margin-bottom: 20px;
  line-height: 1.8em;
  font-size: 16px;
  color: #848484;
  font-weight: 300;
}

.accordion-box .block .content p:last-child {
  margin-bottom: 0px;
}


/*
======================
  feature-1
======================
*/

.feature-1{
  
}
.feature-1 .text{
  font-size: 30px;
  font-weight: 300;
  line-height: 44px;
  text-align: center;
  color: #333;
  padding: 50px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
}

.feature-1.style-2 .text{
  font-size: 30px;
  font-weight: 300;
  line-height: 44px;
  text-align: center;
  color: #333;
  padding: 0px 30px;
  box-shadow: none;
}



/*
====================================
  portfolio-details
====================================
*/

.portfolio-details{}
.portfolio-details h2{
  font-size: 28px;
  color: #333;
  font-weight: 300;
  margin-bottom: 20px;
}
.portfolio-details .inner-box{
  margin-bottom: 30px;
}
.portfolio-details .parallax-style-one{
  margin-top: 40px;
  margin-bottom: 30px;
}