:root {
  --white: #ffffff;
  --black: #000000;
  --black1: #222222;
  --black2: #111111;
  --gray1: #6c6c6c;
  --blue1:#33a0dc;
  --lightgray:#bbbbbb;
  --silver:#cccccc;
  --gray3:#dddddd;
  --lightyellow:#d3da36;
  --lightred:#e7e7e7;
  --transparent: transparent;
}
:root {
  --common-font-body: 'Poppins',sans-serif;
  --muli-sans-font: 'Muli', sans-serif;
  --robotofont:"Roboto";
  --firafont:"Fira Sans";
}
/* -------------- Testimonial Shortcode ----------- */
.our_testimonial_outer{
  letter-spacing: 1px;
  margin-top: 30px;
}
.our_testimonial_outer .testimonial_inner{
  border:2px solid var(--blue1);
  padding: 30px;
}
.our_testimonial_outer h5 a{
  font: 700 20px var(--muli-sans-font);
}
.our_testimonial_outer .short_text{ 
  font: 500 14px var(--robotofont);
  line-height: 27px;
}
.our_testimonial_outer .tdesig{  
  font: 500 15px var(--muli-sans-font);
  padding-bottom: 20px;
  line-height: 25px;
  color: var(--blue1);
}
.middle-content #comments{  display: none;}
/* ------------------Single Post ----------------- */
#single_post .postbox .postbox-content {  position: static;}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px var(--white);
}
.posttitle a{  
  font: 600 20px var(--muli-sans-font);
  letter-spacing: 2px;
}
.author_links a{  color: var(--black2);}
#sidebar .widget_recent_entries a{  font-size: 13px;}
/*------------------ Single Testimonials -----------------*/
#latest_post .owl-nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#latest_post button.owl-prev, #latest_post button.owl-next,.postbox,.content_boxes,#sidebar ul li:last-child{  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: var(--transparent);}
/*------------------ Contact Page -----------------*/
.contact-page-details,.contact-box .contact-head,.our_testimonial_outer{  padding-bottom: 30px;}
h3.contact-page {
  margin-left: 3%;
  color: #18304c;
  border-bottom: solid 4px var(--lightyellow);
  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:var(--transparent);
  border-color: var(--silver);
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border:1px solid var(--silver);
  background-color: var(--transparent);
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {  font-size: 16px;}
.contact-box .wpcf7 input[type="text"]::placeholder,.contact-box .wpcf7 input[type="email"]::placeholder,.contact-box .wpcf7 textarea::placeholder,.contact-box .contac_form input[type="submit"],.contact-box .contact-head h3{  font-family: var(--muli-sans-font);}
.contact-box .contac_form input[type="submit"]{
  border-radius: 40px;
  padding: 12px 20px;
}
section#contact-box,#sidebar ul,ul.post-categories,section h2{  margin:0;}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 20px;
}
.contact-address, .contact-email, .contact-phone {  margin: 7px 0;}
.c_content span {font-size: 18px;}
.c_content p{  font-size: 16px;}
.contac_form label,.blogimg-full img,#comment-nav-above .nav-links,.post-featured img,#sidebar input[type="search"],#sidebar label,#sidebar input[type="submit"],.inner_banner img, .title-box img,.contact-info,.title-box img{  width: 100%;}
.c_content,.share_icon i,.services_inner h4,.services_inner .short_text,#sidebar .tagcloud a:hover,.authordetails ul li a i{ color: var(--white);}
.contact-page-details {
  margin-bottom: 30px;
  text-align: left;
}
.contact-page-details span{
  font-size: 17px;
  letter-spacing: 0px;
  font-weight: 600;
}
.contact-page-details .inner-cont i{
  color:var(--white);
  padding: 14px 0;
  background-color: var(--blue1);
  width: 50px;
  height: 50px;
}
.contact-page-details .inner-cont p{
  font: 400 15px var(--robotofont);
  color: #6e6e6e;
  line-height: 28px;
}
.contact-color-bg form textarea,.contact-page-details .inner-cont i,.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"]{  border-radius: 5px;}
.contact-box .google-map{
  margin-bottom: 30px !important;
}
.contact-box .contact-icon{
  display: flex;
  align-items: center;  
  justify-content: center;
}
.contact-box .contact-head,.contac_form h3,.contact-box .contact-icon,.postbox h3,#sidebar form,#sidebar th,#sidebar table,#sidebar th,#sidebar td,.title-box,.single-post-content table td,.our_testimonial_outer,.share_icon i{
  text-align: center;
}
.contact-box .contact-head p{
  letter-spacing: 1px;
  line-height: 28px;
  color: #6e6e6e;
  font: 500 15px var(--robotofont);
  max-width: 80%;
  margin: 0 auto;
}
.contact-box .contact-head h3{
  font-size: 32px;
  font-weight: normal;
  padding-bottom: 10px;
}
/* --------- Blog Page ------- */
.postbox-content .post-text{
  font-size: 18px;
  color: #898989;  
  line-height: 28px;
}
.postbox-content .post-text,.authordetails .b-content,.single-post-content p,.outer_dpage p,.contact-page-details span{ font-family: var(--robotofont);}
.postbox h3{
  font-weight:normal;
  font-size:35px;
}
.metabox img { margin-left: 30%;}
.postbox {
  margin-bottom: 39px;
  border-radius: 6px;  
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{  margin:0 0 5px;}
.widget_recent_entries li {  padding: 10px 0;}
.metabox {
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
}
.metabox .entry-date{  margin:0 13px 0 0;}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{  padding: 0 0 0 20px;}
#comment-nav-above .nav-links {
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {  margin-left: 14px;}
.authordetails{  padding: 30px 0;}
.authordetails .author_links{
  padding-left: 17%;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;
  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 {
  padding:15px 15px 9px 15px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img,.authordetails ul li a i,.our_testimonial_outer img,.metabox img{  border-radius: 50%;}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: var(--blue1);
  color: var(--white) !important;
  border: 1px solid var(--blue1);
  font-weight: bold !important;
}
.navigation span.page-numbers.current{
  background-color: var(--white);
  border: 1px solid var(--blue1);
  color: var(--black) !important;
}
aside#search-3 {  padding: 0 !important;}
.post-singlepage {
  border: solid 1px var(--lightgray);
  box-shadow: 0 0 1px var(--lightgray);
}
.bradcrumbs{  padding:30px 0;}
.bradcrumbs a{ 
  color:var(--white);
  padding:5px 15px;
  margin-right:5px;
  background:var(--black1);
}
.bradcrumbs span{
  background:var(--gray3); 
  padding:5px 15px;
}
/*--------------- Sidebar -----------------*/
#sidebar td#prev a,#sidebar caption,#sidebar td,#sidebar caption,#sidebar th,#sidebar select,#sidebar input[type="search"],#sidebar .tagcloud a { color: var(--gray1);}
#sidebar table,#sidebar th,#sidebar td,#sidebar select,#sidebar input[type="search"],#sidebar .tagcloud a { border: 1px solid #e1e1e1;}
#sidebar td { padding: 7px;}
#sidebar th { padding: 5px;}
#sidebar select {
 padding: 10px 5px;
 background: var(--transparent);
}
#sidebar h3 {
  padding-bottom: 15px;
  margin-bottom: 11px;
  border-bottom: 1px solid var(--lightred);
  font: 600 24px var(--muli-sans-font);
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
}
#sidebar label{ margin-bottom: 0;}
#sidebar input[type="submit"]{
 background-color :var(--blue1);
 color:var(--white);
 padding:10px 0;
 font-size:12px;
 letter-spacing: 2px;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid var(--blue1);
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 font-size: 17px;
}
#sidebar ul li{
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#sidebar ul li a,#sidebar ul li {
  color: #343434;
  font-family: 600 15px var(--common-font-body);
}
#sidebar .tagcloud a{
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
}
#sidebar .tagcloud a:hover{ background:var(--black2);}
.single-post-content p{
  font-size: 18px;
  color: #898989;
  line-height: 28px;
}
.outer_dpage p{
  font-size: 16px;
  color: #8fa3aa;
  line-height: 28px;
}
/*------------- Page -----------------*/
.title-box{
  color:var(--white);
  text-transform:uppercase;
  margin-bottom:25px;
}
.title-box h1 { text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.middle-content {  padding-bottom: 20px;}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  margin: 10px 0;
}
.navigation a,.content_boxes,.main_title h1,section h3,#sidebar ul,section h2,section h5,section#contact-box { padding: 0;}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav,.post_tag .meta-sep,nav.woocommerce-MyAccount-navigation ul li,.cat-box,.date-box,h3.contact-page,.postbox h6,.authordetails .author_links,#sidebar input[type="submit"],.title-box h1,section h2,section h5,.postbox h2,.title-box,.navigation {  font-weight: bold;}
.navigation .current{
  background: #333333; 
  color:var(--white)
  font-weight:normal;
}
/* ------------- Category --------------------*/
.category-page h4{  text-align: left !important;}
ul.post-categories {  list-style: none;}
ul.post-categories li,.post_tag a:after,#comments .commentmetadata a,#comments .comment-awaiting-moderation,#sidebar .tagcloud a{  display: inline-block;}
ul.post-categories li:after{  content: ' ,';}
ul.post-categories li:last-child:after{  content: '';}
ul.post-categories a,section h5 {  color: #333333;}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_tag a:after{  content: ", ";}
.post_tag a:last-child:after{  content: "";}
/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
}
.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;}
.menubar.scrolled li.search-box { display: block !important;}
/*------------------ Comments BOX ------------------*/
#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  letter-spacing: 0px;
  font: 700 16px "PT Sans";
}
#comments .commentmetadata a{
  font-size: 18px;
  padding-top: 8px;
}
#comments h2.comments-title{  padding-bottom: 20px !important;}
#comments .comment-awaiting-moderation{  padding-top: 8px;}
.post-navigation a:hover{  color: #88d055 !important;}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--blue1) !important;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 2px 2px 0 0 #121212;
}
.woocommerce-MyAccount-content a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button { color: var(--blue1) !important;}
#comments input[type="submit"] {
    background: var(--blue1) !important;
    color: #121212;
    padding: 10px 20px;
    font-weight: 800;
    font-size: 12px;
}
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title { color: var(--blue1) !important; }
/*---------------- Banner ----------------------*/
.main_title,.contact-box .contac_form input[type="submit"] {
  margin-top: 20px;
}
.main_title h1{
  margin-bottom: 22px;
  font:600 36px var(--firafont);
  letter-spacing: 2px;
}
/*----------------------  index ---------------------------*/
.post-section {  padding: 20px 0;}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;  
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  margin: 0 0 15px 0;
}
.cat-box,.date-box {
  padding: 0 0 0 25px;
  font-style: italic;
}
/*------------------------- Headings --------------------------*/
section h2{
  margin-bottom: 20px;
  padding: 0 0 10px;
  letter-spacing: 3px;
}
section h3 {
  letter-spacing: 2px;
  font: 500 35px var(--muli-sans-font);
}
section h4,.contact-page-details .inner-cont i,#sidebar caption{ font-size:20px;}
section h5{ margin:0 0 10px 0; }
.innerbox{  background-size:100% 100%;}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
#comments .reply a,.our_testimonial_outer h5 a,.posttitle a,.page-header h1,.entry-title,.contact-box .contact-head h3,#sidebar h3,section h3,#comments .commentmetadata a:hover,.main_title h1{ color: var(--black1);}
section h2,section h4,.contact-info .head,.contact-page-details span,.metabox,.logged-in-as a,.metabox .entry-author a,.authordetails ul li a i,.bradcrumbs span,h4.posttitle a:hover{  color: var(--black);}
aside#block-2.widget_block, aside#block-3.widget_block, aside#block-4.widget_block {
    display: none;
}
.woocommerce-page ul.products a.added_to_cart {
    background-color: unset;
}
.page404 .read-moresec a {
    color: #f8f8f8;
    font: 900 16 px var #fff;
    text-align: center;
    background-color: #33a0dc;
    padding: 11px 25px;
    border-radius: 30px;
}