/**
 * 1. CSS Resets, Defaults and Helper Classes
 * 2. Wrapper
 * 3. Header
 * 4. Navigation Menu
 * 5. Home Page middle area
 * 6. Page & Page Contents
 * 7. Sideabar & Blog
 * 8. Contact Page & Map
 * 9. Footer
 * 10. WordPress Core
 */

/**
 * *****************************************************************************
 * 1. CSS Resets, Defaults and Helper Classes
 * *****************************************************************************
 */

body {
}

/**
 * *****************************************************************************
 * 2. Wrapper
 * *****************************************************************************
 */

.wrapper {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 0 auto;
}

/**
 * *****************************************************************************
 * 3. Header
 * *****************************************************************************
 */

header {
	height: auto;
	position: relative;
	background: none !important;
	border-bottom: none !important;
	padding: 20px 0;
}

header a.logo { position: static; display: block; text-align: center; margin-bottom: 20px;}
header a.logo img { width: 90%; }
header .logo-text { position: static; }
header .logo-text h1 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
}
header .logo-text p a{ text-transform: uppercase; font-size: 13px; }

.header-contact  { position: static; }
.header-contact a { display: block; text-align: center; font-size: 17px; }
.header-contact a.phone {
	font-size: 32px;
}

/* Social links */
header .header-social{ position: static; height: 45px;}
.social-links { width: 100%; text-align: center; }
.social-links li { display: inline; margin-right: 5px;  }

/**
 * *****************************************************************************
 * 4. Navigation Menu
 * *****************************************************************************
 */

header nav { display: none; }
.mobile-menu { display: block; text-align: center; }
.mobile-menu select {
    width: 90%;
    font-size: 1.2em;
    padding: 2% 5% 2% 5%;
    margin: 20px auto 0px auto;
    background-color: #eef;
    border: 2px solid #ddd;
}

/**
 * *****************************************************************************
 * 5. Home Page middle area
 * *****************************************************************************
 */

.middle { background: #3498db; color: #FFF; }
.middle.hero { }
.featured-image img { width: 100%; float: left; }
.hero-banner-wrapper {
	margin: 0;
	background: none;
	padding: 0px;
	width: 100%;
	float: none !important;
}
.hero-banner { border: none; overflow: hidden; width: 100%; height: auto; float: none !important; }
.hero-banner img { display: block; }
.hero-content { width: 100%; margin: 0; padding: 20px 15px 15px 15px; float: none !important;}
h2.hero-title { font-size: 20px; font-weight: lighter; color: #FFF; padding-bottom: 15px; }
.hero-text { font-size: 15px; font-weight: lighter; color: #FFF; }
.hero-text p { padding-bottom: 15px; }

/* Bullets */
.hero-text ul { margin: 0 0 15px 0px; }
.hero-text ul li {
	padding: 2px 0 0px 25px;
	margin: 0 0 5px 0;
	background: url(../img/bullet-home.png) no-repeat 0px 2px;
}

/* Hereo Links */
.hero-link-wrapper { padding-top: 10px; }
a.btn.hero-link { color: #3498db; background: #FFF; }

a.btn.hero-link:hover {
	color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#80000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#80000000,Positive=true);
}

/* CTA: Call to Actions for home page */

.home-cta { width: 100%; }
.home-cta a.item {
	text-align: center !important;
	width: 100% !important;
	border-right: none !important;
	border-bottom: 1px solid #555;
}

/**
 * *****************************************************************************
 * 6. Page & Page Contents
 * *****************************************************************************
 */

.page-wrapper {
	padding: 25px 10px;
	background: #FFF;
}
.page-wrapper p { line-height: 1.5em; margin-bottom: 25px; }
.page-wrapper p.highlight { color: #333; background: #eee; padding: 15px; }
.page-wrapper p.highlight.error { color: #FFF; background: #FF9999; }
.page-wrapper p.confirmation { color: #FFF; background: #00CC99; }

.page-container { width: 100%; float: none !important; }
.page-container.full { width: 100%; float: none !important; }

/* Bullets */
.page-container ul, .box-content ul { text-align: left; }
.page-container ul li,  .box-content ul li {
	text-align: left;
}
.page-container ul li:last-child,  .box-content ul li:last-child{ margin-bottom: 0; }

.page-container h3{ color: #3498db; font-size: 18px; margin: 15px 0; }

/* Sub Pages */

ul.subpages { border-top: 1px solid #CCC; }
ul.subpages li { margin-bottom: 1px; }
ul.subpages li a {
	display: block;
	padding: 10px 25px;
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #CCC;
	border-left: 5px solid #CCC;
}
ul.subpages li.current_page_item a {
	color: #3498db;
	border-left-color: #3498db;
	background: #EEE;
}
ul.subpages li a:hover { color: #333; background: #EEE; }

/**
 * *****************************************************************************
 * 7. Sideabar & Blog
 * *****************************************************************************
 */

.sidebar { width: 100%; float: none; }
.box { text-align: center; }
.box.widget-down { margin-top: 40px; }
.box h2 { font-size: 30px; color: #1c699d; margin-bottom: 20px; padding: 0; border: none !important; }
.box .box-content { text-align: center; }
.box .box-content img { float: none !important; display: block; padding: 0 !important; margin: 15px auto !important; }
.blog-item { line-height: 1.5em; padding-bottom: 10px; }
.sidebar .blog-item { font-size: 12px; }
.search-box-wrapper input {
	padding: 6px 10px;
	float: left;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: none;
	width: 235px;
	margin: 0px;
}
.search-box-wrapper .btn { padding-top: 3px; padding-bottom: 3px; float: left; margin: 0px; }
.blog-date {
	font-size: 13px;
	background: #3498db;
	padding: 4px 10px;
	color: #FFF;
	text-transform: uppercase;
}
.blog-image { margin-bottom: 10px; }
.blog-image img { width: 100%; }
.blog-title { font-weight: bold; color: #3498db; padding-top: 8px; padding-bottom: 8px; }
.blog-text { }
a.blog-more { text-align: right; display: block; margin-top: 10px; margin-bottom: 20px; font-weight: bold; }


article { }
.blog-single h2 { }
.blog-single .blog-image { margin-bottom: 20px; }

.pagination { margin-top: 20px; padding-top: 25px; border-top: 1px solid #CCC; }
.pagination .btn span { font-weight: bold; }
.noheading { padding-top: 38px; }

/**
 * *****************************************************************************
 * 8. Contact Page & Map
 * *****************************************************************************
 */

.google-map-large { height: 360px; }
.google-map-small { border: 1px solid #CCC; margin-bottom: 25px; height: 200px; }
ul.contact-details{ }
ul.contact-details li {
	font-size: 28px;
	font-weight: lighter;
	color: #333;
	padding-bottom: 10px;
	border-top: 1px solid #CCC;
	padding-left: 45px;
	padding-top: 10px;
}
ul.contact-details li.phone {
	background: url(../img/contact-phone.png) no-repeat left 4px;
}
ul.contact-details li.fax {
	background: url(../img/contact-fax.png) no-repeat left 4px;
}
ul.contact-details li.email {
	background: url(../img/contact-email.png) no-repeat left 1px;
	padding-top: 5px;
}
ul.contact-details li.email a {
	font-size: 16px;
}
ul.contact-details li.address {
	font-size: 16px;
	background: url(../img/contact-address.png) no-repeat left top;
}

/* Contact Form */

.contact-form-wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0; /* paddin in the text field, as width is 100% */
}
.contact-row { }
.contact-form-field { padding-bottom: 20px; }
.contact-row.colum-2 .contact-form-field { width: 47%; }
.contact-form-field label {
	font-size: 14px;
	color: #666;
	display: block;
	margin: 0px;
	padding: 0px 0px 5px;
}
.contact-form-field .input-text {
	display: block;
	margin: 0px;
	padding: 7px;
	border: 1px solid #ddd;
	width: 100%;
}
.contact-form-field .input-text.textarea { height: 200px; }
p.contact-form-required { color: #F66; font-size: 14px; }

.contact-row.colum-2.contact-form-field-last .contact-form-field {
	clear: both;
	float: none !important;
	width: 100%;
	padding-bottom: 0px;
}
.contact-row.colum-2.contact-form-field-last .contact-form-field p.contact-form-required{
	display: block;
	clear: both;
}
.contact-row.colum-2.contact-form-field-last .float-right.contact-form-field.align-right{
	clear: both !important;
	text-align: center !important;
}

/**
 * *****************************************************************************
 * 9. Footer
 * *****************************************************************************
 */

footer { color: #FFF; background: #3498db; padding: 30px; }
.footer-text { font-size: 12px; text-align: center; }
.footer-text p.credit { padding-top: 5px; }
.footer-text a { color: #ddd; }
.footer-text a:hover { color: #fff; text-decoration: underline; }

footer .social-links{
	padding-top: 10px;
	position: static;
	width: 100%;
	text-align: center;
}

/**
 * *****************************************************************************
 * jssor Slier
 * *****************************************************************************
 */

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    background: url(../img/b05.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div {
    background-position: -7px -7px;
}

    .jssorb05 div:hover, .jssorb05 .av:hover {
        background-position: -37px -7px;
    }

.jssorb05 .av {
    background-position: -67px -7px;
}

.jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l              (normal)
.jssora12r              (normal)
.jssora12l:hover        (normal mouseover)
.jssora12r:hover        (normal mouseover)
.jssora12ldn            (mousedown)
.jssora12rdn            (mousedown)
*/
.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/a12.png) no-repeat;
    overflow: hidden;
}

.jssora12l {
    background-position: -16px -37px;
}

.jssora12r {
    background-position: -75px -37px;
}

.jssora12l:hover {
    background-position: -136px -37px;
}

.jssora12r:hover {
    background-position: -195px -37px;
}

.jssora12ldn {
    background-position: -256px -37px;
}

.jssora12rdn {
    background-position: -315px -37px;
}


/**
 * *****************************************************************************
 * 10. WordPress Core
 * *****************************************************************************
 */



/**
 * Gallery
 * *****************************************************************************
 */


.gallery .gallery-item {
	margin: 0 0 10px 0;
}


.gallery br{
	clear: none !important;
}

/*
Image sizes depending on the number of columns
*/
.gallery-columns-0 .gallery-item,
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item,
.gallery-columns-10 .gallery-item,
.gallery-columns-11 .gallery-item,
.gallery-columns-12 .gallery-item,
.gallery-columns-13 .gallery-item,
.gallery-columns-14 .gallery-item,
.gallery-columns-15 .gallery-item,
.gallery-columns-16 .gallery-item,
.gallery-columns-17 .gallery-item,
.gallery-columns-18 .gallery-item,
.gallery-columns-19 .gallery-item,
.gallery-columns-20 .gallery-item,
.gallery-columns-21 .gallery-item,
.gallery-columns-22 .gallery-item,
.gallery-columns-23 .gallery-item,
.gallery-columns-24 .gallery-item,
.gallery-columns-25 .gallery-item,
.gallery-columns-26 .gallery-item,
.gallery-columns-27 .gallery-item ,
.gallery-columns-28 .gallery-item,
.gallery-columns-29 .gallery-item,
.gallery-columns-30 .gallery-item {
	width: 49%
}

.gallery .gallery-item img {
	width: 100%
	height: auto;
}