/*************** labels of css section ***************
*************** Construction theme 1.0v 

import CSS and fonts
default settings
theme btns
preloader
Parallax settings
forms inputs
Back to top btn
top-bar
sticker
nav bar
slider
section default
features
Parallax
about
projects
Team
contact
footer
media responsive
********************/
/***************import CSS and fonts********************/


/***************default settings********************/
body { background: #f2f2f2; font-family: 'Lato', sans-serif; color: #666666; font-size: 16px; line-height: 28px; font-weight: 400; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Raleway', sans-serif; color: #2d2d2d; font-weight: 600; margin: 0;}
p { color:#7f7f7f; }
a { color:#0e4da3; }
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
.top-padding{ padding-top:60px !important;  }


.auto-container {
    position: static;
    max-width: 1750px;
    padding: 0px 15px;
    margin: 0 auto;
}

button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}


ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol,
li{
    margin: 0;
    padding: 0;    
}




.owl-nav-style-one{}
.owl-nav-style-one.owl-theme .owl-prev span, 
.owl-nav-style-one.owl-theme .owl-next span {
    position: relative;
    top: 0px;
    display: block;
}
.owl-nav-style-one .owl-controls { }
.owl-nav-style-one.owl-theme .owl-stage-outer {
    position: relative;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}
.owl-nav-style-one.owl-theme .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
    z-index: 10;
    display: block;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid #e4e2e2;
    border-radius: 0px;
    color: #e4e2e2;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    margin: 0 0 0 0px;
    padding: 0;
    transition: all 700ms ease 0s;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-prev {
    transform: rotate(0deg);
}
.owl-nav-style-one.owl-theme .owl-nav .owl-next {
	margin-left: 10px;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{
    color: #ff6b09;
    border-color: #ff6b09;
}


.twitter-carousel.owl-nav-style-one.owl-theme .owl-nav {
    top: -3px;
}
.twitter-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
    border: 1px solid transparent;
    color: #ffffff;
}


.quote-btn {
    background: #e35d04 !important;
}




/***************theme btns********************/
.white-line-btn { background:none; box-shadow: none; color:#fff; border:2px solid #fff; border-radius: 0px; }
.white-line-btn:hover, .white-line-btn:focus {box-shadow: none; color:#ff6b09;}
.white-line-btn.hvr-bounce-to-right:before{background:#fff;}

.orange-line-btn {box-shadow: none; background:none; color:#ff6b09; border:2px solid #ff6b09; border-radius: 0px; transition: all 200ms linear;
transition-delay: 0.1s; }
.orange-line-btn:hover, .orange-line-btn:focus {box-shadow: none; color:#fff; border: 2px solid #ff6b09;}
.orange-line-btn.hvr-bounce-to-right:before{background:#ff6b09;}

.main-btn {
    box-shadow: none;
    border: none;
    border-radius: 0px;
    text-transform: uppercase;
    background-color: #ff6b09;
    color: #fff;
    font-size: 14px;
    padding: 15px 30px;
}

.main-btn i{ margin-right: 40px;}
.main-btn:active, .main-btn.active{ box-shadow: none;}
.main-btn:hover, .main-btn:focus, .main-btn.focus{ outline: none;color:#fff;}
.main-btn.hvr-bounce-to-right:before{background:#2d2d2d;}

/*********************preloader*************************/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:999999999999999999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-size: 64px 64px; background-image:url(../images/loading-3.GIF); background-repeat:no-repeat; background-position:center center; margin:-100px 0 0 -100px; }

/***************Parallax settings********************/
.bgParallax { color:#FFF; margin: 0 auto; text-align:center; width: 100%; max-width: 1920px; position: relative; min-height: 100%; background-position: 50% 0; background-repeat: repeat; background-attachment: fixed; }
.color-overlay { background: rgba(14, 77, 163, 0.6); position: relative; z-index: 0; }
.color-overlay.black { background: rgba(0, 0, 0, 0.9); position: relative; z-index: 0; }

/***************forms inputs********************/
.form-control { box-shadow:none; border-color:#dcdcdc; border-radius: 0px;}
.form-control:focus { box-shadow:none; border-color:#333; outline:none; }
input:focus, selectl:focus { box-shadow:none; border-color:#2d2d2d; outline:none; }
.form-control-feedback { line-height:50px; }
textarea.form-control{ min-height: 200px; resize:none;}

/***************Back to top btn********************/
.back-to-top { position: fixed; bottom: 15px; right: 10px; text-decoration: none; color: #fff; background-color:#ff6b09; font-size: 20px; padding: 11px 17px; display: none; transition: all 300ms ease 100ms; z-index: 99999999999; }
.back-to-top i{
    position: relative;
    top: -1px;
}
.back-to-top:hover { background:#363636; color:#fff; }

/***************top-bar********************/
.top-bar{ position: relative; z-index: 9; background: #f2f2f2; float: left; width: 100%; border-bottom: 1px solid #d5d5d5;}
.list-inline{ margin-bottom: 0px;}
.list-inline li{ color: #2d2d2d; line-height: 41px;}
.list-inline li a{ color: #2d2d2d; line-height: 41px;}
.social-links{border-right: 1px solid #d5d5d5;}
.social-links li{border-left: 1px solid #d5d5d5;padding: 0px;float: left;}
.social-links li a{ color: #bfbfbf; padding: 0px 15px; display: block;}
.social-links li a:hover{color: #fff;}
.social-links li.facebook a:hover{background: #709bd6;}
.social-links li.twitter a:hover{background: #69ecea;}
.social-links li.dribbble a:hover{background: #ef8ff0;}
.social-links li.vimeo a:hover{background: #589fc4;}
.social-links li.google a:hover{background: #e66b45;}
.social-links li.deviantart a:hover{background: #60ab4f;}

/***************sticker********************/
#sticker{ float: left; z-index: 999; width: 100%;background: #eeeeee;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.navbar-default .is-sticky .navbar-nav > li > a{padding: 40px 35px;}
.navbar-default .is-sticky .navbar-brand{padding: 22px 15px;}

/***************owl-theme********************/
.owl-theme .owl-controls{ position:absolute;z-index:999;display:block;bottom:25px;left: 0px;right: 0px;margin-left: auto;margin-right: auto;}
.owl-theme .owl-controls .owl-page span{margin: 0px 7px; height: 4px; width: 65px; background: #fff;}
.owl-theme .owl-controls .owl-pagination{ display: block; padding:0px 0px 0px 0px; }
.owl-theme .owl-controls .owl-buttons div {padding: 5px 9px;}
.owl-theme .owl-buttons i{margin-top: 2px;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #ff6b09;}
.owl-theme .owl-controls .owl-buttons div {position: absolute;z-index: 99999;margin: 0px;background: rgba(255, 255, 255, 0.6);padding: 12px 18px; font-size: 30px; color: #fff;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: 0px;top: -240px; border-radius: 0px 4px 4px 0px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right: 0px;top: -240px;border-radius: 4px 0px 0px 4px;}

/***************navbar********************/
.navbar-brand {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; padding:48px 15px; height:auto; }
.navbar-brand img { height:auto; width:auto; }
.navbar.navbar-default {  border:none; margin:0px; }
.navbar-default .navbar-nav > li > a {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; text-transform: uppercase; color:#262626; font-size:14px; font-weight:500;padding:66px 35px;}
.navbar-default .navbar-nav > li:last-child a{ padding-right: 15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#ff6b09; background:none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:none; color:#ff6b09; }
.navbar-nav>li>.dropdown-menu{min-width: 120px; border: none; background: #e7e7e7; box-shadow: none;}
.navbar-nav>li>.dropdown-menu li a{ padding: 8px 20px;}
.navbar-nav>li>.dropdown-menu li a:hover{background: #eeeeee;color:#ff6b09;}
.dropdown-menu .divider{ background: #ccc;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background: #eeeeee;color:#ff6b09;}

/******************section default**********************/
section h2.heading {text-transform:uppercase;font-size:60px;color:#75b6ce;font-weight:300;line-height:60px;margin-bottom:25px;margin-top: 0px; }
section p.helping-text {width: 560px;font-size:18px;color:#74787a;font-weight:300;font-style: italic;line-height:26px;margin: 0px auto 50px; }
section p{ font-size: 16px; color: #666666; line-height: 30px; font-weight: 400; }
section { float: left; width: 100%; }
.list-unstyled li{font-weight: 400;font-size: 16px;color: #2d2d2d; line-height: 25px;}
.list-unstyled li i{ color: #2d2d2d;}

/***************slider********************/
#slider{ padding:0px 0px 0px 0px;}
.slider-grid .item{ padding: 0px; position: relative;}
.slider-grid .item img{ width: 100%;}
#slider .rev_slider h2{font-size: 32px; font-weight: 600; margin: 0px; padding: 0px;color: #fff;}
#slider .rev_slider .h2{display: inline-block;background: rgba(0, 0, 0, 0.6); margin: 0px 0px 15px 0px; padding: 8px 15px; font-size: 32px; font-weight: 600;color: #fff;}
#slider .rev_slider .p{font-family: 'Raleway', sans-serif;background: rgba(0, 0, 0, 0.6); margin: 0px 0px 15px 0px; padding: 8px 15px; font-size: 26px; font-weight: 600;color: #fff;}
#slider .rev_slider .slide-btn{ padding: 0px 15px; font-size: 14px; line-height: 36px; background: #ff6b09; color: #fff; text-transform: uppercase; border-radius: 0px; border: none;}
#slider .rev_slider .slide-btn.arrow{background: #e5b215;}
#slider .rev_slider .hvr-bounce-to-right:before{background: #e5b215;}
#slider .tp-bullets.preview4 .bullet{margin: 0px 7px !important; height: 4px !important; width: 65px !important; background: #fff !important;border-radius: 20px; border: none !important;}
#slider .tp-bullets.preview4 .bullet:hover, #slider .tp-bullets.preview4 .bullet.selected{background: #ff6b09 !important;}

/******************services-grid**********************/
.services-grid{ padding:60px 0px; }
.services-grid .thumbnail{ background: transparent; padding: 0px; border: none; position: relative;}
.services-grid .thumbnail .category{ padding: 8px 15px; font-weight: 600; position: absolute; left: 0px; top: 145px; font-size: 15px; line-height: 25px; background: #ff6b09; color: #fff; z-index: 9;}
.services-grid .thumbnail h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin: 35px 0 16px;
}
.services-grid .thumbnail img{
    width: 100%;
}

.services-grid .thumbnail .caption{ padding: 0px;}
.services-grid .thumbnail .caption p{font-size: 15px; line-height: 36px;}

/**************************projects*********************************/
.projects-grid .mix{padding: 0px;	display: none; width: 25%; margin: 0px;}
.projects-grid .mix .thumbnail{float: left; border: none; padding: 0px; margin: 0px; }
.projects-grid .mix .thumbnail img{ float: left; width: 100%;}
.heading-bg{ position: relative; background: #ff6b09; color: #fff; font-weight: 300; font-size: 15px;font-family: 'Montserrat', sans-serif; margin:0px; padding: 4px 25px; line-height: 36px; }
.heading-bg span {position: absolute;width: 0;top: 0px;right: -26px;height: 0;border-bottom: 44px solid #ff6b09;border-right: 26px solid transparent;}

/*==========================================
    projects STYLES
    =====================================================*/
.projects-items,
.projects-filter {list-style: none;padding: 0;margin: 0;}
.projects-items {margin-right: 0px;}
.projects-filter {margin-bottom: 62px;text-align: center;}
.projects-filter > li {display: inline-block;}
.projects-filter > li+li:before{padding:0 5px;color:#8e8e8e;content:"/\00a0"}
.projects-items > li {float: left;padding: 0;margin: 0;}
.projects-filter > li > a.btn{ border: none;color: #7f7f7f;padding: 4px 25px;line-height: 36px;font-size: 16px; font-weight: 600;}
.projects-filter > li > a.btn:hover{color: #2d2d2d;}
.projects-filter > li > a.btn.active{ box-shadow: none; color: #2d2d2d;}
.projects-items.col-4 > li {width: 24.9%;}
.projects-item .item-main {margin: 0px;text-align: center;background: #fff;padding: 0px;border:none; }
.projects-item img {width: 100%;}
.projects-item .projects-image {position: relative; min-height: 300px;}
.projects-item .projects-image a{ overflow: hidden; display: block;}
.projects-item .projects-image img{min-height: 300px;}
.projects-item .overlay {position:absolute;bottom:0;left:0;width:100%;height:58px;opacity:0;background-color:#ff6b09;text-align:left;vertical-align: middle;-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms;}
.projects-item .overlay p{ line-height: 58px;color:#fff;font-size: 18px;font-family: 'Raleway', sans-serif;margin-bottom:0px;padding:0px 15px; font-weight: 600;}
.projects-item .overlay p span{color: #333333; font-family: 'Lato', sans-serif; }
.projects-item .overlay .preview {position: relative;top: 50%;display: inline-block;margin-top: -45px;font-size: 50px;color: #89c436;}
.projects-item:hover .overlay {opacity: 1;}

/*==========================================
   ISOTOPE FILTERING STYLES
    =====================================================*/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
/* ISOTOPE CSS3 TRANSACTIONS */
.isotope,
.isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: -o-transform, opacity;transition-property: transform, opacity;}
/* DISABLE ISOTOPE CSS3 TRANSACTIONS */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}
/* DISABLE ISOTOPE CSS3 TRANSACTIONS FOR CONTAINERS WITH INFINITE SCROLLING */
.isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.bottom-line{background: #ff6b09; float: left; width: 100%; padding: 32px 0px;}
.bottom-line h3{ margin: 0px; font-size: 21px; color: #ffffff; line-height: 45px; font-weight: 600;}

.bottom-line.twitter-carousel2{padding: 15px 0px;}

/******************section about**********************/
.about{padding:60px 0px;}
.check-list li{ margin-bottom: 22px;}
.check-list li.active i{ border-color: #ff6b09;color: #ff6b09;}
.check-list li:hover i{ border-color: #ff6b09;color: #ff6b09;}
.check-list li i{ margin-right: 5px; font-size: 16px; padding: 4px; border: 2px solid #2d2d2d; }
.heading-line{ font-size: 18px; position: relative; font-weight: 600; margin:0px 0px 22px 0px; padding-bottom: 22px; }
.heading-line:before {position: absolute;left: 0px; bottom: 0px;background-color: #ff6b09;content: "";display: inline-block;height: 2px;margin-top: 0px;vertical-align: middle;width: 115px;}
.text-center.heading-line:before {position: absolute;left: 0px;bottom: 0px;background-color: #ff6b09;content: "";display: inline-block;height: 2px;margin: 0px auto;vertical-align: middle;width: 115px;right: 0px;}
.about-grid .thumbnail{ background: transparent; padding: 0px; border: none; position: relative;}
.about-grid .thumbnail .category{ padding: 8px 15px; font-weight: 600; position: absolute; left: 0px; top: 145px; font-size: 15px; line-height: 25px; background: #ff6b09; color: #f2f2f2;}
.about-grid .thumbnail .caption{ padding: 0px;}
.about-grid .thumbnail .caption h4{ padding: 20px 0px;}
.about-grid .thumbnail .caption p{font-size: 16px; line-height: 36px;}
.about-grid img{ width: 100%;}

/**************************Team*********************************/
.team {padding:0px 0px 60px 0px; }
.members-grid .thumbnail .social-list{transition: all 0.5s ease;display: none; position: absolute; right: 20px; top: 24px;}
.members-grid .thumbnail .social-list li a { background: transparent; display:block; color:#fff; font-size:16px; line-height:30px; }
.members-grid .thumbnail .social-list li a:hover { color:#363636; }
.members-grid { margin-top:50px; }
.members-grid .thumbnail {float: left; width: 100%; background: transparent; border:none; padding:0px; border-radius:0px; margin-bottom:0px; }
.members-grid .thumbnail a{max-height: 275px; overflow: hidden; float: left; width: 100%; background: #fff;}
.members-grid .thumbnail.hvr-bounce-to-bottom:before{background: #ff6b09;}
.members-grid .thumbnail:hover .caption h3{ color:#fff;}
.members-grid .thumbnail:hover .caption p{ color:#b68e15;}
.members-grid .thumbnail:hover .social-list{ display: block;}
.members-grid .thumbnail img { border:none; padding:0px; border-radius:0px; width: 100%; }
.members-grid .caption { position: relative; float: left; width: 100%; margin-top:0px; background:none; padding:0px 25px 25px 25px; }
.members-grid .caption h3 { font-size:16px;  font-weight: 700; line-height:36px; margin-bottom:0px; margin-top: 15px; }
.members-grid .caption p { font-size:15px; margin-bottom: 0px; }

/******************section testimonial**********************/
.testimonial {
    float: left;
    width: 100%;
    padding: 76px 0px 58px 0px;
    background-image: url(../images/testimonial_bg.jpg);
    background-size: cover;
    background-position: center center;
}
.testimonial .heading-line{color:#fff; font-size: 18px;}
.testimonial .heading-line:before{margin-right: auto;margin-left: auto; right: 0px;}
.carousel-inner .clients-name{ padding: 10px 0px 20px 0px;position:relative;display:block;margin:0px auto;text-align:center;width: 300px;}
.carousel-inner .clients-name p strong{ color:#ff6b09; font-size: 16px; line-height: 36px;}
.carousel-inner .clients-name p{ margin-bottom: 0px;font-size: 15px; color: #fff;}
.carousel-inner .clients-name .testimonial_arrow_left{position: absolute;  display: block; left: 0px; top: 0px; width: 50px; height: 30px; background-image: url(../images/testimonial_arrow_left.png); background-position: left top;  background-repeat: no-repeat;}
.carousel-inner .clients-name .testimonial_arrow_right{position: absolute; display: block; width: 50px; right: 0px; bottom: 0px; height: 30px;background-image: url(../images/testimonial_arrow_right.png); background-position: right bottom;  background-repeat: no-repeat;}
.carousel-inner .carousel-caption{ bottom: 0px; padding: 0px 0px 40px 0px; margin-top: 30px; left: auto; right: auto; position: relative;}
.carousel-inner .carousel-caption p {
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;
    font-style: italic;
    text-shadow: none;
}
.carousel-indicators {bottom: 10px;}
.carousel-indicators li{background-color:#c1c2c3; border-color: #c1c2c3;}
.carousel-indicators .active{background-color:#ff6b09; border-color: #ff6b09;}

/******************section clients**********************/
.clients{float: left; width: 100%; padding:60px 0px 60px 0px;}
.client-carousel{ margin-top: 50px;}
.client-carousel.h3{
    margin-top: 0;
}
.client-carousel.h3.owl-nav-style-one.owl-theme .owl-nav{
    display: none;
}
.client-carousel.owl-theme .owl-controls .owl-buttons div{opacity: 1; background: transparent; font-size: 50px;}
.client-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{top: -55px; left: -8%;}
.client-carousel.owl-theme .owl-controls .owl-buttons .owl-next{top: -55px; right: -8%;}
.client-carousel .item{margin: 3px;text-align: center;}
.client-carousel.owl-theme .owl-controls .owl-buttons i {color: #666;}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons i {color: #fff;}
.client-carousel .item img{display: block;margin: 0px auto;height: auto;text-align: center; width: auto;}
.client-carousel .item img:hover{ opacity: 0.5;}
.bottom-line.carousel{ padding: 40px 0px;}
.bottom-line.carousel #client-carousel{ margin: 0px;}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{ color: #fff; top: -45px; left: -8%;}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-next{color: #fff; top: -45px; right: -8%;}

/******************section twitter**********************/
.twitter-carousel .item p{ margin-bottom: 0px; color: #fff; font-size: 16px;}
.twitter-carousel .item i.fa{ margin-right: 50px;}
.twitter-carousel .item a{margin-left: 50px;color: #333333;}
.twitter-carousel.owl-theme .owl-controls{ bottom: 30px;}
.twitter-carousel.owl-theme .owl-controls .owl-buttons div{ opacity: 1; color: #fff; padding: 0px;
margin: 0px;background: transparent; font-size: 30px;}
.twitter-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{color: #fff;top: -8px;left: auto; right: 30px;}
.twitter-carousel.owl-theme .owl-controls .owl-buttons .owl-next{color: #fff;top: -8px; right: 0px;}

/**************************footer*********************************/
footer { padding:50px 0px 0px 0px; background:#2d2d2d; width:100%; float:left; }
footer .heading-line{ font-size: 16px; color: #fff;}
footer .heading-line:before{ height: 3px; width: 80px;}
footer p{font-size: 16px; color: #fff; line-height: 36px;}
footer a{color: #ff6b09;}
.box-list.list-unstyled li{margin-bottom: 10px;color: #fff;}
.box-list.list-unstyled li a{display: block;line-height: 36px; text-decoration: none; color: #fff;}
.box-list.list-unstyled li a:hover{color: #ff6b09;}
.box-list.list-unstyled li i{ margin-right: 25px; color: #ff6b09; font-size: 14px;}
.media {margin-top: 25px;}
.media .media-left{ width: 40px;padding-top: 8px;font-size: 20px; }
.media .media-left a{color: #f2f2f2;}
.media .media-body p{color: #c8c8c8; font-size: 16px;line-height: 30px;}
.media .media-body p a{color: #ff6b09; font-weight: 500;}
.media .media-body span{color: #585858;font-size: 16px;}
.contact-list li{font-size: 15px; padding-left: 40px; background-image: url(../images/contact_icons.png); background-repeat: no-repeat; background-position:left top;margin-bottom: 30px;color: #fff;}
.contact-list li a{color: #ff6b09; text-decoration: underline;}
.contact-list li.number a{color: #fff;text-decoration: none;}
.contact-list li.emails a{color: #fff;text-decoration: none; }
.contact-list li.number a:hover{color: #ff6b09;text-decoration: none;}
.contact-list li.emails a:hover{color: #ff6b09;text-decoration: none; }

.contact-list li.address{background-position:left 3px;}
.contact-list li.website{ background-position:left -45px;}
.contact-list li.number{background-position:left -96px;}
.contact-list li.emails{background-position:left -147px;}
.contact-list.yellow li{ color: #7f7f7f; background-image: url(../images/contact_icons_yellow.png);}
.contact-list li a:hover{ color: #fff; }
.contact-list.yellow li a:hover{ color: #2d2d2d;}
.footer-line{ margin-top: 40px; text-align: center; background:#404040; width:100%; float:left; }
.footer-line p{ line-height: 58px; margin-bottom: 0px; font-size: 14px; color: #fff;}
.footer-line a:hover{ color: #fff; }

/*************** Inner Pages ********************/
.inner-page .navbar.navbar-default{ border-bottom: 4px solid #ff6b09;}
.inner-page #projects{ padding: 60px 0px 0px 0px; }
.inner-page h3.heading-line{ margin-bottom: 45px;}
.services-list{ padding: 60px 0px;}
.services-box{ text-align: center;}
.services-box .diamond .icons{ width: 190px; margin-left: -95px; height: 190px;padding: 60px 0px;position: relative;z-index: 1;}
.services-box .diamond .icons p{letter-spacing: 3px;text-transform:uppercase;margin-bottom:0px;font-size:11px;color: #fff; line-height: 26px;}
.diamond {display: block;text-align: center;width: 0;height: 0;border: 95px solid transparent;border-bottom-color: #ff6b09;position: relative;
top: -95px;margin: 0px auto 25px;}
.diamond:after {content: '';position: absolute;left: -95px;top: 95px;width: 0;height: 0;border: 95px solid transparent;border-top-color: #ff6b09;}
.services-box .corner-arrows .icons{position: relative; width: 60px; margin: 0px auto;display: block; text-align: center; padding: 32px 0px;}
.corner-arrows{width: 140px; position: relative; min-width: 140px; display: block; margin: 0px auto 60px;}
.corner-arrows .arrow_left{position: absolute;  display: block; left: 0px; top: 0px; width: 50px; height: 30px; background-image: url(../images/corner_arrow_left.png); background-position: left top;  background-repeat: no-repeat;}
.corner-arrows .arrow_right{position: absolute; display: block; width: 50px; right: 0px; bottom: 0px; height: 30px;background-image: url(../images/corner_arrow_right.png); background-position: right bottom;  background-repeat: no-repeat;}

/**************************tabs*********************************/
.nav-tabs{ border: none;}
.nav-tabs>li>a{border: none;padding: 10px 40px;font-family: 'Montserrat', sans-serif; font-weight: 600;font-size: 14px; background:transparent;  border-radius: 0px;line-height: 36px; color: #2d2d2d;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border: none; background: #ff6b09; border-radius: 0px;  color: #fff; }
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus{background: #ff6b09;color: #fff;}
.tab-content>.tab-pane{ padding-top: 30px;}
.tab-content>.tab-pane h4{
    margin: 0px 0 15px;
}

/**************************skills*********************************/
.skills{padding: 60px 0px 10px;}
.skill-box { text-align: left; margin-bottom: 60px;}
.skill-box .icon{ height: 50px;display: block; margin-bottom: 30px;}
.skill-box h4{ font-size: 16px; margin-bottom:20px }

/****************pagination*******************/
.pagination>li>a, .pagination>li>span{  padding: 4px 14px; font-size: 15px;color: #2d2d2d; line-height: 36px; border-radius: 0px; background: transparent; border: none;}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{background: #ff6b09; color: #fff; border: none;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ background: #ff6b09;}

/**************************contact*********************************/
.contact{ padding: 60px 0px; }

/**************************map*********************************/
.map{ float: left;width: 100%;}
.map #contact_map{height: 520px;}
.map iframe{ border: none; height: 520px; width: 100%;float: left;}
.map-info{ padding: 15px;}

/* ------------- Our Blog page ------------- */

.post { background-color:#ffffff; margin-bottom:40px; border-bottom: 5px solid #ff6b09; }
.post .post-img{ width: 100%;}
.post h5 a { color:#17171a; }
.post .align-left { width:50%; vertical-align:top; }
.post-content { padding:30px 30px; }
.posted-date { font-size:16px; font-weight:700; color: #75b6ce; }
.posted-date span { color:#74787a; }
.posted-date a { color:#ff6b09; }
.post img:hover { opacity:.6; }

/*------------- Blog List -----------------*/
.blog { color: #74787a; padding: 60px 0px; background: #F8F8F8; text-align: left; }
.blog-list { position: relative; height:460px; }
.blog p { line-height: 28px; }
.blog .post-content { background-color:#ffffff; }
.post-content i { font-size:24px; font-weight:500; font-style:italic; }
.post-content .share-btn i { font-style: normal; }
.post-item h2 { text-align:left; margin-bottom: 40px; margin-top: 0px; font-weight: 400; }
.post-item h2, .post-item h2 a { color: #262626; font-weight: 400; }
.post-item h2:hover, .post-item h2 a:hover { color: #ff6b09; text-decoration: none; }
.blog .posted-date { margin-top:15px; color: #262626; }
.single .posted-date { margin-bottom: 15px; margin-top:0px; }
.post-nav { text-align:center; margin-top: -40px; }

 .share-btn { padding: 15px 0px;}
 .share-btn ul li a{ display: block; line-height: 36px; }
  .share-btn ul li a:hover{color: #ff6b09;}
.share-btn .btn-facebook{ color: #3b5998;}
.share-btn .btn-google-plus{ color: #dd4b39;}
.share-btn .btn-twitter{ color: #55acee;}
.share-btn .btn-tumblr{ color: #2c4762;}
.share-btn .btn-linkedin{ color: #007bb6;}
/*-------------- SideBar ---------------*/
.sidebar { margin-left: 20px; margin-top: 73px; }
.widget { position:relative; margin-bottom:40px; padding:30px;border-bottom: 5px solid #ff6b09; background-color:#ffffff; }
.search { margin-bottom:30px; position:relative; }
.search form { padding: 20px 30px; height: 70px; border: none; border-bottom: 5px solid #ff6b09; background: #fff; }
 .search input[type="search"]::-moz-placeholder {color: #314960;}
.search input[type="search"] { font-size:15px; font-weight:300; line-height: 30px; width: 100%; border: none; }
.search input[type="submit"] { background: url(../images/search.png) no-repeat scroll 0 0 / 100% 100%; width: 30px; height: 30px; border: none; text-indent: -999999px; position:absolute; right:15px; bottom:20px; }
.widget h2 { font-size:20px; font-weight:700; margin-bottom:30px; text-align:left; margin-top: 0px; text-transform:uppercase; }
.widget h3, .widget h3 a { font-size:16px; color:#2d2d2d; text-align:left; font-weight: 500; }
.widget h3, .widget h3 a { font-size:16px; margin:0px 0px; display:block; font-weight: 600;}
.widget h3:hover, .widget h3 a:hover { color: #ff6b09; }
.widget img { position:absolute; left:30px; }
.widget li { margin-bottom:20px; }
.widget li a img{ width: 80px;}
.widget .content { margin-left:100px; min-height:85px; }
.widget .content .posted-date { color: #74787a; font-weight: 400; }
.category-list li { padding:16px 0; margin-bottom:0px; border-bottom:1px solid rgba(0,0,0,.1); }

/*---------------- Author -------------*/
.author { background-color:#ffffff; position:relative; min-height:275px; margin-bottom:40px; }
.author img { position:absolute; }
.author-comment { margin-left:260px; padding:30px 30px; }
.author-comment h5 { font-size:18px; }

/*---------------- Comments -------------*/
.title-head h4{ font-size:36px; font-weight:700; margin-bottom:40px; }
.comment-list li { margin:0px 0 90px 0; position:relative; }
.comment-list li img { border-radius:50%; width:130px; height:130px; position:absolute; }
.comment-details { margin-left:180px; }
.blog .comments { background-color:#ffffff; padding:40px; border-radius:10px; }
.blog .comments:before { border-style: solid; border-width:  0 0 30px 30px; top: 50px; content: ""; display: block; left: 165px; position: absolute; width: 0; z-index: 1; border-color: transparent #ffffff; transform:rotate(-45deg); }
.blog .comments p { margin-bottom:0px; font-size: 15px; }
.comment-meta { min-height:50px; }
.comment-meta .user-name { float:left; font-weight:700; width:50%; font-size: 22px; }
.comment-meta .posted-date { float:right; width:50%; text-align:right; }
.reply { border: none; padding:10px 30px; margin:0px 40px; text-transform:uppercase; border-radius:0; font-weight:700; float:right; background: #ff6b09; color: #fff; }
.reply.hvr-bounce-to-right:before{background:#2d2d2d;}
.comments-form .main-btn i { margin-right: 26px; }


/**************************media responsive*********************************/
@media only screen and (max-width : 1920px){
.projects-item .projects-image img {min-height: 426px;}
}
@media only screen and (max-width : 1600px){
.projects-item .projects-image img {min-height: 350px;}
}

@media only screen and (max-width : 1024px){

    
.navbar-brand {padding: 32px 15px;}  
.navbar-default .navbar-nav > li > a{padding: 50px 20px;}
.navbar-default .is-sticky .navbar-nav > li > a{padding: 40px 20px;}
.navbar-default .is-sticky .navbar-brand{padding: 22px 15px;}
.slider-grid .item .text{top: 125px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{top: -175px;}
.owl-theme .owl-controls .owl-buttons .owl-next{top: -175px;}
.services-grid .thumbnail .category{top: 100px;}
.projects-filter > li > a.btn{  padding: 4px 15px;}
.projects-item .projects-image img {min-height: 224px;}
.projects-item .projects-image {min-height: 224px;}
.projects-item .overlay p span { display: none;}
.bottom-line h3{font-size: 18px;}
.members-grid .thumbnail a{max-height: 520px;}
.members-grid .caption h3{  font-size: 14px;margin-top: 15px;}
.members-grid .caption{padding: 0px 15px 15px 15px;}
#client-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{left: -4%;}
#client-carousel.owl-theme .owl-controls .owl-buttons .owl-next{right: -4%;}
.box-list.list-unstyled li a{ font-size: 13px;}
.box-list.list-unstyled li i{  margin-right: 10px;}
footer p{ font-size: 14px;}
.contact-list li{font-size: 12px;}
.media .media-body p{font-size: 14px;}
.media .media-body span{font-size: 14px;}
.nav-tabs>li>a{padding: 10px 25px;}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {left: -4%;}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-next{right: -4%;}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-next i{color: #fff;}
.bottom-line.carousel #client-carousel.owl-theme .owl-controls .owl-buttons .owl-prev i{color: #fff;}
.list-unstyled li{font-size: 12px;}

}
@media only screen and (max-width : 991px){
	.sidebar{
		margin-top:100px !important; 
	 }
}
@media only screen and (max-width : 768px){
.heading-bg{font-size: 14px;padding: 4px 15px;}
.navbar-brand img{  height: 40px;}
.navbar-brand {padding: 25px 15px;}
.navbar-default .navbar-nav > li > a {padding: 35px 12px;font-size: 12px;}
.navbar-default .is-sticky .navbar-nav > li > a{padding: 25px 12px;font-size: 12px;}
.navbar-default .is-sticky .navbar-brand{padding: 15px 15px;}
.services-grid {padding: 30px 0px;}
.services-grid .thumbnail .category {top: 70px; font-weight: 300; font-size: 14px;}
.services-grid .thumbnail .caption p {font-size: 12px;line-height: 24px;}
.services-grid .thumbnail h3 {font-size: 14px;font-weight: 600;line-height: 25px;}
.projects-filter > li > a.btn {padding: 4px 5px;font-size: 12px;}
.projects-filter{  margin-bottom: 30px;}
.projects-items.col-4 > li {width: 49.9%;}
.projects-item .projects-image img {max-height: 320px;}
.white-line-btn{padding: 6px 12px;font-size: 14px;}
.orange-line-btn{padding: 6px 12px;font-size: 14px;}
.bottom-line{padding: 20px 0px;}
.bottom-line h3 {font-size: 14px;}
.check-list li {margin-bottom: 15px; font-size: 12px;}
.about-grid .thumbnail .caption h4{font-size: 16px;}
.about-grid .thumbnail .caption p {font-size: 12px;line-height: 24px;}
    
#twitter-carousel .item p{font-size: 13px;}
#twitter-carousel .item i.fa {margin-right: 6px;}
    
.clients{padding: 30px 0px;}
.about {padding: 30px 0px;}
.team {padding: 0px 0px 30px 0px;}
.carousel-inner .carousel-caption p{font-size: 14px;line-height: 24px;}
.services-list {padding: 30px 0px;}
.skills {padding: 30px 0px 10px;}
.contact {padding: 30px 0px;}
.services-box h4{ font-size: 16px;}
.blog .col-md-8 { padding-right: 15px; }
.sidebar { margin-left: 0px; }

}

@media screen and (max-width:767px) {
.navbar-default .navbar-toggle {padding: 10px 10px;margin-top: 28px; border-color: #ff6b09; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ff6b09; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ff6b09; border-color: #ff6b09; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }
.blog .comments:before{ display: none;}
.top-contact{ display: none;}

.constrion-comment-item .constrion-comment-item{
	margin-left:0px !important;	
	margin-top:90px;
}   

 .sidebar,
 .reg-form box{
	margin-top:100px !important; 
 }
 
}

@media only screen and (max-width : 599px){
	.comment-details{
		padding-left:0px !important;
		padding-top:0px !important;
		margin-top:20px !important;	
	}
	.comment-list .constrion-comment-item .author-thumb{
		position:relative !important;
	}
}

@media only screen and (max-width : 480px){
.navbar-default .is-sticky .navbar-nav > li > a{padding: 10px 12px;font-size: 12px;}
.navbar-default .is-sticky .navbar-brand{padding: 15px 15px;}
.services-grid .thumbnail{ margin-bottom: 55px;}
.nav-tabs>li>a {padding: 10px 22px;}
.top-bar .list-inline{ float: none !important;text-align: center;}
.top-bar .social-links li:first-child{ border-left: none;}
.top-bar .social-links li{float: none !important;}
.top-bar .social-links {border-right: none;border-top: 1px solid #d5d5d5;}
#slider .rev_slider .caption { display: none; } 
.navbar-default .navbar-nav > li > a {padding: 10px 12px;font-size: 12px;}
.navbar-nav>li>.dropdown-menu{text-align: center;position: relative;width: 100%;}
.services-grid .thumbnail img{ width: 100%;}
.services-grid .thumbnail .category {top: 175px;}
.heading-bg{ float: none !important; text-align: center;}
.heading-bg span{ display: none;}
.projects-items.col-4 > li {width: 99.9%;}
.carousel-inner .clients-name .testimonial_arrow_right{ right: 10px;}
.footer-line p{ font-size: 12px; }
.comment-details { margin-left:0px; padding-top:100px; }
.comments:before { display:none; }
section#blog, section.single.blog { padding-top:120px !important; }
.title-head h4{ font-size:24px; }
.author img { position:static; display:block; margin:0 auto; padding-top:40px; }
.author-comment { margin-left:0px; padding-top:30px; float:none; }
.comment-area input[type="text"], .comment-area input[type="phone"], .comment-area textarea, .comment-area input[type="email"] { width:100%; }
.blog form { padding-left:0px; padding-right:0px; }
.blog .comments:before{ display: none;}
.post-content .share-btn i { font-style: normal;  font-size: 18px; padding: 6px 0px;}
.post-content .share-btn ul li a { padding: 6px 0px;}
.comment-meta .user-name{ width: 100%;}
.comment-meta .posted-date{width: 100%;font-size: 12px;  text-align: left;}
.widget h2{ font-size: 16px;}

}

@media only screen and (max-width : 320px){
.services-grid .thumbnail .category {top: 100px;}
.nav-tabs>li>a {padding: 0px 8px;font-weight: 400;font-size: 11px;}

}
















.boxed_wrapper {
    position: relative;
    overflow: hidden;
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
}

.overlay-style-one.bg2 {
    background-color: rgba(0, 0, 0, 0.70);
}

.overlay-style-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    opacity: 0;
    z-index: 1;
}


.sec-title1 {
    position: relative;
    display: block;
    padding-bottom: 72px;
    margin-top: -12px;
}
.sec-title1 h2{
    color: #000000;
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 19px;
}
.sec-title1 p{
    color: #666666;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
}



.sec-title2{
    position: relative;
    display: block;
    margin-top: -4px;
    padding-bottom: 46px;
}
.sec-title2 .top{
    position: relative;
    display: block; 
    line-height: 20px;
}
.sec-title2 .top .border-box {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #e69057;
    float: left;
    margin: 9px 0;
    margin-right: 10px;
}
.sec-title2 .top span{
    color: #e69057;
    font-size: 18px;
    font-weight: 500;
}
.sec-title2 h2{
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    margin: 12px 0 0;    
}



.thmbtn1{
    position: relative;
    display: inline-block;
    padding: 0 40px;
    background: #ff6b09;
    color: #ffffff;
    font-size: 16px;
    line-height: 50px;
    font-weight: 700;
    border-radius: 5px;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
}
.thmbtn1 .txt {
    position: relative;
    display: inline-block;
    z-index: 1;
}
.thmbtn1:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ef6002;
    border-radius: 5px;
    content: "";
    transform: scaleX(0.0) rotateX(0deg);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.thmbtn1:hover:after{
    transform: scaleX(1.0) rotateX(0deg);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;    
}
.thmbtn1:hover,
.thmbtn1:focus{
    color: #f7f7f7;
}
.thmbtn1 i:before {
    position: relative;
    display: inline-block;
    font-size: 18px;
    padding-left: 10px;
    top: 2px;
}




/*** Scroll To Top style ***/
.scroll-top {
    position: fixed;
    right: 15px;
    bottom: 20px;
    width: 55px;
    height: 55px;
    background: #e69057;
    color: #ffffff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 55px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 999999999;
}
.scroll-top span {}
.scroll-top:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	z-index: -1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top:hover{
    color: #222222;
}



/*** 
========================================
    Mobile Menu
========================================
***/
.nav-outer .mobile-nav-toggler {
    position: relative;
    display: none;
    float: right;
    cursor: pointer;
    padding: 30px 0;
}
.header-bottom-right-style2 .nav-outer .mobile-nav-toggler {
    padding: 30px 0;
}



.nav-outer .mobile-nav-toggler .inner{
    position: relative;
    display: block;
    padding: 3px 5px;
}

.mobile-menu{
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	max-width:100%;
	height: 100%;
	padding-right:30px;
	opacity: 0;
	visibility: hidden;
	z-index: 9999999999;
}
.mobile-menu .menu-backdrop{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
    background-color: rgba(3, 13, 40, 0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	z-index: 1;
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 0.70;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .mCSB_inside>.mCSB_container{
	margin-right:5px;	
}
.mobile-menu .navbar-collapse{
	display:block !important;	
}


.mobile-menu .nav-logo{
	position:relative;
	padding:30px 25px;
	text-align:left;	
}
.mobile-menu .nav-logo a{
    position: relative;
    display: inline-block;
}

.mobile-menu-visible{
	overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}
.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #1c1c1c;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.mobile-menu .close-btn{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ffffff;
	font-size: 20px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.9s ease;
	-ms-transition:all 0.9s ease;
	-o-transition:all 0.9s ease;
	transition:all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.mobile-menu .close-btn:hover{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}


.mobile-menu .navigation{
	position: relative;
	display: block;
	width: 100%;
	float: none;
    margin: 0;
    padding: 0;
}
.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.60);
}
.mobile-menu .navigation:last-child{
	border-bottom: 1px solid rgba(255,255,255,0.60);
}
.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(255,255,255,0.60);
}
.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	padding: 10px 25px;
	color: #ffffff;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}
.mobile-menu .navigation li > a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}
.mobile-menu .navigation li.current > a:before{
	height:100%;
}



.mobile-menu .navigation li ul li > a{
	font-size: 15px;
    font-weight: 400;
	margin-left: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	top:6px;
	right:6px;
	width:32px;
	height:32px;
	text-align:center;
	color:#222222;
	font-size:16px;
	line-height:32px;
	background:rgba(255,255,255,0.95);
	cursor:pointer;
	border-radius:2px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
	z-index:5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);	
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.mobile-menu .social-links{
	position:relative;
	text-align:center;
	padding:30px 15px;
    border: none;
}
.mobile-menu .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 2px 10px;
    border: none;
}
.mobile-menu .social-links li a{
	position:relative;
	color:#ffffff;
	font-size: 20px;
	line-height:32px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}
.mobile-menu .social-links li a:hover{
    color: #ff6b09;    
}











/*** 
====================================================================
	Main Header css
====================================================================
***/
.main-header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
    margin: 0px;
	z-index: 999;
    background: transparent;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.sticky-header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 0px;
    background: rgba(28, 28, 28, 0.95);
	opacity: 0;
    visibility: hidden;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	z-index: 0;
}
.fixed-header .sticky-header {
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
	opacity: 1;
	z-index: 9999999999999;
}
.sticky-header .logo {
    position: relative;
    display: block;
    padding: 18px 0 19px;
}
.sticky-header .logo a{
    position: relative;
    display: inline-block;
}
.sticky-header .main-menu .navigation> li{
    padding: 0;
    margin-right: 40px;
}
.sticky-header .main-menu .navigation> li> a {
    padding: 32px 0 33px;
}



.main-header-style1{
    position: relative;
    display: block;
    background: #1c1c1c;
}
.header-style1{
    position: relative;
    display: block;
}
.header-style1 .outer-container{
    position: relative;
    display: block;
    padding: 0 100px;
}
.header-style1 .outer-box{
    position: relative;
    display: block;
}


.header-style1-left{
    position: relative;
    display: block;
}
.header-style1-left .nav-outer{
    position: relative;
    display: block;
    float: left;
}



.main-menu.style1{}
.main-menu {
    position: relative;
    display: block;
    float: left;
}
.main-menu .navbar-collapse{
	padding:0px;
	display:block !important;
}
.main-menu .navigation {
	position: relative;
	display: block;
    margin: 0;
    padding: 0;
}
.main-menu .navigation>li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 40px;
    padding: 35px 0;
}
.main-menu .navigation>li:last-child{
    margin-right: 0;
}
.main-menu .navigation>li:before{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background: #ff6b09;
    content: "";
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleX(0);
}
.main-menu .navigation>li:hover:before,
.main-menu .navigation>li.current:before{
    transform: scaleY(1.0);    
}
.main-menu .navigation>li>a {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
	text-transform: capitalize;
	transition: all 500ms ease;
	opacity: 1;
    font-family: 'Lato', sans-serif;
}

.main-menu .navigation> li> ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 270px;
	padding: 0px 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
    transform: translateY(30px);
    transition:all 100ms ease;
	z-index: 100;
}
.main-menu .navigation> li> ul:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background: #ffffff;
    border-radius: 0;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    z-index: -1;
}
.main-menu .navigation> li.dropdown:hover> ul {
	opacity:1;
	visibility:visible;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
    transform: translateY(0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}
.main-menu .navigation> li> ul> li {
	position: relative;
    display: block;
    padding: 0 20px;
	width: 100%;
}
.main-menu .navigation> li> ul> li> a{
	position: relative;
	display: block;
    border-bottom: 1px solid #e9e9e9;
	padding: 13px 0px 13px;
	color: #1c1c1c;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
    font-family: 'Lato', sans-serif;
}
.main-menu .navigation> li> ul> li:last-child> a{
    border: none;
} 
.main-menu .navigation>li>ul>li>a:hover {
    padding-left: 15px;
}
.main-menu .navigation> li> ul> li> a:before{
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    font-weight: 700;
    margin: 12px 0;
	opacity: 0;
    transition: all 500ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-menu .navigation> li> ul> li.dropdown> a:after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    font-family: FontAwesome;
    content: "\f105";
    color: #031f4b;
    font-size: 14px;
    font-weight: 700;
    margin: 12px 0;
    text-align: right;
    z-index: 5;
}
.main-menu .navigation>li>ul>li:hover>a:before{
	opacity: 1;
}
.main-menu .navigation> li> ul> li> ul {
	position: absolute;
	top: 0%;
	left: 100%;
	width: 250px;
	padding: 0;
	display: none;
	background: #ffffff;
    border-radius: 0;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
    transform: translateY(30px);
    transition:all 100ms ease;
	z-index: 100;
}
.main-menu .navigation li> ul> li.dropdown:hover ul {
	opacity:1;
	visibility:visible;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}
.main-menu .navigation>li>ul>li>ul> li {
	position: relative;
    display: block;
    padding: 0 20px;
	width: 100%;
}
.main-menu .navigation> li> ul> li> ul> li> a {
	position: relative;
	display: block;
    border-bottom: 1px solid #e9e9e9;
	padding: 13px 0px 13px;
	color: #1c1c1c;
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
    font-family: 'Lato', sans-serif;
}
.main-menu .navigation> li> ul> li> ul> li:last-child> a{
    border: none;
}
.main-menu .navigation> li> ul> li:hover > a{
    padding-left: 15px;
}
.main-menu .navigation> li> ul> li> ul> li> a:hover {
    padding-left: 15px;
}
.main-menu .navigation>li>ul>li>ul>li a:before{
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    font-weight: 700;
    margin: 12px 0;
	opacity: 0;
    transition: all 500ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.main-menu .navigation> li> ul> li> ul> li> a:hover:before{
	opacity: 1;
}
/****
.main-menu .navigation> li> ul.megamenu {
    position: absolute;
    left: -232px;
    width: 700px;
}
.main-menu .navigation> li> ul.megamenu li {
    position: relative;
    max-width: 33.333333%;
    float: left;
}
***/
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 0px;
    top: 0;
    width: 50px;
    height: 42px;
    border-left: 1px solid #04102a;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    z-index: 5;
}



/*==============================================
   Theme Hover Color Css
===============================================*/
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a{
    color: #ff6b09; 
}
.main-menu .navigation>li>ul>li>a:hover {
    color: #ff6b09; 
}
.main-menu .navigation> li> ul> li> a:before{
    color: #ff6b09;
}
.main-menu .navigation> li> ul> li:hover> a{
    color: #ff6b09; 
}
.main-menu .navigation> li> ul> li> ul> li> a:hover {
    color: #ff6b09;  
}
.main-menu .navigation>li>ul>li>ul>li a:before{
    color: #ff6b09;
}
.sticky-header .main-menu .navigation>li:hover>a, 
.sticky-header .main-menu .navigation>li.current>a {
    color: #ff6b09;
}

.mobile-menu .navigation li.current > a, 
.mobile-menu .navigation li > a:hover {
    color: #ff6b09;
}
.mobile-menu .navigation li > a:before {
    border-left: 5px solid #ff6b09;
}


@media only screen and (min-width: 768px){ 
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul{
    display:block !important;
    visibility:hidden;
    opacity:0;
}
    
}




.header-style1-middle{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 215px;
    margin: 0 auto;
}
.header-style1-middle .logo {
    position: relative;
    display: block;
    padding: 21px 0;
}
.header-style1-middle .logo a{
    display: inline-block;
}


.header-style1-right {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 25px 0;
}
.header-style1-right .phone-number{
    position: relative;
    display: block;
    float: left;
    margin-right: 50px;
}
.header-style1-right .phone-number a{
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
}
.header-style1-right .phone-number a span:before {
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 8px;
    font-size: 18px;
    top: 7px;
}
.header-style1-right .button-box{
    position: relative;
    display: block;
    float: right;
}
.header-style1-right .button-box a{}



/*==============================================
    Banner Section Css
===============================================*/
.banner-section{
    position: relative;
    display: block;
    padding: 0 100px; 
    z-index: 10;
} 
.banner-section:before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 100px;
    right: 0;
    background: #1c1c1c;
    content: "";
    z-index: -1;
}
.banner-section .outer-container{
    position: relative;
    display: block;
    padding: 185px 0 200px;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.banner-content{
    position: relative;
    display: block;
}
.banner-content .big-title{
    color: #000000;
    font-size: 75px;
    line-height: 85px;
    font-weight: 700;
}
.banner-content .big-title span{
    color: #ff6b09;
}
.banner-content h2{
    color: #333333;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    margin: 26px 0 50px;
}
.banner-content .button-box{
    position: relative;
    display: block;
}
.banner-content .button-box a{
    line-height: 60px;
    padding: 0 40px;
    border-radius: 5px;
}


/*==============================================
    Feature Section Css
===============================================*/
.feature-section{
    position: relative;
    display: block;
    padding: 122px 0 90px;
    z-index: 1;
}
.feature-section .layer-outer{
    position: absolute;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f1f1f1;
    background-repeat: repeat;
    z-index: -1;
}

.featurs-top-content{
    position: relative;
    display: block;
    padding-bottom: 68px;
}
.featurs-top-content .title{
    position: relative;
    text-align: right;
    width: 520px;
    padding-right: 42px;
}
.featurs-top-content .title:before{
    position: absolute;
    top: 8px;
    right: 0;
    bottom: 10px;
    width: 2px;
    background: #000000;
    content: "";
}
.featurs-top-content .title h2{
    color: #000000;
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
}
.featurs-top-content .title,
.featurs-top-content .text{
    display: table-cell;
    vertical-align: middle;
}

.featurs-top-content .text{
    position: relative;
    padding-left: 40px;
}
.featurs-top-content .text p{
    margin: 0;    
}


.single-featurs-box{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 55px 50px 51px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.04); 
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.04);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;   
}
.single-featurs-box:hover{
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0); 
box-shadow: 0px 4px 10px 2px rgba(0,0,0,0);
}
.single-featurs-box:before{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 8px;
    background: #ff6b09;
    content: "";
    transform: scaleX(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.single-featurs-box:hover:before{
    transform: scaleX(1.0);    
}

.single-featurs-box h3{
    color: #000000;
    font-size: 27px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 0 25px;
}
.single-featurs-box .button{
    position: relative;
    display: block;
    padding-top: 13px;
}
.single-featurs-box .button a{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.single-featurs-box .button a span:before {
    position: relative;
    top: 2px;
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}



/*==============================================
    Serice Style1 Section Css
===============================================*/
.serice-style1-section{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 130px 0 0;
}
.single-service-style1{
    position: relative;
    display: block;
}
.single-service-style1 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-service-style1 .img-holder img{
    width: 100%;
    transition: all 2500ms ease;
}
.single-service-style1 .img-holder .title {
    position: absolute;
    bottom: 20px;
    right: 0;
    max-width: 320px;
    width: 100%;
    background: #ffffff;
    padding: 30px 30px 30px;
    padding-right: 15px;
    transform: scaleY(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.single-service-style1 .img-holder .title h3{
    color: #000000;
    font-size: 27px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 12px;
}
.single-service-style1 .img-holder .title a{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.single-service-style1 .img-holder .title a span:before {
    position: relative;
    top: 2px;
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}
.single-service-style1:hover .img-holder img{
	transform:scale(1.2) rotate(2deg);	     
}
.single-service-style1:hover .img-holder .title{
    transform: scaleY(1.0);       
}
.more-service-box{
    position: relative;
    display: block;
    text-align: center;
    padding-top: 40px;
}
.more-service-box p{
    margin: 0;
}
.more-service-box p a{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
}



/*==============================================
    Testimonial Style1 Section Css
===============================================*/
.testimonial-style1-section {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 124px 0 122px;
}
.testimonial-style1-content{
    position: relative;
    display: block;
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
}

.single-testimonial-style1{
    position: relative;
    display: block;
    text-align: center;
}
.single-testimonial-style1 .icon{
    position: relative;
    display: block;
    color: #e9e9e9;
    font-size: 70px;
    line-height: 70px;
}
.single-testimonial-style1 .icon span:before {
    position: relative;
    display: inline-block;
    transform: rotate(45deg);
}
.single-testimonial-style1 .icon .overlay-icon{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.single-testimonial-style1 .icon .overlay-icon span:before {
    color: #000000;
    transform: rotate(0deg);
}

.single-testimonial-style1 .text{
    position: relative;
    display: block;
    padding: 27px 0 36px;
}
.single-testimonial-style1 .text p{
    font-size: 20px;
    line-height: 36px;
    margin: 0;
} 
.single-testimonial-style1 .client-info{
    position: relative;
    display: block;
}
.single-testimonial-style1 .client-info h3{
    color: #000000;
    font-size: 27px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 5px;
}
.single-testimonial-style1 .client-info span{
    font-weight: 600;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls {
    display: none !important;
}



/*==============================================
    Project Style1 Section Css
===============================================*/
.project-style1-section{
    position: relative;
    display: block;
    overflow: hidden;
    background: #ffffff;
    padding-bottom: 15px;
}
.project-style1-section .outer-container{
    position: relative;
    display: block;
}

.single-project-style1{
    position: relative;
    display: block;
}
.single-project-style1.pdtop .img-holder{
    position: relative;
    display: block; 
    padding-top: 160px;
}
.single-project-style1.pdbottom .img-holder{
    position: relative;
    display: block; 
    padding-bottom: 160px;
}


.single-project-style1 .img-holder .inner{
    position: relative;
    display: block; 
    overflow: hidden;
}
.single-project-style1 .img-holder img{
    width: 100%;
}

.single-project-style1 .img-holder .overlay-title{
    position: absolute;
    top: 0;
    right: 30px;
    max-width: 520px;
    width: 100%;
    background: #ff6b09;
    padding: 51px 60px 51px;
    padding-right: 20px;
}
.single-project-style1 .img-holder .overlay-title h2{
    color: #ffffff;
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 10px;
}
.single-project-style1 .img-holder .overlay-title a{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
.single-project-style1 .img-holder .overlay-title a span:before {
    position: relative;
    top: 2px;
    display: inline-block;
    padding-left: 10px;
    font-size: 18px;
}

.single-project-style1.style1instyle2 .img-holder .overlay-title{
    position: absolute;
    top: auto;
    right: auto;
    left: 30px;
    bottom: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.06); 
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.06);
}
.single-project-style1.style1instyle2 .img-holder .overlay-title h2{
    color: #000000;
}
.single-project-style1.style1instyle2 .img-holder .overlay-title a{
    color: #000000;
}



/*** 
=============================================
    Fact Counter style1 Area style
=============================================
***/
.fact-counter-style1-section {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 65px 0 0px;
}

.single-fact-counter-style1 {
    position: relative;
    display: block;
    margin-top: 45px;
}
.single-fact-counter-style1 .count-box {
    position: relative;
    width: 60px;
    transform: rotate(-90deg);
    left: -12px;
}
.single-fact-counter-style1 .count-box h2 {
    color: #ffffff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    text-shadow: -2px -2px 0 #ff6b09, 2px -2px 0 #ff6b09, -2px 2px 0 #ff6b09, 2px 2px 0 #ff6b09;
    font-family: 'Lato', sans-serif;
    letter-spacing: .1em;
}
.single-fact-counter-style1 .count-box,
.single-fact-counter-style1 .title{
    display: table-cell;
    vertical-align: middle;
}
.single-fact-counter-style1 .title h3{
    color: #000000;
    font-size: 27px;
    line-height: 34px;
    font-weight: 600;
    margin: 0;
}



/*** 
=============================================
    Team Section Css
=============================================
***/
.team-section{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 130px 0 80px;
    background-color: #ffffff;
}

.single-team-member {
    position: relative;
    display: block;
    max-width: 370px;
    width: 100%;
    margin: 0 auto 43px;
}
.single-team-member .img-holder {
    position: relative;
    display: block;
}
.single-team-member .img-holder .inner{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-team-member .img-holder .inner img{
    width: 100%;
    transform: translateX(0px) scale(1.0, 1.0);
    transition: all 300ms ease;
}
.single-team-member:hover .img-holder .inner img{
    transform: translateX(0px) scale(1.1, 1.1);
}

.single-team-member .title-holder {
    position: relative;
    display: block;
    padding: 26px 30px 0;
}
.single-team-member .title-holder h3{
    color: #000000;
    font-size: 27px;
    line-height: 30px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 4px;
} 
.single-team-member .title-holder h3 a {
    color: #000000;
}
.single-team-member .title-holder p{
    font-weight: 600;
    margin: 0;
}

.single-team-member .title-holder .bottom{
    position: relative;
    display: block;
    padding-top: 21px;
    margin-top: 21px;
    border-top: 1px solid #dfdfdf;
}
.single-team-member .title-holder .bottom a.mail{
    color: #666666;
    font-size: 16px;
    font-weight: 700;
}

.team-social-links {
    position: relative;
    display: block;
    padding-top: 9px;
}
.team-social-links ul{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.team-social-links ul li{
    position: relative;
    display: inline-block;
    margin: 0 8px;
}
.team-social-links ul li a {
    color: #97989a;
    font-size: 16px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.team-social-links ul li a:hover{
    color: #ff6b09;
}



/*** 
=============================================
    Faq Content Section Css
=============================================
***/
.faq-content-section {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 80px 0;
    overflow: hidden;
}
.faq-content-section .faq-content1{
    position: relative;
}
.faq-content-section .layer-outer{
    position: absolute;
    top: -80px;
    left: 15px;
    bottom: -80px;
    right: -100000px;
    background-color: #f1f1f1;
    background-repeat: repeat;
}
.faq-image-box{
    position: relative;
    display: block;
}
.faq-image-box img{
    max-width: none;
    float: right;
}
.faq-content-box {
    position: relative;
    display: block;
    padding-top: 50px;
    padding-left: 70px;
}
.faq-content-box .sec-title1 {
    padding-bottom: 26px;
}
.faq-content-box .sec-title1 h2 {
    margin: 0;
}


.accordion-box {
    position: relative;
    display: block;
}
.accordion-box .accordion {
    position: relative;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 0px;
}
.accordion-box .accordion.last-child{
    border-bottom: none;
}
.accordion-box .accordion .accord-btn {
    position: relative;
    display: block;
    cursor: pointer;
    padding-left: 0;
    padding-right: 40px;
    padding-top: 26px;
    padding-bottom: 26px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #000000;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
    font-family: 'icomoon';
    position: absolute;
    content: "\e904";
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border-radius: 50%;
    color: #707070;
    font-size: 10px;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
    transform: translateY(-50%);
    transition: all 500ms ease 0s;
}
.accordion-box .accordion .accord-btn.active{
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; 
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #ff6b09;
}
.accordion-box .accordion .accord-btn.active:after{
    color: #ffffff;
    background: #ff6b09;
    content: "\e905";
}
.accordion-box .accordion .accord-content {
    position: relative;
    display: block;
    padding-left: 0;
    padding-right: 0px;    
    padding-bottom: 31px;
    display: none;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
}



/*** 
=============================================
    Blog Style1 Section Css
=============================================
***/
.blog-style1-section{
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 130px;
    padding-bottom: 80px;
}
.blog-style1-title{
    position: relative;
    display: block;
    padding-top: 100px;
}
.blog-style1-title .sec-title1{
    padding-bottom: 42px;
}
.blog-style1-title .sec-title1 h2 {
    margin: 0 0 19px;
}
.blog-style1-title .sec-title1 p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.blog-style1-title .button-box{
    position: relative;
    display: block;
}



.single-blog-style1{
    position: relative;
    display: block;
    margin-bottom: 50px;
}
.single-blog-style1 .img-holder{
    position: relative;
    display: block;
}
.single-blog-style1 .img-holder .inner{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-blog-style1 .img-holder .inner:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background-color: rgba(0, 0, 0, 0.70);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    z-index: 1;
}
.single-blog-style1:hover .img-holder .inner:before{
    height: 100%;    
}

.single-blog-style1 .img-holder .inner .date-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 70px;
    background: #ff6b09;
    text-align: center;
    z-index: 10;
    padding: 9px 0;
}
.single-blog-style1 .img-holder .inner .date-box h3{
    color: #ffffff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}
.single-blog-style1 .img-holder .inner .date-box p{
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px 0 0;
}



.single-blog-style1 .img-holder .inner img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}
.single-blog-style1:hover .img-holder .inner img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);    
}


.single-blog-style1 .text-holder{
    position: relative;
    display: block;
    padding: 36px 29px 33px;
    border: 1px solid #e5e5e7;
}

.single-blog-style1 .text-holder .categories{
    position: relative;
    display: block;
}
.single-blog-style1 .text-holder .categories p{
    color: #666666;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
}
.single-blog-style1 .text-holder .categories p span:before{
    position: relative;
    display: inline-block;
    padding-right: 9px;
    top: 1px;
}

.single-blog-style1 .text-holder h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 13px 0 15px;
}
.single-blog-style1 .text-holder h3 a{
    color: #000000;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-blog-style1 .text-holder h3 a:hover{
    color: #ff6b09;        
}


.single-blog-style1 .text-holder .meta-info{
    position: relative;
    display: block;   
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.single-blog-style1 .text-holder .meta-info li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 24px;
    margin-right: 25px;
}
.single-blog-style1 .text-holder .meta-info li:last-child{
    margin-right: 0;
}
.single-blog-style1 .text-holder .meta-info li i:before {
    position: relative;
    display: inline-block;
    top: 0px;
    font-size: 14px;
    font-weight: 400;
    padding-right: 7px;
}
.single-blog-style1 .text-holder .meta-info li a{
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-blog-style1 .text-holder .meta-info li a:hover{
    color: #ff6b09;         
}



/*** 
=============================================
    Footer style2 section style
=============================================
***/
.footer-style2-section {
    position: relative;
    display: block;
    padding: 0;
    background: transparent;
    z-index: 1;
}
.footer-style2-section:before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-color: #1c1c1c;
    z-index: -1;
}


.footer{
    position: relative;
    display: block;
    padding: 120px 0 85px;
}
.single-footer-widget {
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget.marlft{
    margin-left: 80px;
}
.single-footer-widget.marlft2{
    margin-left: 80px;
}



.single-footer-widget .title {
    position: relative;
    display: block;
    margin-top: -5px;
    padding-bottom: 19px;
}
.single-footer-widget .title h3{
    color: #ffffff;
    font-size: 27px;
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}


.footer-widget-contact-info {
    position: relative;
    display: block;
    margin-top: -12px;
}
.footer-widget-contact-info h2{
    color: #ffffff;
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
}
.footer-widget-contact-info .contact-info {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 30px 0 28px;
    margin: 0;
}
.footer-widget-contact-info .contact-info li{
    position: relative;
    display: block;
    margin-bottom: 16px;
    color: rgba(255, 255, 255, 0.50);
    font-size: 20px;
    font-weight: 500;
}
.footer-widget-contact-info .contact-info li:last-child{
    margin-bottom: 0;
}
.footer-widget-contact-info .contact-info li span{
    position: relative;
    display: inline-block;
    width: 90px;
}
.footer-widget-contact-info .contact-info li a{
    color: rgba(255, 255, 255, 0.50);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.footer-widget-contact-info .contact-info li a:hover{
    color: rgba(255, 255, 255, 0.99);    
}

.footer-social-links {
    position: relative;
    display: block;
}
.footer-social-links ul{
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.footer-social-links ul li{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 30px;
}
.footer-social-links ul li:last-child{
    margin-right: 0;
}
.footer-social-links ul li a{
    position: relative;
    display: block;
    color: rgba(255, 255, 255, 0.50);  
    font-size: 20px;
    line-height: 30px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.footer-social-links ul li a:hover{
    color: rgba(255, 255, 255, 0.99);  
}



.single-footer-widget .footer-widget-links1{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.single-footer-widget .footer-widget-links1 li{
    position: relative;
    display: block;
    line-height: 40px;
}
.single-footer-widget .footer-widget-links1 li a{
    color: rgba(255, 255, 255, 0.50);
    font-size: 16px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-footer-widget .footer-widget-links1 li a:hover{
    color: rgba(255, 255, 255, 1.0);    
}



.single-footer-widget .subscribe-box {
    position: relative;
    display: block;
    max-width: 360px;
    width: 100%;
}
.single-footer-widget .subscribe-box .text{
    position: relative;
    display: block;
    padding-top: 6px;
    padding-bottom: 22px;
}
.single-footer-widget .subscribe-box .text p{
    color: rgba(255, 255, 255, 0.50);
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;    
}
.single-footer-widget .subscribe-form {
    position: relative;
    display: block;
    width: 100%;
}
.single-footer-widget .subscribe-form input[type="email"]{
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #999999;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    padding-right: 70px;
    font-family: 'Lato', sans-serif;
    transition: all 500ms ease;
}
.single-footer-widget .subscribe-form input::-webkit-input-placeholder {
    color: #999999;
}
.single-footer-widget .subscribe-form input:-moz-placeholder {
    color: #999999;
}
.single-footer-widget .subscribe-form input::-moz-placeholder {
    color: #999999;
}
.single-footer-widget .subscribe-form input:-ms-input-placeholder {
    color: #999999;
}
.single-footer-widget .subscribe-form button {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    width: 60px;
    background: #ff6b09;
    color: #ffffff;
    font-size: 16px;
    line-height: 52px;
    text-align: center;
    border: none;
    border-radius: 5px;
}
.single-footer-widget .subscribe-form input[type="email"]:focus {
    background: #f5f5f5;
}
.single-footer-widget .subscribe-form input[type="email"]:focus + button, 
.single-footer-widget .subscribe-form button:hover {
 
}





.single-footer-widget .instagram {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    margin-left: -5px;
    margin-right: -5px;
    max-width: 290px;
}
.single-footer-widget .instagram li{
    position: relative;
    display: inline-block;
    float: left;
    width: 85px;
    height: 90px;
    margin: 0 5px 10px;
}
.single-footer-widget .instagram li .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-footer-widget .instagram li .img-holder img{
    width: 100%;
}
.single-footer-widget .instagram li .img-holder .overlay-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.70);
    transform: perspective(400px) rotate(90deg);
    transform-origin: top;
    transition: all 0.5s ease-in-out 0s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.single-footer-widget .instagram li:hover .img-holder .overlay-content{
	opacity: 1;
    transform: perspective(400px) rotate(0deg); 
    transition: all 0.4s ease-in-out 0.2s;    
}
.single-footer-widget .instagram li .img-holder .overlay-content a{
    color: #ffffff;
    font-size: 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}


.footer-bottom {
    position: relative;
    display: block;
    border-top: 1px solid #282828;
    padding: 25px 0;
}
.footer-bottom .outer-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.copyright-text {
    position: relative;
    display: block;
}
.copyright-text p{
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
}
.copyright-text p a {
    color: #ff6b09;
    font-weight: 600;
    transition: all 500ms ease;
}


.footer-menu{
    position: relative;
    display: block;
}
.footer-menu ul{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.footer-menu ul li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-right: 20px;
}
.footer-menu ul li:last-child{
    margin-right: 0;
}
.footer-menu ul li a{
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.footer-menu ul li a:hover{
    color: #ff6b09;
}





/*** 
=============================================
    Main Header Style2 style
=============================================
***/
.main-header-style2{
    position: relative;
    display: block;
    background: #EEEEEE;
}

.header-top-style2{
    position: relative;
    display: block;
    background: #f2f2f2;
    border-bottom: 1px solid #d5d5d5;
}
.header-top-style2 .outer-box{
    position: relative;
    display: block;    
}
.header-top-style2-left{
    position: relative;
    display: block;
}
.header-top-style2-left ul {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 0;
}
.header-top-style2-left ul li{
    position: relative;
    display: inline-block;
    float: left;
    line-height: 30px;
    margin-right: 30px;
}
.header-top-style2-left ul li:last-child{
    margin-right: 0;
}
.header-top-style2-left ul li i {
    position: relative;
    display: inline-block;
    padding-right: 9px;
}
.header-top-style2-left ul li a{
    color: #2d2d2d;  
}



.header-top-style2-right{
    position: relative;
    display: block;
}
.header-social-links{
    position: relative;
    display: block;
    overflow: hidden;
}
.header-social-links li{
    position: relative;
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    border-right: 1px solid #d5d5d5;
}
.header-social-links li:first-child{
    border-left: 1px solid #d5d5d5;    
}
.header-social-links li a{
    position: relative;
    display: block;
    text-align: center;
    color: #bfbfbf;
    font-size: 16px;
    line-height: 40px;
    transition: all 200ms linear;
    transition-delay: 0.1s; 
}
.header-social-links li a:hover{
    color: #ff6b09;
}


.header-style2{
    position: relative;
    display: block;
}
.header-style2 .outer-box{
    position: relative;
    display: block;
}
.header-style2-left{
    position: relative;
    display: block;
}
.header-style2-left .logo {
    position: relative;
    display: block;
    padding: 31px 0;
}
.header-style2-left .logo a{
    display: inline-block;
}


.header-style2-right{
    position: relative;
    display: block;
}
.header-style2-right .nav-outer{
    position: relative;
    display: block;
    float: right;
}
.main-menu.style2 .navigation>li {
    margin-right: 50px;
    padding: 45px 0;
}
.main-menu.style2 .navigation>li:last-child{
    margin-right: 0;
}
.main-menu.style2 .navigation>li>a {
    color: #333333;
}
.main-menu.style2 .navigation>li:hover>a, 
.main-menu.style2 .navigation>li.current>a {
    color: #ff6b09;
}




/*** 
=====================================================
	Main Slider style
=====================================================
***/
.main-slider {
    position: relative;
    display: block;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 10;
}
.auto-container2 {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.main-slider.style1 {
    margin-top: 0px;
}
.main-slider .slide {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 200px 0px 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.main-slider .slide .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
    transition: all .8s ease-in-out .4s;
}
.main-slider .slide .image-layer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.60);
    content: "";
    z-index: -1;
}
.main-slider .active .slide .image-layer{
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
}
.main-slider .content{
	position:relative;
	z-index:10;
}

.main-slider.style1 .content{
    position: relative;
    display: block;
}
.main-slider .auto-container2{
    position: relative;
    overflow: hidden;
}
.main-slider .content h2 {
    position: relative;
    display: inline-block;
    background: rgba(0, 0, 0, 0.6);
    padding: 8px 15px;
    color: #fff;
    font-size: 32px;
    line-height: 1.4em;
    font-weight: 600;
	opacity: 0;
	transform: translateY(80px);
    transition: all .4s ease-in-out .1s;
}
.main-slider .active .content h2{
	opacity: 1;
	transform: translateY(0px);
    transition: all .4s ease-in-out .3s;     
}
.main-slider .content p{
    position: relative;
    display: inline-block;
    background: rgba(0, 0, 0, 0.6);
    margin: 30px 0px 30px;
    padding: 8px 15px;
    color: #fff;
    font-size: 26px;
    line-height: 1.4em;
    font-weight: 400;
	opacity: 0;
	transform: translateY(80px);
    transition: all .4s ease-in-out .1s; 
}
.main-slider .active .content p{
	opacity: 1;
	transform: translateY(0px);
    transition: all .7s ease-in-out .5s;       
}


.main-slider .content .button-box{
	position: relative; 
	opacity: 0;
	transform: translateY(80px);
    transition: all .4s ease-in-out .1s; 
}
.main-slider .active .content .button-box{
	opacity: 1;
	transform: translateY(0px);
    transition: all .7s ease-in-out .7s;    
}
.main-slider .content .button-box a{
    line-height: 60px;
}



.main-slider .owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    opacity: 0;
    transform: scaleX(1.0);
}
.main-slider:hover .owl-theme .owl-nav{
    opacity: 1;
    transform: scaleX(1.0);
}
.main-slider .owl-theme .owl-prev span, 
.main-slider .owl-theme .owl-next span{
    display: block;
}
.main-slider .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 50px;
    top: 0;
    transform: rotate(0deg);
    background: transparent;
    border: 2px solid #ffffff;
    height: 60px;
    width: 60px;
    border-radius: 0%;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    line-height: 42px;
    font-weight: 400;
    opacity: 1;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-slider .owl-theme .owl-nav .owl-prev:hover{
    background: #ff6b09;    
}
.main-slider .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 50px;
    top: 0;
    background: transparent;
    border: 2px solid #ffffff;
    height: 60px;
    width: 60px;
    border-radius: 0%;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    line-height: 42px;
    font-weight: 400;
    opacity: 1;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-slider .owl-theme .owl-nav .owl-next:hover{
    background: #ff6b09;    
}
.main-slider .owl-theme .owl-nav button i:before{
    position: relative;
    display: inline-block;
    top: -3px;
}




/*** 
=============================================
    Error Page Area Style      
=============================================
***/
.error-page-area{
    position: relative;
    display: block;
    overflow: hidden;
    background: #ffffff;
    padding: 117px 0 120px;
}
.error-content{
    position: relative;
    display: block;
    z-index: 3;
}
.error-content h4{
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.error-content .title {
    position: relative;
    display: block;
    color: #ff6b09;
    font-size: 180px;
    line-height: 150px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 17px 0 12px;
}
.error-content p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 32px;
}
.error-content .button{
    line-height: 0;
}
.error-content .button a {}












































@media only screen and (min-width: 1200px) and (max-width: 1500px) { 
    
.main-menu.style1 .navigation>li {
    margin-right: 25px;
}    
.header-style1-right .phone-number {
    display: none;
} 
.header-style1-middle {
    left: auto;
    margin-right: 230px;
}    
    
    
    
    
    
}









@media only screen and (max-width: 1199px) {

.nav-outer .mobile-nav-toggler .inner {
    background: #ff6b09;
}     
.main-header .main-menu {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}      
.main-header .nav-outer .main-menu,
.mainmenu-area .nav-outer .main-menu,
.sticky-header{
    display: none !important;
}
.nav-outer .mobile-nav-toggler{
    display: block;
}
.mobile-nav-toggler .icon-bar {
    position: relative;
    display: block;
    background: #031f4b;
    height: 2px;
    width: 30px;
    margin: 7px 5px;
}
    
 
    
.header-style1-left {
    float: none !important;
}    
.header-style1-left .nav-outer {
    float: right;
}    
.header-style1-middle {
    margin: 0;
}     
.header-style1-right {
    display: none;
}    
    

.faq-content-section .layer-outer {
    top: -80px;
    left: -100000px;
    bottom: -80px;
    right: -100000px;
}    
.faq-image-box img {
    max-width: 100%;
    float: none;
    width: 100%;
}  
.faq-content-box {
    padding-top: 50px;
    padding-left: 0;
}
    
    
.blog-style1-title {
    padding-top: 0;
    padding-bottom: 60px;
}    
    

    
.single-footer-widget {
    margin-bottom:50px;
}     
.single-footer-widget.marlft {
    margin-left: 0px;
} 
.single-footer-widget.marlft2 {
    margin-left: 0px;
}    
.single-footer-widget.marbtm {
    margin-bottom: 40px;
}
    
    
.main-header-style2 .nav-outer .mobile-nav-toggler {
    padding: 40px 0;
}    
    
    
    
    
    
    


}








@media only screen and (max-width: 991px) {
    
.header-style1 .outer-container {
    padding: 0 20px;
}   
    
    
.banner-section {
    padding: 0 20px;
} 
.banner-section .outer-container {
    padding: 138px 0 150px;
    background-attachment: scroll;
    background-size: cover;
    background-position: right top;
    z-index: 1;
} 
.banner-section .outer-container:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: -1;
}    
    
    
.banner-content .big-title {
    color: #ffffff;
    font-size: 40px;
    line-height: 54px;
}  
.banner-content h2 {
    color: #ffffff;
    font-size: 22px;
    line-height: 34px;
    margin: 19px 0 41px;
}
    
 
.feature-section {
    padding: 118px 0 90px;
}    
.featurs-top-content {
    padding-bottom: 71px;
}       
.featurs-top-content .title, 
.featurs-top-content .text {
    display: block;
}    
.featurs-top-content .title {
    text-align: left;
    padding-right: 0;
}   
.featurs-top-content .title:before {
    display: none;
}    
.featurs-top-content .text {
    padding-left: 0;
    margin-top: 28px;
}    
 
   
.single-service-style1 {
    margin-bottom: 40px;
}    
.more-service-box {
    padding-top: 0px;
}
    
    
.single-project-style1 {
    margin-bottom: 30px;
}    
 
    
.fact-counter-style1-section {
    padding: 35px 0 0px;
}    
.single-fact-counter-style1 {
    width: 270px;
    margin: 45px auto 0;
}    
    
   
    
    
    
    
    
    
}




@media only screen and (max-width: 767px) {
.sec-title1 h2 br{
    display: none;
} 
.featurs-top-content .title h2 br{
    display: none;
}    
  
    
    
.single-footer-widget.pdtop {
    padding-top: 30px;
} 
.footer-bottom .outer-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}    
    
    
.header-top-style2 {
    display: none;
}    
    
    
.main-slider .owl-theme .owl-nav {
    display: none;
}
    

.header-style2-left .logo {
    padding: 31px 0 31px;
    width: 230px;
}
.header-style2-left .logo a img {
  
}    
 
    
    
    
}





.elementor-section-wrap .elementor-section,
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	padding:0px !important;	
}