/*
	Theme Name: Gsa Consulting Sas Gruppo Autodemolitori Riuniti.it
	Theme URI:http://weblizar.com/themes/Gsa Consulting Sas Gruppo Autodemolitori Riuniti.it/
	Author: weblizar
	Author URI: http://weblizar.com/
	Description:Enigma is an incredibly superfine multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site.Enigma is Responsive and flexible based on BOOTSTRAP CSS framework that adapts your website to mobile devices and the desktop or any other viewing environment.We focused on usability across various devices, starting with smartphones.Enigma is a Cross-Browser Compatible theme that works on All leading web browsers.Enigma is Retina ready.It has 4 page layouts, 2 page templates, It has five widgets available (one sidebar, four footers), and using the sidebar widget also enables you to make a two-column design. In addition, footer widget display is automatically adjusted depending on how many are used.Enigma has  Filkr as a custom widget to showing up your Flikr Photos .Custom menus to choose the menu in Primary Location that is in Header area of the site.In header area and footer of the theme offers Social Media Links to add your Social Links here. Enigma  focusing on business template, awesome Caroufredsel slider, Powerful but simple Theme Options for full CMS control option to match your logo & website, wide layout, light & dark color skin, translation ready and many more. You can check the demo at http://demo.weblizar.com/free-theme/.
	Version:  1.4
	License: GNU General Public License v3 or later
	License URI: http://www.gnu.org/licenses/gpl.html
	Tags: black, blue, gray, red, dark, light, silver, white, green, brown, two-columns, three-columns, four-columns, custom-menu, right-sidebar, fixed-layout, fluid-layout, custom-background, featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, flexible-header, responsive-layout, translation-ready
	Text Domain: weblizar
*/
/*!
	* Enigma Css created By weblizar Themes
*/


/* Main css with editable-------------------------------------------------------------- */
.row {
    margin-left: 10px;
    margin-right: 10px;
}

/* Header Section css-------------------------------------------------------------- */
body {
    /* padding:0 30px;*/
    font-family: 'Open Sans', sans-serif;
    background-color: #FFFFFF;

}

#wrapper {
    position: relative;
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

@media screen and (max-width: 678px) {
    .barrasuperiore {
        display: none;
    }
}

@media screen and (max-width: 678px) {
    .desktopview {
        display: none;
    }
}

@media screen and (min-width: 678px) {
    .responsiveview {
        display: none;
    }
}

@media screen and (max-width: 678px) {
    .schedaindex {
        overflow: hidden;
        height: 470px;
    }
}

@media screen and (min-width: 678px) {
    .responsive {
        display: none;
    }
}

@media screen and (max-width: 678px) {
    .desktop {
        display: none;
    }
}

.sparimento {
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
    height: 12px;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
}

a:hover, a:focus {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #666;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;

}

p, .textwidget {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;

}

.head-contact-info {
    display: block;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 0;
}

.head-contact-info li {
    display: inline;
    margin-right: 10px;
    font-size: 18px;
}

.head-contact-info li a {
    color: #fff;
}

.head-contact-info i {
    margin-right: 8px;
    font-size: 20px;
}

.logo {
    text-align: left;
    padding-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
}

.logo a {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
    font-size: 40px;
    color: #fff;
}

.logo a:hover {
    color: #fff;
}

.logo p {
    font-family: 'Open Sans', sans-serif;
    margin-top: 5px;
    color: #fff;
}

.social {
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
}

.social li {
    font-size: 18px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.6);
    display: inline-block;
    height: 35px;
    margin-right: 5px;
    width: 35px;
    text-align: center;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    border: 2px solid #ffffff;
    cursor: pointer;
}

.social i {
    color: #fff;
    line-height: 30px;
}

/* facebook */
.social li.facebook {
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #4C66A4 50%, #4C66A4 50%);
}

.social li.facebook:hover {
    background-position: 0 -100%;
    background-color: #4C66A4;
}

/* dribble */
.social li.dribbble {
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 50%, #EA4C89 50%);
}

.social li.dribbble:hover {
    background-position: 0 -100%;
    background-color: #EA4C89;
}

/* dribble */
.social li.twitter {
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #1da1f2 50%, #1da1f2 50%);
}

.social li.twitter:hover {
    background-position: 0 -100%;
    background-color: #f60;
}

/* linkedin */
.social li.linkedin {
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #C92228 50%, #C92228 50%);
}

.social li.linkedin:hover {
    background-position: 0 -100%;
    background-color: #069;
}

/* instagram */
.social li.instagram {
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, #125688 50%, #125688 50%);
}

.social li.instagram:hover {
    background-position: 0 -100%;
    background-color: #C92228;
}


.heading_title {
    display: block;
    text-align: center;
}

.hr {
    border: 2px solid #31A3DD;
    margin: 0px 0 50px;
}

.heading_title h3 {
    display: inline-block;
    margin-top: 0px;
    letter-spacing: 1px;
    padding-bottom: 10px;
    line-height: 40px;
    color: #31A3DD;
}

/* Flex Slider css *****************************************************************************************************************
********************************************************************************************************************************/
.carousel {
    margin-bottom: 40px;
}

.carousel-inner img {
    width: 100%;
}

.carousel-caption {
    top: 20%;
}

.carousel-control .fa .fa-chevron-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-text h1 {
    margin: 0 0 0px 0;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 3em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 1.4em;
    background: rgba(0, 0, 0, 0.6);
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
}

.carousel-text .blog_read_btn {
    font-size: 25px;
    color: #fff;
    display: inline-block;
    transition: all 0.4s ease 0s;
    padding: 10px 10px 10px 10px;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    margin-bottom: 20px;
    box-shadow: none !important;
}

.carousel-list li {
    color: #fff;
    font-size: 17px;
    margin-bottom: 10px;
    overflow: hidden;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    line-height: 23px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);

}

.carousel-list li:nth-child(1) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
}

.carousel-list li:nth-child(2) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}

.carousel-list li:nth-child(3) {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -ms-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s;
}

/** Service Section  ***************************************************************************************************************
********************************************************************************************************************************/
.service {
    padding-top: 90px;
    padding-bottom: 90px;

}

.service_area {
    border-radius: 0px;
    margin-bottom: 65px;
    transition: all 0.4s ease 0s;

}

.service_iocn {
    width: 90px;
    height: 90px;
    display: block;
    margin-right: 20px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    background-color: #31A3DD;
}

.service_iocn i {
    color: #fff;
    font-size: 50px;
    position: relative;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 90px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.service_detail h3 {
    font-size: 24px;

    letter-spacing: normal;
    line-height: 32px;
    word-wrap: break-word;
    margin: 0 0 10px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.service_detail p {
    font-size: 16px;
    line-height: 27px;
}

.service_area:hover .service_iocn {
    background-position: 0 -100%;
}

.service_area_2 {
    text-align: center;
    border-radius: 0px;
    margin-bottom: 65px;
    transition: all 0.4s ease 0s;
}

.service_iocn_2 i {
    background: #fff;
    width: 90px;
    height: 90px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
}

.service_iocn_2 i {
    font-size: 50px;
    position: relative;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 90px;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.service_detail_2 h3 {
    font-size: 24px;
    letter-spacing: normal;
    line-height: 27px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.service_detail_2 p {
    font-size: 18px;
    line-height: 27px;
}

.service_area_2:hover .service_iocn_2 i {
    background-position: 0 -100%;
}

.service_area_2:hover .service_iocn_2 i {
    color: #fff;
}

/*** Project Or Works  ******************************************************************************************************
**************************************************************************************************************************/
.project_section {
    background: #ecf0f1;
    padding-top: 90px;
    padding-bottom: 90px;
    border-top: 1px solid #DEE1E2;
    border-bottom: 1px solid #DEE1E2;
}

.carousel-navi {
    text-align: center;
    margin-top: 15px;
}

.carousel-prev {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    transition: all 0.3s ease 0s;
    padding: 6px 15px 10px;
    margin-right: 5px;
}

.carousel-next {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    transition: all 0.3s ease 0s;
    padding: 6px 15px 10px;
}

.carousel-prev i,
.carousel-next i {
    font-size: 20px;
    vertical-align: middle;
    transition: all 0.3s ease 0s;
}


.project_section_col {
    border-radius: 0px;
    margin-bottom: 35px;
    transition: all 0.4s ease 0s;
    text-align: center;
}

.img-wrapper {
    margin-bottom: 50px;
    overflow: hidden;
}

.home_portfolio_showcase {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home_portfolio_showcase:hover .home_portfolio_showcase_title a {
    text-decoration: underline;
}

.img_responsive {
    width: 100%;
    display: block;
    height: auto;
}

.home_portfolio_showcase_overlay {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.home_portfolio_showcase img {
    -webkit-transition: all .45s ease-in;
    -moz-transition: all .45s ease-in;
    -o-transition: all .45s ease-in;
    transition: all .45s ease-in;
}

.home_portfolio_showcase_overlay_inner {
    position: absolute;
    bottom: -110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.home_portfolio_showcase .home_portfolio_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.home_portfolio_showcase .home_portfolio_showcase_icons a {
    font-size: 1.3em;
    line-height: 1em;
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    transition: all 0.3s ease 0s;
}

.home_portfolio_showcase .home_portfolio_showcase_icons a i {
    font-size: 1.6em;
    line-height: 40px;
}

.home_portfolio_showcase:hover .home_portfolio_showcase_overlay {
    visibility: visible;
    top: 0;
}

.home_portfolio_showcase:hover img {
    -webkit-transform: scale(1.9) rotate(15deg);
    -moz-transform: scale(1.9) rotate(15deg);
    -ms-transform: scale(1.9) rotate(15deg);
}

.home_portfolio_showcase:hover .home_portfolio_showcase_overlay_inner {
    visibility: visible;
    bottom: 40%;
    left: 0;
}

.home_portfolio_showcase_fade {
    opacity: 0.8;
}

.home_portfolio_showcase_fade:hover .home_portfolio_showcase_overlay {
    display: none !important;
}

.home_portfolio_caption {
    border-radius: 0;
    padding: 0 0 15px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
}


.home_portfolio_caption h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 9px 3px 0px;
    line-height: 35px;
    font-family: 'Open Sans', sans-serif;
}

.home_portfolio_caption small {
    font-size: 13px;
    line-height: 20px;
}

.home_portfolio_caption {
    background: #fff;
}

.home_portfolio_caption h3 a {
    color: #404040;
    font-size: 22px;
}

.home_portfolio_caption small {
    color: #777777;
}

.proejct_button {
    border-radius: 0;
    padding: 15px 5px 5px;
    text-align: center;
    transition: all 0.4s ease 0s;
    text-align: center;
}

.proejct_button a {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    margin: 8px 0;
    padding: 9px 20px;
    text-align: right;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
}

.portfolio_page {
    margin-bottom: 70px;
}

/* Isotope Animating
* -------------------------- */
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/********** project detail page css **********************************************
***********************************************************************************/
.project-detail-section {
    margin-bottom: 70px;
}

.project-detail-section img {
    margin-bottom: 30px;

}

.project-description h3 {
    text-align: left;
    font-size: 24px;
    margin: 20px 0;
}

.project-description h3 span {
    text-align: left;
    font-size: 24px;
}

.project-description p {
    text-align: left;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.related-project {
    padding-top: 55px;
    padding-bottom: 30px;
    width: 100%;
}

.related-project .portfolio_4col_row {
    margin: 0px;
}

.related-project .portfolio-4col-column {
    margin-bottom: 90px;
}

.related-project h3 {
    margin-bottom: 25px;
    margin-top: 0;
}

.portfolio_detail_pagi {
    text-align: left;
    overflow: hidden;
    padding-left: 0;
    padding-bottom: 20px;
}

.portfolio_detail_pagi li {
    display: block;
    float: left;
    margin-right: 15px;

}

.portfolio_detail_pagi li a {
    padding: 4px 11px;
    display: block;
    height: 45px;
    width: 55px;
    transition: all 0.3s ease 0s;

}

.portfolio_detail_pagi li a span {
    font-size: 22px;
}

.project-detail-sidebar {
    padding-left: 10px;
}

.project-detail-sidebar p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
    padding-bottom: 15px;
    padding-top: 0px;
}

.project-detail-sidebar p small {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    padding-left: 0px;
    display: block;
    margin-top: 6PX;
}

.project-detail-sidebar .launch-project a {
    display: inline-block;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0 15px;
    padding: 8px 30px;
    text-align: right;
    text-transform: lowercase;
    transition: all 0.4s ease 0s;
    vertical-align: middle;

}

.project-detail-sidebar .launch-project a {
    text-decoration: none;
}

.project_detail_related_projet {
    margin-bottom: 70px;

}

.project_detail_related_projet .carousel-navi {
    text-align: center;
    display: inline-flex;
    margin-top: 0px;
    float: right;
}

.sidebar-img {
    margin-right: 5px;
}

.project-description h3 span {
    color: #f9504b;
}

.project-description p {
    color: #6a6a6a;
}

.related-project {
    background: none repeat scroll 0 0 #F9F9F9;
    border-top: 2px solid #D1D1D1;
}


/******* gallery css *****************************************************
*********************************************************************/
.gallery_page {
    margin-bottom: 70px;
    width: 100%;
    float: left;
    margin-right: auto;
    margin-left: auto;
}


.gallery-padding {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}

.gal_img {
    position: relative;
    overflow: hidden;
}

.gallery_wrapper {
    margin-bottom: 0px;
    overflow: hidden;
}

.gallery_showcase {

    position: relative;
    width: 100%;
    overflow: hidden;
}

.gallery_blog {
    width: 24.98%;
    margin-right: 0;
    margin-bottom: 0;
    float: left;
}

.img_responsive {
    width: 100%;
    display: block;
}

.gallery_showcase_overlay {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.gallery_showcase img {
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;

}

.gallery_showcase_overlay_inner {
    position: absolute;
    bottom: -110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;


}

.gallery_showcase .gallery_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.gallery_showcase .gallery_showcase_icons a {

    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    transition: all 0.3s ease 0s;

}

.gallery_showcase .gallery_showcase_icons a i {
    font-size: 1.6em;
    line-height: 40px;

}

.gallery_showcase:hover .gallery_showcase_overlay {
    visibility: visible;
    top: 0;
}

.gallery_showcase:hover .gallery_showcase_overlay_inner {
    visibility: visible;
    bottom: 40%;
    left: 0;

}


/***************** BLog Section *************************************************************************
***************************************************************************************************/

/** wrapper for front page **/
.blog_area {
    padding-top: 90px;
    padding-bottom: 90px;
}

.blog_wrapper {
    margin-bottom: 90px;
}

.blog_thumb_wrapper {
    margin-bottom: 40px;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px;
}

.blog_thumb_wrapper img {
    width: 100%;

}

.blog_thumb_wrapper h2 {
    font-size: 22px;
    margin-bottom: 8px;
    padding-right: 0px;
    line-height: 1.4;
    margin-top: 0px;

}

.blog_thumb_wrapper h2 a:hover {
    color: #34495e !important;
}

.fuul_blog_detail_padding h2 a:hover {
    color: #34495e !important;
}

.blog_thumb_wrapper {
    position: relative;
    overflow: hidden;
}

.blog_thumb_date {
    list-style: none;
    text-align: left;
    padding-left: 0;
    color: #9b9b9b;
    font-size: 14px;
    margin-bottom: 0px;
}

.blog_thumb_date li {
    display: inline-block;
    color: #555;
    margin-right: 15px;
    margin-bottom: 5px;
}

.blog_thumb_date li i {
    margin-right: 8px;
    font-size: 22px;
}

.blog_thumb_date li a {
    color: #555;
}

.blog_thumb_wrapper p {
    font-size: 16px;
    padding-right: 8px;
    margin-bottom: 20px;
    line-height: 27px;
}

.blog_thumb_wrapper span a i {
    margin-right: 6px;
    font-size: 20px;
    vertical-align: middle;
}

.tags {
    margin-bottom: 8px;
}

.tags a {
    padding: 3px 7px;
    margin: 4px 4px 4px 0;
    margin-bottom: 10px;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    color: #515151;
    text-decoration: none;
    font-size: 0.9em;
    white-space: nowrap;
    display: inline-block;
}

.tags a i {
    margin-right: 5px;
    transition: all 0.4s ease 0s;
}

.blog_read_btn {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    transition: all 0.4s ease 0s;
    padding: 5px 5px 5px 5px;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    margin-bottom: 20px;
}

.blog_thumb_wrapper_showcase {
    position: relative;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;

}

.blog_thumb_wrapper_showcase_overlay {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.blog_thumb_wrapper_showcase img {
    -webkit-transition: all .45s ease-in;
    -moz-transition: all .45s ease-in;
    -o-transition: all .45s ease-in;
    transition: all .45s ease-in;


}

.blog_thumb_wrapper_showcase_overlay_inner {
    position: absolute;
    bottom: -110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;


}

.blog_thumb_wrapper_showcase .blog_thumb_wrapper_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.blog_thumb_wrapper_showcase .blog_thumb_wrapper_showcase_icons a {
    font-size: 1.3em;
    line-height: 1em;
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
    text-decoration: none;
    margin-right: 5px;
    border-radius: 100%;
    width: 60px;
    height: 60px;

}

.blog_thumb_wrapper_showcase:hover .blog_thumb_wrapper_showcase_overlay {
    visibility: visible;
    top: 0;
}

.blog_thumb_wrapper_showcase:hover img {
    -webkit-transform: scale(1.9) rotate(15deg);
    -moz-transform: scale(1.9) rotate(15deg);
    -ms-transform: scale(1.9) rotate(15deg);
}

.blog_thumb_wrapper_showcase:hover .blog_thumb_wrapper_showcase_overlay_inner {
    visibility: visible;
    bottom: 40%;
    left: 0;

}

.blog_thumb_wrapper_showcase .blog_thumb_wrapper_showcase_icons a i {
    font-size: 1.6em;
    line-height: 40px;

}


/********* Blog Full width css ********/

.blog_full {
    margin-bottom: 20px;
    margin-top: 10px;
    overflow: auto;
    padding: 0px;
    float: none;
}

.blog_full .blog_thumb_wrapper_showcase {
    margin-bottom: 20px;

}

/* .blog_full img{
	width:100%
	}
*/
.blog-date-left {
    list-style: none;
    float: left;
    padding: 0px;
    transition: all 0.4s ease 0s;

}

.blog-date-left li {
    width: 100px;
    height: 100px;
    text-align: center;
    transition: all 0.4s ease 0s;
}

.blog-date-right {
    list-style: none;
    float: right;
    padding: 0px;
    transition: all 0.4s ease 0s;

}

.blog-date-right li {
    width: 100px;
    height: 100px;
    text-align: center;
    transition: all 0.4s ease 0s;
}


.post_date {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    transition: all 0.4s ease 0s;
}

.post_date span.date {
    font-size: 68px;
    line-height: 55px;

}

.post_date h6 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
    color: #fff;
}

.post_author img {
    height: 100px !important;
    max-width: 100%;
}

.post_author {

    width: 100px;
    text-align: center;
    margin-top: 0px;
}

.blog_comment {

    border-radius: 0px;
    display: block;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    width: 100px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 0px;
    color: #999999;
    background: #f6f6f6;

}

.blog_comment a {
    color: #999999;
}

.blog_comment i {
    font-size: 68px;
    line-height: 55px;
    transition: all 0.4s ease 0s;

}

.blog_comment h6 {
    font-size: 16px;
    color: #999999;
    transition: all 0.4s ease 0s;
}

.post-content-wrap {
    float: left;
    width: 86%;
}

/*
	.post-content-wrap img{
	width:100%;
}*/

.post-content-wrap-right {
    float: right;
    width: 86%;
}

.post-content-wrap-right img {
    width: 100%;
}

.blog_post_content {
    float: left;
    margin-bottom: 10px;
    width: 100%;

}

.blog_post_content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 20px;
}

.blog_post_content p {
    color: #777777;
}

.fuul_blog_detail_padding {

    padding-left: 20px;
    float: left;
    width: 100%;
}

.fuul_blog_detail_padding h2 {
    margin-top: 0px;
}

.fuul_blog_detail_padding h2 a {

    font-size: 28px;
    margin-bottom: 8px;
    padding-right: 0px;
    line-height: 35px;
    margin-top: 0px;
    transition: all 0.4s ease 0s;

}

.fuul_blog_detail_padding p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px;
}

.blog-sep.header-sep {
    margin-top: 40px;
    margin-bottom: 50px;
}

.header-sep {
    border: 0;
    height: 4px;
    color: #f5f5f5;
    background-color: #f5f5f5;
}

/***** Blog page with sidebar *****************************************************************
***************************************************************************************/
.recent_widget_post {
    margin: 0 0 5px !important;
    padding-bottom: 16px;
    border-bottom: 0px solid #6B6B6B;
    vertical-align: middle;
}

.recent_widget_post:last-child {
    margin: 0 0 0px !important;
}

.recent_widget_post h3, .footer_widget_column ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-top: -2px;

}

.recent_widget_post h3 a {
    transition: all 0.2s ease 0s;
}

.recent_widget_post h3 a:hover {
    color: #ffffff;
}

.recent_widget_post_move {
    float: left;
}

.recent_widget_post_img {
    margin-right: 10px !important;
    width: 64px;
    height: 64px;
    transition: opacity 0.3s ease-out 0s;
    display: block;
}

.recent_widget_post_date {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
}

.sidebar_widget {
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0, 0, 0, .7);
    padding: 0px 20px 15px 20px;

}

.sidebar_widget_title {
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;

}

.sidebar_widget .recent_widget_post_date {
    color: #6a6a6a;
}

.sidebar_widget .recent_widget_post h3 a:hover {
    color: #6a6a6a;
}

.sidebar_widget .recent_widget_post h3 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-top: -2px;
}

.sidebar_widget h3 {
    display: inline-block;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.sidebar_widget_title h2 {
    margin: 0px;
    clear: both;
    font: normal normal 18px Oswald;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    color: #fff;
}

/**** link widget **/
.sidebar_widget ul li a, .footer_widget_column ul li a {
    position: relative;
}

.sidebar_widget ul li a:before, .footer_widget_column ul li a:before {
    position: absolute;
    font-family: FontAwesome;
    top: 0;
    left: -14px;
    content: "\f105";
}

.footer_widget_column ul li, .footer_widget_column ul#recentcomments li a {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    transition: all 0.2s ease 0s;
}

.sidebar_link p a, .sidebar_widget ul li a {
    transition: all 0.4s ease 0s;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.sidebar_widget ul li, .footer_widget_column ul#recentcomments li {
    list-style: none;
}

.sidebar_widget ul li a {
    padding-left: 10px;
}

.sidebar_link p a i {
    margin-right: 10px;
}

.sidebar_link p, .sidebar_widget ul li {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    transition: all 0.4s ease 0s;
    padding-bottom: 10px;
    padding-top: 0;
}

.sidebar_link p a, .sidebar_widget ul li a {
    color: #6a6a6a;
}


/*** tag widget **/
.widget_tags, .tagcloud {
    margin: 0px 0 10px;
    overflow: hidden;
    padding: 0;
}

.widget_tags a, .tagcloud a, .footer_widget_column .tagcloud a {
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    line-height: 20px;
    margin: 0 5px 10px 0;
    padding: 8px 12px;
    transition: all 0.8s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}

.footer_widget_column .tagcloud {
    padding: 8px;
}

.widget_tags a, .tagcloud a, .footer_widget_column .tagcloud a {
    border: 1px solid #edf0f2;
    color: #555;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

/*** Flickr widget **/
.flickr-photos-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    overflow: hidden;
}

.flickr-photos-list > li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.flickr-photos-list > li img {
    width: 73px;
    height: 73px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.flickr-photos-list > li img:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.sidebar_left_side {

    float: left;

}

.blog_right_side {
    float: right;
}


/********* Blog detail page *************/
.author_detail_section {
    margin-bottom: 60px;
    margin-top: 20px;
}

.author_detail_img {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
    margin-bottom: 2px;

}

.author_detail_name {
    font-size: 18px;
    line-height: 20px;
    margin: 0px 0 5px;
    color: #fff;
}

.author_detail_wrapper p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 0px;
    color: #fff;
}

.comment_section {
    overflow: auto;
    padding: 0 0 15px;
    margin: 0px 0px 0px 0px;
    float: none;
}

.comment_title {
    display: block;
    margin: 0 0 5px;
}

.comment_title h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 25px;
    margin: 0 0 -2px;
    padding-bottom: 11px;
    padding-right: 10px;
}

.comment_title h3 > i {
    font-size: 34px;
}

.comment_box {
    margin: 0 0 10px !important;
    padding: 40px 0px 0 0;
    position: relative;
}

.pull_left_comment {
    margin-right: 15px;
    float: left;
}

.comment_img {
    height: 80px;
    width: 80px;
    margin: 0 0 20px;
}

.comment_detail {
    margin-left: 0px;
    padding: 20px;
}

.comment_detail_title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    margin: 0px 0 5px;
}

.comment_detail p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 20px;
}

.comment_date {
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    display: block;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.reply {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.reply a {
    font-size: 16px;
    line-height: 22px;
}

.reply a > i {
    font-size: 16px;
    position: relative;
    padding-right: 5px;
    top: 2px;
}

.form_group {
    margin-bottom: 20px;
}

.comment_form_section {
    margin-bottom: 60px;
    padding: 0 0 15px;
    margin: 20px 0 45px;
    float: none;
}

.comment_form_section h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 0 0 30px;
    padding: 0 0 15px;
}

.comment_form_section h2 > i {
    font-size: 32px;
    position: relative;
    top: 5px;
}

.comment_form_section label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 11px;
}

.con_input_control {
    display: block;
    font-size: 14px;
    height: 45px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

.con_textarea_control {
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

.con_input_control:focus, .con_textarea_control:focus {
    outline: 0;
}

.con_input_control {
    background-image: none;
}

.con_textarea_control {
    background-image: none;
}

.send_button, #send_button {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    padding: 15px 40px;
    margin-bottom: 0;
    font-size: 18px;

    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    transition: all 0.4s ease;

}


.comment_title h3 {
    color: #121212;
    border-bottom: 1px solid #E9E9E9;
}

.comment_title h3 > i {
    color: #ccc;
}

.comment_detail {
    background: #F8F8F8;
    border: 2px solid #F1F0F0;
}

.comment_detail p {
    color: #6a6a6a;
}

.comment_date {
    color: #A0A0A0;
}

.comment_form_section h2 {
    color: #121212;
    border-bottom: 1px solid #E0E0E0;
}

.comment_form_section h2 > i {
    color: #ccc;
}

.con_input_control {
    background-color: #FFFFFF;
    border: 1px solid #c5c5c5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
}

.con_textarea_control {
    background-color: #FFFFFF;
    border: 1px solid #c5c5c5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
}


/*** Testimonial Section  ******************************************************************************************************
**************************************************************************************************************************/
.testimonial_area {
    background: #ecf0f1;
    padding-top: 90px;
    padding-bottom: 90px;
    border-top: 1px solid #DEE1E2;
    border-bottom: 1px solid #DEE1E2;
    text-align: center;
}

.testimonial {
    text-align: center;
    margin-bottom: 15px;
}

.testimonial_area i {
    font-size: 60px;
    margin-bottom: 20px;
}

.testimonial_area p {
    color: #727272;
    font-size: 20px;
    font-family: 'georgia';
    font-style: italic;
    margin-bottom: 20px;
    line-height: 32px;
}

.testimonial_area img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 10px;
    width: 150px;
    height: auto;
}

.testimonial_area h3 {

    margin: 0 0 10px 0;
}

.testimonial_area span {
    margin: 0 0 20px 0;
    font-size: 16px;
    color: #666;
}

.pager a {
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    text-indent: -9999px;
    width: 15px;
    margin: 0 3px;
    text-decoration: none;
}

.pager a:focus {
    outline: none;
}

.pager {
    list-style: none outside none;
    margin: 0px;
    padding-left: 0;
    text-align: center;
    margin-top: 30px;
}


/***Client Section ******************************************************************************************************
**************************************************************************************************************************/

.client_area {
    padding-top: 90px;
    padding-bottom: 40px;

}

.client_wrapper {
    border: 4px solid #ecf0f1;
    opacity: 0.95;
    filter: alpha(opacity=95);
    text-align: center;
    transition: all 0.3s ease 0s;
    margin-bottom: 50px;

}

.client_area .heading_title2 {
    text-align: right;
    margin-bottom: 40px;
}

.client_navi {
    overflow: hidden;
    display: inline;
}

.client_prev {

    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    transition: all 0.3s ease 0s;
    padding: 6px 15px 10px;
    margin-right: 5px;

}

.client_next {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    transition: all 0.3s ease 0s;
    padding: 6px 15px 10px;
}

.client_prev i,
.client_next i {
    font-size: 20px;
    vertical-align: middle;
    transition: all 0.3s ease 0s;
}


/***** Call Out Section *****************************************************************
***************************************************************************************/
.callout_area {
    width: 100%;
    padding-top: 39px;
    padding-bottom: 40px;
    display: block;
    overflow: hidden;

}

.callout_area p {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 35px;
    padding-top: 10px;
}

.callout_area p {
    color: #fff;
}

.callout_area p i {
    font-size: 40px;
    float: left;
    margin-right: 20px;
    vertical-align: middle;
}

.callout_btn {
    float: right;
}

.callout_area a {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    border-radius: 10px;
    padding: 16px 18px;
    text-align: right;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
}

.callout_area a {
    transition: all 0.4s ease 0s;
    text-decoration: none;
    color: #fff;
    text-align: center;
}

.callout_area a {
    color: #FFFFFF;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 50%, #393c40 50%);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border: 4px solid #393c40;
}

/***** Footer widget Area *****************************************************************
***************************************************************************************/

.footer_widget_area {
    padding: 38px 0 20px;
}

.footer_widget_area h6, .footer_widget_column .textwidget {
    color: #f2f2f2;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin-top: 25px;
}

.footer_widget_area p {
    font-size: 13px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
}

.footer_widget_area h6 {
    color: #95a5a6;
}

.footer_widget_area p {
    color: #ffffff;
}


.footer_widget_area {
    background: #34495e;
}

.footer-separator {
    background-color: #ffffff;
    height: 3px;
    margin-top: 10px;
    text-align: center;
    width: 100px;
}

.footer_widget_title {
    color: #ffffff;
    text-shadow: 0px 1px 2px #2a2a2a;
}

.footer_widget_title {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    margin: 0px 0px 25px 0px;
    line-height: 25px;
    letter-spacing: 1px;
}

.footer_widget_column {
    margin-bottom: 50px;
}


.footer_widget_column address {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 25px;
}

.footer_widget_column address {
    color: #9e9d9d;

}

.footer_widget_column address p {
    color: #f2f2f2;
    padding: 0 0 10px;
    font-size: 16px;
}

.footer_widget_column address p i {
    margin-right: 10px;
}

.footer_widget_column address a {
    color: #CCCCCC;

}

.footer_widget_column address a:hover {
    color: #ffffff;
}


.footer_widget_link {
    margin: 20px 0 10px;
    overflow: hidden;
    padding: 4px 0;
}

.footer_widget_link a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0px 0 0px;
    transition: all 0.4s ease 0s;
}

.footer_widget_link a {
    color: #ffffff;
    text-decoration: none;
}

.footer_widget_link a:hover {
    color: #f8504b;
}


/* Footer area Section Css------------------------------------------------------------ */

.footer_area {
    padding: 10px 0 0px;
}

.footer_area p {
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-size: 13px;
    bottom: 0;
    text-align: center;
    padding-top: 12px;
}

.footer_area p {
    color: #f2f2f2;
    font-size: 15px;
}

.footer_area p span {
    color: #fa504b;
}

.footer_area p a {
    color: #000000;
}

.footer_area p a:hover {
    color: #ffffff;
}

.footer_copyright_info {
    float: left;
}

.footer_social_div {
    float: right;
}


/* Scroll To Top ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.scrollup {
    width: 45px;
    height: 40px;
    opacity: 0.5;
    position: fixed;
    bottom: 100px;
    right: 30px;
    display: none;
    border-radius: 2px;
    text-align: center;
    color: #fafafa;
    font-size: 25px;
    background: #3b3b3b;
    z-index: 9999;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.scrollup i {
    line-height: 38px;
    font-size: 24px;
    vertical-align: middle;
}

.scrollup:hover {
    opacity: 0.8;
}

a.scrollup:hover i, a.scrollup:focus i {
    text-decoration: none;
    color: #fafafa;
    outline: none;

}

/*-----------------------
	-----Scrollimations------
------------------------*/
.scrollimation.fade-in {
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

.scrollimation.fade-in.in {
    opacity: 1;
}

.scrollimation.scale-in {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.17, .89, .67, 1.57), opacity .6s ease-out;
    transition: transform .6s cubic-bezier(.17, .89, .67, 1.57), opacity .6s ease-out;
}

.scrollimation.scale-in.in {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.scrollimation.fade-right {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: -webkit-transform .4s ease-out, opacity .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out;
}

.scrollimation.fade-right.in {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.scrollimation.fade-left {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: -webkit-transform .4s ease-out, opacity .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out;
}

.scrollimation.fade-left.in {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.scrollimation.fade-up {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform .4s ease-out, opacity .4s ease-in;
    transition: transform .4s ease-out, opacity .4s ease-in-out;
}

.scrollimation.fade-up.in {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.scrollimation.d1 {
    transition-delay: .2s;
}

.scrollimation.d2 {
    transition-delay: .4s;
}

.scrollimation.d3 {
    transition-delay: .6s;
}

.scrollimation.d4 {
    transition-delay: .8s;
}

.touch .scrollimation.fade-in {
    opacity: 1;
}

.touch .scrollimation.scale-in {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.touch .scrollimation.fade-right {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.touch .scrollimation.fade-left {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.touch .scrollimation.fade-up {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

/***********theme required css **********/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.fuul_blog_detail_padding img {
    max-width: 100%;
    height: auto;
}

.sidebar .input-group {
    max-width: 100%;
}

.sidebar ul.sub-menu, .sidebar ul.children, .footer_widget_area ul.sub-menu, .footer_widget_area ul.children {
    padding: 0;
}

ul#recentcomments li a:before, .footer_widget_column ul#recentcomments {
    content: '';
}

ul#recentcomments li a {
    line-height: 11px;
    font-size: 14px;
}

.footer_widget_column ul {
    padding: 9px;
    list-style-type: none;
}

.footer_widget_column ul {
    padding: 9px;
}

.footer_widget_column ul {
    padding-left: 0;
}

.footer_widget_column ul li {
    padding: 3px;
}

.post-content-wrap-right .fuul_blog_detail_padding {
    padding-right: 20px;
}

.callout-box.callout-box2 {
    padding: 26px 20px;
    background: #279fbb;
    border: 0;
}

.callout-box .callout-content h2 {
    font-weight: normal;
    line-height: 30px;
    font-size: 22px;
    margin: 0;
    color: #4b4b4b;
}

.screen-reader-text {
    display: none;
}

.blog_post_content img {
    max-width: 100%;
}

/*Calander Widget CSS*/
#wp-calendar tbody tr td {
    text-align: center;
}

#wp-calendar caption {
    padding: 10px;
}

#wp-calendar thead tr th {
    text-align: center;
}


/*Flikr Widget CSS**/
.sidebar .flickr_badge_image {
    float: left;
    margin-bottom: 5%;
    margin-left: 5%;
    transition: all 0.2s ease-in-out 0s;
}

.flickr_badge_image:hover {
    opacity: 0.65;
}

.footer_widget_column .flickr_badge_image {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.sidebar .widget-content p {
    line-height: 150%;
}

.widgetmore {
    clear: both;
    display: block;
}

.sticky {
}

/*HTML POST HEADING CSS*/
.fuul_blog_detail_padding h1, .fuul_blog_detail_padding h3, .fuul_blog_detail_padding h4,
.fuul_blog_detail_padding h5, .fuul_blog_detail_padding h5, .fuul_blog_detail_padding h6 {
    color: #31A3DD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-default {
    background-color: #fff;
    border: 0;
    text-align: left;
    font-weight: 0;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    -moz-box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    color: #FFFFFF;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    -moz-box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    color: #FFFFFF;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
}

.navbar-default .navbar-nav > li {
    margin-right: 7px;
}

.navbar-default .navbar-nav > li > a {
    color: #293f32;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'calibri', serif;
    font-weight: normal;
    font-size: 15px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #777777;
    font-family: 'calibri', serif;
    font-weight: bold;
    font-size: 13px;

}

.navigation_menu {
    background-color: #777777;
    border-top: 2px solid #31A3DD;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu .active a {
}

.collapse ul.nav li.current-menu-parent .dropdown-toggle, .collapse ul.nav li.current-menu-item .dropdown-toggle,
.navbar-default .navbar-collapse ul.nav li.current-menu-parent .dropdown-toggle, .navbar-default .navbar-collapse ul.nav li.current-menu-item .dropdown-toggle
.collapse ul.nav li.current_page_ancestor .dropdown-toggle, .collapse ul.nav li.current_page_ancestor .dropdown-toggle,
.navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle, .navbar-default .navbar-collapse ul.nav li.current_page_ancestor .dropdown-toggle {
    box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    color: #fff !important;
    border-radius: 0px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
}

.dropdown-menu {
    background-color: rgb(255, 255, 255);
}

.navbar-collapse {
    max-height: 340px;
    padding-right: 15px;
    margin-top: 2px;
    margin-bottom: 2px;
    overflow-x: visible;
    border-top: 0px solid transparent;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
}