/* ============================================================================

Theme Name: 2013Kiwiauto
Author: TWC theme
Version: 1.0

============================================================================= */

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

        CSS CONTENTS

        1. Basic styles
        2. Header styles
           2.1. logo and slogan
           2.2. Navigation
                2.2.1. Main navigation
        3. Content wrap styles
        4. Home page styles
        5. About page styles
        6. Promotions page styles
        7. Products page styles
        8. 404 page styles
        9. Portfolio pages styles
        10. Blog pages styles
        11. Contact pages styles
        12. Sidebar styles
        13. Footer styles
        14. Social streams
        15. Presentation elements
        16. Pricing tables


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

.custom-btn{    text-align: center;font-size: 12px;color: #ffffff;background: #0ca5cb;padding: 5px 10px;margin: 0 auto;display: block;width: 90px;}
.sale-section{background: #eeeeee;padding: 14px;}
.sale-section img{width: 80%;margin: 0 auto;display: block;}

/*==============================================================================
        1.BASIC STYLES
===============================================================================*/
:focus{
    outline: 0;
}

body{
    background-color: #fff;
    /*font: 16px 'Arial', sans-serif;*/
    font: 16px 'EncodeSans-M';
    line-height: 24px;
    color:#666666 /*#8f8f8f*/;
}

/* HEADINGS
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    color:#666666 /*#707070*/;
}

h1{
    font-size: 27px;
    line-height: 50px;
    margin-bottom: 15px;
    font-family: 'EncodeSans-M';
    /*font-family: 'JennaSueRegular';*/
}

h2{
font-size: 40px;
line-height: 50px;
margin-bottom: 5px;
font-family: 'EncodeSans-M';
/*font-family: 'JennaSueRegular'*/;

}

h3{
     font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #444;
    font-family: 'EncodeSans-M';
}

h4{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}

h5{
    font-size: 25px;
    line-height: 21px;
    margin-bottom: 5px;
    font-family: 'EncodeSans-M';
    /*font: 38px 'JennaSueRegular';*/
}

h6{
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
}

/* PARAGRAPH
----------------------------------------------------------------------------- */
p{
    /*font: 16px 'Arial', sans-serif;*/
    font: 16px 'EncodeSans-N';
    line-height: 22px;
    color:#666666 /*#8f8f8f*/;
    margin-bottom: 15px;
}

/* LINKS
----------------------------------------------------------------------------- */
a{
    text-decoration: none;
    font-size:14px;
    font-family: 'EncodeSans-N';
    /*font: 14px 'Arial', sans-serif;*/
    color:#333333 /*#8f8f8f*/;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a:hover,
a.continue-reading:hover{
    color: #0ca5cb;
}

a.continue-reading{
    font: italic 12px 'Arimo', sans-serif;
    cursor: pointer;
    color: #aaa;
}

/* COLORED TEXT
----------------------------------------------------------------------------- */
.text-red{
    color: #0ca5cb;
}

.text-light{
    color: #aaa;
}

.text-dark{
    color:#666666 /*#707070*/;
}


/* BLOCKQUOTE
----------------------------------------------------------------------------- */
blockquote{
    background: #f6f6f6 url('img/quote.png') 20px 20px no-repeat;
    border: 1px solid #ececec;
    padding: 20px;
    float: left;
}

blockquote{
    font: italic 14px 'Arial', serif;
    line-height: 24px;
    text-align: center;
}

blockquote span.blockquote-author{
    float: left;
    width: 100%;
    font: italic 12px 'Arial', serif;
    color: #aaa;
    margin-top: 7px;
}

blockquote.text-left{
    text-align: left;
}

p + blockquote{
    margin-top: 20px;
    margin-bottom: 20px;
}

p + a.continue-reading{
    margin-top: 14px;
    display: block;
}

p + p{
    margin-top: 14px;
    display: block;
}

/* TEXT HIGHLIGHT
----------------------------------------------------------------------------- */
.highlight-dark{
    background: #707070;
    color: #fff;
}


/* FIGURE
----------------------------------------------------------------------------- */
img.img-bordered{
    border: 3px solid #ececec;
}

img + p{
    margin-top: 20px;
}

img.float-right{
    float: right;
    margin: 10px 0 19px 10px;
}

img.float-left{
    float: left;
    margin: 10px 10px 10px 0;
}




/*==============================================================================
        2. HEADER CONTAINER STYLES
===============================================================================*/
#header{
    width: 940px;
    margin-right: auto;
    margin-left: auto;
}

/* LOGO
----------------------------------------------------------------------------- */
#logo{
    width: 100%;
    margin-bottom: 30px;
   /* margin-right: 30px; */
    margin-top: 30px;
	/* float: left; */
	text-align: center;
}

#slogan{
	display: none;
    width: 390px;
    margin-bottom: 10px;
    margin-top: 50px;
    float: right;
    color: #0ca5cb;
}

#slogan h1{
    color: #0ca5cb;
    font-family: 'EncodeSans-M';
    /*font: 30px 'JennaSueRegular';*/
    text-transform: capitalize;
    font-weight: normal;
    font-size:25px;
}

/* NAVIGATION container
----------------------------------------------------------------------------- */
#nav-container{
    width: 940px;
    margin-right: 5px;
    height: 36px;
    float: left;
    position: relative;
    z-index: 200;
    border-bottom: solid 2px #f8f8f8;
}

#nav-container select{
    display: none;
}

/* Navigation
---------------------------------------------------------- */
.main-nav li {
	line-height: 18px;
	position: relative;
}

.main-nav li:hover > a,
.main-nav a:focus {
	border-bottom: 5px solid #0ca5cb;
	color: #0ca5cb !important;
}

.main-nav > li {
	float: left;
	margin-right: 30px;
	margin-top: .25em;
	font-size: .75em;
}

	/* Primary navigation */
	.main-nav > li > a {
		color:#666666 /*#999999*/;
		text-shadow: none;
		display: block;
		padding: 3px 0 10px 0;
		font-size: 1.2em;/*14/16*/
        font-family: 'EncodeSans-N';
	}
	.main-nav a:hover,
	.second-nav a:hover {
		text-decoration: none;
		background: none;
	}
	.current-menu-item > a {
	font-weight: bold;
	border-bottom: 5px solid #0ca5cb;
	color: #0ca5cb !important;
}

/* Sub navigation
---------------------------------------------------------- */
.sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	background: #FFFFFF;
	min-width: 160px;
	max-width: 200px;
}
ul li:hover > .sub-menu {
	display: block;
}

.sub-menu {
	border: none;
	/*border-top: 5px solid #fcb853;*/
	border-bottom: none;
	padding: 0;
	margin: 0;
	left: -10px;
	/*top: 20px;*/
	max-width: 200px;

	-webkit-box-shadow:4px 4px 0 0 rgba(35, 35, 35, 0.1);
	     -o-box-shadow:4px 4px 0 0 rgba(35, 35, 35, 0.1);
	   -moz-box-shadow:4px 4px 0 0 rgba(35, 35, 35, 0.1);
	        box-shadow:4px 4px 0 0 rgba(35, 35, 35, 0.1);

	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;
}
	.sub-menu .sub-menu {
		left: 160px;
		top: 0px;
	}

	.sub-menu li {
		border-bottom: 1px solid #EFEFEF;
	}

	.sub-menu a,
	li.current-menu-item li a {
		display: block;
		color: inherit; /*#7b7b77*/
		font-size: 13px;
		font-weight: normal;
		line-height: 16px;
		padding: 8px 10px;
		white-space: inherit;
        font-family: 'EncodeSans-N';
	}
		 .sub-menu li.current-menu-item a {
			background: none;
		}

	 .sub-menu .sub-menu {
		top: -5px;
	}

	.sub-menu li:hover > a,
	.main-nav a:focus {
	border-bottom: none;
	}
	.sub-menu .current-menu-item > a {
	border-bottom: none;
	}





/* Form
----------------------------------------------------------------------------- */
.theform{
    position: absolute;
    top: 0;
    width: 341px;
    z-index: 99999999999;
    right: 40px;
}


/*==============================================================================
        3. CONTENT WRAP STYLES
===============================================================================*/
#content-wrapper{
    width: 960px;
    margin: 0 auto;
}

.content-sidebar-left ul {
list-style: disc;
margin-left: 30px;margin-bottom: 10px;
font-size: 13px;list-style-image: url('images/li.png');
}
.content-sidebar-left ul li{line-height:20px;}

.content-sidebar-left img {
     margin: 0 10px 10px 0;
}

.destinations h2{clear:both}
.destinations a {color:#0ca5cb;}

/* PAGE TITLE
----------------------------------------------------------------------------- */
.page-title-container{
    width: 100%;
    background: url('img/patt-bkg.png') repeat;
    float: left;
    position: relative;
    margin-bottom: 30px;
}

.page-title-container .shadow-top{
    width: 100%;
    height: 12px;
    background: url('img/shadow-top.png') repeat-x;
    position: absolute;
    top: 0;
}

.page-title-container .shadow-bottom{
    width: 100%;
    height: 12px;
    background: url('img/shadow-bottom.png') repeat-x;
    position: absolute;
    bottom: 0;
}

.page-title{
    width: 940px;
    margin: 0 auto;
}

.page-title .title{
    float: left;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
}

.page-title h1, .page-title p{
    float: left;
}

.page-title h1{
    padding-right: 15px;
    font-family: 'EncodeSans-M';
    /*font: 48px 'JennaSueRegular', cursive;*/
    text-transform: none;
    margin-bottom: 0;
    border-right:  1px solid #ddd;
    font-size: 30px;
}

.page-title p{
margin-left: 15px;
padding-top: 10px;
/*font: 18px 'Arimo', sans-serif;*/
font-size: 18px;
font-family: 'EncodeSans-N';
position: relative;
top: 5px;
color: #636363;
}

/* PAGE TITLE BREADCRUMBS
----------------------------------------------------------------------------- */
.breadcrumbs{
    float: right;
    padding-top: 35px;
}
.breadcrumbs li{
    float: left;
    padding-left: 5px;
    font: 12px 'Arimo', sans-serif;
    color: #aaa;
    padding-top: 5px;
}

.breadcrumbs li.active a{
    color: #0ca5cb;
}

.section-title{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}


/*==============================================================================
        4. HOME PAGE STYLES
================================================================================*/

/* BIG ENTRY NOTE
----------------------------------------------------------------------------- */
.enter-note{
    width: 100%;
    border-bottom: 1px solid #ececec;
    padding: 0 0 30px;
}

.enter-note h1{
    text-align: center;
    margin-bottom: 0px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'EncodeSans-M';
    font-size:30px;
    /*font: 42px 'JennaSueRegular';*/
    text-transform: none;
    color: #8f8f8f;
}

.enter-note p.light{
    padding-top: 0;
    /*font: 18px 'Arial', sans-serif;*/
    font: 18px 'EncodeSans-N', sans-serif;
    font-weight: 300;
    color: #8f8f8f;
    text-align: center;
    text-transform: none;
}


/* NOTE ON HOME PAGE
----------------------------------------------------------------------------- */
.note{
    width: 100%;
    background: #f6f6f6;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.note h1{
    font: italic 18px 'Arial', serif;
    color: #666;
    text-transform: none;
    min-width: 740px;
    text-align: center;
    padding: 27px 15px;
    margin-bottom: 0;
    float: left;
}

.note .btn-big,
.note .btn-medium,
.note .btn-small{
    margin: 20px;
    float: left;
}

.jenna {

font-size: 27px;
line-height: 39px;
margin-bottom: 15px;
font-family: 'EncodeSans-M';
/*---- old ----
font-size: 40px;
line-height: 22px;
font-family: 'JennaSueRegular';
----- ----*/
margin-bottom: 0px;color:#666666 /*#707070*/;}

.center-text {text-align: center}

/* TESTIMONIALS CAROUSEL
----------------------------------------------------------------------------- */
.grid_3 .carousel-testimonial .caroufredsel_wrapper{width: 180px;}

.grid_4 .carousel-testimonial .caroufredsel_wrapper{width: 260px;}

.grid_5 .carousel-testimonial .caroufredsel_wrapper{width: 340px;}

.grid_6 .carousel-testimonial .caroufredsel_wrapper{width: 420px;}

.grid_7 .carousel-testimonial .caroufredsel_wrapper{width: 500px;}

.grid_8 .carousel-testimonial .caroufredsel_wrapper{width: 580px;}

.grid_9 .carousel-testimonial .caroufredsel_wrapper{width: 660px;}

.grid_10 .carousel-testimonial .caroufredsel_wrapper{width: 740px;}

.grid_11 .carousel-testimonial .caroufredsel_wrapper{width: 820px;}

.grid_12 .carousel-testimonial .caroufredsel_wrapper{width: 900px;}


.carousel-testimonial{
    background: #f6f6f6 url('img/quote.png') 20px 20px no-repeat;
    border: 1px solid #ececec;
    padding: 35px;
    float: left;
}

.carousel-testimonial p{
    font: italic 16px 'Arial', serif;
    line-height: 18px;
    text-align: center;
}

.carousel-testimonial span.blockquote-author{
    float: left;
    width: 100%;
    font: italic 12px 'Arial', serif;
    color: #aaa;
    margin-top: 7px;
}

.grid_3 .carousel-testimonial .carousel-li > li{
    width: 180px;
    margin-right: 0;
}

.grid_4 .carousel-testimonial .carousel-li > li{
    width: 260px;
    margin-right: 0;
}

.grid_5 .carousel-testimonial .carousel-li > li{
    width: 340px;
    margin-right: 0;
}

.grid_6 .carousel-testimonial .carousel-li > li{
    width: 390px;
    margin-right: 0;
}

.grid_7 .carousel-testimonial .carousel-li > li{
    width: 500px;
    margin-right: 0;
}

.grid_8 .carousel-testimonial .carousel-li > li{
    width: 580px;
    margin-right: 0;
}

.grid_9 .carousel-testimonial .carousel-li > li{
    width: 660px;
    margin-right: 0;
}

.grid_10 .carousel-testimonial .carousel-li > li{
    width: 740px;
    margin-right: 0;
}

.grid_11 .carousel-testimonial .carousel-li > li{
    width: 820px;
    margin-right: 0;
}

.grid_12 .carousel-testimonial .carousel-li > li{
    width: 900px;
    margin-right: 0;
}

.carousel-testimonial .carousel-pagination {
    text-align: center;
    float: none;
    display: table;
    margin: 5px auto 0;

}



/* DIVIDER WITH TITLE
----------------------------------------------------------------------------- */
.divider-with-title, .divider-with-title2{
    position: relative;
    background: url('img/divider.png') 0 50% repeat-x;
    margin-bottom: 35px;
}
.divider-with-title h1 {text-align: center;margin-bottom: 0px;}
.divider-with-title2{
    background: url('img/divider-blue.png') 0 50% repeat-x;
}

.divider{
    width: 100%;
    height: 1px;
    background: #ececec;
    float: left;
    margin-bottom: 40px;
}

.divider-with-title .title, .divider-with-title2 .title{
    background: #fff;
    padding: 0 30px;
    display: table;
    margin: 0 auto;
}

.divider-with-title .title h3, .divider-with-title2 .title h3{
    font-size: 22px;
    font-family:  'Arial';
    text-transform: none;
    text-align: center;
    margin-bottom: -3px;
    color: #0ca5cb;
}

.divider-with-title span, .divider-with-title2 span{
    color: #636363;
    /*font: italic 15px 'Arimo', sans-serif;*/
    font: italic 15px 'EncodeSans-N';
    text-align: center;
}


.divider-with-title2 span.three{
    padding: 0 55px;
}


/* Slider Form Styling
----------------------------------------------------------------------------- */
#homeEnquiryFormTitles{height:auto; margin:auto; margin: 10px 0 15px;}
#homeEnquiryFormTitles h2{
font-size:26px;text-align: center;line-height: 26px;
}
#homeEnquiryFormTitles h2 span{
font-size:16px; text-transform: capitalize;
font-family: 'EncodeSans-M';
/*font-family: 'JennaSueRegular', cursive;*/
}

#homeEnquiryFormTitles h4, #homeEnquiryFormTitles h5{
color:#6d6d6d;
text-align: center;
}

.formColOne,  .formCol {
width: 50%;
float: left;

}
.formRow strong, .formColOne strong,  .formCol strong{
text-transform: capitalize;
color:#5f5f5f; font-weight:normal;
}
.sidebarEnquiryForm .formRow strong, .sidebarEnquiryForm .formColOne strong, .sidebarEnquiryForm .formCol strong{color:#fff;}

.formRow {
margin-bottom: 20px;
height: 48px;
}

#homeEnquiryFormSubmit{
background:#a5db55;
color:#fff;
text-transform: capitalize;
border:1px solid #b2b2e3;
width:100%;line-height:24px;font-size:15px;
font-family: 'EncodeSans-M';
}

/* BLOG POSTS ON HOME PAGE
----------------------------------------------------------------------------- */
.blog-post-home{
    width: 100%;
    float: left;
}

.blog-post-home .post{
    width: 100%;
    float: left;
}

.blog-post-home .post-info{
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 20px;
    position: relative;
    background: #f6f6f6;
    border: 1px solid #ececec;
    top: 0;
    left: 0;
}

.blog-post-home .post-info p{
    text-align: center;
    font: 14px 'Oswald', sans-serif;
    line-height: 18px;
    color: #0ca5cb;
    top: 5px;
    position: relative;
}

.blog-post-home .post-info .date{
    color: #aaa;
}

.blog-post-home .post-body{
    width: 390px;
    float: left;
    margin-left: 25px;
}

.blog-post-home .post-body .meta li{
    float: left;
    padding-right: 5px;
    display: inline;
}

.blog-post-home .post-body .meta li.author{
    border-right: 1px solid #ececec;
    padding-right: 3px;
    margin-right: 6px;
}


/*==============================================================================
        5. ABOUT PAGE STYLES
===============================================================================*/

/* Testimonials
----------------------------------------------------------------------------- */
.testimonial{
    background: #f6f6f6;
    margin-top: 40px;
}

.testimonial:before{
    content: "";
    background: url('img/about/quote-before.png') no-repeat;
    width: 28px;
    height: 20px;
    display: block;
    position: relative;
    top: 10px;
    left: 10px;
}

.testimonial:after{
    content: "";
    background: url('img/about/quote-after.png') no-repeat;
    width: 28px;
    height: 20px;
    display: block;
    position: relative;
    top: -10px;
    left: 100%;
    margin-left: -38px;
}

.testimonial-img-container{
    position: relative;
    top: -63px;
    left: 50%;
    margin-left: -43px;
    float: left;
    width: 93px;
    height: 93px;
}

.testimonial-mask{
    position: relative;
    overflow: hidden;
    z-index: 100;
}
.testimonial-img{
    width: 87px;
    height: 87px;
    overflow: hidden;
    position: relative;
    top: -90px;
    left: 3px;
}

.testimonial-text{
    float: left;
    margin-top: -50px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.testimonial-text p{
    font: italic 12px 'Arial', serif;
    line-height: 18px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    display: block;
}

.testimonial-text p.testimonial-author{
    color: #bbb;
    margin-top: 0;
    padding-top: 5px;
    display: block;
    border-top: 1px solid #fff;
    border-bottom: none;
    padding-bottom: 0;
}


/* Team members
----------------------------------------------------------------------------- */
.team img{
    border: 3px solid #ececec;
}


.team .vertical-toggle div.title{
    width: 30px;
    height: 30px;
    display:block;
    text-indent: -9999px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    background: #0ca5cb;
    cursor: pointer;
    position: relative;
    top: -15px;
    left: 50%;
    margin-left: -15px;
    z-index: 100;
}

.team .vertical-toggle div.title .toggle-btn{
    background-color: #0ca5cb;
    background-image: url('img/about/toggle-closed.png');
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
}

.team .vertical-toggle .active .toggle-btn{
    background-image: url('img/about/toggle-open.png') !important;
    background-color: #0ca5cb;
}

.team .vertical-toggle .content{
    position: relative;
    top: -34px;
    background: #f6f6f6;
    padding: 30px 10px 10px;
}

.team .vertical-toggle .content p{
    text-align: center;
}

.member-data{
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}

.member-data ul{
    margin: 0 auto 10px;
    overflow: hidden;
    display: table;
}

.team .vertical-toggle .content .member-name{
    float: left;
    font: 14px 'Arial', sans-serif;
    text-transform: uppercase;
    padding-right: 8px;
    border-right: 1px solid #707070;
    color: #707070;
    text-align: center;
}

.team .vertical-toggle .content .member-position{
    float: left;
    font: 12px 'Arial', sans-serif;
    padding-left: 8px;
    color: #707070;
    padding-top: 2px;
    text-align: center;
}

.member-social-container{
    float: left;
    width: 100%;
}

.member-social{
    border-top: 1px solid #fff;
    padding-top: 8px;

    margin: 0 auto;
    display: table;
}

.member-social li{
    float: left;
    padding-right: 8px;
    padding-left: 8px;
    border-right: 1px solid #ddd;
    font: 11px 'Arial',sans-serif;
    line-height: 11px;
    color: #aaa;
}

.member-social li a{
    color: #aaa;
}

.member-social li a:hover{
    color: #0ca5cb;
}

.member-social li:first-child{
    padding-left: 0;
}

.member-social li:last-child{
    padding-right: 0;
    border-right: none;
}

/*==============================================================================
        6. PROMOTIONS PAGE STYLES
================================================================================*/
.services-wrap{
    float: left;
}

.services-wrap li{
    margin-right: 30px;
}

.services-wrap .icon{
    background: url('img/services/bkg.png') center 0 no-repeat;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    display: table;
    position: relative;
    overflow: hidden;
}

.service-content{
    margin-top: -45px;
    padding-top: 50px;
}

.service-content h5, .service-content p{
    text-align: center;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-content .btn-big,
.service-content .btn-medium,
.service-content .btn-small{
    float: left;
    margin-left: 29%;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.service-content .btn-big span,
.service-content .btn-medium span,
.service-content .btn-small span{
    text-transform: none;
}

.service-content .btn-big:hover span,
.service-content .btn-medium:hover span,
.service-content .btn-small:hover span{
    color: #0ca5cb;
}


/* PROMOTIONS HOME PAGE STYLING
----------------------------------------------------------------------------- */
.service-content.services-home, .service-content.services-hometwo{
    background: #0ca5cb;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-content.services-hometwo, .services-wrap li:last-child .service-content.services-home {
    background:#8dcf45;
    /*height:222px;  */
}

.services-wrap li:hover .service-content.services-home {
    background: #8dcf45 !important;
}

.services-wrap li:last-child:hover .service-content.services-home {
    background: #0ca5cb !important;
}

.services-wrap li:last-child .service-content.services-home a.btn-small.white{ margin-top:14px !important;}

.services-wrap li:hover .service-content.services-home h5, .services-wrap h5,
.services-wrap li:hover .service-content.services-home p, .services-wrap p{
    color: #fff;
}


/* PROMOTIONS HOME PAGE ALTERNATIVE STYLING
----------------------------------------------------------------------------- */
.services-wrap.home2 .icon{
    margin-left: 0;
    margin-right: 20px;
    float: left;
}

.service-content.services-home2{
    background: #fff;
    margin-top: 0;
    padding-top: 0;
}

.service-content.services-home2 h5,
.service-content.services-home2 p{
    text-align: left;
}

.service-content.services-home2 h5:hover{
    color: #0ca5cb;
}



/* PROMOTION ICONS
----------------------------------------------------------------------------- */
.services-wrap .icon-mac{
    background: url('img/services/mac.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-tool{
    background: url('img/services/tool.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-html5{
    background: url('img/services/html5.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-grid{
    background: url('img/services/grid.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-chrome{
    background: url('img/services/chrome.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-idea{
    background: url('img/services/idea.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-android{
    background: url('img/services/android.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-calendar{
    background: url('img/services/calendar.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-arrow-down{
    background: url('img/services/arrow-down.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-arrow-left{
    background: url('img/services/arrow-left.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap li:last-child .icon-arrow-left{
    background: url('img/services/arrow-right.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-arrow-up{
    background: url('img/services/arrow-up.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-book{
    background: url('img/services/book.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-building{
    background: url('img/services/building.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.services-wrap .icon-camera{
    background: url('img/services/camera.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-chain1{
    background: url('img/services/chain1.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-chain2{
    background: url('img/services/chain2.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-clapboard{
    background: url('img/services/clapboard.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-cog{
    background: url('img/services/cog.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-construction{
    background: url('img/services/construction.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-cup{
    background: url('img/services/cup.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-cut{
    background: url('img/services/cut.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-download{
    background: url('img/services/download.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-firefox{
    background: url('img/services/firefox.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-flag{
    background: url('img/services/flag.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-folder{
    background: url('img/services/folder.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-globe{
    background: url('img/services/globe.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-graph{
    background: url('img/services/graph.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-hd{
    background: url('img/services/hd.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-home{
    background: url('img/services/home.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-help{
    background: url('img/services/help.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-ice-cream{
    background: url('img/services/ice-cream.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-image{
    background: url('img/services/image.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-lab{
    background: url('img/services/lab.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-label{
    background: url('img/services/label.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.services-wrap .icon-list{
    background: url('img/services/list.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-mail{
    background: url('img/services/mail.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-marker{
    background: url('img/services/marker.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-pacman{
    background: url('img/services/pacman.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-padlock{
    background: url('img/services/padlock.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-paperclip{
    background: url('img/services/paperclip.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-paypal{
    background: url('img/services/paypal.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-pdf{
    background: url('img/services/pdf.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-pencil{
    background: url('img/services/pencil.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-phone{
    background: url('img/services/phone.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-preview{
    background: url('img/services/preview.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-rss{
    background: url('img/services/rss.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-safari{
    background: url('img/services/safari.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-sd{
    background: url('img/services/sd.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-shop{
    background: url('img/services/shop.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-speach-bubble{
    background: url('img/services/speach-bubble.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-speaker{
    background: url('img/services/speaker.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-strategy{
    background: url('img/services/strategy.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-umbrella{
    background: url('img/services/umbrella.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-visa{
    background: url('img/services/visa.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}

.services-wrap .icon-warning{
    background: url('img/services/warning.png') center center no-repeat;
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
}


.icon-mac,
.icon-tool,
.icon-html5,
.icon-grid,
.icon-chrome,
.icon-idea,
.icon-android,
.icon-calendar,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-book,
.icon-building,
.icon-camera,
.icon-chain1,
.icon-chain2,
.icon-clapboard,
.icon-cog,
.icon-construction,
.icon-cup,
.icon-cut,
.icon-download,
.icon-firefox,
.icon-flag,
.icon-folder,
.icon-globe,
.icon-graph,
.icon-hd,
.icon-help,
.icon-home,
.icon-ice-cream,
.icon-image,
.icon-lab,
.icon-label,
.icon-list,
.icon-marker,
.icon-mail,
.icon-pacman,
.icon-padlock,
.icon-paperclip,
.icon-paypal,
.icon-pdf,
.icon-pencil,
.icon-phone,
.icon-preview,
.icon-rss,
.icon-safari,
.icon-sd,
.icon-shop,
.icon-speach-bubble,
.icon-speaker,
.icon-strategy,
.icon-umbrella,
.icon-visa,
.icon-warning{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services-wrap li:hover .icon-mac,
.services-wrap li:hover .icon-tool,
.services-wrap li:hover .icon-html5,
.services-wrap li:hover .icon-grid,
.services-wrap li:hover .icon-chrome,
.services-wrap li:hover .icon-idea,
.services-wrap li:hover .icon-android,
.services-wrap li:hover .icon-calendar,
.services-wrap li:hover .icon-arrow-down,
.services-wrap li:hover .icon-arrow-left,
.services-wrap li:hover .icon-arrow-right,
.services-wrap li:hover .icon-arrow-up,
.services-wrap li:hover .icon-book,
.services-wrap li:hover .icon-building,
.services-wrap li:hover .icon-camera,
.services-wrap li:hover .icon-chain1,
.services-wrap li:hover .icon-chain2,
.services-wrap li:hover .icon-clapboard,
.services-wrap li:hover .icon-cog,
.services-wrap li:hover .icon-construction,
.services-wrap li:hover .icon-cup,
.services-wrap li:hover .icon-cut,
.services-wrap li:hover .icon-download,
.services-wrap li:hover .icon-firefox,
.services-wrap li:hover .icon-flag,
.services-wrap li:hover .icon-folder,
.services-wrap li:hover .icon-globe,
.services-wrap li:hover .icon-graph,
.services-wrap li:hover .icon-hd,
.services-wrap li:hover .icon-help,
.services-wrap li:hover .icon-home,
.services-wrap li:hover .icon-ice-cream,
.services-wrap li:hover .icon-image,
.services-wrap li:hover .icon-lab,
.services-wrap li:hover .icon-label,
.services-wrap li:hover .icon-list,
.services-wrap li:hover .icon-marker,
.services-wrap li:hover .icon-mail,
.services-wrap li:hover .icon-pacman,
.services-wrap li:hover .icon-padlock,
.services-wrap li:hover .icon-paperclip,
.services-wrap li:hover .icon-paypal,
.services-wrap li:hover .icon-pdf,
.services-wrap li:hover .icon-pencil,
.services-wrap li:hover .icon-phone,
.services-wrap li:hover .icon-preview,
.services-wrap li:hover .icon-rss,
.services-wrap li:hover .icon-safari,
.services-wrap li:hover .icon-sd,
.services-wrap li:hover .icon-shop,
.services-wrap li:hover .icon-speach-bubble,
.services-wrap li:hover .icon-speaker,
.services-wrap li:hover .icon-strategy,
.services-wrap li:hover .icon-umbrella,
.services-wrap li:hover .icon-visa,
.services-wrap li:hover .icon-warning{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}


/*==============================================================================
        7. PRODUCTS PAGE STYLES
================================================================================*/

/* PRODUCT SLIDER
----------------------------------------------------------------------------- */
.product-slider-wrap,
.product-img-wrap{
    width: 370px;
    height: 205px;
    position: relative;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 28px;
}

.slider-mask{
    width: 370px !important;
    height: 205px;
    position: absolute;
    overflow: hidden;
    background: url('img/products/mask.png') no-repeat;
}

.nivoSlider.products-slider,
.product-img-wrap .products-img{
    width: 266px;
    height: 170px;
    position: relative;
    float: left;
    overflow: visible;
    margin-left: 52px;
    margin-top: 10px;
    z-index: 100;
    border: 0 !important;
}

.nivoSlider.products-slider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none !important;
    width: 266px !important;
    border: none;
    display: none;
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 266px !important;
}

.nivoSlider.products-slider .nivo-prevNav,
.nivoSlider.products-slider .nivo-nextNav{
    display: none;
}

.price-tag{
    width: 68px;
    height: 68px;
    position: absolute;
    background: url('img/products/price-tag.png') no-repeat;
    z-index: 100;
    top: -30px;
    right: 14px;
}

.price-tag p{
    padding: 18px 18px;
    font: 24px 'JennaSueRegular', cursive;
    color: #fff;
}


/* PRODUCT INFO
----------------------------------------------------------------------------- */
.product-info{
    width: 260px;
    float: left;
}

.product-description{
    float: left;
    width: 100%;
}

li.product{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ececec;
    width: 100%;
    float: left;
}

li.product.single{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.product.single .product-description{
    margin-bottom: 40px;
}

/* PRODUCT GALLERY CAROUSEL
----------------------------------------------------------------------------- */
.jcarousellite{
    float: left;
    width: 100%;
}

.carousel-li{
    width: 100%;
    float: left;
}

.carousel-li > li{
    width: 156px;
    float: left;
    margin-right: 20px;
    height: auto !important;
}

.carousel-li li img{
    border: 3px solid #ececec;
}

/* CAROUSEL NAVIGATION
----------------------------------------------------------------------------- */
.divider-with-title.carousel .title{
    padding: 0;
}

.divider-with-title.carousel .title .title-container{
    padding: 0 30px;
    float: left;
}

.carousel-nav{
    float: left;
    position: relative;
    top: 14px;
}

.carousel-nav li{
    float: right;
    margin-right: 5px;
    background: #f6f6f6;
    border: 1px solid #ececec;
    position: relative;
    top: -2px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.carousel-nav li:first-child{
    margin-right: 0;
}

.carousel-nav li a.next{
    background-image: url('img/next.png');
    background-position: -0px -25px;
    width: 25px;
    height: 25px;
    display: block;
}

.carousel-nav li a.next:hover{
    background-image: url('img/next.png');
    background-color: #0ca5cb;
    background-position: -0px -0px;
}

.carousel-nav li a.prev{
    background-image: url('img/prev.png');
    background-position: -0px -25px;
    width: 25px;
    height: 25px;
    display: block;
}

.carousel-nav li a.prev:hover{
    background-image: url('img/prev.png');
    background-position: -0px -0px;
    background-color: #0ca5cb;
}




/*==============================================================================
        8. 404 ERROR PAGE STYLES
================================================================================*/
.error-page img{
    margin: 0 auto;
    width: 371px;
    display: block;
    margin-bottom: 30px;
}

.error-page p{
    text-align: center;
    margin-bottom: 30px;
}

form.error-search{
    width: 195px;
    height: 30px;
    border: 1px solid #ddd;
    background: #fafafa;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

form.error-search .search-input{
    background: #fafafa;
    width: 145px;
    padding: 8px;
    float: left;
    font: italic 12px 'Arimo', sans-serif;
    color: #aaa;
    border-right: 1px solid #ddd;
    border-top: none;
    border-left: none;
    border-bottom: none;
}

form.error-search .search-submit{
    border: none;
    background: #f6f6f6 url('img/search.png') no-repeat center;
    width: 33px;
    height: 33px;
    padding-top: 8px;
    text-indent: -9999px;
    cursor: pointer;
    position: relative;
    top: -1px;
}

form.error-search .search-submit:hover{
    background: #d74142 url('img/search-hover.png') no-repeat center;
}

/*==============================================================================
        9. PORTFOLIO PAGES STYLES
===============================================================================*/

/* PORTFOLIO QUICKSAND FILTERS
----------------------------------------------------------------------------- */
.portfolio-filter-container{
    margin-bottom: 30px;
    margin-left: 5px;
}

#filter-label{
    float: left;
    padding: 5px 10px 5px 0;
}

#portfolio-filter li{
    float: left;
}

#portfolio-filter li a{
    margin-right: 5px;
    padding-left: 5px;
}

#portfolio-filter li.active a{
    color: #0ca5cb;
}

.portfolio-filters{
    background: #fbfbfb;
    float: left;
    height: 27px;
    border: 1px solid #D2D2D2;
    margin-right: 10px;
}

.portfolio-filters > li li:hover > a{
    color: #0ca5cb;
}

.portfolio-filters li{
    float: left;
    position: relative;
    width: 100%;
    height: 28px;
}

.portfolio-filters li a{
    display: block;
    padding: 7px 12px;
    color: #707070;
}

.portfolio-filters li ul a{
    color: #8f8f8f;
}

.portfolio-filters li ul{
    position: absolute;
    padding: 0;
    margin: 0px;
    top: 100%;
    padding-top: 10px;
    left: 0;
    z-index: 1000;
    width: 158px;
    display: none;
}

.portfolio-filters li ul li{
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    background: #fff;
}

.portfolio-filters li:hover ul{
    display: block;
}


/* PORTFOLIO IMG
----------------------------------------------------------------------------- */
.portfolio img{
    opacity: 1;
    border: 3px solid #ececec;
    max-height:218px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.portfolio img.ribbon{
    position: absolute;
    width: 28px !important;
    height: 50px;
    border: none;
    z-index: 10;
    top: -6px;
    right: 10px;
}

.grid_3 .portfolio img{
    width: 214px;
}

.portfolio .portfolio-image{
    display: block;
    overflow: hidden;
}

.portfolio figcaption{
    border-bottom: 1px solid #ececec;
    float: left;
    width: 100%;
    min-height: 68px;
    overflow: hidden;
    position: relative;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.portfolio figcaption p + p{
    margin-top: 0;
}

figcaption .caption-title{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    z-index: 100;
    margin-top: 0px;
}

figcaption .title{
    font: 14px 'Arimo', sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    color: #555;
    text-align: center;margin: 0px;height: 20px;
}

figcaption .subtitle{
    font: italic 13px 'Arial';
    text-align: center;
    color: #aaa;height: 20px;
}

.caption-hover{
    float: left;
    margin-left: 35%;
    padding-bottom: 10px;
    position: absolute;
    display: block;
    margin-top: 20px;
}

/* CAPTION HOVER FOR PORTFOLIO WITH THREE ITEMS
----------------------------------------------------------------------------- */
.grid_4 .caption-hover{
    margin-left: 39%;
}

.caption-hover li{
    background: #0ca5cb;
    width: 30px !important;
    height: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    float: left;
    margin-right: 5px;

    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.caption-hover li:last-child{
    margin-right: 0px;
}

.caption-hover li:hover{
    background: #707070;
}

.portfolio-zoom a{
    width: 30px;
    height: 15px;
    background: url('img/portfolio/zoom.png') center no-repeat;
    padding-top: 15px;
    text-indent: -9999px;
    display: block;
}

.portfolio-single a{
    width: 30px;
    height: 15px;
    background: url('img/portfolio/detail.png') center no-repeat;
    padding-top: 15px;
    text-indent: -9999px;
    display: block;
}

/* HOVER ANIMATION
----------------------------------------------------------------------------- */
.portfolio:hover{
    cursor: pointer;
}

.portfolio:hover .caption-hover{
    display: block;
    top: 10px;
}

.portfolio:hover figcaption{
    background: #fff;
}

.portfolio:hover img{
    opacity: 0.7;
}

.portfolio:hover img.ribbon{
    opacity: 1;
}

/* GELLERY HOVER
----------------------------------------------------------------------------- */
figure.portfolio{
    position: relative;
    float: left;
    text-align: center;
}

.portfolio .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0;
    box-sizing: border-box;

    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;

    opacity: 0;

}

.portfolio a.info{
    background: url('img/portfolio/gallery-zoom.png') center no-repeat;
    display: inline-block;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    top: 50%;
    left: 50%;
    opacity: 0;

    transform:scale(0,0);
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);

    transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
    -webkit-transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
    -moz-transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
    -o-transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

    text-decoration: none;
    padding: 0;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
}

.portfolio:hover .mask{
    opacity: 0.7;
    background: #0ca5cb;
}

.portfolio:hover a.info{
    opacity:1;

    transform:scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);

    transition-delay:0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
}



/* PORTFOLIO PAGINATION
----------------------------------------------------------------------------- */
.pagination-container{
    width: 100%;
    float: left;
}

.pagination{
    float: right;
}

.pagination li{
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    height: 28px;
    text-align: center;
    margin-left: 5px;
    font: 12px Arial, sans-serif;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pagination li a{
    color: #8f8f8f;
    padding-top: 8px;
    padding-right: 12px;
    padding-left: 12px;
    display: block;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pagination li:hover a, .pagination li.active a{
    color: #fff;
}

.pagination li:hover, .pagination li.active{
    background: #0ca5cb;
}

.pagination li.arrow a{
    padding-top: 7px;
}

.pagination.portfolio{
    margin-bottom: 40px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}


/* PORTFOLIO SINGLE PAGE
----------------------------------------------------------------------------- */


/* PORTFOLIO SLIDER AND CAROUSEL
----------------------------------------------------------------------------- */
.carousel-portfolio .carousel-li li{
    width: 220px;
}

.portfolio-slider-wrap{
    width: 614px;
    position: relative;
    float: left;
    margin-bottom: 30px;
}

.nivoSlider.portfolio-slider{
    width: 607px;
    height: 269px;
    border: 7px solid #ececec;
    position: relative;
    float: left;
    overflow: hidden;
    z-index: 100;
}

.nivoSlider.portfolio-slider img {
    position:absolute;
    width: 607px !important;
    height: 269px;
    top:0px;
    left:0px;
    max-width: none;
    border: 0 !important;
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 607px !important;
}

.portfolio-slider-wrap .slider-shadow{
    background: url('img/portfolio/single/slider-shadow.png') no-repeat;
    width: 620px;
    height: 40px;
    float: left;
    position: relative;
    top: -3px;
}

.portfolio-slider .nivo-nextNav{
    background: url('img/portfolio/single/next.png') no-repeat !important;
    text-indent: -9999px;
    padding: 0 5px;
    width: 41px;
    height: 42px;
}

.portfolio-slider .nivo-nextNav:hover{
    background: url('img/portfolio/single/next-hover.png') no-repeat !important;
}

.portfolio-slider .nivo-prevNav{
    background: url('img/portfolio/single/prev.png') no-repeat !important;
    text-indent: -9999px;
    padding: 0 5px;
    width: 41px;
    height: 42px;
    left: 10px;
}

.portfolio-slider .nivo-prevNav:hover{
    background: url('img/portfolio/single/prev-hover.png') no-repeat !important;
}

.portfolio-slider .nivo-directionNav a{
    top: 50%;
    margin-top: -19px;
}

/* PORTFOLIO INFO
----------------------------------------------------------------------------- */
.portfolio-info{
    float: left;
    width: 100%;
}

.portfolio-info-li{
    margin-top: 20px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.portfolio-info-li{
    font: 12px 'Arial', sans-serif;
    line-height: 22px;
}




/*==============================================================================
        10.BLOG PAGES STYLES
===============================================================================*/

.grid_9.content-sidebar-right{
    width: 680px;
    padding-right: 20px;
    float: left;
}

.grid_9.content-sidebar-left{
    width: 680px;
    padding-left: 20px;
    float: left;
    padding-top:10px;
}

.grid_9.content-sidebar-left .blog-post,
.grid_9.content-sidebar-right .blog-post{
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ececec;
    float: left;
}

.grid_9.content-sidebar-left .post-info-container,
.grid_9.content-sidebar-right .post-info-container{
    width: 370px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.post-info-container img{
    float: left;
    border: 3px solid #ececec;
}


/* IFRAME FOR VIDEO
----------------------------------------------------------------------------- */
.post-info-container iframe{
    border: 3px solid #ececec;
}

.post-info-container iframe{
    width: 364px;
    height: 214px;
}



/* POST INFO
----------------------------------------------------------------------------- */
.post-info{
    position: absolute;
    top: 3px;
    left: 3px;
}

.post-info li.date{
    background: #0ca5cb;
    width: 50px;
    height: 60px;
    border-bottom: 1px solid #cb3d3e;
}

.post-info li.date p{
    text-align: center;
    font: bold 22px 'Oswald', sans-serif;
    line-height: 22px;
    color: #fff;
    width: 100%;
    display: block;
    padding-top: 10px;
}

.post-info li.date .month{
    text-align: center;
    font: 12px 'Oswald', sans-serif;
    width: 100%;
    display: block;
    padding-top: 3px;
    text-transform: uppercase;
}

.post-info li.category{
    width: 50px;
    height: 50px;
    background: #0ca5cb;
    border-top: 1px solid #e54647;
    cursor: pointer;
}

.post-info li.category.photo{
    background: #d74142 url('img/blog/category-photo.png') center 9px no-repeat;
}

.post-info li.category.video{
    background: #d74142 url('img/blog/category-video.png') center no-repeat;
}

.post-info li.category.text{
    background: #d74142 url('img/blog/category-text.png') center no-repeat;
}

.post-info li.category.quote{
    background: #d74142 url('img/blog/category-quote.png') center no-repeat;
}


.post-info li.category.status{
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    overflow: hidden;
}

/* POST-INFO FOR POST THAT HAS NO IMAGE */
.blog-post.no-img .post-info-container{
    width: 50px !important;
    margin-right: 20px;
}

.blog-post.no-img .post-info{
    float: left;
    position: relative;
}


/* POST BODY
----------------------------------------------------------------------------- */
.post-body{
    width: 290px;
    float: left;
}

/* POST BODY FOR POST THAT HAS NO IMAGE */
.no-img .post-body{
    float: left;
    width: 590px;
}



.post-body h3{
    margin-bottom: 2px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-body h4:hover,
.post-body h3:hover,
.post-body h5:hover{
    color: #0ca5cb;
}

.post-body .meta{
    width: 100%;
    float: left;
    margin-bottom: 12px;
}

.post-body .meta li, .post-body .meta li a{
    float: left;
    display: block;
    padding-right: 3px;
    font: italic 11px 'Arial', serif;
    color: #aaa;
}

.post-body .meta li.author{
    border-right: 1px solid #ececec;
}

.post-body .meta li.author a{
    color: #0ca5cb;
}

.post-body .meta li:hover a{
    color: #0ca5cb;
}

.post-body .meta li.comments-numb{
    padding-left: 5px;
    padding-right: 0;
}

.post-body .video-credits{
    margin-top: 3px;
    color: #aaa;
}
.post-body .video-credits a{
    color: #aaa;
    font:  11px 'Arial', sans-serif;
}

.post-body .video-credits a:hover{
    color: #0ca5cb;
}

/* BLOG POST WITH VIDEO
----------------------------------------------------------------------------- */
.video-container{
    float: left;
    width: 100%;
}

.video-container a{
    text-indent: -9999px;
}

.btn-play{
    background: url('img/blog/play.png') center no-repeat;
    background-color: #0ca5cb;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    display: none;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn-play:hover{
    background-color: #707070;
}

.video-container:hover .btn-play{
    display: block !important;
}



/* BLOG POSTS STYLE 2 (TWO POSTS IN ONE ROW)
----------------------------------------------------------------------------- */

.grid_9.content-sidebar-left .blog-post.style2,
.grid_9.content-sidebar-right .blog-post.style2{
    width: 330px;
    padding-bottom: 0;
    border-bottom: none;
}

.blog-post.style2 .post-body{
    width: 100%;
}

.blog-post.style2:nth-child(3n+1){
    margin-right: 20px;
}

.grid_9.content-sidebar-left .style2 .post-info-container,
.grid_9.content-sidebar-right .style2 .post-info-container{
    width: 100%;
    margin-bottom: 20px;
}

.style2 .video-js{
    width: 330px !important;
    height: 196px !important;
}


.blog-post.style2 iframe{
    margin-bottom: -7px;
    width: 324px;
    height: 190px;
}

/* BLOG POST STYLE 2 THAT HAS NO IMAGE */
.style2.no-img .post-info-container{
    width: 50px !important;
    margin-right: 20px;
}

.style2.no-img .post-info{
    float: left;
    position: relative;
}

.style2.no-img .post-body{
    float: left;
    width: 260px;
}



/* BLOG POSTS STYLE 3 (FULL WIDTH POST)
----------------------------------------------------------------------------- */

.grid_9.content-sidebar-left .blog-post.style3,
.grid_9.content-sidebar-right .blog-post.style3{
    width: 100%;
}

.blog-post.style3 .post-body{
    width: 100%;
}

.blog-post.style3  iframe{
    width: 674px;
    height: 300px;
}

.grid_9.content-sidebar-left .style3 .post-info-container,
.grid_9.content-sidebar-right .style3 .post-info-container{
    width: 100%;
    margin-bottom: 20px;
}

.style3 .video-js{
    width: 100% !important;
}

/* blog post style3 THAT HAS NO IMAGE */
.style3.no-img .post-info-container{
    width: 50px !important;
    margin-right: 20px;
}

.style3.no-img .post-info{
    float: left;
    position: relative;
}

.style3.no-img .post-body{
    float: left;
    width: 590px;
}



/* BLOG POSTS SINGLE PAGE
----------------------------------------------------------------------------- */
.blog-post.single{
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0;
}

.single .post-info-container{
    width: 100% !important;
    margin-bottom: 20px !important;
}

.blog-post.single .post-body{
    margin-bottom: 40px !important;
    width: 100% !important;
}

.single .video-js{
    width: 100% !important;
}


/* BLOG POST SINGLE THAT HAS NO IMAGE */
.blog-post.single.no-img .post-body{
    width: 590px !important;
}

/* BLOG POSTS COMMENT
----------------------------------------------------------------------------- */
.grid_9.content-sidebar-left .post-comments,
.grid_9.content-sidebar-right .post-comments{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.grid_9.content-sidebar-left .post-comments h4,
.grid_9.content-sidebar-right .post-comments h4{
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}

.post-comments .comments-li{
    float: left;
    width: 100%;
    margin-top: 20px;
}

.post-comments .comments-li > li{
    float: left;
    width: 100%;
}

.post-comments .comments-li .comment{
    margin-bottom: 15px;
    padding: 15px;
    float: left;
    background: #f6f6f6;
    border: 1px solid #ececec;
    min-height: 116px;
}


/* COMMENT AVATAR
----------------------------------------------------------------------------- */
.mask{
    float: left;
    overflow: hidden;
    z-index: 100;
    position: relative;
}

.post-comments .comments-li .comment .avatar{
    width: 87px;
    height: 87px;
    margin-right: 15px;
    float: left;
}

.author-img{
    float: left;
    position: relative;
    top: -90px;
    left: 3px;
}


/* COMMENT META
----------------------------------------------------------------------------- */
.post-comments .comments-li .comment .comment-meta{
    color: #a9a9a9;
    font: 12px 'Arial', sans-serif;
    margin: 0 0 10px 100px;
}

.post-comments .comments-li .comment .comment-meta a{
    border-bottom: none;
    font: 14px 'Arial', sans-serif;
    width: 100%;
    display: block;
    text-transform: uppercase;
    margin-bottom: 3px;
    color: #707070;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-comments .comments-li .comment .comment-meta a:hover{
    color: #0ca5cb;
}

.post-comments .comments-li .comment .comment-body{
    margin-left: 100px;
}

.comment-body .btn-small span{
    font: 12px 'Arial', sans-serif;
    text-transform: uppercase;
    padding: 4px 10px 3px;
}


/* BLOG POSTS CHILD COMMENT
----------------------------------------------------------------------------- */
.child{
    margin-left: 100px;
    float: left;
}


/* BLOG POSTS COMMENT FORM
----------------------------------------------------------------------------- */
.grid_9.content-sidebar-left .blog-post #respond,
.grid_9.content-sidebar-right .blog-post #respond{
    float: left;
    width: 100%;
}

.grid_9.content-sidebar-left .blog-post #respond h3#reply-title,
.grid_9.content-sidebar-right .blog-post #respond h3#reply-title{
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 21px;
}

#respond form{
    margin-top: 20px;
}

#respond label{
    width: 100%;
    font: 12px 'Arial', sans-serif;
    color: #707070;
    display: block;
    margin-bottom: 7px;
}

#respond .name-container{
    margin-right: 20px;
    float: left;
}

#respond .email-container{
    float: left;
}

#respond .name-container input,
#respond .email-container input{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    height: 30px;
    width: 308px;
    font: 12px 'Arial', sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    color: #a9a9a9;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#respond .message{
    float: left;
    margin-top: 5px;
}

#respond .message textarea{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    width: 658px;
    font: 12px 'Arial', sans-serif;
    line-height: 22px;
    padding: 10px;
    color: #a9a9a9;
}

#respond #comment-reply{
    color: #fff;
    font: 12px 'Arial',sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px 12px;
    border: none;
    float: right;
    margin-top: 10px;

    background: #0ca5cb;

    -moz-box-shadow: 1px 1px 2px #aaa;
    -webkit-box-shadow: 1px 1px 2px #aaa;
    box-shadow: 1px 1px 2px #aaa;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#respond #comment-reply:hover{
    background: #707070;
}

#respond .name-container input:focus,
#respond .email-container input:focus,
#respond .message textarea:focus{
    border-color: #aaa;
}



/*==============================================================================
        11. CONTACT PAGE
===============================================================================*/

/*==============================================================================
        12. SIDEBAR STYLES
================================================================================*/
.aside{
    float: right;
}

.aside.left{
    float: left;
}

.aside-widgets{
    float: left;
    width: 100%;
    margin-top: 3px;
}

.aside-widgets > li{
    margin-bottom: 40px;
}

.aside-widgets > li h5, h3.widget-title{
padding-bottom: 5px;
margin-bottom: 15px;
font-family: 'EncodeSans-M';
/*font: 30px 'JennaSueRegular';*/
text-transform: capitalize;
line-height: 30px;
margin-top: 15px;
}
h3.widget-title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'EncodeSans-M';
    /*font: 30px 'JennaSueRegular';*/
    text-transform: capitalize;
    color:#666666;
}


.aside-widgets li li{
    padding-bottom: 10px;
}

.aside-widgets li a{
    color: #8f8f8f;
    font: 12px 'Arial', sans-serif;
    line-height: 20px;
    display: block;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.aside-widgets li a:hover{
    color: #0ca5cb;
}

.aside-widgets .arrow-list li{
    border-bottom: 1px dotted #eee;
    background: url('img/aside.png') no-repeat 0 center;
    padding-left: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.aside-widgets .arrow-list li:last-child{
    border-bottom: none;
}

.social-feed li{
    padding-bottom: 0 !important;
    position: relative;
}

.social-feed li{
    background: url('img/loading.gif') no-repeat center;
}

.social-feed .img-overlay{
    width: 40px;
    height: 40px;
    background: red url("img/portfolio/detail.png") no-repeat center center;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social-feed .img-overlay:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.sidebarEnquiryForm {
background: #8dcf45;
padding: 10px;
font-size: 12px;
width: 100%;
height: 237px;
}

.sidebarEnquiryForm #pickupDateQuick, .sidebarEnquiryForm #dropoffDateQuick {
width: 85px;
}

#sidebarEnquiryFormSubmit{
background:#0ca5cb;
width:100%;
color:#fff;
border:1px solid #E8DDE9;
}


#text-3 {width:100%; /*background: none repeat scroll 0 0 #0ca5cb; padding: 10px;*/}
#text-3 .textwidget {width:100%; background: none repeat scroll 0 0 #0ca5cb; padding: 10px;}
#text-3 .textwidget p {color:#ffffff !important;}
#text-3 .textwidget p:last-child {margin:0px;}

/* ASIDE TWITTER FEED
----------------------------------------------------------------------------- */

.tweets-list-container.aside ul.tweet-list li{
    background: url('img/twitt.png')  no-repeat;
    padding-left: 35px;
}



/*==============================================================================
        13. FOOTER STYLES
================================================================================*/
#footer-wrapper{
    width: 100%;
    float: left;
    background: url('img/patt-bkg.png') repeat;
    margin-top: 10px;
    position: relative;
}

#footer-wrapper .shadow-top{
    width: 100%;
    height: 12px;
    background: url('img/shadow-top.png') repeat-x;
    position: absolute;
    top: 0;
}

#footer{
    padding-top: 25px;
    margin: 0 auto;
    float: none;
}

#footer h4{
    margin-bottom: 20px;
    color: #808080;
    font: 16px 'JennaSueRegular', cursive;
    text-transform: none;
}

.footerlinks, .footerlinks a {
font-size: 10px;
}




/* FOOTER ARTICLE SLIDER
----------------------------------------------------------------------------- */

.grid_3.carousel-article .caroufredsel_wrapper,
.grid_4.carousel-article .caroufredsel_wrapper,
.grid_5.carousel-article .caroufredsel_wrapper,
.grid_6.carousel-article .caroufredsel_wrapper,
.grid_7.carousel-article .caroufredsel_wrapper,
.grid_8.carousel-article .caroufredsel_wrapper,
.grid_9.carousel-article .caroufredsel_wrapper,
.grid_10.carousel-article .caroufredsel_wrapper,
.grid_11.carousel-article .caroufredsel_wrapper,
.grid_12.carousel-article .caroufredsel_wrapper{
    width: 100% !important;
}

.carousel-article{
    float: left;
    width: 100%;
}

.grid_3.carousel-article .carousel-li > li{
    width: 220px;
    margin-right: 0;
}

.grid_4.carousel-article .carousel-li > li{
    width: 300px;
    margin-right: 0;
}

.grid_5.carousel-article .carousel-li > li{
    width: 380px;
    margin-right: 0;
}

.grid_6.carousel-article .carousel-li > li{
    width: 460px;
    margin-right: 0;
}

.grid_7.carousel-article .carousel-li > li{
    width: 540px;
    margin-right: 0;
}

.grid_8.carousel-article .carousel-li > li{
    width: 620px;
    margin-right: 0;
}

.grid_9.carousel-article .carousel-li > li{
    width: 700px;
    margin-right: 0;
}

.grid_10.carousel-article .carousel-li > li{
    width: 780px;
    margin-right: 0;
}

.grid_11.carousel-article .carousel-li > li{
    width: 860px;
    margin-right: 0;
}

.grid_12.carousel-article .carousel-li > li{
    width: 940px;
    margin-right: 0;
}

.carousel-pagination {
    text-align: center;
    float: left;
    margin-top: 10px;
}

.carousel-pagination a {
    background: url('img/btn.png') no-repeat;
    width: 19px;
    height: 5px;
    margin: 0 5px 0 0;
    display: inline-block;
}

.carousel-pagination a.selected {
    background: url('img/btn-active.png') no-repeat;
    cursor: default;
}

.carousel-pagination a span {
    display: none;
}



/* FOOTER BLOG POSTS
----------------------------------------------------------------------------- */
.footer-blog li{
    float: left;
    margin-bottom: 15px;
}

.footer-blog li:last-child{
    margin-bottom: 0;
}

.footer-blog .meta{
    background: #fff;
    width: 46px;
    height: 46px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 10px;
}

.footer-blog .meta p,
.footer-blog .meta .date{
    font: 14px 'Oswald', sans-serif;
    text-align: center;
    line-height: 18px;
}

.footer-blog .meta p{
    color: #0ca5cb;
    padding-top: 5px;
}

.footer-blog .meta .date{
    color:#bbb;
}

.footer-blog .post{
    padding-top: 3px;
    font: 12px 'Arial', sans-serif;
    line-height: 18px;
}

.footer-blog .post .light{
    color: #aaa;
}


/* SOCIAL ICONS FOOTER
----------------------------------------------------------------------------- */
.social{
    width: 100%;
    float: left;
    margin-top: 15px;
}

.social li{
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
}

.social li a{
    text-indent: -9999px;
    display: block;
}


/* COPYRIGHT
----------------------------------------------------------------------------- */
.copyright-container{
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 10px 0;
    margin-bottom: 0;
    background: #fff;
    border-top: 1px solid #ececec;
}

.copyright{
    margin-bottom: 0;
    width: 940px;
    float: none;
}

.copyright p{
    font-family: 'EncodeSans-M';
    font-size:12px;
    /*font: 11px 'Arimo', sans-serif;  */
    padding-top: 5px;
    color: #aaa;
    float: left;
    width: 510px;
    margin-right: 15px;
}

.copyright .breadcrumbs{
    padding-top: 0;
}

.copyright .breadcrumbs li a{
    /*font: 11px 'Arimo', sans-serif;*/
    font-family: 'EncodeSans-M';
    font-size:12px;
    color: #aaa;
    line-height: 11px;
}

.copyright .breadcrumbs li a:hover{
    color: #0ca5cb;
}

.copyright .breadcrumbs li{
    border-right: 1px solid #ececec;
    padding-right: 7px;
    padding-left: 7px;
}

.copyright .breadcrumbs li:last-child{
    border-right: none;
    padding-right: 0;
}

.copyright .breadcrumbs li.active a{
    color: #707070;
}




/*==============================================================================
        14. SOCIAL STREAMS
================================================================================*/

/* SOCIAL FEEDS */
.social-feed{
    width: 100%;
    float: left;

}

.social-feed h5{
    margin-top: 30px;
    text-transform: capitalize;
}

.social-feed p{
    margin-bottom: 20px;
    margin-top: 10px;
}

.social-feed a:link{
    color: #0CA5CB;
}

.social-feed a:hover{
    text-decoration: underline;
}

/*   15. PRESENTATION ELEMENTS
================================================================================ */

/* Columns presentation
----------------------------------------------------------------------------- */

.note.column-illustration{
    background: #f6f6f6 !important;
    margin-bottom: 40px !important;
}

.grid_12.column-illustration{
    margin-bottom: 20px;
}

.grid_12.column-illustration.last{
    background: #f6f6f6;
    margin-bottom: 40px  !important;
    cursor: pointer;
}

.column-illustration .grid_1,
.column-illustration .grid_2,
.column-illustration .grid_3,
.column-illustration .grid_4,
.column-illustration .grid_5,
.column-illustration .grid_6,
.column-illustration .grid_7,
.column-illustration .grid_8,
.column-illustration .grid_9,
.column-illustration .grid_10,
.column-illustration .grid_11,
.column-illustration .grid_12{
    background: #f6f6f6;
    margin-bottom: 0;
    cursor: pointer;
}

.column-illustration .grid_1 span,
.column-illustration .grid_2 span,
.column-illustration .grid_3 span,
.column-illustration .grid_4 span,
.column-illustration .grid_5 span,
.column-illustration .grid_6 span,
.column-illustration .grid_7 span,
.column-illustration .grid_8 span,
.column-illustration .grid_9 span,
.column-illustration .grid_10 span,
.column-illustration .grid_11 span,
.column-illustration .grid_12 span,
.grid_12.column-illustration.last span{
    text-align: center;
    font: 12px 'Arial', sans-serif;
    display: block;
    padding: 7px 0;
}

.column-illustration .grid_1 .hover,
.column-illustration .grid_2 .hover,
.column-illustration .grid_3 .hover,
.column-illustration .grid_4 .hover,
.column-illustration .grid_5 .hover,
.column-illustration .grid_6 .hover,
.column-illustration .grid_7 .hover,
.column-illustration .grid_8 .hover,
.column-illustration .grid_9 .hover,
.column-illustration .grid_10 .hover,
.column-illustration .grid_11 .hover,
.column-illustration .grid_12 .hover,
.grid_12.column-illustration.last .hover{
    display: none;
}

.column-illustration .grid_1:hover .normal,
.column-illustration .grid_2:hover .normal,
.column-illustration .grid_3:hover .normal,
.column-illustration .grid_4:hover .normal,
.column-illustration .grid_5:hover .normal,
.column-illustration .grid_6:hover .normal,
.column-illustration .grid_7:hover .normal,
.column-illustration .grid_8:hover .normal,
.column-illustration .grid_9:hover .normal,
.column-illustration .grid_10:hover .normal,
.column-illustration .grid_11:hover .normal,
.column-illustration .grid_12:hover .normal,
.grid_12.column-illustration.last:hover .normal{
    display: none;
}

.column-illustration .grid_1:hover .hover,
.column-illustration .grid_2:hover .hover,
.column-illustration .grid_3:hover .hover,
.column-illustration .grid_4:hover .hover,
.column-illustration .grid_5:hover .hover,
.column-illustration .grid_6:hover .hover,
.column-illustration .grid_7:hover .hover,
.column-illustration .grid_8:hover .hover,
.column-illustration .grid_9:hover .hover,
.column-illustration .grid_10:hover .hover,
.column-illustration .grid_11:hover .hover,
.column-illustration .grid_12:hover .hover,
.grid_12.column-illustration.last:hover .hover{
    display: block;
    color: #fff;
    background: #d74141;
}

/*---- Motor Homes Columns, About page ----- */

#ourMotorhomesList {
width: 100%;
margin: 0;
padding: 0;
}
#ourMotorhomesList .column{width: 220px;
margin-right: 90px;
float: left;
margin-bottom: 20px;
padding: 20px;
background: #eee;}
#ourMotorhomesList .columnlast{margin-right:0;}
#ourMotorhomesList img{width:100% /*220px*/; height:auto;}

#ourMotorhomesList .readmore a {text-align: center; font-size:12px; color:#2BA5CB;background:#fff; padding:5px 10px;}
#ourMotorhomesList p {height:auto}
#ourMotorhomesList h4 {text-align: center;margin-top:10px}
#ourMotorhomesList h4 a{font-size:21px; color:#2BA5CB;font-family: 'EncodeSans-M';/*font-family: 'JennaSueRegular';*/}
#ourMotorhomesList p a {color:#2BA5CB; background:url('images/arrow.png') no-repeat; padding-left: 20px;font-family: 'EncodeSans-N';}
#ourMotorhomesList h4 a:hover, #ourMotorhomesList p a:hover{text-decoration: underline}
.col1 {float:left; width:205px /*220px*/; list-style:none; margin-right:20px /*6px*/;}

#calcForm ul {list-style: none;}
#calcForm ul li {width:33%; float: left;font-size: 12px;
line-height: 30px;}


#calcForm h3{
color: #0ca5cb;
font-size: 30px;
line-height: 40px;
margin: 10px 0px;
font-family: 'EncodeSans-M';
/*font-family: 'JennaSueRegular';*/
}

#calcForm input[type="submit"] {background:#8dcf45;border:1px solid #8dcf45; margin-top:10px; color:#fff;}
.bookonline .quickbooking {background:#F5F3F3; padding: 15px;border:1px solid #EBEAEA;clear:both;}





.quickbooking h3{}


/* Services presentation
----------------------------------------------------------------------------- */
.services-presentation li{
    width: 75px;
    height: 75px;
    float: left;
    margin-right: 3px;
    margin-bottom: 5px;
}

.services-presentation li .icon{
    margin-left: 0;
}


/* Social icons presentation
----------------------------------------------------------------------------- */
.social.presentation li{
    float: left;
    margin-bottom: 5px !important;
}





/* PRICING TABLES
============================================================================= */

/* Pricing tables style 1
----------------------------------------------------------------------------- */
.pricing-head h1{
    font: 20px 'Droid Sana', sans-serif;
    color: #707070;
    text-align: center;
    padding-top: 22px;
    margin-bottom: 5px;
}

.pricing-head span.price{
    font: 16px 'Arial', sans-serif;
    color: #aaa;
    text-align: center;
    display: block;
}

.pricing-content{
    border-top: 2px dotted #e9e9e9;
    border-bottom: 2px dotted #e9e9e9;
    margin-top: 2px;
    float: left;
}

.pricing-content ul{
    padding: 0 20px;
    float: left;
}

.pricing-content li{
    float: left;
    text-align: center;
    width: 100%;
    font: 12px Tahoma, sans-serif;
    line-height: 20px;
    color: #888888;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid #f0f0f0;
}

.pricing-content li:last-of-type{
    border-bottom: none;
}

.pricing-footer{
    float: left;
    border-top: 2px dotted #e9e9e9;
    width: 100%;
    margin-top: 2px;
}

.pricing-standard.grid_4,
.pricing-best-offer.grid_4{
    width: 294px;
}

.pricing-standard.grid_3,
.pricing-best-offer.grid_3{
    width: 216px;
}



/*  Pricing standard */
.pricing-standard{
    float: left;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 3px;
    margin-top: 30px;
}

.pricing-standard .pricing-head{
    height: 98px;
    border-bottom: 2px dotted #e9e9e9;
}

.pricing-standard .pricing-footer{
    float: left;
    border-top: 1px solid #e9e9e9;
}


/*  Pricing best offer */
.pricing-best-offer{
    float: left;
    width: 253px;
    background: #ffffff;
    margin-top: 25px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #0ca5cb;
}


.pricing-best-offer .pricing-head{
    height: 107px;
    border-bottom: 2px dotted #e9e9e9;
}

.pricing-best-offer .pricing-head .best-offer-icon{
    height: 72px;
    width: 68px;
    right: 10px;
    position: absolute;
    top: -8px;
    text-indent: -9999px;
    background: url('img/pricing-best-offer.png') no-repeat;
}

.pricing-best-offer.grid_3 .pricing-head .best-offer-icon{
    background: url('img/pricing-best-offer-small.png') no-repeat;
    right: -20px;
    top: -6px;
}




/*   Regular table
----------------------------------------------------------------------------- */
.regular-table .table-data{
    width: 100%;
    background: #ffffff;
    border: 1px solid #ececec;
    margin-left: -1px;
}

.regular-table .table-data .heading{
    height: 40px;
    background: #0ca5cb;
}

.regular-table .table-data .heading .features{
    background: #fff;
}

.regular-table .table-data .heading td{
    font: 16px 'Arial', sans-serif;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    border: 1px solid #AC3435;
}


.regular-table .table-data .heading td.features {
    border: 1px solid #ececec !important;
    color: #707070;
    text-transform: uppercase;
}

.regular-table .table-data .included{
    height: 35px;
}

.regular-table .table-data .included td{
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #e9e9e9;
    color: #888888;
    text-align: center;
    padding-top: 10px;
    font: 12px 'Arial', sans-serif;
}

.included td.feature{
    color: #707070 !important;
}

.regular-table .table-data .included.colored{
    background: #fafafa;
}

.regular-table .table-data .pricing-bullet{
    background: url('img/pricing-bullet.png') no-repeat center;
}

/* BUTTONS */
.pricing-footer .btn-small,
.pricing-footer .btn-medium,
.pricing-footer .btn-big,
.pricing-style2 .sign-up .btn-small,
.pricing-style2 .sign-up .btn-medium,
.pricing-style2 .sign-up .btn-big{
    margin: 15px auto;
    display: table;
    float: none;
}



/*   MEDIA QUERIES
============================================================================= */

/* Devices between 960 and 1024 */
@media only screen and (min-width: 960px) and (max-width: 1279px){
    .slider-wrapper .slider-shadow{
        background: url('img/slider/shadow-1024.png') no-repeat !important;
        width: 940px !important;
        height: 39px;
        margin-top: -3px !important;
    }
}

/* Devices and screens between 768px and 959px */
@media only screen and (min-width: 768px) and (max-width: 959px){
    #header{
        width: 724px;
    }
    #nav-container{
        width: 502px;
    }

    #content-wrapper,
    .container_12,
    #footer{
        width: 744px;
    }

    .page-title{
        width: 724px;
    }

    img{
        max-width: 100% !important;
    }

    /* Grid system
    ------------------------------------------------------------------------- */
    .grid_1{
        width: 42px !important;
    }

    .grid_2{
        width: 104px !important;
    }
    .grid_3{
        width: 166px !important;
    }
    .grid_4{
        width: 228px !important;
    }
    .grid_5{
        width: 290px !important;
    }
    .grid_6{
        width: 352px !important;
    }
    .grid_7{
        width: 414px !important;
    }
    .grid_8{
        width: 476px !important;
    }
    .grid_9{
        width: 538px !important;
    }
    .grid_10{
        width: 600px !important;
    }
    .grid_11{
        width: 662px !important;
    }
    .grid_12{
        width: 724px !important;
    }


    /* HOME PAGE
    ------------------------------------------------------------------------- */
    .slider-wrapper{
        height: 340px !important;
    }

    .nivoSlider.home-slider{
        width: 710px !important;
        height: 308px !important;
    }

    .nivoSlider.home-slider img {
        width: 710px !important;
        height: 308px;
        max-width: none;
    }

    .nivo-main-image {
        width: 710px !important;
    }

    .nivo-caption{
        width: 308px !important;
        margin-left: 50px !important;
    }

    .home-slider .nivo-directionNav a{
        top: 50% !important;
        margin-top: -34px !important;
    }

    .home-slider .nivo-nextNav{
        right: 0px !important;
    }

    .slider-wrapper .slider-shadow{
        background: url('img/slider/shadow-768.png') no-repeat !important;
        width: 724px !important;
        height: 39px !important;
        margin-top: -3px !important;
    }

    .service-content .btn-big, .service-content .btn-medium, .service-content .btn-small{
        margin-left: 20%;
    }

    .tweets-home{
        width: 608px;
    }

    /* BLOG POSTS ON HOME PAGE */
    .blog-post-home .post-body{
        width: 282px;
    }


    /* TESTIMONIAL SCROLL */
    .carousel-testimonial{
        width: 310px;
    }

    .carousel-testimonial .caroufredsel_wrapper{
        width: 310px !important;
    }

    .grid_6 .carousel-testimonial .carousel-li > li{
        width: 310px !important;
    }



    /* ABOUT US PAGE
    ------------------------------------------------------------------------- */
    .team .vertical-toggle .content .member-name{
        text-align: center;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .team .vertical-toggle .content .member-position{
        text-align: center;
        width: 100%;
        padding: 0;
        padding-top: 5px;
    }

    .member-social li{
        width: 100%;
        padding: 0;
        text-align: center;
        border: none;
        padding-bottom: 3px;
    }


    /* SERVICES PAGE
    ------------------------------------------------------------------------- */
    .note h1{
        min-width: 0;
        padding: 20px 20px 15px;
    }

    .note .btn-big, .note .btn-medium, .note .btn-small{
        float: none;
        display: table;
        margin: 15px auto;
    }

    /* PAGE SIDEBAR LEFT
    ------------------------------------------------------------------------- */
    .grid_9.content-sidebar-left,
    .grid_9.content-sidebar-right{
        width: 518px !important;
    }

    /* PRODUCTS PAGE
    ------------------------------------------------------------------------- */
    .nivoSlider.products-slider,
    .product-img-wrap .products-img{
        margin-top: 7px;
        height: 112px;
        width: 176px;
        margin-left: 36px !important;
        overflow: hidden;
    }

    .product-slider-wrap,
    .product-img-wrap{
        width: 248px;
        height: 137px;
    }

    .slider-mask{
        width: 248px !important;
        height: 137px;
        background: url('img/products/mask-responsive.png') no-repeat;
    }

    .nivoSlider.products-slider img {
        width: 176px !important;
        height: 112px;
        max-width: none;
    }

    .nivo-main-image {
        width: 176px !important;
    }

    .price-tag{
        right: 0px;
    }

    .product-info{
        width: 240px;
    }

    .product-carousel .caroufredsel_wrapper{
        width: 518px !important;
    }

    .product-carousel .carousel-li > li{
        width: 160px;
    }


    /* PORTFOLIO SINGLE
    ------------------------------------------------------------------------- */
    .portfolio-slider-wrap{
        width: 462px;
    }

    .nivoSlider.portfolio-slider{
        width: 455px;
        height: 202px;
    }

    .nivoSlider.portfolio-slider img {
        width: 455px !important;
        height: 202px;
        max-width: none !important;
    }

    .nivo-main-image {
        width: 455px !important;
    }

    .portfolio-slider-wrap .slider-shadow{
        background: url('img/portfolio/single/responsive768.png') no-repeat;
        width: 462px;
        height: 40px;
        top: -3px;
    }


    .carousel-portfolio .caroufredsel_wrapper{
        width: 724px !important;
    }

    .carousel-portfolio .caroufredsel_wrapper .carousel-li li{
        width: 228px;
    }

    .carousel-portfolio .caroufredsel_wrapper .carousel-li li figure img{
        width: 223px;
    }


    /* BLOG PAGES
    ------------------------------------------------------------------------- */
    .grid_9.content-sidebar-left .post-info-container,
    .grid_9.content-sidebar-right .post-info-container,
    .post-info-container iframe{
        width: 280px;
    }

    .post-body{
        width: 218px;
    }

    .post-body h3{
        font-size: 16px;
    }

    /* BLOG POST STYLE2 */
    .grid_9.content-sidebar-left .blog-post.style2,
    .grid_9.content-sidebar-right .blog-post.style2{
        width: 249px;
    }

    .blog-post.style2 iframe{
        width: 249px;
        height: 146px;
    }

    /* BLOG POST STYLE 3 */
    .blog-post.style3 iframe{
        width: 512px;
    }

    /* BLOG SINGLE */
    .author-img{
        top: -87px;
        left: 0;
    }

    #respond .name-container,
    #respond .email-container{
        margin-right: 0;
        margin-bottom: 10px;
    }

    #respond .message,
    #respond .message textarea{
        width: 494px;
    }

    /* FEATURES ELEMENTS */
    .grid_3 .tabs li a{
        padding: 0px 7px;
    }


    /* CONTACT PAGES
    ------------------------------------------------------------------------- */
    .contact-forms .forms{
        width: 368px !important;
    }

    .contact-form .textarea{
        width: 320px;
    }

    .contact-form.simple{
        width: 352px;
    }

    .contact-form .text{
        width: 260px;
    }

    .contact-form.simple .textarea{
        width: 310px;
    }

    .contact-info{
        width: 302px !important;
    }

    .contact-info .info.grid_3{
        width: 141px !important;
    }



    /* FOOTER
    ------------------------------------------------------------------------- */
    .social-feed li{
        margin-right: 2px;
    }

    .social-feed li:nth-child(4n){
        margin-right: 0px !important;
    }

    .social-feed li:nth-child(5n){
        margin-right: 2px;
    }


    /* PRICING TABLES
    ------------------------------------------------------------------------- */
    .pricing-standard.grid_4,
    .pricing-best-offer.grid_4{
        width: 222px !important;
    }

    .pricing-standard.grid_3,
    .pricing-best-offer.grid_3{
        width: 160px !important;
    }

    .pricing-best-offer .pricing-head .best-offer-icon{
        display: none;
    }

    .pricing-head h1{
        font-size: 16px;
    }

    .pricing-head span.price{
        font-size: 14px;
    }

    .pricing-standard .pricing-head{
        height: 88px;
    }

    .pricing-best-offer .pricing-head{
        height: 97px;
    }
}


/* Devices between 480px and 767px
----------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px){
    #header{
        width: 440px;
    }

    #content-wrapper,
    .container_12,
    #footer{
        width: 460px;
    }

    img{
        max-width: 100% !important;
    }


    /* Responsive navigation
    ------------------------------------------------------------------------- */
    #nav-container #nav{
        display: none;
    }

    #nav-container{
        width: 405px;
    }

    #nav-container select{
        display: block;
        width: 405px;
        margin-top: 12px;
        margin-right: 10px;
        margin-bottom: 12px;
        height: 28px;
        background: #f8f8f8;
        border: 1px solid #ececec;
        color: #8f8f8f;
        font: italic 12px Arial, sans-serif;
        float: left;
    }

    #nav-container select{
        padding: 5px 7px;;
    }

    #search{
        margin-top: 11px;
        height: 28px;
        width: 28px;
        float: left;
    }

    #search-submit{
        top: 7px;
        left: 6px;
    }

    #search-bkg{
        margin-left: -119px;
    }

    /* Grid system
    ------------------------------------------------------------------------- */
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 440px !important;
    }

    /* NESTED COLUMNS NOW HAVE BOTTOM MARGIN */
    .container_12 [class*="grid_"] [class*="grid_"]{
        margin-left: 0 !important;
        margin-bottom: 40px;
    }

    .alpha{
        margin-bottom: 40px !important;
    }

    .omega{
        margin-bottom: 0 !important;
    }


    /* HOME PAGE
   ------------------------------------------------------------------------- */
    .slider-wrapper{
        height: 210px !important;
    }

    .nivoSlider.home-slider{
        width: 426px !important;
        height: 185px !important;
    }

    .nivoSlider.home-slider img {
        width: 426px !important;
        height: 185px;
        max-width: none;
    }

    .nivo-main-image {
        width: 426px !important;
    }

    .nivo-caption{
        width: 366px !important;
        margin-left: 30px !important;
    }

    .home-slider .nivo-directionNav a{
        top: 50% !important;
        margin-top: -34px !important;
    }

    .home-slider .nivo-nextNav{
        right: 0px !important;
    }

    .slider-wrapper .slider-shadow{
        background: url('img/slider/shadow-480.png') no-repeat !important;
        width: 426px !important;
        height: 39px !important;
        margin-top: -3px !important;
    }

    .service-content .btn-big, .service-content .btn-medium, .service-content .btn-small{
        margin-left: 40%;
    }

    .tweets-home{
        width: 324px;
    }

    /* BLOG POSTS ON HOME PAGE */
    .blog-post-home .post-body{
        width: 368px;
    }


    /* TESTIMONIAL SCROLL */
    .carousel-testimonial{
        width: 398px;
    }

    .carousel-testimonial .caroufredsel_wrapper{
        width: 398px !important;
    }

    .grid_6 .carousel-testimonial .carousel-li > li{
        width: 398px !important;
    }

    /* PAGE TITLE
   ------------------------------------------------------------------------- */
    .page-title{
        width: 440px;
    }
    .page-title .title{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page-title .title h1{
        border-right: none;
    }

    .page-title .title p{
        display: none;
    }

    .breadcrumbs{
        padding-top: 15px;
        padding-bottom: 10px;
    }


    /* ABOUT US PAGE
    ------------------------------------------------------------------------- */
    .grid_3.team{
        width: 210px !important;
    }

    .grid_3.team:nth-child(2n){
        clear: both;
    }

    .vertical-toggle .set{
        width: 216px;
    }

    .team .vertical-toggle .content .member-name{
        text-align: center;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .team .vertical-toggle .content .member-position{
        text-align: center;
        width: 100%;
        padding: 0;
        padding-top: 5px;
    }

    .member-social li{
        width: 100%;
        padding: 0;
        text-align: center;
        border: none;
        padding-bottom: 3px;
    }


    /* SERVICES PAGE
    ------------------------------------------------------------------------- */
    .note h1{
        min-width: 0;
        padding: 20px 20px 15px;
    }

    .note .btn-big, .note .btn-medium, .note .btn-small{
        float: none;
        display: table;
        margin: 15px auto;
    }

    /* PAGE SIDEBAR LEFT
    ------------------------------------------------------------------------- */
    .grid_9.content-sidebar-left,
    .grid_9.content-sidebar-right{
        width: 440px !important;
        padding: 0;
    }

    /* PRODUCTS PAGE
    ------------------------------------------------------------------------- */
    .product-slider-wrap, .product-img-wrap{
        margin: 0 auto 20px;
        float: none;
    }

    .product-info{
        width: 440px;
        margin-bottom: 20px;
    }

    .product-carousel .caroufredsel_wrapper{
        width: 440px !important;
        height: 170px !important;
    }

    .product-carousel .carousel-li li{
        width: 210px;
        height: auto;
    }

    .product-carousel .carousel-li li img{
        width: 204px;
        height: auto;
    }


    /* PORTFOLIO
    ------------------------------------------------------------------------- */
    .grid_2 .portfolio img,
    .grid_3 .portfolio img,
    .grid_4 .portfolio img{
        width: 440px;
    }

    .grid_2 .caption-hover,
    .grid_3 .caption-hover,
    .grid_4 .caption-hover{
        margin-left: 43%;
    }

    .portfolio-slider-wrap{
        width: 434px;
        margin-bottom: 10px;
    }

    .nivoSlider.portfolio-slider{
        width: 427px;
        height: 189px;
    }

    .nivoSlider.portfolio-slider img {
        width: 427px !important;
        height: 189px;
        max-width: none !important;
    }

    .nivo-main-image {
        width: 427px !important;
    }

    .portfolio-slider-wrap .slider-shadow{
        background: url('img/portfolio/single/responsive480.png') no-repeat;
        width: 434px;
        height: 28px;
        top: -3px;
    }


    .carousel-portfolio .caroufredsel_wrapper{
        width: 440px !important;
    }

    .carousel-portfolio .caroufredsel_wrapper .carousel-li li{
        width: 210px;
    }

    .carousel-portfolio .caroufredsel_wrapper .carousel-li li figure img{
        width: 204px;
    }


    /* BLOG PAGES
    ------------------------------------------------------------------------- */
    .grid_9.content-sidebar-left .post-info-container,
    .grid_9.content-sidebar-right .post-info-container,
    .post-info-container iframe{
        width: 210px;
    }

    .post-body{
        width: 210px;
    }

    .post-body h3{
        font-size: 16px;
    }

    /* BLOG POST STYLE2 */
    .grid_9.content-sidebar-left .blog-post.style2,
    .grid_9.content-sidebar-right .blog-post.style2{
        width: 210px;
    }

    .blog-post.style2 iframe{
        width: 210px;
        height: 123px;
    }

    /* BLOG POST STYLE 3 */
    .blog-post.style3 iframe{
        width: 440px;
    }

    /* BLOG SINGLE */
    .author-img{
        top: -87px;
        left: 0;
    }

    #respond .name-container,
    #respond .email-container{
        margin-right: 0;
        margin-bottom: 10px;
    }

    #respond .message,
    #respond .message textarea{
        width: 416px;
    }

    /* FEATURES ELEMENTS */
    .grid_3 .tabs li a{
        padding: 0px 7px;
    }


    /* CONTACT PAGES
    ------------------------------------------------------------------------- */
    #map_canvas{
        height: 200px;
    }

    .contact-tab{
        height: auto;
        float: left;
    }
    .contact-tab .product, .contact-tab .newsletter, .contact-tab .support{
        width: 100%;
        margin: 0;
        position: relative;
        float: left;
        left: 0;

    }
    .contact-forms .forms{
        width: 440px !important;
        padding: 0;
        border: none;
    }

    .contact-form .textarea{
        width: 418px;
    }

    .contact-form.simple{
        width: 352px;
        border-right: 0;
    }

    .contact-form .text{
        width: 260px;
    }

    .contact-form.simple .textarea{
        width: 414px;
    }

    .contact-form .submit{
        margin-right: 0;
        margin-bottom: 20px;
    }

    .forms.grid_9.omega{
        margin-left: 0 !important;
    }

    .contact-info{
        width: 440px !important;
    }

    .contact-info .info.grid_3{
        width: 210px !important;
    }



    /* FOOTER
    ------------------------------------------------------------------------- */
    .social-feed li{
        margin-right: 2px;
    }

    .social-feed li:nth-child(10n){
        margin-right: 0px !important;
    }

    .social-feed li:nth-child(5n){
        margin-right: 2px;
    }

    #footer .carousel-article .carousel-li li{
        width: 440px !important;
    }

    .footer-blog li{
        width: 100%;
    }

    .footer-blog .post{
        padding-top: 15px;
    }

    .copyright p{
        float: none;
        display: table;
        margin: 5px auto 5px;
        width: auto;
        text-align: center;
    }

    .copyright .breadcrumbs{
        float: none;
        display: table;
        margin: 0 auto;
    }

    /* PRICING TABLES
    ------------------------------------------------------------------------- */
    .pricing-standard{
        margin-top: 0;
    }

    .pricing-best-offer.grid_3 .pricing-head .best-offer-icon{
        background: url('img/pricing-best-offer.png') no-repeat;
        right: 10px;
    }

    .regular-table .table-data .heading td{
        font-size: 14px;
    }

    .regular-table .table-data .included td{
        font-size: 12px;
        padding: 5px;
    }
}


#motor-main-image{float:left;margin-bottom: 10px;}
#motor-page-title{clear:both;}
#motor-features{width:190px;float:right;}

#motor-content{width:473px; margin-bottom: 15px;float: left;}
#motor-content ul {list-style: none;margin: 0;}

#motor-features ul{list-style: none;margin: 0;}
#motor-features h3{font-family: 'JennaSueRegular';font-size: 34px;line-height: 36px;}

.motor-button a.btn-small {margin-left: 13%;
width: 100%;
margin: auto;
text-align: center;}
#motor-three-links .motor-button {background: #8DCF45;
width: 28%;
margin-right: 1%;
height: auto;
padding: 10px;
float: left;}

.btn-small.white span:hover{color: #0CA5CB;}

.gallery .gallery-item {
float: left;
margin: 0 0 10px 0  !important;text-align:left !important;
width: 50%;
}

table#t2 tbody tr.table-alternate {
background: none repeat scroll 0 0 #F8F8F8 !important;
}

/* DATEPICKER
------------------------------------------- */

.ui-datepicker {
	background-color: #eee;
	padding: 0px;font-size: 12px;
        z-index : 2147483647 !important;
	/* border: 1px solid #639925; */
}

.ui-datepicker-prev{
	padding: 0px 5px;font-size: 12px; background: white;
padding: 4px;
	color: #616161; margin-right:5px; cursor: pointer;
}

.ui-datepicker-next {
	color: #616161;font-size: 12px; background: white; cursor: pointer;
padding: 4px;
}

.ui-datepicker-title {
font-size: 14px;
margin-top: -23px;
margin-left: 85px;
color: #5B941D;
font-weight: bold;
}

.ui-state-default {
	color: #999999;font-size: 12px;padding-left: 10px;
}

a.ui-state-default {
	color: #639925;font-size: 12px;
}

.ngg-gallery-thumbnail img { width:210px; height:210px;}
.page-id-343 .grid_3 aside left .textwidget{}
.a_first img{width:100%;}
.a_first{width:32%;    color: #666666 !important;    margin: 15px auto;}
.a_second{color: #fff !important; background: #0ca5cb;margin-right: 12px;    border-left: 6px solid #fff;    padding: 10px;}
.a_btn{text-align: center;}

/*--------font encode sans------------*/
@font-face {
font-family:'EncodeSans-M';
src:url('./fonts/EncodeSans-Medium/EncodeSans-Medium.eot');
src: local('EncodeSans-M'),
     local('EncodeSans-M'),
     url('./fonts/EncodeSans-Medium/EncodeSans-Medium.woff') format('woff'),
     url('./fonts/EncodeSans-Medium/EncodeSans-Medium.otf') format('opentype'),
     url('./fonts/EncodeSans-Medium/EncodeSans-Medium.svg#IM_FELL_English_Italic') format('svg');
}


@font-face {
font-family:'EncodeSans-N';
src:url('./fonts/EncodeSans-Narrow/EncodeSans-Narrow.eot');
src: local('EncodeSans-N'),
     local('EncodeSans-N'),
     url('./fonts/EncodeSans-Narrow/EncodeSans-Narrow.woff') format('woff'),
     url('./fonts/EncodeSans-Narrow/EncodeSans-Narrow.otf') format('opentype'),
     url('./fonts/EncodeSans-Narrow/EncodeSans-Narrow.svg#IM_FELL_English_Italic') format('svg');
}



/*--------IE 10 11-------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   b, strong {
    font-weight: bold;
    font-family: 'EncodeSans-M';
    font-size:14px;
    }
}


/* override */
footer .services-wrap {
	float: none;
	display: block;
	text-align: center;
}

footer .services-wrap li.grid_3 {
	float: none;
	display: inline-block;
}

.aside-widgets input, .aside-widgets textarea {
    max-width: 100%;
}



#footer .custom-btn{width:290px;}
#footer a.custom-btn:hover{color:#fff;}