:root {
  --white: #ffffff;
  --black: #000000;
  --transparent: transparent;
}
.posttype-err-msg,.title-box,.our-team-shortcode .social-profiles,.single-post-content table td,.contact-box .contact-head,.contact-box .vw-minima-contact-box,.contact-box .vw-minima-contact-box span.social_widget a i,.postbox h3{
  text-align: center;
}
.widget_recent_entries span.post-date{
  text-align: left;
}
.title-box img,.widget_recent_entries span.post-date,.inner_banner img, .title-box img,#comment-nav-above .nav-links,.post-featured img,.feature-image-box img,.blogimg-full img{
  width: 100%;
}
.title-box,.navigation span, .navigation a,.vw-navigation span, .vw-navigation a,.navigation a:hover,.vw-navigation a:hover,.navigation .current,.vw-navigation .current,#vw-single-team .social-profiles i,.more_info a,.blog-icon i,.blog-icon i:hover,.bradcrumbs a{
  color: var(--white);
}
.page-numbers.dots,.navigation span.meta-nav,.vw-navigation span.meta-nav,section h2,section h4,.posttitle a:hover,.page-header h1,.entry-title,.main_title h1,.metabox,.metabox .entry-author a,.logged-in-as a,.logged-in-as a:hover,a.page-numbers, span.page-numbers.current,.blog-post h5,.bradcrumbs span{
  color:var(--black);
}
.title-box,.title-box h1,.navigation,.vw-navigation,.cat-box,.date-box,section h2,section h5,h3.contact-page,.postbox h6,.postbox h2,.authordetails .author_links{
  font-weight: bold;
}
/*------------- Page -----------------*/
.title-box{
  text-transform:uppercase;  
}
.title-box h1 {
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: var(--rozered);
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a,.widget_recent_entries span.post-date,.navigation,.vw-navigation,.related-post-wrapper .post-single-text{
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  float: left;
  margin-bottom: 11px;
  letter-spacing: 0px;
  color: var(--lightgrayish);
  font-family: var(--roboto-font);
}
/*---------------- page and blog Pagination ----------------*/
.navigation a,.vw-navigation a{
  padding: 0;
}
.navigation span, .navigation a,.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: 600;
  font-family: var(--roboto-font);
}
.navigation span.meta-nav,.post-navigation .post-title,.vw-navigation span.meta-nav{
  font:bold 16px var(--roboto-font);
  letter-spacing: 0px;
  line-height: 30px;
}
.navigation span.meta-nav,.vw-navigation span.meta-nav {
  margin-bottom: 0;
}
.post-navigation .post-title{
  color: #616161;
}
.navigation .current,.vw-navigation .current{
  background: var(--black2); 
  font-weight:normal;
}
/*----------------------  index ---------------------------*/
.postwrapper-box{
  border: 2px solid var(--offgray2);
}
.cat-box,.date-box{
  padding: 0 0 0 25px;
  font-style: italic;
}
.cat-box {
  background: url(assets/images/cat-icon.png) no-repeat 1px 3px;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(assets/images/date.png) no-repeat 1px 3px;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  padding:0;
  margin-bottom: 20px;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: 3px;
}
section h3 {
  font:500 35px var(--mulifont);
  letter-spacing: 2px;
  color: var(--black1);
  padding: 0;
}
section h4{
  font-size:20px;
}
section h5{
  color:var(--black2); 
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/* ------------- Shortcodes ----------------- */
.case_studies-shortcode,.our-team-shortcode .our-team-content{
  margin-bottom: 30px;
}
.case_studies-shortcode #comments{
  display: none;
}
.our-team-shortcode .social-profiles {
  padding: 10px 0;
  opacity: 0;
  margin-top: -30px;
  position: relative;
  bottom: -30px;
}
#our-team .team-title {
  font:700 23px/28px "Jost";
  color: #000000;
  margin-top: 15px;
}
.case_studies-shortcode a{
  font:700 24px/28px "Jost";
  color: #000000;
  letter-spacing: 0;
}
.case_studies-shortcode a:hover{
  color: #000000;
}
/* ---------- Single Pages ------------ */
.single-page-content p,#vw-single-team .vw-single-team-info p{
  font:500 16px var(--roboto-font);
  letter-spacing: 0px;
  line-height: 30px;
  color: var(--cyangray);
}
#vw-single-team .social-profiles i{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding:13px;
  background: #fb6e79;
}
/* ------------------Single Post ----------------- */
#single_post .postbox .postbox-content {
  position: static;
}
.posttitle a{
  font:400 25px var(--source-saun-font);
  letter-spacing: 2px;
  color: var(--black2);
}
.page-header h1,.entry-title,.author_links a{
  font-family: var(--source-saun-font);
  font-weight: 600;
}
.single-post-content .wp-audio-shortcode{
  margin-bottom: 50px;
}
.author_links a{
  color: var(--black2);
}
#sidebar .widget_recent_entries a{
  font-size: 13px;
}
/* ----------- Related Post -------------- */
.related-post-wrapper .post-page-title{
  font-size: 15px;
  font-weight: 600;
  display: block;
}
.related-post-wrapper .post-single-text{
  line-height: 28px;
}
/*------------------ Contact Page -----------------*/
.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:var(--transparent);
  border-color: var(--Sumgray);
  color: var(--black2);
  border-radius: 0px;
  box-shadow: none;
  border:none;
  background-color: var(--white);
  -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);
}
.contact-color-bg form textarea,.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"]{
  width: 100% !important;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  font-size: 16px;
  padding: 10px 18px;
  margin: 0 12px 13px 0;
  height: auto;
  border:1px none;
  background-color: var(--white);
  border-radius: 5px;
  -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);
}
.contact-box .contac_form input[type="submit"],.contact-box .wpcf7 textarea::placeholder,.contact-box .wpcf7 input[type="text"]::placeholder,.contact-box .wpcf7 input[type="email"]::placeholder{
  font-family: var(--mulifont);
}
.contact-box .contac_form input[type="submit"]{
  border-radius: 40px;
  padding: 12px 20px;
  display: inherit;
  margin: 20px auto 0 auto;
}
#contact-box{
  padding:0;
  margin:0;
}
.contact-color-bg form textarea{
  margin-right: 10px;
  border-radius: 5px;
  padding-left: 20px;
  padding-top: 23px;
}
.contact-box .contact-head p{
  font:500 15px var(--roboto-font);
  letter-spacing: 1px;
  line-height: 28px;
  color: var(--gray1);
  max-width: 80%;
  margin: 0 auto;
}
.contact-box .contact-head h2{
  font:600 32px var(--source-saun-font);
  color: var(--black1);
}
.contact-box .vw-minima-contact-box{
  -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);
  height:216px !important;
}
.contact-box .vw-minima-contact-box span{
  font:600 25px var(--source-saun-font);
  letter-spacing: 1px;
  color: var(--black1);
  display: block;
}
.contact-box .vw-minima-contact-box i{
  font-size: 35px;
  color: #3c7ce0;
}
.contact-box .vw-minima-contact-box p{
  font:500 16px var(--roboto-font);
  letter-spacing: 0px;
  line-height: 30px;
  color: var(--cyangray);
  margin-bottom: 0px;
}
.contact-box .contac_form{
  margin: 0 auto;
  max-width: 55%;
}
/*---------------- Banner ----------------------*/
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font:600 36px var(--source-saun-font);
  letter-spacing: 2px;
}

/* --------- Social Icon Widget ------- */
.social_widget a {
  color: var(--rozered);
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
}
/* --------- Blog Page ------- */
.postbox-content .post-text{
  font:500 16px var(--roboto-font);
  letter-spacing: 1px;
  line-height: 27px;
  color: var(--cyangray);
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   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);
}
.postbox h2{
  margin:0 0 5px; 
}
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 var(--white);
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.metabox {
  clear: both;
}
.metabox .entry-author,.metabox .entry-author a,.metabox .entry-comments{
  font-family: var(--roboto-font);
}
#comment-nav-above .nav-links {
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
  margin-left: 14px;
}
.authordetails .b-content {
  font:500 15px var(--roboto-font);
  letter-spacing: 0px;
  line-height: 26px;
  color: var(--lightgrayish);
  font-style: italic;
}
h2#reply-title{
  font-family: var(--source-saun-font);
}
.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(--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(--black) !important;
  color: var(--white) !important;
  font-family: var(--roboto-font);
}
/* --------- Inner Pages --------- */
.more_info a {
  background: var(--gray1);
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: var(--white);
  color: var(--black2);
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current,.navigation span.page-numbers.current{
  border: 1px solid var(--rozered);
}
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: var(--rozered);
}
.navigation span.page-numbers.current{
  background-color: var(--white);
  color: var(--black) !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px var(--gray1);
  box-shadow: 0 0 1px var(--gray1);
}
.bradcrumbs a{
  background:var(--black1); 
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:var(--offgray2); 
  padding:5px 15px;
}

/* ------------- Shortcodes ----------------- */
.middle-content #comments{
  display: none;
}
/* --------- Service Shortcode ------------ */
.s-services-box {
  text-align: center;
  margin: 25px 0;
}
.s-services-box img {
  background-color: #fb6e79;
  width: 100px;
  height: 100px;
  border-radius: 20px;
  padding: 15px;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}
.s-services-box:hover img{  
  transform: rotate(-360deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: 1000ms ease all;
  transition: 1000ms ease all;
}
.services-box h5 a:hover{
  color: #fb6e79;
}
.s-services-box h5{
  padding: 20px 0;
}
.s-services-box h5 a {
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 20px;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  text-align: center;
}
.s-services-box .services_text {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 29px;
  color: #525252;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
/* --------- team ------------ */
.team_details {
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
  text-align: center;
  padding: 20px 10px;
  margin-top: 30px;
}
.s-team-blog h5{
  padding: 10px 0;
}
.s-team-blog h5 a {
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 30px;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  text-align: center;
}
.s-team-blog span {
  color: #9e9e9f;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 24px;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-align: center;
}
.social-profiles {
  margin: 17px 0 0;
}
.social-profiles a{
  padding: 10px;
}
.social-profiles a:hover{
  color: #fb6e79;
}
.team_details:hover {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2);
}
/* -------------- Testimonial Shortcode ----------- */
#testimonials .testimonials-box {
  text-align: center;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
  padding: 20px;
  margin: 20px 0;
}
.testimonials-box img {
  border-radius: 50%;
}
.testimonials-box h5 a {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #141313;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  text-align: center;
}
.testimonials-box span {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #656565;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  text-align: center;
}
.testimonials-box .testi-text {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #74777a;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 20px;
}
.testimonials-box:hover{
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 12px 24px rgba(0,0,0,0.3), 0 10px 10px rgba(0,0,0,0.2);
}