/*
Theme Name: Grace Themes New
Theme URI: https://gracethemes.com/
Author: Grace Team
Author URI: https://gracethemes.com/
Description: GraceThemes is specialized in creating Beautiful & Professional WordPress Themes to help you create websites without any code knowledge. Our goal is to create beautiful themes that are SEO friendly, responsive ready and fast loading. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: GRC Theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,600&display=swap');
@import url(//fonts.googleapis.com/css?family=Poppins:400,300,300italic,400italic,700,700italic);
/* = Default css
-------------------------------------------------------------- */
*{ margin:0; padding:0; outline:none; box-sizing:border-box; -moz-box-sizing:border-box;	-webkit-box-sizing:border-box;}
body{ font-family: 'Poppins', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#ffffff; line-height:26px; color:#3b3b3b; font-size:15px; font-weight:400;}
body.home{ background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{ font-family: 'Poppins', sans-serif; margin:0 0 15px; padding:0; line-height:1.1; font-weight:500; }
h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:26px;}
h4{ font-size:24px;}
h5{ font-size:20px;}
h6{ font-size:18px;}
.height20{ height:20px; clear:both;}
.height30{ height:30px; clear:both;}
.height40{ height:40px; clear:both;}
.height50{ height:50px; clear:both;}
.height60{ height:60px; clear:both;}
.height70{ height:70px; clear:both;}
.height80{ height:80px; clear:both;}
.height90{ height:90px; clear:both;}
.height100{ height:100px; clear:both;}
.left{float:left;}
.right{float:right;}
p{ margin:0 0 25px 0; padding:0; line-height:26px;}
a{ text-decoration:none; outline:none; color:#02b6ba}
hr{border-bottom:1px solid #eee; height:1px; clear:both; margin:25px 0; border:0; border-bottom:1px solid #eee;}
a:hover{ text-decoration:none; outline:none; color:#2686B3;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 25px 25px;}
article ul li{ list-style: disc; margin-bottom: 5px;}
article ol li{ margin-bottom: 5px;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }

/* Header css
-------------------------------------------------*/
.container{ width:1200px; margin:0 auto; position:relative; display:block;} /*.container{ width:1170px; margin:0 auto; position:relative; display:block;}*/
.header_full{ width:100%; background-color:#eee; line-height:40px;}
.header_full .navigation_wrap{ background-color:#fff; background:rgba(255,255,255,0.9); }

.logo{float:left; padding-top:25px;  transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }
.logo a{ display:block;}

/* = Header Navigation CSS
--------------------------------------------------*/
#navigationpanel{ 
	text-align:right; 
	float:right;
}
.site-navigation {
    display: block;
    position: relative;
    width: 100%;
}

.site-navigation ul ul {
    background-color: #F8FAFD;
    text-align: left;
    padding: 0;
}
.site-navigation ul ul li a {
    padding: 15px 13px; /* padding: 12px 13px;*/ /*SEPARAR ALTO DE LA LSITA - MENU*/
}
.site-navigation ul ul a:after {
    float: right;
}
.site-navigation ul {   
    list-style: none;
    margin: 0;
	display: none;
    padding-left: 0;
}
.site-navigation li {
    position: relative;
	margin:0;
}

.site-navigation a {
    font-size: 15px;
    line-height: 1.5;
	display: block;
    font-weight: 600;
    color: #212121;   
	text-align:left;
	padding: 20px 12px;/* padding: 40px 12px; */ /* CAMBIA LA POSESION DEL MENU PADRE*/
}
.site-navigation a:hover {
    color: #02b6ba;   
}

.site-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}



.site-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.site-navigation li li {
    display: block;
}
.site-navigation ul.nav-menu .current_page_item > a,
.site-navigation ul.nav-menu .current-menu-item > a,
.site-navigation ul.nav-menu .current_page_ancestor > a,
.site-navigation ul.nav-menu .current-menu-ancestor > a {
    color: #02b6ba;
}
.site-navigation ul.nav-menu > li:before {
    background-color: #5750A0;
    color: #fff;   
    display: inline-block;
    text-align: center;
    border-radius: 50%;
	width: 46px;
    height: 46px;
    line-height: 46px;
}

.menu-toggle {
    font-size: 16px;
    margin: 10px 0;   
    width: 50px;
    height: 50px;
    position: absolute;
	display: block;
    top:10px;
    right: 2%;
    background-color: transparent;
    border: none;
    border-radius: 0;
	z-index:999999;
}

.menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;	
    right: 0;   
    width: 30px;
    height: 4px;
	margin: 0 auto;
    display: block;
    background-color: #02b6ba;
    font-size: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.menu-toggle span:before, 
.menu-toggle span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #02b6ba; /*#000*/
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -webkit-transform 0.3s;
    -ms-transition: -webkit-transform 0.3s;
    -o-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.menu-toggle span:before {
    -webkit-transform: translateY(-250%);
    -moz-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    -o-transform: translateY(-250%);
    transform: translateY(-250%);
}
.menu-toggle span:after {
    -webkit-transform: translateY(250%);
    -moz-transform: translateY(250%);
    -ms-transform: translateY(250%);
    -o-transform: translateY(250%);
    transform: translateY(250%);
}
.menu-toggle.active span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.menu-toggle.active span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
.menu-toggle.active span {
    background-color: transparent;
}
.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}
button.dropdown-toggle {  
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
    color: #000;
    border: none;
    width: 45px;
    height: 45px;
    line-height: 50px;
	padding: 0;
	
}
button.dropdown-toggle.active i {
    transform: rotate(-180deg);
    transform-origin: center;
}

.site-navigation ul li#log-in-out-link a{ background-color:#02b6ba; color:#fff; border-radius:25px; padding:10px 20px; font-weight:400;}
.site-navigation ul li#log-in-out-link a:hover{ background-color:#061C77; color:#fff;}

/* @media screen and (min-width: 1024px) {
    #masthead {
        min-height: 104px;
    } */

@media screen and (min-width: 1023px) {
    #masthead {
        min-height: 76px;
    }
    .menu-sticky #masthead {
        position: sticky;
        top: 0;
    }
    .menu-sticky #masthead.nav-shrink {
        box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
    }
    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }
    .site-branding {
        display: flex;
        align-items: center;
        min-height: 108px;
    }
    .site-navigation {
        padding: 0;
        width: auto;
    }
	
    .site-navigation.icons-active {
        padding: 0;
    }
    .site-navigation ul.nav-menu > li {
        text-align: center;
    }	
    .site-navigation ul.nav-menu > li {
        text-align: center;
    }
    .site-navigation.icons-active ul.nav-menu > li {
        padding: 15px 25px 8px;
    }
    .site-navigation ul.nav-menu > .menu-item-has-children > a:after {              
        position: relative;
        bottom: 1px;
		padding-left: 5px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        text-rendering: auto;
    }
    .site-navigation ul ul .menu-item-has-children > a:before {       
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        text-rendering: auto; 
        position: absolute;
		top: 20px;
        right: 15px;
    }
	/*Dropdown arrows*/
	.site-navigation .menu-item-has-children > a:after, 
	.site-navigation .page_item_has_children > a:after {
		/*font-family: dashicons;
		content: '\f347';*/
		content: url(https://gracethemes.com/wp-content/themes/gracetheme-new/images/dd-arrow.webp);
		vertical-align: bottom;
		margin-left: 0.25em;
	}		
	
	.site-navigation .menu-item-has-children .menu-item-has-children > a:after,
	.site-navigation .menu-item-has-children .page_item_has_children > a:after,
	.site-navigation .page_item_has_children .menu-item-has-children > a:after,
	.site-navigation .page_item_has_children .page_item_has_children > a:after {
		/*content: '\f345';
		font-family: dashicons;*/
		content: url(https://gracethemes.com/wp-content/themes/gracetheme-new/images/dd-arrow.webp);
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}		
	
    .site-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .site-navigation ul ul {
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
        width: 225px;
    }
    .site-navigation ul li:hover > ul,
    .site-navigation ul li.focus > ul {
        left: 0;
        right: auto;
        display: block !important;
    }
    .site-navigation ul ul li:hover > ul,
    .site-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .site-navigation ul ul li:hover > a,
    .site-navigation ul ul li.focus > a {
        
    }
    .site-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    .site-navigation ul ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .site-navigation ul ul > li:last-child {
        border-bottom: none;
    }
    .site-navigation ul ul li a:hover,
    .site-navigation ul ul li.current-menu-ancestor:hover > a {
       
    }   
    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .site-navigation ul {
        display: block;
    }
    .site-navigation li {
        display: inline-block;
    }
    .site-navigation .left-menu {
        padding-left: 50px;
    }
    .site-navigation ul.nav-menu > li.left-menu > a,
    .site-navigation ul.nav-menu > li.right-menu > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .site-navigation li.left-menu + li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1023px) {
    #masthead {
       min-height: 86px; /* min-height: 86px; */
    }    
    .site-navigation ul ul {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .site-navigation ul ul ul {
        margin-top: 0;
    }
    .site-navigation ul.nav-menu li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        display: block;
        width: 100%;
    }
    .site-navigation ul.nav-menu li:last-child {
        border-bottom: none;
    }
    .site-navigation ul.nav-menu > li {
        width: 100%;
        padding: 0;
    }
    .site-navigation ul ul li a {
        padding-left: 35px;
    }
    .site-navigation ul ul ul li a {
        padding-left: 60px;
    }
    .site-navigation ul ul ul ul li a {
        padding-left: 80px;
    }
    .site-navigation ul ul a {
        width: 100%;
    }
    .site-navigation ul ul,
    .site-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .site-navigation ul.nav-menu > li:before {
        display: none;
    }
    .site-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 0;
        background-color: rgba(255, 255, 255, 0.20);
        width: 1px;
        height: 25px;
    }
    .site-navigation .menu-item-has-children > a:after {
        padding-top: 3px;
    }
    .site-navigation ul.sub-menu li a {
        border-left: none;
    }
    .site-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #F8FAFD;
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }
    .site-navigation {
        position: static;
    }
    .site-navigation a {
        color: #555555;
        padding: 12px 15px;

    }
    #masthead.site-header .site-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        max-width: 500px;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
        z-index: 10;
    }
	
	.updownarrow{  
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #414141 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.4em;
    content: "";
    display: block;
    position: absolute;
    right: 18px;
	
	}
	/*button.dropdown-toggle.active .updownarrow {
		transform: rotate(-180deg);
	}*/
	
	
}


@media screen and (max-width: 767px) {
	#masthead.site-header .site-navigation ul.nav-menu {
	max-width: 100%;
	}
}

@media screen and (max-width: 480px) {
    #masthead {
        min-height: 50px;
    }
}


/**AJUSNTE SILDER CON MENU*/

@media screen and (max-width: 1023px) {
    #masthead {
        min-height: 120px; /* ajusta según el alto de tu logo + menú */
    }
}

@media screen and (max-width: 480px) {
    #masthead {
        min-height: 90px; /* un poco más alto si en móvil el logo/menu se enciman */
    }
}

@media screen and (max-width: 1023px) {
    .slider-container, #slider {
        margin-top: 120px; /* mismo valor que el min-height del header */
    }
}




/* Header top four services css
-------------------------------------------------*/
.Top-4-Services{ background-color:#ffffff; padding:0; }
.Top-4-Services .container{ width:100%; max-width:1350px;}
.Top-4-Services .gtcol-4{ width:25%; float:left; text-align:center; padding:70px 20px; border-right:1px solid #ecebeb; }
.Top-4-Services .gtcol-4 p{ line-height:26px; margin-bottom:0;}
.tpiconbx{ width:122px; height:121px; overflow:hidden; margin: 0 auto 30px;}
.Top-4-Services h2{ font-size:20px; font-weight:600; margin-bottom:20px; color:#161616;}
.Top-4-Services .gtcol-4:hover{ box-shadow:0 0 30px rgb(193 193 193 / 40%);}
.gtcol-4.shadow{  box-shadow:0 0 30px rgb(193 193 193 / 40%);}

.last-bdr{ border-right:0 !important;}
.last-cols{ margin-right:0 !important;}
/*slider css*/
.slider-wrap{ background: linear-gradient(117deg, rgba(1,217,167,0.5886729691876751) 0%, rgba(34,180,251,1) 0%, rgba(1,137,240,1) 100%);}
.slider-wrap .container{ background:url(images/banner-bubble.webp) no-repeat center top ;}
.front-caption{ padding:13% 0; width:45%; float:left;}
.BannerImgBX{  width:49%; float:right; padding:7% 0 0;}
.BannerImgBX img{  margin:0 0 0 36px; padding:0 !important; width:auto !important;}
.front-caption h1{ font-size:40px; font-weight:300; color:#fff; position:relative;line-height:55px; margin-bottom:30px;}
.front-caption h1 span{ font-weight:600; display:block; font-size:54px; margin-bottom:10px;}
.front-caption h4{ font-size:19px; font-weight:400; color:#fff; margin-bottom:45px;}
.front-caption a{ background-color:#fff; color:#1c1c1c; font-size:16px; font-weight:600; border-radius:35px; padding:15px 35px; display: inline-block; }
.front-caption a:hover{ background-color:#f1b300; color:#fff; }
/*Inner Banner Css*/
/* .inner_banner{ background: linear-gradient(117deg, rgba(1,217,167,0.5886729691876751) 0%, rgba(34,180,251,1) 0%, rgba(1,137,240,1) 100%); padding:0; color:#fff;}
.inner_banner .container{ background:url(image/mision_comenius.jpg) no-repeat right top ;} */
.inner-caption-left{ float:left; width:37%; padding-top:8%;}
.inner-caption-left h2{ margin-bottom:25px; font-size:40px; line-height:50px; font-weight:700; }
.inner-caption-left h3{ font-size:19px; line-height:30px;}
.inner-caption-left h3 span{color:#02b6ba ;}
.inner-caption-right{ float:right; width:47%; padding:40px 0 10px 0;}
.morebutton{ font: 300 18px/24px 'Poppins';  display: table; background-color: #02b6ba; color:#fff; border-bottom:4px solid #048ebd; padding:10px 20px; border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; clear:both; margin: 20px auto; text-decoration:none; margin-left:41%;  /*transition: all 0.2s linear 0s;*/}
.morebutton:hover{ color:#fff; }
.Readmore{ background-color:#02b0ff; color:#fff; border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; padding:18px 35px; display:inline-block; font-size:16px; font-weight:500; }
.Readmore:hover{ background-color:#1FAFFA; color:#fff;}
p.lastp{ margin-bottom:0;}

/*Recent themes css*/
#latestThemes{ background-color:#f6f6f6; padding:100px 0;}
.recent-themes h3{ text-align:left; margin-bottom:60px; font-weight:300; color:#262626; font-size:30px; line-height:45px;}
.recent-themes h3 span{ display:block; font-weight:700; font-size:40px;}
.UnderLine{ border-top: 1px solid #E1E1E1;  clear: both;  display: block;  margin: 10px auto 30px; position: relative;  width: 50%;}
.hr-style{background-color: #FCFCFC;  border-radius: 20px; border-style: solid; border-width: 1px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -5px;
position: absolute; width: 9px;}
.ourthemes{ float:left; width:46%; margin:0 3% 0 0; position:relative; box-sizing:border-box;}
.front-latest-theme{ background-color:#fff; padding:20px; border-radius:8px; overflow:hidden; margin-bottom:50px; box-shadow:0 0 30px rgb(193 193 193 / 60%);}
.front-latest-theme a{background-color:#02b6ba; height:370px; overflow:hidden; display:block;}
.ourthemes:hover .front-latest-theme img{ opacity:0.3; }
.ourthemes h6{ margin:10px 0; color:#292929; font-size:20px; font-weight:600;}
.ourthemes h6 a{ color:#292929;}
.ourthemes h6 a:hover{ color:#02b6ba;}
.ourthemes .frontprice{ background-color:#fff; padding:8px 20px; font-size:16px; font-weight:600; color:#3b3b3b; border-radius:6px; float:right; box-shadow:0 0 30px rgb(193 193 193 / 50%);}
.grace-allthemes .front-latest-theme{ margin-bottom:40px; }
.grace-allthemes .front-latest-theme a{ height:370px; }
.ourthemes .demo-detail{ position: absolute; left:0; right:0;  text-align: center; top:38%; display:none; }
.ourthemes:hover .demo-detail{ display: block; }
.ourthemes a.demolink { background-color:#fff; border-radius:30px; font-size:16px; font-weight:500; color:#1b1b1b;  padding:14px 25px; margin:0 auto; width:100px;}
.ourthemes a.demolink:hover{ background-color:#02b6ba; color:#fff;}


/*Client Testimonials*/
#client_testimonials{ background:url(images/testimonial_bg.jpg) no-repeat center center; background-size:cover; padding:50px 0; background-attachment:fixed; min-height:476px;}
.clientsay{ background-color:#fff; color:#494848; width:80%; margin:0 auto; padding:40px; border-radius:10px; margin-top:100px;}
h3.sectiontitle{ text-align:center; font-size:34px; font-weight:400; color:#101112; margin-bottom:50px; padding:0;}


/* Themebundle CSS
-------------------------------------------------*/
#themebundle{ background: linear-gradient(117deg, rgba(1,217,167,0.5886729691876751) 0%, rgba(34,180,251,1) 0%, rgba(1,137,240,1) 100%);}

#themebundle .container{ background:url(images/bundle_bubble.webp) no-repeat right top ;}
.bundle-caption{ width:38%; float:left; padding:10% 0;}
.bundle_ImgBX{ width:62%; float:right; padding-top:2%;}
.bundle-caption h3{ font-size:40px; font-weight:300; line-height:55px; margin-bottom:30px; color:#fff;}
.bundle-caption h3 span{ font-size:54px; font-weight:600; display:block;}
.bundle-caption h5{ font-size:18px; line-height:26px; color:#fff; margin-bottom:70px;}
.button-white{ background-color:#ffffff; color:#3c3c3c; border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; padding:17px 35px; display:inline-block; font-size:16px; font-weight:600;}
.button-white:hover{ background-color:#1FAFFA; color:#fff;}

#free-Themes{ background-color:#f6f6f6; padding:100px 0; text-align:center;}
#free-Themes h3{ text-align:center; margin-bottom:30px;}
#free-Themes p{ padding:0 10%; margin-bottom:40px; font-size:16px; line-height:28px;}


/*Front Themes Featured CSS
-------------------------------------------------*/
#frontThemeFeature{ padding:100px 0; background-color:#ffffff;}
#frontThemeFeature h3{ font-size:40px; font-weight:700; line-height:55px; margin-bottom:50px; color:#292929; text-align:center;}
.TFsixcols{ background-color:#fff; padding:35px; width:47%; float:left; margin:0 3% 3% 0;  box-shadow:0 0 40px rgb(168 168 168 / 40%); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px}
.TFsixcols h4{ font-size:20px; font-weight:600; color:#292929; margin-bottom:15px;}
.TFsixcols .tfsmicon{ float:left; margin:0 25px 25px 0;}
.TFsixcols p{ margin-bottom:0;}

/*Front Themes Featured CSS
-------------------------------------------------*/
#PopularThemes{ background-color:#f6f6f6; padding:100px 0;}
#PopularThemes h3{ text-align:center;}

/*Front SiteCounter CSS
-------------------------------------------------*/
#SiteCounter{ background:url(images/counterbg.webp) no-repeat center top #f6f6f6; padding:100px 0 0; color:#FFFFFF; position:relative; text-align:center; }
#SiteCounter::before{ background:linear-gradient(117deg, rgba(1,217,167,0.5886729691876751) 0%, rgba(12,178,254,1) 0%, rgba(14,142,241,1) 100%); content: ""; position:absolute; top:0; left:0; right:0; min-height:547px; opacity:0.95;}


#SiteCounter h3 { line-height:60px; font-size:32px; margin-bottom:35px; }
#SiteCounter  h3 span{ font-size:48px; font-weight:700; display:block;}
#SiteCounter p{ font-size:18px; line-height:30px; margin-bottom:80px;}
.counterbox{ background-color: #FFFFFF; z-index:999; position:relative; text-align:center; box-shadow:0 0 40px rgb(168 168 168 / 40%);}
.counterbox .col4{ float:left; width:25%; border-right:1px solid #e4e4e4; padding:35px;}
.counterbox .col4.last{ border-right:0;}
.counterbox .col4 h2{ font-size:46px; font-weight:700; color:#292929; line-height:45px; margin-top:30px;}
.counterbox .col4 h4{ font-size:22px; color:#292929; }

/* RecentPosts Sections CSS
-------------------------------------------------*/
#RecentPosts{ background-color:#ffffff; padding:100px 0;}
#RecentPosts h3{ text-align:left; margin-bottom:60px; font-weight:300; color:#262626; font-size:30px; line-height:45px;}
#RecentPosts h3 span{ font-size:40px; display:block; font-weight:700;}
.posts3col{ width:30%; float:left; margin-right:3%;  box-shadow:0 0 40px rgb(168 168 168 / 40%); -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;}
.posts3col .hpblogthumb{background-color:#02b6ba; height:288px; overflow:hidden; position:relative;}
.posts3col .hpblogthumb img{ min-height:288px; width:100%;}
.posts3col .blogdesc{ background-color:#fff; padding:35px 25px; -webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;}
.posts3col .blogdesc h5{ font-size:18px; font-weight:600; color:#282828; margin:0; line-height:26px;}
.posts3col .blogdesc h5 a{ color:#282828;}
.posts3col .postdate{ background-color:#02b6ba; padding:8px 15px; position: absolute; bottom:0; left:0; display:inline-block; color:#fff; font-weight:500;}
.posts3col:hover .hpblogthumb img{opacity:0.3;}
.posts3col:hover .postdate{ background-color:#fab702;}
.posts3col:hover .blogdesc h5 a{ color:#02b6ba;}

/* Best Selling CSS
-------------------------------------------------*/
#bestselling{ background: linear-gradient(117deg, rgba(1,217,167,0.5886729691876751) 0%, rgba(34,180,251,1) 0%, rgba(1,137,240,1) 100%); padding:40px 0; color:#fff;}
#bestselling .container{ background:url(images/bestsell_bubble.webp) no-repeat right top ;}
.bestsellBX{ width:50%; float:left; padding:50px 10% 50px 0; position:relative;}
.bestsellBX h3{ font-size:26px; color:#fff; font-weight:300; margin-bottom:45px; line-height:55px;}
.bestsellBX h3 span{ background:url(images/starbg.webp) no-repeat left bottom; padding-bottom:60px; font-size:52px; font-weight:700; display:block;}
.bestsellBX h3 span a{ color:#fff;}
.bestsellBX p{ margin-bottom:60px; font-size:16px;}
.bestsellthumb{ width:50%; float:right; padding:30px 0 10px;}
.bestsellthumb img{ width: auto;}
.bestsellBX .Readmore{ background-color:#fff; color:#262626; font-weight:600;}
.bestsellBX .Readmore:hover{ background-color:#1FAFFA; color:#fff;}
.bestsellBX .theprice{ position:absolute; top:40px; right:20px; background-color:#fff; color:#262626; width:150px; height:150px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; box-shadow:0 0 40px rgb(0 0 0 / 40%); font-size:16px; text-transform:uppercase; font-weight:500; text-align:center; line-height:32px; padding-top:40px;}
.bestsellBX .theprice span{ font-size:32px; display:block; font-weight:700;}


/* Top Best Wordpress Themes All themes contentCSS
-------------------------------------------------*/
#TopBestThemes{ padding:80px 0 0; background-color:#ffffff; text-align:center;}
#TopBestThemes h3 { font-size:30px; font-weight:400; color:#292929; text-align:center; line-height:50px; margin-bottom:40px; }
#TopBestThemes h3 span{ font-size:40px; font-weight:700; display:block; }
ul.best-theme li h5 { font-size:22px; font-weight:600; margin-bottom:20px; }
#TopBestThemes .Readmore{ display:inline-block !important; cursor:pointer;}

.FtrBlueBX{ background-color:#02b6ba; color:#fff; margin-top:50px; margin-bottom:-60px; text-align:left; border-radius:10px; -moz-border-radius:10px; -wekit-border-radius:10px;}
.GT3col{ width:33.33%; float:left; padding:45px 25px;}
.GT3col.dark{ background-color:#00a3ee;}

.GT3col .FDicon{ width:77px; float:left; margin:0 20px 0 0;}
.GT3col h6{ font-size:18px; color:#fff; font-weight:500; margin-bottom:10px;}
.GT3col h6 a{ color:#fff;}
.GT3col p{ line-height:22px; margin-bottom:0;}

/* Single Product Featured css
-------------------------------------------------*/
.single-theme-left { display:block; width:46%; float:left;  }
.single-theme-left .img-boxx { display:block; height:500px; overflow:hidden; border:5px solid #3A3E3F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } 
.single-theme-left .img-boxx img { box-shadow: none; width:472px; height: auto; display:block; margin: 0px;  }
.product-gallery-image{ display:block; width:147px; height: auto; float:left; margin: 10px 10px 0px 0px; }
.product-gallery-image img { display:block; width:137px; height: auto; margin:0; padding:5px; background:#FFFFFF; border: 1px solid #CCCCCC;  }
.need-help-box { display:block; padding:9px;  -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; } 
.need-help-box ol li { background: url(images/single-ol-bullet.png) no-repeat  0 -5px !important;}
.single-theme-left h3 span { color: #f67e19; font-size:26px; margin-bottom:20px; }
.single-theme-right { display:block; width:50%; float:right; padding-top:65px;} 
.single-theme-right h3 span { color: #DF4D14}
.single-theme-right .Readmore { margin-right:10px; padding:15px 35px; }
.single-theme-right .gt-blog-entry-content{ background-color:#ffffff; padding:20px 0;}

/*Product image scroll*/
.theme-image .demo-image-wrap {	border:20px solid #ffffff; position: relative; margin-right:1px; box-shadow:0 0 30px rgb(193 193 193 / 60%); border-radius: 10px;}
.theme-image .demo-image {
position: relative;
background-position: top center;
background-repeat: no-repeat;
background-size: 100% auto;
margin: 0 auto;
height: 800px;
-webkit-transition: all 0.8s linear 0s; /* Safari and Chrome */
-moz-transition: all 0.8s linear 0s; /* Firefox 4 */
-o-transition: all 0.8s linear 0s; /* Opera */
transition: all 0.8s linear 0s;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
}

.theme-image .demo-image.fixed-image { background-position: center; }
.demo-image-wrap:hover .demo-image.fixed-image { background-position: center; }
.demo-image-wrap:hover .demo-image {
cursor:pointer;
background-position: center bottom;
-webkit-transition: all 8.5s linear 0s; /* Safari and Chrome */
-moz-transition: all 8.5s linear 0s; /* Firefox 4 */
-o-transition: all 8.5s linear 0s; /* Opera */
transition: all 8.5s linear 0s;
}

/* Page layouts css
-------------------------------------------------*/
.sitefull{ width:100% !important; float:none !important;}
.BlogNoSidebar{ width:80% !important; float:none !important; margin:0 auto !important; padding:50px 50px 30px 50px; box-shadow:0 0 30px rgb(98 98 98 / 15%);  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.BlogNoSidebar .blogposts{ padding-bottom:0;}
.blogposts .hentry, .pagepostcontent .hentry{ width:100%; margin:0; text-align:inherit;}
.pagepostcontent .gt-blog-entry-header, .pagepostcontent .gt-blog-entry-content, .pagepostcontent .gt-blog-entry-summary, .pagepostcontent .grace-entry-footer{ padding:0;}
.content-area{ width:61%; float:left;}
.error-404{float:none !important}
ul.list-1{ list-style:none; margin-left:10px; }
ul.list-1 li{ background:url(images/bullet1.webp) no-repeat left top; display:block; padding:6px 0 6px 25px; color:#757575;}
ul.list-1 li a{color:#757575;}
h1.Grace-PageTitle{ margin-bottom:30px;  font-weight:700; font-size:34px; color:#061c77}
h2.Grace-PageTitle{ padding-bottom:10px; margin-bottom:20px; display:inline-block; font-weight:600;}
.pagepostcontent{ padding:40px 0 60px 0}

.page-template-about-us ul.list-1{ padding:50px; background-color:#00acfc; margin:50px 0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.page-template-about-us ul.list-1 li{ background:url(images/footer-arrow.webp) no-repeat left 12px; display:block; padding:6px 0 6px 25px; color:#fff; font-size:17px; font-weight:400;}
.page-template-about-us ul.list-1 h5{ color:#fff;}
.page-template-about-us h5{ font-size:24px; color:#262626; font-weight:600;}
/* Sidebar css
-------------------------------------------------*/
.sidebar-area{ width:37%; float:right; padding-bottom:0px; word-wrap: break-word;}
.sidebar-area .widget{ margin-bottom:10px; background-color:#fff; padding:10px;  box-shadow:0 0 30px rgb(98 98 98 / 30%);  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.sidebar-area .widget ul{ margin:0; padding:0;}
.sidebar-area .widget li{ list-style:none;}
.sidebar-area .widget li a{  background:url(images/sidebar-arrow.webp) no-repeat left 14px; line-height:20px; display:block; padding:6px 0 10px 20px; color: #303030;}
.sidebar-area .widget a { color: #303030;}
.sidebar-area .widget a:hover {color: #02b6ba;}
.widget-title{ color:#262626; font-size:26px; font-weight:600; padding:0; margin:0 0 25px;}
.FeaturedThemes{ height:250px; overflow:hidden; margin-bottom:10px;}

.sidebar-area .widget a.MoreBTN-RS, .es_textbox_button{ display:block; background-color:#02b0ff; color:#fff; text-align:center; padding:10px; font-size:16px; font-weight:500; margin:25px 0; border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px;}
.sidebar-area .widget a.MoreBTN-RS:hover, .es_textbox_button:hover{ background-color:#061C77; color:#fff; }
.sidebar-area .theme-image .demo-image{ border-radius:0 !important; box-shadow:none !important; height:300px !important;}
.sidebar-area .theme-image .demo-image-wrap{ border-radius:0 !important; padding:0 !important; border:none !important; box-shadow:none !important;}
.sidebar-area input[type="text"], 
.sidebar-area input[type="email"], 
.sidebar-area input[type="password"]{ 
width:100%;
border:none; 
font-size:15px; 
padding:18px 25px;
box-sizing:border-box;
background-color:#f2f2f2;
border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px;
}
.sidebar-area input[type="submit"]{ cursor:pointer; width:100%; border:0;}


.whiteBXDetail{ box-shadow:0 0 30px rgb(193 193 193 / 60%); padding:30px 20px 10px; border-radius:10px; margin-bottom:30px;}
#loginform p{ margin-bottom:10px;}
.sidebar-area .widget.exBX{ padding:30px 30px 20px;}
.sidebar-area .widget.SupportBX{ padding:30px 30px 20px; background-color:#1FAFFA;}
.sidebar-area .widget.SupportBX p{ color:#fff;}

.sidebar-area .widget.SupportBX a.MoreBTN-RS{ background-color:#fff; color:#282828; font-weight:500;}
.sidebar-area .widget.SupportBX a.MoreBTN-RS:hover{ background-color:#02b6ba; color:#fff; }


/* Blog Page css
-------------------------------------------------*/

.blogposts{ margin-bottom:35px; border-bottom:1px solid #e6e6e6; padding-bottom:30px; }
h2.blog-title{ font-size:22px; line-height:26px; margin-bottom:10px; color:#262626; font-weight:600;}
.blogposts .blog-title a{color:#061c77;}
.blogposts .blog-title a:hover{ color:#02b6ba;}
.blogposts .blogpostimg {
    background-color: #02b6ba;
    /* box-shadow: 0 0 40px rgb(168 168 168 / 40%);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 15px solid #fff; */
}


.blogposts .postmeta{ padding-bottom:0; font-size:13px; margin-bottom:0; line-height:20px }
.blogposts .postmeta .posted-on{ margin-right:10px;}
.blogposts .gt-blog-entry-summary p{ color:#6f6f6f; margin-bottom:30px;}
.blogposts .Readmore{ border-radius:0; text-transform:none; padding:12px 25px; font-weight:500; font-size:16px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px}
.single-post .blogposts{ border:none; margin:0;}
.single-post .blogposts img{ margin-bottom:15px;}
/*h2.blog-title.blog-detail{ margin-bottom:10px; font-size:26px;}*/
.single-post .postmeta{ margin-bottom:25px;}
h1.blog-detail{ margin-bottom:10px; font-size:26px; line-height:32px; color:#222222;}
.single-post .blogposts .cat-links{ display:inline-block;}

#commentform p{ margin-bottom:5px;}
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"]{ padding:5px;}
#commentform input[type="submit"]{ background-color:transparent; border:1px solid #ccc; color:#444444; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 30px; display:inline-block;}
#commentform input[type="submit"]:hover{ border-color:#02b6ba; color:#02b6ba;}
#commentform textarea{ padding:5px;}


/*Blog without sidebar*/
.BlogNOSidebar{ float:none; width:100%;}
.BlogNOSidebar .blogposts{ width:30%; float:left; margin-right:3%; border-bottom:none; min-height:415px; padding-bottom:0;}
.BlogNOSidebar .blogposts .blogpostimg{ margin:0 0 30px 0; height:255px; overflow:hidden;}
.BlogNOSidebar .blogposts .blogpostimg img{ width:100%; display:block;  min-height:225px;}
.BlogNOSidebar .blogposts .blogpostimg:hover img{ opacity:0.5;}

/* Product Details Theme Features css
-------------------------------------------------*/

#theme_features{ background-color:#fff; color:#262626;  padding: 80px 0;}
#theme_features h3 { clear: both; color: #45525C; font-size: 40px; font-weight: 700; margin:10px 0 60px; padding:0; text-align:center;}
#theme_features .col-2{ display: block; float: left; width: 48.2%; margin:0 3.5% 3% 0; background-color:#ffffff; padding:40px 30px; min-height:130px; box-shadow:0 0 40px rgb(168 168 168 / 40%); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#theme_features .col-2 h4{ font-size:20px; font-weight:600; color:#282828;}
#theme_features .col-2 img{ float:left; margin:0 25px 15px 0;}
#theme_features .col-2 p{ margin:0; }
#theme_features .col-2.col2last{ margin-right:0;}

/*woocomerce css*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ padding:8px; border:1px solid #ccc;}
.woocommerce-checkout #payment ul.payment_methods li{ list-style:none;}

/* Product Details Theme Features css
-------------------------------------------------*/
#projectgallery{ padding:90px 0; background:url(images/projectbg.webp) no-repeat center center; background-size:cover }
h3.projecttitle{ text-align:center; color:#fff; font-size:40px; font-weight:700; margin-bottom:50px;}
.detailshowcase{ position:relative; border:15px solid #fff; border-radius:15px; background-color:#02B6BA; height:245px; overflow:hidden;}
.detailshowcase img{ min-height:215px;}
.thumhover{background-color:#02b6ba;}
.owl-carousel .owl-item:hover img{ opacity:0.2;}
.fileicon{ background:url(images/urlicon.webp) no-repeat center center #fff; width:65px; height:65px; line-height:65px; border-radius:100%; position:absolute; text-align:center; top:35%; left:35%; z-index:999; display:none;}
.detailshowcase:hover .fileicon{ display:block;}

/* All Themes Templates css
-------------------------------------------------*/
.grace-allthemes{ width:100%; float:none; margin:0;}
.sidebar-allthemes{ width:22%; float:right; margin:0; background-color:#fff; box-shadow:0 0 3px #e9e9e9;}
.sidebar-allthemes h3{ text-align:center; margin:20px 0; font-size:20px; color:#222222;}

/*sidebar Search box*/
.sidebar-allthemes .search-form{ background-color:#02b6ba; margin-right:-10px; position:relative;}
.sidebar-allthemes .search-field{ width:75%; border:none; height:37px; line-height:24px; background:transparent; padding:0 0 0 28px; color:#fff;}
.sidebar-allthemes .search-submit{width:37px;height:37px;font-size:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.webp) no-repeat center center #02b6ba;}
.sidebar-allthemes .search-form::after {
border-left: 10px solid #0183be;
border-bottom: 16px solid transparent;
content: "";
display: block;
height: 0;
right: -7px;
position: absolute;
bottom: -16px;
width: 7px;
}

.sidebar-allthemes .search-form::after {border-left-color: #0183be;}
.buynowlink { background-color:#fff; border-radius:20px; display:none; color:#222222; left:0; right:0; position: absolute; text-align: center; top:30%; padding:8px 20px; margin:0 auto; width:75px;}
.buynowlink a { color:#222222; }
.ourthemes:hover .buynowlink{ display:block; transition: all 0.5s ease 0s;}
.buynowlink .Readmore{ background-color:#fff; padding:10px 20px;}
.ourthemes .themeprize { color:#222; padding:0 0 0 15px; float:left; font-size:15px;}
.themetitle{ background-color:#fff; padding:12px 0; margin-top:15px;}
.ourthemes:hover .themetitle{ background-color:#02b6ba; color:#fff;}
.ourthemes:hover .themetitle h6 a{ color:#fff;}
.themetitle h6{ margin:0; padding:0; font-size:16px; color:#222;}
.demodetail a{ color:#777;}
.themetitle h6 a:hover, .demodetail a:hover{ color:#39BAF7;}
.demodetail{ float:right; padding-right:15px;}
ul#Grid .ourthemes{ margin-bottom:5%;}

.docpanel{ margin:30px 0 15px 0;}
.doclink{ font-size:16px; display:inline-block; font-weight:600; }
.doclink a{ background:url(images/doc-icon.webp) no-repeat left center; padding:4px 0 0 52px; line-height:22px; display:table-caption; color:#1f1f1f;}
.doclink a:hover{ color:#02B6BA;}
.onlyon{ font-size:28px; font-weight:600;  display:inline-block; margin-right:40px; color:#282828;  vertical-align: top; margin-top: 12px; }
.Readmore.buyalltheme{ background-color:#f3b23e; }
.Readmore.buyalltheme a{ color:#ffffff;}
.Readmore.buyalltheme:hover{ background-color:#333333;}

/* All Themes Sidebar CSS*/
.all-theme ul { padding:10px 30px 20px; }
.all-theme ul li { background:url(images/sidebar-arrow.webp) no-repeat left center; color:#2a343b;}
.all-theme ul li a{ color:#303030; font-size:14px; padding:6px 0 6px 20px; margin:0; display:block; }
.mixitup li:hover, .mixitup li.active { color:#02b6ba;}
.full-page { width:100% !important; }
.all-theme ul li a:hover, .all-theme ul li.active_cat a{ color:#02b6ba}

.free_theme_slider { padding-bottom:20px; }
h2.freetmeme_title2{ font-size:30px;}
.free_theme_slider h5 { margin-bottom:8px; }




/*submit a theme CSS*/
.showcase input[type="text"], .showcase input[type="email"], .showcase input[type="tel"], .showcase select, .showcase textarea{border:1px solid #ccc; padding:8px;}
.showcase p{ margin-bottom:15px;}
.showcase input[type="submit"]{ background-color:#02b6ba; color:#fff; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:10px 30px; display:inline-block; cursor:pointer; border:none; text-transform:uppercase;}
.showcase input[type="submit"]:hover{ background-color:#111111; color:#fff;}

/* Footer css
-------------------------------------------------*/
body.home #colophon{ padding:130px 0 60px;}
#colophon{ padding:30px 0 60px;} /*#colophon {padding: 80px 0 60px;}*/
.footer-container { background-color:#061C77 ; display:block; color:#FFFFFF; }
.footer-container-bottom { display:block; background-color:#02b6ba; padding:30px 0 20px; display:block; color:#fff;}
.footer-container-bottom a{color:#fff;}
.footer-container-bottom span{  float:left; margin:4px 10px 0 0;}
.footer-container-bottom a:hover{color:#02b6ba;}
.footer-container .footer-title {color:#02B6BA; font-size:18px; font-weight:700; margin-bottom:40px;}
.footer-container .gt-foot-site-info{ margin:0;}

.cols-4.recent-post { width:30%; color:#FFFFFF; }
.footerposts{ margin:0 0 15px 0; padding-bottom:15px; min-height:50px; border-bottom:1px dashed #2a2a2a;}
.footerposts a{ color:#39baf7; text-decoration: none;  }
.footerposts p{ line-height:20px; margin-bottom:0;}
.footerposts h5{ font-size:14px; font-weight:400; margin-bottom:0; line-height:24px;}
.footerposts h5 a{color:#fff;}
.footerposts a:hover{ color:#02b6ba;}
.footerposts:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.footerthumb{ width:50px; height:50px; overflow:hidden; float:left; margin:0 20px 0 0; border-radius:5px; }
.footerposts img{ width:100%; min-height: 60px; }
.cols-4{ width:16%; margin:0 5% 0 0; display:block;  float:left;}
.last-cols{ margin-right:0 !important;}

.footer-container .categories {color:#02B6BA; width:50%; }
.footer-container .cols-4.categories ul{ column-count:3; -webkit-column-count:3; -moz-webkit-column-count:3; -ms-webkit-column-count:3;}
.footer-container .categories li a ,
.footer-container .categories li a:hover { text-decoration: none;}



.cols-4 h4{ margin-bottom:5px; font-size:16px; font-weight:400;}
.cols-4 li { background:url(images/footer-arrow.webp) no-repeat center left; list-style:none; padding:0 0 0 10px}
.cols-4 li a{color:#fff; padding:3px 0 3px 10px; display:inline-block; }
.cols-4 li a:hover{color:#02B6BA;}
.cols-4.social-links{margin-right:0 ; width:24%; }
.social-links .fa{margin-right:10px ; }
.social-links a{ color:#fff;}
.social-links a:hover{ color:#02B6BA;}

.footer-social{ margin:20px 0 50px 0;} /*.footer-social {margin: 20px 0 50px 0;}*/
.footer-social a{ background-color:#0084b4; width:47px; height:47px; line-height:53px; font-size:16px; margin:0px 5px 5px 0; text-align:center; display:inline-block; border-radius:5px;}
.footer-social a.gtfb{ background-color:#3b5998;}
.footer-social a.gttw{ background-color:#0084b4;}
.footer-social a.gtin{ background-color:#007bb5;}
.footer-social a:hover{ background-color:#f1b300 !important;}

.footnltr{ margin:10px 0; }
.footnltr form{ position:relative;}
.footnltr form input{ font-family: 'Poppins', sans-serif; border:0; border-radius:5px;box-sizing:border-box;line-height: normal;padding:16px 15px; padding-right:115px; width:100%; color:#2c2c2c;}
.footnltr form input[type="submit"]{ color:#fff; background-color:#02b6ba; border:none; cursor:pointer; position:absolute;right:4px; top:30px; -webkit-transition:all .3s;transition:all .3s; height:auto; padding:11px 15px !important; border-radius:5px !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; width:auto !important; font-size:15px !important;}
.footnltr .es_textbox_button{ margin:0}
.footnltr form input[type="submit"]:hover{ background-color:#f1b300;}

/* Contact Us Page css
-------------------------------------------------*/
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"], 
.wpcf7 textarea,
.contact_form input[type="text"], 
.contact_form input[type="email"], 
.contact_form input[type="password"], 
.contact_form textarea{ 
	font-family: 'Poppins', sans-serif; width:75%; padding:20px; border:0; background-color:#fff; color:#282828; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 0 0 10px 0 #e5e5e5 inset; font-size:15px; font-weight:500;
}

.wpcf7 input[type="submit"],
.contact_form input[type="submit"]{
	background-color:#02b6ba; color:#fff; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; padding:20px 40px; display:inline-block; cursor:pointer; 			    	    border:none; text-transform:uppercase; font-size:19px; font-weight:500;
}

.wpcf7 input[type="submit"]:hover,
.contact_form input[type="submit"]:hover{ 
	background-color:#1FAFFA; color:#fff;
}

.contact_form p{ margin-bottom:20px; font-size:16px;}
.error { color:#F20000 }

div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, 
div.wpforms-container-full .wpforms-form textarea,
div.wpforms-container-full .wpforms-form input.wpforms-field-medium{ max-width:90%;}
div.wpforms-container-full .wpforms-form .wpforms-field { padding:15px 0;}
/* div.wpforms-container-full .wpforms-form input[type=text], */
div.wpforms-container-full .wpforms-form input[type=text] {
    height: 50px !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px 0 #e5e5e5 inset;
    border: 2px solid #ccc;
    /* borde inicial */
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    /* animación */
}

div.wpforms-container-full .wpforms-form input[type=text]:focus {
    border-color: #02b6ba !important;
    /* ✅ color al hacer focus */
    box-shadow: 0 0 5px rgba(2, 182, 186, 0.5);
    /* efecto glow opcional */
}
/* div.wpforms-container-full .wpforms-form input[type=email]{height:50px !important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0 0 10px 0 #e5e5e5 inset;} */
div.wpforms-container-full .wpforms-form input[type=email] {
    height: 50px !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px 0 #e5e5e5 inset;
    border: 2px solid #ccc;
    /* borde inicial */
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    /* ✅ animación */
}

div.wpforms-container-full .wpforms-form input[type=email]:focus {
    border-color: #02b6ba !important;
    /* color en focus */
    box-shadow: 0 0 5px rgba(2, 182, 186, 0.5);
    /* efecto glow opcional */
}

/* div.wpforms-container-full .wpforms-form textarea{ border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 0 0 10px 0 #e5e5e5 inset;} */
div.wpforms-container-full .wpforms-form textarea {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 0 10px 0 #e5e5e5 inset;
    border: 2px solid #ccc;
    /* borde inicial */
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    /* ✅ animación suave */
}

div.wpforms-container-full .wpforms-form textarea:focus {
    border-color: #02b6ba !important;
    /* ✅ cambia color en focus */
    box-shadow: 0 0 5px rgba(2, 182, 186, 0.5);
    /* glow opcional */
}

div.wpforms-container-full .wpforms-form button[type=submit]{background-color:#02b6ba; color:#fff; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; padding:20px 40px; display:inline-block; cursor:pointer; border:none; text-transform:uppercase; font-size:19px; font-weight:500;}
div.wpforms-container-full .wpforms-form button[type=submit]:hover{ background-color:#061c77; color:#fff;border:none !important; }


/* BBPress css
-------------------------------------------------*/

.bbpress-forums { font-size:13px !important; }
.single-theme-right ul{ margin-bottom:25px;  box-shadow:0 0 40px rgb(168 168 168 / 40%); border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; padding:35px; }
.single-theme-right li { background:url(images/ftr-arrow.webp) no-repeat left 10px; line-height:24px; list-style: none; margin-bottom:12px; padding:2px 0 2px 20px; color:#282828;}
.single-theme-right h1 { font-size:26px; font-weight:600;}
.single-theme-right h2 { font-size:24px; font-weight:600; margin-bottom:30px;}
.single-theme-right h3 { font-size:22px;}
.single-theme-right h4 { font-size:20px;}
.single-theme-right h5 { font-size:18px;}
.single-theme-right h6 { font-size:16px;}
.customtitle{ display:table !important;}

/* showcase
-------------------------------------------------------------- */
.showcase-category { float:right; padding-bottom:50px; margin-top:-80px; }
.showcase-category span{ margin-right:15px;}
.showcase-category select { background-color:#fff; width:250px; padding:20px; border:0; box-shadow:0 0 30px rgb(98 98 98 / 30%); color:#282828; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; }
.showcase-category select option{ padding:3px 10px}

.fourbox{  padding:0; width:23.2%; float:left; margin:0 2.2% 10px 0; text-align:center; position:relative; min-height:330px; box-sizing:border-box; }
.fourbox .whitebox{ background-color:#fff; padding:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius:6px; position:relative; box-shadow:0 0 30px rgb(98 98 98 / 40%);}
.fourbox:hover{ cursor:pointer;}
.fourbox:hover .fileicon{ display: block;}
.fourbox p{ margin-bottom:20px; line-height:20px;}
.pagecontent h6 { margin-bottom:5px; font-size:16px; cursor:auto; }
.pagecontent h6 a { cursor:auto; }
p.showcasecat{color:#02b6ba; font-weight:600; font-size:16px;}
p.showcasecat a{color:#02b6ba; font-weight:600;}

.pagecontent h6 a, .pagecontent a{ color:#282828; }
.fourbox .thumbbx{ height:220px; overflow:hidden; background-color:#02b0ff;}
.fourbox:hover .thumbbx img{opacity:0.2;}
.fourbox .thumbbx img{ width:100%; height:auto; }
.pagecontent{ padding:20px 10px 5px; color:#282828;}
.pagecontent p{ margin-bottom:0;}
.author-bio {  background: #e4e4e4 none repeat scroll 0 0; padding:20px 20px 10px 20px;}
.author-bio h5 span { color: #9e9e9e;  font-size: 14px; font-weight: 400;  padding-left: 10px; }


/* Reviews
-------------------------------------------------------------- */

#review { padding-top:90px; background-color:#f9f9f9;  }
.woocommerce #reviews #comments ol.commentlist li{ background-color:#f2f2f2; padding:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;}
.woocommerce #reviews #comments h2 { font-size:40px; color:#292929; font-weight:700; text-align:center; margin-bottom:50px; } 
p.woocommerce-noreviews{ font-size:15px; margin-bottom:10px; text-align:center;}
.woocommerce #reviews h3 { padding-bottom:50px; font:600 19px/22px 'Poppins'; text-transform:uppercase; color:#282828; text-align:center; } 
.woocommerce #review_form #respond p { margin: 0 0 25px; }
.woocommerce p.stars a { font-size:22px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size:15px; color:#02b6ba; margin:0;  }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ padding:0;}
#commentform p label { padding-bottom:5px; }
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { width:100%; color:#333333; border:0px solid #eeeded; padding:24px 20px; background-color:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:15px; box-shadow:0 0 30px rgb(98 98 98 / 20%); line-height:30px;}
#commentform textarea { width:400px ; height:150px; font-family: 'Poppins', sans-serif; font-size:15px; padding:20px; box-shadow:0 0 30px rgb(98 98 98 / 20%);}
.woocommerce p.stars a { color:#ffb900 }
.woocommerce .star-rating span { color:#ffb900; }
.woocommerce .star-rating { font-size:16px; }
.woocommerce #reviews #comments ol.commentlist { width:100%; }
.woocommerce #review #reviews #commentform textarea { width:100%; height:200px; font-family: 'Poppins', sans-serif; font-size:15px;}

#commentform input[type="text"]::placeholder, #commentform input[type="email"]::placeholder, #commentform input[type="url"]::placeholder, #commentform textarea::placeholder {opacity: 1; 
}

#commentform input[type="text"]::-moz-placeholder, #commentform input[type="email"]::-moz-placeholder, #commentform input[type="url"]::-moz-placeholder, #commentform textarea::-moz-placeholder{opacity: 1;}


#reviews .description { padding:15px 0 0 120px;}
#reviews .description p { font-size:14px;}
.woocommerce #review #reviews #comments ol.commentlist li img.avatar{ background:transparent;border:0; position:relative; margin:0 30px 10px 0; border-radius:50%; padding:0; width:90px;}
.woocommerce #review #reviews #comments ol.commentlist li .comment-text{ margin:0; border:none;}
.woocommerce #review #reviews #comments ol.commentlist li .comment-text p.meta strong{ color:#282828; font-size:20px; font-weight:600; margin-right:10px;}
.woocommerce #review_form #respond .form-submit input{ background-color:#02b6ba; color:#fff; font-size:20px; font-weight:600;  border-radius:35px; padding:24px 25px; text-transform:uppercase; width:100%;}
.woocommerce #review_form #respond .form-submit input:hover{ background-color:#fab702; color:#fff; }

p.comment-form-comment label, p.comment-form-author label, p.comment-form-email label{ display:none;}
#commentform{ width:70%; margin:0 auto;}

#review_form_wrapper{ margin:0; }
p.comment-form-rating{ margin-top:30px; background-color:#ffffff; border:0px solid #eeeded; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; box-shadow:0 0 30px rgb(98 98 98 / 20%);}
p.comment-form-rating label{ float:left; padding:0 !important}
p.comment-form-rating p.stars{ text-align:center; margin:0 !important;}

.blogbutton{ background-color:#02b6ba; color:#fff;border:2px solid #0181bc; border-radius:15px; padding:7px 15px; position:relative; font-size: 14px; margin:15px 10px 15px 0px; display:inline-block;}
.blogbutton:hover{ background-color:#3295c3; color:#fff; border-color:#2194c9;}
.single-theme-right .gt-blog-entry-content h5{ font-size:24px; font-weight:600; margin-bottom:30px;}
.single-theme-right .gt-blog-entry-content h6{ font-size:20px; font-weight:500; margin-bottom:10px;}
.single-theme-right .gt-blog-entry-content span{ font-weight:600; color:#02b6ba;}
ul.short li{ margin-bottom:15px;}
ol.short li{ margin-bottom:15px;}
.titleh5 h5 {margin-bottom:10px;}
ul.short-no li{ margin-bottom:15px; list-style: outside none none; }
.btn-top { padding-top:50px; }
h4 span { font-size:20px; }

#reviews_form { padding:50px 0; background-color:#f9f9f9; }
#reviews_form h2 { font:600 32px/34px 'Poppins'; text-align:center; margin-bottom:30px; } 
p.woocommerce-noreviews{ font-size:15px; margin-bottom:10px; text-align:center;}
#reviews_form h3 { padding-bottom:15px; font:600 19px/22px 'Poppins'; text-transform:uppercase; color:#282828; text-align:center; } 


/* Showcase Pagination CSS
-------------------------------------------------------------- */
.wp-pagenavi a, .wp-pagenavi span{ background-color:#02b6BA; color:#fff; margin:0 2px !important; padding:10px 15px !important; border:none!important;  line-height:30px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius:6px; }
.wp-pagenavi span.current, .wp-pagenavi a:hover{ background-color:#061C77; font-weight:normal !important;}

body.postid-8028 .theme-image .demo-image{ height:400px;}
body.postid-607 .theme-image .demo-image{ height:783px;}
body.postid-14569 .theme-image .demo-image{height:400px;}
body.postid-16521 .theme-image .demo-image{height:510px;}
body.postid-16588 .theme-image .demo-image{height:510px;}


/* Blog Page details CSS */
ol.blog-content { font-size:21px; }
ol.blog-content h4 { font-size:22px !important; }
ol.blog-content h5 { font-size:20px !important; }
ol.blog-content li h4 strong  { font-size:22px !important; }
ol.blog-content > li > * { font-size:15px; }
body.postid-9265 ol.blog-content > li > * { display: inline-block !important; }

.postmeta .screen-reader-text { position: relative !important; clip-path: none !important; }


/* Changelog CSS Section
------------------------------------------*/


/* Need Help CSS BOX
------------------------------------------*/


/* FREE-PRO Compaire Section
------------------------------------------*/
#compare_section{ background-color:#f9f9f9; padding:100px 0;}
#compare_section h3{ text-align:center; font-size:40px; font-weight:700; color:#282828; margin:0 0 60px;}
.comparewrap{ font-size:16px; color:#282828; }
.comparewrap span{ display:block; padding:12px 0; border-bottom:1px solid #ececec;}
.comparewrap span.nonborder{ border-bottom:none !important; padding-bottom:0 !important;}

.features_col{ box-shadow:0 0 30px rgb(98 98 98 / 20%); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  width:38%; float:left; margin:109px 3% 0 0; position:relative; box-sizing:border-box; text-align:left; padding:40px}
.features_col h4{font-size:30px; font-weight:600; color:#282828; margin:0; padding:40px 0 34px 0; margin-top:-145px;}

.freetheme_title, .protheme_title{ background-color:#fff; color:#282828; padding:30px 10px; text-align:center; font-size:24px; font-weight:600; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}

.freetheme_col, .protheme_col{  width:28%; float:left; color:#fff; margin:0; padding:25px; position:relative; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.comparewrap .freetheme_col span{ border-bottom:1px solid #47c6ff;}
.comparewrap .protheme_col span{ border-bottom:1px solid #ffbc46;}
.comparewrap .protheme_col span.nonborder, .comparewrap .freetheme_col span.nonborder{ padding-bottom:25px !important}
 
.freetheme_col{ margin-right:3%; background-color:#02b0ff;  }
.protheme_col{ margin:0; background-color:#ffa200; }
.comparewrap .topspace{ padding-top:40px;}
.greenicon{ background:url(images/greenicon.png) no-repeat left top; width:21px; height:19px; margin:0 auto; text-align:center;}
.protheme_buynow, .freetheme_download{ font-size:18px; padding:25px 10px; background-color:#fff; color:#282828; text-align:center;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.protheme_buynow a, .freetheme_download a{ font-size:20px; font-weight:600; color:#282828;}
.protheme_buynow a:hover, .freetheme_download a:hover{ color:#02b0ff;}

.comparewrap img { vertical-align:middle; }
.header_full .container.hidehead, .header_full .bluestrip{ display:block;}
.grace_offerwrap{ background-color:#02b6ba; color:#3b3b3b; font-size:16px; text-align:center; padding:5px; }
.offerbtn{ background-color:#f1b300; color:#fff; padding:0 20px; font-size:16px; font-weight:600; display:inline-block; margin-left:10px; vertical-align:top; border-radius:5px;}
.offerbtn:hover{ background-color:#111; color:#fff; }
.grace_offerwrap span{ color:#ffffff; font-size:16px; font-weight:600;}

@media screen and (max-width:767px) {
.grace_offerwrap { line-height: 26px; font-size:15px; }
}
/* Trustpilot Section
------------------------------------------*/
#trustpilot_section{ padding:100px 0; background-color:#f6f6f6;}
.WidgetTitle__Header-sc-slet0i-2{ color:#262626 !important;; font-size:40px !important;; font-weight:700 !important;}
.tp-widget-rating{ font-size:18px !important;}
.eLgxxb { line-height: 24px !important; color: #393939 !important; }
.eGRIJe { color: #101112 !important; }
.tpProductpage{ /*margin-top:-15px;*/float:right; position:relative;}
.tpProductpage .fa{ position:absolute; top:5px; left:10px; font-size:18px;}

/*back to top css*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 32px; right:27px;}
#back-top a { display: block; text-align: center;	text-transform: uppercase;	text-decoration: none;
	-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; position:relative;}
#back-top a:after{ /*font-family: dashicons;content: '\f343';*/ content: url(https://gracethemes.com/wp-content/themes/gracetheme-new/images/go-top-arrow.webp); vertical-align: bottom; margin-left: 0.25em; background-color:#02b6ba; color:#fff; font-size:8px; font-weight:700; padding:15px; border-radius:100%;}
#back-top a:hover:after{ background-color:#f1b300;}

/* Pricing Tables Plan CSS
------------------------------------------*/

.pricingBX{ box-shadow:0 0 30px rgb(0 98 98 / 20%); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  width:30%; float:left; margin:0 3% 0 0; position:relative;  text-align:center;  padding:40px 0; font-size:16px;}
.pricingBX h2{ font-size:26px; font-weight:600; color:#02b0ff margin:0 0 20px 0;}
.pricingBX h2 span{ font-size:68px; display:inline-block; border-bottom:none; padding:0; }
.pricingBX span{ display:block; border-bottom:1px solid #ebebeb; padding:12px 15px;}
.pricingBX h4{ font-size:22px; font-weight:600; color: #02b6ba}
.pricingBX span.blank{ border:none !important;}


.pricingBX.HighLight{ background-color:#02b6ba; color:#fff;}
.pricingBX.HighLight h2{ color:#fff;}
.pricingBX.HighLight span{ border-bottom:1px solid #67d0ff;}
.pricingBX h2 span{ border-bottom:none !important;}
.pricingBX .Readmore{ margin-top:30px; font-weight:600;}
.pricingBX.HighLight .Readmore{ background-color:#fff; color:#282828;}
.pricingBX.HighLight .Readmore:hover{ box-shadow:0 0 20px rgb(0 0 0 / 50%);}
.pricingBX .mostpopular{ background:url(images/popularicon.webp) no-repeat center center ; position:absolute; width:150px; height:150px; top:-32px; right:-31px; }

/* Documetation Page CSS


/* Dropdown Categories Section
------------------------------------------*/


/* ThemesSearchBox CSS
------------------------------------------*/

/* Trustpilot Slider CSS
------------------------------------------*/



@media screen and (max-width:767px) {
.tpreview-countbx .Readmore{ margin-bottom:0;}
}

/* trustpilot custom Carousel*/




   /* Logo normal (PC) */
      .logo {
        position: absolute;
        top: -25px;   /* súbelo más arriba */
        left: 15px;
        z-index: 10;
      }
      /* Logo más pequeño y ajustado en celulares */
      @media screen and (max-width: 767px) {
        .logo {
          top: -10px;   /* más centrado en móviles */
          left: 10px;
        }
        .logo img {
          max-width: 120px;
        }
      }

        /* Solo en móviles (pantallas ≤ 767px) */
     @media screen and (max-width: 767px) {
                          .menu-primary-container {
                            position: relative; /* necesario si aún no tiene posición */
                            top: 70px;          /* lo bajas 20px */
                          }
                        }   
                        
                        
    
.masthead {
        background: #F8FAFD;
  }