/* ----------------------------------

Template Name: Charities - Charity & Nonprofit Template
Author: tech rapples
Version: 1.0

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Icon
    12. Magnific popup
    13. Header
    14. Page title
    15. Swiper carousel
    16. Slider and parallax typography
    17. Portfolio
    18. Elements
    19. Blog
    20. Footer
    21. Home Page
    22. Services Page
    23. About Page
    24. Projects Page
    25. Pricing Page
    26. PHP Contact Form
    27. Others

*/


/*
** General Styles for HTML tags
*/


.banner-area .box-cell, .banner-area .box-cell div{min-height:480px;}
    



.center-cropped {
  width: 84px;
  height: 120px;
  background-position: center center;
  background-repeat: no-repeat;
}

.img-fullwidth{
	width:100%;
}

.schedule-details{
	background:#eee;
}

.schedule-details h4.title a{
	font-weight:600;
}


.paper:before{
	
content: "";
    height: 150px;
    width: 150px;
    background: orange;
    display: block;
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 10px;
}

.soracak video {width:100%}



.paper div{
	margin-top:15px;
	min-height:100%;
	display:inline-block;
	min-width:100%;
	background:gray;	
}

.schedule-box{
border: 1px solid #eee;
    padding: 10px;	
	
}

.bg-theme-colored {
  background-color: #598bb6  !important;
  font-weight:600;
  color:#fff;
}

.cookiealert-container p, .cookiealert-container a{color:white!important;}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    top:0.25em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 52%;
    left: 12%;
    color:#FF9800;
 }

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.checkbox label {padding-left: 0;}

.volunteer-row-template,.member-row-template{display:none}





.logo.logo-display{ height:60px;}
@media (max-width: 1200px){
  .logo.logo-display {  height:60px;}
}

* {
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  overflow-x: hidden;
  background-color: #ffffff;
}

html, body, .wrapper {
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #232323;
  font-weight: normal;
  line-height: 1.2;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0;
  margin: 0;
}

h1,h2,h3,h4 {
  margin-bottom: 15px;
}

h5,h5 {
  margin-bottom: 10px;
}

img {
  border: none;
  outline: none;
  max-width: 100%;
}

label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  max-width: 100%;
}

a, .btn, button {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  outline: medium none;
}

a img, iframe {
  border: none;
}

p {
  color: #232323;
  line-height: 26px;
  margin: 0 0 15px;
  text-transform: none;
  font-weight: 400;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #eee;
}

pre {
  display: block;
  margin: 0 0 30px;
  padding: 9.5px;
  word-wrap: break-word;
  word-break: break-all;
  color: #333;
  border: 1px solid #ededed;
  border-radius: inherit;
  background-color: #f9f9f9;
  font-size: 13px;
  line-height: 1.42857143;
}

input:focus, textarea:focus, 
 select:focus {
  outline: none;
  box-shadow: inherit;
}

ul {
  margin: 0;
  list-style-type: none;
}

a, a:active, a:focus, a:hover {
  outline: none;
  text-decoration: none;
  color: #232323;
}

a:hover {
  color: #232323;
}

a {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

b, strong {
  font-weight: 900;
}

.btn.active, .btn:active {
  background-image: inherit !important;
}

.btn.focus, 
 .btn:active:focus, 
 .btn:active:hover, 
 .btn:focus, 
 .btn:hover {
  outline: 0;
}

.btn.active, .btn:active {
  outline: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 50px;
}
/* Default CSS */
.container-half {
  margin: 0 auto;
  width: 60%;
  padding: 0 15px;
}

.container-full {
  padding: 0 15px;
}

.bg-cover {
  background-position: center center;
  background-size: cover;
}

.bg-fixed {
  background-attachment: scroll;
  background-position: center top;
  background-size: cover;
}

.bg-gray {
  background-color: #f3f6f8;
}

.bg-light {
  background-color: #f7f7f7;
}

.bg-theme {
  background-color: #ff9800;
}

.text-light h1, 
 .text-light h2, 
 .text-light h3, 
 .text-light h4, 
 .text-light h5, 
 .text-light h6, 
 .text-light p, 
 .text-light a {
  color: #ffffff;
}

.shadow {
  position: relative;
  z-index: 0;
}

.shadow.dark::after {
  background: #000000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.dark-hard::after {
  background: #232323 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.light::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.theme::after {
  background: #ff9800 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.shadow.theme-hard::after {
  background: #ff9800 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.default-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.default-padding-top {
  padding-top: 100px;
}

.default-padding-bottom {
  padding-bottom: 100px;
}

.default-padding.bottom-less {
  padding-top: 100px;
  padding-bottom: 70px;
}

.default-padding.bottom-30 {
  padding-top: 100px;
  padding-bottom: 30px;
}

.default-padding.bottom-20 {
  padding-top: 100px;
  padding-bottom: 20px;
}

.padding-xl {
  padding-top: 120px;
  padding-bottom: 120px;
}

.btn {
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  font-weight: 700;
  letter-spacing: 1px;
  overflow: hidden;
}

.btn.cirlce {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.btn-md {
  padding: 10px 40px 10px;
}

.btn-sm {
  padding: 8px 15px;
  font-size: 12px;
}

.btn-x-sm {
  font-size: 10px;
  padding: 4px 20px;
}

.btn.btn-sm-pro {
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
  padding: 4px 35px;
  display: inline-block;
}

.btn-border-light {
  border: 2px solid #ffffff;
}

.btn.btn-sm-pro.btn-border-light:hover, 
 .btn.btn-sm-pro.btn-border-light:focus {
  background-color: #ffffff;
  color: #232323;
  border: 2px solid #ffffff;
}

.btn-dark {
  background-color: #232323;
  color: #ffffff;
  border: 2px solid #232323;
}

.btn-dark.border {
  background-color: transparent;
  color: #232323;
  border: 2px solid #232323;
}

.btn-dark.border:hover {
  background-color: #232323;
  color: #ffffff !important;
  border: 2px solid #232323;
}

.btn.btn-light {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #232323;
}

.btn.btn-light:hover, 
 .btn.btn-light:focus {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn.btn-light.effect:hover, 
 .btn.btn-light.effect:focus {
  background-color: #ff9800;
  color: #ffffff !important;
  border: 2px solid #ff9800;
}

.btn.btn-light.border {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn.btn-light.border:hover {
  background: #ffffff none repeat scroll 0 0 !important;
  border: 2px solid #ffffff !important;
  color: #232323 !important;
}

.btn-dark:hover, 
 .btn-dark:focus {
  color: #fff !important;
  background: orange;
  border-color:#fff;
}

.bg-dark {
  background: #294068  none repeat scroll 0 0;
}

.text-theme-colored {
  display: contents;
  color:#333;
}
.btn-theme {
  background-color: #ff9800;
  color: #ffffff !important; 
  border: 2px solid #ff9800;
}

.btn-theme.border {
  background-color: transparent;
  color: #ff9800 !important;
  border: 2px solid #ff9800;
}

.btn-theme.border:hover {
  background-color: #ff9800;
  color: #ffffff !important;
  border: 2px solid #ff9800;
}

.btn-theme.effect:hover, 
 .btn-theme.effect:focus {
  background: #ff9800 none repeat scroll 0 0;
  border: 2px solid #ff9800;
  color: #ffffff;
}

.btn.btn-sm-lm {
  font-size: 12px;
  padding: 4px 35px;
}

.btn.border.btn-light.standard {
  padding-left: 20px;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}

.btn.border.btn-light.standard::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 53px;
  position: absolute;
  right: -18px;
  top: -10px;
  transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  width: 50px;
  z-index: -1;
}

.btn.standard {
  position: relative;
}

.btn.standard::before {
  color: #ff9800;
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  height: 100%;
  position: absolute;
  right: 0;
  width: 25px;
}

.bg-fixed {
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

.bg-cover {
  background-position: center center;
  background-size: cover;
}

.oh {
  overflow: hidden;
}

.less-margin {
  margin: 0;
}

.cell-items .thumb, .cell-items .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.cell-items .info {
  padding: 50px 50px;
}

header {
  position: relative;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
  position: relative;
  z-index: 1;
  margin-left: 3px;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
  width: 100%;
}

.attr-nav .social.right li {
  margin-left: 20px;
}

.attr-nav .social li a {
  font-size: 16px;
}


/* ============================================================== 
     # Banner 
=================================================================== */
body, .banner-area, 
 .banner-area div {
  height: 480px;
}

.banner-area .box-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.banner-area .box-table {
  display: table;
  width: 100%;
}

.banner-area .box-cell, 
 .banner-area .box-cell div {
  height: auto;
}

.banner-area {
  position: relative;
  overflow: hidden;
}

.banner-area .content {
  overflow: hidden;
}

.banner-area.shadow-inner .content {
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.banner-area.shadow-inner .content::after {
  background: #15181d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.banner-area .item h1 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 20px;
}

.banner-area .item h1 span {
  color: #ff9800;
}

.banner-area .carousel.main-lower .item h1 {
  text-transform: inherit;
  font-weight: 700;
}

.banner-area .item .content h2 {
  display: inline-block;
  font-weight: 700;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.banner-area .carousel-inner.text-dark .item a, 
.banner-area .carousel-inner.text-dark button {
  color: #232323;
}

.banner-area .item .content h2::before {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.banner-area .carousel.slide .item .content h1 {
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.banner-area .carousel.slide .carousel-inner.text-uppercase .item .content h1,
.banner-area .carousel.slide .carousel-inner.text-uppercase .item .content h2 {
  font-size: 50px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.banner-area .carousel.slide .carousel-inner.uppercase .item .content h1,
.banner-area .carousel.slide .carousel-inner.uppercase .item .content h2 {
  font-size: 50px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.banner-area.text-bg .carousel-inner.uppercase .item .content h1,
.banner-area.text-bg .carousel-inner.uppercase .item .content h2 {
  margin-bottom: 20px !important;
}

.banner-area .carousel.slide .item .content h3 {
  display: block;
  font-weight: 500;
  position: relative;
  text-transform: inherit;
  z-index: 1;
}

.banner-area .item h3 {
  display: inline-block;
  font-weight: 500;
  position: relative;
  text-transform: inherit;
  z-index: 1;
}

.banner-area .item p {
  font-size: 16px;
}

.banner-area .carousel-control {
  font-size: 50px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  margin-top: -25px;
  background: transparent;
  opacity: 1;
  z-index: 1;
}

.banner-area .item a {
  margin-right: 10px;
  margin-top: 15px;
}

.banner-area .carousel-control.left {
  left: -50px;
}

.banner-area:hover .carousel-control.left {
  left: 0;
}

.banner-area .carousel-control.right {
  right: -50px;
}

.banner-area:hover .carousel-control.right {
  right: 0;
}

.banner-area .carousel.single-title .item h1 {
  font-size: 50px;
  font-weight: 900;
}

.banner-area .carousel.single-title .item h2 {
  font-weight: 700;
  text-transform: uppercase;
}

.banner-area .carousel.single-title .item h1 span {
  color: #ff9800;
}

.banner-area .text-uppercase .content h4 {
  display: inline-block;
  font-weight: 600;
  padding: 10px;
  text-transform: capitalize;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.banner-area .text-uppercase .content h4::after {
  background: #ff9800 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.banner-area .uppercase .content h4 {
  display: inline-block;
  font-weight: 600;
  padding: 0 10px;
  text-transform: inherit;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  font-size: 20px;
}

.banner-area.text-bg .item a {
  margin-top: 10px;
}

.banner-area .uppercase .content h4::after {
  background: #ff9800 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* Animation delays */
.banner-area .item h1:first-child, 
 .banner-area .item h2:first-child, 
 .banner-area .item h3:first-child, 
 .banner-area .item h4:first-child, 
 .banner-area .item h5:first-child, 
 .banner-area .item h6:first-child {
  animation-delay: .5s;
}

.banner-area .item h1:nth-child(2), 
 .banner-area .item h2:nth-child(2), 
 .banner-area .item h3:nth-child(2), 
 .banner-area .item h4:nth-child(2), 
 .banner-area .item h5:nth-child(2), 
 .banner-area .item h6:nth-child(2) {
  animation-delay: .7s;
}

.carousel-caption h1:nth-child(3), 
 .carousel-caption h2:nth-child(3), 
 .carousel-caption h3:nth-child(3), 
 .carousel-caption h4:nth-child(3), 
 .carousel-caption h5:nth-child(3), 
 .carousel-caption h6:nth-child(3) {
  animation-delay: .9s;
}

.banner-area .item p {
  animation-delay: .5s;
}

.banner-area .item a, 
 .banner-area .item button {
  animation-delay: .7s;
}
/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item, 
 .carousel-fade .carousel-inner .active.left, 
 .carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active, 
 .carousel-fade .carousel-inner .next.left, 
 .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next, 
 .carousel-fade .carousel-inner .prev, 
 .carousel-fade .carousel-inner .active.left, 
 .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}
/* Slider Zoom Effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1);
  }

  to {
    -moz-transform: scale(1.2, 1.2);
  }
}

@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1);
  }

  to {
    -o-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.2, 1.2);
  }
}

.carousel-inner .item > .slider-thumb {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.banner-area .carousel-zoom .slider-thumb {
  height: 100%;
  position: absolute;
  width: 100%;
}

.banner-area.title-theme .item h1 {
  color: #ff9800;
  font-size: 45px;
  font-weight: 700;
}

.banner-area .carousel.single-title .carousel-inner .thumb, 
.banner-area .carousel.single-title .carousel-inner .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.banner-area .carousel.single-title .carousel-inner .thumb img {
  margin-top: 50px;
}

.banner-area .carousel.item-bg .carousel-inner .item .content h2::after {
  background: #ffffff none repeat scroll 0 0;
  opacity: 1;
}


/* ============================================================== 
     # Topbar 
=================================================================== */
.top-bar-area {
  position: relative;
}

.top-bar-area.shadow::after {
  background: #ff9800 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  margin-left: -10%;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(-35deg);
  -moz-transform: skewX(-35deg);
  -ms-transform: skewX(-35deg);
  -o-transform: skewX(-35deg);
  width: 40%;
  z-index: -1;
}

.top-bar-area .top-address li {
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  margin-right: 20px;
  text-transform: capitalize;
}

.top-bar-area.top-up {
  padding: 0;
  margin: 0;
}

.top-bar-area.top-up .top-address li {
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  padding: 15px 20px 15px 0;
  margin-right: 20px;
}

.top-bar-area.top-up .top-address li:last-child {
  border: medium none;
  padding-right: 0;
  margin: 0;
}

.top-bar-area.bg-gray .top-address li,
.top-bar-area.bg-theme .top-address li {
  color: #232323;
}

.top-bar-area li, 
 .top-bar-area a {
  font-weight: 500;
}

.top-bar-area a {
  font-weight: 600;
}

.topbar-button a {
  font-size: 12px;
}

.top-bar-area.one-line .info li p span, 
.top-bar-area.one-line .info li p i {
  display: table-cell;
  vertical-align: middle;
}

.top-bar-area.one-line .info li p span {
  color: #ffffff;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  padding-left: 10px;
}

.top-bar-area.one-line .topbar-button {
  margin-top: 3px;
}

.top-bar-area.one-line .info li {
  margin-left: 15px;
}

.top-address li i {
  margin-right: 10px;
}

.topbar-social li {
  display: inline-block;
}

.top-bar-are .topbar-social li a {
  color: #ffffff;
}

.topbar-social li {
  margin-left: 20px;
}

.top-bar-area .info li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  margin-left: 20px;
  padding-left: 20px;
  margin-top: 5px;
}

.top-bar-area .logo {
  float: left;
  margin-right: 50px;
}

.top-bar-area.one-line .topbar-social {
  margin-top: 15px;
}

.top-bar-area .logo img {
  height: 50px;
}

.top-bar-area .info li:first-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.top-bar-area .info li i {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
}

.top-bar-area.info-cell .info .icon i {
  color: #ff9800;
}

.top-bar-area .info li p {
  font-weight: 600;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  font-size:12px;
}

.top-bar-area .info li p span {
  display: block;
  font-weight: 400;
  text-transform: capitalize;
  color: #cccccc;
  margin-top: -3px;
}

.top-bar-area .info li .icon {
  display: table-cell;
  vertical-align: middle;
}

.top-bar-area .info li .info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}

.top-bar-area .logo a {
  padding: 0;
}

.top-bar-area .topbar-social.big-info {
  margin-top: 15px;
}

.top-bar-area .logo, .top-bar-area .info {
  display: inline-block;
}

.top-bar-area .info.double {
  margin-top: 3px;
}

.top-bar-area.info-cell .logo img {
  margin-top: 8px;
}

.top-bar-area .info.box {
  margin-top: 8px;
}

.top-bar-area .topbar-social {
  margin-top: 21px;
}

.topbar-social li a {
  font-size: 20px;
}

.top-bar-area .info.double .icon {
  background: white none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #333;
  height: 50px;
  line-height: 55px;
  text-align: center;
  width: 50px;
}

.top-bar-area.top-up .topbar-social {
  line-height: 55px;
}

.top-bar-area .language {
  display: inline-block;
}

.top-bar-area .language button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-family: "Montserrat",sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
}

.top-bar-area .language button i {
  margin-left: 5px;
}

.top-bar-area .language li {
  display: block;
  margin: 0;
}

.top-bar-area .language ul {
  background: #ff9800 none repeat scroll 0 0;
  border: medium none;
  border-radius: inherit;
  box-shadow: inherit;
  left: auto;
  min-width: auto;
  padding: 0;
  right: 0;
  text-align: center;
}

.top-bar-area .language li a {
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 35px;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.top-bar-area .language li a:hover,
.top-bar-area .language li a:focus,
.top-bar-area .language li a.active {
  color: #333333;
  background: transparent;
}

.top-bar-area .language li:last-child a {
  border: medium none;
}

.topbar-button {
  margin-top: 13px;
}

/* Navbar */
nav.bootsnav.navbar-default.info-topbar .navbar-header {
  display: none;
}

nav.bootsnav.navbar-default.info-topbar ul li a {
  margin-right: 30px;
  padding: 35px 0;
}

nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
  margin-right: 0;
  padding: 35px 20px;
}

.attr-nav > a.btn-theme.effect:hover, 
.attr-nav > a.btn-theme.effect, 
.attr-nav > a.btn-theme.effect:focus {
  background: #ff9800 none repeat scroll 0 0;
  border: 2px solid #ff9800;
  color: #ffffff !important;
}

nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
  margin-right: 30px;
  padding: 35px 0;
}

.site-heading h2 {
  color: #232323;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}

.site-heading p {
  margin: 0;
}

.site-heading h2::after {
  background: #598bb6 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}


/* ============================================================== 
     # Bradcrumb 
=================================================================== */
.breadcrumb-area .breadcrumb {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  margin: 0;
  position: relative;
  z-index: 1;
}

.breadcrumb-area .breadcrumb::after {
  background: #232323 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.breadcrumb-area h1 {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

.breadcrumb-area .breadcrumb a, 
 .breadcrumb-area .breadcrumb li {
  font-weight: 600;
  text-transform: uppercase;
}

.breadcrumb-area .breadcrumb li.active {
  color: #ff9800;
}

.breadcrumb > li + li::before {
  bottom: 3px;
  color: #ffffff;
  content: ". ";
  height: 5px;
  padding: 0 5px;
  position: relative;
}


/* ============================================================== 
     # Services
=================================================================== */

.service-carousel {
  top: -100px;
}

.service-item > i {
  background: transparent none repeat scroll 0 0;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  color: #ff9800;
  display: inline-block;
  font-size: 40px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 20px;
  text-align: center;
  width: 100px;
}

.service-item h4 {
  font-weight: 600;
  margin-bottom: 10px;
}

.service-item > a,
.service-item .info a {
  color: #ff9800;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.service-item > a:hover,
.service-item .info a:hover {
  color: #232323;
}

.service-item > a i {
  margin-left: 3px;
}

.services-area .owl-nav {
  margin: 0;
}

.services-area .owl-nav .owl-prev, 
.services-area .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #232323;
  height: 40px;
  left: -60px;
  line-height: 40px;
  margin-top: -20px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 40px;
  font-size: 30px;
}

.services-area .owl-nav .owl-prev:hover, 
.services-area .owl-nav .owl-next:hover {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
}

.services-area .owl-nav .owl-next {
  left: auto;
  right: -60px;
}

.service-item img {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.service-carousel .service-item {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.service-item .info {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 30px;
  background-color: #ffffff;
}

.services-area .owl-stage-outer {
  margin: 0 -15px -15px;
  padding: 0 15px 15px;
}

.services-area .service-carousel .owl-dots {
  margin-bottom: -10px;
  margin-top: 30px !important;
}

.services-area .service-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 3px solid #232323;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  width: 15px;
}

.services-area .service-carousel .owl-dots .owl-dot.active span {
  border-color: #ff9800;
}


/* ============================================================== 
     # Help Step
=================================================================== */

.help-step-area .info h2 {
  font-weight: 600;
  text-transform: capitalize;
}

.help-step-area .info h5 {
  color: #ff9800;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  text-transform: inherit;
  margin-bottom: 20px;
}

.help-step-area .info a {
  margin-top: 5px;
}

.help-step-area .items .item .content {
  position: relative;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  z-index: 1;
}

.help-step-area .items .content .info {
  padding: 20px 30px;
}

.help-step-area .items .item .content h4 {
  font-weight: 600;
}

.help-step-area .items .item .content a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ff9800;
  margin: 0;
}

.help-step-area .items .item .content a:hover {
  color: #232323;
}

.help-step-area .items {
  padding-left: 35px;
}

/* ============================================================== 
     # Recent Causes 
=================================================================== */

.recent-causes-area.fixed-area .recent-causes-items {
  position: relative;
  top: -100px;
}

.recent-causes-area .item .col-md-6 {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 0;
}

.recent-causes-area ul li {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.recent-causes-area ul li span {
  float: right;
}

.recent-causes-area ul li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.recent-causes-area ul {
  margin-bottom: 25px;
}

.recent-causes-area ul li span i {
  margin-right: 5px;
}

.recent-causes-area .progress-box {
  margin-top: 25px;
}

.recent-causes-area a {
  margin-top: 15px;
}

.recent-causes-area .info h2,
.recent-causes-area .info h3,
.recent-causes-area .info h4 {
  font-weight: 600;
  margin-bottom: 25px;
}

.recent-causes-area .info h4 {
  color: #ff9800;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.recent-causes-area .item .col-md-6.info {
  background: #ffffff none repeat scroll 0 0;
  padding: 30px 50px;
}

.recent-causes-area .progress-box h5 {
  font-size: 16px;
  font-weight: 600;
  color: #ff9800;
}

.recent-causes-area .progress-box h5 span {
  color: #232323;
}

.recent-causes-area .progress .progress-bar {
  background: #ff9800 none repeat scroll 0 0;
}

.recent-causes-area .owl-nav {
  margin: 0;
}

.recent-causes-area .owl-nav .owl-prev, 
.recent-causes-area .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
  height: 40px;
  left: -60px;
  line-height: 40px;
  margin-top: -20px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 40px;
  font-size: 30px;
}

.recent-causes-area .owl-nav .owl-next {
  left: auto;
  right: -60px;
}

.recent-causes-area .owl-nav .owl-prev:hover, 
.recent-causes-area .owl-nav .owl-next:hover {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
}

.recent-causes-area .progress {
  height: 10px;
}


/* ============================================================== 
     # Popular Causes
=================================================================== */

.popular-causes-items .info {
  background: #ffffff none repeat scroll 0 0;
  padding: 30px;
}

.popular-causes-items .item {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
}

.popular-causes-items .equal-height {
  margin-bottom: 30px;
}

.popular-causes-area .progress-box {
  margin-top: 25px;
}

.popular-causes-items .info h4 {
  font-weight: 600;
  margin-bottom: 25px;
}

.popular-causes-items .info ul li {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-weight: 500;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-transform: capitalize;
}

.popular-causes-items .info ul li span {
  float: right;
}

.popular-causes-items .info ul li:last-child {
  border: medium none;
  margin-bottom: 20px;
  padding: 0;
}

.popular-causes-items .progress {
  height: 5px;
}

.popular-causes-items .progress .progress-bar {
  background: #ff9800 none repeat scroll 0 0;
}

.popular-causes-items .progress-box h5 {
  color: #ff9800;
  font-weight: 600;
}

.popular-causes-items .progress-box h5 span {
  color: #232323;
}

.popular-causes-items .info ul li span i {
  margin-right: 5px;
}

.popular-causes-items .info a {
  margin-top: 15px;
}

.popular-causes-area .popular-causes-items .item .thumb {
  overflow: hidden;
}

.popular-causes-area .popular-causes-items .item .thumb img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.popular-causes-area .popular-causes-items .item:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* ============================================================== 
     # Video
=================================================================== */
.video-bg-live .info {
  padding: 50px;
  position: relative;
  z-index: 1;
}

.video-bg-live .info::after {
  background: #000000 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.video-bg-live .info h2 {
  font-weight: 600;
  margin-bottom: 30px;
}

/* ============================================================== 
     # Event
=================================================================== */

.event-area .event-items .pagi-area {
  margin-top: 0;
}

.event-area .event-items .item .col-md-6.info {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  padding: 30px 50px;
}

.event-area .event-items .item .col-md-6 {
  padding: 0;
}

.event-area .event-items .item .thumb {
  overflow: hidden;
}

.event-area .event-items .item .thumb img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.event-area .event-items .item:hover .thumb img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.event-area .event-items .info h2 {
  font-weight: 600;
}

.event-area .event-items .info .meta li {
  display: block;
  font-family: "Montserrat",sans-serif;
  margin-bottom: 10px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.event-area .event-items .info .meta li:last-child {
  margin: 0;
}

.event-area .event-items .info .meta {
  margin-bottom: 20px;
}

.event-area .event-items .info .meta li i {
  color: #598bb6;
  margin-right: 5px;
}

.event-area .event-items .info a {
  margin-top: 5px;
}

.event-area .event-items .info > a {
  color: #ff9800;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}

.event-area .event-items .info > a:hover {
  color: #232323 !important;
}

.event-area .event-items .info a:hover {
  color: #ff9800;
}

.event-area .event-items .owl-dots {
  margin-top: 30px !important;
  margin-bottom: -10px;
}

.event-area .event-items .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 3px solid #232323;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  width: 15px;
}

.event-area .event-items .owl-dots .owl-dot.active span {
  border-color: #ff9800;
}

.event-area .item .info h2,
.event-area .item .info h3,
.event-area .item .info h4 {
  font-weight: 600;
  margin-top: 20px;
  text-transform: capitalize;
  border: none;
}

.event-area .event-items .info .meta .date, 
.event-area .event-items .info .meta ul {
  display: table-cell;
  vertical-align: middle;
}

.event-area .event-items .info .meta .date {
  background: #ff9800 none repeat scroll 0 0;
  color: #ffffff;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
}

.event-area .event-items .info .meta .date span {
  display: block;
}

.event-area .event-items .info .meta ul {
  padding-left: 15px;
}

.event-area .event-items.event-carousel-single .info .meta ul {
  padding-left: 0;
}

.event-items .item .info {
  background: #ffffff none repeat scroll 0 0;
  padding: 30px;
  display: flex;
}

.event-items .item {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
}

.event-area .event-items .owl-stage-outer {
  margin: 0 -15px;
  padding: 0 15px 15px;
}

.event-area .event-items.event-carousel-single .owl-stage-outer {
  margin: 0;
  padding: 0 0 2px;
}

.event-area .event-items.event-carousel-single .item .thumb, 
.event-area .event-items.event-carousel-single .item .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.event-area .event-items.event-list-full .item .thumb, 
.event-area .event-items.event-list-full .item .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.event-area .event-items.event-carousel-single .item .info,
.event-area .event-items.event-list-full .item .info {
  box-shadow: inherit;
  border: 1px solid #e7e7e7;
}

.event-area .event-items.event-carousel-single .item,
.event-area .event-items.event-list-full .item {
  box-shadow: inherit;
}

.event-area .event-items.event-carousel-single .info .meta li,
.event-area .event-items.event-list-full .info .meta li {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.event-area .event-items.event-carousel-single .info > a,
.event-area .event-items.event-list-full .info > a {
  color: #232323;
  margin-top: 5px;
}

.event-area .event-items.event-carousel-single .info > a:hover,
.event-area .event-items.event-list-full .info > a:hover {
  color: #ffffff !important;
}

.event-area .event-items.event-carousel-single .info .meta ul,
.event-area .event-items.event-list-full .info .meta ul {
  padding-left: 0;
}

.event-area .event-items.event-carousel-single .info .meta ul,
.event-area .event-items.event-list-full .info .meta ul {
  display: block;
}

.event-area .event-items.event-carousel-single .info .meta li:last-child,
.event-area .event-items.event-list-full .info .meta li:last-child {
  border: medium none;
  padding-bottom: 0;
}

.event-carousel.inner-cell .item .info .content,
.event-list.inner-cell .item .info .content {
  border-left: 1px solid #e7e7e7;
  padding-left: 25px;
  margin-left: 25px;
}

.event-carousel.inner-cell .item .info .date, 
.event-list.inner-cell .item .info .date {
  color: #598bb6;
  font-family: "Montserrat",sans-serif;
  font-size: 20px;
  font-weight: 700;
  min-width: 100px;
  text-align: right;
  text-transform: uppercase;
  line-height: 1;
}

.event-carousel.inner-cell .item .info .date span,
.event-list.inner-cell .item .info .date span {
  color: #232323;
  display: block;
  margin-top: 10px;
}

.event-items .item .info .content .meta ul {
  padding-left: 0;
}

.event-items .item .info .content h4 {
  margin-top: 0;
}

.event-items .item .info .content .meta li {
  margin-bottom: 5px;
}

.event-items .item .info .content  .meta {
  margin-bottom: 10px;
}

.event-items.event-list .equal-height,
.event-items.event-list-full .equal-height {
  margin-bottom: 50px;
}

.event-items.event-list .single-item,
.event-items.event-list-full .single-item {
  margin-bottom: 50px;
}

.event-area .conetnt {
  padding-right: 35px;
}

/* Upcomming Event */

.upcomming-event-area .item {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  padding: 30px;
  background-color: #ffffff;
}

.upcomming-event-area .owl-stage-outer {
  margin: -15px;
  padding: 15px;
}

.upcomming-event-area .date, 
.upcomming-event-area .info {
  display: table-cell;
  vertical-align: top;
}

.upcomming-event-area .info {
  border-left: 1px solid #e7e7e7;
  padding-left: 20px;
}

.upcomming-event-area .date {
  color: #ff9800;
  font-family: "Montserrat",sans-serif;
  font-size: 24px;
  font-weight: 700;
  padding-right: 20px;
  text-align: center;
}

.upcomming-event-area .date span {
  color: #232323;
  display: unset;
  margin-top: 5px;
}

.upcomming-event-area .info .meta li {
  display: block;
  padding-bottom: 5px;
}

.upcomming-event-area .info .meta li:last-child {
  padding: 0;
}

.upcomming-event-area .info h4, .announcement a{
  font-weight: 600;
  font-size:16px;
  margin-top: 15px;
  text-transform: capitalize;
}

.upcomming-event-area .info h4 a:hover, .announcement a:hover {
  color: #ff9800;
}

.upcomming-event-area .info .meta li i {
  color: #ff9800;
  margin-right: 5px;
}

.upcomming-event-area .owl-nav {
  margin: 0;
}

.upcomming-event-area .owl-nav .owl-prev, 
.upcomming-event-area .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
  height: 40px;
  left: -60px;
  line-height: 40px;
  margin-top: -20px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 40px;
  font-size: 30px;
}

.upcomming-event-area .owl-nav .owl-next {
  left: auto;
  right: -60px;
}

.upcomming-event-area .owl-nav .owl-prev:hover, 
.upcomming-event-area .owl-nav .owl-next:hover {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
}

.event-area .col-md-8.content {
  padding-right: 35px;
}
/* Upcomming Event Sidebar */

.sidebar-info.upcomming-event h4 {
  margin-bottom: 15px;
  margin-top: 0 !important;
  padding: 0;
}

.sidebar-info.upcomming-event h4 a:hover {
  color: #ff9800;
}

.sidebar-info.upcomming-event h4::after {
  display: none;
}

.sidebar-info.upcomming-event .meta li {
  display: block;
  font-family: "Montserrat",sans-serif;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.sidebar-info.upcomming-event .meta li i {
  color: #ff9800;
  margin-right: 5px;
}

.sidebar-info.upcomming-event .meta li:last-child {
  margin-bottom: 0;
}

.sidebar-info.upcomming-event p {
  margin: 0;
}

.upcomming-event.sidebar-info .item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.upcomming-event.sidebar-info .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.upcomming-event.sidebar-info .item img {
  margin-bottom: 20px;
  width: 100%;
}




/* ============================================================== 
     # About
=================================================================== */

.about-area .info h2 {
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: -8px;
  line-height: 1.4;
}

.about-area .item {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  margin-top: 30px;
  padding: 30px;
  background: #ffffff none repeat scroll 0 0;
}

.about-area .item .icon, .about-area .item .content {
  display: table-cell;
  vertical-align: top;
}

.about-area .item .icon i {
  background: #598bb6 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 40px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  width: 100px;
  display: inline-block;
}

.about-area .item .content {
  padding-left: 20px;
}

.about-area .item .content h4 {
  font-weight: 600;
}

.about-area .item .content a, .read-more {
  color: #ff9800;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
}

.about-area .item .content a:hover, .read-more:hover {
  color: #232323;
}


/* ============================================================== 
     # Our Story 
=================================================================== */

.our-story-area .thumb, 
.our-story-area .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.our-story-area .info {
  padding: 100px 80px;
}

.our-story-area .achivement-items {
  margin-top: 5px;
}

.our-story-area .achivement-items i {
  display: inline-block;
  text-align: center;
}

.our-story-area .achivement-items .timer {
  color: #232323;
}

.our-story-area .achivement-items .medium {
  color: #232323;
  text-transform: capitalize;
}

.our-story-area .achivement-items .fun-fact {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  padding: 30px;
  text-align: center;
}

.achivement-items .item {
  margin-top: 30px;
}

.our-story-area a {
  margin-top: 30px;
}

.our-story-area .info h2 {
  font-weight: 600;
  text-transform: capitalize;
}

.our-story-area .info h5 {
  color: #ff9800;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 20px;
  text-transform: inherit;
}

.our-story-area .info p {
  margin: 0;
}

/* ============================================================== 
     # Video Button Play
=================================================================== */
.video-info.reverse .video-info {
  float: right;
}

.video-info .video-info.thumb img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  color: #ffffff;
  font-size: 40px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ff9800 repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ff9800 repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
}

.video-play-button:hover,
.video-play-button:focus {
  color: #ffffff;
}

.video-play-button:hover:after {
  background-color: #ff9800;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-play-button i {
  display: block;
  position: relative;
  z-index: 3;
}

/* ============================================================== 
     # What We Do
=================================================================== */

.we-do-area .info h2 {
  font-weight: 600;
}

.we-do-area .info .item i {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  color: #ff9800;
  display: inline-block;
  font-size: 50px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  text-align: center;
  width: 100px;
}

.we-do-area .info .item {
  margin-top: 30px;
}

.we-do-area .info .item h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.we-do-area .info {
  padding: 0 15px 0 50px;
}

.we-do-area .item p {
  margin: 0;
}

.we-do-area .info p {
  margin: 0;
}

/* ============================================================== 
     # Our History 
=================================================================== */

.history-area .achivement-items .fun-fact i {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
  display: inline-block;
  height: auto;
  line-height: inherit;
  margin: 0;
  text-align: center;
  width: auto;
  font-size: 60px;
}

.history-area .achivement-items .fun-fact .timer {
  color: #232323;
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
}

.history-area .achivement-items .fun-fact .medium {
  color: #232323;
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
}

.history-area .info p {
  margin: 0;
}

.history-area .video-info, .history-area .info {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.history-area .info {
  padding-left: 50px;
}

.history-area .info h2, 
.history-area .info h3, 
.history-area .info h4 {
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 25px;
}

.history-area .achivement-items .item {
  margin-top: 30px;
}

.history-area .achivement-items {
  margin-top: 10px;
}

.history-area .achivement-items .fun-fact {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  padding: 30px;
  text-align: center;
}

.history-area .info h4 {
  color: #ff9800;
  font-weight: 500;
  line-height: 1.3;
  text-transform: capitalize;
}


/* ============================================================== 
     # Our Mission
=================================================================== */

.our-mission .item {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  padding: 67px 40px 64px;
}

.our-mission .mission-items .owl-stage-outer {
  margin: 0 -15px;
  padding: 15px;
}

.our-mission .item > i {
  background: #598bb6  none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 50px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  text-align: center;
  width: 100px;
}

.our-mission .item h4 {
  font-weight: 600;
  text-transform: capitalize;
}

.our-mission .item p {
 min-height: 100px;
}

.our-mission .item a {
  color: #ff9800;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.our-mission .item a:hover {
  color: #232323;
}

.our-mission .mission-items .owl-dots {
  margin-top: 30px !important;
  margin-bottom: -10px;
}

.our-mission .mission-items .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 3px solid #232323;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  width: 15px;
}

.our-mission .mission-items .owl-dots .owl-dot.active span,
.our-mission .mission-items .owl-dots .owl-dot:hover span {
  border-color: #ff9800;
}


/* ============================================================== 
     # Donation Form 
=================================================================== */
.donation-form .form {
  padding-right: 35px;
}

.donation-form h2 {
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 15px;
  position: relative;
  text-align: left;
  z-index: 1;
  margin-top: -5px;
}

.donation-form h2::after {
  background: #598bb6 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

.donation-form .panel.panel-default {
  border: medium none;
  border-radius: inherit;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
}

.donation-form .panel.panel-default .panel-heading {
  background: #598bb6 none repeat scroll 0 0;
  border: medium none;
  border-radius: inherit;
  color: #ffffff;
  font-weight: 600;
}

.donation-form .panel.panel-default .panel-body {
  box-shadow: inherit;
}

.donation-form .panel.panel-default .panel-heading h3 {
  font-weight: 600;
  margin: 0;
}

.donation-form .panel.panel-default:last-child {
  margin: 0;
}

.donation-form .panel.panel-default button {
  margin-top: 15px;
}

.donation-form input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
}

.donation-form select {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
  min-height: 50px;
}

.donation-form select option {
  padding: 5px 15px;
}

.donation-form .owl-dots {
  margin-top: 15px !important;
  text-align: center;
}

.donation-form .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 3px solid #232323;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  width: 15px;
}

.donation-form .owl-dots .owl-dot.active span {
  border-color: #ff9800;
  background-color: #ffffff;
}

.donation-form .testimonial-items {
  padding: 35px 30px;
}

.donation-form .testimonial-items .item img {
  margin: auto auto 20px;
}


/* ============================================================== 
     # Faq Accordion 
=================================================================== */

.faq-content-area .panel-body {
  padding: 20px;
}

.acd-items .panel-heading .panel-title a {
  background: #ffffff none repeat scroll 0 0;
  display: block;
  font-weight: 600;
  padding: 20px;
  padding-right: 30px;
  position: relative;
  color: #232323;
}

.acd-items .panel-heading {
  padding: 0;
}

.faq-items .acd-items .panel-group {
  margin-bottom: 0;
}

.acd-items .panel.panel-default {
  border-radius: inherit;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 15px;
  text-align: left;
  border: none;
}

.faq-content-area .acd-items .panel.panel-default:last-child {
  margin-bottom: 0;
}

.faq-area .panel-body p {
  margin: 0;
}

.faq-area .panel-body {
  padding: 20px;
}

.faq-area .panel-body {
  padding: 20px !important;
}

.faq-area .faq-items .acd-items .panel .panel-body {
  border-color: #e7e7e7;
}

.acd-arrow .panel-group.symb .panel-heading a::after {
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 17px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ff9800;
}

.acd-arrow.left .panel-group.symb .panel-heading a::after {
  content: "\f01b" !important;
  font-size: 20px;
  position: absolute;
  right: auto;
  left: 10px;
  top: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.acd-arrow.left .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f01a" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.faq-area .faq-items .panel-group {
  margin: 0;
}

.acd-arrow .panel-group.symb .panel-heading a.collapsed:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


/* ============================================================== 
     # Testimonials 
=================================================================== */
.testimonial-items {
  background: #ffffff none repeat scroll 0 0;
  padding: 50px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
}

.testimonials-area.bg-fixed .testimonial-items {
  background: transparent none repeat scroll 0 0;
  position: relative;
  z-index: 1;
}

.testimonials-area.bg-fixed .testimonial-items::after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.testimonial-items .item img {
  border: 5px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  height: 120px;
  margin: auto auto 20px;
  width: 120px;
}

.testimonial-items .item h4 {
  color: #ff9800;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.testimonials-area .site-heading {
  margin-bottom: 30px;
}

.testimonial-items .item span {
  text-transform: capitalize;
  font-family: "Montserrat",sans-serif;
}

.testimonials-area .testimonial-items .owl-dots {
  margin-top: 15px !important;
}

.testimonials-area .testimonial-items .owl-dots .owl-dot span {
  background: #262626 none repeat scroll 0 0;
  border: 5px solid #e7e7e7;
  height: 18px;
  width: 18px;
}

.testimonials-area .testimonial-items .owl-dots .owl-dot.active span {
  background: #ff9800 none repeat scroll 0 0;
}

.testimonials-area .testimonial-items .item p {
  padding-left: 50px;
  position: relative;
  z-index: 1;
}

.testimonials-area .testimonial-items .item p::after {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 80px;
  left: 29px;
  letter-spacing: -35px;
  opacity: 0.09;
  position: absolute;
  top: 30px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* ============================================================== 
     # Portfolio 
=================================================================== */

.portfolio-area.default-padding {
  padding-bottom: 85px;
}

.hover-effect .pf-item {
  margin-bottom: 0;
}

.portfolio-area .mix-item-menu button {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  box-shadow: inherit;
  color: #232323;
  display: inline-block;
  float: left;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  margin: 0 5px;
  position: relative;
  text-transform: capitalize;
}

.portfolio-area .mix-item-menu button.active::after {
  background: #ff9800 none repeat scroll 0 0;
  bottom: -10px;
  content: "";
  height: 10px;
  left: 50%;
  margin-top: -1px;
  position: absolute;
  width: 2px;
}

.portfolio-items-area.inner-title .item-inner .view-list {
  margin-top: -40px;
}

.portfolio-items-area.inner-title .item-inner .view-list h4 {
  font-weight: 500;
}

.portfolio-area .mix-item-menu {
  display: inline-block;
  float: none;
  margin-bottom: 30px;
}

.portfolio-area .mix-item-menu.item-space {
  margin-bottom: 35px;
}

.portfolio-area .mix-item-menu.active-theme button.active, 
.portfolio-area .mix-item-menu.active-theme button:hover {
  background: #ff9800 none repeat scroll 0 0;
  border: 1px solid transparent;
  color: #ffffff;
}

.portfolio-area .mix-item-menu.active-theme button,
.portfolio-area .mix-item-menu.active-dark button {
  padding: 10px 30px;
}

.portfolio-area .mix-item-menu.active-theme button.active, 
.portfolio-area .mix-item-menu.active-theme button:hover {
  background: #ff9800 none repeat scroll 0 0;
  color: #ffffff;
}

.portfolio-area .mix-item-menu.active-dark  button.active, 
 .portfolio-area .mix-item-menu.active-dark  button:hover {
  background: #232323;
  color: #ff9800;
}

.portfolio-area .portfolio-items .pf-item {
  float: left;
  margin-bottom: 0;
  padding: 0;
  width: 25%;
}

.portfolio-area .pf-item .info {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  display: inline-block;
  float: left;
  padding: 30px;
  width: 100%;
  text-align: left;
}

.portfolio-area .pf-item .info h4 {
  font-weight: 600;
  margin-bottom: 10px;
}

.portfolio-area .pf-item .info a {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #ff9800;
  display: inline-block;
  font-weight: 500;
  margin-right: 0;
  padding-right: 10px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.portfolio-area .pf-item .info a::after {
  content: "/";
  position: absolute;
  right: 0;
  top: 1px;
}

.portfolio-area .pf-item .info li:last-child a::after {
  display: none;
}

.portfolio-area .pf-item li {
  display: inline-block;
}

.portfolio-area .portfolio-items.col-4 .pf-item {
  padding: 15px;
  width: 25%;
}

.portfolio-area .portfolio-items.col-3 .pf-item {
  padding: 15px;
  width: 33.33%;
}

.portfolio-area .portfolio-items.col-2 .pf-item {
  padding: 15px;
  width: 50%;
}

.portfolio-area .portfolio-items .pf-item.wide {
  width: 66.66%;
}

.portfolio-area .portfolio-items.pf-carousel .pf-item {
  float: none;
  width: auto;
}

.portfolio-effet {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.portfolio-effet .thumb {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio-effet .overlay {
  left: 0;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}

.portfolio-effet img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.portfolio-effet:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.portfolio-effet a {
  background: #ff9800 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #232323 !important;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 2px;
  width: 40px;
}

.portfolio-effet a, .portfolio-effet h4 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  opacity: 0;
  color: #fff;
  text-transform: uppercase;
}

.portfolio-effet h4 {
  margin-bottom: 10px;
}

.portfolio-effet:hover a:hover {
  color: #ff9800;
}

.portfolio-effet:hover a, .portfolio-effet:hover h4 {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.portfolio-area .pf-item .thumb::after {
  background: #232323 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  outline: 1px solid #7d7d79;
  outline-offset: -15px;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
}

.portfolio-effet:hover .thumb::after {
  opacity: .7;
}

.portfolio-area .owl-theme .owl-nav {
  margin-top: 0;
}

.portfolio-area .owl-nav .owl-next, 
.portfolio-area .owl-nav .owl-prev {
  background: #ffffff none repeat scroll 0 0;
  color: #ff9800;
  height: 40px;
  left: 10px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
  opacity: 0;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
}

.portfolio-area .pf-carousel:hover .owl-nav .owl-next, 
.portfolio-area .pf-carousel:hover .owl-nav .owl-prev {
  opacity: 1;
}

.portfolio-area .pf-carousel:hover .owl-nav .owl-next.disabled,
.portfolio-area .pf-carousel:hover .owl-nav .owl-prev.disabled {
  opacity: .5;
}

.portfolio-area .owl-nav .owl-next:hover, 
.portfolio-area .owl-nav .owl-prev:hover {
  background: #ff9800 none repeat scroll 0 0;
}

.portfolio-area .owl-nav .owl-next {
  left: auto;
  right: 10px;
}

.portfolio-details .owl-nav .owl-next, 
.portfolio-details .owl-nav .owl-prev {
  color: #ff9800;
  font-size: 30px;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 40px;
}

.portfolio-details .owl-nav .owl-next.disabled, 
.portfolio-details .owl-nav .owl-prev.disabled {
  opacity: .5;
  cursor: inherit;
}

.item-inner {
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.item-inner img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.item-inner .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%;
}

.item-inner .overlay::before {
  position: absolute;
  top: 50%;
  right: 15px;
  bottom: 50%;
  left: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #000000;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.item-inner .view-list, 
 .item-inner p, 
 .item-inner a {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, 
     -webkit-transform 0.35s;
  transition: opacity 0.35s,
      -webkit-transform 0.35s, 
      -moz-transform 0.35s, 
      -o-transform 0.35s,transform 0.35s;
}

.item-inner .view-list,.item-inner a {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.item-inner:hover .overlay .view-list, 
 .item-inner:hover .overlay a {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.item-inner:hover .overlay::before {
  background: #ff9800;
  border: none;
  top: 15px;
  bottom: 15px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: .7;
}

.item-inner .view-list {
  font-weight: 300;
  margin-top: -20px;
  position: relative;
  text-transform: uppercase;
  top: 50%;
  transform: translate3d(0%, 50%, 0px);
  -webkit-transform: translate3d(0%, 50%, 0px);
  -moz-transform: translate3d(0%, 50%, 0px);
  -ms-transform: translate3d(0%, 50%, 0px);
  -o-transform: translate3d(0%, 50%, 0px);
  transition-delay: 0.3s;
  width: 100%;
  word-spacing: -0.15em;
  z-index: 1;
}

.portfolio-area .info p {
  margin: 0;
}

.no-title .item-inner .view-list {
  margin-top: -25px;
}

.portfolio-area .item-inner .view-list h4 {
  color: #ffffff;
}

.item-inner .view-list a {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #ff9800;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 2px;
  width: 40px;
}

.portfolio-area .item-inner .view-list h5 {
  color: #ffffff;
  font-weight: 600;
}

.portfolio-details .owl-nav .owl-next {
  left: auto;
  right: 0;
}

.portfolio-details .carousel {
  margin-bottom: 30px;
}

.portfolio-details h2,
.portfolio-details h3,
.portfolio-details h4 {
  font-weight: 500;
  margin-bottom: 20px;
}

.portfolio-details .conetnt > ul li {
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  margin-right: 10px;
  text-transform: uppercase;
}

.portfolio-details .conetnt li a {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}

.portfolio-details .conetnt > ul li i {
  color: #ff9800;
  margin-right: 7px;
}

.portfolio-details .conetnt ul {
  margin-bottom: 15px;
}

.portfolio-details .bottom-info {
  border-top: 1px solid #e7e7e7;
  float: left;
  margin-top: 15px;
  padding-top: 30px;
  width: 100%;
}

.portfolio-details .bottom-info .tags, 
.portfolio-details .bottom-info .share {
  float: left;
  width: 50%;
}

.portfolio-details .bottom-info .share {
  text-align: right;
}

.portfolio-details .bottom-info .tags li a {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 20px;
  text-transform: capitalize;
}

.portfolio-details .bottom-info .tags li a:hover {
  border: 1px solid #ff9800;
  background: #ff9800;
  color: #ffffff;
}

.portfolio-details .bottom-info .share li a {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 13px;
  font-weight: normal;
  height: 40px;
  line-height: 38px;
  padding: 0;
  text-align: center;
  width: 40px;
}

.portfolio-details .related-projects h3 {
  margin-bottom: 10px;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
  font-weight: 600;
}

.portfolio-details .related-projects h3::after {
  background: #232323 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

.related-project-items .owl-stage-outer {
  margin: 0 -15px;
  padding: 15px;
}

.portfolio-details .related-projects .owl-dots .owl-dot span {
  background: transparent none repeat scroll 0 0;
  border: 3px solid #ff9800;
  height: 15px;
  margin: 0 5px;
  width: 15px;
}

.portfolio-details .related-projects .owl-dots .owl-dot.active span,
.portfolio-details .related-projects .owl-dots .owl-dot:hover span {
  background: #ff9800;
}

.portfolio-details .related-projects .owl-dots {
  margin-bottom: -10px;
}

.portfolio-details .bottom-info .share li a i {
  margin: 0;
}

.portfolio-details .bottom-info .share li a:hover {
  border: 1px solid #ff9800;
  background: #ff9800;
  color: #ffffff !important;
}

.portfolio-details .bottom-info ul {
  margin: 0;
}

.portfolio-details .info span {
  display: block;
  margin-bottom: 20px;
}

.portfolio-details .info span i {
  color: #ff9800;
  margin-right: 7px;
}

.portfolio-details .col-md-4 .info li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.portfolio-area.related-projects .pf-item .info {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  display: inline-block;
  float: left;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 30px;
  text-align: left;
  width: 100%;
}

.portfolio-details .info li span {
  font-weight: normal;
  margin: 0;
  text-transform: capitalize;
}

.portfolio-details .info li:last-child {
  margin-bottom: 0;
  border: none;
  padding-bottom: 0;
}

.portfolio-details .info {
  background: #ff9800 none repeat scroll 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  margin-top: 10px;
  padding: 30px;
}

.portfolio-details .conetnt {
  padding-right: 50px;
}

.portfolio-details .info li a {
  color: #ffffff;
}

.portfolio-details .bottom-info li {
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}

.portfolio-details .bottom-info li:first-child {
  font-size: 16px;
  margin-right: 7px;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  color: #ffffff;
  font-size: 40px;
  margin: 0 !important;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ff9800;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}


/* ============================================================== 
    # Fun Factor 
=================================================================== */

.fun-fact i {
  background: #ff9800 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 45px;
  height: 100px;
  line-height: 95px;
  margin-bottom: 20px;
  position: relative;
  width: 100px;
  z-index: 1;
}

.bg-dark .fun-fact i, 
 .bg-dark-hard .fun-fact i {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}

.fun-fact .timer {
  color: #ffffff;
  font-family: "Montserrat",sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin-top: 10px;
}

.fun-fact span.medium {
  color: #ffffff;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 18px;
  line-height: 1;
  margin-top: 20px;
  font-weight: 600;
}


/* ============================================================== 
     # Blog 
=================================================================== */

.blog-area .blog-items .info {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  padding: 20px;
}

.blog-area .blog-items .item .thumb {
  overflow: hidden;
  position: relative;
}

.blog-area .blog-items .item .thumb span.date {
  background: #ff9800 none repeat scroll 0 0;
  bottom: 0;
  color: #ffffff;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
  z-index: 9;
}

.blog-area .blog-items .item .thumb img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.blog-area .blog-items .item:hover .thumb img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.blog-area .info .title-meta {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 20px;
}

.blog-area.full-blog .info .title-meta .date {
  min-width: 65px;
  padding: 10px;
}

.blog-area.col-3 .blog-items .info .meta {
  margin-bottom: 0;
}

.blog-area .blog-items .info h2,
.blog-area .blog-items .info h3,
.blog-area .blog-items .info h4,
.blog-area .blog-items .info h5 {
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.3;
  margin-bottom: 10px;
}

.blog-area .blog-items .info span {
  color: #ff9800;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.blog-area .blog-items .info span i {
  margin-right: 5px;
}

.blog-area .blog-items .info .meta li {
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
  text-transform: uppercase;
  position: relative;
  padding-right: 10px;
}

.blog-area .blog-items .info .meta li::after {
  background: #c7c7c7 none repeat scroll 0 0;
  content: "";
  height: 10px;
  position: absolute;
  right: 0;
  top: 8px;
  width: 1px;
}

.blog-area .blog-items .info .meta li:last-child::after {
  display: none;
}

.blog-area .blog-items .info .meta li:last-child {
  margin: 0;
  padding: 0;
}

.blog-area .blog-items .info .meta li {
  display: inline-block;
  font-weight: 400;
}

.blog-area .blog-items .info .meta li,
.blog-area .blog-items .info .meta li a {
  color: #909090;
}

.blog-area .blog-items .info .meta li a:hover {
  color: #ff9800;
}

.blog-area .blog-items .info .meta li i {
  font-weight: 900;
  margin-right: 5px;
}

.blog-area .blog-items .info .meta li i {
  color: #598bb6;
}

.blog-area .blog-items .info a {
  display: inline-block;
  font-weight: 500;
 
}

.blog-area .blog-items .info h4 a {
  font-weight: 600;
  font-size:16px;
 
}

.thumb1{min-height:245px;}


.blog-area .blog-items .info > a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.blog-area .blog-items .info a.btn {
  font-size: 12px;
  font-weight: 500;
  padding: 8px 20px;
}

.blog-area .info .title-meta .date, 
.blog-area .info .title-meta .title {
  display: table-cell;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  vertical-align: top;
}

.blog-area .info .title-meta .title {
  padding-left: 20px;
}

.blog-area .info .title-meta .date {
  color: #ffffff;
  text-align: center;
  width: 50px;
}
.blog-area .info .title-meta .date div{
  background: #598bb6 none repeat scroll 0 0;
	padding-top:10px;
	padding-bottom:10px;
}
.blog-area .info .title-meta .date span {
  color: #ffffff;
  display: block;
  font-weight: 600;
}

.blog-area.full-blog .blog-items .info a.btn {
  font-size: 12px;
  font-weight: 600;
  padding: 8px 30px;
  text-transform: uppercase;
}

.blog-area .blog-items .info a:hover {
  color: #ff9800;
}

.blog-area.full-blog .blog-items .item-box {
  margin-bottom: 50px;
}

.blog-area.full-blog.grid-colum .blog-items .item-box {
  margin-bottom: 0;
}

.blog-area.full-blog.grid-colum .blog-items .equal-height {
  margin-bottom: 50px;
}

.blog-area.full-blog .blog-items .info {
  background: #ffffff none repeat scroll 0 0;
  padding-top: 30px;
}

.blog-area.full-blog .blog-items .item {
  box-shadow: inherit;
}

.sidebar-item h4 {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 600;
  margin-bottom: 25px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.sidebar-item.category .sidebar-info {
  margin-top: -15px;
}

.sidebar-item.recent-post ul {
  margin-top: -5px;
}

.sidebar-item.archives .sidebar-info {
  margin-top: -15px;
}

.sidebar-item.tags .sidebar-info {
  margin-top: -5px;
}

.sidebar-item h4::after {
  background: #ff9800 none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
}

.sidebar-item {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  margin-bottom: 50px;
  padding: 30px;
}

.blog-area.full-blog .sidebar {
  padding-left: 35px;
}

.sidebar-item:last-child {
  margin: 0;
}

.sidebar-item.newsletter input {
  border: 1px solid #e7e7e7;
  box-shadow: inherit;
}

.sidebar-item.newsletter form .input-group-addon button {
  background: #ff9800 none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  color: #ffffff;
  line-height: 30px;
  padding: 10px 15px;
}

.sidebar-item.newsletter form .input-group-addon {
  border: medium none;
  box-shadow: inherit;
  padding: 0;
}

.blog-area .sidebar-item.recent-post li a {
  color: #666666;
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-transform: inherit;
}

.blog-area .blog-items .item .thumb a {
  display: block;
  position: relative;
  z-index: 1;
}

.blog-area .blog-items .item .thumb a .overlay-icon {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -ms-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  background: rgba(191, 54, 84, 0.7);
}

.blog-area .blog-items .item .thumb:hover .overlay-icon {
  opacity: 1;
}

.blog-area .blog-items .item .thumb a .overlay-icon i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 35px;
  height: 80px;
  left: 50%;
  line-height: 78px;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 80px;
}

.blog-area .blog-items .item .thumb:hover .overlay-icon::after {
  opacity: .7;
}

.blog-area .top-meta ul li, .blog-area .top-meta ul li a {
  color: #666666 !important;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  font-weight: 500 !important;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.blog-area .top-meta ul li::after {
  background: #666666 none repeat scroll 0 0;
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  top: 12px;
  width: 10px;
}

.blog-area .top-meta ul li {
  margin-right: 8px;
  padding-right: 20px;
  letter-spacing: 1px;
}

.blog-area .top-meta ul li:last-child::after {
  display: none;
}

.blog-area .top-meta ul li:last-child {
  margin: 0;
  padding: 0;
}

.blog-area .blog-items .info .bottom-info ul {
  float: right;
}

.blog-area .blog-items .info .bottom-info ul li {
  display: inline-block;
}

.blog-area .blog-items .info .bottom-info ul li a {
  background: #f4f4f4 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #232323;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  margin-left: 5px;
  text-align: center;
  width: 40px;
}

.blog-area .blog-items .info .bottom-info ul li a:hover {
  background: #ff9800 none repeat scroll 0 0;
  color: #ffffff;
}

.blog-area .blog-items .info .bottom-info {
  border-top: 1px solid #e7e7e7;
  line-height: 40px;
  margin-top: 20px;
  overflow: hidden;
  padding-top: 25px;
}

.blog-area .blog-items .info .bottom-info ul li,
.blog-area .blog-items .info .bottom-info a {
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Montserrat",sans-serif;
}

.blog-area .top-meta {
  margin-bottom: 10px;
}

.sidebar-item.recent-post li a:last-child {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
}

.sidebar-item.recent-post li a:hover {
  color: #ff9800;
}

.sidebar-item.recent-post li a span {
  display: inline-block;
}

.sidebar-item.recent-post li span {
  display: inline-block !important;
  margin-bottom: 0 !important;
  margin-top: 10px;
  text-transform: uppercase;
}

.blog-area.full-blog .sidebar .info .meta-title {
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #666666;
}

.blog-area.full-blog .sidebar .info .meta-title, 
.blog-area.full-blog .sidebar .info .meta-title span, 
.blog-area.full-blog .sidebar .info .meta-title a {
  color: #aeaeae;
}

.blog-area.full-blog .sidebar .info .meta-title a:hover {
  color: #ff9800;
}

.sidebar-item.recent-post li {
  color: #666666;
}

.sidebar-item.recent-post li {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.sidebar-item.recent-post li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

.sidebar-item.recent-post li:last-child {
  margin: 0;
}

.sidebar-item.recent-post li .thumb {
  display: table-cell;
  padding-top: 5px;
  vertical-align: top;
  width: 80px;
}

.sidebar-item.recent-post .thumb img {
  width: 100%;
}

.sidebar-item.recent-post li .info {
  color: #cccccc;
  display: table-cell;
  line-height: 26px;
  padding: 0 0 0 20px !important;
  vertical-align: top;
  box-shadow: inherit;
}

.sidebar-item.category ul li {
  display: block;
}

.sidebar-item.category ul li a {
  display: block;
  font-weight: 500;
  padding: 10px 0 10px 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
  color: #666666;
}

.sidebar-item.category ul li a::after {
  border: 1px solid #666666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 0;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}


.sidebar-item.category ul li.selected a::after {
	background:orange;
}
.sidebar-item.category ul li.selected a {
	color:orange;
}




.sidebar-item.category ul li a span {
  float: right;
}

.sidebar-item.category ul li a:hover {
  color: #ff9800;
}

.sidebar-item.archives ul li {
  display: block;
}

.sidebar-item.archives ul li a {
  display: block;
  font-weight: 500;
  padding: 10px 0 10px 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
  display: inline-block;
  color: #666666;
}

.sidebar-item.archives ul li a::after {
  border: 1px solid #666666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 0;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 8px;
}

.sidebar-item.archives ul li a:hover {
  color: #ff9800;
}

.sidebar-item.social-sidebar li {
  display: inline-block;
}

.sidebar-item.social-sidebar li a {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 50px;
}

.sidebar-item.social-sidebar li.facebook a {
  background: #3B5998 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.twitter a {
  background: #1DA1F2 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.pinterest a {
  background: #BD081C none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.g-plus a {
  background: #DB4437 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.linkedin a {
  background: #0077B5 none repeat scroll 0 0;
}

.sidebar-item.tags ul li {
  display: inline-block;
}

.sidebar-item.tags ul li a {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  font-weight: 500;
  margin-right: 5px;
  margin-top: 8px;
  padding: 5px 20px;
  text-transform: capitalize;
}

.sidebar-item.tags ul li a:hover {
  background: #ff9800;
  border: 1px solid #ff9800;
  color: #ffffff;
}

.sidebar-item.search input[type="text"] {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  width: 100%;
}

.sidebar-item.search form {
  position: relative;
}

.sidebar-item.search input[type="submit"] {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  border-radius: inherit;
  color: #ffffff;
  font-weight: 600;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-transform: capitalize;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  font-family: "Montserrat",sans-serif;
}

.sidebar-item.search input[type="submit"]:hover {
  background: #ff9800;
  color: #ffffff;
}

.pagi-area {
  padding: 0;
  margin-bottom: -10px;
}

.blog-area.no-sidebar .pagi-area {
  padding: 0 15px;
}

.pagi-area.outer-page {
  margin-top: 20px;
  padding: 0 15px;
}

.pagi-area .pagination {
  margin: 0;
}

.pagi-area .pagination li a {
  color: #232323;
  font-weight: 600;
  padding: 13px 25px;
}

.pagi-area .pagination li.active a {
  background: #ff9800 none repeat scroll 0 0;
  border: 1px solid #ff9800;
  color: #ffffff;
}

.pagi-area .pagination li.active a:hover {
  color: #232323;
}

.pagi-area .pagination li a:hover {
  color: #ff9800;
}

.blog-area.single-blog .blog-items .info h2 {
  font-weight: 600;
}

.blog-area .item blockquote {
  background: #f6f6f6 none repeat scroll 0 0;
  border-left: 3px solid #ff9800;
  color: #414141;
  font-size: 15px;
  padding: 30px 50px;
  position: relative;
  z-index: 1;
}

.blog-area .item blockquote footer {
  background: transparent none repeat scroll 0 0;
  font-size: 14px;
}

.blog-area .item blockquote::after {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 60px;
  left: 20px;
  letter-spacing: -5px;
  opacity: 0.5;
  position: absolute;
  top: 50px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.blog-area.single-blog .post-pagi-area {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  margin-top: 50px;
  overflow: hidden;
  padding: 15px 30px;
}

.blog-area.single-blog .post-pagi-area a {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.blog-area.single-blog .post-pagi-area a:hover {
  color: #ff9800;
}

.blog-area.single-blog .post-pagi-area a:last-child {
  float: right;
}

.blog-area.single-blog .post-pagi-area a:first-child i {
  margin-right: 3px;
}

.blog-area.single-blog .post-pagi-area a:last-child i {
  margin-left: 3px;
}

.post-tags {
  display: block;
  padding-top: 50px;
  width: 100%;
}

.post-tags span {
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-right: 15px;
  text-transform: capitalize;
}

.post-tags a {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #232323;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  padding: 3px 25px;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.post-tags a:hover {
  color: #ff9800;
}

.blog-area.full-blog.left-sidebar .blog-content {
  float: right;
}

.blog-area.full-blog.left-sidebar .sidebar {
  float: left;
  padding-left: 15px;
  padding-right: 30px;
}

.author-bio {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  display: block;
  margin-top: 45px;
  padding: 30px;
  width: 100%;
}

.author-bio .avatar {
  display: table-cell;
  vertical-align: top;
  width: 100px;
}

.author-bio .avatar img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.author-bio .content {
  display: table-cell;
  padding: 0 0 0 30px;
  vertical-align: top;
}

.author-bio .content p {
  font-style: italic;
  margin: 0;
  padding-left: 20px;
  position: relative;
  z-index: 1;
}

.author-bio .content p::after {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 50px;
  left: -5px;
  letter-spacing: -5px;
  opacity: 0.5;
  position: absolute;
  top: 18px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.author-bio .content h4 {
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 10px;
  padding-left: 20px;
  text-transform: capitalize;
}

.blog-area.single-blog .blog-content .item-box {
  margin-bottom: 0;
}

.blog-area.single-blog .blog-content .item-box .form-group.submit {
  margin-bottom: 0;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
 /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.comments-list .commen-item .avatar {
  float: left;
  height: 80px;
  width: 80px;
}

.comments-list .commen-item .content {
  display: table-cell;
  vertical-align: top;
}

.comments-list .commen-item .avatar img {
  height: 60px;
  width: 60px;
}

.comments-list .commen-item {
  margin-bottom: 30px;
}

.comments-list .commen-item.reply {
  padding-left: 80px;
}

.comments-area {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  margin-top: 50px;
  padding: 30px;
}

.comments-area .comments-title h2,
.comments-area .comments-title h3,
.comments-area .comments-title h4 {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 15px;
  text-transform: capitalize;
}

.comments-list .commen-item .content h5 {
  font-weight: 500;
  text-transform: capitalize;
}

.comments-info a {
  display: inline-block;
  margin-left: 14px;
}

.comments-info a:hover {
  color: #ff9800;
}

.comments-info a i {
  margin-right: 10px;
}

.comments-form input, .comments-form textarea {
  border: 1px solid #e2e2e2;
  border-radius: inherit;
  box-shadow: inherit;
}

.comments-form textarea {
  min-height: 150px;
}

.comments-form button {
  background-color: #232323;
  border: 1px solid #232323;
  color: #ffffff;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 20px;
  padding: 7px 35px;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.comments-form button:hover {
  color: #ffffff;
  background-color: #ff9800;
  border: 1px solid #ff9800;
}

.comments-area .commen-item .comments-info {
  margin-bottom: 15px;
}

.comments-form .title h2,
.comments-form .title h3,
.comments-form .title h4 {
  font-weight: 600;
  text-transform: capitalize;
}


/* ============================================================== 
     # Testimonials 
=================================================================== */

.testimonials-area .testimonials-info h2 {
  font-weight: 700;
  text-transform: capitalize;
  margin-top: -5px;
  margin-bottom: 20px;
}

.testimonials-area .testimonials-info blockquote::before {
  content: ",,";
  font-family: "Times New Roman";
  font-size: 180px;
  left: -7px;
  letter-spacing: -15px;
  opacity: 0.09;
  position: absolute;
  top: -50px;
}

.testimonials-area .testimonials-info blockquote {
  border: medium none;
  font-size: 15px;
  padding: 0 0 0 75px;
  position: relative;
}

.testimonials-area .testimonials-info span {
  color: #ff9800;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 600;
  margin-top: 15px;
}

.testimonials-area .testimonials-info b {
  font-family: "Montserrat",sans-serif;
  font-weight: 700;
}

.testimonials-area .info-items.owl-carousel .owl-dots {
  margin-top: 0;
}

.testimonials-area .info-items.owl-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid;
  height: 15px;
  margin: 0 7px;
  width: 15px;
}

.testimonials-area .info-items.owl-carousel .owl-dots .owl-dot.active span, 
.testimonials-area .info-items.owl-carousel .owl-dots .owl-dot:hover span {
  background: #ff9800 none repeat scroll 0 0;
}


/* ============================================================== 
     # Contact 
=================================================================== */
.contact-form-area .heading h2 {
  color: #232323;
  display: inline-block;
  font-weight: 700;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}

.contact-form-area .heading h2,
.contact-form-area .heading h3,
.contact-form-area .heading h4,
.contact-form-area .heading h5 {
  display: inline-block;
  font-weight: 600;
  position: relative;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.contact-form-area .heading h2::after {
  background: #ff9800 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

.google-maps iframe {
  display: block;
  height: 100%;
  min-height: 450px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.alert{padding:15px!important}
.alert-info strong {color:#1378c8}
.line-bottom {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.line-bottom:after {
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
  background-color: #1378c8;
}
.contact-form-area .contact-form input, 
.contact-form-area .contact-form textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: #e7e7e7;
  border-image: none;
  border-radius: inherit;
  border-style: none none solid;
  border-width: medium medium 1px;
  box-shadow: inherit;
  padding: 0;
}

.contact-form-area .contact-form textarea {
  line-height: 40px;
  min-height: 180px;
}

.contact-form-area .contact-form button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  padding: 8px 35px;
  background-color: #ff9800;
  border: 1px solid #ff9800;
  display: inline-block;
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  margin-top: 20px;
  color: #ffffff;
}

.contact-form-area .contact-form button i {
  margin-left: 5px;
}

.contact-form-area .contact-form button:hover {
  background-color: #ff9800;
  border: 1px solid #ff9800;
  color: #ffffff;
}

.alert-info {padding:15px!important;text-align:left!important}
.alert-info p {color:#31708f!important}
.text-left{text-align:left!important}

.contact-form-area .address-info li {
  -moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 20px;
  padding: 20px;
}

.contact-form-area .address-info li:last-child {
  margin-bottom: 0;
}

.contact-form-area .address-info li i {
  color: #ff9800;
  font-size: 50px;
  margin-bottom: 20px;
}

.contact-form-area .address-info li p {
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  margin: 0;
}

.contact-form-area .address-info li p span {
  color: #ff9800;
  display: block;
}

.contact-form-area .address-info {
  padding-left: 35px;
}

/* contact form alert */
.contact-form .loader {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  position: absolute;
  top: 50%;
}

.alert {
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  font-weight: 400;
  margin-bottom: 0 !important;
  padding: 0;
  text-align: center;
}

.alert-msg {
  background: #ffffff none repeat scroll 0 0;
  color: #685654;
  display: none;
  font-size: 12px;
  font-weight: 600;
  padding: 10px;
  text-align: left;
  margin-top: 20px;
}

#message b {
  color: red;
}

.alert.alert-success {
  background: transparent none repeat scroll 0 0;
}

.alert.alert-success > h3 {
  color: green;
  margin-bottom: 5px;
}

.alert.alert-success > p {
  color: #232323;
}

.alert-notification {
  padding: 0;
}


/* ============================================================== 
     # Team Members 
=================================================================== */

.team-carousel-items .item .info ul li {
  border-bottom: 1px solid #e7e7e7;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 16px;
  padding: 10px 0;
  font-weight: 500;
}

.team-carousel-items .item .info ul li span {
  float: right;
}

.team-carousel-items .owl-nav {
  margin: 0;
}

.team-carousel-items .owl-nav .owl-prev, 
.team-carousel-items .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
  height: 40px;
  left: -60px;
  line-height: 40px;
  margin-top: -20px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 40px;
  font-size: 30px;
}

.team-carousel-items .owl-nav .owl-next {
  left: auto;
  right: -60px;
}

.team-carousel-items .owl-nav .owl-prev:hover, 
.team-carousel-items .owl-nav .owl-next:hover {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
}

.team-carousel-items .item .info .social li {
  border: medium none;
  display: inline-block;
  padding: 0;
}

.team-carousel-items .item .info .social li a {
  background: #ff9800 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
  color: #ffffff;
}

.team-carousel-items .item .info .social li a:hover {
  background: #232323 none repeat scroll 0 0;
}

.team-carousel-items .item .info ul li:last-child {
  border: medium none;
  padding-bottom: 0;
}

.team-carousel-items .item .info ul li:first-child {
  padding-top: 0;
}

.team-member-info .social {
  margin-top: 25px;
}

.team-member-info .thumb, .team-member-info .info {
  display: table-cell;
  float: none;
  padding: 0;
  vertical-align: middle;
}

.team-member-info .info {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  padding: 30px;
}

.team-member-info .info h3 {
  font-weight: 600;
}

.team-member-info .info h5 {
  color: #598bb6;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.team-member-info .info p {
  margin-top: 25px;
}

.owl-carousel.owl-theme .owl-nav .owl-next.disabled, 
.owl-carousel.owl-theme .owl-nav .owl-prev.disabled {
  opacity: 0.5;
}


/* ============================================================== 
     # Clients 
=================================================================== */

.clients-ara.our-clients img {
  margin: auto;
  width: auto;
}

.clients-ara .clients .single-item {
  float: left;
  padding: 20px;
  position: relative;
  text-align: center;
  width: 33.333%;
  z-index: 1;
}

.clients-items-area {
  overflow: hidden;
}

.clients-ara .info blockquote {
  line-height: 30px;
}

.clients-ara .clients .single-item::after {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
  width: 1px;
}

.clients-ara .clients .single-item::before {
  background: #e7e7e7 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.clients-ara .clients {
  overflow: hidden;
  padding: 0;
}

.clients-ara .info {
  padding-right: 50px;
}

.clients-ara .info h2 {
  font-weight: 600;
}

.clients-ara .info a {
  margin-top: 10px;
}

.clients-area .clients-items .owl-nav {
  margin: 0;
}

.clients-area .clients-items img {
  margin: auto;
  width: auto;
}

.clients-area .clients-items .owl-nav .owl-prev, 
.clients-area .clients-items .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
  font-size: 30px;
  height: 40px;
  left: -50px;
  line-height: 40px;
  margin-top: -20px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 40px;
}

.clients-area .clients-items .owl-nav .owl-prev:hover, 
.clients-area .clients-items .owl-nav .owl-next:hover {
  background: transparent none repeat scroll 0 0;
  color: #ff9800;
}

.clients-area .clients-items .owl-nav .owl-next {
  left: auto;
  right: -50px;
}

.partners-list .partner-items {
  overflow: hidden;
}

.partners-list .partner-items .item {
  padding: 30px;
  position: relative;
  z-index: 1;
}

.partners-list .partner-items .item::after {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
}

.partners-list .partner-items .item::before {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -1px;
  height: 1px;
}



/* ============================================================== 
     # 404 
=================================================================== */
.error-page-area h1 {
  font-size: 150px;
  font-weight: 900;
  line-height: 120px;
  margin-bottom: 30px;
}

.error-page-area i {
  background: #ff9800 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 80px;
  height: 150px;
  line-height: 150px;
  margin-bottom: 30px;
  text-align: center;
  width: 150px;
}

.error-page-area h2 {
  font-weight: 600;
  text-transform: capitalize;
}

.error-page-area h1 span {
  color: #ff9800;
}

.error-page-area a {
  margin-top: 15px;
}


/* ============================================================== 
     # Footer 
=================================================================== */

footer {
  background: #2f3138  none repeat scroll 0 0;
}

footer .f-item h4 {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 30px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

footer .f-item h4::after {
  background: #598bb6 none repeat scroll 0 0;
  bottom: -5px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 30px;
}

footer .f-item p {
  color: #cccccc;
  font-size: 14px;
}

footer .f-item .address li {
  display: block;
  margin-bottom: 15px;
}

footer .f-item .address li i {
  background: #3d3e43 none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ff9800;
  display: table-cell;
  font-size: 16px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  vertical-align: middle;
  width: 45px;
  min-width:45px;
}

footer .f-item .address li span {
  color: #cccccc;
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle;
}

footer .f-item .address li:last-child {
  margin: 0;
}

footer .f-item .address {
  margin-top: 30px;
}

footer .gallery li a {
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-block;
  float: left;
}

footer .gallery .overay {
  background: rgba(35, 35, 35, 0.8) none repeat scroll 0 0;
  left: -100%;
  color: #ffffff;
  display: block;
  font-size: 12px;
  top: 0;
  height: 100%;
  padding: 3px 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
}

footer .gallery .overay i {
  color: #ffffff;
  height: 30px;
  left: 50%;
  line-height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 30px;
}

footer .gallery li a:hover .overay {
  left: 0;
}

footer .gallery li a:hover .overay i {
  opacity: 1;
}

footer .f-item.gallery ul li {
  box-sizing: border-box;
  float: left;
  padding: 0 10px 10px 0;
  width: 33.333%;
  float: left;
}

footer .f-item.gallery ul li img {
  min-height: 70px;
  width: 100%;
}

footer .f-item.recent-post li a {
  color: #cccccc;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

footer .f-item.recent-post .info .meta-title {
  font-family: "Montserrat",sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}

footer .f-item.recent-post li a:last-child {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

footer .f-item.recent-post li a:hover {
  color: #ff9800;
}

footer .f-item.recent-post li a span {
  display: inline-block;
}

footer .f-item.recent-post li span {
  display: inline-block;
  margin-top: 10px;
  text-transform: uppercase;
}

footer .f-item.recent-post li {
  color: #555555;
}

footer .f-item.recent-post li {
  border-bottom: 1px solid #41414a;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

footer .f-item.recent-post li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

footer .f-item.recent-post li:last-child {
  margin: 0;
}

footer .f-item.recent-post li .thumb {
  display: table-cell;
  padding-top: 5px;
  vertical-align: top;
  width: 80px;
}

footer .f-item .thumb img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  width: 100%;
}

footer .f-item.recent-post li .info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
  line-height: 26px;
  color: #cccccc;
}

.footer-bottom {
  background: #2a2c32 none repeat scroll 0 0;
  border-top: 1px solid rgb(41,43,47);
  margin-top: 100px;
  padding: 30px 0;
}

.footer-bottom-social li {
  display: inline-block;
}

.footer-bottom-social li a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  margin-left: 20px;
  text-align: center;
}

.footer-bottom .col-md-6 {
  padding: 0;
}

.footer-bottom .logo img {
  height: 40px;
}

.footer-bottom .col-md-12 {
  line-height: 40px;
}

.footer-bottom p {
  color: #cccccc;
  font-size: 14px;
  margin: 0;
  line-height: 40px;
}

.footer-bottom-menu li {
  display: inline-block;
}

.footer-bottom-menu li a {
  color: #cccccc;
  display: inline-block;
  font-weight: 500;
  margin-left: 15px;
}

.footer-bottom-menu li a:hover {
  color: #ff9800;
}

.f-item.business-hours li {
  border-bottom: 1px solid #2b2b34;
  color: #cccccc;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

footer .f-items .item {
  padding-right: 30px;
}

footer .f-items .item:last-child {
  padding-right: 15px;
}

.f-item.business-hours li span {
  float: right;
}

.f-item.business-hours li:last-child {
  border: medium none;
  margin-bottom: 0;
  padding: 0;
}

.footer-bottom p a {
  color: #ff9800;
  font-weight: 600;
}

.business-hours ul {
  margin-top: 30px;
}

.f-item > img {
  margin-bottom: 30px;
}

footer .f-item.link li {
  display: block;
  float: left;
  width: 50%;
}

footer .f-item.link.full li {
  width: 100%;
}

footer .f-item.link.full li {
  margin-bottom: 15px;
}

footer .f-item.link.full li a {
  margin: 0;
}

footer .f-item.link.full li:last-child {
  border: medium none;
  margin: 0;
  padding: 0;
}

footer .f-item.link li a {
  color: #cccccc;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative;
  text-transform: capitalize;
}

footer .f-item.link li a:hover {
  color: #ff9800;
}

footer .f-item.link li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  left: 0;
  position: absolute;
  font-weight: 900;
}

footer .f-item.newsletter form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #41414a;
  box-shadow: inherit;
  color: #ffffff;
}

footer .f-item .twitter-item a {
  color: #ff9800;
  margin-left: 5px;
}

footer .f-item .twitter-item .twitter-context {
  color: #cccccc;
}

footer .f-item .twitter-item .twitter-context i {
  margin-right: 7px;
}

footer .f-item .twitter-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

footer .f-item .twitter-item:last-child {
  border: medium none;
  margin-bottom: 0;
  padding: 0;
}

footer .f-item .social li {
  display: inline-block;
}

footer .f-item .social li a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 50px;
  position: relative;
  text-transform: capitalize;
}

footer .f-item p span {
  font-style: italic;
  display: block;
}

footer .f-item .subscribe form {
  background: transparent none repeat scroll 0 0;
}

footer .f-item .subscribe {
  margin-top: 20px;
}

footer .f-item .subscribe form input {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: inherit;
  color: #ffffff;
}

footer .f-item .subscribe form .input-group-addon {
  border: medium none;
  box-shadow: inherit;
  padding: 0;
}

footer .f-item .subscribe form .input-group-addon button {
  background: #ff9800 none repeat scroll 0 0;
  border: medium none;
  box-shadow: inherit;
  color: #ffffff;
  line-height: 30px;
  padding: 10px 15px;
}

footer .f-item .social li a span {
  display: block;
  font-size: 8px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 100%;
}

footer .f-item .social {
  display: block;
  margin-top: 20px;
}

footer .f-item .social li.facebook a {
  background: #3b5998 none repeat scroll 0 0;
}

footer .f-item .social li.twitter a {
  background: #1da1f2 none repeat scroll 0 0;
}

footer .f-item .social li.pinterest a {
  background: #bd081c none repeat scroll 0 0;
}

footer .f-item .social li.g-plus a {
  background: #db4437 none repeat scroll 0 0;
}

footer .f-item .social li.linkedin a {
  background: #0077b5 none repeat scroll 0 0;
}

footer .f-item.newsletter form {
  margin-top: 30px;
}

footer .f-item.newsletter form .input-group-addon {
  background: #ff9800 none repeat scroll 0 0;
  border: medium none;
  padding: 6px 15px;
}

footer .f-item.newsletter form .input-group-addon button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
}


/* ============================================================== 
     # Preloader 
=================================================================== */
.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(assets/img/preloader.gif) center no-repeat #fff;
  text-align: center;
}


/* ============================================================== 
     # Demo 
=================================================================== */
.demo-area .single-item {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}
.demo-area {
  background-color: #ffffff;
}
.demo-area .item {
    margin-bottom: 30px
}

.def-heading h2 {
  color: #ffffff;
  font-weight: 600;
}

.demo-area .single-item .info {
  background: #f3f6f8 none repeat scroll 0 0;
  color: #333;
  padding: 15px 10px;
  text-align: center;
}

.demo-area .single-item .info h4 {
  color: #333;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
}
.banner-area .demo-banner h1 {
  font-size: 40px;
}

.banner-area .demo-banner a {
  margin: 0;
}
.banner-area .demo-banner img {
  height: 80px;
  margin-bottom: 20px;
}
.demo-area .def-heading {
  margin-bottom: 30px;
}
.demo-area .def-heading h2 {
  color: #232323;
  display: inline-block;
  font-weight: 700;
  margin: 30px 0;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
.demo-area .def-heading h2::after {
  background: #ff9800 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}
.demo-footer .footer-bottom {
  margin-top: 0;
}