* {margin: 0; padding: 0; }
body {font-family:'Poppins-Regular'; line-height: 26px; color: #333132; font-size: 16px; }
.floatleft {float: left; }
.floatright {float: right; }
img {max-width: 100%; height: auto }
.fix {overflow: hidden }
p {margin: 0px;}
h1, h2, h3, h4, h5, h6{font-family: 'Raleway-Regular';}
h1, h2, h3, h4, h5, h6 {margin-bottom: 10px; margin-top: 0px; }
input:focus, select:focus {outline: none; }
input, button {transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    text-decoration: none;
    color: #333132;
}
a:hover {color: none; }
a:active, a:hover, a:focus {outline: none; text-decoration: none; }
button:focus {outline: none; }
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
:before,
:after {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
div {transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.black-opacity {position: relative; z-index: 9; }
.black-opacity:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgb(0 0 0 / 84%);
    content: "";
    opacity: .7;
}
.bg-img-1 {background: url(../images/bg/1.jpg) no-repeat center center / cover fixed; }
.bg-img-2 {background: url(../images/bg/2.jpg) no-repeat center center / cover fixed; }
.bg-img-3 {background: url(../images/bg/3.jpg) no-repeat center center / cover fixed; }
.bg-img-6 {background: url(../images/bg/6.jpg) no-repeat center center / cover }
.pt-120 {padding-top: 140px; }
.ptb-120 {padding: 120px 0; }
.mb-40 {margin-bottom: 40px; }
.bg-1 {background: #fff; }
.bg-fff {background: #fff; }
.bg-contact{background:#000; padding: 19px 11px; color: #fff; }
a#scrollUp {
    position: fixed;
    right: 10px;
    bottom: 20px;
    height: 45px;
    width: 45px;
    background:#e8201a;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
}
a#scrollUp:hover {background:#000; }

/*--------header-area start---------*/
.text-white{color: #fff!important;}
.logo {margin: 10px 0px; }
.mainmenu {padding: 65px 0px; }
.mainmenu ul,
.search-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.mainmenu ul li {margin-left: 20px; position: relative; }
.mainmenu ul li:first-child {margin-left: 0px; }
.mainmenu ul li a {
	display: block; 
	text-transform: uppercase; 
	padding: 5px 10px; 
	font-weight: 600; 
	color: #fff; 
	font-size: 19px;
    font-family: 'Poppins-Regular';
    letter-spacing: 0.5px;
}
.mainmenu ul li.active>a, .mainmenu ul li:hover>a {background:#db992d;color: #fff; }
.mainmenu ul li>ul {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    background: #fff;
    padding: 20px;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
}
.mainmenu ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mainmenu ul li>ul li {margin-left: 0px; display: block; }
.mainmenu ul li>ul li a {text-transform: capitalize; }
.mainmenu ul li>ul li:hover a {background: transparent; color: #cee002; padding-left: 20px; }
/*--------header-area end---------*/

/*---------------------------- responsiv-area start --------------------------*/
.responsive-menu-wrap {position: relative; }
.responsive-menu-wrap .slicknav_btn {
    background-color: transparent;
    border-radius: 0;
    display: block;
    float: right;
    margin: 0;
    padding:4px 0px;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
}
.slicknav_menu .slicknav_icon {margin:9px 13px; }
.responsive-menu-wrap .slicknav_menu .slicknav_menutxt {display: none; }
.responsive-menu-wrap .slicknav_menu {
    background: transparent none repeat scroll 0 0;
    font-size: 15px;
    padding: 57px 0;
    position: absolute;
    right: 0px;
    top: 0;
}
.responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    display: block;
    height: 4px;
    width: 24px;
    background: #333132;
}
.responsive-menu-wrap .slicknav_nav {
    background:#e8201a none repeat scroll 0 0;
    border-radius: 0px;
    clear: both;
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 5px 0;
    position: relative;
    top: 57px;
    width: 690px;
    z-index: 99;
    right: 0px;
    z-index: 999;
    position: relative;
    font-weight: 400;
}
.slicknav_nav a {color: #f1f1f1; text-decoration: none; text-transform: capitalize; }
.slicknav_nav a i {display: none }
.slicknav_nav a:hover {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, .5);
    color: #fff;
}
.responsive-menu-wrap .slicknav_nav .slicknav_row:hover {background: transparent; }
.responsive-menu-wrap .slicknav_nav .slicknav_arrow {font-size: 10px; margin: 5px; }
.sticky-menu {
    width: 100%;
    left: 0;
    top: 0px;
    position: fixed;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.sticky-menu .logo {margin: 15px 0px; }
.sticky-menu .mainmenu {padding: 32px 0px; }
.sticky-menu .search-wrapper ul li a {padding: 37px 0px; }
.sticky-menu .responsive-menu-wrap .slicknav_menu {padding: 42px 0px; }
.sticky-menu .responsive-menu-wrap .slicknav_nav {top: 42px; }
/*-------- responsiv-area end ------------*/

/*--------slider-area start---------*/
.slider-items {position: relative; }
.slider-items img {visibility: hidden; }
.slider-items:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000061;
    content: "";
    opacity: .5;
}
.slider-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.slider-content h2 {text-transform: uppercase; font-size: 85px; line-height: 100px; color: #fff; font-weight: 700;font-family: 'Raleway-Regular';letter-spacing: 1px;text-shadow:1px -3px 3px #00000066; }
.slider-content h2 span.color, .slider-content p span {color: #fff;}
.slider-content p {color: #fff; font-size: 24px; margin-bottom: 30px;font-family: 'Raleway-Regular'; }
.slider-content a {font-size: 16px; color:#fff; font-weight: 500; background: #e80000; padding: 17px 24px; }
.slider-text {position: relative; padding-left: 50px; }
.line {position: absolute; width: 610px; height: 410px; left: 0; top: -40px; z-index: -9; }
.line:before,
.line:after,
.blog-wrap2:before,
.blog-wrap2:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
    content: "";
    z-index: -9;
}
.next-prev-style .owl-item.active .line:before,
.blog-wrap2:hover:before {
    -webkit-animation: animate 1s linear forwards;
            animation: animate 1s linear forwards;
}
@-webkit-keyframes animate {
    0% {
        width: 0;
        height: 0;
        border-top-color:#fff;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color:#fff;
        border-right-color:#fff;
        border-bottom-color: transparent;
        border-left-color: translate;
    }
    100% {
        width: 100%;
        height: 90%;
        border-top-color:#fff;
        border-right-color:#fff;
        border-bottom-color: transparent;
        border-left-color: translate;
    }
}
@keyframes animate {
    0% {
        width: 0;
        height: 0;
        border-top-color: #fff;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: transparent;
        border-left-color: translate;
    }
    100% {
        width: 100%;
        height: 90%;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: transparent;
        border-left-color: translate;
    }
}
.next-prev-style .owl-item.active .line:after,
.blog-wrap2:hover:after {
    -webkit-animation: animate2 1s linear forwards;
            animation: animate2 1s linear forwards;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
@-webkit-keyframes animate2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color: translate;
        border-left-color: #e8201a;
    }
    50% {
        width: 0;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color: #db992d;
        border-left-color: #db992d;
    }
    100% {
        width: 100%;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color:#db992d;
        border-left-color: #db992d;
    }
}
@keyframes animate2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color: translate;
        border-left-color:#db992d;
    }
    50% {
        width: 0;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color:#db992d;
        border-left-color:#db992d;
    }
    100% {
        width: 100%;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color:#db992d;
        border-left-color:#db992d;
    }
}
.next-prev-style .owl-nav div {
    position: absolute;
    left: 0;
    top: 50%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: transparent;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    border-radius: 50px;
}
.next-prev-style .owl-nav div.owl-next {left: auto; right: 0; }
/*--------slider-area end---------*/

/*--------about-area start---------*/
.about-wrap {position: relative; padding: 60px 0px 60px 30px; border-top:2px solid #000; border-left:2px solid #000; }
.about-wrap:before {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: ""; background:#000; }
.about-wrap:after {
    position: absolute;
    right: -100px;
    top: -2px;
    width: 100px;
    height: 218px;
    border-top:2px solid #000;
    border-right:2px solid #000;
    content: "";
}
.about-wrap h2 {font-size: 30px; font-weight: 900; text-transform: uppercase; margin-bottom: 5px; text-align: center; color: #db992d;}
.about-wrap h3 {font-weight: 500; font-size: 24px; margin-bottom: 25px; color: #000;font-family: 'Raleway'; }
.about-wrap p {margin-bottom: -6px; }
.about-content {background: #fff; box-shadow:inset 0 0 0px 5px rgb(8 38 162); padding: 24px 0px; text-align: center; }
.about-content h4 {font-size: 24px; font-weight: 400; margin-bottom: 5px; }
.about-content p {font-size: 13px; margin-bottom: 0px; line-height: 20px; }
.about-img {position: relative; margin-top: 240px; }
.about-img:before {
    position: absolute;
    left: -15px;
    bottom: -15px;
    height: 95%;
    width: 98%;
    background:#000;
    content: "";
    z-index: -9;
}
.imgt{box-shadow: 3px -1px 5px 4px #616161; border-style: double; color:#db992d; }
.ml{padding-left: 180px;}
/*--------about-area end---------*/

/*--------servic-area start---------*/
.img-scale img {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    width: 100%;
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.img-scale:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    box-shadow: 0 0 2px 2px #00000021;
    border: 3px solid #000;
}
.sevice-box figure {margin: 0px; border-style: double; color: #db992d; box-shadow: 6px -3px 3px 3px #9c9c9c; }
.sevice-box figure img {width: 100%; }
.sevice-box .service-text {
    border:2px solid #db992d!important;   
    padding: 25px 20px;
    margin: -58px 25px 0px 25px;
    position: relative;
    z-index: 3;
    background:#000;
    border-top: 0px;
    position: relative;
    z-index: 2;
    top: 0;
    transition: all 0.3s ease-in-out;
    box-shadow: -1px -1px 3px 0px #00000070;   
}
.sevice-box:hover .service-text {top: -10px; color: #fff; }
.sevice-box .service-text h3 a {color: #fff; transition: all 0.3s ease-in-out 0.2s; }
.sevice-box:hover .service-text h3 a {color: #fff; } 
.sevice-box .service-text:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: '';
    background:#fff;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}
.sevice-box:hover .service-text:before {height: 100%; background:#db992d; border: 2px double #000; }
.sevice-box .service-text p{color: #fff;}
.sevice-box:hover .service-text p {color: #000; }
.sevice-box:hover .service-text .btn-servi{background:#000; }
.sevice-box .service-text h3 {color: #fff!important;font-family: 'Raleway-Regular'; }
.sevice-box:hover .service-text h3 {color: #000!important;font-family: 'Raleway-Regular'; }
.border-servi{border-bottom: 3px solid #fff;}
/*--------servic-area end---------*/

/*--------project-area start---------*/
.seccion-gallery-area {padding: 120px 0px 90px; }
.project-menu button {
    border: 1px solid #cee002;
    padding: 7px 20px;
    background: transparent;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}
.project-menu button.active {background: #cee002; }
.seccion-gallery {position: relative; margin-bottom: 30px; }
.seccion-gallery img {width: 100%; }
.seccion-gallery:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .55;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.seccion-gallery:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.seccion-gallery-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.seccion-gallery:hover .seccion-gallery-content {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.seccion-gallery-content a {font-size: 30px; display: inline-block; margin-bottom: 15px; }
.seccion-gallery-content a:hover {color: #fff; }
.seccion-gallery-content h3 {font-size: 18px; text-transform: capitalize; margin-bottom: 0px; }
/*--------project-area end---------*/

/*--------service-area start---------*/

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

/*--------service-area end---------*/

/*--------fanfact-area start---------*/
.fanfact-area {padding: 80px 0px; }
.funfact-wrap {text-align: center; }
.funfact-wrap h2 {color: #cee002; font-size: 72px; margin: 0px auto 20px; line-height: 51px; font-weight: 300; width: 100px; }
.funfact-wrap p {text-transform: uppercase; font-size: 30px; color: #fff; }
/*--------fanfact-area end---------*/

/*--------seccion-gallery2-area start---------*/
.section-title2 h2, .section-title2 h3 {color: #fff; }
.seccion-gallery2-wrap {padding: 60px 0px 0px; outline: none; }
.seccion-gallery2-wrap i {color: #cee002; font-size: 36px; margin-bottom: 25px; margin-left: 1px; }
.seccion-gallery2-wrap p {color: #fff; margin-bottom: 35px; }
.seccion-gallery2-wrap h4 {font-size: 18px; font-weight: 500; margin-bottom: 0px; color: #fff; }
.seccion-gallery2-wrap span {display: block; font-size: 14px; color: #cee002; }
.seccion-gallery2-img-active {padding: 60px 30px 0px 0px; position: relative; z-index: 9; }
.seccion-gallery2-img-active:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 85%;
    height: 95%;
    border: 3px solid #ce0000;
    content: "";
    z-index: -9;
}
.seccion-gallery2-img {position: relative; padding-left: 30px; outline: none; }
.seccion-gallery2-img img {width: 100%; } 
.seccion-gallery2-img ul {
    position: absolute;
    left: 30px;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    background: rgb(255 255 255 / 70%);
}
.seccion-gallery2-img ul li {display: inline-block; font-size: 18px; font-weight: 500; color: #fff; }
.seccion-gallery2-img ul li i {font-size: 14px; color: #fcb837; }
ul.slick-dots {position: absolute; bottom: -50px; left: 90%; }
.slick-dots li {display: inline-block; margin-right: 5px; }
.slick-dots li button {
    height: 15px;
    width: 15px;
    font-size: 0px;
    border-radius: 50%;
    background: #bcb8b8;
    cursor: pointer;
    border: none;
}
.slick-dots li.slick-active button {background:#ce0000; }
/*--------seccion-gallery2-area end---------*/
/*-------- New seccion-service------------------*/
.btn-servi{background: linear-gradient(-180deg, #e8ce14, #ceb607); padding: 20px; color: #fff!important; }
figure.snip0042 {position: relative; overflow: hidden; margin: 10px; /*min-width: 220px; max-width:435px; */width: 100%; background: #ffffff; color: #ffffff; }
figure.snip0042 > img {max-width: 100%; }
figure.snip0042 figcaption {padding: 20px 30px 20px 25%; position: relative; }
figure.snip0042 figcaption h2, figure.snip0042 figcaption p {margin: 0; text-align: right; padding: 10px 0; right: 0; width: 100%; }
figure.snip0042 figcaption h2 {font-size: 1.7em; font-weight: 400; text-transform: uppercase; border-bottom:1px solid rgb(0 0 0); }
figure.snip0042 figcaption .icons {width: 68%; text-align: center; background: #000; padding: 11px; float: right; margin-bottom: 20px; }
figure.snip0042 figcaption .icons i {font-size: 26px; padding: 5px; color: #ffffff; top: 50%; }
figure.snip0042 .position {width: 100%; text-align: right; padding: 8px 30px 13px; font-size: 0.8em; opacity: 0.8; font-style: italic; }
figure.snip0042:after {position: absolute; top: 0; left: -16%; height: 110%; width: 30%; background-color: #000000; content: ''; border-right: 4px solid #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-transform: skewX(-7deg) translateX(0px); transform: skewX(-7deg) translateX(0px); -webkit-backface-visibility: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; }
figure.snip0042.yellow {background: #e8201a; } 
figure.snip0042.yellow:after {background:#000; }
figure.snip0042:hover:after, figure.snip0042.hover:after {-webkit-transform: skewX(-7deg) translateX(10px); transform: skewX(-7deg) translateX(10px); }
/*-------- End New seccion-service------------------*/
/*--------brand-area start---------*/

.brand-area {padding: 100px 0px; background:#000; }

/*--------brand-area end---------*/

#googleMap {width: 100%; height: 600px; background: #606060; }

/*--------footer-area start---------*/
.footer-top {padding: 120px 0px 90px; } 
.footer-widget {margin-bottom: 30px; }
.footer-logo img {margin-bottom: 30px; }
.footer-logo p {margin-bottom: 20px; }
.footer-logo h4 {font-size: 16px; text-transform: uppercase; margin-bottom: 5px; }
.footer-logo span {display: block; margin-bottom: 20px; }
.footer-logo ul li {display: inline-block; margin-right: 10px; font-size: 18px; }
.footer-widget h4.widget-title {
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 30px;
    margin: 30px 0px 50px;
    font-weight: 600;
    position: relative;
}
.faborde{border: 2px solid #232062; border-radius: 25px; width: 30px; height: 30px; line-height: 25px; padding-left: 8px;}
.footer-widget h4.widget-title:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 24px;
    height: 6px;
    background:#d89224;
    content: "";
}
.footer-contact ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
    line-height: 24px;
    font-size: 14px;
}
.footer-contact ul li i {
    height: 27px;
    width: 27px;
    font-size: 14px;
    border:2px solid #d89224;
    text-align: center;
    line-height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    border-radius: 20px;
}
.footer-contact ul li:last-child {margin-bottom: 0px; }
.footer-menu ul li {line-height: 37px; padding-left: 30px; position: relative;color:#d89224; }
.footer-menu ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f101";
    font-family: fontawesome;
}
.footer-menu ul li:hover:before {left: 5px; color:#000; }
.footer-bootem {padding: 20px 0px; background: #ca0000; text-align: center; }
/*--------footer-area end---------*/

/*=======================================
        About style here
=======================================*/
/*about*/
.about-area2 .about-wrap:after {left: 0; width: 0; height: 140px; }
.about-area2 .about-wrap {padding:27px 0px 27px 16px; border-top:2px solid #000; border-left: none; border-right:2px solid #000; }
.about-area2 .about-img2 {position: relative; padding-bottom: 70px; }
.about-area2 .about-images {
    position: absolute;
    right: 0;
    bottom: 0;
    border-left:3px solid #efa62f;
    border-top:3px solid #efa62f;
    box-shadow:12px 8px 0px 2px #000;
}
.aboutimg2{box-shadow:-8px -4px 9px 2px #60606033}
.about-area2 .about-images a {
    position: absolute;
    height: 55px;
    width: 55px;
    background: #fff;
    line-height: 55px;
    text-align: center;
    display: block;
    left: 50%;
    border: 2px solid #cee002;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
/*about*/
/*--------breadcumb-area start--------*/
.breadcumb-area {
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.breadcumb-wrap h2 {text-transform: uppercase; font-size: 35px; font-weight: 700; color: #fff; margin-bottom: 5px; }
.breadcumb-wrap ul li {display: inline-block; text-transform: uppercase; color:#3c3c3c; font-weight: 500; font-size: 14px; }
.breadcumb-wrap ul li a {color: #3c3c3c; } 
.breadcumb-wrap ul li a:hover {color:#0826a2; }
/*--------breadcumb-area end--------*/

/*code new*/
.video{width: 100%;}
.bg-header{background:linear-gradient(298deg, #000000 64%, #ffffff 7%);}
.bg-footer{background:#073e40;color: #fff;}
.maxlogo{max-width: 95%!important;}
.color{color:#db992d;font-weight: 600;} .color-blue{color:#606060;}
.sizesocial{font-size: 3rem;}
.sizeservices{font-size: 28px; border-bottom: 1px dotted #db992d;}
.sevice-box:hover .sizeservices{border-bottom: 1px dotted #000;}
.borderservices{border-bottom: 6px solid #000;}
.btn-servi{color: #fff; background: #e80000; padding: 11px 16px;}
.btn-blue, .btn-blue:hover{color: #fff; background-color:#e80000; padding: 20px 26px; }
.btn-black, .btn-black:hover{color: #fff; background-color:#e8201a; border-color:#fff; padding: 19px 44px; }
/*------------------------------------
# .0 PreLoader reloj
------------------------------------*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
}
.preloader .loader {
    position: absolute;
    left: 43%;
    width: 100%;
    height: 80px;
    top: 35%;
    margin-top: -40px;
    margin-left: -40px;
}
.floating {
  float: left;
  -webkit-animation-name: Floatingx;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: Floating;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  margin-top: 10px;
  font-size: 20px;
}
@-webkit-keyframes Floatingx {
  from {
    -webkit-transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}
@-moz-keyframes Floating {
  from {
    -moz-transform: translate(0, 0px);
  }
  65% {
    -moz-transform: translate(0, 15px);
  }
  to {
    -moz-transform: translate(0, 0px);
  }
}
/*------------------------------------
# .0 PreLoader 2
------------------------------------*/
.spinner {margin: 25% auto; width: 80px; height: 80px; position: relative; }
.spinner > div {background:#f00; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


/*para la pestna contacto.php */
.iconform{position: absolute!important; bottom: 50%!important; width: 16px!important; left:7%!important; margin-right: 1%; }
.iconformphone{position: absolute!important; bottom: 2%!important; width: 14px!important; left: 6%!important; transform: rotateZ(45deg); }
.iconformemail{position: absolute!important; bottom: 2%!important; width: 14px!important; left: 6%!important; }
.iconformkeyboard{position: absolute!important; bottom: 2%!important; width: 14px!important; left: 6%!important; }
.iconformcomment{position: absolute!important; bottom: 62%!important; width: 14px!important; left: 5%!important; }

/*para la pestana de services.php*/
.blog-card {   
   display: flex;
    flex-direction: column;
    margin: -9rem auto;
    box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.62);
    margin-bottom: 13.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 6px;
    overflow: hidden;
    z-index: 0;
}

.blog-card a {color: inherit; }
.blog-card a:hover {color: #5ad67d; }
.blog-card:hover .photo {transform: scale(1.3) rotate(3deg); }
.blog-card .meta {position: relative; z-index: 0; height: 278px!important; }
.blog-card .photo {  
   position: absolute;
   top: 0px;
   right: 0;
   bottom: 0;
   left: 0;
   background-size: cover;
   background-position: center;
   transition: transform 0.2s;
}
.blog-card .details, .blog-card .details ul {box-sizing: border-box; margin: auto; padding: 0; list-style: none; }
.blog-card .details {
   position: absolute;
   top: 67px;
   bottom: 0;
   left: -100%;
   margin: auto;
   transition: left 0.2s;
   background:rgba(0, 0, 0, 0.34);
   color: #fff;
   padding: 10px;
   width: 100%;
   height: 163%;
   font-size: 0.9rem;
}
.blog-card .details a {text-decoration: dotted underline; }
.blog-card .details ul li {display: inline-block; }
.blog-card .details .author:before {margin-right: 10px; }
.blog-card .details .date:before {margin-right: 10px; }
.blog-card .details .tags ul:before {margin-right: 10px; }
.blog-card .details .tags li {margin-right: 2px; }
.blog-card .details .tags li:first-child {margin-left: -4px; }
.blog-card .description {padding: 1.6rem; background:#db992d; position: relative; z-index: 1; }
.blog-card .description h1 {font-family:'Raleway-Regular'; color: #fff;}
.blog-card .description h2 {font-size: 1rem; font-weight: 300; color: #a2a2a2; margin-top: 5px; }
.blog-card .description .read-more {text-align: right; }
.blog-card .description .read-more a {color: #5ad67d; display: inline-block; position: relative; }
.blog-card .description .read-more a:after {margin-left: -10px; opacity: 0; vertical-align: middle; transition: margin 0.3s, opacity 0.3s; }
.blog-card .description .read-more a:hover:after {margin-left: 5px; opacity: 1; }
.blog-card p {position: relative; margin: 1rem 0 0; font-family: 'Roboto-Regular'; font-size: 17px; color: #fff; }
.blog-card span {position: relative; margin: 1rem 0 0; font-family: 'Roboto-Regular'; font-size: 18px; color: #fff; }
.blog-card p:first-of-type {margin-top: 1.25rem; }
.blog-card p:first-of-type:before {
    content: "";
    position: absolute;
    height: 6px;
    background:#000;
    width: 243px;
    top: -2.75rem;
    border-radius: 2px;
}
.blog-card:hover .details {left: 0%; }
@media (min-width: 640px) {
   .blog-card {flex-direction: row; max-width: 996px; }
   .blog-card .meta {box-sizing: border-box; flex-basis: 100%; height: auto; }
   .blog-card .description {flex-basis: 85%; }
   .blog-card .description:before {
     transform: skewX(16deg);
     content: "";
     background:#db992d;
     width: 158px;
     position: absolute;
     left: -74px;
     top: 0;
     bottom: 0;
     z-index: -1;
    }
   .blog-card.alt {flex-direction: row-reverse; }
   .blog-card.alt .description:before {left: inherit; right: -61px; transform:skew(-17deg); }
   .blog-card.alt .details {padding-left: 25px; }
}
/**TESTIMONIALS MAVEN**/
.pad_testi {padding: 10px 0px 10px;}.pagination {display: contents;}
.pad_tes{padding: 0 0 75px 0;}.t-gold{color: orange;}
.pad_te{padding: 72px 0 14px 0;}.bg-color1{background:#db992d;}
.pad_t{padding: 0 0 14px 0;}
.smallbnt{width: 45%;font-size: 18px!important;}
.well2 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background:#000;
    max-height: 850px;
     border: 1px solid #e3e3e3; 
    border-radius: 9px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0px -1px 7px 4px rgb(115 115 115 / 52%);
}
.well{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);

}
.color-navigation {color:#000!important;}