:root{
  --color-1b3039:#1b3039;
  --color-8d939f:#8d939f;
  --color-303133:#303133;
  --color-1b1a18:#1b1a18;
  --color-111111:#111111;
  --color-24272e:#24272e;
  --color-ffffff:#ffffff;
  --color-e1e1e1:#e1e1e1;
  --color-58595a:#58595a;
  --color-121212:#121212;
  --color-000000:#000000;
  --color-828790:#828790;
  --color-cccccc:#cccccc;
  --color-2f3357:#2f3357;
  --color-d3da36:#d3da36;
  --color-18304c:#18304c;
  --color-222222:#222222;
  --color-383838:#383838;
}
:root{
  --font-fmaliy3:"Nunito Sans";
  --font-fmaliy4:"Roboto";
  --font-fmaliy5:"Poppins";
}
/* ------------- Shortcodes ----------------- */
.middle-content #comments{
  display: none;
}
/* ----------- Services ----------- */
.services-short{
  padding-top: 50px;
}
.services-short .services-short-box{
  margin-bottom: 30px;
}
.services-short .services-content-box{
  padding: 5px !important;
}
.services-short .services-post-image{
  position: absolute;
  top: -99px;
  left: -32px;
  opacity: 0;
}
.services-short .services-content-box:hover .services-post-image{
  opacity: 1;
}
/* ----------- Project ------------ */
.short-projects{
  background-color: transparent !important;
  margin-top: 0 !important;
}
.short-projects .project-box{
  margin-bottom: 30px;
}
.short-projects .box-content img{
  width: auto !important;
}
/* --------- team ------------ */
.all-team {
  padding-top: 50px !important;
}
.all-team .team-content-box{
  margin-bottom: 30px;
}
.all-team .-team-social-profiles i{
  margin: 0 5px;
}
.all-team .-team-social-profiles a{
  margin-top: 5px;
  display: inline-block;
}
/* -------------- Testimonial Shortcode ----------- */
.all-testimonial .testimonial-content p,.all-testimonial .testimonial-title a{
  color: var(--color-1b3039) !important;
}
.all-testimonial .our_testimonial_outer{
  margin-top: 30px;
}
/* ----------- Single Pages -------------- */
.single-page-content p{
  font:400 16px  var(--font-fmaliy3);
  letter-spacing: 0px;
  line-height: 30px;
  color: var(--color-1b3039);
}
#classes_single .classes-meta p{
  font:400 15px var(--font-fmaliy4);
  letter-spacing: 1px;
  color: var(--color-8d939f);
}
#classes_single .project-meta{
  padding-top: 20px;
}
#classes_single .project-meta p span{
  font-weight: bold;
}
#single-team .inner-page-feature-box p{
  font-size: 16px;
  letter-spacing: 1px;
  color: var(--color-303133);
  font-weight: 400;
  margin-bottom: 8px;
}
#single-team .inner-page-feature-box img{
  padding-bottom: 20px;
}
#single-team .social-profiles{
  padding-bottom: 10px;
}
#single-team .social-profiles i{
  color:var(--color-1b1a18);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 9px 12px 9px 0px;
}
#single-team .inner-page-feature-box p i{
  color: var(--color-1b1a18);
}
#testimonial_single .student-desig{
  font-size: 17px;
  letter-spacing: 0px;
  color: var(--color-111111);
  font-weight: 600;
}
#testimonial_single .social-profiles i{
  color:var(--color-24272e);
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 9px 12px 9px 0px;
}
#testimonial_single .team_feature-box img{
  border-radius: 50%;
}
/* ------------------Single Post ----------------- */
#single_post .postbox .postbox-content {
  position: static;
}
#single_post .postbox .postbox-content i{
  color: var(--color-121212);
  margin-right: 4px;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px var(--color-ffffff);
}
.posttitle a{
  font:600 20px var(--font-fmaliy5);
  letter-spacing: 2px;
  color: var(--color-222222);
}
h3.posttitle{
  text-align: left !important;
}
.page-header h1,.entry-title{
  color: var(--color-000000);
  font: 600 28px var(--font-fmaliy5);
}
.single-post-content table td{
  text-align: center;
}
.single-post-content .wp-audio-shortcode{
  margin-bottom: 50px;
}
.author_links a{
  color: #111;
}
#sidebar .widget_recent_entries a{
  font-size: 13px;
}
.middle-content p{
  font:400 16px var(--font-fmaliy3);
  letter-spacing: 0px;
  line-height: 30px;
}
.related-box {
    background: #fff;
    padding: 10px 10px 40px;
}
.related-box:hover {
    box-shadow: 0 20px 60px 0 rgba(0,0,0,.4);
    -webkit-transform: translate(0,-10px);
    transform: translate(0,-10px);
}
/*------------------ Single Testimonials -----------------*/
#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: var(--color-383838);
  background: var(--color-ffffff);
  border: 1px solid #ddd;
  width: 100%;
}
.meta_post span i {
  background-color: var(--color-24272e);
  padding: 7px;
  color: var(--color-ffffff);
  margin-right: 10px;
}
#latest_post .owl-nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  border: none;
}
#latest_post button.owl-next.disabled, #latest_post button.owl-prev.disabled,#latest_post button.owl-prev, #latest_post button.owl-next{
  background-color: transparent;
}
/*------------------------- Testimonial Shortcode --------------------------*/
.testimonial-shortcode .testimonials_inner {
  border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
  margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}
/*----------Team Shortcode--------------*/
.team-short h3 a {
    font: 700 18px var(--font-fmaliy1);
    letter-spacing: 1px;
    color: var(--color-1b1a18);
}
.team-short span{
  font: 400 14px var(--font-fmaliy2);
  letter-spacing: 1px;
  color: var(--color-515153);
}
.team-short{
  text-align: center;
  position: relative;
  top: 0;
}
.team-short .-team-social-profiles i {
    width: 40px;
    height: 40px;
    border: 2px solid #b0b0b1;
    border-radius: 50%;
    padding: 11px 10px;
    color: #b0b0b1;
}
.team-short .-team-social-profiles i:hover{
  background-color: var(--color-d1b266);
  color: var(--color-ffffff);
  border-color: var(--color-d1b266);
}
.team-short .team-image-box img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.team-short:hover .team-image-box img{
  /*-webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);*/
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.team-short .team-info {
    box-shadow: 0px 4px 8px -2px #ccc;
    padding: 35px 0;
}
.team-short:hover{
  top: -10px;
}
/*------------------ Contact Page -----------------*/
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: var(--color-18304c);
  border-bottom: solid 4px var(--color-d3da36);
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],.contac_form input[type='email'],.contac_form input[type='url'],.contac_form input[type='password'],.contac_form input[type='search'],.contac_form input[type='number'],.contac_form input[type='tel'],.contac_form input[type='range'],.contac_form input[type='date'],.contac_form input[type='month'],.contac_form input[type='week'],.contac_form input[type='time'],.contac_form input[type='datetime'],.contac_form input[type='datetime-local'],.contac_form input[type='color'],.contac_form select,.contac_form textarea,.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  color: var(--color-2f3357);
  border-radius: 0px;
  box-shadow: none;
  border:1px solid var(--color-cccccc);
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"],.contact-box .wpcf7 select{
  font-size: 16px;
  padding: 10px 18px;
  margin: 0 12px 25px 0;
  height: auto;
  border:1px solid var(--color-cccccc);
  background-color: transparent;
  border-radius: 5px;
}
.contact-box .wpcf7 select{
  color:var(--color-828790);
}
.contact-box .contac_form input[type="submit"]{
  border-radius: 5px;
  padding: 20px 75px;
  font-size: 18px;
  display: block;
  margin: 20px auto !important;
  background: linear-gradient(to right, #1b1a18 50%, #d1b266 50%) repeat scroll right bottom / 200% 100% rgba(0, 0, 0, 0) !important;
  transition: background 350ms ease-in-out;
}
.contact-box .contac_form input[type="submit"]:hover{
  background-position: left bottom !important;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info-box {
  background: #292d33;
  padding: 78px 23px;
  margin: 0px 0 20px;
  text-align: center;
  height: 331px;
  position: relative;
  top: 0;
  border-radius: 5px;
}
.contact-info-box:hover{
  top: -10px;
}
.contact-icon i {
  font-size: 32px;
  border: 2px solid #fff;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  padding: 17px 22px;
  color: #999999;
}
.contact-icon i.far.fa-envelope {
    padding: 16px 17px;
}
.contact-info-box h3 {
  font: 700 22px var(--font-fmaliy1);
  letter-spacing: 2px;
  color: #999999;
}
.contact-info-box h4{
  font: 700 18px var(--font-fmaliy1);
  letter-spacing: 2px;
  color: #999999;
}
.contact-info-box p {
    font: 400 14px var(--font-fmaliy2);
    color: #fff;
    line-height: 1.5;
}
.contact-page-form {
    background: #d1b2660a;
    padding: 6em 0 0;
}
.contact-page-form textarea {
    height: 180px;
}
.contac_form h3 {
    text-align: center;
    font: 700 22px var(--font-fmaliy1);
    letter-spacing: 2px;
    padding-bottom: 32px;
}
.woocommerce-product-gallery ol li {
  margin: 3px 5px !important;
  border: 1px solid #d1b266;
  padding: 6px;
  border-radius: 3px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 22%;
}
.woocommerce-product-gallery ol {
    padding-top: 25px !important;
}
/*404 pages*/
h2.heading3 {
    font-size: 12em;
    color: #fff;
}
.page-404 {
    padding: 8em 0;
    background-size: cover;
    background-repeat: no-repeat;
}
span.heading4 {
    color: #fff;
    font-size: 36px;
    animation: resize-anime 5s infinite forwards;
    animation-direction: alternate;
}
h2.heading3 {
  display: inline-block;
  color: white;
  font-family: 'Righteous', serif;
  font-size: 12em;
  text-shadow: 0.03em 0.03em 0 hsl(43, 54%, 61%);
}
h2.heading3:after {
  content: attr(data-shadow);
  position: absolute;
  top: .06em; left: .06em;
  z-index: -1;
  text-shadow: none;
  background-image:
  linear-gradient(
  45deg,
  transparent 45%,
  hsla(48,20%,90%,1) 45%,
  hsla(48,20%,90%,1) 55%,
  transparent 0
  );
  background-size: .05em .05em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: shad-anim 15s linear infinite;
}

@keyframes shad-anim {
  0% {background-position: 0 0}
  0% {background-position: 100% -100%}
}
@keyframes resize-anime {
  from {
    font-size: 20px;
    font-weight: 100;
    opacity:0.9
  }
  to {
    font-size: 30px;
    font-weight: 900;
    text-shadow: 0px 0px 5px white;
    opacity:1
  }
}
p.text-404 {
    color: #fff;
    font-size: 17px;
}
.btn-404 a.btn.btn-primary {
    background: #d1b266;
    border-color: #d1b266;
    padding: 15px 45px;
    font-size: 18px;
    font-weight: 600;
}
/*----------------*/
.social-share-icons i {
    opacity: 0;
    font-size: 20px;
    color: #1F1E1E;
    will-change: transform;
    -webkit-transform: scale(.1);
            transform: scale(.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.social-share-icons i.fab.fa-pinterest {
    background: unset;
}
.btn_wrap.social-share-icons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    cursor: pointer;
    width: 210px;
    height: 60px;
    background-color: #EEEEED;
    border-radius: 80px;
    padding: 0 18px;
    will-change: transform;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-top: 25px;
}
.btn_wrap.social-share-icons:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1)
}
.social-share-icons span {
    position: absolute;
    z-index: 99;
    width: 210px;
    height: 60px;
    border-radius: 80px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    text-align: center;
    line-height: 55px;
    letter-spacing: 2px;
    color: #EEEEED;
    background-color: #1F1E1E;
    padding: 0 18px;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.social-share-icons .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 240px;
    height: 64px;
    border-radius: 80px;
}
.social-share-icons .container i:nth-of-type(1) {
            -webkit-transition-delay: 1.1s;
                    transition-delay: 1.1s;
}
.social-share-icons .container i:nth-of-type(2) {
            -webkit-transition-delay: .9s;
                    transition-delay: .9s;
}
.social-share-icons .container i:nth-of-type(3) {
            -webkit-transition-delay: .7s;
                    transition-delay: .7s;
}
.social-share-icons .container i:nth-of-type(4) {
            -webkit-transition-delay: .4s;
                    transition-delay: .4s;
}
.btn_wrap.social-share-icons:hover span {
    -webkit-transition-delay: .25s;
            transition-delay: .25s;
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px)
}
.btn_wrap.social-share-icons:hover i {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.social-share-icons .dr {
position: absolute;
  bottom: 16px;
  right: 16px;
  width:100px;
}
/*----About US Template-------*/
.about-us-info-box h3,.abt-team-title h3 {
    font: 700 26px var(--font-fmaliy1);
}
.about-us-info-box p,.about-featur-box p {
  font: 400 15px var(--font-fmaliy2);
  letter-spacing: 1px;
  line-height: 28px;
  color: var(--color-5e5e5e);
  margin-bottom: 0;
}
.about-us-info-box p{
  padding-top: 30px;
}
.about-featur-box h4 {
    font: 700 18px var(--font-fmaliy1);
}
.about-feature-icon i {
  font-size: 35px;
  color: #d1b266;
  padding: 20px 0;
}
#about-us-info {
  border-bottom: 1px solid #cccccc5c;
}
/*Services Template*/
.service-content2 .service-content-row,.service-content4 .service-content-row {
  flex-direction: row-reverse;
}
.service-content-col-2 {
  background: #ffff;
  padding: 20px 50px !important;
}
p.services-text {
  font-size: 17px;
  line-height: 32px;
}
a.services-temp-button {
  font: 600 17px var(--font-fmaliy2);
  letter-spacing: 1px;
  color: var(--color-42300c);
  /* background: linear-gradient(to right, #1b1a18 50%, #d1b266 50%) repeat scroll right bottom / 200% 100% rgba(0, 0, 0, 0); */
  transition: background 350ms ease-in-out;
  background-color: var(--color-d1b266);
  text-align: center;
  padding: 15px 50px;
}
a.services-temp-button:hover{
  background-position: left bottom;
  color: #fff;
}
.service-box1:hover,.service-box3:hover {
    box-shadow: rgba(209, 178, 102, 0.4) -5px 5px, rgba(209, 178, 102, 0.3) -10px 10px, rgba(209, 178, 102, 0.2) -15px 15px, rgba(209, 178, 102, 0.1) -20px 20px, rgba(209, 178, 102, 0.05) -25px 25px;
}
.service-box2:hover,.service-box4:hover {
  box-shadow: rgba(209, 178, 102, 0.4) 5px 5px, rgba(209, 178, 102, 0.3) 10px 10px, rgba(209, 178, 102, 0.2) 15px 15px, rgba(209, 178, 102, 0.1) 20px 20px, rgba(209, 178, 102, 0.05) 25px 25px;
}
/* book an appointment */
.ea-standard {
  width: 80% !important;
}