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

    Template Name: Your template name 
    Template URI: 
    Description: This is html5 template
    Author: Saikat Ahmed
    Author URI: 
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
    1. Home-1
      1.2 Menu
      1.3 Dropdown
      1.4 Slider
      1.5 Service
      1.6 Why-choose
      1.7 Quick-quote-area
      1.8 Our-feature-and-video
      1.9 Happy-client-and-fun-factor
      1.10 Ask-question-area
      1.11 Latest-news
      1.12 Footer
      1.13 Scrollup
    2. Home-2
    3. About
    4. History
    5. Service
    6. Service V2
    7. Single-Service
    8. Pricing Table
    9. Feature-area
    10. Gallery
    11. Gallery-V2 & V3
    12. Latest-News
    13. News-Left-Sideber
    14. News-Details
    15. Our-Branches
    16. FAQ
    17. Contact
    18. Error

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


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


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

.header-top {
    padding: 28px 0;
}

.header-top-left {
    background: rgba(0, 0, 0, 0) url("img/icon/top1.png") no-repeat scroll 0 50%;
    color: #606060;
    margin-top: 15px;
    padding: 0 0 0 38px;
    text-align: left;
}

.header-top-left ul,
.header-top-right ul {
    margin: 0;
    padding: 0;
}

.header-top-left li,
.header-top-right li {
    font-size: 15px;
    margin-bottom: 2px;
}

.header-top-left li:first-child,
.header-top-right li:first-child {
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
}

.logo {
    text-align: center;
}

.header-top-right {
    background: rgba(0, 0, 0, 0) url("img/icon/top2.png") no-repeat scroll 0 50%;
    color: #606060;
    float: right;
    margin-top: 15px;
    padding: 0 0 0 38px;
}


/* 1.2 Menu */

.menu-area {
    background: transparent none repeat scroll 0 0;
    left: 0;
    padding: 40px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.menu {
    margin-right: 45px;
    text-align: right;
}

.menu ul {
    margin: 0;
    padding: 0;
}

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

.menu ul li:last-child {
    margin: 0;
}

.menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
}

.menu .active a,
.menu ul li a:hover {
    color: #fab704;
}

.menu .active > a {
    color: #fab704!important;
}

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

.menu-area.stick {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    left: 0;
    padding: 30px 0;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
}


/* 1.3 Dropdown */

.menu ul li .drop-down,
.menu ul li .mega-menu {
    background: #fff none repeat scroll 0 0;
    border-bottom: 4px solid #ffc529;
    left: 0px;
    padding: 5px 0 0;
    position: absolute;
    top: 38px;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 172px;
}

.menu ul li .drop-down.service {
    width: 230px;
}

.menu ul li .drop-down.news {
    width: 191px;
}

.menu ul li .mega-menu {
    left: -580px;
    width: 630px;
    padding-bottom: 5px;
}

.menu ul li .mega-menu span {
    float: left;
    height: auto;
    padding-right: 20px;
    width: 33%;
}

.menu ul li .mega-menu span a {
    border-bottom: 1px solid #e1e1e1;
    color: #303030;
    display: block;
    font-size: 12px;
    padding: 0 0 0px 25px;
    text-align: left;
    margin: 8px 0 0;
}

.menu ul li .mega-menu span a:hover {
    padding-left: 33px;
}

.menu ul li .mega-menu span a:hover {
    color: #fab704;
}

.no-bor {
    border: medium none!important;
}

.menu ul li:hover .drop-down,
.menu ul li:hover .mega-menu {
    transform: perspective(600px) rotateX(0deg);
    visibility: visible;
}

.menu ul li .drop-down li {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    margin: 8px 0 2px;
    padding: 0 22px;
    text-align: left;
}

.menu ul li .drop-down li:last-child {
    border-bottom: medium none;
}

.menu ul li .drop-down a {
    color: #303030;
    display: block;
    font-size: 12px;
    line-height: 30px;
}

.menu ul li .drop-down a:hover {
    color: #fab704;
    padding-left: 8px;
}

.search-box {
    margin-top: -1px;
    position: relative;
    text-align: right;
}

.search-box input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #464646;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    height: 28px;
    padding: 0 40px 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 68px;
}

.search-box input:focus {
    width: 160px;
}

.search-box a {
    color: #5e5e5e;
    position: absolute;
    right: 15px;
    top: 1px;
}

.search-box a:hover {
    color: #fab704;
}

.single-service h3 {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 5px;
}

.single-service p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.single-service-img {
    float: left;
}

.single-service-content {
    padding-left: 65px;
    width: 100%;
}

.flat-hover img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.flat-hover:hover img {
    transform: rotate(-360deg);
}


/* 1.4 Slider */

.slider {
    position: relative;
}

.nivo-caption {
    background: transparent none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    left: 0;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 8;
}

.cap-dec h3,
.cap-dec2 h3 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32.04px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.cap-dec h3 span {
    color: #ffc529;
}

.cap-title h1 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 50px;
    font-weight: 800;
    line-height: 32.04px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.cap-contact a {
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding: 14px 17px;
    text-transform: uppercase;
}

.cap-contact a:hover {
    border-color: #fab704;
    color: #fab704;
}

.cap-dec2 h3 {
    margin-bottom: 55px;
}

.slide1-text {
    height: 265px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nivo-prevNav,
.nivo-nextNav {
    border: 1px solid #6b6b6b;
    color: #6b6b6b;
    font-size: 13.64px;
    font-weight: 400;
    padding: 5px 20px;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.nivo-directionNav .nivo-prevNav {
    left: -20px;
}

.nivo-directionNav .nivo-nextNav {
    right: -20px;
}

.slider:hover .nivo-directionNav .nivo-prevNav {
    left: 0;
}

.slider:hover .nivo-directionNav .nivo-nextNav {
    right: 0;
}

.nivo-prevNav:hover,
.nivo-nextNav:hover {
    background: #111111 none repeat scroll 0 0;
    color: #6b6b6b;
}

.middle-text {
    height: 100%;
}

.slider-container {
    position: relative;
}

.nivo-controlNav {
    padding: 15px 0;
    text-align: center;
}

.nivo-controlNav {
    bottom: 2%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 9999;
}

.nivo-controlNav a::before {
    background: #333333 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 14px;
    margin-top: 0;
    vertical-align: top;
    width: 14px;
}


/* 1.5 Service */

.service-area {
    padding: 117px 0 110px;
}

.section-heading h3 {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
}

.section-heading h2 {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
}

.section-heading p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 25px;
}

.we-provide-left .trans-color {
    color: #fab704;
    font-size: 18px;
    font-weight: 400;
}

.we-provide-left ul {
    margin: 0;
    padding: 0;
}

.we-provide-left ul li {
    position: relative;
}

.we-provide-left ul li a {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    padding: 0 0 0 25px;
    position: relative;
}

.we-provide-left ul li a:hover {
    color: #fab704;
}

.we-provide-left ul li::before {
    background: #303030 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 10px;
    height: 15px;
    left: 0;
    line-height: 15px;
    padding: 0 4px;
    position: absolute;
    top: 5px;
    width: 15px;
}

.we-provide-area {
    overflow: hidden;
    padding: 0 0 105px;
}

.our-service-heading h2,
.our-service-heading h2 span {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 18px;
}

.our-service-heading h2 span {
    font-weight: 700;
}

.our-services-area {
    background: rgba(0, 0, 0, 0) url("img/bg/ourservice.jpg") no-repeat fixed center center / cover;
    padding: 100px 0 103px;
}

.our-service-heading {
    text-align: center;
}

.our-service-heading p {
    color: #fff;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 57px;
}

.single-our-services {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-our-services:hover {
    box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.75);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.our-services-content {
    background: #fff none repeat scroll 0 0;
    padding: 23px;
}

.our-services-img img {
    width: 100%;
}

.our-services-content h4 a {
    color: #303030;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 8px;
}

.our-services-content p {
    color: #606060;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

.our-services-content a {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
}

.our-services-content a:hover {
    color: #FAB704;
}


/* 1.6 Why-choose */

.why-choose-area {
    padding: 115px 0 103px;
    overflow: hidden;
}

.why-choose-left ul {
    margin: 30px 0 0;
    padding: 0;
}

.why-choose-left h3 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 8px;
}

.why-choose-left p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

.choose-us-img {
    float: left;
}

.choose-us-content {
    padding-left: 62px;
    width: 100%;
}

.why-choose-right {
    margin-top: 60px;
}


/* 1.7 Quick-quote-area */

.quick-quote-area {
    background: #f8f8f8 none repeat scroll 0 0;
    position: relative;
    z-index: 0;
    padding: 60px 0px;
}

.quote-form input,
.quote-form textarea {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    height: 38px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
}

.quote-form textarea {
    margin-bottom: 27px;
    min-height: 150px;
    width: 100%;
}

.quote-form .submit {
    background: #fab704 none repeat scroll 0 0;
    border: 1px solid #fab704;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    padding: 5px 20px;
}

.quote-form .submit:hover {
    background: transparent none repeat scroll 0 0;
    color: #fab704;
}

.quick-quote-left {
    background-image: url("img/banner/quick.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 862px 623px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40%;
}

.quick-quote-right {
    background-image: url("img/banner/quick-2.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    z-index: -1;
}


/* 1.8 Our-feature-and-video */

.feature-and-video-area {
    padding-top: 117px;
}

.our-feature ul {
    margin: 0;
    padding: 0;
}

.our-feature ul li {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 33px;
    padding: 0 0 0 20px;
    position: relative;
}

.our-feature ul li span {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.our-feature ul li::before {
    background: #303030 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 10px;
    height: 15px;
    left: 0;
    line-height: 15px;
    padding: 0 4px;
    position: absolute;
    top: 8px;
    width: 15px;
}

.video iframe {
    height: 360px;
    width: 100%;
}


/* 1.9 Happy-client-and-fun-factor */

.client-and-fun-area {
    overflow: hidden;
    padding: 104px 0 120px;
}

.testimonial .author {
    float: left;
    width: 41%;
}

.testimonial .author-text {
    float: right;
    margin-left: 0;
    margin-top: 30px;
    width: 59%;
}

.author-text p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.author-text h4 {
    color: #303030;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 17.81px;
    margin-bottom: 0;
}

.author-text h5 {
    color: #9b9999;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    line-height: 17.81px;
}

.testimonial {
    background: #f8f8f8 none repeat scroll 0 0;
    position: relative;
}

.client-and-fun-area .owl-theme .owl-controls {
    background: #f8f8f8 none repeat scroll 0 0;
    bottom: 0;
    left: 40%;
    margin: 0;
    position: absolute;
    text-align: center;
}

.testimonial .owl-pagination {
    display: inline-block;
}

.testimonial .owl-theme .owl-controls .owl-page span {
    background: #9b9999 none repeat scroll 0 0;
    border-radius: 0;
    display: block;
    height: 2px;
    margin: 5px 7px;
    opacity: 1;
    width: 13px;
}

.testimonial .owl-theme .owl-controls .owl-page.active span,
.testimonial .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fab704 none repeat scroll 0 0;
}

.fun-fact-left {}

.fun-fact-left h3 {
    color: #303030;
    font-size: 24px;
    font-weight: 400;
    line-height: 16.66px;
    margin-bottom: 5px;
    padding-left: 45px;
    position: relative;
}

.fun-fact-left h5 {
    color: #606060;
    display: block;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    line-height: 16.66px;
}

.cofee::before {
    background: rgba(0, 0, 0, 0) url("img/icon/fun1.png") no-repeat scroll 0 5%;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 30px;
}

.branches::before {
    background: rgba(0, 0, 0, 0) url("img/icon/fun3.png") no-repeat scroll 0 5%;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 30px;
}

.project::before {
    background: rgba(0, 0, 0, 0) url("img/icon/fun2.png") no-repeat scroll 0 5%;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 30px;
}

.vehicles::before {
    background: rgba(0, 0, 0, 0) url("img/icon/fun4.png") no-repeat scroll 0 5%;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 30px;
}

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


/* 1.10 Ask-question-area */

.ask-question-area {
    background: #f8f8f8 none repeat scroll 0 0;
    position: relative;
}

.ask-question-left {
    float: left;
    width: 40%;
}

.ask-question-left img {
    float: right;
}

.ask-question-right {
    float: left;
    padding: 0 0 0 10px;
}

.ask-question-left {
    background-image: url("img/banner/ask.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 827px 623px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40%;
}

.ask-question-right .section-heading {
    padding-top: 90px;
}

.panel-group .panel-body {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

.panel-title a {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 25px;
    position: relative;
}

.panel-title a:hover {
    color: #fab704;
}

.panel-title a::before {
    content: "";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: -2px;
}

.panel-title .collapsed::before {
    content: "";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
}

.panel-group .panel {
    border: medium none;
    box-shadow: none;
}

.panel-default > .panel-heading {
    border: medium none;
    box-shadow: none;
}

.latest-news-area .section-heading {
    text-align: center;
}

.panel {
    background-color: transparent;
}

.panel-default > .panel-heading {
    background-color: transparent;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: medium none;
}


/* 1.11 Latest-news */

.latest-news-area {
    padding-bottom: 16px;
    padding-top: 115px;
}

.latest-news-area .col-md-8.center {
    float: none;
    margin: auto;
}

.section-heading .font-weight-600 {
    font-family: Raleway;
    font-weight: 600;
}

.news-img {
    position: relative;
}

.news-img .news-small-img {
    border-radius: 50px;
    bottom: -20px;
    left: 12px;
    position: absolute;
}

.news-content {
    margin-top: 32px;
}

.news-content h4 a {
    color: #303030;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0;
}

.news-content h4 a:hover {
    color: #fab704;
}

.news-content h4 {
    line-height: 24px;
}

.news-content h5 {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.news-content p a {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

.latest-news {
    margin-top: 30px;
}

.news-img a {
    display: inline-block;
    position: relative;
}

.news-img a::before {
    background-color: rgba(255, 255, 255, 0.15);
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 0;
}

.news-img a::after {
    background-color: rgba(255, 255, 255, 0.15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 0;
}

.news-img:hover a::before {
    height: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    width: 100%;
}

.news-img:hover a::after {
    height: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    width: 100%;
}

.single-brand img {
    border: 1px solid #ebebeb;
    -webkit-filter: grayscale(100%) grayscale(100%);
    -o-filter: grayscale(100%) grayscale(100%);
    filter: grayscale(100%) grayscale(100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-brand img:hover {
    box-shadow: 0 1px 4px -3px rgba(0, 0, 0, 0.83);
    -webkit-filter: none;
    -o-filter: none;
    filter: none;
}

.brand-area .owl-controls.clickable {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.brand-area {
    padding: 98px 0 120px 0;
}


/* 1.12 Footer */

footer {
    background: #303030 none repeat scroll 0 0;
}

.footer-content {
    padding: 72px 0 80px;
}

.single-footer h3 {
    color: #fefefe;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.single-footer p {
    color: #919191;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 40px;
}

.newsletter {
    background: #454545 none repeat scroll 0 0;
    width: 265px;
}

.single-footer .newsletter-input {
    background: #454545 none repeat scroll 0 0;
    border: 1px solid #454545;
    color: #727272;
    float: left;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    height: 45px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 10px 0 10px 10px;
    position: relative;
    width: 215px;
}

.newsletter button {
    background: #454545 none repeat scroll 0 0;
    border: medium none;
    float: right;
    height: 45px;
    padding: 0;
    width: 50px;
}

.newsletter button i {
    color: #727272;
    font-size: 14px;
    line-height: 24px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.newsletter button:hover i {
    color: #FAB704;
}

.single-footer .news {
    margin: 0;
    padding: 0;
}

.latest-news-foot-img {
    float: left;
    width: 27%;
}

.latest-news-foot-content {
    float: right;
    padding-left: 8px;
    width: 73%;
}

.latest-news-foot-content h5 a,
.latest-news-foot-content h5 {
    color: #c7c7c7;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 11px;
    margin-bottom: 5px;
}

.latest-news-foot-content h5 a:hover {
    color: #fab704;
}

.latest-news-foot-content p {
    color: #919191;
    font-family: Montserrat-Light;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.pad-top-42 {
    padding-top: 42px;
}

.quick-link {
    margin: 0;
    padding: 0;
}

.quick-link li {
    margin-bottom: 10px;
}

.quick-link li a {
    color: #919191;
    display: block;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
    position: relative;
}

.quick-link li a:hover {
    color: #fab704;
    padding-left: 18px;
}

.quick-link li a:hover::before {
    content: "";
    font-family: FontAwesome;
    left: 1px;
    position: absolute;
    top: 0;
}

.single-footer.latest {
    padding-left: 45px;
}

.single-footer.contact {
    margin: 0;
    padding-left: 40px;
}

.contact {
    margin: 0;
    padding: 0;
}

.contact h6 {
    color: #919191;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 12px;
    margin-bottom: 8px;
}

.contact li {
    margin-bottom: 35px;
    padding-left: 30px;
    position: relative;
}

.contact li:last-child {
    margin: 0;
}

.quick-link li:last-child {
    margin: 0;
}

.address::before {
    content: "";
    font-family: FontAwesome;
    font-size: 25px;
    left: 0;
    position: absolute;
    top: 8px;
}

.phone::before {
    content: "";
    font-family: FontAwesome;
    font-size: 25px;
    left: 0;
    position: absolute;
    top: 8px;
}

.email::before {
    content: "";
    font-family: FontAwesome;
    font-size: 25px;
    left: 0;
    position: absolute;
    top: 8px;
}

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

.contact {
    margin-top: 20px;
}

.footer-bottom {
    background: #232323 none repeat scroll 0 0;
    text-align: center;
}

.footer-bottom p,
.footer-bottom p span {
    color: #919191;
    font-family: Montserrat-Light;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 70px;
    margin: 0;
    text-align: center;
}

.footer-bottom p a {
    color: #919191;
    font-family: Montserrat-Light;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 70px;
}

.footer-bottom p a:hover {
    text-decoration: underline;
}


/* 1.13 Scrollup */

#scrollUp {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #6c6c6c;
    border-radius: 0;
    bottom: 70px;
    color: #6c6c6c;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 40px;
    line-height: 34px;
    padding-top: 10px;
    position: fixed;
    right: 20px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 40px;
    z-index: 9999;
}

#scrollUp:hover {
    background: #FAB704 none repeat scroll 0 0;
    border-color: #FAB704;
    color: white;
}


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


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

.home-2 .single-service {
    text-align: center;
}

.home-2 .single-service-img {
    float: none;
    margin-bottom: 15px;
}

.home-2 .single-service-content {
    display: block;
    padding-left: 0;
    width: 100%;
}

.pad-l-r-45 {
    padding: 0 45px;
}

.home-2 .single-service h3 {
    margin-bottom: 2px;
}

.home-2 .single-service p {
    margin-bottom: 0;
}

.home-2 .why-choose-area {
    padding: 115px 0 105px;
}

.home-2 .service-area {
    padding: 0 0 115px;
}

.home-2 .our-services-area {
    background: rgba(0, 0, 0, 0) url("img/bg/ourservice-2.jpg") no-repeat fixed center center / cover;
}

.home-2 .we-provide-area {
    padding: 115px 0 105px;
}

.home-2 .quick-quote-right {
    background-image: url("img/banner/quick-2-2.png");
}

.home-2 .ask-question-left {
    background-image: url("img/banner/ask-2.jpg");
}


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


/*  3. About
/*----------------------------------------*/

.page-banner-area {
    position: relative;
}

.page-banner-content {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.page-banner-area h1,
.page-banner-area h1 .bold,
.page-banner-content h5,
.page-banner-content h5 a {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32.04px;
}

.page-banner-area h1 {
    margin-bottom: 12px;
}

.page-banner-area h1 .bold {
    font-weight: 700;
}

.page-banner-content h5,
.page-banner-content h5 a {
    font-size: 14px;
    font-weight: 400;
}

.page-banner-content h5 a:hover {
    color: #fab704;
}

.about-wepro-secheading {
    margin-bottom: 113px;
    text-align: center;
}

.about-wepro-secheading h5 {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 32.04px;
}

.about-wepro-secheading h5 span {
    color: #fab704;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
}

.about-wepro-secheading h2 {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 32.04px;
}

.about-wepro-secheading p {
    color: #606060;
    font-family: Myriad Pro;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
}

.about .we-provide-area {
    padding: 111px 0 105px;
}

.about .feature-and-video-area {
    padding-top: 115px;
}

.about-team-heading {
    text-align: center;
}

.about-team-heading h2,
.about-team-heading h2 .bold {
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 18px;
}

.about-team-heading h2 .bold {
    font-weight: 700;
}

.about-team-heading p {
    margin-bottom: 0;
}

.our-team-area {
    padding: 107px 0 0;
}

.all-staff {
    margin-top: 57px;
}

.staff-content h3 a,
.staff-content h3 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.staff-content h3 a:hover {
    color: #fab704;
}

.staff-content p {
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 4px;
}

.staff-content {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 11px 0;
    text-align: center;
    width: 100%;
}

.staff-img img {
    width: 100%;
}

.single-staff {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-staff:hover {
    box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.75);
}

.social-link a {
    background: #999999 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: block;
    height: 30px;
    margin-bottom: 10px;
    width: 30px;
}

.social-link a:hover {
    background: #fab704 none repeat scroll 0 0;
    color: #fff;
}

.social-link {
    opacity: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 20%;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    -webkit-transition: all 0.3s ease 0s);
    -moz-transition: all 0.3s ease 0s);
    -ms-transition: all 0.3s ease 0s);
    -o-transition: all 0.3s ease 0s);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 30px;
}

.single-staff:hover .social-link {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.about .service-area {
    padding: 0 0 115px;
}

.about .client-and-fun-area {
    padding: 116px 0 22px;
}

.page-banner-area img {
    width: 100%;
}


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


/*  4. History
/*----------------------------------------*/

.know-history-area {
    padding: 120px 0 39px;
}

.single-history h3,
.single-history h4 {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 0;
}

.single-history h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

.single-history p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.history-pad-1 {
    padding: 0 46px 0 0;
}

.history-pad-2 {
    padding: 0 23px;
}

.history-pad-3 {
    padding: 0 0 0 46px;
}

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

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


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


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

.service .our-services-area {
    background: #fff none repeat scroll 0 0;
    padding: 116px 0 115px;
}

.service .our-service-heading h2,
.service .our-service-heading h2 span {
    color: #030303;
}

.service .our-service-heading p {
    color: #606060;
}

.service .our-services-content {
    background: #f8f8f8 none repeat scroll 0 0;
}

.other-services-area {
    padding: 0 0 120px;
}

.service .client-and-fun-area {
    padding: 115px 0 22px;
}


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


/*  6. Service V2
/*----------------------------------------*/

.service-2 .client-and-fun-area {
    padding: 0 0 0;
}

.service-2 .why-choose-area {
    padding: 115px 0 100px;
}

.service-2 .brand-area {
    padding: 120px 0;
}

.service-2 .our-services-area {
    background: #fff none repeat scroll 0 0;
    padding: 120px 0 54px;
}

.service-2 .our-services-content {
    background: #f8f8f8 none repeat scroll 0 0;
}


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


/*  7. Single-Service
/*----------------------------------------*/

.single-service-body .client-and-fun-area {
    padding: 114px 0 22px;
}

.single-service-area {
    padding: 120px 0;
}

.single-top h4,
.single-top h3 {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin: 5px 0 3px;
}

.single-top h3 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 18px;
}

.single-top p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

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

.single-bottom h3 {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 14px;
}

.single-bottom p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}


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


/*  8. Pricing Table
/*----------------------------------------*/

.priciing-table-heading {
    text-align: center;
}

.priciing-table-heading h2,
.pricing-table h2 .bold {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 18px;
}

.pricing-table h2 .bold {
    font-weight: 700;
}

.priciing-table-heading p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.tables {
    margin-top: 57px;
}

.table-img {
    position: relative;
}

.table-img h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    left: 0;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.table-price {
    background: #f1f1f1 none repeat scroll 0 0;
}

.table-price h2,
.table-price h2 .dollar {
    color: #303030;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.table-price h2 .dollar {
    font-size: 24px;
}

.table-price p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.table-price {
    padding: 23px 0;
    text-align: center;
}

.pricing-list {
    background: #f8f8f8 none repeat scroll 0 0;
    text-align: center;
}

.pricing-list ul {
    margin: 0;
    padding: 34px 0 8px;
}

.pricing-list ul li {
    color: #565656;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 16px;
}

.pricing-button {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 33px 0;
    text-align: center;
}

.pricing-button a {
    background: #f8f8f8 none repeat scroll 0 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    padding: 12px 18px;
}

.pricing-button a:hover,
.single-table.active .pricing-button a {
    background: #fab704;
    box-shadow: none;
    color: #fff;
}

.single-table {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-table:hover,
.single-table.active {
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.75);
}

.pricing-table-area {
    padding: 116px 0 0;
}

.pricing-table .client-and-fun-area {
    padding: 115px 0 120px;
}


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


/*  9. Feature-area
/*----------------------------------------*/

.feature .service-area {
    padding: 118px 0 110px;
}

.feature .brand-area {
    padding: 120px 0;
}

.feature .client-and-fun-area {
    padding: 0;
}

.our-features-area-heading {
    text-align: center;
}

.our-features-area-heading h2,
.our-features-area h2 .bold {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
}

.our-features-area h2 .bold {
    font-weight: 700;
}

.our-features-area-heading p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.single-our-features h3 {
    color: #303030;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 6px;
}

.single-our-features p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0;
}

.our-features-1 {
    padding: 0 45px 0 0;
}

.our-features-2 {
    padding: 0 23px;
}

.our-features-3 {
    padding: 0 0 0 45px;
}

.our-features-area {
    padding: 0 0 112px;
}

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

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


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


/*  10. Gallery
/*----------------------------------------*/

.gallery-area {
    padding: 120px 0;
}

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

.gallery-img {
    display: inline-block;
    margin-bottom: -11px;
    margin-left: -6px;
    overflow: hidden;
    position: relative;
    width: 33%;
}

.gallery-img img {
    width: 100%;
}

.gallery-img h4 {
    bottom: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    left: 50px;
    letter-spacing: 0;
    line-height: 24px;
    opacity: 0;
    position: absolute;
    z-index: 9;
}

.gallery-img:hover h4 {
    opacity: 1;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 0.6s ease 0.6s;
    -moz-transition: all 0.6s ease 0.6s;
    -ms-transition: all 0.6s ease 0.6s;
    -o-transition: all 0.6s ease 0.6s;
    transition: all 0.6s ease 0.6s;
}

.gallery-img a {}

.gallery-img::before {
    background: #fab704 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

.gallery-img:hover::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.gallery-img i {
    color: #fff;
    font-size: 45px;
    left: 0;
    letter-spacing: 10px;
    line-height: 24px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    z-index: 9;
}

.gallery-img:hover i {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0.3s;
    -moz-transition: all 0.3s ease 0.3s;
    -ms-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.gallery-pagination {
    padding: 60px 0 0;
    text-align: center;
}

.gallery-pagination ul {
    margin: 0;
    padding: 0;
}

.gallery-pagination ul li {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.gallery-pagination ul li:hover,
.gallery-pagination ul .active {
    background: #fab704 none repeat scroll 0 0;
}

.gallery-pagination ul li a,
.gallery-pagination ul li a i {
    color: #030303;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    padding: 5px 8px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.gallery-pagination ul li a:hover,
.gallery-pagination ul li a i:hover,
.gallery-pagination ul .active a {
    color: #fff;
}


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


/*  11. Gallery-V2 & V3
/*----------------------------------------*/

.gallery-2 .gallery-img h4 {
    font-size: 18px;
}

.gallery-2 .gallery-img i {
    font-size: 36px;
}

.gallery-3 .gallery-img {
    margin-bottom: 30px;
    margin-left: 0;
    width: 100%;
}

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

.gallery-3 .gallery-pagination {
    padding: 48px 0 0;
    text-align: center;
}


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


/*  12. Latest-News
/*----------------------------------------*/

.newsleft-area {
    padding: 120px 0;
}

.latest-news .single-news p {
    margin: 0;
}

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

.all-news-area {
    padding: 120px 0;
}

.all-news .gallery-pagination {
    padding: 55px 0 0;
    text-align: center;
}


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


/*  13. News-Left-Sideber
/*----------------------------------------*/

.news-left .news-img a {
    width: 100%;
}

.news-left .news-img a img {
    width: 100%;
}

.news-sidebar .widget {
    position: relative;
}

.news-sidebar .widget a.search {
    color: #606060;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news-sidebar .widget a:hover {
    color: #fab704;
}

.news-sidebar .widget input {
    border: 1px solid #ccc;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    height: 45px;
    letter-spacing: 0;
    padding: 10px 35px 10px 10px;
    width: 100%;
}

.news-left .widget {
    margin-bottom: 55px;
}

.news-sidebar .widget h4 {
    border-bottom: 1px solid #cccccc;
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 21px;
    padding-bottom: 12px;
}

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

.widget ul.list {
    margin: 0;
    padding: 0;
}

.widget ul.list li {
    border-bottom: 1px solid #ccc;
    display: block;
    margin: 0 0 14px;
    padding-bottom: 7px;
}

.widget ul.list li a {
    color: #606060;
    display: block;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
}

.news .news-left {
    float: left;
    width: 33%;
}

.news .news-right {
    float: left;
    padding: 0 0 0 15px;
    width: 67%;
}

.news-right h5,
.news-right h5 a {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 5px;
}

.news-right p.date,
.news-right p.text {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 12px;
    margin-bottom: 5px;
}

.news-right p.text {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0;
}

.widget .news {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 18px;
}

.widget ul.tweets {
    margin: 0;
    padding: 0;
}

.widget ul.tweets li {
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 0 0 18px;
}

.widget ul.tweets li:last-child {
    margin: 0;
}

.widget ul.tweets li a {
    color: #606060;
    display: block;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
}

.widget ul.tweets li a:hover {
    color: #606060;
}

.widget ul.tweets li a span {
    color: #fab704;
    font-weight: 400;
}

.widget ul.tweets li > span {
    color: #606060;
    display: block;
    font-family: Montserrat-Light;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
}

.widget ul.tags {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0 0 12px;
}

.widget ul.tags li {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0 2px 12px 0;
}

.widget ul.tags li a {
    border: 1px solid #cccccc;
    color: #303030;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    padding: 5px 10px;
    text-align: center;
}

.widget ul.tags li a:hover {
    background: #fab704 none repeat scroll 0 0;
    border-color: #fabc04;
    color: #fff;
}

.news-left .gallery-pagination {
    padding: 56px 0 0;
    text-align: center;
}

.right-news .gallery-pagination {
    padding: 55px 0 0;
    text-align: center;
}


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


/*  14. News-Details
/*----------------------------------------*/

.newsdet-area {
    padding: 120px 0;
}

.news-det-img {
    position: relative;
}

.news-det-img > img {
    border-radius: 100px;
    bottom: -15px;
    left: 15px;
    position: absolute;
}

.newsdet-area .news-content {
    margin-top: 66px;
}

.newsdet-area .news-content h4 {
    color: #303030;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
}

.newsdet-area .news-content h5 {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 43px;
}

.newsdet-area .news-content p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

.newsdet-area .news-content .p-bold {
    color: #303030;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 33px 0;
}

.detimg-small .img {
    float: left;
    width: 26%;
}

.detimg-small .content {
    float: left;
    padding: 0 0 0 25px;
    width: 74%;
}

.detimg-small .content p span {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
}

.detimg-small .content p {
    color: #606060;
}

.detimg-small {
    margin: 0 0 38px;
}

.tags-share .tags p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.tags-share .tags p span {
    color: #303030;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.tags-share .tags {
    float: left;
    width: 60%;
}

.tags-share .share {
    float: left;
    width: 40%;
}

.tags-share .share ul {
    margin: 0;
    padding: 0;
}

.tags-share .share p {
    color: #606060;
    display: inline;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.tags-share .share ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.tags-share .share ul li {
    display: inline-block;
    margin: 0 25px;
}

.share ul li a {
    color: #606060;
}

.share ul li a:hover {
    color: #fab704;
}

.tags-share {
    margin: 60px 0 0;
}

.newsdet-area .comments {
    padding: 120px 0 78px;
}

.comment-heading {
    color: #303030;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 41px;
}

.comments .img {
    float: left;
    width: 10%;
}

.comments .content {
    float: left;
    padding: 0 0 0 18px;
    width: 90%;
}

.comments .content h3 {
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 5px;
}

.comments .content p.hour {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 8px;
}

.content p.comment-text {
    color: #565656;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 2px;
}

.content a.reply {
    color: #303030;
    font-size: 13px;
    letter-spacing: 0;
}

.content a.reply:hover {
    color: #fab704;
}

.single-comment {
    margin: 0 0 32px;
}

.leave-comment input,
.leave-comment .comment-text {
    border: 1px solid #ebebeb;
    font-family: Montserrat-Light;
    font-size: 12px;
    height: 35px;
    letter-spacing: 0;
    padding: 5px 8px;
    width: 100%;
}

.leave-comment .comment-text {
    margin-top: 30px;
    min-height: 195px;
}

.leave-comment a.submit-comment {
    background: #fab704 none repeat scroll 0 0;
    border: 1px solid #fab704;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 29px 0 0;
    padding: 10px;
    text-align: center;
    width: 180px;
}

.leave-comment a.submit-comment:hover {
    background: transparent none repeat scroll 0 0;
    color: #fab704;
}


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


/*  15. Our-Branches
/*----------------------------------------*/

.our-branch-area {
    padding: 115px 0 120px;
}

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

.branch-heading h2 {
    color: #303030;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 18px;
}

.faq-collapse {
    margin: 40px 0 0;
}

.branch-heading h2 span {
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}

.all-branch {
    margin: 50px 0 0;
}

.branch-heading p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
}

.single-branch h4 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 15px;
}

.single-branch ul {
    margin: 0;
    padding: 0;
}

.single-branch ul li {
    padding: 0 0 0 25px;
    position: relative;
}

.single-branch ul li p,
.single-branch ul li a {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px;
}

.single-branch ul li::before {
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    height: 18px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 18px;
}

.single-branch ul li.location-address::before {
    content: "";
}

.single-branch ul li.phone-no::before {
    content: "";
}

.single-branch ul li.email-web::before {
    content: "";
}

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

.branch-img {
    margin: 40px 0 0;
}


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


/*  16. FAQ
/*----------------------------------------*/

.faq-area {
    padding: 116px 0 85px;
}


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


/*  17. Contact
/*----------------------------------------*/

.contact-top-area {
    padding: 116px 0 120px 0;
}

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

.contact-left h4 {
    color: #1f223e;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 3px;
}

.contact-left h3 {
    color: #1f223e;
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 32px;
}

.contact-left p {
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

.contact-left p span {
    font-size: 18px;
    font-weight: 400;
}

.contact-left ul {
    margin: 45px 0 0;
    padding: 0;
}

.contact-left li {
    border-bottom: 1px solid #73716f;
    margin-bottom: 22px;
    padding-bottom: 10px;
    padding-left: 40px;
    position: relative;
}

.leave-meassage-area {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 116px 0 120px 0;
    text-align: center;
}

.leave-message h2 {
    color: #303030;
    font-family: Montserrat-Light;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}

.leave-message h2 span {
    font-weight: bold;
}

.leave-message p {
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.contact-form input,
.contact-form .contact-textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    color: #606060;
    font-family: Montserrat-Light;
    font-size: 12px;
    height: 40px;
    line-height: 28px;
    margin: 20px 0 0;
    padding: 8px 10px;
    width: 100%;
}

.contact-form .contact-textarea {
    min-height: 195px;
}

.contact-form {
    margin: 22px 0 0;
}

.contact-form .cont-submit {
    background: #fab704 none repeat scroll 0 0;
    border: 1px solid #fab704;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    margin: 26px auto auto;
    padding: 0;
    width: 135px;
}

.contact-form .cont-submit:hover {
    background: transparent none repeat scroll 0 0;
    color: #fab704;
}

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


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


/*  18. Error
/*----------------------------------------*/

.error-area {
    background: rgba(0, 0, 0, 0) url("img/bg/404.jpg") repeat scroll 0 0;
    padding: 230px 0;
    text-align: center;
}

.error h1 {
    color: #fab704;
    font-size: 180px;
    font-weight: 700;
    line-height: 140px;
    margin: 0 0 65px;
}

.error h4 {
    color: #f5f5f5;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 35px;
}

.errors h5 {
    color: #f5f5f5;
    font-family: Myriad Pro;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 27.97px;
    margin: 0 0 14px;
}

.errors p {
    color: #f5f5f5;
    font-family: Myriad Pro;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30.97px;
    margin: 0 0 70px;
}

.errors a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    padding: 12px 27px;
}

.errors a:hover {
    border-color: #fab704;
    color: #fab704;
}

.brand-area .owl-theme .owl-controls {
    display: none !important;
}


/*mail*/

<div class="cf-msg"></div> .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;
}