@import url('https://fonts.googleapis.com/css2?family=Exo+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2&family=Roboto:wght@100&display=swap');
:root {
  --Orange: #ff6c2b;
  --white: #ffffff;
  --black: #000000;
  --blue: #002052;
}
:root {
  --font-roboto: 'Roboto', sans-serif;
  --font-exo: 'Exo 2', sans-serif;
}
a {
    text-decoration: none!important;
}
a.entry-comments {
    color: var(--Orange);
    }
.metabox img {
  border-radius: 50%;
  margin-right: 30%;
}
.metabox {
  color: #000;
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
}
#comment-nav-above .nav-links {
  float: right;
  margin-bottom: 17px;
}
.post-template-default #vw-header {
  background-color: var(--blue);
}
.single-page-content p,#vw_projects_single .single-project-meta{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9a9da4;
  font-weight: 500;
}
#single_post .post_pic_inner img {
    height: 169px;
}
#single_post .posttitle a {
    font-size: 14px;
    text-decoration: none;
    color: var(--blue);
    font-family: var(--font-exo);
    font-weight: 600;
}
#single_post .postbox-content .post-text {
    font-size: 12px;}
.content_page p{
  font-size: 18px;
  letter-spacing: 0px;
  text-align: justify;
  line-height: 26px;
  color: var(--blue);
  font-weight: 400;
}
 #comments input[type="text"], #comments input[type="email"], #comments textarea {
    padding: 12px 10px;
    font-size: 18px;
    display: flex;
}
.middle-align {
    margin-top: 45px;
}
.search.search-results .post-share{
  display: none;
}
#vw-single-exhibition .vw-exhi-meta{
  margin-top: 15px;
}
#vw-single-exhibition .vw-exhi-meta span{
  font-size: 14px;
  color: #a4a4a4;
  font-family: "PT Sans";
  font-weight: 400;
  margin-right: 10px;
}
#vw-single-exhibition .vw-exhi-meta span i,#vw-single-venue .vw-venue-location i{
  color: #ff6c26;
}
#vw-single-venue .vw-venue-location{
  font-size: 16px;
  color: #a4a4a4;
  font-family: "PT Sans";
  font-weight: 400;
  padding-top: 15px;
}

/* ------------------Single Post ----------------- */
#single_post .post_share_icon {
  position: relative;
  display: block;
  padding: 20px 0 !important;
}
#single_post .post_share_icon b {
  padding: 0;
  font-size: 18px;
}
#single_post .post_share_icon a {
  padding: 10px 25px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  width: auto;
  margin: 5px 3px;
}
#single_post .post_share_icon a:hover,.socila_share1 a:hover{
  color: #fff
}
#single_post .post_share_icon i {
  color: #fff;
  font-size: 13px;
  padding-right: 5px;
}
#single_post .feature-box {
    padding-bottom: 10px;
}
#single_post .post-share {
    position: absolute;
    top: 5%;
}
#single_post .postpic {
    position: relative;
}
#single_post .socila_share1 a {
    padding: 4px 1px;
    color: #fff;
    display: block;
}
#single_post .share-title i {
    color:#808080;
    background:white;
    height: 30px;
    width: 30px;
    padding: 9px;
    border-radius: 3px;
    position: relative;
    left: 10px;
}
#single_post .postbox:hover .socila_share1{
  opacity: 1;
  z-index: 9999;
}
#single_post .socila_share1 {
   position: absolute;
    top: -6px;
    opacity: 0;
    width: 39px;
    border-radius: 10px;
    background-color: var(--Orange);
    filter: drop-shadow(0px 20px 20px rgba(0,0,0,0.2));
    left: 5px;
    padding: 9px 12px;
    height: 146px;
}
#single_post .fa-pinterest
{
  background: transparent;
}
#single_post .fa-facebook-f {
    margin-top: 20px;
}
#single_post .fa-linkedin-in {
    position: absolute;
    left: 2px;
}
#single_post .fa-twitter {
    position: absolute;
    bottom: 19px;
    left: 0;
}



#full-width-blog .post_pic_inner img {
    height: 448px !important;
}
#single_post .post_pic_inner img {
    width: 100%;
    height: auto;
}
#single_post .postbox .postbox-content {
  position: static;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.posttitle a{
  font-size: 24px;
  letter-spacing: 2px;
  color: #0f0e0e;
  font-weight: 400;
  padding-top: 5px;
}
.page-header h1,.entry-title{
  font-weight: 600;
}
.single-post-content table td{
  text-align: center;
}
.single-post-content .wp-audio-shortcode{
  margin-bottom: 50px;
}
.author_links a{
  color: #111;
  font-weight: 600;
}
#vw-sidebar .widget_recent_entries a{
  font-size: 13px;
}
.wp-block-search .wp-block-search__button{
  height:44px;
  background-color: var(--Orange);
  filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 9px;
    border-color: var(--Orange);
    color: #fff;
}
.metabox .entry-date a{
 text-decoration: none;
  margin:0px 13px 0px 0px;
}
.metabox .entry-author a{
  text-decoration: none;
  color: var(--Orange);
}
.related-post-wrap a {
    text-decoration: none;
    color: black;
    font-weight: bolder;
}
.post-single-text {
    font-size: smaller;
}
.main_title h1{
  font-size: 25px;
  color:var(--blue);
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: 600;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #8e929f;
  padding: 5px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 14px;
  letter-spacing: 0px;
  width: 20px;
  text-align: center;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
.postbox-content .post-text{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 27px;
  color: black;
  font-family: var(--font-roboto);
  font-weight: 500;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  display: block;
}
.continue-read a:hover{
  background: #18304c;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox{
font-size: 13px;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
  margin-bottom: 39px;
  border: none;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{
  margin:0 0 5px;
  font-weight:bold;
}
a.post-readmore {
  font-size: 18px;
  border-bottom: 1px solid;
}
a.post-readmore i {
  margin-left: 8px !important;
  font-size: 18px;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton,.blogbutton-small {
  background:none;
  font-size:12px;
  font-weight:bold;
  padding:6px 25px;
  border:1px solid var(--color-black);
  text-transform:uppercase;
  display:table;
}
.postbox  a.blogbutton {
  font-size:18px;
  margin:25px 0 0 0;
}
.blogbutton-small{
  font-size:14px;
  margin:14px 0 0 0;
}
.metabox {
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
}

.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
}
.metabox span i{
  margin-right: 5px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#vw-sidebar span.comment-author-link {
  margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
.authordetails{
  padding: 30px 0;
}
.authordetails .author_links{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #a1a5ab;
  font-weight: 500;
  font-style: italic;
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
  display: inline;
}
.authordetails ul li a i {
  background-color: var(--color-black);
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img{
  border-radius: 50%;
}
#comments input[type="submit"]{
  background-color: var(--Orange)!important;
    color: #fff!important;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 20px;
    font: 600 16px var(--font-exo);
    border-color: var(--Orange);
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  color: #333333;
}
.search-submit{
      height: 44px;
    background-color: var(--Orange);
    filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 9px;
    border-color: var(--Orange);
    color: #fff;
}
.search-field {
    padding: 8px;
}
#vw-sidebar h3 {
    color: #002052
}
/*-------------------------- Calendar widget --------------------------*/
body.search .vw-site-header{
    background-color: #0d2348 !important
}
 .vw-menubar body.post-template-default .single {
    background-color: #0d2348 !important
}
.socila_share a {
    color: white;
}
.feature-box img {
  height: 290px;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  color: white;
  background-color: #ff6c26;
  border: 1px solid #ff6c26;
  text-decoration: none;
}
.navigation span.page-numbers.current{
  border: 1px solid #ff6c26;
  color: var(--color-black) !important;
    text-decoration: none;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  margin-right: 1%;
}
.blog-icon i:hover {
  background: #d3da36;
}
.blog-icon i.fa-google-plus {
  padding: 12px 10px 12px 11px
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#222222;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:#dddddd;
  padding:5px 15px;
}
.related-post-wrap img {
    height: 188px;
    width: 208px;
}
/*------------------ Comments BOX ------------------*/
.comment-form-comment label{
  display: block;
}
.logged-in-as a{
  color: var(--Orange);
}
#comments ul{
  list-style-type: none;
}
#comments ol{
  list-style-type: none;
}
#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  font-size: 16px;
  letter-spacing: 0px;
  color: var(--Orange);
  font-family: "PT Sans";
  font-weight: 700;
}
#comment {
    height: 150px;
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    border-radius: 0 30px 0 30px;
}
h2#reply-title {
    font-size: 22px;
    color: var(--blue);
}
#comments h2.comments-title {
    font-size: 23px;
    color: var(--blue);
}
.comment-list {
    background-color: #fbf3e9;
    padding: 20px;
    border-radius: 0px 10px 0px 10px;
    border: 2px dotted var(--Orange);
}
#comments .commentmetadata a {
  color: black;
  font-size: 12px;
}
/*--------------- Sidebar -----------------*/
#vw-sidebar td#prev a {
  color: #6c6c6c;
}
#vw-sidebar caption {
  font-weight: bold;
  color: #6c6c6c;
  font-size: 20px;
}
#vw-sidebar table,#vw-sidebar th,#vw-sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#vw-sidebar td {
  padding: 7px;
  color: #6c6c6c;
}
#vw-sidebar th {
  text-align: center;
  padding: 5px;
  color: #6c6c6c;
}
#vw-sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#vw-sidebar form{
  text-align: center;
}
#vw-sidebar h3 {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
#vw-sidebar input[type="search"] {
  padding:10px 10px;
  font-size:15px;
  margin-bottom: 10px;
  color:#6c6c6c;
  border: solid 1px #e1e1e1;
  width: 100%;
}
#vw-sidebar label{
  margin-bottom: 0;
  width: 100%;
}
#vw-sidebar input[type="submit"]{
  background-color :#ff6c26;
  font-size:12px;
  width: auto;
  letter-spacing: 2px;
  font-weight: bold;
}
#vw-sidebar .widget {
  padding: 20px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
#vw-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#vw-sidebar ul li{
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#vw-sidebar ul li:last-child{
  border:none;
}
#vw-sidebar ul li a,#vw-sidebar ul li {
  font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
}
#vw-sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#vw-sidebar .tagcloud a:hover{
 background:#111;
}
span.credit_link a {
  color: #ff6c26;
}
.single-post-content p,.outer_dpage p{
  font-size: 15px;
  text-align: justify;
  letter-spacing: 0px;
  line-height: 26px;
  color: black;
  font-weight: 500;
}
/*------------- Page -----------------*/
.title-box{
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
  height: 250px;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  color: white;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
  }
  *---------------- Pagination ----------------*/
.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  padding: 10px 15px 0 0px;
  margin-bottom: 10px;
  margin-right: 10px;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
  font-weight: 600;
}
.navigation span.meta-nav {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
  padding-left: 0;
}
.post-navigation .post-title{
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #9a9da4;
  font-weight: 500;
}
.navigation .current{
  background: #333333;
  font-weight:normal;
}
/* ---------- Blog Pagination ------------ */
.vw-navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0 10px 20px;
}
.vw-navigation a {
  padding: 0;
}
.vw-navigation span, .vw-navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
  font-weight: 600;
}
.vw-navigation span.meta-nav {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
}
.vw-navigation .current{
  background: #333333;
  font-weight:normal;
}
/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  background-color: #333333;
  width: 36px;
  border-radius: 20%;
  margin: 0 4px;
  text-align: center;
}

.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}

.share_icon i.fab.fa-facebook-f:hover{
   color:black;
  border:2px solid darkslategrey ;
}
.share_icon i.fab.fa-linkedin-in:hover{
   color:black;
  border:2px solid darkslategrey ;
}
.share_icon i.fab.fa-twitter:hover{
  color:black;
  border:2px solid darkslategrey ;
}
.content_boxes .share_icon{
  padding-top: 15px;
}
.content_boxes iframe{
  width:100%;
}
.share_icon a{
  padding-bottom: 5px;
  display: inline-block;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
.single-post-content p{
color: black;
}
.post_pic_inner img{
  height:285px;
}
.socila_share b{
  color: black;
}
.post_ctg{
  display: flex;
}
  .post-categories ul{
  padding-left: 1rem !important;
  }
.post-categories a {
    text-decoration: none;
    color: var(--Orange);
    font-size: smaller;
    }
    ul.post-categories {
    margin-left: -13px;
    margin-top: -4px;
}
    .post-categories li {
    list-style-type: none;
    }
    .post_ctg span {
    color: black;
    font-weight: bolder;
    font-size: smaller;
}
p.comment-form-comment{
  color: var(--Orange);
}
.related-post-wrap {
    margin-right: 25px;
}
.related-post-wrapper h3 {
    padding-bottom: 30px;
    padding-top: 30px;
}
.posttitle a {
    font-size: 20px;
    text-decoration: none;
    color: var(--blue);
    font-family: var(--font-exo);
    font-weight: 600;
    }

.page-template-About-us .vw-menubar {
    padding: 15px 0;
    position: absolute;
    border:1px solid transparent;
    width: 100%;
    }
.about-box{
  padding-top: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 300px;
}
.feature-text a{
  color:var(--Orange);
  text-decoration: none;
  margin-right:5px;
}
.feature-text i{
  color:var(--black);
}
.page-template-page-template .vw-menubar {
    padding: 15px 0;
    border:1px solid transparent;
    width: 100%;
    position: absolute;
    background-color: transparent!important;
    }
    .page-template-default .vw-menubar {
    padding: 15px 0;
    border:1px solid transparent;
    width: 100%;
    position: relative;
  }
.vw-menubar {
    padding: 15px 0;
    border:1px solid transparent;
    width: 100%;
    background-color: var(--blue)!important;
    }

    .cont {
   $cubic: cubic-bezier(0.64, 0.01, 0.07, 1.65);
   $transition: 0.6s $cubic;
   $size: 40px;
   position: fixed;
   z-index: 10;
   bottom: 10px;
   right: 10px;
   width: $size;
   height: $size;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   transition: all 0.2s ease;

   .bg_links {
      width: $size;
      height: $size;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(#fff, 0.2);
      border-radius: 100%;
      backdrop-filter: blur(5px);
      position: absolute;
   }

   .logo1 {
      width: $size;
      height: $size;
      z-index: 9;
      background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: 10px 7px;
      opacity: 0.9;
      transition: all 1s 0.2s ease;
      bottom: 0;
      right: 0;
   }

   .social {
      opacity: 0;
      right: 0;
      bottom: 0;

      .icon1 {
         width: 100%;
         height: 100%;
         background-size: 20px;
         background-repeat: no-repeat;
         background-position: center;
         background-color: transparent;
         display: flex;
         transition: all 0.2s ease, background-color 0.4s ease;
         opacity: 0;
         border-radius: 100%;
      }

      &.portfolio {
         transition: all 0.8s ease;


      }

      &.dribbble {
         transition: all 0.3s ease;

      }

      &.linkedin {
         transition: all 0.8s ease;

      }
   }

   &:hover {
      width: 105px;
      height: 105px;
      transition: all $transition;

      .logo1 {
         opacity: 1;
         transition: all 0.6s ease;
      }

      .social {
         opacity: 1;

         .icon1 {
            opacity: 0.9;
         }

         &:hover {
            background-size: 28px;
            .icon1 {
               background-size: 65%;
               opacity: 1;
            }
         }

         &.portfolio {
            right: 0;
            bottom: calc(100% - 40px);
            transition: all 0.3s 0s $cubic;
            .icon1 {
               &:hover {
                  background-color: #698fb7;
               }
            }
         }

         &.dribbble {
            bottom: 45%;
            right: 45%;
            transition: all 0.3s 0.15s $cubic;
            .icon1 {
               &:hover {
                  background-color: #ea4c89;
               }
            }
         }

         &.linkedin {
            bottom: 0;
            right: calc(100% - 40px);
            transition: all 0.3s 0.25s $cubic;
            .icon1 {
               &:hover {
                  background-color: #0077b5;
               }
            }
         }
      }
   }
}

.wrapper {
   width: 100vw;
   margin: 0 auto;
   height: 400px;
   background-color: #161616;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   transition: all 0.3s ease;
}

.breadcrumb-item a {
    color: white;
    text-decoration: none;
}
/*#subscribe1 input.wpcf7-form-control.wpcf7-submit {
    left: 140px;
    bottom: 50%;
}
#subscribe1 .wpcf7-form-control-wrap {
    left: -114px !important;
    position: relative;
}*/
/*#subscribe input[type="submit"]{
  left: 35%;
}*/
#subscribe1 .subscribe_box1 input[type="email"]:hover{
      border: solid 1px transparent;
}
.contact-f{
  color: var(--blue);
}
.content {
   max-width: 1024px;
   width: 100%;
   padding: 0 4%;
   padding-top: 10px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
}
.vw-footer-cols {
    margin-top: 50px;
}
.card-c {
   width: 100%;
   max-width: 300px;
   min-width: 200px;
   height: 250px;
   background: linear-gradient(to right, #8e9eab, #eef2f3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   margin: 10px;
   border-radius: 10px;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);
   border: 2px solid rgba(7, 7, 7, 0.12);
   font-size: 16px;
   transition: all 0.3s ease;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   cursor: pointer;
   transition: all 0.3s ease;
}

.icon1 {
   margin: 0 auto;
   width: 100%;
   height: 80px;
   max-width:80px;
   background-color: white;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--Orange);
   transition: all 0.8s ease;
   background-position: 0px;
   background-size: 200px;
}

.material-icon1s.md-18 { font-size: 18px; }
.material-icon1s.md-24 { font-size: 24px; }
.material-icon1s.md-36 { font-size: 36px; }
.material-icon1s.md-48 { font-size: 48px; }

.card-c .title {
   width: 100%;
   margin: 0;
   text-align: center;
   margin-top: 30px;
   color: var(--blue);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 4px;
}

.card-c .text {
   width: 80%;
   margin: 0 auto;
   font-size: 13px;
   text-align: center;
   margin-top: 20px;
   color: var(--blue);
   font-weight: 200;
   letter-spacing: 2px;
   opacity: 1;
   max-height:0;
   transition: all 0.3s ease;
}

.card-c:hover {
   height: 270px;
}

.card-c:hover .info {
   height: 90%;
}

.card-c:hover .text {
   transition: all 0.3s ease;
   opacity: 1;
   max-height:40px;
}

.card-c:hover .icon1 {
   background-position: -120px;
   transition: all 0.3s ease;
}
.post-thumb img {
    height: 65px;
}
.single .feature-box img {
    width: 100%;
    object-fit: cover;
}
.card-c-c:hover .icon1 i {
   background: #FDC830;  /* fallback for old browsers */
   background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   opacity: 1;
   transition: all 0.3s ease;
}
.single .feature-box img {
    width: 100%;
    object-fit: cover;
}
span.heading3 {
    position: relative;
    color: #f13729;
    font-size: 200px;
    font-weight: 800;
    line-height: 1em;
    margin-bottom: 20px;
    text-align: center !important;
}
h2.head2 {
    position: relative;
    display: block;
    color: #686868;
    font-size: 42px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 13px 0 14px;
}
h2.text-404 {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 32px;
}
.read-moresec .button{

    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #ffffff;
    font-size: 15px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    padding: 0 30px 0;
    transition: all 500ms ease;


}