<em></em>/*
Theme Name: TotalImmersion
Theme URI: http://totalimmersion.net/
Author: YBizz Web Development Company
Author URI: http://www.ybizz.com/
Version: 1.1
*/

/******************************
-------- Reset CSS ------------
******************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
    padding: 0;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    transition: color 0.3s ease;
}
/* change colours to suit your needs */
ins {

}
/* change colours to suit your needs */
mark {

}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
img {
    border: 0 none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

* { box-sizing: border-box;}

::-moz-selection {
    color: #fff;
    background: #479ccf;
}
::selection {
    color: #fff;
    background: #479ccf;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/******************************
-------- CSS Tools ------------
******************************/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

.left {
    float: left;
}
.right {
    float: right;
}
.hide {
    display: none;
}
.algine-left {
    float: left;
}
.divider-span {
    float: left;
    width: 100%;
    height: 1px;
    background: #dedede;
    margin: 15px 0;
}
.small {
    font-size: 12px;
    color: #919191;
}

/******************************
-------- Base CSS ------------
******************************/

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #333333;
    margin: 0;
    padding: 0;
}

a {
    color: #0e3d63;
    text-decoration: none;
}
a:hover{
    transition: all 0.3s ease;
}
input[type='submit'],
.btn {
    height: 30px;
    border: 0;
    float: left;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
    color: #0a2235;
    background: #f1f1f1;
    font-size: 12px;
    margin-right: 5px;
    cursor: pointer;
}
.btn-yellow{
    background: #f5bc00 !important;
    color: #0A2235 !important;
}

.btn-big {
    font-size: 20px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 18px;
    text-transform: uppercase;
}

.btn i {
    margin-right: 5px;
    font-size: 14px;
}

.sign-btn {
    background: #F5BC00;
}
.input-box {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.input-text {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    color: #0b3150;
    border: 0;
}
.required {
    font-size: 12px;
    color: #d92525;
    margin: 0 0 5px 0;
} 

.signup-form {
    float: left;
    width: 60%;
}
.signup-form .btn {
    float: right;
}
.signup-form label  {
    float: left;
    line-height: 35px;
    width: 30%;
    box-sizing: border-box;
    padding:0 10px;
    text-align: right;
    font-size: 14px;
    background: #E7E7E7;
    color: #333;
}
.signup-form .input-box {
    width: 100%;
    padding: 0;
}
.signup-form .input-box input {
    border: 1px solid #E7E7E7;
    width: 70%;
    box-sizing: border-box;
}

.holder {
    margin: 0 auto;
    max-width: 980px;
}
.holder:before,
.holder:after {
    content:"";
    display:table;
}
.holder:after {
    clear:both;
}

.header {
    float: left;
    width: 100%;
    background: #0e3d63;
}
.header > .holder {
    padding:13px 0;  
}
.header-box {
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    width: 295px;
}
.login-box {
    width: 240px;
}
.mincart-box {
    width: 220px;
}
.logo {
    float: left;
    margin: 0;
    margin-right: 40px;
}
.logo a {
    float: left;
    width: 185px;
    height: 90px;
    background: url(images/logo.png) no-repeat;
    text-indent: -9999px;
    margin: 0;
}
.phone {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    white-space: nowrap;
    float: left;
    width: 100%;
    text-align: right;
    margin: 17px 0 0 0;
}

/* Search */
.form-search {
    float: left;
    width: 280px;
    position: relative;
    padding-right: 35px;
    box-sizing: border-box;
    margin: 13px 0 0 0;
}
.form-search .input-text {
    float: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-style: italic;
    color: #0b3150;
    border: 0;
}
.form-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    width: 40px;
    line-height: 35px;
    text-align: center;
    color: #0a2235;
    background: #f5bc00;
    padding: 0;
    font-weight: 700;
    margin: 0;
    font-size: 20px;
    cursor: pointer;
}
.form-search .btn i {
    font-size: 20px;
    margin: 0;
}
/* Search End */
.menu {
    float: left;
    width: 100%;
    background: #022138;
}
.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.menu ul > li {
    float: left;
    width: 16%;
    position: relative;
}
.menu a {
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    transition: background 0.3s ease;
}
.menu ul > li:hover > a,
.menu a:hover {
    background: #011829;
}
.menu ul ul {
    z-index: 9000;
}
.menu ul ul > li {
    width: 100%;
}
.menu ul ul > li > a {
    text-align: left;
    padding: 0 15px;
    box-sizing: border-box;
}
@media only screen and (min-width: 980px) {
    .menu ul ul {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 250px;
        background: #022138;
    }
    .menu ul > li:hover ul {
        display: block;
    }
}

/* Share */
.header .share {
    margin: 5px 0 0 0;
}
.share {
    float: left;
    color: #fff;
    font-size: 11px;
}
.share span,
.share a {
    line-height: 22px;
    float: left;
    margin-right: 8px;
}
.share span {
    text-transform: uppercase;
}
.share a {
    color: #fff;
}
.share i {
    font-size: 22px;
}
/* Sahre End */

/* Login Form */
.login-form {
    float: right;
    position: relative;
    width: auto;
}
.statusbox {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    display: none;
}
@media only screen and (min-width: 981px) {
    .loginform {
        position: absolute;
        left: 0;
        top: 45px;
        width: 250px;
        padding: 15px;
        box-sizing: border-box;
        background: #022138;
        z-index: 100;
        border: 2px solid #479CCF;
        display: none;
    }
    .loginform.open{
        display: block;
    }
    .loginform:after, .loginform:before {
    	bottom: 100%;
    	left: 40px;
    	border: solid transparent;
    	content: " ";
    	height: 0;
    	width: 0;
    	position: absolute;
    	pointer-events: none;
    }
    
    .loginform:after {
    	border-color: rgba(2, 33, 56, 0);
    	border-bottom-color: #022138;
    	border-width: 8px;
    	margin-left: -8px;
    }
    .loginform:before {
    	border-color: rgba(71, 156, 207, 0);
    	border-bottom-color: #479CCF;
    	border-width: 11px;
    	margin-left: -11px;
    }
}

.forgot {
    float: right;
}


/* Mini-Cart */
.min-cart {
    float: right;
    background: #022138;
    width: 100%;
}
.min-cart .summury {
    text-align: center;
    line-height: 48px;
    color: #fff;
    padding: 0 25px;
}
.min-cart .summury i {
    font-size: 20px;
    margin-right: 5px;
}
.min-cart a {
    float: left;
    width: 50%;
    line-height: 30px;
    text-align: center;
    background: #f1f1f1;
    text-align: center;
    color: #0a2235;
    margin: 0;
    font-size: 14px;
}
.min-cart a.cart-checkout {
    background: #f5bc00;
}
/* Mini-Cart End */

/* Content */
.main-wrap {
    float: left;
    width: 100%;
    padding:30px 0;
    background: #F8F8F8;
}
.content {
    float: left;
    width: 100%;
}
.content-left {
    width: 70%;
}

.post {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
}
.post .title {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding:20px 20px 0 20px;
}
.page .title,
.title,
.post .title,
.post .title a {
    font-size: 24px;
    line-height: 34px;
    color: #333;
    font-weight: 500;
}
.page .title {
    padding: 25px 0;
}
.post-tumb {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding:20px;
    text-align: center;
}
.post-content,
.post-excerpt {
    font-size: 15px;
    line-height: 23px;
    color: #444;
    font-weight: 300;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding:5px 20px 20px 20px;
}
.page .post-content {
    padding: 0 0 25px 0;
}
.post-content p {
    margin-bottom: 15px;
}
.post-content ol,
.post-content ul,
.post-excerpt ol,
.post-excerpt ul {
    padding: 15px;
}

.post-excerpt ol li,
.post-excerpt ul li,
.post-content ol li,
.post-content ul li {
    margin-bottom: 10px;
}
.author .title {
    padding-bottom: 20px;
}
.author-info {
    padding: 25px 0;
    font-size: 18px;
    line-height: 24px;
}
.author-img {
    float: left;
    padding-right: 25px;
    box-sizing: border-box;
}
.desc {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding:15px 0 0 0;
    color: #7B7B7B;
}

blockquote {
    padding:45px 25px;
    display: inline-block;
    width: 100%;
    margin:25px 0;
    box-sizing: border-box;
    background: #fff6da;
    color: #0A2235;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
    font-weight: 500;
    border-left: 4px solid #fbe291;
    position: relative;
}
blockquote:before,
blockquote:after {
    position: absolute;
    width: 35px;
    height: 35px;
    color: #e4c560;
    line-height: 35px;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 22px;
}
blockquote:before {
    content: "\f10d";
    top: 10px;
    left: 10px;
}
blockquote:after {
    content: "\f10e";
    bottom: 10px;
    right: 10px;
}

.post-info {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding:20px;
    border-top: 1px solid #F3F3F5;
    color: #666;
    font-size: 12px;
    line-height: 16px;
}
.post-info .author {
    padding: 0 15px;
}
.post-info a {
    color: #666;
}
.post-info .cat-list i {
    margin-right: 5px;
}
.post-info .cat-list a {
    color: #0E3D63;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.comment-box {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    border-top: 1px solid #F3F3F5;
}
#respond {
    float: left;
    width: 100%;
}
#respond h3,
#comments {
    font-size: 24px;
    line-height: 34px;
    color: #333;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#respond h3 {
    margin-bottom: 15px;
}
#respond input[type='submit'] {
    margin-top: 10px;
}
.comment-box ul,
.comment-box ol,
.commentlist {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.commentlist li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.commentlist li.parent {
    margin-bottom: 0;
}
.commentlist li.thread-odd {

}
.commentlist .children {
    padding:15px 0 0 15px;
}
.comment-body {
    font-size: 15px;
    line-height: 23px;
    color: #444;
    font-weight: 300;
    border-bottom: 1px solid #F3F3F5;
    padding-bottom: 15px;
}
.comment-body > p {
    clear: left;
    margin-top: 15px;
    display: inline-block;
}
.comment-meta,
.comment-author {
    float: left;
    width: 50%;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
.comment-meta {
    text-align: right;
    font-size: 12px;
}
.comment-author {
    box-sizing: border-box;
    padding-left: 40px;
    position: relative;
}
.comment-author .avatar {
    position: absolute;
    left: 0;
    top: 0;
}
.comment-author cite {
    width: 100%;
    float: left;
}
.comment-author cite.fn {
    font-weight: 500;
}


.social-icons {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}
.social-icons li {
    float: left;
}
.social-icons li a {
    font-size: 24px;
    margin-left: 8px;
}
.social-icons li a.twitter-i {
    color: #2daae1;
}
.social-icons li a.facebook-i {
    color: #3f5d9c;
}
.social-icons li a.google-i {
    color: #d21919;
}

.sidebar {
    float: left;
    width: 30%;
    padding-left: 30px;
}
.block {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.sbox {
    float: left;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}
.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.sidebar ul li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    border-top: 1px solid #F0F0F0;
}
.sidebar a {
    color: #444;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}
.block-title {
    float: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 22px;
    color: #333;
    font-weight: 500;
    padding: 20px;
}


/* Content End */
.toolbar-box {
    float: left;
    width: 100%;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 14px;
}
.toolbar-box * {
    float: left;
}
.filter-form,
.filter-box {
    float: left;
    width: 80%;
    margin: 0;
}
.toolbar-box label {
    margin-right: 10px;
}
.filter-box * {
    margin-right: 10px;
    line-height: 30px;
}
.filter-box {
    width: 100%;
}
.limit-box {
    float: right;
    width: auto;
}
.toolbar-box select,
.toolbar-box .input-text {
    width: 150px;
    padding: 0 10px;
    border: 1px solid #E7E7E7;
    height: 30px;
    line-height: 30px;
    background: #F8F8F8;
}
.toolbar-box select {
    width: auto;
    padding: 0 5px;
}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}
.responsive-table th,
.responsive-table td {
    border-bottom: 1px solid #e6e6e6;
    padding: 6px 8px;
    text-align: left;
}
.responsive-table tr:nth-child(even){
    background: #f8f8f8;
}

.responsive-table tr:hover {
    background: #fff6da;
}
.responsive-table th {
    background: #f8f8f8;
    text-transform: uppercase;
    color: #8a8a8a;
}
.responsive-table th a{
    color: #8a8a8a;
}
.responsive-table a {
    font-weight: 500;
    color: #000;
}
.responsive-table a:hover {
    color: #136DC5;
}

.banner {
    float: left;
    width: 100%;
    background-position: top center !important;
    min-height: 400px;
    color: #fff;
}
@media only screen and (min-width: 1920px) {
    .banner {
        background-size: cover !important;
    }
}
.big-title {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 55px;
    line-height: 57px;
    text-align: center;
    font-weight: 300;
    padding: 0 120px;
    box-sizing: border-box;
    margin: 70px 0 10px 0;
}
.banner-button {
    float: left;
    width: 100%;
    text-align: center;
}
.icon-btn {
    font-size: 125px;
    color: #fff;
}
.icon-btn:hover {
    color: #F5BC00;
}

.about-box {
    float: left;
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
}
.about-box .image-box {
    float: left;
    margin-right: 35px;
}
.about-box .title {
    font-size: 32px;
    color: #0e3d63;
    font-weight: 700;
    margin: 0;
}
.about-box p {
    font-size: 12px;
    line-height: 16px;
    margin: 15px 0 0 0;
}

.event-box {
    float: left;
    width: 100%;
    background: url(images/event-bg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}
.event-box .title {
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 10px;
}

.event-box a {
    color: #fff;
}
.event-right,
.event-left {
    float: left;
    width: 58%;
    box-sizing: border-box;
    padding: 25px;
    position: relative;
}
.event-right {
    width: 42%;
    padding: 20px;
}
.event-right iframe {
    width: 100%;
}
.event-left {
    background: rgba(0,0,0,0.5);
    min-height: 343px;
}
.fvideo-desc {
    text-align: right;
    margin: 15px 0 0 0;
}
.event-left p {
    color: #aaaaaa;
    font-weight: 100;
    font-size: 12px;
    line-height: 14px;
}
.event-left .btn {
    position: absolute;
    right: 30px;
    top: 30px;
}

.event-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.event-list li {
    float: left;
    width: 100%;
    line-height: 18px;
    margin-top: 15px;
}

.event-list li .date {
    width: 135px;
    height: 18px;
    text-align: center;
    color: #000;
    background: #ffffff;
    display: inline-block;
    margin-right: 5px;
}
.event-list li strong {
    color: #f5bc00;
    white-space: nowrap;
}
.event-list li:hover .date {
    background: #f5bc00;
}

.swimmer-wrap {
    float: left;
    width: 100%;
    padding: 50px 0;
    border-bottom: 2px solid #ebebeb;
}
.swimmer-box {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
}
.swimmer-box h3 {
    font-size: 26px;
    color: #0e3d63;
    margin: 25px 0 20px 0;
    width: 100%;
    display: inline-block;
}
.swimmer-box p {
    font-size: 16px;
    line-height: 22px;
}

.shop-wrap {
    float: left;
    width: 100%;
    padding: 50px 0;
    text-align: center;
}
.shop-wrap .title {
    font-weight: 700;
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 60px;
}
.shop-wrap-img {
    display:block;
    margin-bottom: -60px;
}
.big-btn {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    height: 65px;
    line-height: 65px;
    background: #0e3d63;
    box-sizing: border-box;
    padding: 0 18px 0 88px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}
.big-btn i {
    width: 70px;
    height: 65px;
    line-height: 65px;
    font-size: 32px;
    position: absolute;
    left: 0;
    top: 0;
    background: #0b304e;
    
}
.breadcrumb {
    float: left;
    width: 100%;
    background: #F8F8F8;
    padding: 8px 0;
    border-bottom: 1px solid #e7e7e7;
    font-size: 12px;
    color: #444;
    box-sizing: border-box;
}
.breadcrumb a {
    text-transform: uppercase;
    font-weight: 500;
}
.breadcrumb i {
    margin: 0 5px;
}
.breadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.breadcrumb ul li {
    display: inline-block;
    line-height: 16px;
}
.pagenavi {
    margin-bottom: 30px;
}
.pagenavi ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    text-align: center;
    float: left;
    width: 100%;
}
.pagenavi ul li {
    display: inline-block;
    margin: 0 3px 3px 3px;
    line-height: 30px;
    font-size: 14px;
}
.pagenavi ul li.pcurrent {
    height: 30px;
    padding: 0 14px;
    background: #F8F8F8;
    color: #444;
    border: 1px solid #479CCF;
}
.pagenavi ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    color: #444;
    border: 1px solid #E7E7E7;
    background: #F8F8F8;
    font-size: 14px;
}
.pagenavi ul li a:hover {
    border-color: #479CCF;
}

.page-nav,
.pagenavi {
    float: left;
    width: 100%;
}
.nav-next,
.nav-previous {
    float: left;
    width: 49%;
    text-align: center;
    background: #fff;
    padding: 12px 0;
    box-sizing: border-box;
    color: #0E3D63;
}
.nav-next {
    float: right;
}
.nav-next,
.nav-previous a {
    text-transform: uppercase;
}

.event-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    float: left;
    width: 100%;
    padding: 8px 10px;
    box-sizing: border-box;
    margin:20px 0;
    background: #F8F8F8;
    position: relative;
}
.event-title:after {
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(248, 248, 248, 0);
	border-top-color: #F8F8F8;
	border-width: 8px;
	margin-left: -8px;
}
.workshops-list {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.post-content .workshops-list-2 {
    padding: 15px 0;
}
.workshops-list li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
    margin: 0 !important;
    padding: 8px 0;
}

.workshops-list li:last-child {
    border: 0;
}
.workshops-list li strong {
    float: left;
    width: 150px;
    font-weight: 700;
}
.workshops-list li a {
    color: #136DC5;
}

.user-event-list {
    padding: 0;
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
    list-style: none;
}
.user-event-list li {
    background: #F8F8F8;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 3px 3px 3px;
    font-size: 12px;
}

.find-wrap {
    float: left;
    width: 100%;
}
.find-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.find-wrap ul li {
    float: left;
    width: 100%;
}
.find-wrap .title {
    margin: 0;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 18px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    background: #F8F8F8;
    border: 1px solid #E7E7E7;
    font-weight: 700;
    cursor: pointer;
}
.find-wrap .title i {
    float: right;
}
.find-wrap a {
    color: #444;
}
.find-wrap a:hover {
    color: #136DC5;
}

.find-content {
    width: 100%;
    float: left;
    display: none;
}
.post-content-map {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.find-box {
    width: 100%;
    float: left;
    padding: 15px 15px 5px 15px;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    margin-top: 8px;
}
.find-box * {
    font-weight: 500;
    font-size: 16px;
}
.find-box h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 18px;
    width: 100%;
    float: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #E7E7E7;
}
.find-box h3 a {
    font-size: 18px;
    line-height: 18px;
}
.find-box p {
    margin: 0 0 10px 0;
    line-height: 20px;
}

.find-box .finde-left,
.find-box .finde-right,
.find-box .finde-image {
    float: left;
    width: 60%;
    padding-left: 15px;
    box-sizing: border-box;
}
.find-box .finde-left {
    width: 40%;
    padding: 0;
}

.find-box-image  .finde-right {
    width: 60%;
}
.find-box-image  .finde-left {
    width: 30%;
    padding-left: 15px;
}

.find-box-image .finde-image {
   width: 10%;
   padding: 0;
   text-align: center;
}

.find-box-image .finde-image img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.find-full {
    padding: 0;
    border: 0;
    margin:0 0 15px 0;
}
.find-full .finde-image {
    width: 20%;
}
.find-full .finde-left {
    width: 80%;
}
.find-full p {
    margin-bottom: 12px;
}


/* Footer */
.footer {
    background: #0E3D63;
    float: left;
    width: 100%;
}
.footer-top {
    float: left;
    width: 100%;
    background: #022138;
}
.footer-menu {
    float: left;
    width: 80%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu li {
    float: left;
}
.footer-menu li a {
    color: #FFF;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 25px;
}
.footer .share {
    float: right;
    margin: 15px 0 0 0;
}

.as-seen {
    float: left;
    width: 100%;
    padding: 20px 0;
    background: #f8f8f8;
}
.as-seen ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.as-seen h3 {
    width: 100%;
    box-sizing: border-box;
    height: 1px;
    line-height: 1px;
    float: left;
    text-align: center;
    margin: 20px 0;
    color: #0e3d63;
    font-size: 20px;
    position: relative;
}
.as-seen h3:before {
    content:"";
    height: 1px;
    width: 20%;
    position: absolute;
    left: 20%;
    top: 0;
    background: #c8c8c8;
    z-index: 25;
}
.as-seen h3:after {
    content:"";
    height: 1px;
    width: 20%;
    position: absolute;
    right: 20%;
    top: 0;
    background: #c8c8c8;
    z-index: 25;
}
.as-seen h3 span {
    padding: 0 15px;
    background: #F8F8F8;
    z-index: 50;
}
.as-seen ul li {
    display: inline-block;
    padding: 0 10px;
}
.footer-right,
.footer-left {
    float: left;
    width: 50%;
    padding: 25px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.footer-left img {
    margin-bottom: 30px;
}
.footer-right {

}
/* Footer End */


/* RES MENU */
.mobile-menu {
    display: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #022138;
    text-align: center;
    font-size: 22px;
    position: absolute;
    top: 0;
}
.mobile-menu.disabled {
    pointer-events: none;
}
#menu {
    left: 0;
}
#menu-login {
    right: 50px;
    background: #fff;
    color: #0A2235;
}
#menu-cart {
    right: 0;
    color: #0A2235;
    background: #F5BC00;
}
@media only screen and (max-width: 980px) {
    img {
        max-width: 100%;
        height: auto;
    }
    .header {
        position: relative;
        padding:0 100px 0 117px;
        height: 50px;
    }
    .logo {
        margin: 0;
    }
    .logo a {
        height: 50px;
        width: 67px;
        background: url(images/logo-mobile.png) no-repeat;
        position: absolute;
        left: 50px;
        top: 0;
    }
    .header-box {
        width: 100%;
        padding: 0 15px;
    }
    .mincart-box,
    .login-box {
        padding:15px;
    }
    .header .share {
        float: right;
        margin: 13px 0 0 0;
    }
    .share a:last-child {
        margin: 0;
    }
    .share span {
        display: none;
    }
    .form-search {
        margin: 8px 0 0 0;
    }
    .cbp-spmenu {
        position: fixed;
        background: #333;
        overflow-x: scroll;
        box-sizing: border-box;
        
    }
    .cbp-spmenu-vertical {
    	width: 300px;
    	height: 100%;
    	top: 0;
    	z-index: 1000;  
    }
    .cbp-spmenu-horizontal {
    	width: 100%;
    	height: 230px;
    	left: 0;
    	z-index: 1000;
    	overflow: hidden;
    }
    .cbp-spmenu-left {
    	left: -300px;
    }
    .cbp-spmenu-right {
    	right: -300px;
    }
    .cbp-spmenu-left.cbp-spmenu-open {
    	left: 0px;
    }
    
    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px
    }
    .cbp-spmenu-top {
    	top: -230px;
    }
    .cbp-spmenu-top.cbp-spmenu-open {
    	top: 0px;
    }
    .cbp-spmenu-push {
    	overflow-x: hidden;
    	position: relative;
    	left: 0;
    }
    .cbp-spmenu-push-toright {
    	left: 300px;
    }
    .cbp-spmenu-push-toleft {
    	left: -300px;
    }
    .cbp-spmenu-push-tobottom {
        top: 230px;
    }
    /* RES MENU END*/

    .mobile-menu {
        display: block;
    }
    
    .header > .holder {
        padding: 0;
    }
    
    .login-btn {
        display: none;
    }
    
    .login-box {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
    .phone {
        text-align: left;
    }
    .menu ul > li {
        width: 100%;
    }
    .menu a {
        text-align: left;
        padding: 0 15px;
    }
    .menu {
        background: #022138;
    }
    .menu li {
        border-bottom: 1px solid #011829 ;
    }
    .menu li:last-child {
        border: 0;
    }
    .menu ul ul {
        background: #0E3D63;
        position: relative;
    }
    .menu ul ul:after {
    	bottom: 100%;
    	left: 30px;
    	border: solid transparent;
    	content: " ";
    	height: 0;
    	width: 0;
    	position: absolute;
    	pointer-events: none;
    	border-color: rgba(14, 61, 99, 0);
    	border-bottom-color: #0E3D63;
    	border-width: 10px;
    	margin-left: -10px;
    }
    .breadcrumb {
        padding:12px 30px;
    }
    .page,
    .main-wrap {
        padding: 30px;
    }
    
    .footer .holder {
        padding: 0 15px;
    }
    .footer-menu {
        width: 75%;
    }
    .footer-menu li a {
        padding: 0 10px;
        line-height: 35px;
    }
    
    .about-box {
        padding: 40px 15px;
    }
    .about-box .image-box {
        margin-bottom: 15px;
    }
    .event-box a {
        font-size: 12px;
    }
    .shop-wrap,
    .swimmer-wrap {
        padding: 50px 10px;
    }
    iframe,
    object {
        max-width: 100%;
    }
    .signup-form {
        width: 100%;
    }
}
@media only screen and (max-width: 800px) {
    .footer-left {
        padding-right: 25px;
    }
    .content-left {
        width: 100%;
    }
    .sidebar {
        width: 100%;
        padding: 0;
    }
    .block {
        width: 50%;
    }
    .block:nth-child(odd) {
        padding-right: 15px;
    }
    .block:nth-child(even) {
        padding-left: 15px;
    }
    .block:nth-child(2n+1) {
        clear: left;
    }
    .big-title {
        padding: 0 40px;
    }
    
    .event-left,
    .event-right {
        width: 100%;
    }
    .event-right iframe {
        height: 350px;
    }

    .find-box .finde-right {
        width: 60%;
    }
    .find-box .finde-left {
        width: 40%;
    }
    
    .find-box-image  .finde-right {
        width: 60%;
    }
    .find-box-image  .finde-left {
        width: 25%;
    }
    .find-box-image  .finde-image {
        width: 15%;
    }
    .find-full .finde-image {
        width: 30%;
        padding: 0 15px 0 0 !important;
    }
    .find-full .finde-left {
        width: 70%;
        padding: 0 !important;
    }    
    
}
@media only screen and (max-width: 640px) {
    .form-search {
        width:60%;
    }
    .footer-menu {
        width: 100%;
    }
    .footer .share {
        margin: 10px 0;
    }
    .footer-right,
    .footer-left {
        width: 100%;
        padding-right: 0;
    }
    .block {
        width: 100%;
    }
    .block:nth-child(odd),
    .block:nth-child(even) {
        padding-left: 0;
        padding-right: 0;
    }
    .social-icons {
        clear: left;
        margin-top: 10px;
    }
    .big-title {
        font-size: 45px;
        line-height: 47px;
    }
    .swimmer-box {
        width: 100%;
        padding-bottom: 50px;
        margin-bottom: 50px;
        border-bottom: 2px solid #EBEBEB;
    }
    .swimmer-box:last-child {
        border: 0;
        margin: 0;
        padding-bottom: 0;
    }
    .shop-wrap .title {
        font-size: 30px;
        line-height: 32px;
    }
    .filter-form {
        width: 100%;
        margin-bottom: 10px;
    }
    .signup-form label,
    .signup-form .input-box input {
        width: 50%;
    }
    
    .find-box-image  .finde-right {
        width: 80%;
    }
    .find-box-image  .finde-left {
        width: 80%;
    }
    .find-box-image  .finde-image {
        width: 20%;
    }
    .find-full .finde-image {
        width: 30%;
    }
    .find-full .finde-left {
        width: 70%;
    }
    
}
@media only screen and (max-width: 550px) {
    .form-search {
        width:100%;
    }
    .header .share {
        display: none;
    }
    .as-seen h3::before {
        left: 15%;
    }
    .as-seen h3::after {
        right: 15%;
    }
    .big-title {
        font-size: 40px;
        line-height: 42px;
        padding: 0 20px;
    }
    .about-box .image-box {
        margin: 0 0 15px 0;
        text-align: center;
        width: 100%;
    }
    .shop-wrap-img {
        margin-bottom: -30px;
    }
    .responsive-table thead {
        display: none;
    }
    .responsive-table td {
        float: left;
        width: 100%;
        text-align: left;
        border: 0;
        padding: 6px 0px 6px 40%;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 14px;
        position: relative;
        border-bottom: 1px dotted #e6e6e6;
    }
    .responsive-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-transform: uppercase;
        font-weight: 500;
    }
    .responsive-table td:nth-child(1):before {
        content: "Date";
    }
    .responsive-table td:nth-child(2):before {
        content: "Title";
    }
    .responsive-table td:nth-child(3):before {
        content: "Venue";
    }
    .responsive-table td:nth-child(4):before {
        content: "City";
    }
    .responsive-table td:nth-child(5):before {
        content: "Type";
    }
    .toolbar-box .input-text {
        width: 100%;
        margin: 10px 0;
    }
    .toolbar-box {
        position: relative;
    }
    .limit-box {
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media only screen and (max-width: 500px) {
    .event-list li .date {
        width: 100%;
        box-sizing: border-box;
        padding-left: 5px;
        text-align: left;
        margin-bottom: 5px;
    }
    .signup-form label,
    .signup-form .input-box input {
        width: 100%;
    }
    .signup-form .input-box {
        margin-bottom: 15px;
    }
    .signup-form label {
        text-align: left;
        line-height: 25px;
    }
    .find-box .finde-right,
    .find-box .finde-left {
        width: 100%;
        padding: 0;
    }
    
    .find-box-image  .finde-right {
        width: 100%;
        margin-top: 10px;
    }
    .find-box-image  .finde-left {
        width: 80%;
        padding-left: 10px;
    }
    .find-box-image  .finde-image {
        width: 20%;
    }
    .find-full .finde-image {
        width: 25%;
    }
    .find-full .finde-left {
        width: 75%;
    }
}
@media only screen and (max-width: 400px) {
    .post-info .author {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        margin: 5px 0 0 0;
    }
}