/* Obero HTML Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. About Section
7. Project Section
8. Services Section
9. Testimonial Section
10. Clients Section
11. Team Section
12. Pricing Section
13. Press Section
14. Main Footer Section
15. Page Title Section
16. Blog Section
17. Sidebar Widgets
18. Comment Form
19. Comment Box
20. Contact Info Section
21. Map Section
22. Contact Form Section

**********************************************/


/*
	
	font-family: 'DM Sans', sans-serif;
	font-family: 'Karla', sans-serif;
	
*/

/*@import url('animate.css');
@import url('owl.css');
@import url('elegenticon.css');
@import url('animation.css');
@import url('icofont.min.css');
@import url('simple-line-icons.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');*/

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}




/*** 

====================================================================
	Global Settings
====================================================================

 ***/
 .ban {
    height: 80vh; /* Full-screen height */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .ban-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; /* Send the image to the back */
  }
  .ban-cont {
    text-align: center;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
  }
  .ban-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .ban-btn {
    padding: 10px 20px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #FFFFFF;
    background-color: transparent;
    border: 1px solid black;
    border-radius: 5px;
    text-transform: uppercase;
    transition: all 0.3s ease;
  }
  .ban-btn:hover {
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid white;
    text-decoration: none;
  }
body {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    color: #777777;
    line-height: 1.7em;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.color-palate {
    display: none;
}

.bordered-layout .page-wrapper {
    padding: 0px 50px 0px;
}

.white-space::after {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    background-color: #fff;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #f1a31a;
}

button,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
    font-family: 'DM Sans', sans-serif;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}


/* custom margin and padding*/

.mb-50px {
    margin-bottom: 50px !important;
}

.mb-40px {
    margin-bottom: 40px;
}

.mb-38px {
    margin-bottom: 38px;
}

.mb-70px {
    margin-bottom: 70px !important;
}

.mt-20px {
    margin-top: 20px;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-10px {
    margin-bottom: 10px;
}


/* Typography */

h1 {
    font-size: 140px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

input,
button,
select,
textarea {}

textarea {
    overflow: hidden;
}

p {
    position: relative;
    line-height: 1.8em;
}

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

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

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

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

.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.centered {
    text-align: center;
}


/* Background color*/

.background-color-gray {
    background-color: #eff0f4;
}

.background-color-gray-light {
    background-color: #f2f5fa;
}


/*Btn Style One*/

.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 12px 35px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background-color: #f1a31a;
    text-transform: capitalize;
    font-family: 'DM Sans', sans-serif;
}

.btn-style-one:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #262626;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-one i {
    position: relative;
    top: 1px;
    margin-left: 4px;
}

.btn-style-one .txt {
    position: relative;
    z-index: 1;
}

.btn-style-one:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

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


/* Btn Style Two */

.btn-style-two {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    padding: 12px 55px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50px;
    text-transform: capitalize;
    background-color: #f1a31a;
    font-family: 'DM Sans', sans-serif;
    box-shadow: 0px 0px 25px rgba(0, 155, 114, 0.15);
}

.btn-style-two:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #4a4a4a;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-two i {
    position: relative;
    top: 1px;
    margin-left: 4px;
}

.btn-style-two .txt {
    position: relative;
    z-index: 1;
}

.btn-style-two:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

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


/* Btn Style Three */

.btn-style-three {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #f1a31a;
    padding: 10px 60px;
    font-weight: 700;
    overflow: hidden;
    border-radius: 50px;
    background: none;
    border: 1px solid #f1a31a;
    text-transform: capitalize;
    font-family: 'DM Sans', sans-serif;
}

.btn-style-three:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #f1a31a;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
}

.btn-style-three .txt {
    position: relative;
    z-index: 1;
}

.btn-style-three:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

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


/* Social Icon One */

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

.social-icon-one li {
    position: relative;
    margin-left: 9px;
    display: inline-block;
}

.social-icon-one li a {
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #cccccc;
    text-align: center;
    border-radius: 2px;
    background-color: #333333;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-one li a:hover {
    color: #333333;
    background-color: #feec42;
}

.theme_color {
    color: #f1a31a;
}


/*-------------------------------------
	 Loading 
-------------------------------------*/

.loading-area {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: hidden;
}

.loading-box {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 9999;
}

.cssload-loader {
    width: 244px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    font-family: 'DM Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    color: #f1a31a;
    letter-spacing: 0.2em;
}

.cssload-loader::before,
.cssload-loader::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: rgb(34, 34, 34);
    position: absolute;
    animation: cssload-load 0.81s infinite alternate ease-in-out;
    -o-animation: cssload-load 0.81s infinite alternate ease-in-out;
    -ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
    -webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
    -moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}

.cssload-loader::before {
    top: 0;
}

.cssload-loader::after {
    bottom: 0;
}

.loading-pic {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 99999;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-o-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-ms-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-webkit-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

@-moz-keyframes cssload-load {
    0% {
        left: 0;
        height: 29px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 39px;
    }
    100% {
        left: 229px;
        height: 29px;
        width: 15px;
    }
}

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


/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 60px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #0a0a0a;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #f1a31a;
}


/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 80px;
}

.sec-title h2 {
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 32px;
    font-size: 42px;
    text-transform: uppercase;
}

.sec-title .text {
    position: relative;
    color: #666666;
    font-size: 18px;
    line-height: 1.8em;
    margin-top: 20px;
}

.sec-title.centered {
    text-align: center !important;
}

.sec-title.light .title {
    color: #f1a31a;
    background-color: #ffffff;
}

.sec-title.light h2 {
    color: #ffffff;
}


/* List Style One */

.list-style-one {
    position: relative;
    z-index: 1;
}

.list-style-one li {
    position: relative;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    padding-left: 35px;
    line-height: 1.8em;
}

.list-style-one li:before {
    position: absolute;
    left: 0px;
    top: 2px;
    content: '\f12f';
    color: #fdb231;
    font-size: 22px;
    font-weight: 400;
    display: block;
    font-family: "Flaticon";
}


/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
    position: absolute;
    z-index: 999;
    width: 100%;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.main-header .main-box {
    position: relative;
    padding: 0px 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .main-box .outer-container {
    position: relative;
    padding: 0px 40px;
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0px;
    z-index: 10;
    padding: 30px 0px;
}

.main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-upper .outer-container {
    padding: 0px 15px;
    max-width: 1700px;
    margin: 0 auto;
}

.main-header .header-upper {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-header .header-upper .outer-box .nav-toggler {
    position: relative;
    font-size: 28px;
    color: #ff9600;
    cursor: pointer;
    display: inline-block;
}

.main-header.fixed-header .header-upper .logo-box .logo {
    padding: 15px 0px;
}

.main-header.fixed-header .main-menu .navigation>li>a {
    color: #ffffff;
}

.main-header.fixed-header.header-style-two .main-menu .navigation>li>a {
    color: #000000;
}

.main-header.fixed-header .main-menu .navigation>li.current>a,
.main-header.fixed-header .main-menu .navigation>li:hover>a {
    color: #f1a31a;
}


/* Search Box Outer */

.main-header .header-upper .search-box-outer {
    position: relative;
    float: left;
}

.main-header .header-upper .search-box-btn {
    position: relative;
    float: left;
    top: 0px;
    margin-top: 6px;
    display: block;
    font-size: 18px;
    color: #ec2b3e;
    line-height: 26px;
    cursor: pointer;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .search-box-btn:after {
    display: none;
}


/* Sticky Header */

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background: #222222;
    z-index: 0;
    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 .logo {
    padding: 8px 0px 8px;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    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;
}

.sticky-header .main-menu .navigation>li>a {
    padding: 23px 0px !important;
    color: #ffffff !important;
}

.sticky-header .main-menu .navigation>li>a:after {
    display: none;
}

.main-header .nav-outer {
    position: relative;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box {
    position: relative;
    left: 50%;
    z-index: 10;
    margin-left: -51px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo {
    position: relative;
    padding: 20px 0px 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .outer-box {
    position: absolute;
    right: 0px;
    top: 60px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .nav-outer .outer-box .language-nav {
    position: relative;
}

.main-header .nav-outer .outer-box .language-nav li {
    position: relative;
    line-height: 1em;
    display: inline-block;
}

.main-header .nav-outer .outer-box .language-nav li:first-child {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 2px solid rgba(255, 255, 255, 0.70);
}

.main-header .nav-outer .outer-box .language-nav li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-header .nav-outer .outer-box .language-nav li a:hover {
    color: #f1a31a;
}

.main-header .main-menu .navigation.left-nav {
    float: left;
    text-align: left;
}

.main-header .main-menu .navigation.right-nav {
    float: right;
    text-align: right;
}

.main-header .header-upper .social-box {
    position: absolute;
    left: 0px;
    top: 60px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .social-box li {
    position: relative;
    margin-right: 25px;
    display: inline-block;
}

.main-header .header-upper .social-box li a {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .social-box li a:hover {
    color: #f1a31a;
}

.main-menu {
    position: static;
    width: 100%;
    padding-top: 28px;
    max-width: 560px;
    margin: 0 auto;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse {
    padding: 0px;
    display: block;
}

.main-menu .navigation {
    position: static;
    margin: 0px;
    width: 100%;
}

.main-menu .navigation>li {
    position: relative;
    float: none;
    display: inline-block;
    margin-right: 40px;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li:last-child {
    margin-right: 0px;
}

.main-header .header-upper .upper-right {
    position: relative;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 700;
    padding: 27px 0px;
    font-size: 16px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
    color: #f1a31a;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-header.light-version .main-menu .navigation>li:hover>a,
.main-header.light-version .main-menu .navigation>li.current>a {
    opacity: 1;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: -30px;
    top: 100%;
    width: 230px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 20px 15px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 6px 18px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    color: #222222;
    padding-left: 10px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>a:before {
    position: absolute;
    top: -6px;
    left: 8px;
    color: transparent;
    content: '.';
    text-shadow: 0 0 transparent;
    font-size: 2em;
    line-height: 1em;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    pointer-events: none;
    animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation>li>ul>li:hover>a::before {
    opacity: 1;
    color: #000000;
    text-shadow: 8px 0 #f1a31a, -8px 0 #f1a31a;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #f1a31a;
    padding-left: 30px;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 20px;
    display: block;
    color: #253d4a;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
    font-weight: 800;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #222222;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 120%;
    top: 0%;
    width: 230px;
    z-index: 100;
    display: none;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 20px 15px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 6px 18px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    color: #222222;
    padding-left: 10px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
    position: absolute;
    top: -6px;
    left: 8px;
    color: transparent;
    content: '.';
    text-shadow: 0 0 transparent;
    font-size: 2em;
    line-height: 1em;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    pointer-events: none;
    animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a::before {
    opacity: 1;
    color: #000000;
    text-shadow: 8px 0 #f1a31a, -8px 0 #f1a31a;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #f1a31a;
    padding-left: 30px;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    color: #272727;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
    left: 0px;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 107%;
    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 .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ffffff;
    line-height: 28px;
    border: 1px solid #ffffff;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header .header-upper .outer-box .social-icon-one {
    position: relative;
    float: left;
}

.main-header.fixed-header .header-upper {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    padding-top: 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: #222222;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-header .header-upper .outer-box .sidebar-btn {
    position: relative;
    width: 52px;
    height: 52px;
    float: left;
    color: #ffffff;
    font-size: 18px;
    margin-left: 14px;
    cursor: pointer;
    line-height: 52px;
    text-align: center;
    border-radius: 50px;
    background-color: #05db56;
}

.main-menu .navigation>li>ul>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 100%;
    width: 210px;
    z-index: 100;
    display: none;
    opacity: 0;
    text-align: left;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 0px 0px;
    background-color: #1e1e1e;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li>a {
    position: relative;
    padding: 10px 18px;
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.50);
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    border-top: 0px !important;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation>li>ul>li>ul>li>ul>li>a:hover {
    background-color: #f1a31a;
    color: #ffffff;
}

.main-header .header-upper .outer-box .menu-toggler {
    position: relative;
    float: right;
    cursor: pointer;
    color: #ffffff;
    font-size: 28px;
    margin-left: 30px;
    padding-left: 30px;
}

.main-header .header-upper .outer-box .menu-toggler:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 5px;
    width: 1px;
    height: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.30);
}

.header-style-two.fixed-header .header-upper {
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.07);
}

.header-style-two .header-upper .social-box li a {
    color: #999999 !important;
}

.header-style-two .header-upper .social-box li a:hover {
    color: #000000;
}

.header-style-two .main-menu .navigation>li>a {
    color: #000000;
}

.header-style-two .main-menu .navigation>li:hover>a {
    color: #f1a31a;
}

.header-style-two .nav-outer .outer-box .language-nav li a {
    color: #999999;
}

.header-style-two .nav-outer .outer-box .language-nav li:first-child {
    border-color: #999999;
}


/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.main-header .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    color: #ffffff;
    display: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 20px 20px;
    text-align: left;
}

.mobile-menu .nav-logo img {
    max-width: 200px;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.90);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    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 .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #ffffff;
    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 500ms;
    -moz-transition: all 0.7s ease 500ms;
    -ms-transition: all 0.7s ease 500ms;
    -o-transition: all 0.7s ease 500ms;
    transition: all 0.7s ease 500ms;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn {
    position: absolute;
    right: 10px;
    top: 34px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 24px;
    color: #000000;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
    opacity: 0.50;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
    border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 14px 20px;
    font-size: 15px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
    color: #f1a31a;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 52px;
    color: #404040;
    cursor: pointer;
    z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span {
    position: absolute;
    right: 0px;
    top: 3px;
    height: 44px;
    width: 50px;
    line-height: 44px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    width: 1px;
    height: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.10);
}

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

.sticky-header .navbar-header {
    display: none;
}

.sticky-header .mobile-nav-toggler {
    display: none;
}


/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 16px;
    font-style: normal;
    height: 46px;
    padding: 10px 20px 10px 20px;
    line-height: 26px;
    color: #111019;
    border: none;
    font-weight: 600;
    border-radius: 0px;
    background: #ffffff;
}

.form-group .ui-button .ui-icon {
    background: none;
    position: relative;
    top: 2px;
    text-indent: 0px;
    color: #333333;
}

.form-group .ui-button .ui-icon:before {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 2px !important;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #000000;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
    font-weight: 800;
}

.ui-menu .ui-menu-item {
    font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #ff8423;
    border-color: #ff8423;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px;
}

.ui-menu-item:hover {
    background-color: #ff8423;
}


/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0, 0, 0, 0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
}

.sidenav-bar-visible .search-popup {
    width: 80%;
}

.search-popup:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-image: url(../images/icons/waves-shape.html);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0px;
    content: "";
}

.search-active .search-popup {
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #ec2b3e;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #ffffff;
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000000;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: #000000;
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #ffffff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0px;
    border: none;
    background: none !important;
    box-shadow: none !important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .close-search.style-two span {
    font-size: 20px;
    color: #ffffff;
}


/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section {
    position: relative;
    background-color: #2c2f38;
}


/* Chevron */

.chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}

.chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;
    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}

.banner-section .slide {
    position: relative;
    overflow: hidden;
    height: 1080px;
    background-size: cover;
    background-position: center center;
}

.banner-section .content-boxed {
    position: relative;
}

.banner-section .content-boxed .inner-box {
    position: relative;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 120px;
}

.banner-section .content-boxed .content {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    transform-origin: top;
    text-transform: uppercase;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    max-width: 300px;
    letter-spacing: .25;
}

.banner-section .content-boxed .text {
    position: relative;
    color: #ffffff;
    font-weight: 400;
    line-height: 36px;
    font-size: 20px;
    max-width: 482px;
    margin: auto;
    text-align: center;
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}


/* Slider Icon Scroll */

.slider-icon-scroll,
.slider-icon-scroll:before {
    position: absolute;
    left: 50%;
}

.slider-icon-scroll {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 30px;
    cursor: pointer;
    margin-left: -24px;
    cursor: pointer;
    display: block;
    z-index: 10;
}


/* .slider-icon-scroll:before{
  content: '';
  width: 25px;
  height: 15px;
  color: #fff;
  margin-left: -4px;
  top: 6px;
  font-size:18px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
} */

.slider-icon-scroll span {
    font-size: 48px;
    color: #000000;
    transition: .3s;
}

.slider-icon-scroll span:hover {
    color: #f1a31a;
}

@keyframes scroll {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(40px);
    }
}

.shape-image img {
    display: inline-block;
    margin: auto;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -130px;
}


/*** 

====================================================================
	Clients Section
====================================================================

***/

.about-section {
    position: relative;
    text-align: center;
    padding: 180px 0 254px;
}

.about-page.about-section {
    padding-bottom: 255px;
}

.about-section .image {
    position: relative;
}

.about-section .image .image-left {
    position: relative;
    border-radius: 30px;
    box-shadow: -100px 75px 0px 0px rgba(249, 243, 231, 1);
}

.about-section h2 {
    position: relative;
    color: #000000;
    font-size: 42px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
}

.about-section .text {
    position: relative;
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 38px;
    margin-bottom: 50px;
}

.about-section .button-box {
    position: relative;
}

.about-section .button-box .theme-btn {
    display: inline-block;
    z-index: 2;
}

.about-section .button-box .play-box {
    position: relative;
    top: -8px;
    text-align: left;
    margin-left: 25px;
    padding-left: 70px;
    padding-top: 6px;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 1;
}

.about-section .button-box .play-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
}

.about-section .button-box .play-box strong {
    position: relative;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.em;
    text-align: left;
    text-transform: uppercase;
}

.about-section .button-box .play-box span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 56px;
    height: 56px;
    z-index: 10;
    color: #f1a31a;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    padding-left: 4px;
    display: inline-block;
    line-height: 56px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    border: 1px solid #f1a31a;
}

.about-section .button-box .play-box .ripple,
.about-section .button-box .play-box .ripple:before,
.about-section .button-box .play-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(241, 163, 26, .6);
    -moz-box-shadow: 0 0 0 0 rgba(241, 163, 26, .6);
    -ms-box-shadow: 0 0 0 0 rgba(241, 163, 26, .6);
    -o-box-shadow: 0 0 0 0 rgba(241, 163, 26, .6);
    box-shadow: 0 0 0 0 rgba(241, 163, 26, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.about-section .button-box .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.about-section .button-box .play-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
    }
}


/*** 

====================================================================
	Project Section
====================================================================

***/

.project-section {
    position: relative;
    padding: 180px 0;
}

.project-section .outer-container {
    position: relative;
    padding: 0px 40px;
}

.project-section .sec-title .projects {
    position: relative;
    top: 15px;
    color: #181b31;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.project-section .sec-title .projects:hover {
    color: #f1a31a;
}

.project-section .project-tab .tab-btns-box {
    position: relative;
    top: -45px;
    margin-top: -60px;
}

.project-tab {
    position: relative;
}

.project-tab .tabs-header {
    position: relative;
    text-align: center;
}

.project-tab .product-tab-btns {
    position: relative;
    text-align: center;
    padding-bottom: 30px;
}

.project-tab .product-tab-btns .p-tab-btn {
    position: relative;
    display: inline-block;
    margin: 0px 2px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #000000;
    z-index: 1;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0px 20px 0px;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn {
    color: #f1a31a;
}

.project-tab .p-tabs-content {
    position: relative;
    display: block;
}

.project-tab .p-tab {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    visibility: hidden;
}

.project-tab .p-tab.active-tab {
    position: relative;
    visibility: visible;
    z-index: 5;
}

.p-tab.active-tab .project-block {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
}

.p-tab .project-block {
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
}

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

.project-section .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 30px;
    line-height: 10px;   
}

.project-section .owl-dots .owl-dot {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0px 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #cccccc;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-section .owl-dots .owl-dot.active,
.project-section .owl-dots .owl-dot:hover {
    background-color: #f1a31a;
}

.project-block {
    position: relative;
}

.project-block .inner-box {
    position: relative;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block .inner-box:hover {
    /* box-shadow:0px 20px 30px rgba(0,0,0,0.10); */
}

.project-block .inner-box .image {
    position: relative;
    overflow: hidden;
}

.project-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block .inner-box:hover .image img {
    opacity: 0.5;
    transform: scale(1.04, 1.04) rotate(2deg);
}

.project-block .inner-box .lower-box {
    position: relative;
    padding: 30px 35px;
    border: 1px solid #dbdbdc;
    border-top: none;
}

.project-block .inner-box .lower-box h4 {
    position: relative;
    line-height: 1.2em;
    font-weight: 700;
}

.project-block .inner-box .lower-box h4 a {
    position: relative;
    color: #000000;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-block .inner-box:hover .lower-box h4 a {
    color: #f1a31a;
}

.project-block .inner-box .lower-box .category {
    position: relative;
    color: #666666;
    font-size: 16px;
    margin-top: 6px;
}


/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section {
    position: relative;
    padding: 0px 0px 180px;
}

.service-block {
    position: relative;
}

.service-block .inner-box {
    position: relative;
    overflow: hidden;
    padding: 50px 55px 45px;
    border: 1px solid #d3d3d3;
}


/* .service-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    background-color: #f1a31a;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    transform: scale(0.4, 1);
}

.service-block .inner-box:hover::before {
    opacity: 1;
    transform: scale(1, 1);
} */

.service-block .inner-box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 700ms ease;
    opacity: 0;
    visibility: hidden;
    object-fit: cover;
    object-position: center;
}

.service-block .inner-box:hover img {
    opacity: 1;
    visibility: visible;
}

.service-block .inner-box .number {
    position: relative;
    color: #cccccc;
    font-size: 16px;
    letter-spacing: 6px;
    position: absolute;
    right: 55px;
    top: 50px;
    text-transform: uppercase;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.service-block .inner-box:hover {
    border-color: transparent;
}

.service-block .inner-box:hover .number {
    color: #ffffff;
    opacity: 0.50;
}

.service-block .inner-box .icon {
    position: relative;
    line-height: 1em;
    font-size: 80px;
    color: #f1a31a;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.service-block .inner-box h4 {
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 120px;
    margin-bottom: 28px;
}

.service-block .inner-box h4 a {
    position: relative;
    color: #000000;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    border-bottom: 1px solid transparent;
}

.service-block .inner-box .text {
    position: relative;
    color: #666666;
    font-size: 18px;
    line-height: 1.7em;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.service-block .inner-box:hover .icon,
.service-block .inner-box:hover h4 a,
.service-block .inner-box:hover .text {
    color: #ffffff;
}

.service-block .inner-box:hover h4 a {
    border-color: #fff;
}

.see-all {
    text-transform: uppercase;
    font-size: 14px;
    color: #181b31;
    margin-top: auto;
    text-decoration: underline;
    transition: .3s;
    font-weight: 700;
}

.see-all:hover {
    color: #f1a31a;
    text-decoration: underline;
}


/*** 

====================================================================
	Testimonial Section
====================================================================

***/

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

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

.testimonial-section .owl-nav {
    position: absolute;
    right: 0px;
    top: -116px;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
    position: relative;
    width: 38px;
    height: 40px;
    color: #999999;
    font-size: 17px;
    line-height: 42px;
    text-align: center;
    border-radius: 8px;
    margin-left: 14px;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #d6d6d6;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section .owl-carousel .owl-nav button.owl-next,
 .testimonial-section .owl-carousel .owl-nav button.owl-prev, 
 .testimonial-section .owl-carousel button.owl-dot{
    border: 1px solid #d6d6d6;
 }

.testimonial-section .owl-carousel .owl-nav button.owl-next:hover,
 .testimonial-section .owl-carousel .owl-nav button.owl-prev:hover, 
 .testimonial-section .owl-carousel button.owl-dot:hover{
    background-color: #f1a31a;
    border-color: #f1a31a;
    color: #ffffff;
 }

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
    background-color: #f1a31a;
    border-color: #f1a31a;
    color: #ffffff;
}

.testimonial-block {
    position: relative;
}

.testimonial-block .inner-box {
    position: relative;
    padding: 0px 45px 48px;
}

.testimonial-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 45px;
    right: 0px;
    bottom: 0px;
    border-radius: 15px;
    background-color: #f2f5fa;
}

.about-page .testimonial-block .inner-box:before {
    background-color: #fff;
}

.testimonial-block .inner-box .content {
    position: relative;
}

.testimonial-block .inner-box .quote-icon {
    position: relative;
    text-align: right;
    color: #f1a31a;
    font-size: 60px;
    line-height: 1em;
    margin-top: 4px;
    margin-bottom: 8px;
}

.testimonial-block .inner-box .content .author-image {
    position: relative;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50px;
}

.testimonial-block .inner-box .content .author {
    position: relative;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.testimonial-block .inner-box .content .author span {
    position: relative;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

.testimonial-block .inner-box .content .author i {
    position: relative;
    color: #1161d6;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.testimonial-block .inner-box .text {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 15px;
}


/*** 

====================================================================
	Clients Section
====================================================================

***/

.clients-section {
    position: relative;
    padding: 180px 0px 180px;
    border-bottom: 1px solid #ebebeb;
}

.clients-section .outer-container {
    position: relative;
    padding: 0px 60px;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
    position: relative;
    display: none;
}

.clients-section .sponsors-outer .image-box {
    position: relative;
    text-align: center;
    margin: 0px;
}

.clients-section .sponsors-outer .image-box img {
    max-width: 100%;
    width: auto;
    opacity: 0.5;
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.clients-section .sponsors-outer .image-box img:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
    position: relative;
    overflow: hidden;
    padding: 180px 0;
}

.team-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.team-section .team-block {
    position: relative;
    width: 20%;
    text-align: center;
}

.team-section .team-block:nth-child(5) .inner-box .overlay-content,
.team-section .team-block:nth-child(8) .inner-box .overlay-content {
    left: auto;
    right: 50%;
}

.team-section .button-box {
    position: relative;
    line-height: 10px;
}

.team-section .button-box .theme-btn {
    font-size: 16px;
    padding: 11px 29px;
}

.team-block {
    position: relative;
    margin-bottom: 75px;
}

.team-block .inner-box {
    position: relative;
}

.team-block .inner-box .image {
    position: relative;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

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

.team-block .inner-box:hover .image {
    opacity: 0.25;
}

.team-block .inner-box .lower-box {
    position: relative;
    padding-top: 28px;
    text-align: center;
}

.team-block .inner-box .lower-box h6 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.team-block .inner-box .lower-box h6 a {
    position: relative;
    color: #000000;
}

.team-block .inner-box .lower-box .designation {
    position: relative;
    color: #999999;
    font-size: 13px;
    margin-top: 4px;
}

.team-block .inner-box .overlay-content {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    z-index: 10;
    visibility: hidden;
    width: 470px;
    height: 300px;
    text-align: left;
    margin-top: -50px;
    padding: 45px 45px;
    border-radius: 15px;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    transform: scale(1, 0.2);
}

.team-block .inner-box:hover .overlay-content {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
}

.team-block .inner-box .overlay-content .text {
    position: relative;
    color: #000000;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 35px;
}

.team-block .inner-box .overlay-content .social-box {
    position: relative;
}

.team-block .inner-box .overlay-content .social-box li {
    position: relative;
    margin-right: 15px;
    display: inline-block;
}

.team-block .inner-box .overlay-content .social-box li.share {
    position: relative;
    top: -4px;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.team-block .inner-box .overlay-content .social-box li a {
    position: relative;
    font-weight: 400;
    color: #999999;
    font-size: 18px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.team-block .inner-box .overlay-content .social-box li a:hover {
    color: #f1a31a;
}


/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section {
    position: relative;
    overflow: hidden;
    padding-top: 180px;
    background-color: #f2f5fa;
}

.pricing-section .inner-container {
    position: relative;
    padding-bottom: 180px;
    border-bottom: 1px solid #e2e2e2;
}

.pricing-section .lower-text {
    position: relative;
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-top: 62px;
}

.pricing-section .lower-text a {
    position: relative;
    color: #0099ff;
    font-size: 18px;
    text-decoration: underline;
}

.pricing-section .pricing-tabs .tabs-content {
    position: relative;
    border-radius: 15px;
    background-color: #ffffff;
}

.pricing-section .pricing-tabs .tabs-content .tab {
    position: relative;
    display: none;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transform: translateY(60px);
}

.pricing-section .pricing-tabs .tabs-content .tab.active-tab {
    display: block;
    transform: translateY(0px);
}

.pricing-section .price-block {
    padding: 0px;
    border-right: 1px solid #e6e9ec;
}

.pricing-section .price-block:last-child {
    border-right: 0px;
    margin: 0;
}

.pricing-tabs {
    position: relative;
}

.pricing-tabs .title-column {
    position: relative;
    text-align: center;
    margin-bottom: 33px;
}

.pricing-tabs .tab-buttons {
    position: relative;
    text-align: center;
    display: inline-block;
}

.pricing-tabs .tab-buttons .tab-btn {
    position: relative;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    float: left;
    cursor: pointer;
    margin: 0px 20px;
    line-height: 24px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-tabs .tab-buttons .tab-btn.monthly:before {
    position: absolute;
    content: '';
    right: -44px;
    top: 0px;
    width: 24px;
    height: 24px;
    z-index: 1;
    display: inline-block;
}

.pricing-tabs .tab-buttons .tab-btn.yearly:before {
    position: absolute;
    content: '';
    left: -44px;
    top: 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.pricing-tabs .tab-buttons .boll {
    position: relative;
    width: 46px;
    height: 24px;
    padding: 4px 3px 2px;
    border-radius: 50px;
    float: left;
    text-align: left;
    background-color: #f1a31a;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
}

.pricing-tabs .tab-buttons .boll .round {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    display: inline-block;
    background-color: #f6f8f4;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-tabs .tab-buttons .boll .round.boll-right {
    transform: translateX(24px);
}

.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn {
    color: #000000;
}

.price-block {
    position: relative;
}

.price-block .inner-box {
    position: relative;
    padding: 35px 30px 35px 45px;
}

.price-block .inner-box .title {
    position: relative;
    color: #999999;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.price-block .inner-box .price {
    position: relative;
    color: #669900;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 20px;
    margin-bottom: 20px;
}

.price-block .inner-box .price span {
    position: relative;
    color: #000000;
    font-size: 20px;
}

.price-block .inner-box .text {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 1.8em;
    padding-bottom: 25px;
    margin-bottom: 28px;
    border-bottom: 1px dashed #cccccc;
}

.price-block .inner-box .price-list {
    position: relative;
    min-height: 210px;
}

.price-block .inner-box .price-list li {
    position: relative;
    color: #000000;
    font-size: 16px;
    margin-bottom: 14px;
    padding-left: 30px;
}

.price-block .inner-box .price-list li:before {
    position: absolute;
    content: '\52';
    left: 0px;
    top: 0px;
    color: #669900;
    font-size: 16px;
    font-family: 'ElegantIcons';
}

.price-block .inner-box .price-list li:last-child {
    margin-bottom: 0px;
}

.price-block .inner-box .theme-btn {
    font-size: 16px;
    padding: 11px 35px;
}


/*** 

====================================================================
	Press Section
====================================================================

***/

.press-section {
    position: relative;
    overflow: hidden;
    padding-top: 180px;
    padding-bottom: 180px;
    background-color: #f2f5fa;
}

.press-section .sec-title {
    margin-bottom: 71px;
}

.press-image-block {
    position: relative;
}

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

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

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

.press-section .press-block:nth-child(3) .inner-box .post-date {
    margin-bottom: 108px;
}


/* Press Block */

.press-block {
    position: relative;
}

.press-block .inner-box {
    position: relative;
    padding: 37px 45px;
    background-color: #ffffff;
}

.press-block .inner-box .post-date {
    position: relative;
    color: #cccccc;
    font-size: 72px;
    font-weight: 400;
    line-height: 80px;
    margin-bottom: 75px;
}

.press-block .inner-box .post-date span {
    position: relative;
    color: #cccccc;
    font-weight: 700;
    font-size: 12px;
    display: block;
    line-height: 1em;
    text-transform: uppercase;
}

.press-block .inner-box .title {
    position: relative;
    color: #f1a31a;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.press-block .inner-box h4 {
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 12px;
}

.press-block .inner-box h4 a {
    position: relative;
    color: #000000;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.press-block .inner-box h4 a:hover {
    color: #f1a31a;
}


/*** 

====================================================================
	Main Footer Section
====================================================================

***/

.main-footer {
    position: relative;
}

.main-footer .widgets-section {
    position: relative;
    padding: 170px 0px 140px;
}

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

.main-footer .footer-widget .logo {
    position: relative;
    text-align: center;
    margin-bottom: 25px;
}

.main-footer .footer-widget h4 {
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 35px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Karla', sans-serif;
}

.main-footer .location-list {
    position: relative;
}

.main-footer .location-list li {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 12px;
}

.main-footer .location-list li a {
    position: relative;
    color: #666666;
    font-size: 16px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .location-list li a:hover {
    color: #f1a31a;
    text-decoration: underline;
}

.main-footer .location-list li:last-child {
    margin-bottom: 0px;
}

.main-footer .social-box {
    position: relative;
    margin-top: 45px;
}

.main-footer .social-box li {
    position: relative;
    margin-right: 18px;
    display: inline-block;
}

.main-footer .social-box li a {
    position: relative;
    color: #999999;
    font-size: 18px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .social-box li a:hover {
    color: #f1a31a;
}

.main-footer .social-box li.facebook a {
    font-size: 18px;
}

.main-footer .social-box li.google a {
    font-size: 25px;
}

.main-footer .social-box li.behance a {
    font-size: 24px;
}

.main-footer .social-box li.instagram a {
    font-size: 17px;
}

.main-footer .twitter-widget {
    position: relative;
    text-align: right;
}

.main-footer .twitter-widget .tweet {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 20px;
}

.main-footer .twitter-widget .tweet a {
    position: relative;
    color: #0099ff;
    font-style: italic;
    text-decoration: underline;
}

.main-footer .twitter-widget .tweet .post-date {
    position: relative;
    color: #999999;
    font-size: 14px;
    padding-left: 22px;
    margin-top: 5px;
    display: inline;
    text-transform: uppercase;
}

.main-footer .twitter-widget .tweet .post-date:before {
    position: absolute;
    content: '\ed7a';
    left: 0px;
    top: 3px;
    color: #999999;
    font-size: 14px;
    line-height: 1em;
    font-family: "icofont";
}

.main-footer .footer-bottom {
    position: relative;
    padding: 75px 15px;
    text-align: center;
    border-top: 1px solid #ebebeb;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.main-footer .footer-bottom .copyright a {
    position: relative;
    color: #000000;
    font-weight: 700;
    transition: .3s;
}

.main-footer .footer-bottom .copyright a:hover {
    color: #f1a31a;
}

.main-footer .footer-bottom .copyright span {
    color: #000000;
    font-weight: 700;
}

.main-footer .footer-bottom .copyright i {
    font-size: 16px;
}

.page-title-section {
    position: relative;
    text-align: center;
    padding: 450px 0px 350px;
    background-size: cover;
}

.page-title-section h1 {
    position: relative;
    color: #ffffff;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.6em;
    letter-spacing: 36px;
    text-transform: uppercase;
}


/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section {
    position: relative;
    overflow: hidden;
}

.gallery-section .image-column {
    position: relative;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.gallery-section .row {
    margin: 0px -5px;
}

.gallery-section .image {
    position: relative;
}

.gallery-section .image img {
    position: relative;
    width: 1005;
    display: block;
}


/*** 

====================================================================
	Page Title Section Two
====================================================================

***/

.page-title-two-section {
    position: relative;
    text-align: center;
    padding: 290px 0px 90px;
}

.page-title-two-section h1 {
    position: relative;
    font-weight: 700;
    font-size: 100px;
    line-height: 1em;
    color: #000000;
    letter-spacing: 40px;
    text-transform: uppercase;
}

.page-title-two-section .page-breadcrumb {
    position: relative;
    margin-top: 60px;
}

.page-title-two-section .page-breadcrumb li {
    position: relative;
    color: #000000;
    font-size: 18px;
    padding-right: 15px;
    margin-right: 10px;
    letter-spacing: 3px;
    display: inline-block;
    text-transform: uppercase;
}

.page-title-two-section .page-breadcrumb li:before {
    position: absolute;
    content: '/';
    right: -3px;
    top: 0px;
    color: #999999;
}

.page-title-two-section .page-breadcrumb li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.page-title-two-section .page-breadcrumb li:last-child::before {
    display: none;
}

.page-title-two-section .page-breadcrumb li a {
    position: relative;
    color: #999999;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title-two-section .page-breadcrumb li a:hover {
    color: #000000;
}


/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-page-section {
    position: relative;
    padding: 20px 0px 160px;
    border-bottom: 1px solid #dedede;
}

.gallery-page-section .loading-boxed {
    position: relative;
    margin-top: 40px;
}

.gallery-page-section .filters {
    position: relative;
    margin-bottom: 60px;
}

.gallery-page-section .filters .filter-tabs {
    position: relative;
}

.gallery-page-section .filters li {
    position: relative;
    display: inline-block;
    margin: 0px 2px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #000000;
    z-index: 1;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0px 20px 0px;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-page-section .filters .filter.active,
.gallery-page-section .filters .filter:hover {
    color: #f1a31a;
}

.gallery-page-section .project-block {
    margin-bottom: 85px;
}

.project-block.mix {
    display: none;
}


/*** 

====================================================================
	Challenge Section
====================================================================

***/

.challenge-section {
    position: relative;
    padding-top: 160px;
}

.challenge-section .title-box {
    position: relative;
    text-align: center;
    margin-bottom: 80px;
}

.challenge-section .title-box .title {
    position: relative;
    color: #000000;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.challenge-section .title-box h2 {
    position: relative;
    color: #000000;
    font-size: 48px;
    line-height: 1.2em;
    font-weight: 700;
    margin-top: 30px;
}

.challenge-section .inner-container {
    position: relative;
    padding-bottom: 70px;
    border-bottom: 1px solid #e7e7e7;
}

.challenge-section .challenge-column {
    position: relative;
    margin-bottom: 30px;
}

.challenge-section .challenge-column .title {
    position: relative;
    color: #999999;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.challenge-section .challenge-column h6 {
    position: relative;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7em;
    margin-top: 15px;
}


/*** 

====================================================================
	Project Description Section
====================================================================

***/

.project-description-section {
    position: relative;
    padding-top: 120px;
    padding-bottom: 130px;
    border-bottom: 1px solid #e7e7e7;
}

.project-description-section .title-box {
    position: relative;
    text-align: center;
    margin-bottom: 70px;
}

.project-description-section .title-box h2 {
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.3em;
    text-transform: uppercase;
}

.project-description-section .title-box .text {
    position: relative;
    color: #666666;
    font-weight: 400;
    line-height: 2em;
    max-width: 830px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 18px;
}

.project-description-section .gallery-column {
    margin-bottom: 70px;
}

.project-description-section .gallery-column .column {
    position: relative;
    margin-bottom: 30px;
}

.project-description-section .gallery-column img {
    position: relative;
    width: 100%;
    display: block;
}

.video-boxed {
    position: relative;
    margin-bottom: 30px;
}

.video-boxed .video-image {
    position: relative;
    margin: 0px;
}

.video-boxed .video-image img {
    position: relative;
    width: 100%;
    z-index: 3;
}

.video-boxed .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 45px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.video-boxed .overlay-box span {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 50%;
    top: 50%;
    z-index: 10;
    color: #ffffff;
    font-weight: 400;
    font-size: 46px;
    text-align: center;
    border-radius: 50%;
    padding-left: 8px;
    display: inline-block;
    margin-top: -65px;
    margin-left: -65px;
    line-height: 122px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    border: 4px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.25);
}

.video-boxed .ripple,
.video-boxed .ripple:before,
.video-boxed .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-boxed .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-boxed .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.project-description-section .social-box {
    position: relative;
}

.project-description-section .social-box .share {
    position: relative;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.project-description-section .social-box li {
    position: relative;
    margin-right: 18px;
    display: inline-block;
}

.project-description-section .social-box li a {
    position: relative;
    color: #999999;
    font-size: 18px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-description-section .social-box li a:hover {
    color: #f1a31a;
}

.project-description-section .social-box li.facebook a {
    font-size: 18px;
}

.project-description-section .social-box li.google a {
    font-size: 25px;
}

.project-description-section .social-box li.behance a {
    font-size: 24px;
}

.project-description-section .social-box li.instagram a {
    font-size: 17px;
}

.project-description-section .start-box {
    position: relative;
    text-align: center;
    margin-top: 110px;
}

.project-description-section .start-box .box-inner {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    padding-top: 80px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
}

.project-description-section .start-box .box-inner .start-text {
    position: relative;
    color: #000000;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8em;
    font-weight: 700;
    text-transform: uppercase;
}

.project-description-section .start-box .box-inner h3 {
    position: relative;
    color: #f1a31a;
    font-size: 30px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.project-description-section .start-box .box-inner .arrow {
    position: relative;
    color: #000000;
    font-size: 36px;
    line-height: 1em;
}

.project-description-section .more-posts {
    position: relative;
    padding-top: 60px;
    margin-top: 140px;
    border-top: 1px solid #e7e7e7;
}

.project-description-section .more-posts .icon {
    position: relative;
    font-size: 20px;
    line-height: 1em;
}

.project-description-section .more-posts a {
    position: relative;
    color: #999999;
    font-size: 24px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-description-section .more-posts a:hover {
    color: #f1a31a;
}

.project-description-section .more-posts h6 {
    position: relative;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    margin-top: 10px;
}

.project-description-section .more-posts .next-posts {
    text-align: right;
}


/*** 

====================================================================
	Blog Page Section
====================================================================

***/

.blog-page-section {
    position: relative;
    padding: 20px 0px 160px;
    border-bottom: 1px solid #dedede;
}

.blog-page-section .filters {
    position: relative;
    margin-bottom: 60px;
}

.blog-page-section .filters .filter-tabs {
    position: relative;
}

.blog-page-section .filters li {
    position: relative;
    display: inline-block;
    margin: 0px 2px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #000000;
    z-index: 1;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0px 20px 0px;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.blog-page-section .filters .filter.active,
.blog-page-section .filters .filter:hover {
    color: #f1a31a;
}

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

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

.news-block .inner-box .image {
    position: relative;
    overflow: hidden;
    background-color: #f1a31a;
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.news-block .inner-box:hover .image img {
    opacity: 0.7;
    transform: scale(1.04, 1.04);
}

.news-block .inner-box .lower-content {
    position: relative;
    padding-top: 25px;
}

.news-block .inner-box .lower-content .title {
    position: relative;
    color: #f1a31a;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.news-block .inner-box .lower-content h4 {
    position: relative;
    line-height: 1.4em;
    font-weight: 700;
    margin-top: 12px;
}

.news-block .inner-box .lower-content h4 a {
    position: relative;
    color: #000000;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.news-block .inner-box .lower-content h4 a:hover {
    color: #f1a31a;
    text-decoration: underline;
}

.news-block .inner-box .lower-content .post-date {
    position: relative;
    color: #666666;
    font-size: 16px;
    margin-top: 20px;
}

.news-block.mix {
    display: none;
}


/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.blog-page-section .pagination-outer {
    margin-top: 40px;
}

.pagination-outer {
    text-align: center;
}

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

.styled-pagination li {
    position: relative;
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    margin: 0px 12px 0px;
    display: inline-block;
}

.styled-pagination li a {
    position: relative;
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    background: none;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a {
    color: #f1a31a;
}

.blog-pagination.styled-pagination li.active a,
.blog-pagination.styled-pagination li:hover a {
    color: #f1a31a;
}


/*** 

====================================================================
	Page Title Section Three
====================================================================

***/

.page-title-three-section {
    position: relative;
    text-align: center;
    padding: 290px 0px 90px;
}

.page-title-three-section h1 {
    position: relative;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.3em;
    color: #000000;
    text-transform: capitalize;
}

.page-title-three-section .page-breadcrumb {
    position: relative;
    margin-top: 50px;
}

.page-title-three-section .page-breadcrumb li {
    position: relative;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    padding-right: 15px;
    margin-right: 10px;
    display: inline-block;
}

.page-title-three-section .page-breadcrumb li:nth-child(2) {
    position: relative;
    color: #999999;
    font-size: 16px;
    font-weight: 400;
}

.page-title-three-section .page-breadcrumb li:nth-child(3) {
    position: relative;
    color: #f1a31a;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.page-title-three-section .page-breadcrumb li:before {
    position: absolute;
    content: '/';
    right: -3px;
    top: 0px;
    color: #999999;
}

.page-title-three-section .page-breadcrumb li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.page-title-three-section .page-breadcrumb li:last-child::before {
    display: none;
}

.page-title-three-section .page-breadcrumb li a {
    position: relative;
    color: #000000;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title-three-section .page-breadcrumb li a:hover {
    color: #f1a31a;
}


/*** 

====================================================================
	Blo Detail Section
====================================================================

***/

.blog-detail-section {
    position: relative;
}

.blog-detail-section .image-box {
    position: relative;
    margin-bottom: 90px;
}

.blog-detail-section .image-box img {
    position: relative;
    width: 100%;
    display: block;
}

.blog-detail-section .inner-container {
    position: relative;
}

.blog-detail-section .inner-container .content-box {
    position: relative;
    max-width: 770px;
    margin: 0 auto;
}

.blog-detail-section .inner-container h4 {
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 50px;
}

.blog-detail-section .inner-container p {
    position: relative;
    color: #666666;
    font-size: 16px;
    line-height: 1.9em;
    margin-bottom: 40px;
}

.blog-detail-section .inner-container blockquote {
    position: relative;
    padding-left: 100px;
    margin-bottom: 50px;
    margin-top: 60px;
}

.blog-detail-section .inner-container blockquote .quote-heading {
    position: relative;
    color: #000000;
    font-size: 24px;
    line-height: 1.6em;
    font-style: italic;
    margin-bottom: 40px;
}

.blog-detail-section .inner-container blockquote .author-name {
    position: relative;
    color: #000000;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-detail-section .inner-container blockquote .author-name span {
    position: relative;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.blog-detail-section .inner-container .gallery-column {
    position: relative;
    margin-top: 80px;
}

.blog-detail-section .inner-container .gallery-column .image {
    position: relative;
    margin-bottom: 30px;
}

.blog-detail-section .inner-container .gallery-column .image img {
    position: relative;
    width: 100%;
    display: block;
}

.blog-detail-section .inner-container .gallery-column .image .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.blog-detail-section .inner-container .gallery-column .image .overlay-box:before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0%;
    width: 0%;
    background-color: #000000;
    opacity: 0.50;
    content: "";
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail-section .inner-container .gallery-column .image:hover .overlay-box:before {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.blog-detail-section .inner-container .gallery-column .image .overlay-box .icon-box {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-detail-section .inner-container .gallery-column .image .overlay-box .icon-box .link {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.blog-detail-section .inner-container .gallery-column .image .overlay-box .icon-box .icon {
    font-size: 48px;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail-section .inner-container .gallery-column .image .overlay-box .icon-box .link:hover .icon {
    color: #f1a31a;
}

.blog-detail-section .inner-container .gallery-column .image:hover .icon-box>.link {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.blog-detail-section .post-share-options {
    position: relative;
    text-align: center;
    margin-top: 80px;
}

.blog-detail-section .post-share-options .tags {
    position: relative;
}

.blog-detail-section .post-share-options .tags li {
    position: relative;
    display: inline-block;
}

.blog-detail-section .post-share-options .tags li.tags {
    position: relative;
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.blog-detail-section .post-share-options .tags li a {
    position: relative;
    color: #999999;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail-section .post-share-options .tags li a:hover {
    color: #f1a31a;
}

.blog-detail-section .post-share-options {
    position: relative;
}

.blog-detail-section .post-share-options .social-box {
    position: relative;
    margin-top: 30px;
}

.blog-detail-section .post-share-options .social-box li {
    position: relative;
    margin-right: 18px;
    display: inline-block;
}

.blog-detail-section .post-share-options .social-box li.share {
    position: relative;
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.blog-detail-section .post-share-options .social-box li a {
    position: relative;
    color: #999999;
    font-size: 18px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail-section .post-share-options .social-box li a:hover {
    color: #f1a31a;
}

.blog-detail-section .post-share-options .social-box li.facebook a {
    font-size: 18px;
}

.blog-detail-section .post-share-options .social-box li.google a {
    font-size: 25px;
}

.blog-detail-section .post-share-options .social-box li.behance a {
    font-size: 24px;
}

.blog-detail-section .post-share-options .social-box li.instagram a {
    font-size: 17px;
}


/* More Posts */

.blog-detail-section .more-posts {
    position: relative;
    padding-top: 60px;
    margin-top: 140px;
    padding-bottom: 110px;
    border-top: 1px solid #e7e7e7;
}

.blog-detail-section .more-posts .icon {
    position: relative;
    font-size: 20px;
    line-height: 1em;
}

.blog-detail-section .more-posts a {
    position: relative;
    color: #999999;
    font-size: 24px;
    text-transform: capitalize;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail-section .more-posts a:hover {
    color: #f1a31a;
}

.blog-detail-section .more-posts h6 {
    position: relative;
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    margin-top: 10px;
}

.blog-detail-section .more-posts .next-posts {
    text-align: right;
}

.blog-detail-section .lower-section {
    position: relative;
    padding: 120px 0px 170px;
    background-color: #f2f5fa;
}


/* Comment Area */

.blog-detail-section .lower-section .comments-area {
    position: relative;
    margin-top: 40px;
    max-width: 770px;
    margin: 0 auto;
}

.blog-detail-section .lower-section .group-title {
    position: relative;
    margin-bottom: 40px;
}

.blog-detail-section .lower-section .group-title h4 {
    position: relative;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-detail-section .lower-section .comments-area .comment-box {
    position: relative;
    padding: 0px 0px 0px;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail-section .lower-section .comments-area .comment-box:last-child {
    margin-bottom: 0px;
}

.blog-detail-section .lower-section .comments-area .comment {
    position: relative;
    min-height: 100px;
    padding: 0px 0px 0px 100px;
    font-size: 14px;
}

.blog-detail-section .lower-section .comments-area .comment .comment-inner {
    position: relative;
    padding-top: 20px;
    padding-left: 15px;
    border-top: 1px solid #d6d8dd;
}

.blog-detail-section .lower-section .comments-area .comment .comment-reply {
    position: relative;
    color: #da4326;
    font-size: 13px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-detail-section .lower-section .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 20px;
}

.blog-detail-section .lower-section .comments-area .comment-info {
    color: #777777;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 12px;
}

.blog-detail-section .lower-section .comments-area .comment-box strong {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    line-height: 18px;
    display: inline-block;
    text-transform: capitalize;
}

.blog-detail-section .lower-section .comments-area .comment-box .text {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 18px;
}

.blog-detail-section .lower-section .comments-area .comment-info .location {
    position: relative;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    display: inline-block;
    margin-left: 15px;
}


/***

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form {
    position: relative;
    max-width: 770px;
    margin: 0 auto;
    margin-top: 60px;
}

.comment-form .group-title {
    position: relative;
    margin-bottom: 40px;
}

.comment-form .group-title h4 {
    position: relative;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

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

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    color: #999999;
    line-height: 28px;
    padding: 10px 20px;
    height: 50px;
    font-size: 16px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

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

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 20px;
    color: #999999;
    height: 210px;
    resize: none;
    font-size: 16px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .theme-btn {
    cursor: pointer;
}


/***

====================================================================
	Map Section
====================================================================

***/

.map-section {
    position: relative;
}

.map-section iframe {
    position: relative;
    width: 100%;
    height: 500px;
}


/***

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section {
    position: relative;
    padding: 110px 0px 80px;
}

.contact-info-section .inner-container {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
}

.contact-title {
    margin-bottom: 80px;
}

.contact-title .title {
    line-height: 40px;
    max-width: 670px;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin: auto;
}

.contact-info-section .info-column {
    position: relative;
    margin-bottom: 30px;
}

.contact-info-section .info-column .inner-column {
    position: relative;
}

.contact-info-section .info-column .upper-box {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d3d6da;
}

.contact-info-section .info-column .upper-box h6 {
    position: relative;
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-info-section .info-column .upper-box .icon {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #999999;
    font-size: 20px;
    line-height: 1em;
}

.contact-info-section .info-column .inner-column .info-list {
    position: relative;
}

.contact-info-section .info-column .inner-column .info-list li {
    position: relative;
    color: #000000;
    font-size: 16px;
    line-height: 2em;
}

.contact-info-section .info-column .inner-column .info-list li a {
    position: relative;
    color: #000000;
    font-size: 16px;
}


/***

====================================================================
	Contact Form Section
====================================================================

***/

.contact-form-section {
    position: relative;
    padding-bottom: 180px;
    border-bottom: 1px solid #d5d5d5;
}

.contact-form-section .inner-container {
    position: relative;
    padding: 100px 100px;
    background-color: #f2f5fa;
}

.contact-form-section .title-box {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.contact-form-section .title-box h2 {
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.2em;
    font-size: 30px;
    text-transform: uppercase;
}

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

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

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

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    color: #999999;
    line-height: 28px;
    padding: 10px 20px;
    height: 45px;
    font-size: 16px;
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

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

.contact-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 15px 20px;
    color: #999999;
    height: 210px;
    resize: none;
    font-size: 16px;
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .theme-btn {
    cursor: pointer;
    margin-top: 30px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
    border-color: #ff0000 !important;
}

.contact-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 12px;
    color: #ff0000;
    font-weight: 500;
}