/*
Theme Name: Everoak
Theme URI: http://example.com/everoak
Author: Your Name
Author URI: http://example.com
Description: A custom WordPress theme for Everoak.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: everoak
*/


@font-face {
  font-family: 'Fellix-Black';
  src: url('../everoak/fonts/Fellix-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fellix-Bold';
  src: url('../everoak/fonts/Fellix-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fellix-Light';
  src: url('../everoak/fonts/Fellix-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fellix-Regular';
  src: url('../everoak/fonts/Fellix-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fellix-SemiBold';
  src: url('../everoak/fonts/Fellix-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fellix-Thin';
  src: url('../everoak/fonts/Fellix-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Fellix-Medium';
  src: url('../everoak/fonts/Fellix-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
}


body{
	padding: 0px;
	margin: 0px;
	font-family: 'Fellix-Medium' !important;
    color: #030303;
}

ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

a{
	text-decoration: none;
}

p,a{
	font-size: 16px;
}

img{
    max-width: 100%;
}

/*header css*/

header.header {
    background: #fff;
    padding: 10px 0px;
    position: sticky;
    top: 0px;
    z-index: 999;
/* 	border-bottom:3px solid #b8d8ff; */
}

.header__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo img {
    height: 88px;
}

.menubar div#mega-menu-wrap-main-menu {
    background: transparent !IMPORTANT;
}

.menubar div#mega-menu-wrap-main-menu .mega-current_page_item a {
    background:transparent !Important;
}

.menubar div#mega-menu-wrap-main-menu li a{
    font-family: 'Fellix-Regular' !important;
    font-size:16px !important;
    padding: 0px 15px !IMPORTANT;
    border-right: 1px solid #dedede ! IMPORTANT;
    height:auto !Important;
}

.menubar div#mega-menu-wrap-main-menu li ul.mega-sub-menu li a{
	border:none !important;
}

.menubar div#mega-menu-wrap-main-menu li:last-child a{
	border-right: none !Important;
}

.menubar div#mega-menu-wrap-main-menu li a:hover{
    background:transparent !important;
}


#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    height: 50px !IMPORTANT;
    line-height: 50px !IMPORTANT;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover{
    color:#0855b1 !important;
}

.header__button a {
    display: inline-block;
    background: #0855b1;
    color: #fff;
    text-decoration: none;
    padding: 13px 20px;
    font-size:16px;
    transition: 0.5s;
}

.header__button a:hover{
    background:#fff;
    color:#0855b1;
}

.header__button {
    display: inline-block;
    border:1px solid #0855b1;
    padding:5px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus{
	background:transparent !important;
}

ul#mega-menu-main-menu li.mega-current_page_item > a {
    color:#0855b1 !Important;
}

/*header css*/

/*hero css*/

.hero__slider .swiper-slide {
    background-repeat: no-repeat !IMPORTANT;
    background-size: cover !IMPORTANT;

}

.hero__sub {
    width: 100%;
    padding: 40px 0px;
/*     background: rgba(255 255 255 /85%); */
}

.hero__inner {
    position: relative;
    height: calc(100vh - 108px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255 255 255 / 70%);
}

.image__group {
    position: absolute;
    right: 50px;
    bottom: 25px;
}

.hero__content p {
/*     color: #fff; */
    font-family: 'Fellix-Regular';
    margin: 0px;
    font-size: 14px;
}

.hero__content h2{
    font-family: 'Fellix-Bold';
    font-size: 65px;
/*     color: #fff; */
}

.hero__content h2 span{
    color: #0855b1;
}

.button__group ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
}

.button__group ul li {
    margin-right: 30px;
}

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

.button__group ul li a{
    display: block;
    text-decoration: none;
    display: inline-block;
    background: #0855b1;
    color: #fff;
    text-decoration: none;
    padding: 13px 15px;
    font-size: 16px;
    transition: 0.5s;
    outline: 1px solid #0855b1;
    outline-offset: 5px;
    width: 177px;
    text-align: center;
}

.button__group ul li:last-child a {
    background: #fff;
    color: #0855b1;
    outline: 1px solid #0855b1;
}

.button__group ul li a:hover{
    background:#000;
    color:#fff;
    outline:1px solid #000;
}

img.image1 {
    height: 70px;
}

img.image2 {
    height: 84px;
}

.hero__slider span.swiper-pagination-bullet {
    opacity: 1;
    background: transparent;
    border: 1px solid #fff;
    height: 13px;
    width: 13px;
    cursor: pointer;
}

.hero__slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:#0855b1;
}

/*hero css*/


/*welcome section*/

section.welcome__section {
    margin: 50px 0px;
    margin-top: 0px;
    padding-top: 100px;
    position: relative;
}

img.everoak__image {
    position: absolute;
    left: 50%;
    top: 32%;
    transform: translate(-50%, -50%);
    width: 100%;
}

section.welcome__section .container {
    position: relative;
}

.title__block h2 {
    font-family: 'Fellix-Bold';
    font-size: 40px;
}

.pd__left {
    padding-left: 5%;
}

.button__group li.white__button a {
    background: #fff;
    color: #000000;
    border: 1px solid #0855b1;
}

.button__group li.dark__button a {
    background: #0855b1 !important;
    color: #fff !important;
    border: 1px solid #0855b1 !important;
    outline: 1px solid #0855b1 !important;
    outline-offset: 5px;
}

.button__group li.dark__button a:hover {
    background: #000 !important;
    outline: 1px solid #000 !important;
}

/*welcome section*/


/*slider css*/

section.slider__section a {
    display: block;
    text-decoration: none;
}

.slider__inner p {
    background: rgba(255 255 255/80%);
    position: absolute;
    left: 40px;
    bottom: 34px;
    margin: 0px;
    padding: 10px 20px;
    border-radius: 30px;
    color: #0855b1;
    font-family: 'Fellix-Regular';
    transition: 0.5s;
}

.slider__inner:hover p{
    background: #0855b1;
	color:#fff;
}

.slider__inner {
    position: relative;
}

img.white__logo__slider {
    position: absolute;
    right: 40px;
    bottom: 20px;
    height: 65px;
}

section.slider__section {
    margin: 50px 0px;
}

.slider__section .swiper-pagination span {
    width: 42px;
    border-radius: 7px;
    height: 2px;
    opacity: 0.5;
    background: #fff;
}

.slider__section .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}



/*slider css*/


/*design css*/

section.design__section {
    background-size: cover !IMPORTANT;
    padding: 50px 0px;
    margin: 50px 0px;
	position:relative;
}

section.design__section:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255 255 255/94%), rgba(255 255 255 / 80%));
}

section.design__section .container{
	position:relative;
	z-index:2;
}

.design__title h2 {
    font-family: 'Fellix-Bold';
    font-size: 32px;
/*     color: #fff; */
}

.design__block {
    position: relative;
    padding-right: 10%;
    padding-left: 28px;
/*     border-left: 1px solid rgba(0 0 0 / 34%); */
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(255 255 255 / 75%);
}

.design__block h2 {
    font-family: 'Fellix-Bold';
    font-size: 23px;
    color: #0855b1;
    margin-bottom: 24px;
}

.design__block p {
/*     color: #fff; */
    margin: 0px;
}

.design__block img {
    margin-bottom: 20px;
	filter: invert(1);
}

/* .design__block:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0px;
    transform: translateY(0px);
    width: 3px;
    height: 100px;
    background: #0855b1;
    border-radius: 13px;
    animation: 3s slide-top infinite;
} */

.design__section .col-md-4:nth-child(1) .design__block:before{
    animation-delay: 0.5s;
}

.design__section .col-md-4:nth-child(2) .design__block:before{
    animation-delay: 1s;
}

.design__section .col-md-4:nth-child(3) .design__block:before{
    animation-delay: 0.5s;
}

@keyframes slide-top{
    from {
        transform: translateY(0px);
      }
      50% {
        transform: translateY(155%);
      }
      to {
        transform: translateY(0%);
      }
}


/*design css*/


/*service css*/

section.service__section.service__page_pd {
    position: relative;
}

section.service__section.service__page_pd .container {
    position: relative;
    z-index: 2;
}

section.service__section.service__page_pd:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255 255 255 / 94%), rgba(255 255 255 / 80%));
}

section.service__section {
    margin: 50px 0px;
}

.service__block a {
    display: block;
    text-decoration: none;
}

.service__block {
    position: relative;
    transition: 0.5s;
}

.service__block:hover{
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
}

.service__overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background: linear-gradient(to top, #eeeeee, transparent);
}

.service__overlay .service__row {
    margin-top: auto;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.service__overlay p {
    margin: 0px;
    color: #030303;
    text-transform: uppercase;
    font-size: 13px;
}

img.service__lg {
    width: 100%;
}

.service__overlay .service__row h2 {
    margin: 0px;
    padding-left: 9px;
    color: #030303;
    font-family: 'Fellix-SemiBold';
    font-size: 21px;
}

.service__block:hover h2{
    color:#0855b1;
}

.icons__image {
    background: #0855b1;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.service__block:hover .icons__image{
    background:#000;
}

.icons__image img {
    height: 23px;
}

.service__section .col-md-6:nth-child(odd){
    padding-left: 25px;
}

.service__section .col-md-6:nth-child(even){
    padding-right: 25px;
}

/*service css*/


/*why choose css*/

section.whyshoose__section {
    background: #f9f9f9;
    padding: 50px 0px;
    margin: 50px 0px;
}

.title__block img {
    margin-bottom: 14px;
}

.why__block {
    padding: 31px;
    box-shadow: 0px 0px 10px #8B7B664A;
    margin-bottom: 23px;
    transition: 0.5s;
    background-size: cover !IMPORTANT;
    background: #fff;
}

.why__block img {
    margin-bottom: 10px;
}

.why__block h3 {
    font-family: 'Fellix-Bold';
    font-size: 22px;
}

.why__block p {
    margin: 0px;
}

.pd__right__why {
    padding-right: 30%;
}

.why__block:hover {
  background: url(attr(data-image)) center/cover no-repeat;
}

/*why choose css*/


/*testimonial css*/

.testimonial__section .button__group ul{
  margin:0px;  
}

.tesimonial__inner {
    background: linear-gradient(90deg,#ededef 0%,#e7e8ed 100%)!important;
    position: relative;
    padding: 69px  10% 40px 10%;
    margin-top: 25px;
}

section.testimonial__section {
    margin: 50px 0px;
}

img.quate__image {
    position: absolute;
    top: -31px;
    left: 6%;
    width: 84px;
}

.testimonial__content {
    text-align: center;
}

.testimonial__content img {
    margin-bottom: 15px;
    height: 30px;
}

.tesimonila__name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.tesimonila__name img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 12px;
    margin-bottom: 0px;
}

.testimonial__name h4 {
    font-size: 19px;
    font-family: 'Fellix-SemiBold';
    margin: 0px;
}

.testimonial__name {
    text-align: center;
}

.testimonial__name h5 {
    font-size: 14px;
    margin: 0px;
}

.testimonial__content p {
    font-style: italic;
    line-height: 33px;
}

.testimonial .swiper-pagination {
    position: static;
    margin-top: 20px;
}

.testimonial .swiper-pagination span {
    border: 1px solid #000;
    height: 13px;
    width: 13px;
    background: #fff;
    opacity: 1;
}

.testimonial .swiper-pagination span.swiper-pagination-bullet-active {
    background: #0855b1;
}

.rate__block {
    background-size: cover !IMPORTANT;
    margin-top: 27px;
    padding: 53px 25px;
    text-align: center;
}

.rate__block h2 {
    font-size: 42px;
	color:#fff;
}

.rate__block p{
	color:#fff;
}

.rate__block h2 span {
    font-family: 'Fellix-Bold';
    color: #fff;
}

.rate__block img {
    width: 164px;
    margin: 0 auto;
    margin-bottom: 14px;
}

.rate__block img:last-child {
    margin-bottom: 0px;
}

/*testimonial css*/

/*gallery css*/

section.gallery__section {
    background: #f9f9f9;
    padding: 50px 0px;
}

.gallery__row {
    display: flex;
    flex-wrap: wrap;
}

.gallery__left {
    width: 62%;
    padding: 0px 10px;
}

.gallery__right {
    width: 38%;
    padding: 0px 10px;
}

.gallery__row .image-popup-vertical-fit {
    margin-bottom: 25px;
}

.image_top__left img {
    height: 375px;
    width: 100%;
    object-fit: cover;
}

.image__right__top img {
    height: 226px;
    width: 100%;
    object-fit: cover;
}

.image__bottom__left img {
    height: 252px;
    width: 100%;
    object-fit: cover;
}

.image__right__bottom img {
    height: 401px;
    width: 100%;
    object-fit: cover;
}

.gallery__button {
    text-align: center;
    margin-top: 39px;
}

.gallery__button a {
    display: inline-block;
    background: transparent;
    color: #000000;
    border: 1px solid #0855b1;
    text-decoration: none;
    padding: 13px 50px;
    font-size: 16px;
    transition: 0.5s;
    outline: 1px solid #0855b1;
    outline-offset: 5px;
    text-align: center;
}

.gallery__button a:hover {
    background: #0855b1;
    color: #fff;
}

/*gallery css*/


/*callto action css*/

.call_to_action__section .title__block, .call_to_action__section .button__group {
    display: inline-block;
    width: auto;
}

.title__block.color__white h2 {
/*     color: #fff; */
}

section.call_to_action__section {
    padding: 50px 0px;
    background-size: cover !IMPORTANT;
	position:relative;
}

section.call_to_action__section:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255 255 255/80%);
}

section.call_to_action__section .container{
	position:relative;
	z-index:2;
}

/*call to action css*/

/*faq css*/

section.faq__section {
    margin: 50px 0px;
}

.faq__block .accordion-item {
    border: none !IMPORTANT;
}

.faq__block .accordion-item .accordion-header button {
    background: transparent !IMPORTANT;
    font-family: 'Fellix-SemiBold';
    color: #030303 !IMPORTANT;
    font-size: 18px;
    border:none !Important;
    outline:none !Important;
    box-shadow:none !Important;
    padding-left: 0px;
}

.faq__block .accordion-body {
    padding-top: 0px !IMPORTANT;
    padding-left: 0px;
}

.faq__block .accordion-body p:last-child {
    margin: 0px;
}

.faq__block .accordion-item .accordion-header button:after {
    content:'\f0d7' !Important;
    background:none !Important;
    position:absolute;
    margin: 0px !IMPORTANT;
    right: 0px;
    font-family: fontAwesome !IMPORTANT;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq__block .accordion-item {
    border-bottom: 1px solid #0855b1 !IMPORTANT;
    padding: 7px 0px;
}

/*faq css*/

/*footer css*/

footer {
    background: #f9f9f9;
    padding: 50px 0px;
/*     border-top: 3px solid #b8d8ff; */
}

img.logo__footer {
    margin-bottom: 15px;
}

img.logo__footer {
    height: 87px;
}

ul.info {
    margin: 0px;
    padding: 0px;
}

ul.info li a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 5px;
    padding-left: 31px;
    background-repeat:no-repeat !Important;
    background-size:24px !Important;
    background-position-y: 5px !important;
}

.form__subscription h2 {
    color: #030303;
    font-size: 21px;
    font-family: 'Fellix-SemiBold' !IMPORTANT;
    margin-bottom: 12px;
}

.form__subscription p {
    margin: 0px;
}

.subscription__row {
    display: flex;
    border: 1px solid #0855b1 ! IMPORTANT;
    padding: 5px;
}

.input__field {
    flex: 1;
}

.input__field input {
    width: 100%;
    height: 50px;
    padding: 5px 15px;
    color: #000000;
    border: 1px solid #0855b1 ! IMPORTANT;
    outline: none !IMPORTANT;
    
}

.submit__button input {
    width: 100%;
    height: 50px;
    padding: 5px 15px;
    background: #0855b1;
    color: #fff;
    border: 1px solid #0855b1 ! IMPORTANT;
    padding: 5px 35px;
    outline: 1px solid #0855b1 !IMPORTANT;
    outline-offset: 5px;
}

span.wpcf7-spinner {
    position: absolute;
    left: 0px;
}

.submit__button {
    position: relative;
}

.submit__button input:hover {
    background: #030303;
}

footer .row.align-items-center {
    margin-bottom: 24px !important;
}

.widget__menu h4 {
    color: #030303;
    font-family: 'Fellix-Bold';
    font-size: 26px;
    margin-bottom: 11px;
}

ul#usefull, ul#Services{
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

ul#usefull li {
    width: 50%;
}

ul#usefull li a, ul#Services li a {
    display: block;
    text-decoration: none;
    color: #030303;
    padding: 4px 0px;
}

ul#usefull li a:hover, ul#Services li a:hover, ul.info li a:hover{
	color: #0855b1;
}



.claim__box {
    background: linear-gradient(to bottom, #89bbf7 0%, #0855b1 100%);
    padding: 13px;
}

.claim__box__inner {
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 30px 20px;
    text-align: center;
}

.claim__box__inner h2 {
    color: #030303;
    font-family: 'Fellix-Medium' !IMPORTANT;
    font-size: 26px;
    margin-bottom: 24px;
}

.claim__box__inner h2 span {
    font-family: 'Fellix-SemiBold';
    color: #fff;
}

.claim__box__inner h3 {
    color: #fff;
    font-family: 'Fellix-Bold';
    font-size: 27px;
}

.claim__box__inner p {
    color: #030303;
}

.claim__box__button__inner a {
    display: inline-block;
    background: #fff;
    text-decoration: none;
    padding: 10px 25px;
    color: #000000;
    outline: 1px solid #fbfbfb;
    outline-offset: 5px;
    transition: 0.5s;
}

.claim__box__button__inner a:hover {
    background: #0855b1;
    color: #fff;
}

.copyright__section {
    background: #0855b1;
    padding: 10px 0px;
}

.footer__text {
    color: #fff;
    font-family: 'Fellix-Regular';
    font-size: 15px;
}

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

.text-right.footer__text a{
	color:#fff;
}

.widget__block.widget__menu h4 {
    margin-top: 25px;
}

ul.soclial__media {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

ul.soclial__media li {
    margin-right: 6px;
}

ul.soclial__media li img {
    height: 39px;
    width: 39px;
}

ul.soclial__media li img:hover {
    filter: grayscale(1) invert(1) brightness(0.5);
}

/*footer css*/

.form__subscription {
    padding-left: 6%;
}

.quick_links.widget__menu {
    padding-top: 25px;
}

.claim__box {
    margin-top: 25px;
}

/*about page css*/


.page__header h1.page-title {
    color: #030303;
    font-family: 'Fellix-Bold';
    font-size: 40px;
}

section.page__header {
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    background-size: cover !IMPORTANT;
    position: relative;
    background-position: bottom center !important;
}

section.page__header:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255 255 255/71%);
}

section.page__header .container {
    position: relative;
    z-index: 1;
}

.section.page__header .container {
    position: relative;
    z-index: 1;
}

.about__block {
    padding-right: 9%;
}

section.about__section {
    margin: 50px 0px;
}

.project_about_block {
    margin-bottom: 45px;
}

.project_about_block h5 {
    font-family: 'Fellix-SemiBold';
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 17px;
}

.project_about_block h2 {
    color: #0855b1;
    font-family: 'Fellix-SemiBold';
    font-size: 54px;
    margin-bottom: 22px;
}

.whyshoose__section .col-md-6:nth-child(3) .project_about_block, .whyshoose__section .col-md-6:nth-child(4) .project_about_block {
    margin-bottom:0px;
}


section.rooted__section {
    margin: 50px 0px;
}

.vision__block h4 {
    font-family: 'Fellix-Bold';
    font-size: 24px;
}

.vision__block img {
    height: 13px;
    margin-bottom: 27px;
}

section.about__why__section {
    background-size: cover !IMPORTANT;
    padding: 50px 0px;
    margin: 50px 0px;
	position:relative;
}

section.about__why__section:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255 255 255/80%), rgba(255 255 255/91%));
}

section.about__why__section .container {
    position: relative;
    z-index: 1;
}

.white_color h2, .white_color p {
    color: #030303;
}

/*about page css*/


/* contact page css */

section.contact__section {
    margin: 50px 0px;
}

.contact_block {
    background-size: cover !IMPORTANT;
    padding: 25px;
    color: #fff;
    margin-bottom: 15px;
}

.contact__image {
    background: #ffe8d1;
    margin-bottom: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.contact__image img {
    height: 29px;
}

.contact_block a {
    color: #fff;
    font-family: 'Fellix-Regular';
    display: block;
}

.contact_block h4 {
    font-family: 'Fellix-SemiBold';
    font-size: 20px;
    margin-bottom: 17px;
}

.contact_block:hover .contact__image {
    background: #000;
}

.contact_block:hover .contact__image img {
    filter: invert(1);
}

.contact__form {
    background: #f9f9f9;
    border: 1px solid #0855b140;
    padding: 50px 60px;
}

section.contact__info {
    margin: 50px 0px;
}

.contact_field input, .contact_field select {
    background: #fff;
    border: 1px solid #0855b140 ! IMPORTANT;
    width: 100%;
    height: 50px;
    padding: 5px 21px;
    color: #030303;
    font-family: 'Fellix-Regular';
    font-size:16px;
}

.contact_field textarea {
    background: #fff;
    border: 1px solid #0855b140 ! IMPORTANT;
    width: 100%;
    height: 100px;
    padding: 5px 21px;
    font-family: 'Fellix-Regular';
    font-size:16px;
}

.contact_field input::-webkit-input-placeholder, .contact_field textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #030303;
}
.contact_field input::-moz-placeholder, .contact_field textarea::-moz-placeholder { /* Firefox 19+ */
  color: #030303;
}
.contact_field input:-ms-input-placeholder, .contact_field textarea:-ms-input-placeholder { /* IE 10+ */
  color: #030303;
}
.contact_field input:-moz-placeholder, .contact_field textarea:-moz-placeholder { /* Firefox 18- */
  color: #030303;
}

.contact_button {
    position: relative;
}

.contact_button input {
    background: #0855b1 !important;
    color: #fff !important;
    border: 1px solid #0855b1 !important;
    outline: 1px solid #0855b1 !important;
    outline-offset: 5px;
    display: block;
    width: 100%;
    height: 50px;
}

.contact_button {
    padding: 0px 8px;
}

.contact_button input:hover {
    background: #030303 !IMPORTANT;
    outline: 1px solid #030303 !important;
}

.contact_button p {
    margin: 0px;
}

.contact__iframe iframe {
    height: 689px;
    width: 100%;
}

.contact__iframe {
    padding-right: 45px;
}

/* contact page css */


/* blog page css */

section.blog__section {
    margin: 50px 0px;
}

.blog_block {
    border: 1px solid #46464645;
    background: #fff;
}

.blog__feature {
    position: relative;
}

.blog__feature span {
    position: absolute;
    left: 10px;
    top: 20px;
    border: 1px solid #0855b180;
    background: rgba(0 0 0 / 43%);
    display: inline-block;
    padding: 7px 10px;
    color: #fff;
    font-family: 'Fellix-Regular';
    font-size: 14px;
}

.blog__feature p {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 13px;
    margin: 0px;
    background: #0855b1;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Fellix-Regular';
    padding: 6px 25px;
}

.blog_description {
    padding: 15px;
}

.blog_description p {
    margin: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height:72px;
}

.blog_description h2 {
    font-family: 'Fellix-SemiBold';
    font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.blog__section .col-md-4 {
    margin-bottom: 20px;
}

button#load-more {
    background: #0855b1 !important;
    color: #fff !important;
    border: 1px solid #0855b1 !important;
    outline: 1px solid #0855b1 !important;
    outline-offset: 5px;
    display: inline-block;
    text-decoration: none;
    padding: 13px 48px;
    font-size: 16px;
    transition: 0.5s;
    border-radius: 0px !IMPORTANT;
	box-shadow:none !Important;
}

button#load-more:hover {
    background: #000 !IMPORTANT;
    outline: 1px solid #000 !important;
}

.blog_description a {
    color: #030303;
}

.blog_description a:hover {
    color: #0855b1;
}

.blog_block {
    transition: 0.5s;
}

.blog_block:hover {
    background: #f9f9f9;
    border-color: #0855b1;
    box-shadow: 0px 0px 20px #C9B5A0A8;
}

.blog__feature img {
    height: 276px;
    width: 100%;
    object-fit: cover;
}

section.post__detail {
    margin: 50px 0px;
}

.post__detail article.post h1 {
    font-family: 'Fellix-Bold';
    font-size: 40px;
    margin-bottom: 20px;
}

.post__detail article.post p.post-meta, .post__detail article.post p.post-meta a {
    color: #0855b1;
}

.post__detail article.post p.post-meta {
    margin-bottom: 20px;
}

.post__detail .post-thumbnail {
    margin-bottom: 25px;
}

.post-content h4, .post-content h2, .post-content h3 {
    font-family: 'Fellix-Bold';
    font-size: 24px;
}

body.archive.category div#sidebar {
    display: none;
}

.post-navigation {
    margin: 50px 0px;
    display: flex;
    justify-content: space-between;
}

.post-navigation div a {
    color: #0855b1;
}

.post-navigation div {
    width: 48%;
    padding: 0px 9px;
}

.comment__block {
    max-width: 850px;
    background: #f9f9f9;
    padding: 50px;
}

.comment__block h3#reply-title {
    font-family: 'Fellix-SemiBold';
    font-size: 23px;
}

.comment__block textarea {
    width: 100%;
    border: 1px solid #0855b147 ! IMPORTANT;
    outline: none !IMPORTANT;
    height: 100px;
    padding:5px 20px;
	box-shadow:0px 0px 10px #0000000D;
}

.comment__block input {
    width: 100%;
    border: 1px solid #0855b147 ! IMPORTANT;
    outline: none ! IMPORTANT;
    height: 45px;
    padding:5px 20px;
	box-shadow:0px 0px 10px #0000000D;
}

.comment__block input[type="checkbox"] {
    width:25px;
    height:25px;
    border: 1px solid #FFE8D1 ! IMPORTANT;
    outline: none ! IMPORTANT;
}

p.comment-form-cookies-consent {
    display: flex;
}

p.comment-form-cookies-consent label {
    flex: 1;
    padding-left: 10px;
}

.comment__block p.form-submit input {
    background: #0855b1 !important;
    color: #fff !important;
    border: 1px solid #0855b1 !important;
    outline: 1px solid #0855b1 !important;
    outline-offset: 5px;
}

.comment__block p.form-submit input:hover {
    background: #000 !IMPORTANT;
    outline: 1px solid #000 !important;
}

.comment__block .form-submit {
    padding: 0px 5px;
    margin-top: 24px;
}

main#primary {
    padding: 50px 0px;
}

header.page-header.text-center {
    margin-bottom: 45px;
}

header.page-header.text-center h1 {
    font-family: 'Fellix-Bold';
    font-size: 40px;
}

.blog__feature__image img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.blog__feature__title {
    padding: 15px;
}

.blog__feature__title a {
    color: #030303;
}

.blog__feature__title a h3 {
    font-size: 20px;
}

.post__data__items {
    border: 1px solid #46464645;
    background: #fff;
    height: 100%;
    transition: 0.5s;
}

.post__data__items:hover {
    background: #f9f9f9;
    border-color: #0855b1;
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
}

main#primary .col-md-4 {
    margin-bottom: 25px;
}

/* blog page css */


a.image-popup-vertical-fit {
    display: block;
    position: relative;
}

a.image-popup-vertical-fit:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: rgba(255 255 255 / 50%);
    opacity:0;
}

a.image-popup-vertical-fit:after {
    content: '\f002';
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: fontAwesome !IMPORTANT;
    color: #0855b1;
    font-size: 22px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255 255 255/80%);
    border-radius: 50%;
    opacity:0;
}

.gallery__row a.image-popup-vertical-fit:hover:after, .gallery__row a.image-popup-vertical-fit:hover:before{
    opacity:1;
} 


/* service page css */

section.service__page__section {
    margin: 50px 0px;
}

ul.list__items__text {
    display: flex;
    flex-wrap: wrap;
}

ul.list__items__text li {
    padding: 7px 15px;
    padding-left: 31px;
    background-repeat: no-repeat !IMPORTANT;
    background-size: 24px !IMPORTANT;
    background-position-y: 6px !IMPORTANT;
    font-family: 'Fellix-SemiBold';
}

.service__page__section .button__group ul {
    margin-top: 46px;
}

.service__page_pd {
    padding: 50px 0px;
	padding-bottom:70px;
}

.serice_page_image {
    padding-right: 5%;
}

.title__block h2.color-white {
    color: #030303;
}

/* service page css */


/* service design css */

.dark__color__design h2 {
    color: #030303;
}

.dark__color__design .design__block h2 {
    color: #0855b1;
}

.dark__color__design .design__block p {
    color: #030303;
}

.dark__color__design .design__block:before {
    background: #0855b1;
}

.dark__color__design .design__block{
    border-color: #d4d2d2;
	background: #f8f8f8;
}

.dark__color__design .design__block img{
	filter:invert(0);
}

/* service design css */

.bg_color_light {
    background: #f9f9f9;
    padding: 50px 0px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent !IMPORTANT;
    color: #0855b1 ! IMPORTANT;
}

ul.mega-sub-menu {
    background: #fff !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #fff !IMPORTANT;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
	color:#030303;
}

@media(max-width: 1440px){
    p, a {
        font-size: 15px;
    }

    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
        font-size: 14px !important;
    }

    .header__button a{
        font-size: 14px;
    }

    .title__block h2{
        font-size: 33px;
    }

    .testimonial__content p{
        line-height: 31px;
    }

    .logo img {
        height: 72px;
    }

    .hero__inner{
        height: calc(100vh - 92px);
    }

    .hero__content h2{
        font-size: 54px;
    }

    .button__group ul li a{
        font-size: 15px;
    }

    .hero__content p{
        font-size: 12px;
    }

    .why__block h3{
        font-size: 20px;
    }

    .image_top__left img{
        height: 334px;
    }

    .image__right__top img{
        height: 190px;
    }

    .image__bottom__left img{
        height: 222px;
    }

    .image__right__bottom img{
        height: 366px;
    }

    .claim__box__inner h2{
        font-size: 22px;
        margin-bottom: 13px;
    }

    .claim__box__inner h3{
        font-size: 24px;
    }

    .widget__menu h4{
        font-size: 22px;
    }

    img.logo__footer {
        height: 72px;
    }

    img.image1 {
        height: 61px;
    }

    img.image2 {
        height: 66px;
    }

    img.quate__image{
        top: -23px;
        width: 70px;
    }
}


@media(max-width: 1200px){
    .menubar div#mega-menu-wrap-main-menu li a{
        padding: 0px 10px ! IMPORTANT;
    }

    .header__button a{
        padding: 11px 13px;
    }

    .hero__content h2 {
        font-size: 44px;
    }

    .hero__slider span.swiper-pagination-bullet{
        height: 10px;
        width: 10px;
    }

    .pd__right__why {
        padding-right: 15%;
    }

    footer .col-md-3, footer .col-md-4, footer .col-md-2 {
        width: 50% !IMPORTANT;
        margin-bottom:20px;
    }

    footer .row.align-items-center {
        justify-content: center;
    }

    footer .row.align-items-center img.logo__footer {
        margin: 0 auto;
    }

    .footer__main__logo {
        text-align: center;
    }

    .claim__box__inner h2{
        font-size: 32px;
    }

        .claim__box__inner h3 {
            font-size: 36px;
        }

   .image_top__left img {
        height: 271px;
    }

   .image__right__top img {
        height: 154px;
    }

   .image__bottom__left img {
        height: 185px;
    }

   .image__right__bottom img {
        height: 301px;
    }

    .rate__block h2 {
        font-size: 31px;
    }
}

@media(max-width:991px){
	.contact__section .col-md-3 {
		width: 50%;
	}
	
	.contact__form{
		padding: 25px 25px;
	}
	
	.contact__iframe {
		padding-right: 0px;
	}
}

@media(max-width: 992px){

    ul#mega-menu-main-menu {
        background: #000 !IMPORTANT;
    }

    .hero__inner .col-md-7 {
        width: 100%;
    }

    .header__button {
        display: none;
    }

    .mega-toggle-blocks-right {
        background: #0855b1;
    }

    .menubar div#mega-menu-wrap-main-menu li a {
        border-right: none !IMPORTANT;
    }

    #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 18px !important;
        padding: 15px ! IMPORTANT;
    }

    .service__section .col-md-6:nth-child(even) {
        padding-right: 10px;
    }

    .service__section .col-md-6:nth-child(odd) {
        padding-left: 10px;
    }

    .pd__right__why {
        padding-right: 0px;
    }

    .testimonial__section .col-md-9, .testimonial__section .col-md-3 {
        width: 100%;
    }

    .rate__block img {
        margin-right: 20px;
    }

    .rate__block img:last-child {
        margin-right: 0px;
    }

   .image_top__left img {
        height: 196px;
    }

   .image__right__top img {
        height: 104px;
    }

   .image__bottom__left img {
        height: 141px;
    }

    .image__right__bottom img {
        height: 233px;
    }

    .testimonial__section .col-md-9, .testimonial__section .col-md-3 {
        width: 100%;
    }

    .rate__block img {
        margin-right: 20px;
    }

    .rate__block img:last-child {
        margin-right: 0px;
    }

    .call_to_action__section .row.justify-content-between.align-items-center {
        justify-content: center !IMPORTANT;
        text-align: center;
    }

    .call_to_action__section .row.justify-content-between.align-items-center .title__block.color__white {
        margin-bottom: 29px;
    }

    .button__group ul li {
        margin-right: 16px;
    }

    section.welcome__section {
        padding-top: 50px;
    }

    .design__title h2 br {
        display: none;
    }

    .design__section .col-md-4 {
        width: 50%;
        margin-bottom: 20px;
    }

    .form__subscription {
        padding-left: 0px;
    }

    .quick_links.widget__menu {
        padding-top: 0px;
    }

    .claim__box {
        margin-top: 0px;
    }
	
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
		color:#fff;
	}
}


@media(max-width: 767px){
    .gallery__left, .gallery__right {
        width: 100%;
    }

    .image_top__left img {
        height: auto;
    }

    .image__right__top img {
        height: auto;
    }

    .image__bottom__left img {
        height: auto;
    }

    .image__right__bottom img {
        height: auto;
    }

    .d-flex.testimonial__row.justify-content-between.align-items-center.mb-5 {
        flex-wrap: wrap !important;
    }

    .testimonial__row .title__block {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }

    .testimonial__row .title__block h2 br {
        display: none;
    }

    .testimonial__section .button__group ul {
        justify-content: center;
    }

    .button__group {
        width: 100%;
    }

    .title__block {
        margin-bottom: 25px;
        text-align: center;
    }

    .title__block h2 br {
        display: none;
    }

    .button__group ul {
        justify-content: center;
    }

    .service__section .col-md-6 {
        margin-bottom: 25px;
    }

    .design__section .col-md-4 {
        width: 100%;
    }

    .design__title {
        text-align: center;
    }

    .image__group {
        display: none;
    }

    .hero__content {
        text-align: center;
    }

    footer .col-md-3, footer .col-md-4, footer .col-md-2 {
        width: 100% !IMPORTANT;
    }

    .footer__text {
        text-align: center;
    }

    .text-right.footer__text {
        text-align: center;
    }

    .submit__button input{
        padding: 5px 14px;
    }

    .about__block {
        padding-right: 0px;
    }

    .about__section .col-md-6 {
        margin-bottom: 25px;
    }

    .about__section .col-md-6:last-child{
        margin-bottom:0px;
    }
	
	.contact__section .col-md-3 {
		width: 100%;
	}
	
	.contact__iframe iframe{
		height:275px;
	}
	
	.post-navigation div {
		width: 100%;
	}

	.post-navigation {
		flex-wrap: wrap;
	}

	.post__detail article.post h1 {
		font-size: 28px;
	}
	
	.comment__block{
		padding:25px;
	}
	
	img.everoak__image{
		top:10%;
	}
}


@media(max-width: 510px){
    .button__group li.white__button a {
        width: auto;
    }

    .button__group ul li:nth-child(1) a {
        width: auto;
    }

    .hero__inner {
        height: 475px;
    }
	
	img.white__logo__slider {
		bottom: auto;
		top: 0px;
	}
	
	.serice_page_image{
		padding-right:0px;
		margin-bottom:25px;
	}
	
	section.page__header{
		min-height:170px;
	}
	
	.page__header h1.page-title{
		font-size:34px;
	}
	
	.hero__sub{
		padding:30px 0px;
	}
}