/* 
Theme Name: Bfront
Theme URI: http://www.themesflow.com/wp-themes/bfront-pro/
Author: themesflow.com
Author URI: http://themesflow.com/
Description: Bfront is a beautiful theme, designed especially for business and portfolio websites and also has a beautiful minimal blog layout. This theme has many customizable features that will help you showcase your company's web presence.
Theme is easy to use and has great looking interface, all content can be easily changed from customize panel.

Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bfront
Tags: three-columns, right-sidebar, left-sidebar, custom-menu, featured-images, sticky-post

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

h1,h2,h3,h4,h5,h6,p,a,span{
 font-family: 'Monda', sans-serif;
}
a {
color: black;
}
a:hover, a:focus {
color: #FF4C65;
text-decoration: none;
cursor: pointer;
}
body {
position: relative;
font-size: 15px;
line-height: 1.5px;
font-weight: 400;
line-height: 25px;
text-shadow: none !important;
color: #444;
background: transparent;
font-family: 'Monda', sans-serif;
}
.page-template-template-front-page .header-wrapper{
	z-index: 3;
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	background: rgba(22, 24, 29, 0.7);
}
.header-wrapper{
	z-index: 3;
	position: static;
	display: inline-block;
	width: 100%;
	top: 0;
	background: rgba(22, 24, 29, 0.7);
}

.header {
display: inline-block;
width: 100%;
}
.logo {
margin-top: 13px;
}
.logo img {
max-width: 100%;
height: auto;
}
.logo h1, p {
margin: 0;
}
.logo h1 a {
color: #FF4C65;
text-decoration: none;
}
.logo h1 a:hover {
color: #FF4C65;
text-decoration: none;
}



/* --------------------------------------- */
   /* Menu CSS starts */
/* --------------------------------------- */

.mobile-menu {
display: none;
border-bottom: 1px solid #FF4C65;
text-align: right;
}
.mobile-menu i {
color: #FFFFFF;
font-size: 22px;
padding: 12px;
cursor: pointer;
margin-right: 10px;
}
.header .menu {
text-align: center;
}
.menu ul#menu {
display: inline-block;
margin-top: 20px;
margin-bottom: 0;
}
.sf-menu ul.children{
  padding-left: 0;
}
.sf-menu ul ul li {
background: rgba(22, 24, 29, 0.7) !important;
}
.sf-menu ul li {
background: rgba(22, 24, 29, 0.7) !important;
}
.sf-menu ul li:hover{
    background: rgba(22, 24, 29, 0.7);
    color: #FF4C65;
}
.sf-menu ul li a:before{
    font-family: FontAwesome;
   content:"\f105"; 
   padding-right: 10px;
   font-weight: normal;
}

.menu ul li a{
color: white;
font-size: 12px;
padding: 0 15px;
text-transform: uppercase;
font-weight: bold;
line-height: 34px;
}
.sf-menu ul li a{
  font-size: 11px;
}
.menu ul li a:hover{
   color: #FF4C65;
}
.sf-menu .current-menu-item a {
    background: none;
    color: #FF4C65;
}
.sf-menu a {
padding: 0;
}
.sf-menu li {
background: none;
-webkit-transition: background .2s;
transition: background .2s;
}

.sf-menu ul li a:hover { 
color: #FF4C65;
}

.sf-menu li.current_page_item a{ 
color: #FF4C65;
}

.sf-menu ul {
border-top: 2px solid #FF4C65;
margin-top: 14px;
text-align: left;
min-width: 250px;
}
.sf-menu li:hover, .sf-menu li.sfHover {
background: none;
-webkit-transition: none;
transition: none;
}



/* --------------------------------------- */
   /* slider CSS starts */
/* --------------------------------------- */

.slider.slider-wrapper {

}
.flexslider{
    border: none;
}
.flexslider .slides img {
width: 100%;
display: block;
max-height: 800px;
height: 100%;
}

div.text-center img {
width: 100%;
}
.awe-overlay {
background-color: rgba(0, 0, 0, 0.45);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height:100%;
z-index: 2;
}
.flexslider {
margin: 0 0 0px;
}

.text-container h1 {
background: rgba(0,0,0,.45);
margin-top: -13px;
color: #fff;
padding: 20px 50px;
display: inline-block;
font-size: 25px;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.53);
box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.25);
}

.heading_border{
  border-bottom: 2px solid #FF4C65;
  margin: 0 80px;
  margin-top: 15px;
}


/* --------------------------------------- */
   /* Three Feature Box CSS starts */
/* --------------------------------------- */
.feature-box-wrapper {
margin-bottom: 40px;
padding: 50px 0;
}
.feature-box-wrapper .three-column-box {
text-align: center;
padding: 40px 15px;
transition: all 0.4s ease;
border: 1px solid #DCDCDC;
border-bottom: 2px solid #FF4C65;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
 transition: all .3s ease 0s; 
 overflow: hidden;
 position: relative;
}
.feature-box-wrapper .three-column-box:hover{ 
   background: #414141;
   color: white !important;
   border-color: #fff;
   border-bottom: 2px solid #FF4C65;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
 transition: all .3s ease 0s; 
   }
   .feature-box-wrapper .three-column-box:hover h3{
       color: #fff;
   }
   .feature-box-wrapper .three-column-box:hover p{
       color: #fff;
   }
    .feature-box-wrapper .three-column-box:hover a{
       color: #FF4C65;
   }

.three-column-box:after {
border-color: #ffffff #ffffff #5F5F60 #5F5F60;
border-style: solid;
border-width: 13px;
content: "";
display: block;
position: absolute;
z-index: 99;
right: -26px;
top: -26px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
 transition: all .3s ease 0s; 
}
.three-column-box:hover:after {
right: 0px;
top: 0px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
 transition: all .3s ease 0s; 
}

.feature-box-wrapper .three-column-box div.circle{
border: 1px solid #FF4C65;
border-radius: 25%;
height: 80px;
line-height: 100px;
margin: 0 auto;
width: 80px;
transition: all 0.7s;
}
.three-column-box div.circle {
color: #FF4C65;
background: #fff;
}
.three-column-box:hover div.circle {
color: #fff;
background: #FF4C65;
}
.three-column-box h3 {
font-size: 22px;
color: #555;
font-weight: 600;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #DCDCDC;
}
.three-column-box p {
color: #555;
font-size: 15px;
line-height: 25px;
}
.three-column-box p a {
color: black;
text-decoration: none;
}
.three-column-box p a:hover {
color: #FF4C65;
text-decoration: none;
}


/* --------------------------------------- */
   /* Slider Description Div CSS starts */
/* --------------------------------------- */


section#slidescrip {
position: relative;
}
div.slider-description {
text-align: center;
background: rgba(0, 0, 0, 0.6);
}
.slider-content {
padding: 80px 0px;
text-align: center;
}
.slider-content h2 {
margin-bottom: 40px;
color: #FF4C65;
font-size: 32px;
font-weight: 700;
}

.slider-content p {
font-size: 17px;
font-weight: 500;
color: #fff;
}

/* ******************************
        Testimonial Section
  ****************************** */

.testimonial-wrapper {
    overflow: hidden;
    position: relative;
}

.testimonial-wrapper .carousel-inner * {
    font-family: 'Roboto', Monda;
    font-weight: 100;
}
.testimonial-overlay{
    padding: 100px 0;
}
.quote {
    color: #FF4C65;
    text-align: center;
    font-size: 55px;
}
.carousel-inner blockquote {
    padding: 0;
    margin: 0;
    font-size: inherit;
    border: none;
}
.testimonial p.testimonial_desc {
    font-size: 18px;
    font-style: italic;
    text-align: center;
    margin: 30px auto 0 auto;
    line-height: 170%;
    border-bottom: 1px solid #FF4C65;
    padding-bottom: 15px;
}
p.testimonial_author {
    color: #303030;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 15px 0;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    text-align: right;
    list-style: none;
    width: 80%;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #ccc;
    border: none;
}
#fade-quote-carousel.carousel {
    padding-bottom: 40px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    transition-duration: 0.25s;
}
#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    transition-duration: 0.25s;
}
#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li.active{
    background-color: #FF4C65 !important;
}



/* --------------------------------------- */
   /* Blog CSS starts */
/* --------------------------------------- */

.blog-wrapper {
padding: 50px 0;
background-color: #f7f7f7;
}

.team-heading{
	text-align: center;
	overflow: hidden;
}

.team-heading h2:before, .team-heading h2:after {
    background-color: #FF4C65;
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    top: 0px;
    bottom: 0;
    margin: auto;
}
.team-heading h2:before {
    margin-left: -115px;
}
.team-heading h2:after {
    margin-left: 15px;
}

.team-heading h2 {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 60px;
    color: black;
    text-transform: uppercase;
    position: relative;
}

.blog-outer .col-md-4.col-sm-4:nth-child(3n+1) {
    clear: both;
}
.blog-wrapper div.blog_post {
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2);
border-color: transparent!important;
padding-bottom: 20px;
margin-bottom: 40px;
background: #fff;
transition: all 0.4s ease;
border-bottom: 2px solid rgb(255, 76, 101) !important;
}
.blog-wrapper div.blog_post:hover .member-image-hover{ 
 top: 0px;
 }
   
   
.blog-wrapper .thumb {
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.blog-wrapper .thumb .member-image-hover {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.member-image-hover span {
    position: absolute;
    top: 44%;
    left: 46%;
    background: rgb(255, 255, 255);
    font-size: 45px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.member-image-hover i {
    position: absolute;
    top: 42%;
    left: 45%;
    color: #ff4c65;
    font-size: 45px;
}
.blog-wrapper div.blog_post:hover .member-image-hover{ 
  opacity: 1;
 }
.blog-wrapper .thumb.clear a img, .thumb.clear  img{
max-width: 100%;
width: 100%;
height: 230px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}

.thumb_meta h4 {
margin: 5px;
color: #000;
text-align: center;
}
.thumb_meta h4 a {
color: #000;
}
.thumb_meta h4 a:hover {
color: #FF4C65;
text-decoration: none;
}
.post-meta ul {
text-align: center;
border-bottom: 1px solid #efefef;
padding-bottom: 2px;
}
.post-content.clear p {
color: #616161;
font-size: 15px;
}

.content-bar div.blog-post {
padding: 20px 0 20px 80px;
position: relative;
border-bottom: 1px solid #efefef;
margin-bottom: 15px;
}
.content-bar div.blog-post:last-child {
border-bottom: none;
}

.blog-date {
color: #FF4C65;
left: 0;
position: absolute;
text-align: center;
top: 5px;
}
.blog-date span {
clear: both;
display: block;
line-height: 1;
margin: 0;
padding: 0;
}

.blog-date span.blog-day {
border-bottom: 1px solid #000;
font-size: 50px;
font-weight: 700;
line-height: 74px;
}

.blog-date span.blog-month-year {
margin-top: 18px;
}
.post-readmore {
text-align: right;
}

.content-wrapper {
margin-top: 50px;
}
div#primary {
margin-bottom: 30px;
}
.content-bar .thumb.clear img, .content-bar .thumb.clear a img {
width: 100%;
height: auto;
max-height: 350px;
}
div.post-content{
padding: 0 10px;
margin-bottom: 15px;
}
.post-content p a {
color: black;
}
.post-content p a:hover {
color: #FF4C65;
}
.post-readmore a.wpanch,.post-content.clear p.readmore a.wpanch {
display: inline-block;
color: #FFFFFF;
font-size: 14px;
padding: 8px 20px;
background: rgb(255, 76, 101);
}
.post-readmore a.wpanch:hover {
    background: rgb(240, 64, 88);
}
div.post-content .post-meta ul {
padding: 0 5px 0px 5px;
margin: 0;
text-align: left;
}
.post-meta p.readmore {
text-align: center;
padding: 8px 0;
}
.post-meta p.readmore a {
color: black;
font-size: 14px;
}
.post-meta p.readmore a:hover {
color: #FF4C65;
text-decoration: none;
}
a.wpanch:after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
a.wpanch:before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
a.wpanch::after, a.wpanch::before {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform .3s,opacity .2s;
-moz-transition: -moz-transform .3s,opacity .2s;
transition: transform .3s,opacity .2s;
}
a.wpanch:focus::after, a.wpanch:focus::before, a.wpanch:hover::after, a.wpanch:hover::before {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}

.thumb_meta p.readmore {
text-align: right;
margin-top: 20px;
}
div.post-meta ul li {
display: inline;
}
div.thumb_meta div.post-meta ul li,div.post-meta ul li a {
color: #999;
font-size: 13px;
}
div.thumb_meta div.post-meta ul li{
margin-right: 3px;
}
.post-meta ul li i.fa {
color: #FF4C65;
}
div.post-meta ul li a:hover {
color: #FF4C65;
text-decoration: none;
}



/* --------------------------------------- */
   /* Footer Widget CSS starts */
/* --------------------------------------- */

div.footer-sidebar-wrapper {
padding: 25px 15px;
background: #323A45;
color: white;
border-top: 1px solid #FF4C65;;
}

div.fsidebar {
padding: 0 15px;
}
 .fsidebar h4{
color: #fff;
padding-bottom: 14px;
margin: 0 0 13px 0;
border-bottom: 1px solid #ccc;
position: relative;
}
 .fsidebar h4:before {
content: "\f0dd";
font-family: FontAwesome;
color: #FF4C65;
position: absolute;
top: 25px;
left: 20px;
}
 .fsidebar p{;
margin: 0;
}
.fsidebar h4:after {
background-color: #FF4C65;
content: "";
display: block;
height: 1px;
position: relative;
top: 15px;
width: 100px;
}
.tagcloud a {
color: white;
font-size: 14px !important;
}
.tagcloud a:hover {
color: #FF4C65;
}
div.footer-wrapper {
background: #232931;
padding: 10px;
color: white;
border-top: 1px solid #464746;
text-align: center;
}
.footer-left p {
padding-top: 12px;
}
.footer-left p a {
color: white;
}



/* --------------------------------------- */
   /* Footer CSS starts */
/* --------------------------------------- */

div.social-icons ul{
    list-style-type: none;
    margin-bottom: 0 ;
    padding-top: 5px;

}
div.social-icons ul li{
    display: inline-block;
    margin: 0 5px;
}
div.social-icons ul li div.circle{
font-size: 20px;
height: 39px;
border-radius: 2px;
line-height: 39px;
overflow: hidden;
text-align: center;
width: 39px;
border: 1px solid #393b42;
-webkit-text-shadow: 0 0 0 #fff, 0 35px 0 #fff;
-moz-text-shadow: 0 0 0 #fff, 0 35px 0 #fff;
-ms-text-shadow: 0 0 0 #fff, 0 35px 0 #fff;
-o-text-shadow: 0 0 0 #fff, 0 35px 0 #fff;
text-shadow: 0 0 0 #fff, 0 35px 0 #fff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
div.social-icons ul li a i.fa {
font-size: 19px;
color: rgba(255, 255, 255, 0);
}
div.social-icons ul li:hover div.circle {

-webkit-text-shadow: 0 -35px 0 #000, 0 0 0 #fff;
-moz-text-shadow: 0 -35px 0 #000, 0 0 0 #fff;
-ms-text-shadow: 0 -35px 0 #000, 0 0 0 #fff;
-o-text-shadow: 0 -35px 0 #000, 0 0 0 #fff;
 text-shadow: 0 -35px 0 #000, 0 0 0 #fff; 
 -webkit-transition: all .3s ease 0s;
-moz-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
color: #232931;
background: #FF4C65;
}
.social-icons ul li a span {
display: none;
}


div.content-bar {
background: #fff;
border: 1px solid #e9e9e9;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
box-shadow: 0 1px 4px rgba(0,0,0,0.07);
padding: 0 20px;
}
.content-bar .post {
border-bottom: 1px solid #e9e9e9;
padding-top: 15px;
padding-bottom: 15px;
}
.content-bar .post:last-child {
border-bottom: none;
}
.page-heading h2, .post-heading h2 {
padding-bottom: 8px;
border-bottom: 1px solid #FF4C65;
font-size: 25px;
color: #555;
margin-top: 5px;
text-align: center;
}
.post-heading h2 a, .page-heading h2 a{
    color: #555;
    font-size: 20px;
}
.post-heading h2 a:hover, .page-heading h2 a:hover{
    color: #FF4C65;
}
.content-bar div.post-meta ul{
    border-bottom: none;
}
.content-bar div.post-meta ul li, .content-bar div.post-meta ul li a {
color: #999;
font-size: 12px;
}

.content-bar div.post-meta ul li{
  margin-right: 5px;  
}
.content-bar div.post-meta ul li a:hover{
    color: #FF4C65;
    text-decoration: none;
}
.page-content {
padding: 10px 5px;
}
.post-content img {
    max-width: 100%;
    width: auto;
}



.post-content.clear p a img, .post-content.clear img {
max-width: 100%;
width: auto;
height: auto;
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 5px;
}

div.content div.post{
border-bottom: 2px dashed #ddd;
margin-bottom: 40px;
}

.post-content table th, .post-content table td, .page .page-content table th, .page .page-content table td  {
    padding: 8px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
    line-height: 18px;
}

.post-content table, .page .page-content table {
    border-collapse: separate;
    margin: 20px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    border-top: 0;
}
.post-content table#recaptcha_table td {
	line-height: 15px !important;
}
.page .page-content table#recaptcha_table td {
	line-height: 15px !important;
}

/* /////////////////////////////////////
         Sidebar styling
*//////////////////////////////////////

.sidebar{
    
}
.sidebar_widget {
background: #fff;
border: 1px solid #e9e9e9;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.07);
box-shadow: 0 1px 4px rgba(0,0,0,0.07);
margin-bottom: 35px;
padding: 0px 20px;
}

.sidebar h4 {
padding-bottom: 8px;
font-size: 20px;
margin-top: 20px;
border-bottom: 2px solid #FF4C65;
position: relative;
}
.sidebar h4:before {
content: "\f0dd";
font-family: FontAwesome;
color: #FF4C65;
position: absolute;
top: 19px;
left: 30px;
}
.sidebar h4 a{
    color: #555;
}
.sidebar ul{
    padding: 0;
    list-style-type: none;
    padding: 0px 10px 0;
}
.sidebar ul li:before {
font-family: FontAwesome;
content: "\f138";
color: #FF4C65;
}

.sidebar ul li {
padding: 5px 0;
}
.sidebar ul li a {
padding-left: 7px;
color: #555;
}
.sidebar ul li a:hover {
color: #FF4C65;
text-decoration: none;
}
.sidebar ul li.recentcomments span {
padding-left: 5px;
}
.sidebar ul.menu li:hover{
    background: none;
}
.sidebar ul.menu ul li{
    border:none;
    padding: 5px 10px;

}
.sidebar .search-form input[type="search"] {
border: solid 1px #FF4C65;
padding: 5px;
-moz-box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1);
-webkit-box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1);
box-shadow: inset 0px 4px 1px 0px rgba(204,86,86,0.1);
width: 100%;
}
label.search {
display: none;
}
.sidebar .search-form label{
    width: 98%;
}
.sidebar .search-form input[type="submit"] {
border: none;
background: #FF4C65 url('images/sidebar-submit-btn.png') center no-repeat;
width: 15px;
margin: auto;
margin-left: -37px;
padding: 5px;
padding-right: 16px;
padding-left: 16px;
text-indent: -9999px;
}
.sidebar_widget .search-form div i.fa.fa-search {
font-size: 0px;
}
.sidebar .search-form div {
display: inline-flex;
border: 1px solid #ededed;
padding: 12px;
width: 100%;
}

.sidebar .search-form {
margin-top: 20px;
margin-bottom: 15px;
}
.search-form {
max-height: 35px;
position: relative;
margin-top: 10px;
}
.sidebar select {
max-width: 84%;
height: 35px;
width: 250px;
padding-left: 5px;
border: 1px solid #FF4C65;
color: #585858;
margin-bottom: 20px;
margin-top: 10px;
}

#calendar_wrap {
display: block;
margin-bottom: 30px;
}
#wp-calendar {
color: #555;
width: 100%;
text-align: center;
margin-top: 15px;
}

#wp-calendar td, #wp-calendar th {
border: none;
padding: 4px 0;
text-align: center;
}
#wp-calendar caption {
font-size: 17px;
text-align: center;
color: #6F6F6F;
font-weight: bold;
padding: 0px 0 7px 0;
}
#wp-calendar tfoot td {
border-top: 1px solid #FF4C65;
border-bottom: 1px solid #FF4C65;
color: #000;
}
#wp-calendar a {
color: #FF4C65;
font-weight: bold;
font-size: 15px;
}
#wp-calendar td#today {
background-color: #FF4C65;
color: #fff;
}
#wp-calendar td#today a {
color: white;
}
#wp-calendar thead tr th {
background: rgba(255, 76, 101, 1);
color: rgb(255, 255, 255);
}
th {
text-align: center;
background: #fff;
font-weight: bold;
padding: 5px;
}

.sidebar select:focus {
outline: none;
}

/* ////////////////////////////////
      Footer widget styling 
////////////////////////////////*/
div.fsidebar ul li:before {
font-family: FontAwesome;
content: "\f138";
color: #FF4C65;
margin-right: 7px;
}
div.fsidebar h4 a{
    color: #fff;
}
div.fsidebar ul{
margin-bottom: 30px;
list-style: none;
padding-left: 5px;
}
div.fsidebar ul li a{
color: #fff;
}
div.fsidebar ul li a:hover {
color: #FF4C65;
}
div.fsidebar ul.menu li:hover{
    background: none;
}
div.fsidebar ul.menu ul li{
    border:none;
    padding: 5px 10px;

}
div.fsidebar .sidebar_widget {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-bottom: 30px;
padding: 0;
}

.fsidebar #wp-calendar {
color: #555;
width: 100%;
text-align: center;
}
.fsidebar #wp-calendar caption, .fsidebar #wp-calendar th, .fsidebar #wp-calendar tbody, .fsidebar #wp-calendar td{
    color: white;
}
.textwidget img {
max-width: 90%;
padding: 5px;
border: 1px solid #ccc;
margin: 7px 0;
height: auto;
}
.fsidebar .search-form input[type="search"] {
border: 1px solid #FF4C65;
width: 100%;
outline: none;
color: #FF4C65;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
padding: 5px;
}
.fsidebar .search-form label {
width: 100%;
}
.sidebar .search-form div {
position: relative;
}
.fsidebar ul.sub-menu {
margin-bottom: 0;
}

.fsidebar select {
max-width: 100%;
height: 35px;
width: 250px;
padding-left: 5px;
border: 1px solid #FF4C65;
color: #585858;
margin-bottom: 30px;
}
.fsidebar .search-form input[type="submit"] {
border: none;
background: #FF4C65;
position: absolute;
top: 1px;
right: 1px;
z-index: 2;
bottom: -1px;
}
.fsidebar .search-form div i.fa.fa-search {
width: 15px;
height: 16px;
position: absolute;
top: 9px;
right: 11px;
color: #FF4C65;
font-size: 20px;
}

.fsidebar .textwidget, .fsidebar #calendar_wrap, .fsidebar ul {
margin-bottom: 30px;
}
/* ////////////////////////////////
      Contact Us page 
//////////////////////////////// */   

form#contactForm {
padding-top: 20px;
}

.content-bar .contactform input[type="text"], .content-bar .contactform input[type="email"] {
width: 48.8%;
height: 42px;
border: 1px solid #ddd;
background: #fff;
margin-bottom: 36px;
padding-left: 7px;
color: #838383;
display: inline-block;
font-family: 'Monda', sans-serif !important;
}
.content-bar .contactform input[type="text"]{
   margin-right: 12px; 
}

.content-bar .contactform textarea {
width: 100%;
max-width: 100%;
height: 200px;
padding-top: 5px;
margin-bottom: 22px;
padding: 8px;
text-align: left;
color: #838383;
border: 1px solid #ddd;
background: #fff;
margin-top: 5px;
resize: none;
font-family: 'Monda', sans-serif !important;
}

.content-bar .contactform input[type="submit"] {
border: 1px solid #FF4C65;
background: #fff;
color: #FF4C65;
font-family: 'Monda', sans-serif !important;
font-size: 17px;
text-align: center;
padding: 7px 23px;
border-radius: 5px;
}

.content-bar .contactform textarea:focus, .content-bar .contactform input[type="text"]:focus, .content-bar .contactform input[type="email"]:focus{
    outline: none;
    border-color: #FF4C65;
}

.content-bar .contactform input[type="submit"]:hover {
color: #fff;
background: #FF4C65;
}

h2.location-map {
margin-top: 40px;
margin-bottom: 20px;
}
.contact-map iframe {
border: 1px solid #ddd;
width: 99.3%;
height: 300px;
border-radius: 5px;
}

/* /////////////////////////// */
#nav-single, #commentsbox.post {
margin-bottom: 50px;
padding: 0 3%;
clear: both;
margin-top: -20px;
}
nav#nav-single {
    margin-top: 15px;
}
div#commentsbox a {
color: #FF4C65;
}
div#commentsbox {
border: none;
}
span.nav-previous a span.post-title {
display: none;
}
span.nav-next a span.post-title {
display: none;
}
nav#nav-single span, nav#nav-single span a {
color: #FF4C65;
}
.nav-next {
float: right;
}
.post-info {
font-size: 20px;
font-weight: 700;
padding-bottom: 11px;
clear:both;
}
#reply-title {
display: none;
}
.comment-form textarea#comment {
width: 100%;
padding-left: 5px;
resize: none;
border: 1px solid #FF4C65;
}
p.form-submit {
margin-top: 15px;
}
div#respond input[type=submit] {
background-color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-indent: 0;
border: 1px solid #FF4C65;
display: inline-block;
color: #FF4C65;
height: auto;
width: auto;
text-decoration: none;
text-align: center;
padding: 7px 12px;
font-weight: bold;
}
div#respond input[type=submit]:hover{
    background: #FF4C65;
    color: white;
    border-color: white;
}

/* image alignment */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
    max-width: 100%;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Blog page Paging CSS */

div.navigation {
margin-top: 30px;
margin-left: 20px;
margin-bottom: 18px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
	margin-right: 10px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	border-radius: 3px;
	cursor: pointer;
	padding: 8px 14px;
	border: 1px solid #FF4C65;
	color: #FF4C65;
}

.navigation li a:hover, .navigation li.active a {
background-color: #FF4C65;
color: white;
}

.commentlist .vcard img.avatar {
float: left;
margin-bottom: 15px;
border: 1px solid #c8c8c8;
padding: 3px;
margin-right: 15px;
}
ol.commentlist {
list-style-type: none;
}
ul.children {
padding-left: 20px;
list-style-type: none;
}
#commentsbox h3#comments {
margin-bottom: 20px;
}
.commentlist p {
border: 1px solid #ececec;
clear: both;
color: #555;
display: block;
background: #f4f4f4;
padding: 20px;
border-radius: 3px;
margin-bottom: 40px;
}
div.comment-body p img {
max-width: 100%;
width: auto;
height: auto;
}
.commentlist .reply a {
background: url(images/reply-icon-green.png);
width: 24px;
height: 15px;
float: right;
margin-top: -80px;
margin-right: 10px;
text-indent: -9999px;
}

#back-top {
position: fixed;
bottom: 30px;
right: 10px;
z-index: 100;
}
#back-top a {
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: rgba(187,187,187,0.5);
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s;
}
#back-top span {
width: 43px;
height: 43px;
display: block;
margin-bottom: 7px;
margin-right: 30px;
font-size: 40px;
background: #FF4C65;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top span i span {
display: none;
}
.widget.widget_archive select {
max-width: 84%;
height: 35px;
width: 250px;
padding-left: 5px;
border: 1px solid #FF4C65;
color: #585858;
}
h1.embarassing{
    font-size: 34px;
}
.widget h2 {
font-size: 26px;
}


.col-md-6:nth-child(2n+1) {
clear: both;
}

.sticky{
    
}
.gallery-caption{
    
}
.bypostauthor{
    
}


@media only screen and (max-width: 767px){
.header  a{
display: block;
}
.mobile-menu {
display: block;
}
.menu ul#menu {
width: 100%;
margin-top: 0;
}
.sf-menu > li {
float: none;
text-align: center;
border-bottom: 1px solid #FF4C65;
}
.sf-menu ul {
position: static;
display:block !important;
border-bottom: none;
box-shadow: none;
margin-top: 0;
border-top: none;
text-align: center;
}
.sf-menu ul li a:before {
content: "";
}
.menu ul li a{
    padding: 0;
}
.sf-arrows .sf-with-ul{
    padding-right: 0;
}
.sf-menu ul li:hover {
color: #FF4C65;
}
.sf-menu ul li {
background: none !important;
border-top: 1px solid #FF4C65;
}
.sf-menu ul ul li {
background: none !important;
}
.sf-arrows .sf-with-ul:after {
display: none;
}
.contact a.button-def {
background: url(images/tap-to-call.png) no-repeat;
display: inline-block;
visibility: visible;
margin-top: 15px;
font-size: 0px;
width: 160px;
height: 59px;
cursor: pointer;
text-indent: 99999px;
text-align: center;
}

div.contact p{
    font-size: 13px;
padding-top: 0;
}
.menu-wrapper {
margin-top: 0;
}
div.contact,div.logo,div.footer-left,div.social-icons{
    text-align: center;
}
div.footer-left{
    padding-bottom: 5px;
}
div.social-icons{
    padding-top: 10px;
}
.blog-header h2 {
width: 100%;
}
}

@media screen and (max-width: 991px)and (min-width: 768px){
.blog-wrapper div.blog_post, .feature-box-wrapper .three-column-box, .team-member-box {
margin: 25px 0;
}
.thumb.clear a img, .thumb.clear img {
max-width: 100%;
width: 100%;
height: 175px;
}
}

@media screen and (min-width: 768px){
.flex-caption {
width: 100%;
position: absolute;
z-index: 100;
text-align: center;
top: 36%;
}
.flex-caption h1 {
font-weight: 700;
display: inline-block;
color: #fff;
font-size: 60px;
}
.flex-caption h3 {
    display: inline-block;
color: #E8E8E8;
font-size: 20px;
margin-top: 10px;
}
}
@media screen and (max-width: 767px){
.flex-caption {
display:none;
}
.blog-wrapper div.blog_post, .feature-box-wrapper .three-column-box, .team-member-box{
    width:400px;
    margin: 0 auto 25px;
}
.thumb.clear a img, .thumb.clear img {
height: auto;
}
}

@media only screen and (max-width: 640px){
  .page-template-template-front-page .header-wrapper{
    position: inherit;
    background: rgba(0, 0, 0, 0.9);
  }
}
@media only screen and (max-width: 480px){
.thumb.clear a img, .thumb.clear img {
max-width: 100%;
width: 100%;
}
div.navigation {
margin-top: 20px;
margin-left: 12px;
width: 100%;
}
.blog-wrapper div.blog_post, .feature-box-wrapper .three-column-box, .team-member-box{
    width: 281px;
    margin: 0 auto 25px;
}
}




/* Assistive text */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
        display: none;
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}



.flex-direction-nav .flex-prev {
left: 0px;
font-size: 0;
background: url('images/left-arrow.png');
}
.flex-direction-nav .flex-next {
right: 0px;
font-size: 0;
background: url('images/right-arrow.png');
}
.flexslider {
margin: 0;
}

.flex-control-nav {
display: none;
}


/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/






.fourth-feature-wrapper {
    padding: 60px 0;
}
.fourth-feature-text h3{
    font-weight: 400;
    margin-bottom: 25px;
}
.fourth-feature-text p {
    line-height: 30px;
}
.fourth-feature-image img{
    max-width: 100%;
}
p.slider_buttons {
    margin: 15px 0;
}

/* Button CSS */
/* Global Button Styles */
.animated-button:link, .animated-button:visited {
    position: relative;
    padding: 10px 15px;
    color: #fff;
    font-size:13px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    border-radius: 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.animated-button:link:after, .animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}
.animated-button:link:hover, .animated-button:visited:hover {
    color: #FFF;
    text-shadow: none;
}
.animated-button:link:hover:after, .animated-button:visited:hover:after {
    height: 450%;
}
/* Victoria Buttons */

.animated-button.not-first{
    margin-left: 20px
}

.animated-button.victoria-four {
    border-width: 2px;
    border-style: solid;
    z-index: 1;
}
.animated-button.victoria-four:after {
    opacity: .5;
    -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.animated-button.victoria-four:hover:after {
    opacity: 1;
    height: 600% !important;
}
.grey{
    color: #445561;
    border-color: #445561; 
}
.animated-button.victoria-four.grey:after {
    background: #445561;
}
.orange{
    color: #f26b43;
    border-color: #f26b43;
}
.animated-button.victoria-four.orange:after {
    background: #f26b43;
}


/* Post Navigation */

nav.pagination{
  display: block;
    background: #ffffff;    
    border: 1px solid #ECECEC;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
    margin: 30px 0 0;
    clear: both;
}
nav.pagination .nav-links{
  text-align: center;
  position: relative;
  min-height: 60px;
}
.nav-links .page-numbers {
    padding: 0 10px;
    line-height: 60px;
    text-decoration: none;
}
.nav-links .current{
  color: #FF4C65;
  font-weight: 700;
}
.nav-links .prev, .nav-links .next{
  background-color: #22313f;
  color: #fff;
  position: absolute;
  padding: 0px 20px;
}
.nav-links .prev{
  left: 0;
} 
.nav-links .next{
  right: 0;
}


/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
