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

    Template Name: Picker || Startup and Agency Bootstrap4 Template
    Template URI: http://pluginspoint.com/demo/picker-preivew/
    Description: Picker - Startup and Agency Bootstrap4 Template is a Fully Responsive Template built on Bootstrap4, HTML5, CSS3, JavaScript, jQuery. It’s a modern crafted HTML5 Template.
    Author: Johanspond
    Author URI: http://pluginspoint.com/
    Version: 1.0

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

    CSS INDEX
    ===================
  
    Theme default CSS
    1. Home One
        1.2 Slider
        1.3 Welcome
        1.4 Service
        1.5 What We
        1.6 Testimonial
        1.7 Portfolio
        1.8 Pricing
        1.9 Support
        1.10 Team
        1.11 Blog
        1.12 Brand
        1.13 Footer
    2. Home Two
        2.2 Slider
        2.3 About
        2.4 Service
        2.5 What We
        2.6 Portfolio
        2.7 Who We
        2.8 Team
        2.9 Testimonial
        2.10 Counter
        2.11 Blog
        2.12 Footer
    3. Home Three
        3.2 Slider
        3.3 Service
        3.4 What we
        3.5 About
        3.6 Subscribe
        3.7 Pricing
        3.8 Project
        3.9 Map
    4. About
    5. Service
    6. Service 2
    7. Service 3
    8. Project 3 Grid
    9. Project 3 Grid No Gutters
    10. Project 4 Grid No Gutters
    11. Project 4 Grid
    12. Project Cobbles
    13. Project Masonary
    14. Team
    15. Pricing
    16. News One Column
    17. News Two Column
    18. News Three Column
    19. News Masonary
    20. News Left Sidebar
    21. News Chese 2 Column
    22. News Chese 4 Column
    23. News Details
    24. 404
    25. Contact

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

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

/*  Theme default CSS
/*----------------------------------------*/

/*google-font*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700');
.clear {
    clear: both
}

::-moz-selection {
    background: #E38032;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #E38032;
    color: #ffffff;
    text-shadow: none;
}

.no-mar {
    margin: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #fff;
  overflow: hidden;
}
#loader {
  background: url("../img/loader.gif");
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -20px auto 0 auto;
}

.h1-header-bottom-area.navbar-fixed-top {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background: #f57005 none repeat scroll 0 0;
    -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 992;
}

.h2-header-bottom-area.navbar-fixed-top {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 992;
}

.header-3.navbar-fixed-top {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-bottom: medium none;
    -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 992;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

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

.text-right {
    text-align: right;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

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

button,
input,
textarea {
    letter-spacing: 1px;
}

/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/

/* 
--------------------------
- Default Typography
--------------------------
*/

body {
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #242424;
    letter-spacing: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 0;
}

h1 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
    margin-bottom: 0px;
}

h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
    font-size: 16px;
    line-height: 20px;
}

h6 {
    font-size: 14px;
    line-height: 18px;
}

p {
    color: #242424;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}

p img {
    margin: 0;
}

span {
    font-family: 'Roboto', sans-serif;
}

/* em and strong */

em {
    font: 15px/30px;
}

strong,
b {
    font: 15px/30px;
}

small {
    font-size: 11px;
    line-height: inherit;
}

/*  blockquotes */

blockquote {
    border-left: 0 none;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0;
    padding-left: 40px;
    position: relative;
}

blockquote::before {
    color: #4e5665;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 36px;
    left: 20px;
    line-height: 0;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}

blockquote p {
    font-style: italic;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
}

blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
    color: #8B9798;
    border: none
}

/* abbreviations */

abbr {
    color: #444;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .6px;
}

abbr:hover {
    cursor: help;
}

/* links */

a {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #111;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
}

a:hover,
a:active {
    color: #f57005;
    text-decoration: none;
    outline: 0;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

p a,
p a:visited {
    line-height: inherit;
    outline: 0;
}

a.active-page {
    color: #f57005;
}

/* list */

ul,
ol {
    margin-bottom: 0px;
    margin-top: 0px;
}

ul {
    margin: 0;
}

ol {
    list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 0px;
}

li {
    line-height: 18px;
    margin-bottom: 0px;
}

/* definition list */

dl {
    margin: 12px 0;
}

dt {
    margin: 0;
    color: #11ABB0;
}

dd {
    margin: 0 0 0 20px;
}

button {
    letter-spacing: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

/* 
--------------------------
- Custom Typography
--------------------------
*/

/* Your Custom Typography. */

.bg-with-black {
    position: relative;
}

.bg-with-black::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-white {
    position: relative;
}

.bg-with-white::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-blue {
    position: relative;
}

.bg-with-blue::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.hvr-bs:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.picker-link {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #242424;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    padding: 12px 33px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.picker-link-2 {
    border: 2px solid #dedede;
    border-radius: 3px;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    padding: 17px 54px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 2;
}

.picker-link-2::before {
    background: #f57005 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0s;
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0s;
    width: 100%;
    z-index: -1;
}

.picker-link-2:hover {
    color: #ffffff;
}

.picker-link-2:hover::before {
    left: 0;
}

.picker-link-3,
.picker-link-3.active:hover {
    border: 2px solid #E17F47;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    overflow: hidden;
    padding: 18px 25px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 2;
}

.picker-link-3::before,
.picker-link-3.active:hover::before {
    background: #E17F47 none repeat scroll 0 0;
    border-radius: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0s;
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) 0s;
    width: 100%;
    z-index: -1;
}

.picker-link-3:hover,
.picker-link-3.active {
    color: #E17F47;
}

.picker-link-3:hover::before,
.picker-link-3.active::before {
    right: -100%;
}

.picker-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c2c6c7;
    border-radius: 3px;
    color: #242424;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    outline: medium none;
    padding: 11px 36px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.picker-button.active,
.picker-button:hover {
    background: #f57005 none repeat scroll 0 0;
    border-color: #f57005;
    color: #ffffff;
    outline: medium none;
}

.section-title {
    margin: 0 0 30px;
}

.section-title .intro {
    color: #E17F47;
    font-size: 15px;
    line-height: 19px;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.section-title.color-white .intro {
    color: #ffffff;
}

.section-title .title {
    font-size: 40px;
    line-height: 45px;
    margin: 0 0 23px;
}

.section-title.color-white .title {
    color: #ffffff;
}

.section-title .text {
    margin: 0 0 6px;
}

.section-title.color-white .text {
    color: #ffffff;
}

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

/*  1. Home One
/*----------------------------------------*/

.header-1 {
    background: transparent none repeat scroll 0 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 99;
}

.h1-header-top-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px 0;
}

.h1hta-left {
    padding: 11px 0;
}

.h1hta-left .info {
    color: #ffffff;
}

.h1hta-left .info span {
    margin: 0 4px 0 0;
}

.h1hta-right {
    padding: 10px 0;
    text-align: right;
}

.h1hta-right .social {
    list-style: outside none none;
    padding: 0;
}

.h1hta-right .social li {
    display: inline-block;
    margin: 0 6px 0 0;
}

.h1hta-right .social li:last-child {
    margin-right: 0;
}

.h1hta-right .social li a {
    background: #333333 none repeat scroll 0 0;
    border-radius: 100%;
    color: #ffffff;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.h1hta-right .social li.twitter a {
    background: #009eee none repeat scroll 0 0;
}

.h1hta-right .social li.facebook a {
    background: #4065ae none repeat scroll 0 0;
}

.h1hta-right .social li.instagram a {
    background: #d6285d none repeat scroll 0 0;
}

.h1hta-right .social li.skype a {
    background: #01a1dc none repeat scroll 0 0;
}

.h1-logo {
    padding: 15px 0;
    position: relative;
    z-index: 3;
}

.h1-logo a {
    display: block;
}

.menu {
    text-align: right;
}

.menu ul {
    list-style: outside none none;
    padding: 0;
}

.menu ul li {
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
}

.menu ul li a {
    color: #ffffff;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    padding: 27px 8px;
    text-transform: uppercase;
}

.menu ul li:hover a {
    text-shadow: 3px 3px #f57005;
}

.menu ul li .drop {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    min-width: 200px;
    padding: 6px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 990;
}

.menu ul li:nth-last-child(1) .drop,
.menu ul li:nth-last-child(2) .drop {
    left: auto;
    right: 0;
}

.menu ul li:hover .drop {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.menu ul li .drop li {
    display: block;
    margin: 0;
    position: relative;
}

.menu ul li .drop li a {
    color: #242424;
    padding: 6px 10px;
    text-shadow: none;
}

.menu ul li .drop li:hover a {
    color: #f57005;
}

.menu ul li .drop li .third {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    left: 100%;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.menu ul li:nth-last-child(1) .drop li .third,
.menu ul li:nth-last-child(2) .drop li .third {
    left: auto;
    right: 100%;
}

.menu ul li .drop li:hover .third {
    opacity: 1;
    visibility: visible;
}

.menu ul li .drop li .third li {
    display: block;
}

.menu ul li .drop li .third li a {
    color: #242424;
    text-shadow: none;
}

.menu ul li .drop li .third li:hover a {
    color: #f57005;
}

.responsive-menu {
    margin: 0;
    position: relative;
    top: -44px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .responsive-menu {
        top: -36px;
    }
    .h2-header-bottom-area .responsive-menu {
        top: 20px;
    }
    .h3-header-bottom-area .responsive-menu {
        top: 26px;
    }
}

.responsive-menu .slicknav_menu {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}

.responsive-menu .slicknav_nav {
    background: #333333 none repeat scroll 0 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 90;
}

.responsive-menu .slicknav_nav ul {
    margin: 0;
    padding: 6px 0;
}

.responsive-menu .slicknav_nav ul li a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
}

.responsive-menu .slicknav_nav ul li a:hover {
    background: transparent none repeat scroll 0 0;
    color: #f57005;
}

.responsive-menu .slicknav_nav ul li ul {
    margin-left: 16px;
}

.h1hba-get-quote {
    padding: 15px 0;
    text-align: right;
}

/* 1.2 Slider */

.slider-area {
    background: #f57005 url(../img/home1/background_game.jpg) repeat scroll 0 0;
    overflow-x: hidden;
    padding: 275px 0 150px;
    position: relative;
    z-index: 1;
}

.slider-area::before {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 300px 490px;
    bottom: 0;
    content: "";
    left: -489px;
    position: absolute;
    z-index: 0;
}

.slider-area::after {
    border-color: transparent transparent #ffffff;
    border-style: solid;
    border-width: 390px 1420px;
    bottom: 0;
    content: "";
    position: absolute;
    right: -1420px;
    z-index: 0;
}

.slider-banner {
    background-image: url("../img/home1/hero-banner-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 74%;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 53%;
    z-index: 90;
}

.slider-bg-1,
.slider-bg-2,
.slider-bg-3 {
    background-repeat: no-repeat;
    background-size: contain;
    height: 50%;
    position: absolute;
    top: 36%;
    width: 50%;
}

.slider-bg-1 {
    background-image: url("../img/home1/hero-bg-shape-1.png");
    height: 50%;
    left: -9%;
    top: 36.5%;
    width: 40%;
}

.slider-bg-2 {
    background-image: url("../img/home1/hero-bg-shape-1.png");
    height: 50%;
    left: -9%;
    top: 2%;
    width: 40%;
}

.slider-bg-3 {
    background-image: url("../img/home1/hero-bg-shape-1.png");
    height: 50%;
    right: 40px;
    top: -16%;
    width: 40%;
}

.slider-carousel {
    padding-bottom: 100px;
    padding-right: 10px;
}

.slider-box .title {
    color: #ffffff;
    font-size: 60px;
    line-height: 62px;
    margin: 0 0 27px;
}

.active .slider-box .title {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.slider-box .text {
    color: #ffffff;
    margin: 0 0 46px;
    font-size: 22px;
    line-height: 40px;
}

.active .slider-box .text {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.slider-box .link {
    padding: 17px 33px;
}

.active .slider-box .link {
    -webkit-animation-delay: 0.91s;
    animation-delay: 0.91s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.slider-carousel .owl-dots {
    bottom: 0;
    left: 0;
    position: absolute;
}

.slider-carousel .owl-dots .owl-dot {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    height: 4px;
    margin-right: 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 10px;
}

.slider-carousel .owl-dots .owl-dot.active {
    width: 60px;
}

/* 1.3 Welcome */

.welcome-area {
    padding: 0 0 50px;
    position: relative;
    z-index: 2;
}

.welcome-area::after {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 153.2%;
    position: absolute;
    right: 0;
    top: -42%;
    width: 100%;
    z-index: -1;
}

.service-box-1 {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.1);
    margin: auto auto 45px;
    padding: 54px 28px 49px;
    text-align: center;
}

.service-box-1 .icon {
    margin: 0 0 20px;
}

.service-box-1 .icon span {
    background: rgba(0, 0, 0, 0) url("../img/home1/welcome-icon-bg-1.png") no-repeat scroll center center / contain;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    height: 66px;
    line-height: 66px;
    width: 71px;
}

.service-box-1 .icon span.color-1 {
    background: rgba(0, 0, 0, 0) url("../img/home1/welcome-icon-bg-1.png") no-repeat scroll center center / contain;
}

.service-box-1 .icon span.color-2 {
    background: rgba(0, 0, 0, 0) url("../img/home1/welcome-icon-bg-2.png") no-repeat scroll center center / contain;
}

.service-box-1 .content {
    position: relative;
}

.service-box-1 .content .title {
    font-size: 24px;
    line-height: 28px;
    margin: 30px 0 30px;
}

.service-box-1 .content .link {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    bottom: -64px;
    display: inline-block;
    font-size: 18px;
    font-weight: 900;
    height: 35px;
    left: 0;
    line-height: 35px;
    margin: auto;
    position: absolute;
    right: 0;
    width: 35px;
    z-index: 8;
}

.service-box-1 .content .link:hover {
    background: #f57005 none repeat scroll 0 0;
    color: #ffffff;
}

/* 1.4 Service */

.service-area {
    background: #f5f5f5 none repeat scroll 0 0;
    overflow-x: hidden;
    padding: 116px 0 128px;
    position: relative;
    z-index: 1;
}

.service-area::before {
    /*background-image: url("../img/home1/service-bg-1.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 90%;
    left: -44%;
    position: absolute;
    width: 86%;
    z-index: -1;
}

.service-area::after {
    /*background-image: url("../img/home1/service-bg-1.png");*/
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 60%;
    position: absolute;
    right: -34%;
    top: 21%;
    width: 56%;
    z-index: -1;
}

.service-banner {
    background-image: url("../img/home1/service-banner.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 120px;
    height: 90%;
    left: 6%;
    max-height: 670px;
    position: absolute;
    width: 37%;
}

.service-box-2 {
    margin: auto auto 19px;
    position: relative;
}

.service-box-2 .icon {
    left: 0;
    position: absolute;
    top: 0;
}

.service-box-2 .icon span {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-1.png") no-repeat scroll center center / contain;
    color: #ffffff;
    display: inline-block;
    font-size: 28px;
    height: 50px;
    line-height: 56px;
    text-align: center;
    width: 50px;
}

.service-box-2 .icon span.color-1 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon.png") no-repeat scroll center center / contain;
}

.service-box-2 .icon span.color-2 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-2.png") no-repeat scroll center center / contain;
}

.service-box-2 .icon span.color-3 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-3.png") no-repeat scroll center center / contain;
}

.service-box-2 .icon span.color-4 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-4.png") no-repeat scroll center center / contain;
}

.service-box-2 .icon span.color-5 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-5.png") no-repeat scroll center center / contain;
}

.service-box-2 .icon span.color-6 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-6.png") no-repeat scroll center center / contain;
}

.service-box-2 .icon span.color-7 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-7.png") no-repeat scroll center center / contain;
}

.service-box-2 .icon span.color-8 {
    background: rgba(0, 0, 0, 0) url("../img/home1/service-icon-bg-8.png") no-repeat scroll center center / contain;
}

.service-box-2 .content .title {
    font-size: 25px;
    line-height: 22px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.service-box-2:hover .content .title {
    color: #F26F1F;
}

.service-box-2 .content .text {
    margin: 26px 0 0;
}

.service-box-2 .content .link {
    color: #919495;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    margin: 22px 0 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.service-box-2 .content .link:hover {
    color: #E17F47;
    margin-left: 3px;
}

/* 1.5 What We */

.what-we-area {
    overflow: hidden;
    padding: 130px 0 70px;
    position: relative;
}

.what-we-area::before {
    background-image: url("../img/home1/we-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 120px;
    content: "";
    height: 76%;
    position: absolute;
    right: 6%;
    width: 40%;
}

.what-we-list {
    list-style: outside none none;
    padding: 0;
}

.what-we-list li {
    color: #242424;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0 0 8px;
    padding: 0 0 0 34px;
    position: relative;
}

.what-we-list li::before {
    border: 1px solid #E17F47;
    border-radius: 100px;
    color: #E17F47;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
    height: 20px;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 20px;
}

.what-we-list li:last-child {
    margin-bottom: 0;
}

.what-we-banner {
    bottom: -100%;
    position: absolute;
    right: -32%;
    width: 154%;
}

/* 1.6 Testimonial */

.testimonial-area {
    background: rgba(0, 0, 0, 0) url("../img/home1/testimonial-bg.jpg") no-repeat scroll center center / cover;
    padding: 162px 0 162px;
}

.single-testimonial {
    background: #ffffff none repeat scroll 0 0;
    padding: 64px 54px 66px;
}

.single-testimonial .text {
    margin: 0 0 41px;
    padding: 60px 0 0;
    position: relative;
}

.single-testimonial .text::before {
    color: #f57005;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    font-weight: 900;
    left: 0;
    line-height: 40px;
    position: absolute;
    top: 0;
}

.single-testimonial .name {
    font-size: 24px;
    line-height: 28px;
}

.single-testimonial .desg {
    line-height: 17px;
}

.testimonial-carousel .owl-nav {
    margin: 50px 0 0;
    text-align: right;
}

.testimonial-carousel .owl-nav>div {
    background: #E17F47 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.testimonial-carousel .owl-nav>div:hover {
    background: #f57005 none repeat scroll 0 0;
}

.testimonial-carousel .owl-nav .owl-prev {
    margin-right: 10px;
}

/* 1.7 Portfolio */

.portfolio-area {
    overflow-x: hidden;
    padding: 116px 0 40px;
    position: relative;
}

.portfolio-banner-1 {
    background-image: url("../img/home1/portfolio-bg-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 30%;
    left: 20px;
    min-height: 424px;
    position: absolute;
    top: 58%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    width: 30%;
}

.portfolio-banner-2 {
    background-image: url("../img/home1/portfolio-bg-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 33%;
    min-height: 594px;
    position: absolute;
    right: -10%;
    top: 140px;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    width: 49%;
}

.all-portfolio-link {
    margin-bottom: 46px;
    margin-top: 150px;
}

.single-portfolio {
    margin: auto auto 30px;
    position: relative;
}

.single-portfolio .img {
    position: relative;
}

.single-portfolio .img::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-portfolio:hover .img::before {
    opacity: 1;
}

.single-portfolio .content {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.single-portfolio:hover .content {
    opacity: 1;
    visibility: visible;
}

.single-portfolio .content .type {
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
}

.single-portfolio .content .name {
    font-size: 18px;
    line-height: 22px;
}

/* 1.8 Pricing */

.pricing-area {
    padding: 50px 0 22px;
}

.pricing-left {
    margin: 0;
}

.pricing-left .pl-buttons {
    margin: 0 0 23px;
}

.pricing-left .pl-buttons .pl-btn {
    cursor: pointer;
}

.pricing-left .more {
    color: #E17F47;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 36px 0 0;
}

.pricing-left .more span {
    font-size: 14px;
    margin-left: 2px;
}

.single-pricing {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px;
    -webkit-box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.15);
    display: inline-block;
    min-width: 314px;
    padding: 35px 8px 39px;
    position: relative;
    text-align: center;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 3;
}

.single-pricing.active {
    min-width: 358px;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 5;
}

.single-pricing:first-child {
    margin-right: -30px;
}

.single-pricing:nth-last-child(1) {
    margin-left: -30px;
}

.single-pricing .type {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 3px;
}

.single-pricing .short-desc {
    margin: 0 0 11px;
    text-transform: uppercase;
}

.single-pricing .price {
    color: #E17F47;
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-pricing.active .price {
    color: #f57005;
}

.single-pricing .price-desc {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 30px;
    padding: 0 0 20px;
}

.single-pricing .info {
    border-bottom: 1px solid #e9e9e9;
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0 0 31px;
}

.single-pricing .info li {
    color: #242424;
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0 0 8px;
}

.single-pricing.active .link {
    background: #f57005 none repeat scroll 0 0;
    border-color: #f57005;
    color: #ffffff;
}

/* 1.9 Support */

.support-area {
    margin: 0 0 40px;
    overflow-x: hidden;
    overflow-y: -webkit-paged-x;
    overflow-y: -moz-hidden-unscrollable;
    overflow-y: -ms-hidden-unscrollable;
    overflow-y: -o-hidden-unscrollable;
    -ms-overflow-y: hidden;
    -webkit-overflow-y: hidden;
    padding: 120px 0 345px;
    position: relative;
}

.support-area-bg {
    background-image: url("../img/home1/help-bg-1-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 122%;
    left: -6%;
    position: absolute;
    width: 100%;
}

.support-area-bg-2 {
    background-image: url("../img/home1/help-bg-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 850px;
    left: -10%;
    position: absolute;
    top: 0;
    width: 46%;
}

.support-banner-2 {
    background-image: url("../img/home1/help-banner-2.png");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 10px;
    height: 340px;
    left: 468px;
    position: absolute;
    width: 16%;
}

.support-banner {
    background-image: url("../img/home1/help-banner.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    min-height: 670px;
    position: absolute;
    right: 0;
    top: 10%;
    width: 50%;
}

.support-contents {
    margin: 97px 0 0;
}

.support-contents .sc-info {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 43px;
}

.support-contents .call {
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 50px;
    margin-top: 44px;
}

.support-contents .call span {
    color: #f57005;
    display: inline-block;
    font-size: 44px;
    line-height: 44px;
    margin: 0 23px 0 0;
    position: relative;
    top: 10px;
    font-weight: 400;
}

/* 1.10 Team */

.team-area {
    padding: 80px 0 0px;
    position: relative;
}

.team-banner {
    background-image: url("../img/home1/team-banner.png");
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 382px;
    position: absolute;
    right: 84px;
    top: -12%;
    width: 22%;
}

.single-team {
    margin: auto auto 30px;
    position: relative;
}

.single-team::before {
    background: #164668 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-team:hover::before {
    opacity: 0.8;
}

.single-team .content {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.single-team:hover .content {
    opacity: 1;
    visibility: visible;
}

.single-team .content .name {
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.single-team .content .desg {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 17px;
}

.single-team .content .social {
    list-style: outside none none;
    padding: 0;
}

.single-team .content .social li {
    display: inline-block;
}

.single-team .content .social li a {
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
    margin: 0 4px;
}

.single-team .content .social li a:hover {
    color: #11dbf9;
}

/* 1.11 Blog */

.blog-area {
    padding: 87px 0 60px;
    position: relative;
}

.blog-area-banner {
    position: absolute;
    right: 0;
    top: 64px;
}

.single-blog {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.1);
    margin: auto auto 30px;
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.single-blog:hover {
    -webkit-box-shadow: 0px 17px 40px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 17px 40px 0px rgba(0, 0, 0, 0.25);
}

.single-blog .img {
    position: relative;
}

.single-blog .img .type {
    background: #E17F47 none repeat scroll 0 0;
    border-radius: 3px;
    bottom: -11px;
    color: #ffffff;
    font-size: 15px;
    left: 20px;
    line-height: 19px;
    padding: 6px 9px;
    position: absolute;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-blog:hover .img .type {
    background: #f57005 none repeat scroll 0 0;
}

.single-blog .content {
    padding: 38px 20px 20px;
}

.single-blog .content .meta {
    list-style: outside none none;
    margin: 0 0 9px;
    padding: 0;
}

.single-blog .content .meta li {
    color: #242424;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 3px 0 0;
    padding: 0 10px 0 0;
    position: relative;
}

.single-blog .content .meta li span {
    color: #a9a9a9;
    margin-right: 4px;
}

.single-blog .content .title,
.single-blog .content .title a {
    font-size: 18px;
    line-height: 24px;
}

.single-blog .content .title {
    margin: 0 0 9px;
}

.single-blog .content .title a {
    display: block;
}

.single-blog .content .text {
    margin: 0 0 16px;
}

.single-blog .content .more {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
}

.single-blog .content .more span {
    font-size: 14px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.single-blog:hover .content .more:hover span {
    margin-left: 6px;
}

/* 1.12 Brand */

.brand-area {
    padding: 31px 0 114px;
}

.single-brand {
    text-align: center;
}

.single-brand img {
    height: 72px;
    margin: auto;
    width: auto !important;
}

/* 1.13 Footer */

.h1-footer {
    background: #f6fbfc;
    border-top: 1px solid #d4dadb;
}

.h1-footer-top-area {
    padding: 60px 0 13px;
}

.h1fta-widget {
    margin: 0 0 30px;
}

.h1fta-widget .title {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 35px;
    text-transform: uppercase;
}

.h1ftaw-info .f1logo {
    margin: 0 0 23px;
}

.h1ftaw-info .text {
    margin: 0 0 21px;
}

.h1ftaw-info .more {
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
}

.h1ftaw-info .more span {
    font-size: 14px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.h1ftaw-info .more:hover span {
    margin-left: 6px;
}

.h1ftaw-link .links {
    list-style: outside none none;
    padding: 0;
}

.h1ftaw-link .links li {
    display: block;
    margin: 0 0 1px;
}

.h1ftaw-link .links li a {
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
}

.h1ftaw-link .links li a:hover {
    color: #f57005;
}

.h1ftaw-contact .contact {
    list-style: outside none none;
    padding: 0;
}

.h1ftaw-contact .contact li {
    margin: 0 0 16px;
}

.h1ftaw-contact .contact li a {
    font-weight: 900;
}

.h1ftaw-contact .contact li,
.h1ftaw-contact .contact li a {
    color: #242424;
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
}

.h1ftaw-subscribe .footer-subscribe-box {
    margin: 0 0 29px;
    position: relative;
}

.h1ftaw-subscribe .footer-subscribe-box input[type="text"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e0e5e6;
    height: 50px;
    letter-spacing: 0;
    padding: 0 90px 0 10px;
    width: 100%;
}

.h1ftaw-subscribe .footer-subscribe-box input[type="submit"] {
    background: #f57005 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    height: 50px;
    letter-spacing: 0;
    padding: 6px 18px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

.h1ftaw-subscribe .f-social {
    list-style: outside none none;
    padding: 0;
}

.h1ftaw-subscribe .f-social li {
    display: inline-block;
}

.h1ftaw-subscribe .f-social li a {
    color: #9c9f9f;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-right: 10px;
}

.h1ftaw-subscribe .f-social li a:hover {
    color: #0acfed;
}

.h1-footer-bottom-area {
    padding: 18px 0;
}

.h1fba-left .copyright,
.h1fba-left .copyright a {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
}

.h1fba-left .copyright a {
    color: #f57005;
}

.h1fba-right {
    text-align: right;
}

.h1fba-right .links {
    list-style: outside none none;
    padding: 0;
}

.h1fba-right .links li {
    display: inline-block;
    margin-right: 5px;
}

.h1fba-right .links li:last-child {
    margin-right: 5px;
}

.h1fba-right .links li a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
}

/* scroll up */

#scrollUp {
    background: #dcdcdc none repeat scroll 0 0;
    bottom: 20px;
    color: #ffffff;
    height: 50px;
    line-height: 44px;
    right: 20px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

#scrollUp:hover {
    background: #f57005 none repeat scroll 0 0;
}

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

/*  2. Home Two
/*----------------------------------------*/

.h2-header-top-area {
    border-bottom: 1px solid #dedede;
}

.h2hta-left {
    padding: 10px 0;
}

.h2hta-left .info {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: 0 7px 0 0;
    padding: 0 12px 0 0;
    position: relative;
}

.h2hta-left .info:last-child {
    margin-right: 0;
    padding-right: 0;
}

.h2hta-left .info::after {
    background: #989898 none repeat scroll 0 0;
    content: "";
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}

.h2hta-left .info:last-child::after {
    display: none;
}

.h2hta-left .info span {
    color: #E17F47;
    margin-right: 4px;
}

.h2hta-right {
    padding: 10px 0;
    text-align: right;
}

.h2hta-right .social {
    list-style: outside none none;
    padding: 0;
}

.h2hta-right .social li {
    display: inline-block;
}

.h2hta-right .social li a {
    color: #737373;
    display: block;
    font-size: 15px;
    line-height: 19px;
    margin-right: 14px;
}

.h2hta-right .social li:last-child a {
    margin-right: 0;
}

.h2hta-right .social li a:hover {
    color: #737373;
}

.h2hta-right .social li.twitter a:hover {
    color: #009eee;
}

.h2hta-right .social li.facebook a:hover {
    color: #4065ae;
}

.h2hta-right .social li.instagram a:hover {
    color: #d6285d;
}

.h2hta-right .social li.skype a:hover {
    color: #01a1dc;
}

.h2hta-right .social li.google a:hover {
    color: #ea4335;
}

.h2-logo {
    padding: 18px 0;
    position: relative;
    z-index: 3;
}

.h2-header-bottom-area .menu ul li a {
    color: #242424;
}

.h2-header-bottom-area .menu ul li:hover a {
    text-shadow: 1px 1px #cccccc;
}

.h2-header-bottom-area .menu ul li:hover li a {
    text-shadow: 0 0;
}

.h2-header-bottom-area .menu ul li .drop li:hover>a {
    color: #E17F47;
}

.h2-header-bottom-area .menu ul li .drop li .third li:hover a {
    color: #E17F47;
}

.h2hba-search {
    padding: 24px 0;
    text-align: right;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .h2hba-search {
        margin-top: -5px !important;
    }
}

.h2hba-search>span {
    color: #737373;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 19px;
}

.search-modal .modal-dialog {
    height: 100%;
    margin: auto;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 9999999;
}

.search-modal .modal-content {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    height: 100vh;
    outline: 0 none;
    position: relative;
}

.search-modal .modal-title {
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 46px;
    margin: 100px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.search-modal .modal-content form {
    margin: 100px 0;
    text-align: center;
}

.search-modal .modal-content input[type="text"] {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #ffffff;
    font-size: 16px;
    height: 60px;
    letter-spacing: 0;
    margin: auto;
    text-align: center;
    width: 400px;
}

.search-modal .modal-close {
    text-align: center;
}

.search-modal .modal-close button {
    background: #E17F47 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 40px;
    text-transform: uppercase;
}

.modal-backdrop {
    z-index: 0;
}

/* 2.2 Slider */

.h2-slider-area {
    padding: 0;
}

.h2-slider-box {
    position: relative;
}

.h2-slider-box .img::before {
    opacity: 0.7;
    z-index: 1;
}

.h2-slider-box .img img {
    -webkit-transition: all 30s ease 0s;
    transition: all 30s ease 0s;
}

.owl-item.active .h2-slider-box .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.h2-slider-box .content {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 7;
}

.h2-slider-box .content .title {
    color: #ffffff;
    font-size: 60px;
    line-height: 70px;
    margin: 0 0 16px;
}

.active .h2-slider-box .content .title {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.h2-slider-box .content .text {
    color: #ffffff;
    margin: 0 0 46px;
}

.active .h2-slider-box .content .text {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.h2-slider-box .content .link-video {
    overflow: hidden;
}

.active .h2-slider-box .content .link-video {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.h2-slider-box .content .link-video .link {
    border-color: transparent;
    float: left;
    margin: 0 23px 0 0;
}

.h2-slider-box .content .link-video .link::before {
    border-radius: 3px;
}

.h2-slider-box .content .link-video .link:hover {
    border-color: #E17F47;
}

.h2-slider-box .content .link-video .popup-youtube {
    color: #ffffff;
    float: left;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 60px;
    text-transform: uppercase;
}

.h2-slider-box .content .link-video .popup-youtube i {
    border: 1px solid #ffffff;
    border-radius: 100px;
    color: #E17F47;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height: 15px;
    margin: 0 20px 0 0;
    padding: 21px;
    text-align: center;
    width: 60px;
}

.h2-slider-area .owl-nav>div {
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h2-slider-area .owl-nav>div:hover {
    color: #E17F47;
}

.h2-slider-area .owl-nav .owl-prev {
    left: 110px;
}

.h2-slider-area .owl-nav .owl-next {
    right: 110px;
}

/* 2.3 About */

.h2-about-area {
    padding: 117px 0 137px;
    position: relative;
}

.h2-about-banner {
    position: absolute;
    right: 14%;
    top: 117px;
    z-index: 1;
}

.h2-about-bg {
    position: absolute;
    right: 46px;
    top: 138px;
    z-index: 0;
}

.service-box-3 .icon {
    left: 0;
    position: absolute;
    top: 6px;
}

.service-box-3 {
    margin: 0 0 28px;
    padding: 0 0 0 66px;
    position: relative;
}

.service-box-3 .icon {
    left: 0;
    position: absolute;
    top: 6px;
}

.service-box-3 .icon span {
    font-size: 46px;
    line-height: 46px;
}

.service-box-3 .icon span.color-1 {
    color: #e68127;
}

.service-box-3 .icon span.color-2 {
    color: #7969e6;
}

.service-box-3 .icon span.color-3 {
    color: #45a10e;
}

.service-box-3 .content .title {
    font-size: 24px;
    line-height: 28px;
}

.service-box-3 .content .text {
    margin: 3px 0 0;
}

/* 2.4 Service */

.h2-service-area {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 116px 0 90px;
}

.service-box-4 {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.09);
    margin: 0 0 30px;
    padding: 55px 36px 53px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.service-box-4:hover {
    background: #E17F47 none repeat scroll 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.service-box-4 .icon {
    margin: 0 0 11px;
}

.service-box-4 .icon span {
    color: #242424;
    display: inline-block;
    font-size: 46px;
    line-height: 46px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.service-box-4 .icon span.color-1 {
    color: #e68127;
}

.service-box-4 .icon span.color-2 {
    color: #E17F47;
}

.service-box-4 .icon span.color-3 {
    color: #7969e6;
}

.service-box-4 .icon span.color-4 {
    color: #E17F47;
}

.service-box-4 .icon span.color-5 {
    color: #086db7;
}

.service-box-4 .icon span.color-6 {
    color: #17ecda;
}

.service-box-4 .icon span.color-7 {
    color: #f57005;
}

.service-box-4 .icon span.color-8 {
    color: #45a10e;
}

.service-box-4 .icon span.color-9 {
    color: #87519c;
}

.service-box-4 .icon span.color-10 {
    color: #06b4fd;
}

.service-box-4:hover .icon span {
    color: #ffffff;
}

.service-box-4 .content .title {
    font-size: 24px;
    line-height: 28px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.service-box-4:hover .content .title {
    color: #ffffff;
}

.service-box-4 .content .text {
    margin: 8px 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.service-box-4:hover .content .text {
    color: #ffffff;
}

/* 2.5 What We */

.h2-what-we-area {
    padding: 161px 0;
    position: relative;
}

.h2-what-we-banner {
    left: 10%;
    position: absolute;
    top: 120px;
    z-index: 3;
}

.h2-what-we-bshape {
    left: 22px;
    position: absolute;
    top: 30px;
    z-index: 2;
}

.h2-what-we-bg1 {
    bottom: -73px;
    position: absolute;
    right: 0;
    z-index: 0;
}

.h2-what-we-bg2 {
    bottom: -26%;
    position: absolute;
    right: 102px;
    z-index: 1;
}

.h2-what-we-video {
    margin-top: 250px;
}

.h2-what-we-video .popup-youtube {
    background: #E17F47 none repeat scroll 0 0;
    border-radius: 100px;
    color: #ffffff;
    display: inline-block;
    font-size: 34px;
    height: 80px;
    line-height: 82px;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 9;
}

.h2-what-we-list {
    list-style: outside none none;
    padding: 0;
}

.h2-what-we-list li {
    color: #242424;
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0 0 8px;
}

.h2-what-we-list li span {
    border: 1px solid #E17F47;
    border-radius: 100px;
    color: #E17F47;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}

/* 2.6 Portfolio */

.h2-portfolio-area {
    padding: 105px 0 77px;
}

.h2-single-portfolio {
    margin: auto auto 0;
}

.h2-portfolio-links {
    margin: 50px 0 0;
}

.h2-portfolio-links .link {
    border-color: #dedede;
    border-radius: 0;
    color: #242424;
}

/* 2.7 Who We */

.h2-who-we-area {
    overflow-x: hidden;
    overflow-y: -moz-hidden-unscrollable;
    padding: 166px 0 174px;
    position: relative;
}

.h2-who-we-banner {
    left: -21%;
    position: absolute;
    top: 3.8%;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.h2-single-progress {
    margin: 0 0 18px;
    overflow: hidden;
}

.h2-single-progress .circle {
    float: left;
    width: 80px;
}

.h2-single-progress .circle svg.radial-progress {
    height: 86px;
    padding: 0;
    position: relative;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 80px;
}

.h2-single-progress .circle svg.radial-progress circle {
    fill: rgba(0, 0, 0, 0);
    stroke: #242424;
    stroke-dashoffset: 219.911;
    stroke-width: 4;
}

.h2-single-progress .circle svg.radial-progress circle.incomplete {
    opacity: 0.25;
}

.h2-single-progress .circle svg.radial-progress circle.complete {
    stroke-dasharray: 219.91148575129;
}

.h2-single-progress .circle svg.radial-progress text {
    display: block;
    fill: #242424;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 700;
    left: 25px;
    position: absolute;
    text-anchor: middle;
    top: 41%;
}

.h2-single-progress .circle svg.radial-progress circle {
    stroke: #242424;
}

.h2-single-progress .circle.color-1 svg.radial-progress circle {
    stroke: #e68127;
}

.h2-single-progress .circle.color-2 svg.radial-progress circle {
    stroke: #45a10e;
}

.h2-single-progress .circle.color-3 svg.radial-progress circle {
    stroke: #7969e6;
}

.h2-single-progress .circle.color-4 svg.radial-progress circle {
    stroke: #1da9be;
}

.h2-single-progress .content {
    overflow: hidden;
    padding: 0 0 0 14px;
}

.h2-single-progress .content .title {
    font-size: 24px;
    line-height: 28px;
}

.h2-single-progress .content .text {
    margin: 4px 0 0;
}

/* 2.8 Team */

.h2-team-area {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 116px 0 120px;
}

.h2-single-team {
    overflow: hidden;
    position: relative;
}

.h2-single-team::before {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 46%, rgba(0, 0, 0, 0.1) 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 1;
}

.h2-single-team:hover::before {
    top: 0;
}

.h2-single-team .content {
    bottom: 22px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 2;
}

.h2-single-team:hover .content {
    opacity: 1;
    visibility: visible;
}

.h2-single-team .content .name {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}

.h2-single-team .content .desg {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    margin: 0 0 7px;
}

.h2-single-team .content .social {
    list-style: outside none none;
    padding: 0;
}

.h2-single-team .content .social li {
    display: inline-block;
}

.h2-single-team .content .social li a {
    color: #ffffff;
    display: block;
    font-size: 15px;
    line-height: 19px;
    margin: 0 4px;
}

/* 2.9 Testimonial */

.h2-testimonial-area {
    padding: 116px 0 118px;
}

.h2-single-testimonial {
    position: relative;
    z-index: 5;
}

.h2-single-testimonial::after {
    color: #cccccc;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
    left: 30px;
    line-height: 24px;
    position: absolute;
    top: 26px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h2-single-testimonial .text {
    border: 1px solid #cccccc;
    margin: 0 0 20px;
    padding: 61px 30px 37px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 3;
}

.h2-single-testimonial .text::before {
    border-color: #cccccc transparent transparent;
    border-style: solid;
    border-width: 18px 13px;
    bottom: -36px;
    content: "";
    left: 29px;
    position: absolute;
    -webkit-transform: skewX(36deg);
    transform: skewX(36deg);
    z-index: 1;
}

.h2-single-testimonial .text::after {
    border-color: #ffffff transparent transparent;
    border-style: solid;
    border-width: 18px 13px;
    bottom: -34px;
    content: "";
    left: 28px;
    position: absolute;
    -webkit-transform: skewX(36deg);
    transform: skewX(36deg);
    z-index: 2;
}

.h2-single-testimonial.color-1::after {
    color: #45a10e;
}

.h2-single-testimonial.color-1 .text {
    border-color: #45a10e;
}

.h2-single-testimonial.color-1 .text::before {
    border-color: #45a10e transparent transparent;
}

.h2-single-testimonial.color-2::after {
    color: #e68127;
}

.h2-single-testimonial.color-2 .text {
    border-color: #e68127;
}

.h2-single-testimonial.color-2 .text::before {
    border-color: #e68127 transparent transparent;
}

.h2-single-testimonial.color-3::after {
    color: #086db7;
}

.h2-single-testimonial.color-3 .text {
    border-color: #086db7;
}

.h2-single-testimonial.color-3 .text::before {
    border-color: #086db7 transparent transparent;
}

.h2-single-testimonial .author {
    margin: 30px 0 0;
    overflow: hidden;
}

.h2-single-testimonial .author .img {
    float: left;
    width: 45px;
}

.h2-single-testimonial .author .img img {
    border-radius: 100px;
}

.h2-single-testimonial .author .info {
    overflow: hidden;
    padding: 0 0 0 18px;
}

.h2-single-testimonial .author .info .name {
    font-size: 18px;
    line-height: 22px;
}

.h2-single-testimonial .author .info .desg {
    line-height: 19px;
    margin: 1px 0 0;
}

.h2-testimonial-carousel .owl-nav>div {
    color: #242424;
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h2-testimonial-carousel .owl-nav>div:hover {
    color: #f57005;
}

.h2-testimonial-carousel .owl-nav .owl-prev {
    left: -6%;
}

.h2-testimonial-carousel .owl-nav .owl-next {
    right: -6%;
}

/* 2.10 Counter */

.h2-counter-area {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 67px 0 38px;
}

.h2-single-counter {
    margin: 0 0 30px;
    position: relative;
    text-align: center;
}

.h2-single-counter::after {
    background: #c0c0c0 none repeat scroll 0 0;
    content: "";
    height: 60px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
}

.h2-single-counter:last-child::after {
    display: none;
}

.h2-single-counter .counter {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 16px;
}

.h2-single-counter.color-1 .counter {
    color: #45a10e;
}

.h2-single-counter.color-2 .counter {
    color: #e68127;
}

.h2-single-counter.color-3 .counter {
    color: #086db7;
}

.h2-single-counter.color-4 .counter {
    color: #7969e6;
}

.h2-single-counter .name {
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
}

/* 2.11 Blog */

.h2-blog-area{
    padding: 116px 0 60px;
    position: relative;
}

/* 2.12 Footer */

.h2-footer {
    background: #202225 url("../img/home2/footer-bg.png") no-repeat scroll center top / cover;
}

.h2-footer-top-area {
    padding: 60px 0 13px;
}

.h2-footer-top-area .h1ftaw-info .text,
.h2-footer-top-area .h1ftaw-info .more,
.h2-footer-top-area .h1fta-widget .title,
.h2-footer-top-area .h1ftaw-link .links li a,
.h2-footer-top-area .h1ftaw-contact .contact li,
.h2-footer-top-area .h1ftaw-contact .contact li a,
.h2-footer-top-area .h1ftaw-subscribe .f-social li a,
.h2-footer-bottom-area .h1fba-left .copyright,
.h2-footer-bottom-area .h1fba-right .links li a {
    color: #ffffff;
}

.h2-footer-top-area .h1ftaw-link .links li a:hover {
    color: #E17F47;
}

.h2-footer-top-area .h1ftaw-subscribe .footer-subscribe-box input[type="text"] {
    border-color: #37393b;
    color: #ffffff;
}

.h2-footer-top-area .h1ftaw-subscribe .f-social li a:hover {
    color: #E17F47;
}

.h2-footer-bottom-area {
    padding: 18px 0;
}

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

/*  3. Home Three
/*----------------------------------------*/

.header-3 {
    border-bottom: 1px solid #555757;
    left: 0;
    padding: 30px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 90;
}

.h3-header-bottom-area .menu ul li a {
    position: relative;
}

.h3-header-bottom-area .menu ul li:hover a {
    text-shadow: none;
}

.h3-header-bottom-area .menu ul li a::after {
    background: #E17F47 none repeat scroll 0 0;
    bottom: 24px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 25px;
}

.h3-header-bottom-area .menu ul li:hover a::after {
    opacity: 1;
}

.h3-header-bottom-area .menu ul li .drop li a::after {
    display: none;
}

.h3hta-search-quote {
    text-align: right;
}

.h3hta-search-quote>div {
    display: inline-block;
}

.h3hta-search-quote .h2hba-search {
    margin-right: 33px;
}

.h3hta-search-quote .h2hba-search>span {
    color: #ffffff;
}

/* 3.2 Slider */

.h3-slider-box {
    position: relative;
}

.h3-slider-box .img::before {
    opacity: 0.7;
}

.h3-slider-box .img img {
    -webkit-transition: all 30s ease 0s;
    transition: all 30s ease 0s;
}

.h3-slider-box .content {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 38.3%;
}

.h3-slider-box .content .title {
    color: #ffffff;
    font-size: 60px;
    line-height: 70px;
}

.h3-slider-box .content .title span {
    display: block;
    overflow: hidden;
}

.active .h3-slider-box .content .title {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.h3-slider-box .content .text {
    color: #ffffff;
    margin: 27px 0 0;
}

.active .h3-slider-box .content .text {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.h3-slider-box .content .link {
    margin: 46px 0 0;
}

.active .h3-slider-box .content .link {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.h3-slider-area .owl-dots {
    bottom: 91px;
    position: absolute;
    right: 21%;
    z-index: 2;
}

.h3-slider-area .owl-dots .owl-dot {
    border: 1px solid #ffffff;
    border-radius: 100px;
    display: inline-block;
    height: 15px;
    margin-left: 9px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
}

.h3-slider-area .owl-dots .owl-dot.active {
    background: #E17F47 none repeat scroll 0 0;
    border-color: #E17F47;
}

/* 3.3 Service */

.h3-service-area {
    padding: 116px 0 90px;
}

.service-box-5 {
    padding: 34px 23px;
    text-align: center;
}

.service-box-5:hover {
    background: #086db7 none repeat scroll 0 0;
}

.service-box-5 .icon {
    margin: 0 0 7px;
}

/* 3.4 What we */

.h3-what-we-area {
    background: #f7fcfd none repeat scroll 0 0;
    padding: 160px 0 172px;
    position: relative;
}

.h3-what-we-banner {
    left: 0;
    position: absolute;
    top: 8%;
    width: 50%;
}

/* 3.5 About */

.h3-about-area {
    padding: 117px 0;
}

.service-box-6 {
    position: relative;
}

.service-box-6 .icon {
    margin: 0 0 6px;
}

.service-box-6 .icon span {
    color: #E17F47;
    display: inline-block;
    font-size: 46px;
    line-height: 46px;
}

.service-box-6 .content .title {
    font-size: 24px;
    line-height: 28px;
}

.service-box-6 .content .text {
    margin: 3px 0 0;
}

/* 3.6 Subscribe */

.h3-subscribe-area {
    background: #E17F47 none repeat scroll 0 0;
    padding: 103px 0 106px;
}

.h3-subscribe {
    text-align: center;
}

.h3-subscribe .intro {
    color: #ffffff;
    margin: 0 0 2px;
    text-transform: uppercase;
}

.h3-subscribe .title {
    color: #ffffff;
    font-size: 40px;
    line-height: 44px;
    margin: 0 0 34px;
}

.h3s-input-box {
    position: relative;
}

.h3s-input-box input[type="text"] {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #000000;
    font-size: 24px;
    height: 80px;
    letter-spacing: 0;
    padding: 0 230px 0 20px;
    width: 100%;
}

.h3s-input-box input[type="submit"] {
    background: #f57005 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 3px 3px 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 24px;
    font-weight: 900;
    height: 80px;
    letter-spacing: 0;
    padding: 0 41px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

/* 3.7 Pricing */

.h3-pricing-area {
    padding: 118px 0;
}

/* 3.8 Project */

.h3-project-area {
    padding: 116px 0 108px;
    position: relative;
}

.h3-project-area::before {
    background: #E17F47 none repeat scroll 0 0;
    content: "";
    height: 470px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.h3-single-portfolio {
    margin: auto auto 0;
}

/* 3.9 Map */

.h3-map-area {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 116px 0 120px;
}

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

/*  4. About
/*----------------------------------------*/

.breadcumb-area {
    position: relative;
}

.breadcumb-area::before {
    opacity: 0.7;
}

.breadcumb-area .content {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 55.5%;
}

.breadcumb-area .content .title {
    color: #ffffff;
    font-size: 40px;
    line-height: 44px;
    text-transform: capitalize;
}

.breadcumb-area .content .links {
    list-style: outside none none;
    padding: 0;
}

.breadcumb-area .content .links li {
    display: inline-block;
    padding: 0 13px 0 0;
    position: relative;
}

.breadcumb-area .content .links li:last-child {
    padding-right: 0;
}

.breadcumb-area .content .links li::after {
    color: #ffffff;
    content: "/";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcumb-area .content .links li:last-child::after {
    display: none;
}

.breadcumb-area .content .links li a {
    color: #ffffff;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: capitalize;
}

.about-who-we-area {
    overflow-x: hidden;
    overflow-y: -moz-hidden-unscrollable;
    padding: 212px 0 176px;
    position: relative;
}

.about-who-we-area .about-who-we-banner {
  left: -19%;
  position: absolute;
  top: 120px;
  width: 56%;
}

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

/*  5. Service
/*----------------------------------------*/

.page-all-service-area {
    padding: 117px 0 91px;
}

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

/*  6. Service 2
/*----------------------------------------*/

.page2-all-services {
    background: #ffffff none repeat scroll 0 0;
    padding: 117px 0 90px;
}

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

/*  7. Service 3
/*----------------------------------------*/

.page3-services {
    padding: 117px 0;
}

.page3-services .service-box-5 {
    margin: 0;
}

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

/*  8. Project 3 Grid
/*----------------------------------------*/

.project-grid-area {
    padding: 116px 0 108px;
}

.project-menu {
    margin: 0 0 41px;
    text-align: center;
}

.project-menu .button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 6px 0 0;
    outline: medium none;
    padding: 0 20px 0 0;
    position: relative;
    text-transform: capitalize;
}

.project-menu .button::after {
    color: #242424;
    content: "/";
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project-menu .button:last-child::after {
    display: none;
}

.project-menu .button.checked {
    color: #f57005;
    font-weight: 700;
}

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

/*  9. Project 3 Grid No Gutters
/*----------------------------------------*/

.project-3grid-ng-area {
    padding: 116px 0 108px;
}

.project-3grid-ng-area .single-portfolio {
    margin: auto;
}

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

/*  10. Project 4 Grid No Gutters
/*----------------------------------------*/

.container-fluid.p4gng-all {
    margin: 0 -15px;
    padding-left: 0;
    padding-right: 0;
}

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

/*  11. Project 4 Grid
/*----------------------------------------*/

.project-4grid-area {
    padding: 116px 0 108px;
}

.project-4grid-area .h2-single-portfolio {
    margin: auto auto 30px;
}

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

/*  12. Project Cobbles
/*----------------------------------------*/

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

/*  13. Project Masonary
/*----------------------------------------*/

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

/*  14. Team
/*----------------------------------------*/

.page-team-who-we-area {
    padding: 166px 0 180px;
    position: relative;
}

.ptwwa-banner {
    left: 170px;
    position: absolute;
    top: 117px;
}

.page-team-ww-social {
    list-style: outside none none;
    padding-left: 33px;
    position: relative;
    z-index: 2;
}

.page-team-ww-social::before {
    background: #dbdbdb none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}

.page-team-ww-social li {
    display: inline-block;
    margin-right: 8px;
}

.page-team-ww-social li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 100px;
    color: #8a8a8a;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.page-team-ww-social li a:hover {
    background: #009fee none repeat scroll 0 0;
    border-color: #009fee;
    color: #ffffff;
}

.page-team-ww-social li.facebook a:hover {
    background: #4065ae none repeat scroll 0 0;
    border-color: #4065ae;
}

.page-team-ww-social li.twitter a:hover {
    background: #009eee none repeat scroll 0 0;
    border-color: #009eee;
}

.page-team-ww-social li.google a:hover {
    background: #E94235 none repeat scroll 0 0;
    border-color: #E94235;
}

.page-team-ww-social li.instagram a:hover {
    background: #d6285d none repeat scroll 0 0;
    border-color: #d6285d;
}


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

/*  15. Pricing
/*----------------------------------------*/

.page-pricing-support-area {
    padding: 115px 0 198px;
    margin-top: 30px;
}

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

/*  16. News One Column
/*----------------------------------------*/

.news-one-column {
    padding: 118px 0 68px;
}

.news-one-sb.single-blog {
    margin: auto auto 30px;
    padding: 15px;
}

.news-one-sb.single-blog .content {
    padding: 23px 0 8px;
}

.news-one-sb.single-blog .content .type {
    color: #f57005;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 3px;
}

.news-one-sb.single-blog .content .title,
.news-one-sb.single-blog .content .title a {
    font-size: 24px;
    line-height: 28px;
}

.news-pagination {
    margin: 50px 0;
    text-align: center;
}

.news-pagination ul {
    list-style: outside none none;
    padding: 0;
}

.news-pagination ul li {
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    display: inline-block;
    height: 30px;
    margin-left: -6px;
    text-align: center;
    width: 30px;
}

.news-pagination ul li.prev {
    border-left: 1px solid #e9e9e9;
    width: 60px;
}

.news-pagination ul li.prev a::before {
    color: #a9a9a9;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    margin-right: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.news-pagination ul li.prev a:hover::before {
    color: #f57005;
}

.news-pagination ul li.next {
    width: 60px;
}

.news-pagination ul li.next a::after {
    color: #a9a9a9;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    margin-left: 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.news-pagination ul li.next a:hover::after {
    color: #f57005;
}

.news-pagination ul li a {
    display: block;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
}

.news-pagination ul li.disable a {
    pointer-events: none;
}

.news-pagination ul li.active a,
.news-pagination ul li a:hover {
    color: #f57005;
}

/* Sidebar */

.sidebar {
    background: #f2f2f2 none repeat scroll 0 0;
    margin: auto auto 30px;
    padding: 50px 32px 0;
}

.sidebar-widget {
    padding: 0 0 50px;
}

.sidebar-widget .title {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px;
}

.sw-news .news {
    list-style: outside none none;
    padding: 0;
}

.sw-news .news li {
    border-bottom: 1px solid #e2e2e2;
    display: block;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.sw-news .news li:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sw-news .news li a {
    display: block;
    overflow: hidden;
}

.sw-news .news .img {
    display: block;
    float: left;
    width: 60px;
}

.sw-news .news .content {
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}

.sw-news .news .content .name {
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
}

.sw-news .news .content .info {
    color: #E17F47;
    display: block;
    letter-spacing: 0;
}

.sw-search-box {
    position: relative;
}

.sw-search-box input[type="text"] {
    border: 1px solid #dadada;
    height: 40px;
    letter-spacing: 0;
    padding: 0 40px 0 20px;
    width: 100%;
}

.sw-search-box button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #a9a9a9;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sw-categories .cat {
    list-style: outside none none;
    padding: 0;
}

.sw-categories .cat li {
    display: block;
    margin: 0 0 13px;
}

.sw-categories .cat li:last-child {
    margin-bottom: 0;
}

.sw-categories .cat li a {
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    padding: 0 0 0 42px;
    position: relative;
}

.sw-categories .cat li a::before {
    background: #8f8f8f none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 20px;
}

.sw-categories .cat li a:hover::before {
    width: 23px;
}

.sw-comments .comments {
    list-style: outside none none;
    padding: 0;
}

.sw-comments .comments li {
    border-bottom: 1px solid #e2e2e2;
    display: block;
    margin: 0 0 8px;
    padding: 0 0 7px;
}

.sw-comments .comments li:last-child {
    border: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sw-comments .comments li a {
    color: #242424;
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    padding: 0 0 0 38px;
    position: relative;
}

.sw-comments .comments li a::before {
    color: #E17F47;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 22px;
    font-weight: 400;
    left: 0;
    line-height: 22px;
    position: absolute;
    top: 6px;
}

.sw-comments .comments li a span {
    color: #f57005;
    font-weight: 700;
}

.sw-tags .tags {
    list-style: outside none none;
    padding: 0;
}

.sw-tags .tags li {
    display: inline-block;
    margin: 0 4px 10px 0;
}

.sw-tags .tags li a {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 3px;
    color: #242424;
    display: block;
    font-size: 15px;
    line-height: 25px;
    padding: 5px 13px;
}

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

/*  17. News Two Column
/*----------------------------------------*/

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

/*  18. News Three Column
/*----------------------------------------*/

.news-three-column {
    padding: 118px 0 68px;
}

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

/*  19. News Masonary
/*----------------------------------------*/

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

/*  20. News Left Sidebar
/*----------------------------------------*/

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

/*  21. News Chese 2 Column
/*----------------------------------------*/

.news-chess1-column {
    padding: 118px 0 68px;
}

.single-chess.single-blog {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.single-chess.single-blog .img {
    padding-right: 0;
}

.single-chess.from-left.single-blog .img {
    padding-left: 0;
    padding-right: 15px;
}

.single-chess.single-blog .content {
    padding: 0;
}

.single-chess.single-blog .content .title,
.single-chess.single-blog .content .title a {
    font-size: 40px;
    line-height: 44px;
}

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

/*  22. News Chese 4 Column
/*----------------------------------------*/

.single-chess-4c.single-blog {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: auto;
    padding: 0;
}

.single-chess-4c.single-blog .content {
    padding: 0 15px;
}

.single-chess-4c.single-blog .content .title {
    margin: 0 0 4px;
}

.single-chess-4c.single-blog .content .meta {
    margin: 0 0 6px;
}

.single-chess-4c.single-blog .content .text {
    margin: 0 0 20px;
}

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

/*  23. News Details
/*----------------------------------------*/

.news-details-area {
    padding: 118px 0 58px;
}

.news-details {
    -webkit-box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 30px;
    padding: 15px;
}

.news-details .news-one-sb.single-blog {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.news-details .blockquote {
    border: 1px solid #dedede;
    font-size: 15px;
    font-style: italic;
    line-height: 25px;
    margin: 0 0 23px;
    padding: 36px 40px 36px 132px;
    position: relative;
}

.news-details .blockquote::before {
    color: #ebebeb;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 42px;
    font-style: normal;
    font-weight: 900;
    left: 42px;
    line-height: 38px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news-details .text {
    margin: 0 0 16px;
}

.news-details .list {
    list-style: outside none none;
    margin: 0 0 23px;
    padding: 0;
}

.news-details .list li {
    color: #242424;
    display: block;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0 0 2px;
    padding: 0 0 0 36px;
    position: relative;
}

.news-details .list li:last-child {
    margin-bottom: 0;
}

.news-details .list li span {
    color: #E17F47;
    font-size: 22px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news-details .social {
    list-style: outside none none;
    margin: 0 0 15px;
    padding: 0;
}

.news-details .social li {
    display: inline-block;
    margin-right: 10px;
}

.news-details .social li a {
    border: 1px solid #c8c8c8;
    border-radius: 100px;
    display: block;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.nd-comments-area {
    -webkit-box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 30px;
    padding: 30px 15px 15px;
}

.nd-comments-area .title {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 24px;
}

.nd-allcommentes {
    list-style: outside none none;
    padding: 0;
}

.nd-allcommentes li {
    display: block;
}

.nd-allcommentes li .nd-comment-box {
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    margin: 0 0 30px;
    padding: 0 0 24px;
    position: relative;
}

.nd-comment-box .img {
    float: left;
    width: 60px;
}

.nd-comment-box .img img {
    border-radius: 100px;
}

.nd-comment-box .content {
    overflow: hidden;
    padding: 0 0 0 18px;
}

.nd-comment-box .content .text {
    margin: 0 0 10px;
}

.nd-comment-box .content .name {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 22px;
}

.nd-comment-box .content .date {
    color: #242424;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    padding: 0 0 0 8px;
}

.nd-allcommentes li ul {
    padding-left: 80px;
}

.nd-post-comment {
    margin: 50px 0 30px;
}

.nd-post-input-box {
    margin: 0 0 30px;
}

.nd-post-input-box input[type="text"] {
    border: 1px solid #cdcdcd;
    height: 35px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.nd-post-input-box textarea {
    border: 1px solid #cdcdcd;
    height: 222px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.nd-post-input-box input[type="submit"] {
    background: #f57005 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 9px 32px;
}

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

/*  24. 404
/*----------------------------------------*/

.error-area {
    overflow-x: hidden;
    overflow-y: hidden;
    overflow-y: -moz-hidden-unscrollable;
    overflow-y: -webkit-paged-x;
    -ms-overflow-y: hidden;
    padding: 120px 0 110px;
    position: relative;
}
@supports (-ms-ime-align:auto) {
    .selector {
        overflow-y: hidden;
    }
}

.error-bg-1 {
    left: 50%;
    position: absolute;
    top: 120px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.error-bg-2 {
    position: absolute;
    right: -11%;
    top: 150px;
}

.error-bg-3 {
    bottom: -102px;
    left: -14%;
    position: absolute;
}

.error-bg-2 {
    position: absolute;
}

.error-content {
    text-align: center;
}

.error-content .banner {
    margin: 0 0 182px;
    position: relative;
}

.error-content .banner .error {
    font-size: 80px;
    left: 36%;
    line-height: 80px;
    position: absolute;
    top: 42%;
}

.error-content .title {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 22px;
}

.error-content .text {
    margin: 0 0 48px;
}

.error-content .back {
    color: #f57005;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
}

.error-content .back span {
    font-size: 18px;
}

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

/*  25. Contact
/*----------------------------------------*/

.map-area {
    padding: 118px 0 20px;
}

#googleMap {
    height: 660px;
    width: 100%;
}

.map {
    position: relative;
}

.map-info {
    background: #ffffff none repeat scroll 0 0;
    bottom: 30px;
    left: 36px;
    min-width: 420px;
    padding: 30px 22px 0;
    position: absolute;
    top: 30px;
    z-index: 9;
}

.mapinfo-box {
    border-bottom: 1px solid #dedede;
    margin: 0 0 43px;
    padding: 0 0 37px 56px;
    position: relative;
}

.mapinfo-box .icon {
    color: #E17F47;
    font-size: 30px;
    font-weight: 300;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 58px;
}

.mapinfo-box .title {
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
}

.mapinfo-box .text {
    font-size: 18px;
    margin: 6px 0 0;
}

.mapinfo-social {
    list-style: outside none none;
    padding: 0;
}

.mapinfo-social li {
    display: inline-block;
    margin-right: 20px;
}

.mapinfo-social li a {
    background: #242424 none repeat scroll 0 0;
    border-radius: 100px;
    color: #ffffff;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.mapinfo-social li.facebook a {
    background: #4065ae none repeat scroll 0 0;
}

.mapinfo-social li.twitter a {
    background: #009eee none repeat scroll 0 0;
}

.mapinfo-social li.google a {
    background: #e64d3f none repeat scroll 0 0;
}

.mapinfo-social li.linkedin a {
    background: #0075b2 none repeat scroll 0 0;
}

.mapinfo-social li.instagram a {
    background: #c80f4b none repeat scroll 0 0;
}

.contact-area {
    padding: 24px 0 50px;
}

.contact-info .title {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 14px;
}

.contact-info .text {
    margin: 0 0 44px;
}

/*mail*/

.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}

.cf-input-box {
    margin: 0 0 20px;
}

.cf-input-box input[type="text"] {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    height: 60px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.cf-input-box textarea {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    height: 180px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.cf-input-box .cont-submit {
    background: #f57005 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 32px;
}

.contact-img {
    bottom: -50px;
    position: absolute;
    right: 0;
}