/*

    Template Name    : Electricshop

	Description		 : Responsive Electrical Template

    Version          : 1.0

*/
/* 
old site color #fe0077
new site color #6170c2

*/
/*

================================================

/* Table of Content

==================================================



1. Fonts - Roboto and Raleway

2. Common CSS

3. Loader CSS

4. Top Wrapper

5. Header Inner

6. Slider Area

7. CTA Wrapper

8. Our Services

9. About Wrapper

10. Join Wrapper

11. Our Team Wrapper

12. Latest Projects Wrapper

13. Testimonials Wrapper

14. Counters

15. News Wrapper

16. Breadcrumb Wrapper

17. Inner page Wrapper

18. Gallery

19. FAQ Wrapper

20. Error Page

21. Countdown Page

22. Contact Wrapper

23. Footer Wrapper

24. Media Quires 



/*

================================================

1. Fonts - Roboto and Raleway

================================================

*/



@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Roboto:300,400,600,700');



/*

================================================

2. Common CSS

================================================

*/



* {

    margin: 0;

    padding: 0;

}



body {

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    line-height: 1.57143;

    font-weight: 400;

    color: #2d2e2e;

}

p.top-txt-c-cls{
    /*background: #000000b8;*/
    padding: 14px !important;
    text-align: justify !important;
    font-size: 14px !important;
    color:black !important;
}

.themecolor {

    color: #6170c2;

}

.imb-mble-d-cls{
    display: none !important;
}

a.themecolor:hover {

    color: #666666;

}



.fa {

    font-family: FontAwesome !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Raleway', sans-serif;

    margin-top: 0;

}



a {

    color: #666666;

    transition: all 0.3s ease 0s;

}



a:hover {

    color: #6170c2;

    text-decoration: none;

}



a,

a:hover,

a:active,

a:focus {

    outline: none;

    text-decoration: none;

}



.btn,

.btn * {

    transition: all 0.3s ease 0s;

}



.btn {

    border-width: 2px;

    margin-bottom: 7px;

    margin-top: 7px;

    padding: 8px 22px;

    z-index: 1;

}

.bottomMenu {
    display: block;
    position: fixed;
    bottom: 10px;
    z-index: 999;
    right: 40px;
    background: #247424;
}


#closeButton {
    background: #247424;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    right: -25px;
    position: absolute;
    cursor: pointer;
    top: 0px;
}

.bottomMenu a img {
    width: 220px;
    border: none;
}


.review_img {
    width: 100%;
    max-width: 290px;
    border: 1px solid #247424;
    border-radius: 10px;
}

.btn:hover {

    color: #2d2e2e;

}



.light-bg {

    background: #f5f5f5;

}



i {

    transition: all 0.4s ease-in-out 0s;

}



.transition3s {

    transition: all 0.3s ease-in-out 0s;

}



ul,

li {

    list-style: outside none none;

}



.space-30 {

    padding-top: 30px;

    padding-bottom: 30px;

}



.m-bot-40 {

    margin-bottom: 40px;

}



.m-top-40 {

    margin-top: 40px;

}



.pad-bottom-0 {

    padding-bottom: 0 !important;

}





/*section {

	float: left;

	width: 100%;

	padding: 80px 0;

}*/



div.title {

    display: inline-block;

    margin: 0 0 40px;

    text-align: center;

    width: 100%;

    position: relative;

}



div.title h2 {

    color: #000000;

    font-size: 40px;

    font-weight: 700;

    margin: 0;

}



div.title h2::after {

    background-color: #6170c2;

    border: medium none;

    content: "";

    display: block;

    height: 2px;

    margin: 20px auto 0;

    width: 150px;

}



.title-border-color {

    background: #ffffff none repeat scroll 0 0;

    color: #ffcb37;

    display: inline-block;

    font-size: 30px;

    height: 40px;

    left: auto;

    position: relative;

    right: auto;

    text-align: center;

    top: -20px !important;

    width: 40px;

}



div.title img {

    left: 50%;

    margin-left: -34px;

    padding: 12px 0 0;

    position: absolute;

}



div.title img.title-border-img {

    width: 24px;

    margin-left: 0px;

    left: 20%;

    padding: 9px 0px 0px;

}



#scrollUp {

    background: #6170c2;

    border-radius: 50%;

    bottom: 130px;

    color: #000;

    display: block;

    font-size: 25px;

    height: 40px;

    line-height: 0;

    position: fixed;

    right: 20px;

    text-align: center;

    text-decoration: none !important;

    transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;

    width: 40px;

    z-index: 1000;

    border-bottom: 3px solid #88743d;

}



#scrollUp:hover {

    background: #000;

    color: #fff;

}



#scrollUp i {

    display: block;

    padding-top: 5px;

}





/* Overlay styles */



.overlay-style-one {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    overflow: hidden;

    transform: rotateX(150deg);

    transition: all 500ms ease;

    background-color: rgba(0, 0, 0, 0.70);

}



.overlay-style-one .box {

    display: table;

    height: 100%;

    width: 100%;

}



.overlay-style-one .box .content {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}





/* Button Effects */



.btn {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    border-radius: 6px;

    padding: 11px 40px 12px;

    font-size: 19px;

    color: #fff;

    font-weight: 500;

}



.btn:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #6170c2;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.btn:hover,

.btn:focus,

.btn:active {

    color: white;

}



.btn:hover:before,

.btn:focus:before,

.btn:active:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}





/*

================================================

3. Loader CSS

================================================

*/



#dvLoading {

    background: url(../images/loader.gif) no-repeat center center #fff;

    width: 100%;

    height: 100%;

    position: fixed;

    z-index: 9999999;

}





/*

================================================

4. Top Wrapper

================================================

*/





/*header {

	width: 100%;

	z-index: 99;

}*/



.top-wrapper {

    background: #000000;

    color: #fff;

}



.affix .top-wrapper {

    display: none;

}



.affix .header-inner {

    background: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);

}



.affix.fadeInDown {

    animation-delay: 0s;

    animation-direction: normal;

    animation-duration: 0.5s;

    animation-fill-mode: forwards;

    animation-iteration-count: 1;

    animation-name: fadeInDown !important;

    animation-play-state: running;

    animation-timing-function: ease;

}



.fadeInDown {

    animation-name: none !important;

}



.swingOutX {

    animation-name: none !important;

}



.top-wrapper .guest {

    color: #fff;

    font-size: 15px;

    padding: 13px 0 0 0;

}





/*** Top header add ***/



.top-header-add:before {

    background: #6170c2;

    content: "";

    height: 100%;

    left: -22px;

    position: absolute;

    top: 0;

    transform: skewX(-30deg);

    width: 40px;

}



.top-header-add {

    background: #6170c2;

    /*padding: 8px 0;*/

    width: 100%;

    display: inline-block;

    text-align: center;

    position: relative;

}



.top-header-add:after {

    background: #6170c2;

    content: "";

    height: 100%;

    right: -22px;

    position: absolute;

    top: 0;

    transform: skewX(-30deg);

    width: 40px;

    z-index: 9;

}



.top-header-add div {

    display: inline-block;

}


.top-header-add div.phone {

    font-size: 14px;

    font-weight: 600;

    color: #ffffff;

    position: relative;

}
.top-header-add div.phone.fnt-18-cls{
    font-size:18px;
    position: relative;
    top: -8px;
}

.top-header-add div.phone a.fnt-14-cls{
    font-size:14px;
}

.top-header-add div.phone a {
    color: #ffffff;
    /*margin-right: 20px;*/
}



.top-header-add div.book:before {

    width: 0;

    height: 0;

    border-top: 16px solid transparent;

    border-right: 28px solid #000000;

    border-bottom: 17px solid transparent;

    content: "";

    position: absolute;

    left: -28px;

    top: 0;

}



.top-header-add div.book {

    font-size: 15px;

    font-weight: 600;

    color: #6170c2;

    background: #000000;

    padding: 5px 20px;

    z-index: 99;

    position: relative;

    text-transform: uppercase;

}



.top-header-add div.book a {

    color: #6170c2;

}



.top-header-add div.book:after {

    background: #000000;

    content: "";

    height: 100%;

    left: auto;

    position: absolute;

    right: -50%;

    top: 0;

    width: 75%;

    z-index: -1;

}



.top-header-add i {

    font-size: 20px;

    line-height: 20px;

    margin-right: 5px;

    text-align: center;

    font-weight: 700;

}
.top-right-notify-cls{
    font-size: 15px;
    padding-top: 11px;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
}




/*

================================================

5. Header Inner

================================================

*/





/*  Logo */





/*logo*/



.logo img {

    float: left;
    padding-right: 10px;
    width: 337px;
    /*width: 120px;*/
}



.logo {

    /*width: 100%;*/

}



.header-inner {

    padding: 10px 0px;

}



.company-name {

    padding-top: 10px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000;
    font-size: 24px;

}



.slogan-name {

    color: #000;

    margin-bottom: 0px;

}



.sc-content {

    padding: 4px 0px

}



.padding-right-0 {

    padding-right: 0px;

}



header .logo {

    /*float: left;*/

}



header .navbar {

    background: none;

    box-shadow: none;

    border: none;

    position: relative;

    padding: 0;

    margin: 0;

}



.navbar-nav {

    display: block;

    float: right;

}



header .nav li {

    float: left;

    position: relative;

    margin-right: 5px;

}

nav{
    margin-top: 10px;
}

header .nav li:last-child {

    margin-right: 0px;

}



header .navbar-default .navbar-nav>li>a {

    color: #252525;

    font-size: 14px;

    text-transform: uppercase;

    padding: 30px 10px 28px;

    display: block;

    position: relative;

    text-shadow: none;

    text-align: center;

}



header .nav li ul li a {

    text-align: left;

}



header .nav li:hover a,

header .nav li.active a {

    color: #fff;

}



.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

    background-color: inherit;

    color: #6170c2;

}



.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a:hover {

    color: #6170c2;

}



header .nav li a i {

    font-size: 16px;

    color: #6170c2;

    margin-left: 4px;

}



header .nav li .dropdown {

    background: #fff;

    width: 220px;

    position: absolute;

    left: 0;

    z-index: 99;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

    margin: 0;

}



header .nav li:hover a,

header .nav li.active a,

header .nav li .dropdown li:hover a,

header .nav li .dropdown li .dropdown.submenu li:hover a {

    background: #fff;

    color: #6170c2;

}



header .nav li:hover .dropdown {

    transform: scale(1.0);

    opacity: 1;

    visibility: visible;

    padding-left: 0px;

}



header .nav li .dropdown li {

    float: none;

    margin: 0;

}



header .nav li .dropdown li a {

    padding: 10px 15px;

    color: #666;

    display: block;

    font-weight: 400;

    background: transparent;

    font-size: 14px;

}



header .nav li .dropdown li i {

    float: right;

}



header .nav li .dropdown li:hover a {

    color: #6170c2;

}



header .nav li .dropdown.submenu {

    left: 100%;

    top: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    transform: scale(0.5);

}



header .nav li .dropdown li:hover .dropdown.submenu {

    opacity: 1;

    visibility: visible;

    transform: scale(1.0);

}



header .nav li .dropdown li .dropdown.submenu li a {

    color: #777;

    background: transparent;

}



header .nav li .dropdown li .dropdown.submenu li:hover a {

    color: #fff;

}



.slicknav_menu {

    display: none;

}





/* Header Sticky */



header.sticky .header-menu {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    background: #fff;

    transition: all 0.4s ease;

    animation: fadeInDown 1s both 0.2s;

    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);

    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);

}





/*

================================================

6. Slider Area

================================================

*/



.banner-wrapper {

    width: 100%;

    /*float: left;*/

    position: relative;

    padding: 0;

}



.close-image {

    width: 12px;

    position: absolute;

    top: 18px;

    right: 16px;

}





/* Slides backgrounds */



#first-slider .main-container {

    padding: 0;

}



#first-slider .carousel-indicators {

    bottom: 15px;

    display: none;

}



#first-slider .carousel-control.right,

#first-slider .carousel-control.left {

    background-image: none;

}



#first-slider .carousel .item {

    min-height: 700px;

    height: 100%;

    width: 100%;

}



#contact-form div.title {

    margin: 22px 0 10px;

}





/*footer*/





/* footer logo*/



.flogo img {

    float: left;

    width: 70px;

    padding-right: 10px;

}



.flogo .slogan-name {

    font-size: 14px;

    color: #fff;

    margin: 0px;

    text-transform: capitalize;

}



.flogo .company-name {

    font-size: 24px;

    color: #fff;

}



.flogo .sc-content {

    padding: 0px 0px;

}



.guest.copyright-wrapper ul {

    float: left;

}



footer .flogo h4::before {

    background: #151515;

}



img.logo2 {

    padding-left: 10px !important;

}





/*breadcromb sub header*/



.banner-wrapper p {

    padding: 4px 0px 0px !important;

}



.breadcromb-right img {

    width: 120px;

    float: right;

}





/*service page*/



.service-details-tabs img {

    width: 100%;

}



.advantages {

    padding: 40px 40px 30px;

    background: #f8f8f8;

}



.advantages h3 {

    font-size: 20px;

    font-weight: 700;

    padding-bottom: 15px;

}



.advantages h4 {

    font-weight: 700;

    padding-top: 15px;

}



.advantages i.fa.fa-lightbulb-o {

    padding-right: 10px;

}



.advantages p {

    margin: 0 0 15px;

}





/*** Our Coverage Area  ***/



img.icon_satifactionguaranteed {

    /*width: 150px !important;*/

    margin-bottom: 20px;

}



.slider-wrap ul li {

    list-style: none;

    text-align: center;

}



.slider-wrap i.fa {

    font-size: 30px !important;

    color: #2d3333;

}



.sa-left {

    left: 0px;

    position: absolute;

    top: 30%;

}



.sa-right {

    right: 0px;

    position: absolute;

    top: 30%;

}



.slider img {

    width: 130px;

}



.coverage-area {

    background: #ededed;

}



.coverage-area .title-border-color {

    background: #2d2f2c;

}



.cov-area-content {

    padding-top: 0px;

}



.jvectormap-container {

    background: #556d8000 !important;

}



div#world-map {

    margin: auto;

    display: block;

    float: none;

}



@media (min-width: 768px) {

    .carousel-inner .item .container {

        display: flex;

        justify-content: center;

        align-items: center;

        position: absolute;

        bottom: 0;

        top: 145px;

        left: 0;

        right: 0;

    }

}



#first-slider h1 {

    animation-delay: 1s;

}



#first-slider p {

    animation-delay: 2s;

}



#first-slider .btn-hero {

    animation-delay: 3s;

}



#first-slider .carousel-control {

    width: 6%;

    text-shadow: none;

}



#first-slider h1 {

    color: #fff;

    /*font-size: 50px;*/

    font-size: 26px;

    line-height: 32px;

    font-weight: 700;

    /*line-height: 52px;*/

    margin: 0 0 10px;

    padding: 0;

}



#first-slider h1 span {

    /*display: block;*/

    color: #6170c2;

}



#first-slider p {

    color: #fff;

    font-size: 19px;

    font-size: 15px;

    font-weight: 300px;

}



#first-slider .p a {

    text-decoration: underline;

}



.carousel-fade .carousel-inner .item {

    -webkit-transition-property: opacity;

    transition-property: opacity;

}



.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    opacity: 0;

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}



.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.carousel-fade .carousel-control {

    z-index: 2;

}



.carousel-control .fa-angle-right,

.carousel-control .fa-angle-left {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    line-height: 36px;

}



.carousel-control .fa-angle-left {

    left: 20%;

    width: 38px;

    height: 38px;

    margin-top: -15px;

    font-size: 30px;

    color: #fff;

    border: 1px solid #fff;

    -webkit-border-radius: 23px;

    -moz-border-radius: 23px;

    border-radius: 53px;

}



.carousel-control .fa-angle-right {

    right: 20%;

    width: 38px;

    height: 38px;

    margin-top: -15px;

    font-size: 30px;

    color: #fff;

    border: 1px solid #fff;

    -webkit-border-radius: 23px;

    -moz-border-radius: 23px;

    border-radius: 53px;

}



.carousel-control {

    opacity: 1;

    filter: alpha(opacity=100);

}



.banner-wrapper .btn {

    border: solid 2px #6170c2;

}



.banner-wrapper .btn-hero:hover {

    color: #333;

    border: solid 2px #6170c2;

}





/******  Slides backgrounds   *****/

input::placeholder,textarea::placeholder{
    color: white !important;
}

#first-slider .slide1,

.slide2,

.slide3 {

    /* background-image: url(../images/1.jpg); */
    /* background-image: url(../images/n12.jpg); */
    /* background-image: url(../images/IMG_5135.JPG); */
    background-image: url(../images/55363_IMG_5145__.JPG);
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: bottom 26% left;
}





/*

================================================

7. CTA Wrapper

================================================

*/

#hotspotImg .hot-spot .tooltip{
    background: #00a100 !important;
}

.cta-wrapper {

    /*float:left;*/

    width: 100%;

    padding: 24px 0 18px;

    background: #247424;

}





/*** CTA Text ***/



.cta-text {

    color: #ffffff;

    font-size: 20px;

    font-weight: 500;

    line-height: 27px;
    text-align:center;
    padding-top: 11px !important;

}



.cta-inner:after {

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: 0px;

    width: 2px;

    /* background: #ff55a4; */
    background: black;

}

.cta-inner.no-line-cls:after{
    content:unset;
}

.cta-inner {

    border-radius: 4px;

    padding: 0px 20px;

    position: relative;

    transition: all 400ms linear 0s;

}





/*** CTA ***/



.cta img {

    float: left;

    width: auto;

    margin: 6px 10px 0 0;

}



.cta h3 {

    color: #ffffff;

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    line-height: 38px;

}



.cta h3 span {

    font-size: 42px;

    font-weight: 600;

    display: block;

}





/*** CTA Button ***/



.cta-inner.cta-btn:after {

    display: none;

}



.cta-btn {

    margin-top: 15px;

}



.cta-btn a {

    font-size: 19px;

    color: #fff;

    background: #000000;

    padding: 12px 40px;

    display: inline-block;

    border-radius: 30px;

}



.cta-btn a:hover,

.cta-btn a:focus {

    background: #fff;

    color: #000000;

}



.cta-btn a:hover i {

    color: #000000;

}



.cta-btn a i {

    color: #6170c2;

    margin: 0 0 0 8px;

    font-size: 20px;

}





/*

================================================

8. Our Services

================================================

*/



.our-services-wrapper {

    padding: 73px 0 20px;

    background: #ededed;

    /* background: url("../images/service_bg.jpg") no-repeat; */
    /* background: url("../images/service_bg.jpg") no-repeat; */
    background: url("../images/website10.jpg") no-repeat;

    background-position: center;

    background-size: cover;

}



.our-services-wrapper .title-border-color {

    background: #f7efe7;

}



.our-services-wrapper .title {

    margin: 0 0 40px;

}





/*** Single Service ***/



.single-services {

    margin: 0 0 65px;

}



.services-inner {

    background: #ffffff none repeat scroll 0 0;

    border: 2px solid rgba(0, 0, 0, 0);

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);

    margin-left: 35px;

    transition: all 0.3s ease 0s;

    border-radius: 4px;

    position: relative;

    z-index: 1;

    height: 225px;

}



.services-inner:hover {

    background: #6170c2;

}



.services-inner:hover h3,

.services-inner:hover p {

    color: #fff;

}



.services-inner:hover .our-services-icon span:after {

    border-top: 40px solid #fff;

}



.services-inner:hover a {

    background: #1c1c1c;

    color: #fff;

}



.our-services-icon {

    float: left;

    margin-left: -35px;

    margin-right: 25px;

    margin-top: -35px;

}



.our-services-icon span {

    width: 70px;

    height: 70px;

    background: #000000;

    border-radius: 50%;

    line-height: 67px;

    text-align: center;

    display: inline-block;

    position: relative;

}



.our-services-icon span:after {

    border-left: 20px solid rgba(0, 0, 0, 0);

    border-right: 20px solid rgba(0, 0, 0, 0);

    border-top: 40px solid #dfdfdf;

    content: "";

    height: 0;

    left: 46px;

    position: absolute;

    top: 53px;

    transform: rotate(-40deg);

    width: 0;

    z-index: -1;

}



.our-services-icon span img {

    width: auto;

}



.our-services-text {

    overflow: hidden;

    padding: 20px 10px 25px 0;

}



.our-services-text h3 {

    color: #000000;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 8px;

    position: relative;

    line-height: 22px;

}



.our-services-text p {

    font-size: 15px;

}



.our-services-wrapper a {

    border: 2px solid #1c1c1c;

    cursor: pointer;

    color: #000;

    padding: 8px 30px;

    display: inline-block;

    text-transform: uppercase;

    margin: 10px 0;

}



.our-services-wrapper a:hover {

    background: #1c1c1c;

    color: #fff;

}





/** Service Details **/



.inner-page-wrapper.service-details-wrapper {

    padding: 70px 0;

}



.service-details-tabs .nav-tabs {

    margin-top: 0;

}



.service-details-tabs .nav-tabs li {

    width: 19%;

    background: none;

}



.service-details-tabs .nav-tabs li a {

    background: #003769;

    border-radius: 20px;

    color: #fff;

    width: 95%;

    border: none;

}



.service-details-tabs .tab-content {

    border: none;

}



.service-details-tabs .nav-tabs>li.active>a,

.service-details-tabs .nav-tabs>li.active>a:focus,

.service-details-tabs .nav-tabs>li.active>a:hover {

    background: #6170c2;

    color: #003769;

    border: none;

}



.tabs-content-right {

    float: left;

    width: 100%;

    padding: 30px 0px 0px 0px;

}



.tabs-content-right h3 {

    color: #000000;

    font-weight: 700;

    font-size: 20px;

    margin: 10px 0 5px;

    padding-bottom: 15px;

}



.tabs-content-right p {

    color: #666;

    margin: 0 0 10px;

}



.tabs-content-right ul {

    margin: 0;

}



.tabs-content-right ul li {

    margin: 0 5px 0 0;

    padding: 0 0 8px 20px;

    background: url(../images/bulb-icon.png) no-repeat left 5px;

    display: block;

    color: #666;

}





/*

================================================

9. About Wrapper

================================================

*/



.about-wrapper div.title {

    margin: 0px;

}



.about-wrapper {

    padding: 73px 0 50px;

}



.about-wrapper .title span:before {

    display: none;

}



.display-table {

    display: table;

    height: 100%;

    width: 100%;

}



.display-table-cell {

    display: table-cell;

    vertical-align: middle;

}



.width-50 {

    width: 50%;

}



.service-image {

    position: relative;

}



.about-wrapper img {

    height: auto;

    width: 100%;

}



.width-45 {

    width: 45%;

}



.about-text-area {

    padding: 50px;

    position: relative;

    z-index: 1;

}



.about-text-area h3:before {

    background: #6170c2;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    width: 100px;

}



.about-text-area h3 {

    font-family: 'Roboto', sans-serif;

    font-size: 20px;

    color: #000000;

    font-weight: 600;

    margin-bottom: 12px;

    padding-bottom: 15px;

    position: relative;

}



.about-text-area a {

    border: 2px solid #000;

    background: #000;

    color: #fff;

    display: inline-block;

    margin: 10px 0;

    padding: 8px 30px;

    text-transform: uppercase;

}



.about-text-area a:hover {

    background: none;

    color: #000;

    border: 2px solid #000;

}



.border_style {

    position: absolute;

}



.about-wrapper .border_style span::after {

    height: 20px;

    left: 0;

    width: 6px;

}



.about-wrapper span:before,

.border_style span:after {

    background-color: #6170c2;

    content: "";

    display: block;

    height: 6px;

    position: absolute;

    width: 20px;

}



.border_style span:before {

    top: -6px;

}



.border_style span {

    display: block;

    position: relative;

}



.border_style.top.left {

    left: -6px;

}



.border_style.top {

    top: 0;

}



.border_style.top.right span::before {

    left: -20px;

}



.border_style.top.right:before {

    right: 0;

}



.border_style.top.right {

    right: 0;

}



.border_style.bottom.left {

    left: -6px;

}



.border_style.bottom.left span::after {

    bottom: 0;

}



.border_style.bottom.right:before {

    right: 0;

}



.border_style.bottom.right {

    right: 0;

}



.border_style.bottom {

    bottom: -6px;

}



.border_style.bottom.right span::after {

    bottom: 0;

}



.border_style.bottom.right span::before {

    right: 0;

}





/*** About us Inner Page ***/



.inner-page-wrapper.about-wrapper {

    padding: 80px 0 70px;

}



.about-carousel {

    float: left;

    width: 100%;

}



.inner-page-wrapper.about-wrapper .owl-dots {

    display: none;

}



.inner-page-wrapper.about-wrapper .item img {

    display: block;

    width: 100%;

    height: auto;

}



.inner-page-wrapper.about-wrapper .owl-theme .owl-controls {

    margin-top: 0;

}



.inner-page-wrapper.about-wrapper .owl-nav div {

    width: 20px;

    height: 21px;

    border-radius: 0;

    opacity: 1;

    font-size: 0;

    margin: 0;

    padding: 0;

    position: absolute;

    bottom: 10px;

}



.inner-page-wrapper.about-wrapper .owl-theme .owl-controls.clickable .owl-buttons div:hover {

    opacity: 0.5;

}



.inner-page-wrapper.about-wrapper .owl-nav .owl-prev {

    background: url(../images/logos-left-arrow.jpg) no-repeat left top;

    right: 40px;

}



.inner-page-wrapper.about-wrapper .owl-nav i {

    font-size: 0;

}



.inner-page-wrapper.about-wrapper .owl-nav .owl-next {

    background: url(../images/logos-right-arrow.jpg) no-repeat left top;

    right: 10px

}



.about-caption {

    float: left;

    width: 100%;

    margin: 20px 0;

}



.about-caption h3 {

    font-weight: 700;

    margin: 0 0 5px;

    color: #003769;

}



.about-caption p {

    color: #666;

}





/** Tabs **/



ul.nav.nav-tabs {

    border: none;

}



.nav-tabs li a {

    color: #666666;

}



.nav-tabs li {

    width: 50%;

    text-align: center;

    background: #f1f1f1;

    font-size: 16px;

}



.nav-tabs {

    margin-top: 20px;

}



.tab-content {

    padding: 15px;

    border: 1px solid #ddd;

    border-top: 0;

}



.tab-content h4 {

    margin-bottom: 6px;

    color: #333333;

}



.nav-tabs li a {

    background: #f1f1f1;

    display: inline-block;

    width: 100%;

    padding: 8px;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

    background: #0F3661;

    color: #fff;

}





/* Faq */



.faq-sub-title {

    padding-bottom: 45px;

}



.faq-area h3 {

    font-weight: 700;

    font-size: 20px;

}



.about-faq-wrapper .panel-group .panel {

    border-radius: 0;

    border: none;

    margin-top: 16px;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading {

    display: block;

    padding: 0;

    border-radius: 0;

    font-weight: 700;

    background-color: #fff;

    border: 1px solid #e5e5e5;

    color: #222;

    text-transform: capitalize;

    position: relative;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a:hover,

.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a:focus {

    background-color: #003769;

    color: #fff;

    border: none;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading a:hover {

    background-color: #003769;

    border: none;

    color: #fff;

    border-radius: 0px;

}



.about-faq-wrapper .panel-heading:hover:before {

    color: #fff;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a {

    background-color: #003769;

    border: none;

    color: #fff;

    border-radius: 0px;

}



div.about-faq-wrapper .panel-faq .panel-body {

    padding: 20px 20px 10px;

    background-color: #fff;

    box-shadow: 6px 6px 7px rgba(39, 49, 67, .13);

    border-radius: 0;

    border: none !important;

}



.about-faq-wrapper .panel-title a:hover,

.about-faq-wrapper .panel-title a:focus {

    color: #fff;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active::before {

    color: #fff;

    content: "-";

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading.active h4 {

    color: #fff;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading h4 {

    font-size: 16px;

    font-weight: 600;

    line-height: 25px;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading h4 a {

    display: block;

    padding: 10px 20px 12px;

    color: #666;

}



.about-faq-wrapper .panel-faq .panel-default>.panel-heading::before {

    content: "+";

    font-size: 24px;

    padding: 0 0 0 20px;

    position: absolute;

    right: 15px;

    top: 5px;

}



.about-faq-wrapper .panel-faq p {

    margin: 0 0 12px;

}



.about-faq-wrapper .widget .btn {

    background-color: #f47629;

}



.about-faq-wrapper .widget .btn:hover {

    background-color: #f47629;

    border-color: #f47629;

    color: #fff;

}



.about-faq-wrapper .panel-group {

    margin: 0;

}





/** About Us Counters **/



.faq-area .counters:before {

    background: none;

}



.faq-area .counters {

    background: none;

    padding: 0;

}



.faq-area .counter-box .number {

    margin: 12px 0 0;

    font-weight: 800;

    font-size: 25px;

}



.faq-area .counter-box p {

    color: #666;

}



.faq-area .counter-box {

    text-align: center;

    margin: 35px 0 0;

}



.faq-area .counter-box i {

    border: 1px solid #6170c2;

    color: #f2c21a;

    display: inline-block;

    font-size: 22px;

    height: 60px;

    line-height: 60px;

    transition: all 1.4s ease 0s;

    width: 60px;

}



.faq-area .counter-box:hover i {

    background: #6170c2;

    color: #fff;

}





/*

================================================

10. Join Wrapper

================================================

*/



.join-wrapper:before {

    background: #000000;

    bottom: 0;

    content: "";

    left: 0;

    opacity: 0.5;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

}



.join-wrapper {

    /* background: rgba(0, 0, 0, 0) url("../images/cta.jpg") no-repeat; */
    background: url("../images/new_one.jpg") no-repeat;

    /*float: left;*/

    padding: 61px 0 65px;

    position: relative;

    width: 100%;

    z-index: 9;

    background-size: cover;

}



.join-wrapper h3 {

    font-size: 45px;

    color: #fff;

    font-weight: 500;

}



.join-wrapper h3 span {

    font-size: 55px;

    color: #6170c2;

    font-weight: 800;

}



.join-wrapper a {

    display: inline-block;

    padding: 6px 30px;

    color: #fff;

    font-size: 18px;

    border: 2px solid #6170c2;

    border-radius: 6px;

    margin: 10px 0 0;

}



.join-wrapper a:hover,

.join-wrapper a:focus {
    border: 2px solid #6170c2;
    background: #6170c2;
    /* color: #000; */
    color: white;
}





/*

================================================

16. Breadcrumb Wrapper

================================================

*/



.breadcromb-wrapper {

    background-image: url(../images/header_img2.jpg);

    background-size: cover;

    position: relative;

    padding: 20px 0;

    width: 100%;

    background-position: center;

}



.breadcromb-overlay {

    background-image: linear-gradient(-225deg, rgb(53, 53, 53) 0%, rgb(43, 43, 43) 48%, rgba(0, 0, 0, 0.5) 100%) !important;

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

}



.breadcromb-left {

    text-align: left;

    margin: 0 0 27px;

    padding-top: 35px;

}



.breadcromb-left>h3::before {

    background: #6170c2;

    content: "";

    height: 100%;

    left: -10000%;

    position: absolute;

    top: 0;

    width: 10000%;

}



.breadcromb-left>h3 {

    color: #000000;

    font-size: 30px;

    text-transform: capitalize;

    text-align: left;

    background: #6170c2;

    padding: 10px 15px;

    display: inline-block;

    position: relative;

    font-weight: 700;

}



.breadcromb-left>h3::after {

    border-right: 54px solid rgba(0, 0, 0, 0);

    border-top: 54px solid #6170c2;

    content: "";

    height: 0;

    position: absolute;

    right: -54px;

    top: 0;

    width: 0;

}



.breadcromb-text {

    background: #f6f6f6;

    float: left;

    width: 100%;

}



.breadcromb-text ul {

    border-radius: 4px;

    margin: 0;

    padding: 5px 0;

    display: inline-block;

}



.breadcromb-text li {

    color: #000;

    display: inline-block;

    margin: 0 3px;

    text-transform: capitalize;

}



.breadcromb-text li:last-child {

    color: #003769;

}



.breadcromb-text li a {

    color: #000;

}



.breadcromb-text li:first-child a i {

    color: #000;

    margin-right: 5px;

}





/*

================================================

17. Inner page Wrapper

================================================

*/



.inner-page-wrapper {

    float: left;

    padding: 80px 0;

    width: 100%;

}





/*

================================================

18. Gallery

================================================

*/





/*.gallery-slick-wrapper {

	position: relative;

}*/



.gallery-slick-wrapper .gallery-slick {

    padding-left: 30px;

    padding-right: 30px;

}



.gallery-wrapper {

    background: #f2f2f2;

    padding: 60px 0 70px;

}



.gallery-wrapper .title-border-color {

    background: #f2f2f2 none repeat scroll 0 0;

}



.gallery-section .gallery-content {

    width: 100%;

    float: left;

}



.gallery-section .gallery-caption {

    list-style-type: none;

    margin: 0px 0 0;

    float: left;

    position: relative;

    overflow: hidden;

}



.gallery-section .gallery-caption:hover img {

    opacity: 1;

}



.gallery-section .gallery-caption .caption {

    cursor: pointer;

    position: absolute;

    opacity: 0;

    top: 0;

    -webkit-transition: all .45s ease-in-out;

    -moz-transition: all .45s ease-in-out;

    -o-transition: all .45s ease-in-out;

    -ms-transition: all .45s ease-in-out;

    transition: all .45s ease-in-out;

}



.gallery-section .gallery-caption:hover .caption {

    opacity: 1;

}



.gallery-section .gallery-caption img {

    margin: 0;

    padding: 0;

    /*float: left;*/

    z-index: 4;

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    -ms-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

    width: 100%;

}



.gallery-section .gallery-caption .blur {

    background-color: rgba(0, 0, 0, .65);

    z-index: 5;

    position: absolute;

    padding: 30px;

}



.gallery-section .gallery-caption .caption-text h1 {

    font-size: 18px;

    font-family: "Oswald";

    color: rgb(255, 255, 255);

    text-transform: uppercase;

    text-align: center;

    right: 40px;

    letter-spacing: 1px;

    position: absolute;

    top: 40%;

    left: 20%;

}



.gallery-section .gallery-caption .caption-text {

    z-index: 10;

    color: #fff;

    position: absolute;

    text-align: center;

}



.gallery-section .gallery-caption .caption-text .gallery_caption_text span {

    font-family: Oswald, sans-serif;

    letter-spacing: 5px;

    font-weight: 400;

    position: absolute;

    bottom: 5%;

    right: 10%;

    color: #585745;

    font-size: 11px;

    font-family: "Oswald";

    color: rgb(238, 238, 238);

    text-transform: uppercase;

    line-height: 3.091;

    text-align: right;

    position: absolute;

}



.gallery-section .gallery-caption .caption-text .gallery_caption_icon span.fa-search {

    border-style: solid;

    border-width: 5px;

    border-color: #444;

    opacity: .9;

    width: 69px;

    height: 69px;

    position: absolute;

    top: 43%;

    display: inline-table;

    padding: 20px;

    right: 40%;

    left: auto;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 5px 7px #222;

    -moz-box-shadow: 0 0 5px 7px #222;

    box-shadow: 0 0 5px 7px #222;

    background: #333;

    font-size: 24px;

    color: #fff;

    line-height: 1.083;

    text-align: right;

}



.gallery-section .owl-nav {

    text-align: center;

    float: left;

    width: 100%;

}



.gallery-section .owl-prev {

    width: 50%;

    text-align: right;

    float: left;

}



.gallery-section .owl-next {

    width: 50%;

    text-align: left;

    float: left;

}



.gallery-section .owl-nav .gallery_prev_div {

    border-style: solid;

    border-width: 1px;

    border-color: rgb(225, 225, 225);

    background-color: rgba(225, 225, 225, 0);

    opacity: 0.75;

    width: 100px;

    height: 42px;

    padding: 8px;

    margin-right: 20px;

    text-align: left;

    float: right;

}



.gallery-section .owl-nav .gallery_prev_div .fa {

    margin-left: 5px;

    margin-right: 10px;

}



.gallery-section .owl-nav .gallery_next_div {

    border-style: solid;

    border-width: 1px;

    border-color: rgb(225, 225, 225);

    background-color: rgba(225, 225, 225, 0);

    opacity: 0.75;

    width: 100px;

    height: 42px;

    padding: 8px;

    margin-right: 20px;

    text-align: right;

    float: left;

}



.gallery-section .owl-nav .gallery_next_div .fa {

    margin-right: 5px;

    margin-left: 10px;

}



.gallery-section .owl-stage-outer {

    margin-bottom: 30px;

}



.mfp-title {

    display: none;

}





/*

================================================

19. FAQ Wrapper

================================================

*/



.inner-page-wrapper.faq-wrapper {

    padding: 70px 0 70px;

}



.faq-details .panel-heading {

    padding: 0;

    border: none;

    border-radius: 0;

}



.faq-details .panel-group .panel {

    border-radius: 0px;

    margin-bottom: 0;

    border: none;

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);

}



.faq-details .panel-group .panel+.panel {

    margin-top: 12px;

}



.faq-details h4.check-title {

    color: #666666;

    font-size: 16px;

    margin-bottom: 0;

    text-transform: capitalize;

}



.faq-details .panel-heading.active a {

    /*background: #f9f9f9 none repeat scroll 0 0;

  color: #003769;*/

}



.faq-details h4.check-title a.collapsed {

    color: #666;

    display: block;

    font-weight: 600;

    padding: 10px 10px 10px 40px;

    text-decoration: none;

    background: #fff;

    line-height: 25px;

}



.faq-details h4.check-title a {

    color: #000;

    display: block;

    font-weight: 600;

    padding: 10px 10px 10px 40px;

    text-decoration: none;

    background: #fff;

    line-height: 25px;

}



.faq-details .panel-body {

    padding: 15px 15px 5px 20px;

}



.faq-details .panel-body p {

    color: #666;

}



.faq-details h4.check-title {

    color: #666;

    font-size: 16px;

    margin-bottom: 0px;

    text-transform: capitalize;

}



.faq-details a span.acc-icons {

    position: relative;

}



.faq-details .active a span.acc-icons::before {

    /*color: #6170c2;*/

    content: "\f077";

    font-family: FontAwesome;

    font-size: 16px;

    left: -26px;

    line-height: 39px;

    position: absolute;

    text-align: center;

    top: -10px;

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}



.faq-details .active a.collapsed span.acc-icons::before {

    /*color: #6170c2;*/

    content: "\f078";

    font-family: FontAwesome;

    font-size: 16px;

    left: -26px;

    line-height: 39px;

    position: absolute;

    text-align: center;

    top: -10px;

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}



.faq-details a span.acc-icons::before {

    color: #666;

    content: "\f077";

    font-family: FontAwesome;

    font-size: 16px;

    left: -26px;

    line-height: 39px;

    position: absolute;

    text-align: center;

    top: -10px;

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}



.faq-details a.collapsed span.acc-icons::before {

    content: "\f078";

    font-family: FontAwesome;

    font-size: 16px;

    left: -26px;

    line-height: 39px;

    position: absolute;

    text-align: center;

    top: -10px;

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}



.faq-details .panel-heading .active a {

    color: #003769;

    background: #f9f9f9;

}



.faq-content {

    background: #f9f9f9;

    padding: 6% 10%;

    border-radius: 5px;

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);

}



.faq-content .contact-form textarea#message {

    height: 135px;

    border-radius: 0;

    box-shadow: none;

    padding-left: 20px;

}



.faq-page .quote-btn {

    font-weight: 600;

    color: #fff;

    background: #f5af25;

    display: inline-block;

    border: 2px solid #f5af25;

    padding: 10px 20px;

    width: 134px;

    text-transform: uppercase;

    border-radius: 3px;

    transition: 0.4s;

    margin-top: 10px;

}



.faq-page .quote-btn:hover {

    color: #f5af25;

    background: #fff;

    border: 2px solid #f5af25;

    transition: 0.4s;

}





/** FAQ Form **/



.faq-content {

    background: #fff;

    border-radius: 0;

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);

    padding: 8.4% 10% 8%;

}



.faq-content h4 {

    font-size: 24px;

    line-height: 26px;

}



.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form input[type="number"] {

    border: 1px solid #cccccc !important;

    border-radius: 0;

    height: 44px;

    padding-left: 20px;

    font-size: 14px;

    width: 100%;

    box-shadow: none;

    border: none;

    border-radius: 3px;

    color: black;

    background-color: #dad4d454;

}



.faq-content .quote-btn {

    background: #000000;

    border: 2px solid #000000;

    color: #ffffff;

    display: inline-block;

    font-weight: 600;

    margin-top: 10px;

    padding: 10px 20px;

    text-transform: uppercase;

    transition: all 0.4s ease 0s;

    width: 134px;

}



.faq-content .quote-btn:hover,

.faq-content .quote-btn:focus {

    background: #ffffff;

    border: 2px solid #000000;

    color: #000000;

    transition: all 0.4s ease 0s;

}





/*

================================================

20. Error Page

================================================

*/



.error-page {

    background-image: url("../images/error.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;

    position: relative;

    width: 100%;

}



.error-page .error-part::after {

    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.error-page .error-part {

    display: table;

    height: 100%;

    text-align: center;

    width: 100%;

}



.error-page .error-part .error-text {

    display: table-cell;

    position: relative;

    vertical-align: middle;

    width: 100%;

    z-index: 1;

}



.error-page .error-part .error-text .error-logo {

    margin-bottom: 20px;

    text-align: center;

}



.error-page .error-part .error-text .error-logo img {

    background: #fff;

    border-radius: 15px;

    padding: 10px 15px;

}



.error-page .error-part .error-text .error-code {

    color: #6170c2;

    font-size: 100px;

    font-weight: bold;

    line-height: 1;

    margin: 0 0 10px;

    padding: 0;

}



.error-page .error-part .error-text .error-message {

    color: #ffffff;

    font-size: 24px;

    line-height: 1;

    margin-bottom: 20px;

}



.error-page .error-part .error-text a {

    color: #ffffff;

    font-size: 20px;

    font-weight: 400;

    text-transform: uppercase;

}


.Hyperlink{
    color: #fff !important;
    border: 2px solid #6170c2 !important;
    /*padding: 0px !important;*/
    font-size: 25px !important;
}
.Hyperlink:hover{
    /*color: #6170c2 !important;*/
    border: 2px solid #6170c2 !important;
    /*text-shadow: 2px 2px 5px #000;*/
    font-size: 25px !important;
    transition: .5s !important;
    background: #6170c2 !important;
    /*padding: 0px !important;*/
}


/*

================================================

21. Countdown Page

================================================

*/



.coming-soon-wrapper {

    padding: 76px 0 136px;

}



.coming-soon-wrapper h3 {

    text-align: center;

    color: #003769;

    font-weight: 700;

}



.coming-soon-wrapper .cntdown {

    position: relative;

    display: inline-block;

    padding: 5px 0px;

    margin-top: 20px;

    width: 25%;

    text-align: center;

    margin: 24px -2px;

    border-right: 1px dashed #012F5C;

}



.coming-soon-wrapper .cntdown:last-child {

    border-right: 0px;

}



.coming-soon-wrapper .cntdown span.days,

.coming-soon-wrapper .cntdown span.hour,

.coming-soon-wrapper .cntdown span.minutes,

.coming-soon-wrapper .cntdown span.second {

    font-size: 50px;

    color: #6170c2;

    display: block;

    font-weight: 700;

    line-height: 45px;

}



.coming-soon-wrapper .cntdown p {

    position: relative;

    font-size: 17px;

    color: #999;

    font-weight: 600;

    text-transform: uppercase;

}



.coming-soon-wrapper form {

    position: relative;

    max-width: 600px;

    margin: 0 auto;

    margin-top: 34px;

}



.coming-soon-wrapper form button {

    position: absolute;

    right: 0;

    top: 0;

    background: #012F5C;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    padding: 15px 20px;

    cursor: pointer;

    transition: .5s ease;

}



.coming-soon-wrapper input[type="text"] {

    position: relative;

    line-height: 32px;

    padding: 10px 50px 10px 20px;

    border: 1px solid #e0e0e0;

    display: block;

    font-size: 14px;

    width: 100%;

    height: 55px;

    border-radius: 3px;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}





/*

================================================

22. Contact Wrapper

================================================

*/



.contact-wrapper {

    padding: 70px 0 0px;

}



.contact-wrapper .contact-form {

    display: inline-block;

    width: 100%;

    margin: 0 0 54px;

}



.contact-wrapper textarea {

    border: 1px solid #cccccc;

    line-height: 10px;

    margin-bottom: 5px;

    outline: inherit;

    padding: 10px 0 10px 20px;

    width: 100%;

    height: 140px;

}



.contact-wrapper .submit-area {

    text-align: center;

}



.contact-wrapper .btn:before {

    border-radius: 30px;

}



.btn-one {

    background: #000 none repeat scroll 0 0;

    border: 2px solid #000;

    width: 100%;

    border-radius: 0px;

    color: #ffffff;

    font-size: 16px;

    margin: auto;

    /*margin-bottom: 20px;

	padding: 8px 30px;*/

    text-transform: uppercase;

    transition: all 0.3s ease 0s;

    display: block;

    float: none;

}



.faq-quote .btn-one {

    margin-top: 20px;

    float: left;

    margin-bottom: 0px;

}



.btn-one:hover,

.btn-one:focus {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 2px solid black;

    color: black;
    /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/

    /*border: 2px solid #fff;*/

    /*color: #fff;*/

}





/** Google Map **/



.google-map {

    float: left;

    margin: 80px 0 0;

    width: 100%;

    position: relative;

}



.google-map iframe {

    border: medium none;

    /*height: 750px;*/

    margin: 0 0 -6px;

    width: 100%;

}





/** Contact Info **/



.contact-info {

    background: #ffcb37;

    border-radius: 10px;

    padding: 50px 80px;

    width: 100%;

}



.contact-info .title {

    margin: 0;

}



.contact-info .title .border {

    background: #003769;

    height: 1px;

    width: 150px;

    display: inline-block;

}



.contact-info .title h2:after {

    display: none;

}



.contact-box-img {

    width: auto;

    text-align: center;

    margin-top: -6px;

}



.contact-box.border {

    margin-bottom: 10px;

    position: relative;

    text-align: center;

    min-height: 155px;

}



.contact-box img {

    margin: 0 0 10px;

}



.contact-box h3 {

    font-weight: 700;

    margin: 0 0 5px;

    font-size: 20px;

    color: #000000;

}



.contact-box a {

    color: #31312e;

}



.contact-box a:hover {

    color: #000;

}



.contact-box p {

    line-height: 22px;

}



.contact-info-box {

    padding-top: 30px;

}

.clr-white-cls{
    color:white !important;
}



/* payment */



.payment {

    margin-top: 15px;

}



.payment-box {

    text-align: center;

    padding-top: 30px;

}



.payment a {

    display: inline-block;

    padding-bottom: 0px;

}



.payment img {

    width: 54px;

    height: auto;

    margin-right: 5px;

}





/*

================================================

23. Footer Wrapper

================================================

*/



.footer-wrapper {

    background: #151515;

    float: left;

    /*padding:80px 0;*/

    padding: 20px 0 35px;

    width: 100%;

}



.search-wrapper {

    background: #6170c2;

    padding: 40px 30px;

    width: 100%;

    float: left;

    margin: -80px 0 74px;

    border-radius: 100px;

}



.search-wrapper h3 {

    color: #003769;

    font-size: 30px;

    font-weight: 300;

}



.search-wrapper h3 span {

    font-weight: 700;

    display: block;

    font-size: 40px;

}





/*** Footer Search Form ***/



.footer-search-form {

    float: left;

    padding: 0;

    width: 100%;

}



.footer-search-form .form input.form-control {

    background: #fff;

    border: 1px solid #fff;

    border-radius: 60px 0 0 60px;

    color: #333;

    float: left;

    font-size: 16px;

    margin: 0;

    padding: 23px 0 23px 20px;

    text-align: left;

    width: 69%;

    height: auto;

    box-shadow: none;

}



.footer-search-form .form input.bttn {

    background: #003769;

    border: 1px solid #003769;

    border-radius: 60px;

    color: #ffffff;

    cursor: pointer;

    float: left;

    font-size: 16px;

    margin: 0 0 0 -26px;

    padding: 23px 10px;

    text-align: center;

    width: 30%;

}



footer .flogo {

    color: #ffffff;

    font-size: 40px;

}



.intro .intro-content {

    color: #fff;

    margin-top: 15px;

}



footer h4::before {

    background: #6170c2;

    bottom: -12px;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 50px;

}



footer h4 {

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    margin: 0px 0 28px;

    padding-bottom: 5px;

    position: relative;

    text-transform: uppercase;

}



footer ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



footer ul li:before {

    font-family: FontAwesome;

    display: inline-block;

    padding-right: 6px;

    vertical-align: middle;

    content: "\f105";

    color: #6170c2;

}



footer ul li {

    display: black;

    list-style: none;

    padding: 0 0 10px 0;

    color: #fff;

}



footer ul li a {

    color: #fff;

    font-size: 15px;

}



footer ul li a:hover,

footer ul li a:focus {

    color: #6170c2;

}



.address li {

    color: #fff;

    margin-bottom: 15px;

    padding: 0;

    position: relative;

    padding-right: 30px;

    margin-left: 25px;

}



.address li span {

    color: #6170c2;

    font-size: 20px;

    margin: 0 8px 0 0;

    position: absolute;

    margin-left: -26px;

}



footer .address ul li::before {

    display: none;

}



.copyright-wrapper {

    position: relative;

    background: #000000;

    float: left;

    padding: 15px 0;

    width: 100%;

}



.copyright-wrapper p {

    color: #fff;

    margin: 0;

}





/** Social Icons **/



.copyright-wrapper ul {

    margin: 0;

    float: right;

}



.copyright-wrapper ul li {

    color: #ffffff;

    display: inline-block;

    margin: 0;

    padding: 0 0 0 10px;

    transition: all 0.3s ease-in-out 0s;

}



.copyright-wrapper ul li a {

    display: block;

    line-height: 21px;

    padding: 0;

    text-align: center;

    color: #ffffff;

}



.copyright-wrapper ul li a:hover i {

    color: #6170c2;

}





/** Footer Cta Wrapper **/



.footer-cta-wrapper {

    width: 100%;

    background: #000000;

    border-radius: 50px;

    padding: 30px;

    float: left;

    margin: 20px 0 0;

    text-align: left;

}



.footer-cta-wrapper img {

    float: left;

    margin: 0 20px 0 0;

}



.footer-cta-wrapper h3 {

    color: #6170c2;

    font-weight: 700;

    font-size: 22px;

    margin: 0 0 5px;

}



.footer-cta-wrapper p {

    color: #fff;

    margin: 0;

}



.footer-cta-wrapper a {

    /*  background:#6170c2;

  display:inline-block;

  padding:10px 25px;

  color:#000;

  font-size:18px;

  border-radius:15px;*/

    background: #6170c2;

    display: block;

    padding: 10px 25px;

    /* color: #000; */
    color: white;

    font-size: 18px;

    border-radius: 15px;

    margin: 10px auto;

    float: none !important;

    max-width: 150px;

    width: 100%;

}



.footer-cta-wrapper a:hover {

    background: #fff;

    color: #000;

}





/**/



.jvectormap-zoomin,

.jvectormap-zoomout {

    display: none;

}



.slicknav_menu .slicknav_icon-bar {

    margin-top: 1px;

}



.fade-in {

    -webkit-animation: fadeIn ease-in 1;

    -moz-animation: fadeIn ease-in 1;

    animation: fadeIn ease-in 1;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-duration: 0.8s;

    -moz-animation-duration: 0.8s;

    animation-duration: 0.8s;

}



.faq-quote .notices.success.green {

    margin-bottom: 0px;

    margin-top: 80px;

    padding: 15px 15px 1px;

}



.notices.green {

    padding-top: 10px;

}



span.errors {

    font-size: 12px;

    color: black;

}



.control-group {

    margin-bottom: 15px;

}



.contact-form textarea {

    border: 1px solid #cccccc !important;

    padding: 10px 20px;

    font-size: 14px;

    width: 100%;

    border: none;

    border-radius: 3px;

    color: black;

    background-color: #dad4d454;

}



input::placeholder,

textarea::placeholder {

    color: black !important;

}



figure.post-thumbnail img {

    width: 100%;

}





/*blog-news*/



.blog_section,

.single_page_blog {

    background: #f2f2f2;

}



.blog_section .entry-image img,

.single_page_blog .resp_video img {

    width: 100%;

}



.entry-container {

    background: #FFF;

    position: relative;

}



.entry-content {

    padding: 25px 0px 0px;

}



.post {

    display: block;

    margin-bottom: 30px;

    overflow: hidden;

    background-color: #FFFFFF;

    border-bottom: 1px solid #d3d5d7;

    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;

    -moz-box-shadow: 0 0 5px 0 #e2e3e4;

    box-shadow: 0 0 5px 0 #e2e3e4;

    display: block;

    margin-bottom: 30px;

    overflow: hidden;

    background-color: #FFFFFF;

    background-color: #FFF;

    border-bottom: 1px solid #d3d5d7;

    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;

    -moz-box-shadow: 0 0 5px 0 #e2e3e4;

    box-shadow: 0 0 5px 0 #e2e3e4;

    position: relative;

    padding: 0px;

    margin-bottom: 50px;

}



.post h1 {

    font-size: 30px;

    text-transform: uppercase;

    line-height: 35px;

    font-weight: normal;

    font-family: "Roboto Slab", "Droid Arabic Kufi", Arial, sans-serif;

    margin: 0 25px 20px;

}



.meta {

    margin-left: 25px;

}



.meta div {

    margin-right: 10px;

    float: left;

    margin-bottom: 5px;

    font-size: 14px;

    color: #9ba1a8;

}



.meta .fa {

    margin-right: 5px;

}



.blog_section .clear {

    clear: both;

}



.entry-image img,

.entry-video {

    margin-top: 20px;

}



.entry-content p {

    margin: 15px 25px 20px;

    line-height: 25px;

    font-size: 15px;

    color: #6d7683;

}



.entry-meta {

    background: none repeat scroll 0 0 #FFF;

    border-color: #fff;

    border-style: solid;

    border-width: 1px 0 0;

    position: relative;

    background: #fcfcfc;

    padding: 10px 15px;

    border-top: 1px solid #ecedee;

}



.share-story-container ul {

    margin: 0;

    padding: 0px;

}



.sidebar ul {

    padding-left: 0px;

}



ul.share-story li {

    display: inline-block;

}



.pull-left.share-story-container a {

    color: rgba(0, 0, 0, 0.3);

    font-size: 24px;

    padding: 10px;

}



.pull-left.share-story-container a:hover {

    color: #6170c2;

}



.read-more {

    display: block;

    float: right;

    text-align: center;

    padding: 10px 20px;

    font-size: 13px;

    margin: 0;

    font-weight: normal;

    background-color: #000000!important;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    color: #fff;

}



.sidebar .widget {

    background: #fff;

    margin-bottom: 30px;

    background-color: #FFFFFF;

    -moz-border-radius: 1px 1px 1px 1px;

    -webkit-border-radius: 1px 1px 1px 1px;

    border-radius: 1px 1px 1px 1px;

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);

    border-bottom: 1px solid #d3d5d7;

    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;

    -moz-box-shadow: 0 0 5px 0 #e2e3e4;

    box-shadow: 0 0 5px 0 #e2e3e4;

    position: relative;

    padding: 25px;

}



.sidebar h2 {

    line-height: 40px;

    background: #FFFFFF;

    font-size: 20px;

    font-weight: normal;

    padding: 10px 15px 0 0;

    border-bottom: 1px solid #e4e4e4;

    color: #292929;

    font-size: 16px;

    font-weight: bold;

    padding-bottom: 10px;

    border-bottom: 2px solid #ecedee;

    margin-bottom: 20px;

    line-height: 20px;

    position: relative;

    color: #2f3c4e;

    font-size: 16px;

    font-weight: bold;

}



.sidebar form#search-form {

    padding: 0px;

}



.sidebar .simplesearch .search-input {

    width: 100%;

    display: inline-block;

    border: 1px solid #ccc;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    height: 40px;

    padding: 5px 10px;

    margin-bottom: 10px;

    font-size: 14px;

    border-radius: 4px;

    vertical-align: middle;

}



.sidebar li {

    line-height: 20px;

    display: block;

    padding: 8px 15px 8px 0px;

}



#blog-pager {

    margin: 0;

    padding: 10px 0;

    text-align: center;

    clear: both;

    overflow: hidden;

}



.pagination {

    width: 100%;

}



.pagenavi {

    text-align: center;

    background-color: #FFFFFF;

    -moz-border-radius: 1px 1px 1px 1px;

    -webkit-border-radius: 1px 1px 1px 1px;

    border-radius: 1px 1px 1px 1px;

    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);

    padding: 8px;

}



.pagenavi .current,

.pagenavi a:hover {

    background: #6170c2;

}



.pagenavi a,

.pagenavi span {

    color: #000;

    border: 1px solid #000;

    text-decoration: none;

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

}



.related_posts h4 {

    margin-top: 10px;

}



span#blog-pager-older-link {

    float: right;

}



span#blog-pager-newer-link {

    float: left;

}





/*blog-news end*/





/*carasoul*/



.carasoul {

    padding-top: 40px;

    padding-bottom: 60px;

    background: #f2f2f2;

}



.carasoul .title-border-color {

    background: #f2f2f2 none repeat scroll 0 0;

}

#uniforms .gallery-wrapper {

    background: white;

}


.slick-slide {

    margin: 0px 15px;

}



.slick-slide img {

    width: 100%;

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



.slick-list:focus {

    outline: none;

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}



.slick-track:before,

.slick-track:after {

    display: table;

    content: '';

}



.slick-track:after {

    clear: both;

}



.slick-loading .slick-track {

    visibility: hidden;

}



.slick-slide {

    display: none;

    float: left;

    min-height: 1px;

}



[dir='rtl'] .slick-slide {

    float: right;

}



.slick-slide img {

    display: block;

    width: 100px;

    margin: auto;

}



.slick-slide.slick-loading img {

    display: none;

}



.slick-slide.dragging img {

    pointer-events: none;

}



.slick-initialized .slick-slide {

    display: block;

}



.slick-loading .slick-slide {

    visibility: hidden;

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

    display: none;

}



.slick-arrow {

    position: absolute;

    top: 50%;

    margin-top: -15px;

    width: 40px;

    height: 40px;

    display: block;

    background: #6170c2;

    border-radius: 50%;

    color: #000;

    display: block;

    border: 0;

    font-size: 25px;

    z-index: 4;

}



.slick-arrow:hover,

.slick-arrow:focus {

    background: #000;

    color: #fff;

}



.slick-prev {

    left: 0;

}



.slick-next {

    right: 0;

}





/**/



#map {

    width: 100%;

    position: absolute;

    overflow: hidden;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: 0;

}



.coverage-area {

    position: relative;

    color: #fff;

}



.coverage-area ul li {

    border: 1px solid #6170c2;

    padding: 20px;

    margin-bottom: 20px;

    text-align: center;

}



.coverage-area ul li:hover {

    background: rgba(255, 255, 255, 0.2);

}



div#map:before {

    background: #000000;

    bottom: 0;

    content: "";

    left: 0;

    opacity: 0.8;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 4;

}



section.coverage-area .cov-area-content {

    color: #fff;

}



.coverage-area .title h2 {

    color: #fff;

}



#map button.gm-control-active.gm-fullscreen-control {

    display: none;

}



#map .gmnoprint {

    display: none;

}



.fork-me_container {

    position: absolute;

    width: 350px;

    height: 350px;

    right: 0;

    display: flex;

    overflow: hidden;

    z-index: 999999;

}



.fork-me__header {

    position: absolute;

    border: 1px solid blue;

    right: -31.75%;

    top: 15%;

    width: 100%;

    background-color: #444;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px dashed white;

    border-left: none;

    border-right: none;

    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 1), 0px -5px 0px 0px rgba(0, 0, 0, 1);

    transform: rotate(45deg);

}



.fork-me__text {

    display: inline-block;

    color: white;

    text-align: center;

    font-size: 1em;

}



padding: 28px 0px 27px;



}

li.ribbion_img {

    padding: 0px;

}

li.ribbion_img img {

    width: 170px;

}

.full-width-map iframe {

    width: 100%;

    height: 400px;

    margin-bottom: -6px;

}

ul.contact_info li {

    position: relative;

    padding-left: 25px;

}

.col-sm-6.contact_info {

    padding: 0px;

}

ul.contact_info li span {

    position: absolute;

    left: 0;

    top: 4px;

}

.contact-box {

    background: #f2f2f2;

    padding: 15px;

    font-size: 14px;

}

.contact_info .col-sm-6,

.contact_info .col-sm-12 {

    padding: 0px 5px;

}



/* custome css */

header.sticky .top-wrapper {

    display: none;

}

.coverage-area,

.carasoul {

    padding: 80px 0px;

}

.modal-dialog {

    margin: 80px 10px 10px;

}

a.close {

    position: absolute;

    right: 20px;

    top: 20px;

}

.modal-footer a {

    border: 2px solid #1c1c1c;

    cursor: pointer;

    color: #000;

    padding: 8px 30px;

    display: inline-block;

    text-transform: uppercase;

}

.col-sm-6 iframe {

    width: 100%;

    height: 477px;

}

#contact-form h2 {

    color: #fff;
    text-shadow: 0 0 10px black, 0 0 10px black;

}

#contact-form .title-border-color {

    background: #7e766b;

}

.ribbion_img a {

    padding: 28px 0px 27px;

}

.disclaimer_content {

    display: none;

    background: #6170c2;

    position: absolute;

    bottom: 0px;

    left: 0px;

    right: 0px;

}

.disclaimer_btn {

    float: right;

    cursor: pointer;

}

.disclaimer_content p {

    font-size: 14px;

    padding: 20px 20px 5px 0px;

    position: relative;

    color: #fff;

}

.disclaimer_content i {

    position: absolute;

    top: 10px;

    right: 10px;

}

#formMessage p {

    color: #5cb85c;

}



/*

================================================

24. Media Quires 

================================================

*/

@media (min-width: 1700px) {

    .modal-dialog {

        margin: 180px auto 50px;

    }

    

    #first-slider .carousel .item {

        min-height: 830px;

        height: 100%;

        width: 100%;

    }

}

@media (min-width: 1200px) and (max-width: 1230px) {

    .top-header-add {

        width: 90%;

    }

}

@media (min-width: 1200px) {

    .advantages {

        height: 352px;

    }

    

    .service-left-img {

        padding-right: 25px;

    }

}

@media (max-width:1199px) {

    .cta-text {

        font-size: 18px;

    }

    

    .cta-btn a {

        font-size: 17px;

    }

    

    .cta-wrapper {

        width: 100%;

        padding: 30px 0 25px;

    }

}

@media (max-width: 1040px) {

    .top-header-add {

        width: 90%;

    }

}

@media (min-width:768px) and (max-width: 1199px) {

    .service-left-img {

        padding-right: 0px;

    }

    

    .advantages {

        padding: 25px;

    }

    

    .advantages h4 {

        padding-top: 4px;

        margin-bottom: 0px;

    }

}

@media (min-width: 992px) and (max-width: 1200px) {

    .cta h3 span {

        font-size: 38px;

        padding-top: 10px;

    }

    

    .cta h3 {

        font-size: 24px;

        line-height: 32px;

    }

    

    .cta-inner {

        padding-left: 0px;

    }

}

@media (min-width: 992px) and (max-width: 1024px) {

    /*** Top Wrapper ***/

    

    .top-header-add li {

        margin-right: 15px;

    }

    

    .top-header-add li i {

        height: 25px;

        line-height: 23px;

        margin-right: 5px;

        width: 25px;

    }

    /*** Join Wrapper ***/

    

    .join-wrapper {

        background-size: cover;

    }

    /*** Latest Projects Wrapper ***/

    

    .latest-projects-wrapper {

        padding-bottom: 70px;

    }

    

    .cta h3 span {

        display: inline-block;

    }

    

    .cta-btn a {

        font-size: 19px;

    }

    /*** Counters Wrapper ***/

    

    .counters .counter {

        min-height: 135px;

    }

    /** Contact Wrapper **/

    

    .contact-box-img img {

        width: 100%;

    }

    /*** Footer Search Wrapper ***/

    

    .search-wrapper h3 {

        font-size: 18px;

        line-height: 25px;

    }

    

    .search-wrapper h3 span {

        font-size: 25px;

    }

    

    .footer-search-form .form input.form-control {

        padding: 15px 0 15px 20px;

    }

    

    .footer-search-form .form input.bttn {

        padding: 15px 10px;

    }

    

    .footer-cta-wrapper h3 {

        font-size: 20px;

        line-height: 25px;

    }

}

@media (max-width: 1040px) and (min-width: 768px) {

    div#world-map {

        width: 340px !important;

        height: 300px !important;

    }

    

    .coverage-area ul li {

        padding: 10px;

        margin-bottom: 10px;

        text-align: center;

    }

}

@media (max-width: 992px) and (min-width: 766px) {

    .ribbion_img a {

        padding: 20px 0px;

    }

    

    nav ul li a {

        padding: 30px 0;

    }

}

@media (max-width: 992px) {

    .banner-wrapper .col-sm-6.col-sm-pull-6.text-left {

        padding: 0px 15px;

    }

    

    .contact-box {

        padding: 10px;

        font-size: 12px;

        margin-bottom: 10px;

    }

}

@media (max-width: 991px) {

    .contact-info {

        padding: 50px 30px;

    }

    

    .cta-btn {

        margin-top: 0px;

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .top-header-add:after,.top-header-add:before{
        content:unset;
    }
    .top-header-add div.phone{
        font-size: 19px;
    }
    .top-wrapper {
    background: #6170c2;
    color: #fff;
}
    .top-header-add {
    width: 100%;
}
    nav ul li {
        padding: 0px 5px;
    }
.logo {
    width: 35%;
}
    

    li.ribbion_img {

        padding-right: 0px;

    }

    /*** Logo ***/

    

    .company-name {

        padding-top: 0px;

        font-size: 17px;

    }

    

    .slogan-name {

        font-size: 16px;

    }

    

    .logo img {

        width: 75px;

        padding-right: 5px;

    }

    

    header .navbar-default .navbar-nav>li>a {

        padding: 23px 7px 21px;

    }

    

    .logo {

        /*width: 290px;

		margin-left: -10px;*/

    }

    

    .header-inner .col-lg-8.col-md-8 {

        padding: 0px;

    }

    /*** Top Wrapper ***/

    

    .top-header-add li {

        margin-right: 15px;

    }

    

    .top-header-add li i {

        height: 25px;

        line-height: 20px;

        width: 25px;

        margin-right: 5px;

    }

    

    .navbar-nav {

        float: right;

    }

    

    header .nav li {

        margin-right: 0px;

    }

    

    .header-inner .col-lg-9.col-md-9 {

        padding: 0px;

    }

    

    .navbar-header .collapse {

        display: block;

    }

    

    .navbar-collapse {

        padding: 0;

        float: none;

    }

    

    .mainmenu-area ul.nav.navbar-nav li {

        padding: 0 0 0 20px;

    }

    

    .mainmenu-area ul.nav.navbar-nav li a {

        padding: 19px 0 21px;

    }

    

    .affix .logo {

        display: none;

    }

    

    .affix .navbar-default .navbar-nav>li>a {

        padding: 15px 20px 16px;

    }

    /*** Banner Wrapper ***/

    

    #first-slider .carousel-control {

        display: none;

    }

    

    #first-slider .carousel-indicators {

        display: block;

    }

    /*** CTA Wrapper ***/

    

    .cta-text {

        font-size: 15px;

        line-height: 22px;

    }

    

    .cta-inner {

        padding: 0 10px;

    }

    

    .cta-inner.cta {

        padding: 0px;

    }

    

    .cta img {

        float: left;

        margin: 4px 10px 0 0;

        width: 19%;

    }

    

    .cta h3 {

        font-size: 19px;

        line-height: 30px;

        margin-bottom: 0px;

    }

    

    .cta h3 span {

        font-size: 29px;

        display: inline-block;

    }

    

    .cta-btn a {

        padding: 10px 20px;

        font-size: 15px;

        margin-top: 10px

    }

    /*** Join Wrapper ***/

    

    .join-wrapper {

        background-size: cover;

    }

    /*** Latest Projects Wrapper ***/

    

    .latest-projects-wrapper {

        padding-bottom: 70px;

    }

    /*** Testimonials Wrapper ***/

    

    .testimonials-wrapper .owl-nav {

        display: none;

    }

    /*** Counters Wrapper ***/

    

    .counters .counter {

        min-height: 140px;

    }

    /*** About us faq Wrapper ***/

    

    .faq-area {

        margin: 20px 0 0;

    }

    

    .about-text-area {

        padding: 0 50px;

    }

    /** Blog Details **/

    

    .inner-page-wrapper.blog-single-area {

        padding: 80px 0 110px;

    }

    

    .blog-single-area .blog-post::before {

        display: none;

    }

    

    .blog-single-area .sidebar-wrapper {

        padding: 30px 0 0;

    }

    

    .sidebar-wrapper .single-sidebar {

        margin-bottom: 30px;

    }

    /** Contact Wrapper **/

    

    .contact-box.border {

        padding: 10;

        position: relative;

    }

    /*** Footer Search Wrapper ***/

    

    .search-wrapper h3 {

        font-size: 18px;

    }

    

    .search-wrapper h3 span {

        font-size: 25px;

    }

    

    .footer-search-form .form input.form-control {

        padding: 15px 0 15px 20px;

        width: 73%;

    }

    

    .footer-search-form .form input.bttn {

        padding: 15px 10px;

    }

    

    .footer-cta-wrapper h3 {

        font-size: 20px;

        line-height: 25px;

    }

    

    .footer-cta-wrapper img {

        float: left;

        margin: 0 10px 20px 0;

    }

    

    .footer-cta-wrapper a {

        font-size: 18px;

        padding: 10px 20px;

    }

    /***Service page ***/

    

    .advantages {

        padding: 20px;

    }

    

    .advantages h3 {

        padding-bottom: 0px;

        font-size: 18px;

    }

    

    .advantages p {

        font-size: 14px;

        margin-bottom: 8px;

    }

    

    .advantages h4 {

        font-size: 16px;

    }

    

    #hotspotImg .hot-spot {

        position: absolute;

        width: 27px;

        height: 27px;

    }

    

    #first-slider h1 {

        /*font-size: 40px;

	    line-height: 42px;*/

    }

}

@media (max-width: 768px) {
    .top-right-notify-cls{
    font-size: 18px;
     padding-top:0px; 
    padding-bottom: 10px;
    }
    #first-slider .carousel .item {
        min-height: 775px;
            background-position: bottom 26% right 50%;
    }
    /*#first-slider .slide1, .slide2, .slide3{*/
    /*    background-size: 100% 100%;*/
    /*}*/
    .coverage-area ul li {

        padding: 10px;

        margin-bottom: 15px;

    }
nav{
    margin-top: 0;
}
    

    div#hotspotImg {

        margin-top: 30px;

    }

    

    #contact-form .title.os-animation.animated.zoomIn {

        margin-bottom: 10px;

    }

    

    #contact-form .title-border-color {

        background: #304b48;

    }

}

@media (min-width: 768px) {

    .modal-dialog {

        width: 700px;

        margin: 150px auto 50px;

    }

}

@media (max-width: 767px) {

    .cta-btn {

        margin-top: 15px;

    }

    

    .modal-dialog {

        margin: 150px 10px 50px;

    }

    

    .disclaimer_content p {

        text-align: left !important;

    }

    

    .disclaimer_btn {

        float: none;

        text-align: center;

        display: block;

    }

    /*blog-news*/

    

    .post h1.entry-title {

        font-size: 18px;

        margin: 0 15px 10px;

    }

    

    .related_posts {

        padding-bottom: 20px;

    }

    

    .single_page_blog .post h1 {

        margin: 0 0px 10px;

    }

    

    .meta {

        margin: 0px 15px;

    }

    

    .entry-content p {

        margin: 15px 15px 20px;

    }

    

    .post h1 {

        margin: 0 0px 0px;

    }

    

    div.meta1 p {

        margin-top: -20px;

    }

    

    .sidebar form#search-form {

        padding: 0px 15px;

    }

    /*blog-news end */

    

    .slicknav_nav .slicknav_row,

    .slicknav_nav a {

        padding: 8px 30px 7px;

        margin: 2px 0px;

    }

    /***  ***/

    

    #hotspotImg img.img-responsive {

        padding: 0px 15px;

    }

    /***** Common Styles ******/

    

    div.title h2 {

        font-size: 25px;

    }

    

    .title-border-color {

        top: 25px;

    }

    /***** Header Inner ******/

    /*header .header-inner {

		padding:10px 0px 0px;

	}

	.affix {

	    position:inherit;

	}

	.affix.fadeInDown {

	  animation-name: none !important;

	}

	.logo {

	    width: 83%;

	    padding-right: 0px;

	}

	header .logo {

		float: left;

		margin: 0 0 8px;

	    padding: 0px 15px;	

	}

	.slicknav_btn {

	    margin-right: 15px !important;

        margin-bottom: 15px !important;

	}

	.slicknav_btn {

		margin: 0;

		position: relative;

		top: 28px;

		background: #000000;

	}

	.slicknav_menu {

		display: block;

		background: none;

	}

	.slicknav_nav i {

		display: none;

	}

	.header-inner .desktop {

		display: none;

	}

	.slicknav_menu {

		background: transparent;

		padding: 0px;

	}

	.slicknav_nav {

		clear: both;

		color: #fff;

		margin: 0;

		background: #000000;

	}

	.slicknav_btn:hover {

		background: #222;

	}

	.slicknav_nav .slicknav_item a i {

		display: none;

	}

	.slicknav_nav li:hover a {

		background: #fff;

		color: #252525;

	}

	.slicknav_nav li .dropdown li a, .slicknav_nav li .dropdown li .dropdown li a {

		background: transparent;

		color: #fff;

	}

	.slicknav_nav li .dropdown li:hover a, .slicknav_nav li .dropdown li .dropdown li:hover a {

		background: #fff;

		color: #252525;

	}

	.slicknav_nav .slicknav_arrow {

		float: right;

	}*/

    /*** Banner Wrapper ***/

    

    #first-slider .carousel-control {

        display: none;

    }

    

    #first-slider .carousel-indicators {

        display: block;

    }

    

    #first-slider .carousel-inner .item {

        padding-top: 125px;

        min-height: 400px;

        padding-bottom: 30px;

    }

    

    #first-slider h1 {

        /*font-size: 34px;*/

        /*line-height: 38px;*/

        margin-top: 10px;

    }

    

    #first-slider p {

        /*font-size: 16px;*/

    }

    /***breadcromb sub header***/

    

    .breadcromb-right {

        position: absolute;

        top: -120px;

        right: 0;

    }

    /*** CTA Wrapper ***/

    

    .cta-inner::after {

        display: none;

    }

    

    .cta-inner {

        padding: 0;

    }

    

    .cta-inner.cta {

        width: 275px;

        padding: 15px 0px 10px;

    }

    

    .cta {

        padding: 20px 0 10px;

    }

    

    .cta h3 span {

        font-size: 33px;

    }

    

    .cta h3 {

        font-size: 22px;

        line-height: 30px;

        margin: 0;

    }

    

    .cta img {

        width: 50px;

    }

    /*** Services Wrapper ***/

    

    .our-services-text {

        padding: 20px 20px 25px 20px;

        text-align: center;

    }

    

    .services-inner {

        margin-left: 0px;

    }

    

    .our-services-icon {

        float: unset;

        margin-left: 0px;

        margin-right: 0px;

        margin-top: -35px;

    }

    

    .our-services-icon span {

        margin: auto;

        display: block;

        float: none;

    }

    

    .our-services-icon span:after {

        display: none;

    }

    /*** About Wrapper ***/

    

    .about-wrapper {

        padding: 73px 0 50px;

    }

    

    .width-50 {

        width: 100%;

        display: inherit;

    }

    

    .about-text-area {

        padding: 20px 0;

    }

    /*** Join Wrapper ***/

    

    .join-wrapper {

        background-size: cover;

    }

    

    .join-wrapper h3 {

        font-size: 20px;

        line-height: 30px;

    }

    

    .join-wrapper h3 span {

        font-size: 25px;

    }

    /*** About Us Inner Page ***/

    

    .about-faq-wrapper .panel-faq .panel-default>.panel-heading::before {

        right: 10px;

    }

    /*** Service Details Page ***/

    

    .service-details-tabs .nav-tabs li {

        margin: 0 4px 10px 0;

        width: auto;

    }

    

    .service-details-tabs .nav-tabs li a {

        width: 100%;

        padding: 6px 10px;

    }

    /*** FAQ Page ***/

    

    .faq-content {

        padding: 8% 5%;

    }

    /*** Coming Soon Wrapper ***/

    

    .coming-soon-wrapper .cntdown span.days,

    .coming-soon-wrapper .cntdown span.hour,

    .coming-soon-wrapper .cntdown span.minutes,

    .coming-soon-wrapper .cntdown span.second {

        font-size: 40px;

        font-weight: 700;

    }

    

    .coming-soon-wrapper .cntdown {

        border-right: none;

    }

    

    .coming-soon-wrapper .cntdown p {

        font-size: 14px;

        font-weight: 500;

    }

    /** Contact Wrapper **/

    

    .contact-box.border {

        margin-bottom: 10px;

        padding: 10px 10px 1px;

        position: relative;

    }

    

    .contact-info {

        padding: 30px;

        text-align: center;

    }

    

    .contact-box img {

        margin: 0px 0 10px;

    }

    

    .contact-box .payment img {

        margin: 0px;

        padding-bottom: 4px;

    }

    

    .payment-box {

        padding-top: 30px;

    }

    /*** Footer Search Wrapper ***/

    

    .search-wrapper {

        border-radius: 20px;

        padding: 20px 15px;

        margin: -80px 10px 74px;

        width: auto;

    }

    

    .search-wrapper>div {

        padding: 0;

    }

    

    .search-wrapper h3 {

        font-size: 26px;

        line-height: 30px;

        margin: 0 0 15px;

    }

    

    .search-wrapper h3 span {

        font-size: 20px;

        line-height: 25px;

        margin: 10px 0 0;

    }

    

    .footer-search-form .form input.bttn {

        width: 36%;

    }

    

    footer h4 {

        margin: 40px 0 28px;

    }

    

    .footer-cta-wrapper img {

        float: left;

        margin: 0 10px 10px 0;

    }

    

    .footer-cta-wrapper h3 {

        font-size: 14px;

        line-height: 22px;

    }

    

    .footer-cta-wrapper p {

        /*clear: both;*/

    }

    

    .footer-cta-wrapper a {

        float: none !important;

        margin: 15px 0 0;

    }

    /*** Copy Rights Wrapper ***/

    

    .copyright-wrapper p {

        text-align: center;

        margin: 0 0 10px;

    }

    

    .copyright-wrapper ul {

        float: none;

        text-align: center;

    }

    

    .padding-right-0 {

        padding: 0px;

    }

    

    .gallery-caption {

        width: 50%;

    }

    

    #hotspotImg .hot-spot .tooltip {

        left: 93px;

    }

    

    .contact_info .col-sm-6,

    .contact_info .col-sm-12 {

        padding: 0 15px;

    }

}

@media (max-width: 766px) {

    .ribbion_img a {

        padding: 10px 0px 15px;

    }

    /***** Header Inner ******/

    

    header .header-inner {

        padding: 10px 0px 0px;

    }

    

    .affix {

        position: inherit;

    }

    

    .affix.fadeInDown {

        animation-name: none !important;

    }

    

    .logo {

        width: 79%;

        padding-right: 0px;

    }

    

    header .logo {

        /*float: left;

		margin: 0 0 8px;

	    padding: 0px 15px;*/

    }

    

    .slicknav_btn {

        margin-right: 15px !important;

        margin-bottom: 15px !important;

    }

    

    .slicknav_btn {

        margin: 0;

        position: relative;

        top: 28px;

        background: #000000;

    }

    

    .slicknav_menu {

        display: block;

        background: none;

    }

    

    .slicknav_nav i {

        display: none;

    }

    

    .header-inner .desktop {

        display: none;

    }

    

    .slicknav_menu {

        background: transparent;

        padding: 0px;

    }

    

    .slicknav_nav {

        clear: both;

        color: #fff;

        margin: 0;

        background: #000000;

    }

    

    .slicknav_btn:hover {

        background: #222;

    }

    

    .slicknav_nav .slicknav_item a i {

        display: none;

    }

    

    .slicknav_nav li:hover a {

        background: #fff;

        color: #252525;

    }

    

    .slicknav_nav li .dropdown li a,

    .slicknav_nav li .dropdown li .dropdown li a {

        background: transparent;

        color: #fff;

    }

    

    .slicknav_nav li .dropdown li:hover a,

    .slicknav_nav li .dropdown li .dropdown li:hover a {

        background: #fff;

        color: #252525;

    }

    

    .slicknav_nav .slicknav_arrow {

        float: right;

    }

}

@media (max-width: 600px) {

    .slider img {

        width: 70px;

    }

    

    .breadcromb-right {

        display: none;

    }

    

    .breadcromb-left>h3 {

        font-size: 20px;

        padding: 10px 10px 10px 0px;

    }

    

    .breadcromb-left>h3::after {

        border-top: 42px solid #6170c2;

        border-right: 42px solid rgba(0, 0, 0, 0);

        right: -42px;

    }

}

@media (max-width: 550px) {

    div#world-map {

        width: 419px !important;

        height: 330px !important;

    }

}

@media (max-width: 480px) {
    .top-header-add:after,.top-header-add:before{
        content:unset;
    }
    #contact-form h2{
        text-shadow: none;
    }
    .top-header-add {
    width: 100%;
}
.top-header-add div.phone a {
    margin-right: 0px;
}
.top-wrapper {
    background: #6170c2;
}
.top-header-add div.phone {
    font-size: 20px;
}
    .services-inner{
        height: unset !important;
    }
    .imb-mble-d-cls{
        display: block !important;
    }
    #first-slider .slide1, .slide2, .slide3{
        background-image: none;
        background: #6170c2;
    }
    .modal-dialog {

        margin: 120px 10px 30px;

    }

    

    .gallery-caption {

        width: 100%;

    }

    

    .company-name {
        font-size: 18px;
        padding-top: 0px;
        line-height: 25px;
    }

    

    .slogan-name {

        font-size: 12px;

    }

    

    .logo img {

        width: 85px;

        padding-right: 5px

    }

    

    .slicknav_btn {

        top: 14px;

    }

    

    .advantages {

        padding: 20px;

    }

    

    .advantages p {

        margin: 0 0 5px;

        font-size: 14px;

    }

    

    .advantages h3 {

        font-size: 18px;

        padding-bottom: 0px;

    }

    /*blog-news*/

    

    .pull-left.share-story-container a {

        padding: 10px 5px;

    }

    /*blog-news*/

    

    div#world-map {

        width: 259px !important;

        height: 270px !important;

    }

    

    .nav-toggle {

        margin: 11px 0px 12px;

    }

    

    .contact-form .form-field {

        padding: 0px;

    }

    

    .contact-form .buttons .col-sm-12 {

        padding: 0px;

    }

    

    #first-slider .carousel-inner .item {

        padding-top: 260px;

    }

    

    .cta h3 span {

        font-size: 27px;

    }

    

    .cta h3 {

        font-size: 17px;

    }

}

@media (max-width: 380px) {

    .payment img {

        width: 50px;

    }

    

    .footer-cta-wrapper img {

        margin: 0 10px 10px 0;

    }

    

    #hotspotImg .hot-spot .tooltip {

        width: 210px;

    }

    

    #hotspotImg .hot-spot .tooltip p:last-child {

        font-size: 13px;

    }

    

    .sc-content {

        padding: 0px 0px;

    }

}

@media (max-width: 360px) {

    /*** Footer Search Wrapper ***/

    

    .footer-search-form .form input.form-control {

        width: 73%;

    }

}

#formMessage p {

    color: #5cb85c;

}

.check {

    background-color: #2d3333;

}

.etransfer {

    width: 70px !important;

}

.call {

    width: 20px;

    position: relative;

    top: 4px;

}

.email {

    width: 20px;

    position: relative;

    top: 4px;

}

.slide1 {}

.slide1 img {

    max-width: 120px;

    width: 100%;

    margin: auto;

    display: block;

}

.galleryblg {

    margin-top: 40px;

}

.abtpara a {

    font-size: 22px

}



/* testimonials carousal start*/

.testimonial {

    margin: 0 20px 50px;

}

.testimonial .title {

    display: block;

    font-size: 20px;

    font-weight: 600;

    color: #2f2f2f;

    text-transform: capitalize;

    margin: 0 0 7px 0;

    text-align: center;

}

.testimonial .description {

    padding: 20px 75px;

    font-size: 15px;

    color: #2f2f2f;

    line-height: 25px;

    margin: 0;

    position: relative;

    text-align: center;

}

.owl-theme .owl-controls {

    margin-top: 10px;

    margin-left: 30px;

}

.owl-theme .owl-controls .owl-buttons div {

    background: #FFF !important;

}

.owl-prev:before,

.owl-next:before {

    content: "<";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 20px;

    color: #000;

    font-size: 36px !important;

}

.owl-next:before {

    content: ">";

}



/* testimonials carousal  end */



.owl-prev{

    position: absolute;

    top: 6%;

    left: -12px;

}

.owl-next{

    position: absolute;

    top: 6%;

    right: -12px; 

}
@media(max-width:800px){
    .top-header-add div.phone.fnt-18-cls {
        position: relative;
        top: 2px;
    }
}
@media(max-width:500px){
    .dis-mbl-cls-br{
        display:block;
    }
}