* {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:#1297be; }
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 / 98%);
    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 }
.bg-img-7 {background: url(../images/bg/7.jpg) no-repeat center center / cover }
.pt-120 {padding-top: 140px; }.borders{border-bottom: 4px dotted; width: 80%; height: 60px;}
.ptb-120 {padding: 120px 0; }
.mb-40 {margin-bottom: 40px; }
.bg-1 {background: #fff; }
.bg-fff {background: #fff; }
.bg-contact{background:#00426c; padding: 19px 11px; color: #fff; }
a#scrollUp {
    position: fixed;
    right: 10px;
    bottom: 20px;
    height: 45px;
    width: 45px;
    background:#1297be;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
}
a#scrollUp:hover {background:#1cc7ec; }

/*--------header-area start---------*/
.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: 20px;
    font-family: 'Poppins-Regular';
    letter-spacing: 0.5px;
}
.mainmenu ul li.active>a, .mainmenu ul li:hover>a {background:#fff;color: #139dc4;border-radius: 20px; }
.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:#00426c 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: #139dc4 none repeat scroll 0 0;
    border-radius: 0;
    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: 50px;font-family: 'Raleway-Regular'; }
.slider-content a {font-size: 16px; color:#fff; font-weight: 500; background: linear-gradient(0deg, #e73c2b, #f59531); padding: 17px 37px; }
.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: 3px dashed 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: #00ca00;
    }
    50% {
        width: 0;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color: #00ca00;
        border-left-color: #00ca00;
    }
    100% {
        width: 100%;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color:#00ca00;
        border-left-color: #00ca00;
    }
}
@keyframes animate2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color: translate;
        border-left-color:#00ca00;
    }
    50% {
        width: 0;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color:#00ca00;
        border-left-color:#00ca00;
    }
    100% {
        width: 100%;
        height: 90%;
        border-top-color: translate;
        border-right-color: translate;
        border-bottom-color:#00ca00;
        border-left-color:#00ca00;
    }
}
.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 #1cc7ec; border-left:2px solid #1cc7ec; }
.about-wrap:before {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: ""; background:#1cc7ec; }
.about-wrap:after {
    position: absolute;
    right: -100px;
    top: -2px;
    width: 100px;
    height: 154px;
    border-top:2px solid #1cc7ec;
    border-right:2px solid #1cc7ec;
    content: "";
}
.about-wrap h2 {font-size: 37px; font-weight: 900; text-transform: uppercase; margin-bottom: 5px; text-align: center; color: #00426c;}
.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: 183px; }
.about-img:before {
    position: absolute;
    left: -15px;
    bottom: -15px;
    height: 95%;
    width: 80%;
    background:linear-gradient(0deg, #e73c2b, #f59531);
    content: "";
    z-index: -9;
}
.imgt{/*border: 2px dashed #fcfffc; */box-shadow: 18px -11px 0 0 #f17a2f/*; border-top: 3px dashed; border-right: 3px dashed*/;}
.ml{padding-left: 200px;}
/*--------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:2px dotted #6bc93b; color: #db992d; box-shadow: 6px -3px 3px 3px #a0a0a0; }
.sevice-box figure img {width: 100%; }
.sevice-box .service-text {
    border:2px solid #66c33e!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:#1cc7ec; border: 2px double #000; }
.sevice-box .service-text p{color: #fff;}
.sevice-box:hover .service-text p {color: #fff; }
.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: #fff!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 120px 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 #1cc7ec;
    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: 80%; }
.slick-dots li {display: inline-block; margin-right: 3px; }
.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:#1cc7ec; }
/*--------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;box-shadow: -5px -5px 7px 3px #00000036;}
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:2px dotted rgb(255 255 255); }
figure.snip0042 figcaption .icons {border-radius: 10px; width: 68%; text-align: center; background:linear-gradient(0deg, #e73c2b, #f59531); 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 double #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:#129ac1; } 
figure.snip0042.yellow:after {background:#00426c; }
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:#00426c; }

/*--------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;color: #00426c;}
.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;
    color: #00426c;
}
.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:#1cc7ec;
    content: "";
}
.footer-contact ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
    line-height: 24px;
    font-size: 14px;
    color: #00426c;
}
.footer-contact ul li i {
    height: 27px;
    width: 27px;
    font-size: 14px;
    border:2px solid #1cc7ec;
    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;color:#00426c; }
.footer-menu ul li {line-height: 37px; padding-left: 30px; position: relative;color:#1cc7ec; }
.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:#1cc7ec; }
.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 #1cc7ec; border-left: none; border-right:2px solid #1cc7ec; }
.about-area2 .about-img2 {position: relative; padding-bottom: 70px; }
.about-area2 .about-images {
    position: absolute;
    right: 0;
    bottom: 0;
    border-left:3px solid #fff;
    border-top:3px solid #fff;
    box-shadow:17px 13px 0px 2px #00426c;
}
.aboutimg2{box-shadow:-8px -4px 9px 2px #60606033}
.about-area2 .about-images a {
    position: absolute;
    height: 55px;
    width: 55px;
    background: #2b9900;
    color: #fff;
    line-height: 55px;
    text-align: center;
    display: block;
    left: 50%;
    border: 2px solid #fff;
    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*/
.video1{width: 100%;height: 350px; background: #150a07;}
.play{position: absolute; height: 55px; width: 55px; background: #fff; line-height: 55px; text-align: center; display: block; left: 40%!important; border: 2px solid #cee002; top: 40%!important; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);animation: pulsev 2s infinite;}
@keyframes pulsev {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgb(255 255 255 / 60%);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgb(255 255 255 / 45%);
    }
}
.bg-header{background:linear-gradient(234deg, #00426c 62%, #ffffff 10%);}
.bg-footer{background:#ececec;color: #fff;}
.maxlogo{max-width: 95%!important;}
.color{color:#00426c;font-weight: 600;} .color-green{color:#00426c;font-weight: 600;}
.sizesocial{font-size: 3rem;}
.sizeservices{font-size: 28px; border-bottom: 2px dotted #66c33e;}
.sevice-box:hover .sizeservices{border-bottom: 2px dotted #000;}
.borderservices{border-bottom: 6px solid #000;}
.btn-servi{color: #fff; background: linear-gradient(180deg, #6ccb3a 4%, #31765d); padding: 14px 32px;}
.btn-blue, .btn-blue:hover{color: #139dc4; background-color:#fff; padding: 20px 43px; border-radius: 50px}
.btn-black, .btn-black:hover{color: #fff; background-color:#1cc7ec; border-color:#1cc7ec; 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;
}
.preload{padding-top: 20%!important}
.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);
  }
}
/*EFFECT GLITTER STAR*/
.fz{font-size: 45px}
.page-header-top .logo .shine {
    position: absolute;
    top: -30%;
    left: 6%;
    pointer-events: none;
}
.shine {
    display: block;
    position: absolute;
    background-image: url(../images/glitter.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 2;
    opacity: 0;
    width: 130px;
    height: 130px;
    -webkit-animation: glitter 6s linear 0s infinite normal;
    animation: glitter 6s linear 0s infinite normal;
    text-indent: -9999px;
}
.shine.shine-1 {
    top: 77%;
    left: 38%;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.shine.shine-2 {
    top: 88%;
    left: 54%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.shine.shine-4 {
    top: 30%;
    left: 69%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
#starshine {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
@keyframes glitter{
0% {
    -webkit-transform: scale(.3) rotate(
0deg
);
    transform: scale(.3) rotate(
0deg
);
    opacity: 0;
}
25% {
    -webkit-transform: scale(1) rotate(
360deg
);
    transform: scale(1) rotate(
360deg
);
    opacity: 1;
}

50% {
    -webkit-transform: scale(.3) rotate(
720deg
);
    transform: scale(.3) rotate(
720deg
);
    opacity: 0;
}
100% {
    -webkit-transform: scale(.3) rotate(
0deg
);
    transform: scale(.3) rotate(
0deg
);
    opacity: 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:#4f9b41; 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:#4f9b41;
     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; }
}

/* Testimonial css */
.color-orange{color: #f8b805;}.pad_testi {padding: 10px 0px 10px;} .pad_tes{padding: 0 0 75px 0;}.t-gold{color: orange;} 
.pad_te{padding: 72px 0 14px 0;}.bg-color1{background:#139dc4;} .pad_t{padding: 0 0 14px 0;}
a {color: #fff;}
.smallbnt{width: 45%;font-size: 18px!important;}
.well2 {min-height: 20px; padding: 19px; margin-bottom: 20px; background:#139dc4; 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%); }
input[type=radio]{display:none}label{color:#fff}label i{font-size:28px!important}
.clasificacion{direction:rtl;unicode-bidi:bidi-override}label:hover,label:hover~label{color:#ebba64}input[type=radio]:checked~label{color:#ebba64}
.starColor i{color:orange!important}.pagination{display: contents; }
.site-btn{
        border-radius: 10px;
    background: linear-gradient(0deg, #e73c2b, #f59531);
    color: white;
    padding: 11px;}