/*
Theme Name: The Writers Blog Pro
Theme URI:  https://www.themeseye.com/wordpress/wordpress-themes-for-blog/
Author: Themeseye
Author URI: https://www.themeseye.com/
Description: Having a blog is nothing new but having a unique blog that stands out among others so readers prefer you over others is what really matters. This blog WordPress theme is exceptionally beautiful, modern, stylish and performance focused to let you write down your thoughts in the most catchy manner so readers remain glued to your website for the longest time. It is a multipurpose theme that can be used as a blog, portfolio, landing page, online journal, news and magazine website and its content focused layout enables it to be used by authors, writers, poets, journalists and people belonging to literature field. This blog WordPress theme loads on all browsers and its responsive layout makes your content available just a fingertip away from readers. We have thoughtfully included plenty of social media icons to make your blog reach maximum people in minimum time. It is multilingual and search engine optimized.
Version: 1.1
License: GNU General Public License
License URI:license.txt
Text Domain: the-writers-blog-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
The Writers Blog Pro WordPress Theme has been created by ThemeEye(themeseye.com), 2018.
The Writers Blog Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#f5f5f5; 
  position:relative; 
  font-size: 15px;
  color: #313131;
  font-family: 'Montserrat';
  font-weight: 300;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#313131;
  font-family:Montserrat;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:16px;
  font-weight:300;
  color:#313131;
  font-family:Montserrat;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#fe0219;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{
  font-size: 16px;
  list-style:none;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 5px 30px;
  font-weight: 500;
  margin: 0 auto;
  font-family: Montserrat;
  color: #fff;
  background-color: #fe0219;
  text-transform: uppercase;
  border: solid 1px #fe0219;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
    height: 100px;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0px auto;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
    color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
    color: #ffffff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 2px;
}
#footer p {
    padding-top: 15px;
    color: #fff;
    font-weight: 500;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  width: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 99999;
  position: absolute;
  top: 50px;
  right: 5px;
  display: none;
}
.serach_inner {
  width: 100%;
  padding: 10px;
  float: right;
  max-width: 510px;
  background: #ffffff;
}
.closepop {
  width: 100%;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 16px !important;
  padding: 4px 0 0 0;
  color: #fe0219 !important;
  cursor: pointer;
  font-weight: bold;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #fe0219;
  padding: 7px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  width: 100%;
}
.serach-page input.search-field {
   padding: 10px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 75%;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: #21282e;
    color: #fff;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
.search-box span {
  background-color: #fe0219;
  padding: 12px 15px;
  cursor: pointer;
  display: inline-block;
}
.search-box i {
  color: #ffffff;
}
/*------------------------Section Heading-----------------------*/
.section-title {
    text-align: center;
    padding-bottom: 25px;
}
/*-------------------------Top Bar------------------------------*/
.top_bar {
    background: #eaf3f8;
    padding: 0px !important;
}
.contact_details ul.left-side-content li {
  list-style: none;
  display: inline;
  color: #ffffff;
  line-height:35px;
  font-size: 12px;
}
.contact_details ul li.search-box span {
  border: none;
  padding: 15px 18px;
  margin-right: 0;
}
.contact_details ul li span {
  padding-right: 10px;
  font-family: Font Awesome5 Free Solid;
  font-weight: 550;
}
.contact_details i{
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.contact_details ul.left-side-content i {
    color: #fe0219;
    font-size: 14px;
    cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
p.hi_bold {
  color: #1e1d1c;
}
p.hi_normal {
  color: #757575;
}
.contact_details ul li span i {
  padding-right: 6px;
}
.contact_details ul li a {
  color: #ffffff;
}
#site_top .socialbox a i, #site_top.social_widget a i,
.copyright .socialbox a i, .copyright .social_widget a i {
  font-size: 12px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
  color: #313131;
}
.socialbox a {
  padding: 0px 5px;
}
.socialbox a:last-child{
  border: none;
}
#site_top a.register{
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
#site_top a.login{
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
span.hi_normal {
    font-weight: 500;
}
#site_top .register-section ul li {
    display: inline-block;
}
#site_top .register-section ul li:hover{
  background-color: #fe0219;
}
.register-section ul {
    float: right;
}
#site_top .social-icons {
    margin: 0 auto !important;
    text-align: center !important;
    float:none !important;
}
#site_top .register-section ul {
    margin: 0 auto;
    text-align: center;
    float:none !important;
}
#site_top .socialbox a:hover i, .copyright .socialbox a:hover i {
    color: #fe0219;
}
/* ------------------------Header---------------------------- */
.home #masthead {
  background-color: transparent !important;
  width: 100% !important;
  position: absolute;
  z-index: 99;
}
#masthead {
    background-color: #000 !important;
    width: 100% !important;
    position: relative;
    z-index: 99;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
#header {
 width: 75%;
 margin-left: 155px;
}
#header .search i {
    padding-right: 10px;
    color: #313131;
    float: right;
    font-size: 12px;
}
#header .main-navigation li a:hover {
    color: #fff;
}
#header .main-navigation ul.sub-menu li a {
    color: #000;
}
#header .main-navigation ul.sub-menu li:hover a {
    color: #000;
    background:transparent;
    color: #fe0219;
}
#header .socialbox {
    padding-top: 18px;
}
#topbar {
  border-top: 10px solid #435061;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.menubar {
    background-color: #eaf3f8;
}
#header .logo, #footer .logo{
  margin:0; 
  padding: 10px 0; 
  text-align: center;
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a, .logo h1 a{
  color: #2b3546;
  text-transform: uppercase;
  font-size: 26px;
}
.logo p{ 
  color: #2b3546;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
#header .search {
    padding-top: 30px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:#fff;
}
#masthead.scrolled {
  padding: 5px;
  background: #ffffff;
}
#site-navigation {
    width: 100%;
}
#footer #site-navigation{
  text-align: center;
  border-bottom: solid 1px #434343;
}
/*-----------------Slider-----------------*/
 #slider .slider-btn{
    margin-top: 25px;
  }
 #slider a.slider-btn{
  border: solid 1px #dd3333;
  padding:15px 25px;
  font-family: Montserrat;
  font-weight:550;
 } 
 #slider a.slider-btn:hover{
  background-color: #dd3333;
  color:#fff;
 }
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
#header .main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  text-align: center;
}
 .main-navigation li{
  position: relative;
  display: inline-block;
}
#header .main-navigation li:last-child{
  border-right: none;
}
 .main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #313131;
  padding: 0;
  font-size: 12px;
  position: relative;
  text-transform: uppercase;
  padding: 15px;
  font-weight: 500;
  font-size: 13px;
  font-family: Montserrat;
}
#header .main-navigation li a:hover{
    color: #fe0219;
    display:block;
}
#header .main-navigation li a:hover .sf-arrows .sf-with-ul:after{
  color:#fff !important;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

#header .main-navigation .current_page_item > a,
#header .main-navigation .current-menu-item > a,
#header .main-navigation .current_page_ancestor > a{
  color: #fe0219;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #fe0219;
}


.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #000000;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 10px;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight: 900;
  padding: 0;
}
section h4{
  color:#000; 
  font-size:20px;
  padding: 0px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
  font-size: 18px;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
    display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading p{
  max-width: 600px;
  width: 100%;
  margin: 15px auto 25px;
  line-height: 24px;
}
h3.title a {
  color: #ffffff;
}
.post_dec {
  font-size: 18px;
}
.box-search-icon a i {
  color: #ffffff;
}
.box-search-icon a {
  background-color: #003056;
  padding: 10px 12px;
  border-radius: 50%;
}
.box-search-icon {
  position: absolute;
  bottom: 10%;
  right: 0;
  padding: 30px;
}

/*------------------------- Gallery -----------------------------*/
/* Image Hover */
.view {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask,
.view .content { 
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img {
  display: block;
  position: relative;
  width:100%;
}
#gallery p{
  text-align:center;
  font-size: 35px;
}
.single-post .gallery-image img {
  height: 150px;
}
.gallery-image img{
  height:250px !important;
  width:100%;
}
.gallery_img{
  width: 100%;
  height: 100%;
}
/* gallery */
figure.gallery-item {
  width: 20%;
  float: left;
}
.gallery-image {
  height: 100%;
  margin-bottom: 30px;
}
.view img {
  display: block;
  position: relative;
  width:100%;
  height:200px;
}
.bwt_img {
    height: 100%;
    width: 100%;
}
.view a.info {
  background: url(assets/images/link.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  top: 43%;
  transform: translate(-50%);
  border-radius: 50%;
}
.row-eq-height > [class^=col] {
  display: flex;
  flex-direction: column;
}
.head-inner.text-center {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
/*------------------Latest Post -----------------*/
.post_thumb {
  position: relative;
}
.tags{
  padding: 25px 0 15px;
  text-transform: uppercase;  
}
.tags a{
  text-transform: capitalize;
  border: solid 1px #66686b;
  padding: 3px 15px;
  border-radius: 15px;
  color: #66686b;
  margin: 2px 5px;
  display: inline-block;
}
/*--------Post Box One------------*/
.postbox .postpic{
    position: relative;
    overflow: hidden;
}
.postbox .postpic:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.postbox:hover .postpic:before{
    opacity: 0.4;
}
.postbox .postpic:after{
    content: "";
    width: 100%;
    position: absolute;
    top: -35%;
    background: rgba(0, 0, 0, 0.6);
    transform: rotate(10deg);
    transition: all 0.4s ease 0s;
}
.postbox:hover .postpic:after{
    left: -50%;
}
.postbox .postpic img{
    width: 100%;
    height: auto;
}
.postbox .posticon-1,
.postbox .posticon-2{
    display: block;
    width: 100%;
    height: 100%;
}
.postbox .posticon-1{  left: 0; }
.postbox .posticon-2{ right: 0; }
.postbox:hover .posticon-1,
.postbox:hover .posticon-2{
    opacity: 1;
}
.postbox .posticon-1 a,
.postbox .posticon-2 a{
    display: inline-block;
    font-size: 25px;
    color: #fff;
    position: relative;
    top: 47%;
}
.postbox .postbox-content{
    text-align: center;
    padding: 23px 30px;
    transition: all 0.3s ease 0s;
}
.postbox h3.posttitle a{
    font-size: 18px;
    font-weight: 600;
    color: #313131;
    font-family: Montserrat;
}
.postbox .pdate span.entry-date {
    color: #fff;
    font-family: Montserrat;
    font-weight: 550;
    font-size: 25px;
}
.postbox span.entry-month {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.postbox span.entry-year {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.postbox .date-inner {
    margin: 0 auto;
    text-align: center;
    transform: skew(0deg,15deg);
}
.postbox .date-div {
    margin-top: 18px;
    margin-bottom: 18px;
}
.postbox .posttext{
    display: block;
    color: #4b5562;
    font-family: Open Sans;
    transition: all 0.3s ease 0s;
}
.postbox-content i {
    color: #fe0219;
}

.pdate {
    background-color: #fe0219;
    padding: 5px;
    transform: skew(0deg,-15deg);
    margin-left: 30px;
    margin-top: -10px;
}
#postbox_one .postbox ul li {
    font-size: 16px;
    text-align: center;
}
.postbox .view-post a {
    color: #fff;
    background-color: #fe0219;
    padding: 12px 15px;
    font-family: Montserrat;
    font-weight: 600;
}
.postbox .view-post {
    -webkit-transform: skew(-200deg);
    -moz-transform: skew(-200deg);
    transform: skew(-200deg);
}
.postbox .post-bottom {
    margin-top: 30px;
}
.postbox .view-post i {
    color: #fff;
    padding-left: 5px;
    font-size: 12px;
}
.postbox .socialbox a {
    padding: 10px;
    background-color: #fe0219;
    border-radius: 50%;
}
.postbox .socialbox a i {
    color: #fff;
    font-size: 12px;
    width: 18px;
}
.postbox .post-heading {
    margin-top: 25px;
}
.postbox-two .socialbox a i {
    color: #fff;
    font-size: 12px;
    width: 18px;
    padding-left: 3px;
    padding-bottom: 3px;
}
.postbox-two .post-bottom {
    margin-top: 25px;
}
.postbox-two .postbox-content-inner {
    padding-top: 10px;
    text-align: center;
}
.postbox-content-inner i {
    color: #fe0219;
    padding-right: 5px;
}
.postbox-two span.entry-date {
    font-family: Font Awesome;
    color: #313131;
    font-size: 12px;
}
.postbox-two span.author {
    font-family: Font Awesome;
    color: #313131;
    font-size: 12px;
}
.postbox-two span.comments {
    color: #313131;
    font-size: 12px;
}
.postbox-two .view-post a {
    color: #fff;
    background-color: #fe0219;
    padding: 12px 15px;
    font-family: Montserrat;
    font-weight: 600;
}
.postbox-two img {
    width: 100%;
}
/*----------Blog with full width extend-----------*/
#full-width-blog .postpic {
    margin: 0 auto;
    text-align: center;
}
#blog-left-sidebar .postpic {
    margin: 0 auto;
    text-align: center;
}
#blog-right-sidebar .postpic {
    margin: 0 auto;
    text-align: center;
}
/*------------------Post Box Two------------------*/
.postbox-two h3.posttitle a {
    color: #313131;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
}
.post-contents-two {
    background-color: #fff;
}
.postbox-contents-two {
    padding: 15px 5px;
}
.postbox-two .posttext {
    color: #a1a1a1;
    font-family: Montserrat;
}
.postbox-two .socialbox a {
    padding: 8px;
    background-color: #fe0219;
    border-radius: 50%;
}
.postbox-two .view-post i {
    color: #fff;
    padding-left: 5px;
    font-size: 12px;
}
.postbox-two .view-post {
    transform: skew(-20deg);
}
.postbox-two .overlay {
    position: absolute;
}
.postbox-two .date-inner p.entry-date {
    color: #fff;
    font-family: Montserrat;
    font-weight: 550;
    font-size: 25px;
    margin:0 auto;
    text-align: center;
}
.postbox-two p.entry-month {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
.postbox-two p.entry-year {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
.postbox-two .date {
    background-color: #fe0219;
    padding: 5px 10px;
    transform: skew(0deg,-15deg);
    margin-left: 30px;
    margin-top: -10px;
}
.postbox-two .date-inner {
    transform: skew(0deg,15deg);
}
.post-contents-two-outer_two {
    background-color: #fff;
    margin-right: -12px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.post-contents-two-outer_one {
    background-color: #fff;
    margin-left: -12px;
    margin-top: 25px;
    margin-bottom: 25px;
}
/*------------------Post Box Four----------------*/
.postbox .post-heading {
    text-align: center;
}
#postbox_four .post-contents-four-outer {
    background: #fff;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    margin-top: -20%;
    z-index: 99999;
    position: relative;
    padding:15px;
}
#postbox_four .post-heading h4 a {
    font-family: Montserrat;
    font-size: 15px;
}
#postbox_four h3.posttitle a {
    color: #313131;
    font-family: font-family;
    font-size: 18px;
    font-weight: 500;
}
#postbox_four span.entry-date {
    font-family: Font Awesome;
    color: #313131;
    font-size: 12px;
}
#postbox_four span.author {
    font-family: Font Awesome;
    color: #313131;
    font-size: 12px;
}
#postbox_four span.comments {
    color: #313131;
    font-size: 12px;
    font-family: Font Awesome;
}
#postbox_four .posttext{
  color: #a1a1a1;
  font-family: Montserrat;
}
#postbox_four .overlay {
    position: absolute;
}
#postbox_four .date-inner p.entry-date {
    color: #fff;
    font-family: Montserrat;
    font-weight: 550;
    font-size: 25px;
    margin:0 auto;
    text-align: center;
}
#postbox_four p.entry-month {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
#postbox_four p.entry-year {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}
#postbox_four .socialbox a {
    padding: 5px;
    background-color: #fe0219;
    border-radius: 50%;
}
#postbox_four .socialbox a i {
    color: #fff;
    width: 20px;
    font-size: 12px;
}
#postbox_four .view-post a{
  color: #fff;
  background-color: #fe0219;
  padding: 12px 15px;
  font-family: Montserrat;
  font-weight: 600;
}
#postbox_four .view-post {
    transform: skew(-20deg);
}
#postbox_four .post-bottom {
    padding-top: 20px;
    margin-bottom: -25px;
}
#postbox_four .view-post a{
  color: #fff;
  background-color: #fe0219;
  padding: 12px 10px;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 14px;
}
#postbox_four .view-post i {
    color: #fff;
    padding-left: 5px;
    font-size: 12px;
}
#postbox_four .navigation {
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
}
#postbox_four img {
    width: 100%;
}
/*------------Home Page Sidebar Widgets------------*/
/*--------------Recent Posts Widget----------------*/
.recent-post-box .post-content a {
    color: #313131;
    font-family: Montserrat;
    font-weight: 550;
    font-size: 15px;
}
aside#recent-posts-3 ul {
    margin: 0px 15px;
}
aside#recent-posts-3 {
    background-color: #fff;
}
.recent-post-box .post-content {
    text-align: center;
    padding-top: 15px;
}
.recent-post-box .posttext {
    color: #4b5562;
    font-family: Montserray;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
h3.widget-title {
    text-align: center;
}
h3.widget-title a {
    color: #fff;
    background-color: #fe0219;
    padding: 12px 15px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    color: #fff !important;
}
.widget-title-div {
    margin-top: -35px;
    transform: skew(-20deg);
}
aside#recent-posts-3 {
    margin-top: 35px;
    margin-bottom: 35px;
}
/*---------------Categories Widget---------------*/
aside#categories-3 ul li {
    background: url(assets/images/icon.png) no-repeat 0px 12px;
    padding: 12px 25px;
    color: #999999;
    border-bottom: solid 1px #ccc;
    font-size: 13px;
    font-weight: 700;
}
aside#categories-3 ul li:last-child { 
  border-bottom: none;  
}
aside#categories-3 {
    background-color: #fff;
}
aside#categories-3 ul li a {
    color: #999999;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 700;
}
aside#categories-3 ul {
    margin: 15px 15px;
}
aside#categories-3 ul li:hover{
    color: #fe0219;
}
aside#categories-3 ul li:hover a{
    color: #fe0219;
}
aside#categories-2 ul li {
    background: url(assets/images/icon.png) no-repeat 0px 12px;
    padding: 12px 25px;
    color: #999999;
    border-bottom: solid 1px #ccc;
    font-size: 13px;
    font-weight: 700;
}
aside#categories-2 ul li:last-child { 
  border-bottom: none;  
}
aside#categories-2 {
    background-color: #fff;
}
aside#categories-2 ul li a {
    color: #999999;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 700;
}
aside#categories-2 ul {
    margin: 15px 15px;
}
aside#categories-2 ul li:hover{
    color: #fe0219;
}
aside#categories-2 ul li:hover a{
    color: #fe0219;
}
/*-------------------Text Widget------------------*/
aside#text-2 .textwidget {
    background-color: #ffffff;
    padding: 25px;
}
.textwidget p {
    text-align: center;
    float: none !important;
}
/*---------------------Tag Cloud----------------------*/
aside#tag_cloud-2 {
    margin-top: 35px;
    margin-bottom: 25px;
}
aside#tag_cloud-2 .tagcloud a {
    color: #999999;
}
aside#tag_cloud-2 {
    background-color: #fff;
}
.tagcloud {
    padding: 25px;
}
.tagcloud a {
    color: #999999;
    display: inline-grid;
    border: solid 1px #999999;
    width: 40%;
    margin: 5px;
    transform: skew(-20deg);
    padding: 8px;
    font-weight: 500;
    color: #999999;
    font-size: 12px !important;
    text-transform: uppercase;
}
/*------------------Promo Banner-----------------*/
.promo-banner {
    background: rgba(254,235,238,0.9);
    height: 50%;
    width: 70%;
    transition: .5s ease;
    position: absolute;
    text-align: center;
    padding: 15px;
    opacity: 1;
    top: 25%;
    left: 40px;
    color: #fff;
}
.promo-banner h4.top_title, h4.sub_title, p.message {
    color: #313131;
    font-family: Montserrat;
    font-weight: 550;
    font-style: italic;
    font-size: 20px;
}
.about_me .image-box-media {
    position: relative;
}
/*----------------Instagram Feed-----------------*/
aside#text-3 {
    background-color: #fff;
    padding: 10px;
}
/*--------------------About Me Widget-------------------*/
.about_me {
    background-color: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
}
.about_me h3.top_title a {
    color: #fff;
    background-color: #fe0219;
    padding: 12px 15px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 14px;
    color: #fff !important;
}
.about_me h3.top_title {
    transform: skew(-20deg);
    text-align: center;
}
.about_me_title {
    margin-top: -27px;
}
.about_me p.sub_title {
    text-align: center;
    padding-top: 12px;
    font-size: 25px;
    font-family: Montserrat;
    font-style: italic;
    font-weight: 500;
}
.about_me p.message {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    font-style: normal;
    font-family: Montserrat;
}
.about_me aside {
    text-align: center;
    padding-bottom: 7px;
}
/*----------------Instagram Widget---------------*/
aside#text-3 {
    margin-bottom: 29px;
}
/*---------------Gallery Widget------------------*/
#gallery-1 .gallery-item {
    margin-top: -20px !important;
}
#gallery-1 {
    margin-bottom: 25px !important;
}
/*---------------Common Widgets-----------------*/
h3.widget-title {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 15px;
}
/*-----------------Monster Widget-----------------*/
.widget_categories ul li {
    background: url(assets/images/icon.png) no-repeat 0px 12px;
    padding: 12px 25px;
    color: #999999;
    border-bottom: solid 1px #ccc;
    font-size: 13px;
    font-weight: 700;
}
.widget_categories ul li:last-child { 
  border-bottom: none;  
}
.widget_categories ul li a {
    color: #999999;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 700;
}
.widget_categories ul {
    margin: 15px 15px;
}
.widget_categories ul li:hover{
    color: #fe0219;
}
.widget_categories ul li:hover a{
    color: #fe0219;
}
/*------------Monster Archive Widget-------------*/
.widget_archive ul li {
    background: url(assets/images/icon.png) no-repeat 0px 12px;
    padding: 12px 25px;
    color: #999999;
    border-bottom: solid 1px #ccc;
    font-size: 13px;
    font-weight: 700;
}
.widget_archive ul li:last-child { 
  border-bottom: none;  
}
.widget_archive ul li a {
    color: #999999;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 700;
}
.widget_archive ul {
    margin: 15px 15px;
}
.widget_archive ul li:hover{
    color: #fe0219;
}
.widget_archive ul li:hover a{
    color: #fe0219;
}
/*---------------Monster Widget Pages---------*/
.widget_pages ul li {
    background: url(assets/images/icon.png) no-repeat 0px 12px;
    padding: 12px 25px;
    color: #999999;
    border-bottom: solid 1px #ccc;
    font-size: 13px;
    font-weight: 700;
}
.widget_pages ul li:last-child { 
  border-bottom: none;  
}
.widget_pages ul li a {
    color: #999999;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 700;
}
.widget_pages ul {
    margin: 15px 15px;
}
.widget_pages ul li:hover{
    color: #fe0219;
}
.widget_pages ul li:hover a{
    color: #fe0219;
}
/*----------------Monster Widget Meta------------*/
.widget_meta ul li {
    background: url(assets/images/icon.png) no-repeat 0px 12px;
    padding: 12px 25px;
    color: #999999;
    border-bottom: solid 1px #ccc;
    font-size: 13px;
    font-weight: 700;
}
.widget_meta ul li:last-child { 
  border-bottom: none;  
}
.widget_meta ul li a {
    color: #999999;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 700;
}
.widget_meta ul {
    margin: 15px 15px;
}
.widget_meta ul li:hover{
    color: #fe0219;
}
.widget_meta ul li:hover a{
    color: #fe0219;
}
/*---------------Monster widget Search-----------*/
input[type="submit"] {
    width: 100%;
    transform: skew(-20deg);
}
/*----------------- Single Work -----------------*/
a.post_taxonomy {
  font-size: 18px;
  color: #000000;
}
a.work_url {
  display: table;
  margin-top: 10px;
  padding: 10px;
  background-color: #fe0219;
  color: #ffffff;
  font-weight: bold;
}
/*------------------ Contact Page -----------------*/
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form  {
  box-shadow: 0 0 15px 6px #ccc;
  padding: 15px;
}
.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-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
.contac_form.col-md-12 {
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
}
.contac_form h3 {
  text-align: center;
  color: #fe0219;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #fe0219;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}
/*----------------------Footer Widgets--------------------------*/
#footer .about_me i {
    color: #fe0219;
}
div#footer {
    background-size: cover;
    background-repeat: no-repeat;
}
/*---------------------Footer Box Section------------------------*/
#footer_box #site-navigation{
  padding-top:25px;
}
#footer_box .recent-post-box .posttext {
    color: #fff;
}
/*---------------------Footer Widgets--------------------*/
#footer h3.widget-title {
    text-align: left;
}
#footer_box .custom-social-icons {
    text-align: center;
}
/*---------------- Footer Contact Details ----------------------*/
.footer_details {
  color: #ffffff;
}
.footer_details i {
  font-size: 28px;
  padding: 4px 12px;
  color: #fe0219;
}
.footer_details .socialbox i{
  font-size: 16px;
  color: #ffffff;
}
.footer_details .socialbox a{
  padding: 8px 0px;
  margin-bottom: 5px;
  display: inline-block;
}
.footer_details .socialbox a:hover {
    background: #fe0219;
}
.footer_details .socialbox a:hover i{
  color: #000000;
}
/*---------------- Footer Section ----------------------*/
#custom_footer {
  background-color: #000000;
  padding-top: 150px;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer label{
  display: block;
}
#footer form.search-form input{
  float: left;
  border: 1px solid;
}
#footer input.search-field{
  width: 100%;
}
#footer input[type="submit"]{
  width: 100%;
  transform: none !important;
}
#footer input, #footer textarea{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright {
  background-color: #fff;
  background-size: cover;
  padding: 25px;
}
.copyright p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}
.copyright.socialbox a i {
    color: #999999;
}
.copyright p {
    color: #999999;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 550;
}
.copyright .footer-logo {
    text-align: center;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:3em 0 0 0px;
  background-color: #000000;
}
#footer .widget_calendar caption{
  color: #fff;
}
.footer_hide{
  display:none;
}
.footer-top-col {
    border-left: solid 5px #fe0219;
    padding-left: 15px;
}
.container #blog-right-sidebar h3, #footer h3{
  color:#fe0219;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
	cursor: pointer;
}
#footer input{
  padding:8px 8px; 
  float:left;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background-color: #fe0219;
  color: #ffffff;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #337ab7;
  margin:30px 0 0 0;
  padding-top:40px;
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 0 0;
  text-align:left;
}
#footer ul.sub-menu li a {
    color: #000;
}
#footer ul li a{
  color:#ffffff;
  font-family: Gotham;
}
#footer p{
font-size:14px;
margin: 0;
line-height: 20px;
}
.widget_recent_entries img {
  width: 100%;
}
#footer h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}
.footer-cols {
  padding-bottom: 40px;
  padding-top: 25px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.ts-credit, .ts-credit a{
  color: #ffffff;
}
.copyright .main-navigation a{
  color:#fff;
  font-family:Montserrat;
  font-weight:500;
  text-align: right;
}
.copyright .main-navigation li{
  float:right;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff !important;
  padding: 7px 10px;
  margin-right: 12px;
  display: inline-block;
  margin-bottom: 5px;
  border: solid 1px #ffffff !important;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
.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; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
  margin-bottom: 39px;
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 90%;
  margin: 0 auto;
  border-radius: 6px;
  box-shadow: 5px 5px #f0f1f1;
  background-color: #fff;
}
.inner-post {
    margin-top: 70px;
}
.postpic{
  margin: 0 auto;
}
.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 {
  margin: 10px;
  list-style: none;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
#sidebar h3.top_title {
  background: none;
  margin: 0 auto;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  display:none;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 5px 15px 5px 15px;
  background: #fff;
  color: #000 !important;
  border: 1px solid #fe0219;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #fe0219;
  color: #000000 !important;
}
.navigation a.next.page-numbers {
    color: #000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.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:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background-color:#fe0219;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
#slider h2 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 60px;
  font-family:Montserrat;
  letter-spacing: 0;
  margin-bottom: 0px !important;
  padding:25px 0px 0px 0px;
}
#slider p {
  color: #ffffff;
  font-weight: 500;
  margin: 15px 40px 15px 40px;
  border-radius: 0 0 5px 5px;
  font-size: 16px;
}
#slider p.price {
  font-size: 22px !important;
}
.slider-box {
  position:relative;
  top:25%;
}
#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
#slider ul.prop_desc{
  list-style:none;
}
#slider ul.prop_desc li{
  display:inline-table;
  padding:5px 25px;
  text-transform: uppercase;
  font-family:Montserrat;
  letter-spacing:5px;
  font-weight:500;
}
#slider ul.prop_desc i{
  color: #fe0219;
  font-size:25px;
}
.inner_carousel{
  padding: 20px 20px;
  margin:0 auto;
  text-align:center;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
  background-image:none; 
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider slider-box a i{
  padding: 15px 15px;
  background-color: #eaf3f8;
  font-size: 22px;
  color: #313131;
  font-size: 15px;
}
#slider .inner_carousel h2 small {
  color: #ffffff;
  display: block;
  margin-bottom: 20px;
  font-size: 19px !important;
  text-transform: uppercase;
  font-weight:500;
  letter-spacing: 1px;
}
.slide_next_image img {
  text-align: right;
  float: right;
}
#slider .points{
  padding-top:10px;
}

/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/*---------------Slider New----------------*/
#slider .post-contents {
    position: absolute;
    width: 100%;
    top: 40%;
    max-width: 500px;
    background: #fff;
    left: 165px;
    padding: 20px;
}
#slider ul.post-categories a {
    color: #ffffff;
    font-family: Montserrat;
    font-weight: 700;
    background-color: #fe0219;
    padding: 8px 15px;
    font-size: 12px;
}
#slider .category-name h6 {
    text-align: center;
    margin-top: -35px;
}
#slider .category-name {
    transform: skew(-20deg);
}
#slider .post-contents-inner h6 {
    color: #313131;
    font-family: Montserrat;
    font-weight: 550;
    text-align: center;
    margin-top: 18px;
}
#slider .postbox-content-inner i {
    color: #fe0219;
    padding-right: 5px;
}
#slider .postbox-content-inner{
  margin:0 auto;
  text-align: center;
}
#slider .posttext {
    text-align: center;
    padding-bottom: 35px;
    font-family: Montserrat;
    color: #313131;
    font-size: 14px;
    font-weight: 500;
}
#slider .view-post a {
    color: #ffffff;
    font-family: Montserrat;
    font-weight: 550;
    background-color: #fe0219;
    padding: 8px 15px;
    font-size: 15px;
}
#slider .view-post {
    margin-bottom: -25px;
    text-align: center;
    transform: skew(-20deg);
}
#slider .postbox-content-inner span.entry-date {
    font-family: Font Awesome;
    color: #313131;
}
#slider .postbox-content-inner span.author-name {
    color: #313131;
    font-family: Font Awesome;
}
#slider .postbox-content-inner span.comments {
    color: #313131;
    font-family: Font Awesome;
}
#slider .view-post a i {
    padding-left: 10px;
}
#slider .owl-nav {
    position: absolute;
    margin: 12px auto;
    display: block;
    top: 55%;
}
#slider button.owl-prev {
   position: absolute;
   left: 200%;
   background-color: #eaf2f6;
   border: none !important;
   padding: 12px 15px;
}
#slider button.owl-next {
   position: relative;
   left: 43rem;
   background-color: #eaf2f6;
   border: none !important;
   padding: 12px 15px;
}
#slider button.owl-prev:hover{
  background-color: rgba(0,0,0,0.5);
}
#slider button.owl-prev:hover i{
  color:#fff;
}
#slider button.owl-next:hover{
  background-color: rgba(0,0,0,0.5);
}
#slider button.owl-next:hover i{
  color:#fff;
}
/*--------------- Sidebar -----------------*/
/* Sidebar */
#sidebar td#prev a {
 color: #6c6c6c;
}
#sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#sidebar form{
 text-align: center;
}
#sidebar h3 {
  font-size: 15px;
  display: table;
  color: #ffffff;
  font-weight: 550;
  letter-spacing: 2px;
  background-color: #fe0219;
  padding: 5px 10px;
  margin: -28px auto 28px auto;
  font-family: Montserrat;
  transform: skew(-20deg);
}
#sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#sidebar input[type="submit"]{
 background-color :#fe0219;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#sidebar .widget {
 padding: 20px;
 border: 1px solid #e1e1e1;
 margin-bottom: 50px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#sidebar ul li{
 color: #6f6f6f;
 font-size: 11px;
 border-bottom: 1px solid #e1e1e1;
}
#sidebar ul li a {
 color: #000000;
 font-size: 15px;
 font-weight: 300;
}
#sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}

#sidebar .tagcloud a:hover{
 background:#ec1d23;
 color: #fff;
}
.tagcloud a {
  color: #313131;
}
span.credit_link a {
 color: #fe0219;
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.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: 0 auto;
  text-align: center;
  padding-top: 25px;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 5px 15px 5px 15px;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -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;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
    color: #fe0219;
    font-family: Montserrat;
    font-weight: 550;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #fe0219;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i{
  background-color: #fe0219;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  /*width: auto !important;*/
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #fe0219;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #fe0219;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #fe0219;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #fe0219;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
    padding: 0 .5em .5em;
    display: inline-block;
}
.woocommerce div.product form.cart .button{
  border: 1px solid #fe0219;
}
/*-------------- media section ---------------*/
@media screen and (max-width:576px) {
  #slider h2 {
    font-size: 20px;
  }
  #slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .slider-box{
    left: 0%;
    top: 0%;
  }
  #slider a.theme_button{
    padding: 9px 10px;
    margin-top: 0px;
    font-size: 10px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  #slider a i{
   padding: 2px;
   font-size: 15px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .contact-info{
    text-align: center;
  }
  #site_top ul li {
    line-height: 26px;
    display: table;
    margin: 0 auto;
  }
  .footer_form input[type="text"], .footer_form input[type="email"]{
    width:100%;
  }
  .outer-footer {
    margin-top: -5% !important;
    background-size: 100% 100%;
  }
  div#footer_box {
    padding-top: 10%;
  }
  #footer aside {
    margin: 0 auto;
    display: table;
    text-align: center;
  }
  #footer img {
    padding-top: 15px;
  }
  #footer h3.widget-title {
    text-align: center;
    padding-top: 15px;
    display: inline-block;
  }
  h3.top_title {
    padding-top: 25px !important;
    text-align: center;
    display: inline-block;
  }
  .slider-box{
    display:block;
  }
  #masthead {
    position: relative;
  }
  #header {
    width: 100%;
    margin-left: 0px;
  }
  #header .search i {
    float: none !important;
  }
  #header .search-box {
    background-color: transparent !important;
  }
  #header .innermenubox {
    position: static;
    padding-bottom: 20px;
  }
  #slider img.exercise-images{
    width:20% !important;
  }
  #slider ul.prop_desc li{
    padding:5px 0px;
  }
  input[type="submit"] {
    padding: 5px 15px;
  }
  #footer .custom-social-icons {
    margin-left: 0px;
    padding-top: 25px;
  }
  .copyright .main-navigation a {
    float: none !important;
  }
  .copyright .main-navigation li {
    float: none !important;
  }
  .copyright ul#menu-footer-menu {
    text-align: center;
  }
  .copyright .main-navigation a {
    text-align: center;
  }
  .nav-link{
    padding:10px 0px;
  }
  #slider a.slider-btn{
    padding:10px 15px;
  }
  #footer img {
    margin-left: 0px;
  }
  #footer_box #site-navigation {
    padding-top: 0px;
  }
  #slider ol.carousel-indicators {
    left: 72%;
  } 
  #header .search {
    text-align: center;
  }
  #header .search {
    padding: 5px;
    margin-top: 15px;
    border: solid 1px #ccc;
  }
  #header .socialbox {
    padding-top: 5px;
  }
  #header .social-icons {
    padding-bottom: 15px;
  }
  #slider .post-contents {
    position: relative;
    left: 0px;
  }
  #slider .view-post {
    margin-bottom: 0px;
  }
  .postbox h3.posttitle a {
    font-size: 14px;
  }
  ul.post-categories a {
    font-size: 15px;
  }
  #postbox_one .post-bottom .social-icons {
    margin-bottom: 25px;
  }
  section {
    padding: 20px 0;
  }
  .postbox-contents-two {
    padding: 25px 25px;
  }
  .postbox-two .view-post {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  #postbox_two .post-bottom .social-icons {
    text-align: center;
    margin-bottom: 25px;
  }
  #postbox_three .social-icons {
    margin-bottom: 25px;
  }
  .postbox .view-post {
    margin: 30px;
  }
  #postbox_four .post-heading h4 a {
    font-size: 18px;
  }
  #postbox_four .postbox-content-inner {
    padding-top: 15px;
  }
  #postbox_four .view-post {
    margin-top: 15px;
    padding-bottom: 15px;
  }
  #postbox_four .social-icons {
    margin-bottom: 15px;
  }
  .copyright .social_icons_box {
    text-align: center;
    padding-bottom: 25px;
  }
  .copyright_text {
    padding-top: 15px;
  }
  section img{
    width:100%;
  }
  #slider .owl-nav {
    display:none;
  }
}
@media screen and (max-width:480px){
  #footer_box {
    padding-top: 10% !important;
    background-size: 100% 100%;
  }
  #masthead {
    position: relative;
  }
  #header {
    width: 100%;
    margin-left: 0px;
  }
  #footer .custom-social-icons {
    margin-left: 0px;
    padding-top: 25px;
  }
  #header .search-box {
    background-color: transparent !important;
  }
  #header .search-fieldch i {
    color: #21282e;
  }
  #header .toggle-nav {
    margin-top: 0px;
  }
  ul.prop_desc{
    display:none;
  }
  .footer_form input[type="text"], .footer_form input[type="email"] {
    width: 100%;
    font-size: 12px;
  }
} 
@media screen and (max-width:767px) {
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .postbox h3{
    line-height: 22px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .search-box span {
    float: right;
  }
  .thumb_image_border{
    width: 83%;
    height: 238px;
    margin-left: 30px;
  }
  .contact_details ul li{
    text-align: left;
    display: block;
    color: #ffffff;
    text-align: left !important;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #slider p {
    display: none;
  }
  .about-sec,
  .about-image{
    width: auto;
    float: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  .about-image{
    margin: 0 auto;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  #masthead {
    position: relative !important;
  }
  .testimonials_shortcode blockquote:after {
    right: 15px !important;
  }
  #header .logo img {
    max-height: 123px;
    width: auto;
    text-align: center;
    margin: 0 auto;
    display: table;
  }
   #header .serach_outer{
    top:50px;
  }
   #postbox_two .post-heading {
    text-align: center;
  }
  .postbox-two .posttext {
    text-align: center;
  }
  .postbox-two {
    margin-top: 15px;
  }
  .postbox-two .post-bottom {
    margin-bottom: 25px;
  }
  .promo-banner {
    width: 220px;
  }
}
@media screen and (min-width:576px) and (max-width:767px){
  .contact_details ul li span {
    padding-right: 14%;
  }
  section#bmi {
    background: none !important;
  }
  div#footer_box {
    padding-top: 15%;
  }
  #footer h3.top_title {
    margin-top: 15px;
  }
  #footer h3.widget-title {
    margin-top: 15px;
  }
  #slider a i {
    padding: 5px;
  }
  #footer aside#media_image-2 {
    padding-top: 15px;
  }
  #header{
    margin-left:0px;
  }
  #header {
    width: 100%;
  }
  #header .logo-section{
    padding-top:0px;
  }
  #header .container{
    width:100%;
  }
  .contact_details ul.left-side-content li {
    font-size: 10px;
  }
  #slider h2{
    font-size:30px;
  }
  #slider .inner_carousel h2 small{
    font-size:20px;
  }
  .slider-box{
    top:0%;
  }
  img.exercise-images{
    width:20% !important;
  }
  #slider ul.prop_desc li{
    padding:5px 10px;
  }
  .date_div {
    left: 35%;
    padding-top:0px;
    font-size:10px;
  }
  #header .search i{
    color:#21282e;
  } 
  #header .search-box{
    background-color: transparent !important;
  }
  .copyright .main-navigation li{
    float:none;
  }
  .copyright .main-navigation a{
    text-align: center;
  }
  ul#menu-primary-menu-1{
    display:inline-flex;
    padding-top:35px;
  }
  ul#menu-footer-menu{
    display:inline-flex;
  }
  .copyright .main-navigation li{
    padding:5px;
  } 
  #slider .slider-btn{
    margin-top:33px;
  }
  .copyright_text {
    padding-top: 25px;
    text-align: center;
  }
  .copyright .social_icons_box {
    text-align: center;
  }
  #slider .post-contents {
    top: 7%;
    max-width: 325px;
    left: 75px;
    padding: 10px;
  }
  #slider .post-contents-inner h6 {
    margin-top: 5px;
  }
  section img {
    width: 100%;
  }
  .postbox-contents-two {
    padding: 25px 25px;
  }
  #slider button.owl-prev {
    left: 50%;
  }
  #slider .owl-nav {
    top: 30%;
  }
  #slider button.owl-next {
    left: 26rem;
  }
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  span{
    text-align: center;
  }
  #we_are_expert{
    background-size: cover;
  }
  #portfolio .box .post{
    text-align: left;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  #site_top .register-section ul {
  margin: 0 auto;
  float: right !important;
  }
  #site_top .social-icons {
    margin: 0 auto !important;
    float: right !important;
  }
  #footer h3.top_title {
    margin-top: 15px;
  }
  #footer #site-navigation{
    padding-top:35px;
  }
  #header {
    margin-left: 105px;
  }
  .contact_details ul.left-side-content li {
    font-size: 11px;
  }
  #site_top .social-icons {
    float: none !important;
    text-align: center;
  }
  #site_top ul.right-side-content.pt-2 {
    padding-bottom: 10px;
  }
  #header .search i {
    padding-left: 0px;
  }
  #slider .slider-box{
    top:30%;
  }
  #postbox_one .social-icons {
    margin-bottom: 25px;
  }
  section {
    padding: 20px 0;
  }
  #postbox_two .postbox-two {
    margin-bottom: 25px;
  }
  section img {
    max-width: 100%;
  }
  .postbox-contents-two {
    padding: 25px 25px;
  }
  section img {
    width: 100%;
  }
  #postbox_two .post-heading {
    text-align: center;
  }
  .postbox-two .posttext {
    text-align: center;
  }
  #postbox_two .post-bottom {
    margin-bottom: 15px;
  } 
  #postbox_three .social-icons {
    margin-bottom: 25px;
  }
} 
@media screen and (max-width: 1199px) and (min-width: 768px){
  #how-we-work .work-box:before{
     border-left: 46px solid #2b3546;
     border-top: 54px solid transparent;
  }
   #team .team-image img {
    width: 100% !important;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #slider h2 {
    font-size: 20px;
  }
  #slider .inner_carousel h2 small{
    margin-bottom: 4px;
    font-size: 16px !important;
  }
  #slider a.theme_button{
    padding: 10px 11px;
    margin-top: 0px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  .socialbox a i{
    font-size: 12px;
    width: auto;
  }
  small {
    font-size: 13px !important;
  }
  #slider a i {
    padding: 5px 8px;
    font-size: 15px;
  }
  .teambox{
    margin-bottom: 30px;
  }   
  .postbox{ 
    margin-bottom: 20px; 
  }
  #postbox_four .view-post a {
    font-size: 10px;
  }
}
@media screen and (max-width:1199px) and (min-width: 991px){
  .postbox-two .socialbox a i {
    font-size: 12px;
  }
  .postbox-two .socialbox a {
    padding: 5px;
  }
  .postbox-two .view-post a {
    padding: 10px 5px;
  }
  #postbox_four .socialbox a i {
    font-size: 12px;
    width: 12px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px){
  #header .contact_details ul.left-side-content li {
    font-size: 10px;
  }
  .contact_details ul li span {
    padding-right: 5px;
  }
  #footer ul#menu-primary-menu-1 {
    padding-top: 25px;
  }
}
@media screen and (max-width: 1024px){
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .thumb_image_border{
    display: none;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    position: relative;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 999999;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #000000;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
	iframe {
    width: 100%;
    height: auto;
	}
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }

  .main-navigation a{
    color: #444;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 100%;
    padding: 5px;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  #how-we-work .work-box:before{
    right: -12px;
    border-left: 43px solid #2b3546;
  }
  .menubar .nav ul li,
  .menubar #site-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
  }
  #header .main-navigation ul.sub-menu li a {
    color: #fff;  
  }
}
.post-section {
    padding: 11em 0;
}