/*
Theme Name: Air Free
Theme URI: http://www.navthemes.com/air-pro-one-page-multipurpose-theme/
Author: NavThemes
Author URI: http://www.navthemes.com/
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Air free is free version of Air-Pro Theme. It is nice one page theme from NavThemes. Its responsive wordpress theme that fits flawlessly to all screen sizes and device types. Built with bootstrap 3.3, its a clean coded wordpress theme. Comes with modules reorder functionality it can be used to design any business website. You can use it to design fitness, portfolio, GYM, News, Travels Agencies, hair saloon, hair salon, yoga, gymnastic, architect, freelancer, carpenter, plumber, individual consultants, portfolio website or any small business website. 
Tags: black, blue, white, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-menu, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready 
Text Domain: air-free
*/

/* Main Style File 
   Style Colors
   Main: #2eb1a5;
   Secondary: #1efee9;
*/


/**
 * Table of Contents:
 *
 * 1.0 - General Style
 * 2.0 - Basic Structure
 * 3.0 - Buttons
 * 4.0 - Buttons Animation
 * 5.0 - Header
 * 6.0 - About Section
 * 7.0 - Counter Section
 * 8.0 - Team  Section
 * 9.0 - Services  Section
 * 10.0 - Plan  Section
 * 11.0 - Testimonials  Section
 * 12.0 - Contact Section
 * 13.0 - Protfolio Section
 * 14.0 - Twitter Section
 * 15.0 - Footer Section
 * 16.0 - Blog post Section
 * 17.0 - Single post Section
 * 18.0 - 404  Section
 * 19.0 - loader  Section
 * 20.0 - Scroll buttion
 * 21.0 - Responsive Section

 * -----------------------------------------------------------------------------
 */

/**
* 1.0 General Style
* -----------------------------------------------------------------------------
*/


#main_container {
	opacity: 0;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */
	filter: alpha(opacity=0);
}

#main_container.visible{
	opacity:1;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */
	filter: alpha(opacity=100);
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6{
	text-transform:uppercase;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body {
    margin: 0;
    padding: 0;
    /*Default font size */
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a,a:hover,a:visited,a:focus{
    text-decoration:none;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
a{
    color:#333;
}

a:hover{
    color:black;
}


/* inputs text */
input,textarea{
    border:0px solid transparent !important;
    box-shadow:none !important;
    padding:25px;
}

input:focus,textarea:focus{
    box-shadow:none !important;
    color:black !important;
}
input,textarea {
    border-radius:50px !important;
    border:2px solid #ccc !important;
	padding:15px 50px;
}
textarea{
    border-radius:20px !important;
}


/**
 * 2.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.container {
    /* Container Width */
    width: 1230px;
    max-width: 100%;
    margin: auto;
}

.section_heading{
    margin:auto;
}


p {
    font-size: 15px;
    color: #868686;
    line-height: 27px;
}

h1 {
    font-size: 30px;
    color: #343333;
    text-transform: uppercase;
    text-align: center;
}

/* For Animatin ON Scrolling Fix */
.os-animation{
    opacity: 0;
}
.os-animation.animated{
    opacity: 1;
}

/* GENERAL */
.section_heading{
    margin-bottom:50px;
}
.section_heading > span{
    border-top: 2px solid #2eb1a5;
    border-bottom: 2px solid #2eb1a5;
    padding:10px;
    display:inline-block;
}

.welcome_heading{
    margin-bottom:30px;
}

.icon_border{
    padding:20px;
    border:1px solid #ccc;
    border-radius:1000px;
    margin-right:20px;
}

.section{
    padding:100px 0px;
}

.image_section{
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    position:absolute;
    height:100%;
    padding:0;
}
.left-image{
    left:0;
}
.right-image{
    right:0;
}

.section_padding{
    padding:90px 30px;
}

.text-center {
    text-align: center;
}

.section_wrap {
    width: 100%;
    background:#2eb1a5;
    position:relative;
}

.section_wrap .section_heading span{
    color:#fff;
    display:inline-block;
    border:0px;
    padding:0px;
}
.col-md-offset-left{
    padding-left:5%;
}
.section_wrap p {
    font-size: 15px;
    color: #fff;
    margin:0px;
}
.section_wrap .section_heading{
    text-align:left;
    margin:0px;
    margin-bottom:25px;
}

.section_wrap .section_heading{
    text-align:left;
    margin:0px;
    margin-bottom:25px;
}

.section_wrap h3 {
    font-size: 18px;
    color: #6d6d6d;
}

.section_wrap .fa {
    font-size: 33px;
    color: #333333;
    padding:10px;
    margin-right:10px;
}

.section_wrap .btn-primary{
    border-color:#fff !important;
    color:#fff;
}
.section_wrap .btn-primary:hover{
    border-color:#fff !important;
    color:#333;
    background:#fff;
}
.section_wrap .btn-primary:before{
    color:#333;
}



/**
 * 3.0 Buttons
 * -----------------------------------------------------------------------------
 */

/* General button style (reset) */
@font-face {
    font-family: 'icomoon';
    src:url('./assets/custom/fonts/icomoon/icomoon.eot');
    src:url('./assets/custom/fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('./assets/custom/fonts/icomoon/icomoon.woff') format('woff'),
    url('./assets/custom/fonts/icomoon/icomoon.ttf') format('truetype'),
    url('./assets/custom/fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 20px 60px;
    display: inline-block;
    margin: 15px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
}


/**
 * 4.0 Buttons Animation
 * -----------------------------------------------------------------------------
 */
.btn {
    border-radius: 50px !important;
    border: 3px solid #2eb1a5 !important;
    color: #2d2d2d;
    overflow: hidden;
}

.btn:active,.btn:hover,.btn:focus {
    background:#2eb1a5;
    color: white;
}

.btn:before {
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 3.2;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:active:before {
    color: white;
}

.btn:before {
    left: 130%;
    top:2%;
}

.btn:hover:before {
    left: 80%;
}
.btn:before {
    content: "\e600";
}

/* for white */
.btn-secondary {
    border: 3px solid white !important;
    color: white;
}

.btn-secondary:active,.btn-secondary:hover {
    background:white;
    color: black;
}

.btn-secondary:before{
    color: black;
}


.pre_btn .btn:before {
    left: -30%;
}

.pre_btn .btn:hover:before {
    left:10%;
}

.pre_btn .btn:before {
    content: "\e601";
    top:3%;
}


/**
 * 5.0 Header
 * -----------------------------------------------------------------------------
 */

.logo{
	line-height:21px;
	color:white;
	font-size:16px;
}

#logo{
    padding:0;
}

#open-button{
    display:none !important;
}
#floating_header{
    display:none;
    position:fixed;
    width:100%;
    z-index:10000;
    background:white;
    top:0;
    box-shadow:1px 1px 1px #ccc;
}
#nav_wrapper{
    width:100%;
    padding:18px 0px;
    background:#2eb1a5;
}

/* for header menu */
.header_wrapper nav ul{
    list-style:none;
    text-align:center;
    margin:0px;
}
.header_wrapper nav ul li{
    display:inline-block;
    padding:0px 5px;
}
.header_wrapper nav ul li a{
    padding:10px;
    color:white;
    font-size:14px;
    text-transform:uppercase;
}
.header_wrapper nav ul li a:hover,.header_wrapper nav ul li a.active,.header_wrapper nav ul li a.active:hover{
    border-bottom:2px solid #fff;
    text-decoration:none;
}

/* left menu hover(menu_elastic.css) */
.icon-list ul li a:hover{
    background:#2eb1a5;
    color:#fff;
}

#banner_image{
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    height:600px;
}

#text_slider{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    text-align:center;
    padding-top:15%;
    height:600px;
    overflow-y:hidden;
}

h2,.section_heading span{
    font-size: 30px;
    color: #343333;
    text-transform: uppercase;
    text-align: center;
}
/* The element to be centered, can
   also be of any width and height */
.hero_text h3{
    vertical-align: middle;
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}
.hero_text p {
    font-size: 18px;
    color: #fff;
}
.btn-default {
    padding: 10px 20px;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    background: none;
    border-radius: 0px;
}
.gray_bg {
    background: #f6f6f6;
    padding: 100px 0px;
    text-align: center;
}
.heading_bdr {
    width: 25%;
    border: 1px solid #2eb1a5;
    display: inline-block;
    text-align: center;
}


/**
 * 6.0 About us Section
 * -----------------------------------------------------------------------------
 */

#about_wrapper .section_wrap_second, #about_wrapper .section_wrap{
    position:relative;
}

.section_wrap_second{
    width: 100%;
    background:#fff;
}
.section_wrap_second .section_heading span{
    padding:0px;
    color:#333;
    display:inline-block;
    text-align:left;
}
.section_wrap_second p {
    font-size: 15px;
    color: #757474;
}
.section_wrap_second h2{
    text-align:left;
    margin:0px;
    margin-bottom:25px;
}
.section_wrap_second h3 {
    font-size: 18px;
    color: #757474;
}

.section_wrap_second .btn-primary{
    border-color:#2eb1a5 !important;
    color:#333;
}
.section_wrap_second .btn-primary:hover{
    border-color:#2eb1a5 !important;
    color:#fff;
    background:#2eb1a5;
}
.section_wrap_second .btn-primary:before{
    color:#fff;
}



/**
 * 7.0 Counter Section
 * -----------------------------------------------------------------------------
 */



/* counter with Icon*/
.counter_bg{
   	background-color: #343333;
    text-align:center;
}

.counter_bg .fa ,.counter_bg h3, .counter_bg p{
    color: #fff !important;
}

.counter_bg h3{
    color:#2eb1a5 !important;
}

.counter_section {
    width: 100%;
    padding: 100px 0px;
}
.counter_section p {
    font-size: 20px;
    color: #363638;
    text-transform: uppercase;
}
.counter_section h3 {
    font-size: 30px;
    color: #363638;
}

#statistics .fa {
    font-size: 40px !important;
    color: #333333;
}

.black_overlay {
    width: 100%;
    height: 300px;
    color: #FFF;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    text-align:center;
    overflow-y:hidden;
    margin-top: -100px;
    margin-bottom: -100px;
    padding-top: 100px;
}



/**
 * 8.0 Team  Section
 * -----------------------------------------------------------------------------
 */


#team .socials .fa{
    font-size:20px;
    margin:10px;
}
#team .socials .fa-facebook{
    color:#2eb1a5;
}
#team .socials .fa-twitter{
    color:#2eb1a5;
}
#team .socials .fa-linkedin{
    color:#2eb1a5;
}

#team img{
    border-bottom: 5px solid #cacaca;
}
.team_section {
    width: 100%;
    text-align: center;
}
.team_section .owl-theme .owl-controls .owl-page span{
    background:#2eb1a5;
}
.team_section .fa{
    color:#2eb1a5;
    font-size:70px;
}
.team_section h3 {
    font-size: 20px;
    color: #2eb1a5;
    margin: 13px;
    text-transform: uppercase;
}
.team_section h4 {
    font-size: 16px;
    color: #676666;
    margin: 13px;
}

.team_bdr {
    width: 25%;
    border: 1px solid #b2b2b2;
    display: inline-block;
}


/**
 * 9.0 Services  Section
 * -----------------------------------------------------------------------------
 */


#services {
    text-align:center;
}

#services .fa{
    color:#2eb1a5;
    font-size:70px;
    padding:20px 0px;
}


/**
 * 10.0 Plan  Section
 * -----------------------------------------------------------------------------
 */

.price_section {
    width: 100%;
    text-align: center;
}

.pricing_wrapper {
  text-align: center;
 }
  
  .pricing_wrapper .pricing {
    text-align: center;
    margin-bottom: 30px;
    max-width:400px;
    padding:30px 0px;
	border:5px solid #333;
	
 }
 
	.pricing_wrapper.featured .pricing{
		border:5px solid #2eb1a5;
	}
	
      .pricing_wrapper .pricing .price_row span {
        font-size: 30px;
        color: #333; }
      .pricing_wrapper .pricing .price_row sup {
        font-size: 14px;
        color: #333;
        margin: 0 5px; }
      .pricing_wrapper .pricing .price_row sub {
        font-size: 14px;
        color: #333;
        margin: 0 5px; }
 

.pricing_wrapper .features{
	margin-bottom:40px;
	}

.pricing_wrapper .pricing .btn-primary{
    border-color:#2eb1a5 !important;
    background:#fff !important;
    color:#333;
    padding:20px 45px;
}

.pricing_wrapper .pricing .btn-primary:hover{
    border-color:#2eb1a5 !important;
    background:#2eb1a5 !important;
    color:#fff;
}

.pricing_wrapper.featured .btn-primary:before{
    color:#333 !important;
}

.pricing_wrapper.featured .btn-primary{
    border-color:#2eb1a5 !important;
    background:#2eb1a5 !important;
    color:#fff;
    padding:20px 45px;
}

.pricing_wrapper.featured .btn-primary:hover{
    border-color:#2eb1a5 !important;
    background:#fff !important;
    color:#333;
}

.pricing_wrapper .pricing p {
    padding: 8px 0px;
    margin:0px;
}
.pricing_wrapper .pricing .price_row sup{
    color:#333;
}

.pricing_wrapper .pricing h3 {
    font-size:30px;
    color: #2d2d2d;
    padding: 0px 0px;
    text-align: center;
    display: inline-block;
    width: 100%;
    text-transform:uppercase;
}
.price_row {
    font-size: 45px;
    color: #333;
    margin: 40px 0px;
    padding-bottom:15px;
    text-align: center;
    display: inline-block;
    /* border-bottom:2px solid #333;*/
}


/**
 * 11.0 Testimonials  Section
 * -----------------------------------------------------------------------------
 */


.testimonials_section {
    width: 100%;
    padding:0px 0px;
}
.space {
    height: 30px;
}
.testimonial_item img{
    width:142px !important;
    max-width:100%;
    height:142px;
    border-radius:100%;
    margin:15px 0px;
}
.testimonials_border{
    display:block;
    margin-left:20px;
    padding: 5px 0px;
}
.section_wrap h3{
    font-size:15px;
    text-transform:uppercase;
    color:#fff;
    margin:0;

}
.testimonials_border h4{
	border-bottom: 1px solid #fff;
	color:white;
    display: inline-block;
    padding-bottom: 5px;
	margin:0;
}

.section_wrap .owl-theme .owl-controls .owl-page span{
    background:#1efee9;
}
.section_wrap  .owl-theme .owl-controls {
    text-align:left;
    padding-left:15px;
}


/**
 * 12.0 Contact Section
 * -----------------------------------------------------------------------------
 */

.contact {
    width:100%;
    padding:0px 0px;
}
.contact .section_heading span{
    text-align:left;
    padding:0px;
}

.contact .about_padding{
    padding:45px 30px;
}

#contact_details{
    display:block;
    width:100%;
}
#contact_details i{
    font-size:40px;
    margin-bottom:20px;
}

#contact_details span{
    clear:both;
    display:block;
}

#contact_form button{
    float:left;
}

#contact_details .col-md-4{
    margin:20px 0px;
    text-align:left;
}

.form-group {
    text-align: left;
}
.form-control,
.wpcf7-form input,
.wpcf7-form textarea
 {
    background-color: #fff;
    border-radius:4px !important;
    display: block;
    height: auto;
    padding: 10px;
    width: 100%;
    border:1px solid #c0c0c0 !important;
    font-size: 15px;
    font-weight: 300;
	margin-bottom:10px;
}
.wpcf7-form input[type=submit]{
	width:auto;
	background:#2eb1a5;
	padding:10px 35px;
	border:2px solid #2eb1a5 !important;
	color:white;
}
.wpcf7-form textarea{
	height:100px;
}
.wpcf7-form input[type=submit]:hover{
	background:white;
	color:#2eb1a5;
	-webkit-transition: ease-in-out, all .35s ease-in-out; /* Safari 3.1 to 6.0 */
    -moz-transition: ease-in-out, all .35s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: ease-in-out, all .35s ease-in-out;
}

.yellow_brdr{
    background-color:#ffe6a4;
}

#map-canvas{
    min-height:430px;
    border:2px solid #ccc;
    width:100%;
    display:block;
}

#ajax_request_contactus{
    clear:both;
}

/**
 * 13.0 Protfolio Section
 * -----------------------------------------------------------------------------
 */

#portfolio_section .section_heading{
	margin-bottom:20px !important;
}

/* PORTFOLIO */
ul#portfolio{
    list-style:none;
    /*	margin:20px 0px !important;*/
    padding:0px !important;
}
ul#portfolio li{
    list-style:none;
    display:inline-block;
    margin:0px !important;
    padding:0px !important;
}

.portfolio-section{
    text-align:center;
}
#portfolio-filters{
    margin:20px 0px;
}
#portfolio-filters button{
    background:none;
    border:0px;
    text-transform:uppercase;
    padding:5px;
}

#portfolio-filters button.is-checked{
    /*	border-bottom:2px solid #999;*/
    border: 2px solid #2eb1a5;
    border-radius: 18px;
    padding: 7px;
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;

    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    transition-property:         transform, opacity;
}


/*Portfolio hover effect color*/
.slideshow h3{
    font-size:20px;
    line-height:50px;
    word-wrap:break-word;
    text-transform:uppercase;
}

.slideshow_colum_right span{
    color:#333;
}

figure.effect-goliath {
    background: #2eb1a5;
}
#portfolio li{
    display:inline-block;
    margin:0px;
    max-width:100%;
}

#portfolio li img{
    width:100%;
}

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


.cl-effect-13 a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.cl-effect-13 a::before {
    position: absolute;
    top: 100%;
    left: 50%;
    color: transparent;
    content: '•';
    text-shadow: 0 0 transparent;
    font-size: 1.2em;
    -webkit-transition: text-shadow 0.3s, color 0.3s;
    -moz-transition: text-shadow 0.3s, color 0.3s;
    transition: text-shadow 0.3s, color 0.3s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
    color: #dfb47d;
    text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
    color: #ba7700;
}

	/* Portfolio Items Hover effets */
		.grid_portfolio {
			position: relative;
			clear: both;
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
		
		}
		
		/* Common style */
		.grid_portfolio figure {
			position: relative;
			float: left;
			overflow: hidden;
			margin: 0px;
			height: auto;
		/*	background: #3085a3;*/
			text-align: center;
			cursor: pointer;
			padding:0px
		}
		
		.grid_portfolio figure img {
			position: relative;
			display: block;
		  /* min-height: 100%; */
			max-width: 100%;
		/*	opacity: 0.9;*/
		}
		
		.grid_portfolio figure figcaption {
			color: #fff;
			text-transform: uppercase;
			font-size: 1.25em;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		
		.grid_portfolio figure figcaption::before,
		.grid_portfolio figure figcaption::after {
			pointer-events: none;
		}
		
		.grid_portfolio figure figcaption,
		.grid_portfolio figure figcaption > a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		/* Anchor will cover the whole item by default */
		/* For some effects it will show as a button */
		.grid_portfolio figure figcaption > a {
			z-index: 1000;
			text-indent: 200%;
			white-space: nowrap;
			font-size: 0;
			opacity: 0;
		}
		
		.grid_portfolio figure h2 {
			word-spacing: -0.15em;
			font-weight: 300;
		}
		
		.grid_portfolio figure h2 span {
			font-weight: 800;
		}
		
		.grid_portfolio figure h2,
		.grid_portfolio figure p {
			margin: 0;
		}
		
		.grid_portfolio figure p {
			letter-spacing: 1px;
			font-size: 68.5%;
		}
		
		/*-----------------*/
		/***** Goliath *****/
		/*-----------------*/
 	
		figure.effect-goliath img,
		figure.effect-goliath h2 {
			-webkit-transition: -webkit-transform 0.35s;
			transition: transform 0.35s;
		}
		
		figure.effect-goliath img {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		
		figure.effect-goliath h2,
		figure.effect-goliath p {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 10px;
			color:#fff;
			font-size:22px;
			text-align:center;
		}
		
		.grid_portfolio .fa{
			color:#fff;
			font-size:22px;
			margin:6px;
			vertical-align:middle;
			float:right;
		}
		
		figure.effect-goliath p {
			text-transform: none;
			font-size: 15px;
			color:#fff;
			opacity: 0;
			-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
			transition: opacity 0.35s, transform 0.35s;
			-webkit-transform: translate3d(0,50px,0);
			transform: translate3d(0,50px,0);
			width: 100%;
			text-align: left;
			text-transform:uppercase;
		}
		
		figure.effect-goliath:hover img {
			-webkit-transform: translate3d(0,-50px,0);
			transform: translate3d(0,-50px,0);
		}
		
		figure.effect-goliath:hover h2 {
			-webkit-transform: translate3d(0,-70px,0);
			transform: translate3d(0,-70px,0);
		}
		
		figure.effect-goliath:hover p {
			opacity: 1;
			-webkit-transform: translate3d(0,5px,0);
			transform: translate3d(0,5px,0);
		}



/**
 * 14.0 Twitter Section
 * -----------------------------------------------------------------------------
 */


.twitter_wrapper{
    width:100%;
    padding:150px 0px;
    background-size:cover;
    text-align:center;
}
.twitter_wrapper p{
    color:#868686;
    line-height:25px;
}
#tweets .fa{
    font-size:100px;
    color:#2eb1a5;
    margin-bottom:20px;
}

.logo_row{
    width:100%;
    padding:30px 0px;
    text-align:center;
}


/**
 * 15.0 Footer Section
 * -----------------------------------------------------------------------------
 */


.footer_wrapper{
    width:100%;
    padding:50px 0px;
    background:#2eb1a5;
    text-align:center;
}

.footer_wrapper p{
    color:#fff;
}
.footer_wrapper .social a{
	font-size:32px;
	margin-right:10px;
	color:white;
}
	.footer_wrapper .social a:hover{
		color:white;
	}
.top_btn{
    width:100%;
    text-align:center;
    height:49px;
}



/**
 * 16.0 Blog post Section
 * -----------------------------------------------------------------------------
 */


.blog_post_wrapper{
    padding:50px 0px;
}

.blog_post_wrapper .section_heading{
    margin:25px auto;
    width:100%;
    text-align:center;
}
 
.blog_post2{
    background: none repeat scroll 0 0 #f6f6f6;
    padding-top:20px;
}

.blog_post img{
    max-width:100%; 
	height:auto;
}
.blog_post2 img{
    max-width:100%;
	height:auto;
}
 
.blog_post h3{
    text-align:left;
    color:#333;
    font-size:25px;
	text-transform:uppercase;
}

.post_left_colum h3{
    color:#555;
    font-size:20px;
    line-height:50px;
    padding-top:10px;
}

.post_left_colum p{
    text-align:justify;
}

.blog_post .btn-primary {
    /*	padding:13px 30px; */
    float:right;
}

.post_row{
    border-right:1px solid #eee;
    padding:15px 40px 15px 0px;
    display:inline-block;
}

.postdate{
    font-size:36px;
    color:#8d8d8d;
    text-transform:uppercase;
    text-align:right;
}

.postdate span{
    font-size:15px;
    display:block;
}
.height{
    height:100px;
}
.no-padding{
    padding:0;
}


/**
 * 17.0 Single post Section
 * -----------------------------------------------------------------------------
 */


.single_post{
    width:100%;
    background:#fff;
}
.single_post .section_heading span{
    color:#fff;
}
.auther_img{
    border-radius:100%;
    height:150px;
    width:150px !important;
}
.single_content{
    margin:auto;
    width:90%;
}
.comment_img{
    border-radius:100%;
}

#triangle-down {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 70px solid white;
    margin-top: -15px;
    transform: rotate(15deg);
}


/*.single_post h2, 
.single_post h3{
    line-height:30px;
    text-transform:uppercase;
    font-size:16px;
}
.single_post h2{
    font-size:16px;
    text-align:center;
}*/

.height15{
    height:15px;
}

.entry-meta .fa{
    color:#333;
    font-size:25px;
    margin:15px;
}
.single_post_bg{
    position: relative;
    display: block;
    margin:auto;
}

.single_post_bg .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: rgba(0, 0, 0, .5);
    padding:10%;
}

.single_post_bg h2{
    font-size:30px;
    color:#fff;
}
.comment_row{
    background:#f6f6f6;
    padding:20px 0px;
}
.comment_row h2{
    color:#333;
    font-size:22px;
    text-align:left;
}
.comment_row h3{
    color:#666;
    font-size:18px;
}
.comment_row span{
    color:#555;
    line-height:35px;
}
.comment_row .fa{
    font-size:22px;
    color:#555;
    margin:5px;
}
.leave_row{
    background:#fff;
    padding:50px 0px;
}
.leave_row h2{
    color:#333;
    font-size:22px;
    text-align:left;
}


/**
 * 18.0 404  Section
 * -----------------------------------------------------------------------------
 */

.error_page{
    width:100%;
    padding:100px 0px;
    text-align:center;
    background:#f6f6f6;
}

.error_page h2{
    font-size:72px;
    color:#333;
    font-weight:700;
}

.error_bottom_border{
    border-bottom:1px solid #e2e2e2;
    margin:40px 0px;
}

.error_page p{
    font-size:20px;
    color:#333;
    line-height:34px;
}

.error_page #search {
    border: 3px solid #2eb1a5 !important;
    color: #333 !important;
    font-size: 18px;
    margin-top: 40px;
    width: 650px;
    max-width:100%;
    border-radius:50px;
    text-align:left;
    margin:30px auto;
}
.error_page #search input[type=text]{
    border:0px !important;
    background:none;
    width:90%;
}

#search .fa {
    color: #333;
    font-size: 25px;
    text-align: right;
    border:0px !important;
    background:none;
    padding:5px;

}

/* bottom */

.error_bottom{
    padding:15px;
    width:100%;
    text-align:center;
}

.error_bottom p{
    font-size:18px;
    line-height:50px;
}

.social{
    padding:10px 10px;
    /*background:#f6f6f6;*/
    display:inline-block;
    margin:2px;
}
.social .fa{
    color:#333;
    font-size:25px;
}

.social .fa:hover{
    color:#555;
    cursor:pointer;
}

.footer .social a{

}


.back_button{
    line-height:60px;
    display:inline-block;
}

.back_button .fa{
    font-size:30px;
    color:#333;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.back_button .fa:hover{
    cursor:pointer;
    color:#555;
}


/**
 * 19.0 loader  Section
 * -----------------------------------------------------------------------------
 */


/* Loader CSS */
#main_Container{
    opacity:0;
}
#pre-loader{
    position:fixed;
    top:18%;
    left:49.5%;
}
.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}


/**
 * 20.0 Scroll buttion
 * -----------------------------------------------------------------------------
 */

.cd-top {
    display: inline-block;
    height: 50px;
    width: 49px;
    /*position: fixed;*/
    right: 10px;
    bottom:0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background:url(../../img/top_img.jpg) no-repeat;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}




/**
 * 21.0 Responsive Section
 * -----------------------------------------------------------------------------
 */

/*
@media screen and (max-width: 1200px){

    #nav_wrapper{
        display:none;
    }


    #open-button {
        display:block !important;
    }
}
*/

@media screen and (max-width: 1100px){
    #portfolio li{
        width:33.33%;
    }

}


@media screen and (max-width: 1000px){
    #statistics .col-md-3{
        margin-top:30px;
    }
}




@media screen and (max-width: 768px) {
    #logo_mobile {
        margin: 20px 10px;
        padding: 0;
        text-align: left;
        width: 100%;
    }
    #logo_mobile a:hover {
        background:none;
        color:#fff;
    }

    .banner-cell,.banner-cell h3,.banner-cell p{
        text-align:center !important;
    }


    .call_action_banner,.banner-row,.banner_wrapper,.banner_wrapper .banner-cell{
        display:block !important;
    }

    #portfolio li{
        width:50%;
    }
}


@media screen and (max-width: 500px){

    #search input[type=text] {
        width:85% !important;
    }

    #search .fa {
        padding:10px;
        margin-left:-15px;
    }


}


@media screen and (max-width: 320px){
    .section_heading{
        max-width:90%;
    }

    #search input[type=text] {
        width:80% !important;
    }


}


@media screen and (max-width: 400px){
    #portfolio li{
        width:100%;
    }

}


@media screen and (min-width: 320px) and (max-width: 991px){
    .testimonial_item .text-left{
        text-align:center;
    }
    .testimonials_border{
        margin:auto;
    }
    .section_wrap .owl-theme .owl-controls {
        padding-left:0px ;
        text-align: center ;
    }

}

@media screen and (min-width: 320px) and (max-width: 491px){
    .single_content .pull-right{
        float:none !important;
    }
    .single_content .text-right{
        text-align:left !important;
    }
}


@media screen and (max-width: 991px){
    .post_row{
        border-right:0px;
    }
}


@media screen and (min-width: 769px) and (max-width: 1199px){

    #nav_wrapper .pull-left{
        float:none !important;
        padding:10px 0px;
    }
}

section{
	clear:both;
}

/*-----------------
	New 
-------------------*/	

.site-title{
	font-size:12px;
	margin:0;
}

.no-padding-left{
	padding-left:0px;
}

.loading{
		min-height:200px;
		clear:both;
		background:url(assets/img/loading.gif) center center no-repeat;
}

/*-----------------------
	 Portfolio
--------------------------*/
	/* General
		   ========================================================================== */

  		 .scroll-wrapper {
                overflow: hidden !important;
                padding: 0 !important;
                position: relative;
            }

            .scroll-wrapper > .scroll-content {
                border: none !important;
                box-sizing: content-box !important;
                height: auto;
                left: 0;
                margin: 0;
                max-height: none;
                max-width: none !important;
                overflow: scroll !important;
                padding: 0;
                position: relative !important;
                top: 0;
                width: auto !important;
            }

            .scroll-wrapper > .scroll-content::-webkit-scrollbar {
                height: 0;
                width: 0;
            }

            .scroll-element {
                display: none;
            }
            .scroll-element, .scroll-element div {
                box-sizing: content-box;
            }

            .scroll-element.scroll-x.scroll-scrollx_visible,
            .scroll-element.scroll-y.scroll-scrolly_visible {
                display: block;
            }

            .scroll-element .scroll-bar,
            .scroll-element .scroll-arrow {
                cursor: default;
            }

            .scroll-textarea {
                border: 1px solid #cccccc;
                border-top-color: #999999;
            }
            .scroll-textarea > .scroll-content {
                overflow: hidden !important;
            }
            .scroll-textarea > .scroll-content > textarea {
                border: none !important;
                box-sizing: border-box;
                height: 100% !important;
                margin: 0;
                max-height: none !important;
                max-width: none !important;
                overflow: scroll !important;
                outline: none;
                padding: 2px;
                position: relative !important;
                top: 0;
                width: 100% !important;
            }
            .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
                height: 0;
                width: 0;
            }
  			/*************** SIMPLE INNER SCROLLBAR ***************/

                            .scrollbar-inner > .scroll-element,
                            .scrollbar-inner > .scroll-element div
                            {
                                border: none;
                                margin: 0;
                                padding: 0;
                                position: absolute;
                                z-index: 10;
                            }

                            .scrollbar-inner > .scroll-element div {
                                display: block;
                                height: 100%;
                                left: 0;
                                top: 0;
                                width: 100%;
                            }

                            .scrollbar-inner > .scroll-element.scroll-x {
                                bottom: 2px;
                                height: 8px;
                                left: 0;
                                width: 100%;
                            }

                            .scrollbar-inner > .scroll-element.scroll-y {
                                height: 100%;
                                right: 2px;
                                top: 0;
                                width: 8px;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_outer {
                                overflow: hidden;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_outer,
                            .scrollbar-inner > .scroll-element .scroll-element_track,
                            .scrollbar-inner > .scroll-element .scroll-bar {
                                -webkit-border-radius: 8px;
                                -moz-border-radius: 8px;
                                border-radius: 8px;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_track,
                            .scrollbar-inner > .scroll-element .scroll-bar {
                                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
                                filter: alpha(opacity=40);
                                opacity: 0.4;
                            }

                            .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
                            .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
                            .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
                            .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


                            /* update scrollbar offset if both scrolls are visible */

                            .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
                            .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


                            .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
                            .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
.portfolio-details{
	text-align:left;
	margin:50px auto;
}

.portfolio-details .btn-primary{
	padding-top:10px;
	padding-bottom:10px;
}

.portfolio-content > div{
	height:150px;
	font-size:14px;
}

.view-project{
	background:#2eb1a5;
	color:white;    
	border-radius: 50px;
    padding: 10px 20px;
}
	
	.view-project:hover{
		background:#252424;
		color:white; 
	}

.height20{
		height:20px;
}

.portfolio-content .scrollbar-inner{
	padding:0px 20px 0px 0px !important;
	text-align:left;
	font-weight:300;
	line-height:25px;
}
.clearboth{
	clear:both;
}
.portfolio-details h3{
	font-size:25px;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
#close_portfolio{
	cursor:pointer;
}


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

.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;
}

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: 98.5%;
    padding: 0;
    width: auto;
}

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

/* 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. */
}

/**
 *  Galleries
 */

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
 	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.entry-meta span,
.entry-meta .fa{	
	font-size:15px;
}
.entry-meta span{
	display:inline-block;
	margin:0px 5px;
}
	.entry-meta span .fa{
		display:inline-block;
		margin:0px 5px;
	
	}
	
.bypostauthor {
	color:red;
}

.comment-pagination{
	padding:20px 0px;
}
	.comment-pagination .page-numbers{
		float:left;
		margin-right:10px;
	}
#text_slider{
	display:none !important;
}
#text_slider.loaded{
	display:block !important;
}

@media screen and (min-width: 993px){

  #nav_wrapper.fixed{
        position:fixed !important;
		top:0px !important;
        z-index:8888;
        opacity:0.8;
    }
	
}

.clearboth{
	clear:both;
}

/*-----------------------------------------------------------------------------*/
/* 8.0 Shortcodes                                               		        */
/*-----------------------------------------------------------------------------*/

.recent_posts .heading{
	margin-bottom:50px;
}

.tab-content {
  padding: 15px 0; }
 
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #2eb1a5; }

a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item:not(.collapsed) {
  color: #fff;
  text-decoration: none;
  background-color: #2eb1a5; }

a.list-group-item {
  color: #2eb1a5; }

.list-group-item .fa {
  font-size: 20px; }
 
.blog_post h4 {
  margin-top: 18px;
  font-size: 20px; }
 
.sticky{
	color:red;
}

.height20{
	height:20px;
}
.height50{
	height:50px;
}

 /*Modules Slider CSS ----------------*/
  .module_slider_wrapper{
	  		background:url(assets/img/loading.gif) center center no-repeat;
  }  
  .module_slider_wrapper.loaded{
	  		background:none;
  }
	 .module_slider{
			 display:none;
	 }
 	 .module_slider.loaded{
			 display:block;
	 }
	 
	 
 .post-pagination {
  clear: both;
  margin-bottom:50px;
  }
  .post-pagination a, .post-pagination span {
    display: inline-block;
    padding: 10px 20px;
    background: #2eb1a5;
    color: white;
    text-decoration: none;
	border-radius:5px;
	}
    .post-pagination a.current, .post-pagination a:hover, .post-pagination span.current, .post-pagination span:hover {
      color: white;
      background: #2d2d2d; 
	 }

	 #respond{
		 clear:both;
		 }
	.comment-pagination {
	  padding: 20px 0px; }
	
	.comment-pagination .page-numbers {
	  float: left;
	  margin-right: 10px;
	 }	 

/* To fix top menu absolute position issue */
 body.blog:not(.home),
 body.archive,
 body.single {
	border-top:1px solid #2eb1a5;
}   
