@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@200;400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&family=Russo+One&display=swap');
/* Creo Systems
   Created:Nov 2019
   Description:Master CSS file
*/

/* @font-face {
	font-family:'Glyphicons Halflings';
	src:url('../fonts/glyphicons-halflings-regular.eot');
	src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
  } */

body,
html { width:100%; height:100%; }
body { background-color:#FFF; }
body,
p { color:#b1aeb4; /*font:400 0.875rem/1.375rem "PT Sans", sans-serif;*/}

.p-large { font:400 1rem/1.5rem "PT Sans", sans-serif; }
.p-small { font:400 0.75rem/1.25rem "PT Sans", sans-serif; }
.p-heading { margin-bottom:3.875rem; }
.li-space-lg li { margin-bottom:0.25rem; }
.indent { padding-left:1.25rem; }

h1 { color:#b1aeb4; font:700 3rem/3.5rem "PT Sans", sans-serif; }
h2 { color:#b1aeb4; font:700 2.25rem/2.75rem "PT Sans", sans-serif; }
h3 { color:#b1aeb4; font:700 1.75rem/2rem "PT Sans", sans-serif; }
h4 { color:#b1aeb4; font:700 1.375rem/1.875rem "PT Sans", sans-serif; }
h5 { color:#b1aeb4; font:700 1.125rem/1.625rem "PT Sans", sans-serif; }
h6 { color:#b1aeb4; font:700 1rem/1.5rem "PT Sans", sans-serif; }
a { color:#626262; text-decoration:underline; }
a:hover { color:#626262; text-decoration:underline; }
a.turquoise { color:#f4f110; }
a.white { color:#fff; }
.services-text { font:italic 400 1rem/1.5rem "PT Sans", sans-serif; min-height:170px; color:#333}
.testimonial-text { font:italic 400 1rem/1.5rem "PT Sans", sans-serif; text-align:left }
.testimonial-author { font:700 1rem/1.5rem "PT Sans", sans-serif; text-align:left }
.turquoise { color:#f4f110; }
.btn-solid-reg { display:inline-block; padding:1.1875rem 2.125rem 1.1875rem 2.125rem; border:0.125rem solid #f4f110; border-radius:2rem; background-color:#f4f110; color:#fff; font:700 0.75rem/0 "PT Sans", sans-serif; text-decoration:none; transition:all 0.2s; }
.btn-solid-reg:hover { background-color:transparent; color:#f4f110; text-decoration:none; }
.btn-solid-lg { display:inline-block; padding:1.375rem 2.625rem 1.375rem 2.625rem; border:0.125rem solid #f4f110; border-radius:2rem; background-color:#f4f110; color:#fff; font:700 0.75rem/0 "PT Sans", sans-serif; text-decoration:none; transition:all 0.2s; }
.btn-solid-lg:hover { background-color:transparent; color:#f4f110; text-decoration:none; }
.btn-outline-reg { display:inline-block; padding:1.1875rem 2.125rem 1.1875rem 2.125rem; border:0.125rem solid #f4f110; border-radius:2rem; background-color:transparent; color:#f4f110; font:700 0.75rem/0 "PT Sans", sans-serif; text-decoration:none; transition:all 0.2s; }
.btn-outline-reg:hover { background-color:#f4f110; color:#fff; text-decoration:none; }
.btn-outline-lg { display:inline-block; padding:1.375rem 2.625rem 1.375rem 2.625rem; border:0.125rem solid #f4f110; border-radius:2rem; background-color:transparent; color:#f4f110; font:700 0.75rem/0 "PT Sans", sans-serif; text-decoration:none; transition:all 0.2s; }
.btn-outline-lg:hover { background-color:#f4f110; color:#fff; text-decoration:none; }
.btn-outline-sm { display:inline-block; padding:1rem 1.625rem 0.875rem 1.625rem; border:0.125rem solid #f4f110; border-radius:2rem; background-color:transparent; color:#f4f110; font:700 0.625rem/0 "PT Sans", sans-serif; text-decoration:none; transition:all 0.2s; }
.btn-outline-sm:hover { background-color:#f4f110; color:#fff; text-decoration:none; }
.form-group { position:relative; margin-bottom:1.25rem; }
.form-group.has-error.has-danger { margin-bottom:0.625rem; }
.form-group.has-error.has-danger .help-block.with-errors ul { margin-top:0.375rem; }
.label-control { position:absolute; top:0.87rem; left:1.375rem; color:#FFF; opacity:1; font:400 0.875rem/1.375rem "PT Sans", sans-serif; cursor:text; transition:all 0.2s ease; }
/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) { 
	.label-control { top:0.9375rem; }
}

.form-control-input:focus+.label-control,
.form-control-input.notEmpty+.label-control,
.form-control-textarea:focus+.label-control,
.form-control-textarea.notEmpty+.label-control { top:0.125rem; opacity:1; font-size:0.75rem; font-weight:700; }
.form-control-input,
.form-control-select { display:block; /* needed for proper display of the label in Firefox, IE, Edge */ width:100%; padding-top:1.0625rem; padding-bottom:0.0625rem; padding-left:1.3125rem; border:1px solid #009ada; background-color:transparent; color:#FFF; font:400 0.875rem/1.875rem "PT Sans", sans-serif; transition:all 0.2s; -webkit-appearance:none; border-bottom:1px solid #FFF; }
.form-control-select { padding-top:0.5rem; padding-bottom:0.5rem; height:3rem; }
/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) { 
	.form-control-input { padding-top:1.25rem; padding-bottom:0.75rem; line-height:1.75rem; }
    .form-control-select { padding-top:0.875rem; padding-bottom:0.75rem; height:3.125rem; line-height:2.125rem; }
}

select { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; background-image:url('../images/down-arrow.png'); background-position:96% 50%; background-repeat:no-repeat; outline:none; }
select::-ms-expand { display:none; /* removes the ugly default down arrow on select form field in IE11 */ }

.form-control-textarea { display:block; width:100%; height:10.5rem; padding-top:1.25rem; padding-left:1.3125rem; border:1px solid #009ada; border-radius:0.25rem; background-color:transparent; color:#626262; font:400 0.875rem/1.75rem "PT Sans", sans-serif; transition:all 0.2s; border-bottom:1px solid #FFF; }
.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus { border-bottom:1px solid #FFF; outline:none; /* Removes blue border on focus */ }
.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover { border-bottom:1px solid #FFF; }
.checkbox { font:400 0.75rem/1.25rem "PT Sans", sans-serif; }
input[type='checkbox'] { vertical-align:-15%; margin-right:0.375rem; }
/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) { input[type='checkbox'] { vertical-align:-9%; }
}

.form-control-submit-button { display:inline-block; width:50%; height:3.125rem; border:1px solid #FFF; background-color:#009ada; color:#FFF; font:700 0.75rem/1.75rem "PT Sans", sans-serif; cursor:pointer; transition:all 0.2s; }
.form-control-submit-button:hover { background-color:transparent; color:#f4f110; }
/* Form Success And Error Message Formatting */
#rmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#rmsgSubmit.h3.text-center,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center { display:block; margin-bottom:0; color:#626262; font:400 1.125rem/1rem "PT Sans", sans-serif; }
.help-block.with-errors .list-unstyled { color:#ccc; font-size:0.75rem; line-height:1.125rem; text-align:left; }
.help-block.with-errors ul { margin-bottom:0; }
/* end of form success and error message formatting */

@-webkit-keyframes tada { from { -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }

    10%,
    20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }

    30%,
    50%,
    70%,
    90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

    40%,
    60%,
    80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

    to { -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }
}

@keyframes tada { from { -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }

    10%,
    20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }

    30%,
    50%,
    70%,
    90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

    40%,
    60%,
    80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

    to { -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }
}

.tada { -webkit-animation-name:tada; animation-name:tada; }
.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog { opacity:0; transition:all 0.2s ease-out; -webkit-transform:translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); -ms-transform:translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); transform:translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); }
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity:1; -webkit-transform:translateY(0) perspective(37.5rem) rotateX(0); -ms-transform:translateY(0) perspective(37.5rem) rotateX(0); transform:translateY(0) perspective(37.5rem) rotateX(0); }
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity:0; -webkit-transform:translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); -ms-transform:translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); transform:translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); }
/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg { opacity:0; transition:opacity 0.2s ease-out; }
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity:0.8; }
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity:0; }
/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn { 
	from { opacity:0; }
    to { opacity:1; }
}

@keyframes fadeIn { 
	from { opacity:0; }
    to { opacity:1; }
}

.fadeIn { -webkit-animation:fadeIn 0.6s; animation:fadeIn 0.6s; }
@-webkit-keyframes fadeOut { 
	from { opacity:1; }
    to { opacity:0; }
}

@keyframes fadeOut { 
	from { opacity:1; }
    to { opacity:0; }
}

.fadeOut { -webkit-animation:fadeOut 0.8s; animation:fadeOut 0.8s; }
/* end of fade animation for image slider - magnific popup */


.spinner-wrapper { position:fixed; z-index:999999; top:0; right:0; bottom:0; left:0; background:#fff; }
.spinner { position:absolute; top:50%; /* centers the loading animation vertically one the screen */ left:50%; /* centers the loading animation horizontally one the screen */ width:3.75rem; height:1.25rem; margin:-0.625rem 0 0 -1.875rem; /* is width and height divided by two */ text-align:center; }
.spinner>div { display:inline-block; width:1rem; height:1rem; border-radius:100%; background-color:#42176e; -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both; animation:sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay:-0.32s; animation-delay:-0.32s; }
.spinner .bounce2 { -webkit-animation-delay:-0.16s; animation-delay:-0.16s; }
@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% { -webkit-transform:scale(0); }
    40% { -webkit-transform:scale(1.0); }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% { -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); }
    40% { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0); }
}

.navbar-custom { background-color:#181818}

/*.navbar-custom .navbar-brand.logo-image img {  width:7.4375rem;height:2.5rem; }*/
.navbar-custom .navbar-brand.logo-text { font:600 2rem/1.5rem "PT Sans", sans-serif; color:#393939; text-decoration:none; }
.navbar-custom .navbar-nav { margin-top:0.75rem; margin-bottom:0.5rem; }
.navbar-nav .nav-item { display:inline-block !important; }
.navbar-custom .nav-item .nav-link { padding:0.625rem 0.75rem 0.625rem 0.75rem; color:#FFF; text-decoration:none; transition:l 0.2s ease; text-transform:uppercase; }
.navbar-custom .nav-item .nav-link:hover,
/*.navbar-custom .nav-item .nav-link.active {background-color:#f4f110;color:#3b3b3b;text-transform:uppercase}*/
/* Dropdown Menu */
.navbar-custom .dropdown:hover>.dropdown-menu { display:block; /* this makes the dropdown menu stay open while hovering it */
    min-width:auto; animation:fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown { 
	0% { opacity:0; }
    100% { opacity:1; }
}

.navbar-custom .dropdown-toggle:focus { outline:0; }
.navbar-custom .dropdown-menu { margin-top:0; border:none; border-radius:0.25rem; background-color:#fff; }
.navbar-custom .dropdown-item { color:#393939; text-decoration:none; }
.navbar-custom .dropdown-item:hover { background-color:#fff; }
.navbar-custom .dropdown-item .item-text { font:600 0.875rem/0.875rem "PT Sans", sans-serif; }
.navbar-custom .dropdown-item:hover .item-text { color:#f4f110; }
.navbar-custom .dropdown-items-divide-hr { width:100%; height:1px; margin:0.75rem auto 0.725rem auto; border:none; background-color:#c4d8dc; opacity:0.2; }
/* end of dropdown menu */

.navbar-custom .social-icons { display:none; }
.navbar-custom .navbar-toggler { border:none; color:#f4f110; font-size:1.5rem; }
.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times { display:none; }
.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars { display:inline-block; }
.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars { display:none; }
.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times { display:inline-block; margin-right:0.125rem; }
.header { background-color:#fff; padding-top:3.1rem; }
.header .header-content { padding-top:8rem; padding-bottom:4rem; text-align:center; }
.header .text-container { margin-bottom:4rem; }
.header h1 { margin-bottom:1.125rem; font-size:2.5rem; line-height:3.125rem; }
.header .p-large { margin-bottom:1.875rem; }
.slider-1 { padding-top:2.25rem; padding-bottom:2.125rem; text-align:center; }
.slider-1 h5 { margin-bottom:0.75rem; }
.slider-1 .slider-container { padding-top:2.75rem; padding-bottom:2.75rem; border-radius:0.5rem; background-color:#f7fcfd; }
.cards-1 { padding-top:7rem; padding-bottom:1.625rem; text-align:center; }
.cards-1 h2 { margin-bottom:1rem; }
.cards-1 .card { max-width:21rem; margin-right:auto; margin-bottom:4.5rem; margin-left:auto; padding:3.25rem 2rem 2rem 2rem; border:1px solid #c4d8dc; border-radius:0.5rem; background:transparent; }
.cards-1 .card-image { width:6rem; height:6rem; margin-right:auto; margin-bottom:2rem; margin-left:auto; }
.cards-1 .card-title { margin-bottom:0.875rem; }
.cards-1 .card-body { padding:0; }
.basic-1 { padding-top:1.625rem; padding-bottom:3.75rem; }
.basic-1 .text-container { margin-bottom:4rem; }
.basic-1 h2 { margin-bottom:1.375rem; }
.basic-1 .btn-solid-reg { margin-top:0.625rem; }
.basic-2 { padding-top:3.75rem; padding-bottom:4rem; }
.basic-2 .image-container { margin-bottom:4rem; }
.basic-2 h2 { margin-bottom:1.375rem; }
.basic-2 .list-unstyled .fas { color:#f4f110; line-height:1.375rem; }
.basic-2 .list-unstyled .media-body { margin-left:0.625rem; }
.basic-2 .btn-solid-reg { margin-top:0.625rem; }
.lightbox-basic { margin:2.5rem auto; padding:2rem 1.5rem 2rem 1.5rem; border-radius:0.25rem; background:#fff; text-align:left; }
.lightbox-basic .container { padding-right:0; padding-left:0; }
.lightbox-basic .image-container { max-width:33.75rem; margin-right:auto; margin-bottom:3rem; margin-left:auto; }
.lightbox-basic h3 { margin-bottom:0.5rem; }
.lightbox-basic hr { width:2.5rem; height:0.125rem; margin-top:0; margin-bottom:1.25rem; margin-left:0; border:0; background-color:#f4f110; text-align:left; }
.lightbox-basic h4 { margin-bottom:1rem; }
.lightbox-basic .list-unstyled .fas { color:#f4f110; line-height:1.375rem; }
.lightbox-basic .list-unstyled .media-body { margin-left:0.625rem; }
.lightbox-basic .btn-outline-reg,
.lightbox-basic .btn-solid-reg { margin-top:0.75rem; }
/* Signup Button */
.lightbox-basic .btn-solid-reg.mfp-close { position:relative; width:auto; height:auto; color:#fff; opacity:1; }
.lightbox-basic .btn-solid-reg.mfp-close:hover { color:#f4f110; }
/* end of signup Button */

/* Back Button */
.lightbox-basic a.mfp-close.as-button { position:relative; width:auto; height:auto; margin-left:0.375rem; color:#f4f110; opacity:1; }
.lightbox-basic a.mfp-close.as-button:hover { color:#fff; }
/* end of back button */

.lightbox-basic button.mfp-close.x-button { position:absolute; top:-0.125rem; right:-0.125rem; width:2.75rem; height:2.75rem; color:#707984; }

.cards-2 { padding-top:7rem; padding-bottom:2.75rem; text-align:center; }
.cards-2 h2 { margin-bottom:1rem; }
.cards-2 .card { display:block; max-width:19.5rem; margin-right:auto; margin-bottom:6rem; margin-left:auto; border:1px solid #c4d8dc; border-radius:0.5rem; vertical-align:top; }
.cards-2 .card .card-body { padding:2.5rem 2.75rem 1.875rem 2.5rem; min-height:350px
}

.cards-2 .card .card-title { margin-bottom:0.625rem; color:#393939; font-weight:700; font-size:1.75rem; line-height:2.25rem; text-align:center; }
.cards-2 .card .card-subtitle { margin-bottom:1.75rem; }
.cards-2 .card .cell-divide-hr { height:1px; margin-top:0; margin-bottom:0; border:none; background-color:#c4d8dc; }
.cards-2 .card .price { padding-top:0.875rem; padding-bottom:1.5rem; }
.cards-2 .card .value { color:#f4f110; font-weight:700; font-size:3.5rem; line-height:4rem; text-align:center; }
.cards-2 .card .currency { margin-right:0.375rem; color:#f4f110; font-size:1.5rem; vertical-align:56%; }
.cards-2 .card .frequency { margin-top:0.25rem; font-size:0.875rem; text-align:center; }
.cards-2 .card .list-unstyled { margin-top:1.875rem; margin-bottom:1.625rem; text-align:left; }
.cards-2 .card .list-unstyled.li-space-lg li { margin-bottom:0.5rem; }
.cards-2 .card .list-unstyled .fas { color:#f4f110; line-height:1.375rem; }
.cards-2 .card .list-unstyled .fas.fa-times { margin-left:0.1875rem; margin-right:0.125rem; color:#777b7e; }
.cards-2 .card .list-unstyled .media-body { margin-left:0.625rem; }
.cards-2 .card .button-wrapper { position:absolute; right:0; bottom:-1.25rem; left:0; text-align:center; }
.cards-2 .card .btn-solid-reg:hover { background-color:#fff; }
/* Best Value Label */
.cards-2 .card .label { position:absolute; top:0; right:0; width:10.625rem; height:10.625rem; overflow:hidden; }
.cards-2 .card .label .best-value { position:relative; width:13.75rem; padding:0.3125rem 0 0.3125rem 4.125rem; background-color:#f4f110; color:#fff; -webkit-transform:rotate(45deg) translate3d(0, 0, 0); -ms-transform:rotate(45deg) translate3d(0, 0, 0); transform:rotate(45deg) translate3d(0, 0, 0); }
/* end of best value label */

.form-1 { padding-top:6.875rem; padding-bottom:6.25rem; background-color:#f9fafc; }
.form-1 h2 { margin-bottom:1.25rem; }
.form-1 .list-unstyled { margin-top:1.375rem; }
.form-1 .list-unstyled .fas { color:#f4f110; line-height:1.375rem; }
.form-1 .list-unstyled .media-body { margin-left:0.625rem; }
.form-1 .text-container { margin-bottom:3.5rem; }

.basic-3 { padding-top:6.875rem; padding-bottom:6.125rem; }
.basic-3 h2 { margin-bottom:3rem; text-align:center; }
.basic-3 .image-container { margin-bottom:2.25rem; }
.basic-3 .image-container img { border-radius:0.5rem; }
.basic-3 .video-wrapper { position:relative; }
/* Video Play Button */
.basic-3 .video-play-button { position:absolute; z-index:10; top:50%; left:50%; display:block; box-sizing:content-box; width:2rem; height:2.75rem; padding:1.125rem 1.25rem 1.125rem 1.75rem; border-radius:50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.basic-3 .video-play-button:before { content:""; position:absolute; z-index:0; top:50%; left:50%; display:block; width:4.75rem; height:4.75rem; border-radius:50%; background:#f4f110; animation:pulse-border 1500ms ease-out infinite; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.basic-3 .video-play-button:after { content:""; position:absolute; z-index:1; top:50%; left:50%; display:block; width:4.375rem; height:4.375rem; border-radius:50%; background:#f4f110; transition:all 200ms; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.basic-3 .video-play-button span { position:relative; display:block; z-index:3; top:0.375rem; left:0.25rem; width:0; height:0; border-left:1.625rem solid #fff; border-top:1rem solid transparent; border-bottom:1rem solid transparent; }
@keyframes pulse-border { 
	0% { transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity:1; }
    100% { transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity:0; }
}

/* end of video play button */
.basic-3 p { text-align:center; }

.slider-2 { padding-top:7.0rem; padding-bottom:7rem; }
.slider-2 .image-container { margin-bottom:4rem; }
.slider-2 h2 { margin-bottom:2.5rem; text-align:center; }
.slider-2 .slider-container { position:relative; }
.slider-2 .swiper-container { position:static; width:90%; text-align:center; }
.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus { /* even if you can't see it chrome you can see it on mobile device */ outline:none; }
.slider-2 .swiper-button-prev { left:-0.5rem; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23626262'%2F%3E%3C%2Fsvg%3E"); background-size:1.125rem 1.75rem; }
.slider-2 .swiper-button-next { right:-0.5rem; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23626262'%2F%3E%3C%2Fsvg%3E"); background-size:1.125rem 1.75rem; }
.slider-2 .card { position:relative; border:none; background-color:transparent; float:left }
.slider-2 .card-image { width:7rem; height:7rem; margin-bottom:0.25rem; border-radius:50%; }
.slider-2 .card-body { padding-bottom:0; }
.slider-2 .testimonial-author { margin-bottom:0; }
.basic-4 { padding-top:7rem; padding-bottom:4rem; text-align:center; }
.basic-4 h2 { margin-bottom:1rem; text-align:center; }
.basic-4 .team-member { max-width:12.5rem; margin-right:auto; margin-bottom:3.5rem; margin-left:auto; }
/* Hover Animation */
.basic-4 .image-wrapper { overflow:hidden; margin-bottom:1.5rem; border-radius:50%; }
.basic-4 .image-wrapper img { margin:0; transition:all 0.3s; }
.basic-4 .image-wrapper:hover img { -moz-transform:scale(1.15); -webkit-transform:scale(1.15); transform:scale(1.15); }
/* end of hover animation */

.basic-4 .team-member .p-large { margin-bottom:0.25rem; font-size:1.125rem; }
.basic-4 .team-member .job-title { margin-bottom:0.375rem; }
.basic-4 .fa-stack { margin-top:0.375rem; margin-right:0.125rem; margin-left:0.125rem; font-size:0.875rem; }
.basic-4 .fa-stack-2x { color:#f4f110; transition:all 0.2s ease; }
.basic-4 .fa-stack-1x { color:#fff; transition:all 0.2s ease; }
.basic-4 .fa-stack:hover .fa-stack-2x { color:#00a7bd; }
.basic-4 .fa-stack:hover .fa-stack-1x { color:#fff; }
.form-2 { /*padding-top:4rem;padding-bottom:4rem;*/    background-color:#009ada}
.form-2 h2 { margin-bottom:1rem; text-align:center; }
.form-2 .list-unstyled { margin-bottom:3.75rem; font-size:1rem; line-height:1.5rem; text-align:center; }
.form-2 .list-unstyled .fas,
.form-2 .list-unstyled .fab { margin-right:0.5rem; font-size:0.875rem; color:#f4f110; }
.form-2 .list-unstyled .fa-phone { vertical-align:3%; }
.form-2 .map-responsive { position:relative; overflow:hidden; height:0; margin-bottom:4rem; padding-bottom:70%; border-radius:0.25rem; }
.form-2 .map-responsive iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

.footer { padding-top:1.0rem; padding-bottom:0.5rem; }
.footer .footer-col { margin-bottom:2.25rem; }
.footer h4 { margin-bottom:1rem; }
.footer .list-unstyled .fas { color:#f4f110; font-size:0.5rem; line-height:1.375rem; }
.footer .list-unstyled .media-body { margin-left:0.625rem; }
.footer .fa-stack { margin-bottom:0.75rem; margin-right:0.5rem; font-size:1.5rem; }
.footer .fa-stack .fa-stack-1x { color:#fff; transition:all 0.2s ease; }
.footer .fa-stack .fa-stack-2x { color:#f4f110; transition:all 0.2s ease; }
.footer .fa-stack:hover .fa-stack-1x { color:#fff; }
.footer .fa-stack:hover .fa-stack-2x { color:#906e0b; }
.copyright { padding-top:1rem; padding-bottom:0.375rem; text-align:center; background-color:#2a2a2a; }
.copyright .p-small { padding-top:1.375rem; color:#FFF }
a.back-to-top { position:fixed; z-index:999; right:0.75rem; bottom:0.75rem; display:none; width:2.625rem; height:2.625rem; border-radius:1.875rem; background:#ffb400 url("../img/up-arrow.png") no-repeat center 47%; background-size:1.125rem 1.125rem; text-indent:-9999px; color:#FFF; }
a:hover.back-to-top { background-color:#906e0b; }
.ex-header { padding-top:8rem; padding-bottom:5rem; text-align:center; }
.ex-basic-1 { padding-top:2rem; padding-bottom:0.875rem; background-color:#f7fcfd; }
.ex-basic-1 .breadcrumbs { margin-bottom:1.125rem; }
.ex-basic-1 .breadcrumbs .fa { margin-right:0.5rem; margin-left:0.625rem; }
.ex-basic-2 { padding-top:4.75rem; padding-bottom:4rem; }
.ex-basic-2 h3 { margin-bottom:1rem; }
.ex-basic-2 .text-container { margin-bottom:3.625rem; }
.ex-basic-2 .text-container.last { margin-bottom:0; }
.ex-basic-2 .list-unstyled .fas { color:#f4f110; font-size:0.5rem; line-height:1.375rem; }
.ex-basic-2 .list-unstyled .media-body { margin-left:0.625rem; }
.ex-basic-2 .btn-outline-reg { margin-top:1.75rem; }
.ex-basic-2 .image-container-large { margin-bottom:4rem; }
.ex-basic-2 .image-container-large img { border-radius:0.25rem; }
.ex-basic-2 .image-container-small img { border-radius:0.25rem; }
.ex-basic-2 .text-container.dark-bg { padding:1.625rem 1.5rem 0.75rem 2rem; background-color:#f9fafc; }

@media (min-width:768px) { 
	.p-heading { width:85%; margin-right:auto; margin-left:auto; }
    /* Header */
    .header .header-content { padding-top:10.5rem; }
    .header h1 { font-size:3rem; line-height:3.5rem; }
    /* end of header */
    /* Customers */
    .slider-1 { padding-top:3rem; padding-bottom:2.875rem; }
    .slider-1 .slider-container { padding-right:3.5rem; padding-left:3.5rem; }
    /* end of customers */
    /* Video */
    .basic-3 p { width:85%; margin-right:auto; margin-left:auto; }
    /* end of video */
    /* Testimonials */
    .slider-2 .slider-container { width:70%; margin-right:auto; margin-left:auto; }
    .slider-2 .swiper-container { width:85%; }
    .slider-2 .swiper-button-prev { left:1rem; width:1.375rem; background-size:1.375rem 2.125rem; }
    .slider-2 .swiper-button-next { right:1rem; width:1.375rem; background-size:1.375rem 2.125rem; }
    /* end of testimonials */

    /* About */
    .basic-4 .team-member { display:inline-block; width:12.5rem; margin-right:2rem; margin-left:2rem; vertical-align:top; }

    /* end of about */

    /* Contact */
    .form-2 .list-unstyled li { display:inline-block; margin-right:0.5rem; margin-left:0.5rem; }
    .form-2 .list-unstyled .address { display:block; }

    /* end of contact */

    /* Extra Pages */
    .ex-header { padding-top:11rem; padding-bottom:9rem; }
    .ex-basic-2 .text-container.dark { padding:2.5rem 3rem 2rem 3rem; }
    .ex-basic-2 .text-container.column { width:90%; margin-right:auto; margin-left:auto; }

    /* end of extra pages */
    .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:25%; margin-top:70px }
    .pgcbg .mimg { float:left; width:50% }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:40px; color:#000; font-weight:bold; margin:50px 0 }
    .card-body { padding:50px 0 0; }
    .car-ind { float:left; width:33%; }
}

@media (max-width:320px) { .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .mimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:20px; color:#000; font-weight:bold; margin:30px 0 }
    .card-body { padding:50px 0 0; }
    .car-ind { float:left; width:100%; }
    .car-img { left:35% !important }
    .card-txt { float:left; width:80%; padding-left:20px }
    .logo-image img { height:1.5rem !important; }
}

@media (min-width:321px) and (max-width:360px) { .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .mimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:20px; color:#000; font-weight:bold; margin:30px 0 }
    .card-body { padding:50px 0 0; }
    .car-ind { float:left; width:100%; }
    .car-img { left:35% !important }
    .card-txt { float:left; width:80%; padding-left:20px }
    .logo-image img { height:1.5rem !important; }
}

@media (min-width:361px) and (max-width:375px) { .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .mimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:20px; color:#000; font-weight:bold; margin:30px 0 }
    .card-body { padding:50px 0 0; }
    .car-img { left:35% !important }
    .car-ind { float:left; width:100%; }
    .card-txt { float:left; width:80%; padding-left:20px }
    .logo-image img { height:1.5rem !important; }
}

@media (min-width:376px) and (max-width:411px) { .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:90%; margin:0 5%; padding-bottom:15px; }
    .pgcbg .mimg { float:left; width:90%; margin:0 5%; padding-bottom:15px; }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:20px; color:#000; font-weight:bold; margin:30px 0 }
    .card-body { padding:50px 0 0; }
    .car-img { left:35% !important }
    .con-pad { padding-top:20px }
    .car-ind { float:left; width:100%; }
    .card-txt { float:left; width:80%; padding-left:20px }
    .logo-image img { height:1.5rem !important; }
}

@media (min-width:412px) and (max-width:462px) { .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .mimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:20px; color:#000; font-weight:bold; margin:30px 0 }
    .card-body { padding:50px 0 0; }
    .car-ind { float:left; width:100%; }
    .car-img { left:35% !important }
    .card-txt { float:left; width:80%; padding-left:20px }
    .logo-image img { height:1.5rem !important; }
}

@media (min-width:463px) and (max-width:768px) { .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .mimg { float:left; width:70%; margin:0 15%; padding-bottom:10px }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:20px; color:#000; font-weight:bold; margin:30px 0 }
    .card-body { padding:50px 0 0; }
    .car-ind { float:left; width:100%; }
    .car-img { left:35% !important }
    .card-txt { float:left; width:80%; padding-left:20px }
    .logo-image img { height:1.8rem !important; }

}

@media (min-width:1024px) and (max-width:1199px) { .pgcbg .cimg { float:left; width:25%; margin-top:50px }
    .pgcbg .mimg { float:left; width:50% }
    .pgcbg .cimg img,
    .pgcbg .mimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:20px; color:#000; font-weight:bold; margin:50px 0 }
    .card-body { padding:50px 0 0; }
    .car-ind { float:left; width:33%; }
    .card-txt { float:left; width:80%; padding-left:20px }
}

@media (min-width:992px) { .navbar-custom { /*padding:2.125rem 1.5rem 2.125rem 2rem;*/
        box-shadow:none; }
    .navbar-custom .navbar-nav { margin-top:0; margin-bottom:0; }
    .navbar-custom .nav-item .nav-link { padding:0.25rem 0.75rem 0.25rem 0.75rem; color:#fff; opacity:0.8; text-transform:uppercase }
    .navbar-custom .nav-item .nav-link:hover,
    .navbar-custom .nav-item .nav-link.active { color:#f4f110; opacity:1; }
    .navbar-custom.top-nav-collapse { padding:0.5rem 1.5rem 0.5rem 2rem; box-shadow:0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); background-color:#181818 }
    .navbar-custom.top-nav-collapse .nav-item .nav-link { color:#FFF; opacity:1; text-transform:uppercase }
    .navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
    .navbar-custom.top-nav-collapse .nav-item .nav-link.active { color:#f4f110; text-transform:uppercase }
    .navbar-custom .dropdown-menu { padding-top:1rem; padding-bottom:1rem; border-top:0.75rem solid rgba(0, 0, 0, 0); border-radius:0.25rem; }
    .navbar-custom.top-nav-collapse .dropdown-menu { border-top:0.5rem solid rgba(0, 0, 0, 0); box-shadow:0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.02); }
    .navbar-custom .dropdown-item { padding-top:0.25rem; padding-bottom:0.25rem; }
    .navbar-custom .dropdown-items-divide-hr { width:84%; }
    .navbar-custom .social-icons { display:block; margin-left:0.5rem; }
    .navbar-custom .fa-stack { margin-bottom:0.1875rem; margin-left:0.25rem; font-size:0.75rem; }
    .navbar-custom .fa-stack-2x { color:#f4f110; transition:all 0.2s ease; }
    .navbar-custom .fa-stack-1x { color:#fff; transition:all 0.2s ease; }
    .navbar-custom .fa-stack:hover .fa-stack-2x { color:#fff; }
    .navbar-custom .fa-stack:hover .fa-stack-1x { color:#ccc; }
    .navbar-custom.top-nav-collapse .fa-stack-2x { color:#f4f110; }
    .navbar-custom.top-nav-collapse .fa-stack-1x { color:#fff; }
    .navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-2x { color:#906e0b; }
    .navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-1x { color:#fff; }

    /* end of navigation */
    .navbar-custom.top-nav-collapse .dvrg { position:absolute; right:25px; top:10px; }
    .pgcbg { padding:10px; color:#FFF; font-size:12px; text-align:center; min-height:440px; width:100%; }
    .pgcbg .cimg { float:left; width:25%; margin-top:70px }
    .pgcbg .mimg { float:left; width:50%; padding:10px }
    .pgcbg .cimg img { width:100% }
    .blu-tit { font-family:Impact; font-size:40px; color:#000; font-weight:bold; margin:50px 0 }
    .p-heading { width:65%; }
    .card-txt { float:left; width:80%; padding-left:20px }

    /* Header */
    .header { background:url('../images/header-background.jpg') center center no-repeat; background-size:cover; }
    .header .header-content { padding-top:11.5rem; text-align:left; }
    .header .text-container { margin-top:3rem; margin-bottom:0; }

    /* end of header */

    /* Services */
    .cards-1 .card { display:inline-block; max-width:17.125rem; vertical-align:top; }
    .cards-1 .col-lg-12 div.card:nth-child(3n+2) { margin-right:2rem; margin-left:2rem; }

    /* end of services */

    /* Details 1 */
    .basic-1 .text-container { margin-top:3.875rem; margin-bottom:0; }

    /* end of details 1 */

    /* Details 2 */
    .basic-2 .image-container { margin-bottom:0; }
    .basic-2 .text-container { margin-top:3.125rem; }

    /* end of details 2 */

    /* Details Lightboxes */
    .lightbox-basic { max-width:62.5rem; padding:2.5rem 2.5rem 2.5rem 2.5rem; }
    .lightbox-basic .image-container { max-width:100%; margin-right:2rem; margin-bottom:0; margin-left:0.5rem; }
    .lightbox-basic h3 { margin-top:0.5rem; }

    /* end of details lightboxes */

    /* Pricing */
    .cards-2 .card { display:inline-block; width:17.125rem; max-width:100%; margin-right:1rem; margin-left:1rem; }

    /* end of pricing */

    /* Request */
    .form-1 { padding-top:7.5rem; }
    .form-1 .text-container { margin-top:1.5rem; margin-bottom:0; }

    /* end of request */

    /* Video */
    .basic-3 .image-container { max-width:53.125rem; margin-right:auto; margin-left:auto; }
    .basic-3 p { width:65%; }

    /* end of video */
    /* Testimonials */
    .slider-2 { padding-bottom:7.5rem; }
    .slider-2 .image-container { margin-bottom:0; }
    .slider-2 .slider-container { width:88%; }
    .slider-2 .swiper-container { width:82%; }

    /* end of testimonials */

    /* Contact */
    .form-2 .map-responsive { margin-bottom:0; }

    /* end of contact */

    /* Extra Pages */
    .ex-header { background:url('../images/ex-header-background.jpg') center center no-repeat; background-size:cover; }
    .ex-header h1 { width:80%; margin-right:auto; margin-left:auto; }
    .ex-basic-2 { padding-bottom:5rem; }
    .ex-basic-2 .text-container.column { margin-bottom:0; }

    /* end of extra pages }*/
    /* end of min-width width 992px */

    /*@media (max-width:1024px) {
	.map-responsive .mapi {}*/
}

/* Min-width width 1200px */
@media (min-width:1200px) {

    /* Navigation */
    .navbar-custom { /*padding:1.2rem 1.5rem 1.2rem 0.8rem;*/
        background-color:transparent; }
    .navbar-custom.top-nav-collapse { padding:0.2rem 5rem 0.2rem 1rem; }
    .navbar-custom.top-nav-collapse .navbar-brand img { height:2.5rem; }

    /* end of navigation */
    /* General Styles */
    .p-heading { width:55%; }

    /* end of general styles */
    /* Header */
    .header .header-content { padding-top:12.5rem; }
    .header .text-container { margin-top:5.375rem; margin-left:1rem; margin-right:2rem; }
    .header .image-container { margin-left:2rem; margin-right:1rem; }

    /* end of header */
    /* Customers */
    .slider-1 .slider-container { margin-right:3rem; margin-left:3rem; padding-right:2.5rem; padding-left:2.5rem; }

    /* end of customers */

    /* Services */
    .cards-1 .card { width:33%; min-height:340px }
    .cards-1 .col-lg-12 div.card:nth-child(3n+2) { margin-right:2.875rem; margin-left:2.875rem; }

    /* end of services */
    /* Details 1 */
    .basic-1 .text-container { margin-top:6.125rem; margin-right:4rem; margin-left:1rem; }

    /* end of details 1 */
    /* Details 2 */
    .basic-2 .text-container { margin-top:5.375rem; margin-right:1rem; margin-left:4rem; }

    /* end of details 2 */
    /* Pricing */
    .cards-2 .card { width:19.5rem; margin-right:1.625rem; margin-left:1.625rem; }

    /* end of pricing */
    /* Request */
    .form-1 .text-container { margin-right:1.5rem; margin-left:6rem; }
    .form-1 form { margin-right:6rem; margin-left:1.5rem; }
    /* end of request */
    /* Video */
    .basic-3 p { width:55%; }
    /* end of video */
    /* Testimonials */
    .slider-2 h2 { margin-top:3.5rem; }
    /* end of testimonials */
    /* About */
    .basic-4 .team-member { margin-right:2.25rem; margin-left:2.25rem; }
    /* end of about */
    /* Contact */
    .form-2 .map-responsive { position:relative; padding-bottom:75%; height:0; overflow:hidden; }
    .form-2 #contactForm { max-width:31rem; margin-right:auto; margin-left:auto; }
    /* end of contact */
    /* Footer */
    .footer .footer-col { width:90%; }
    .footer .footer-col.middle { margin-right:auto; margin-left:auto; }
    .footer .footer-col.last { margin-right:0; margin-left:auto; }
    /* end of footer */
    /* Extra Pages */
    .ex-header h1 { width:60%; margin-right:auto; margin-left:auto; }
    .ex-basic-2 .form-container { margin-left:1.75rem; }
    .ex-basic-2 .image-container-small { margin-left:1.75rem; }

    /* end of extra pages */
}

/* end of min-width width 1200px */
/*#banner { margin-top:7rem}*/
.jssorb031 { position:absolute; }
.jssorb031 .i { position:absolute; cursor:pointer; }
.jssorb031 .i .b { fill:#000; fill-opacity:0.5; stroke:#fff; stroke-width:1200; stroke-miterlimit:10; stroke-opacity:0.3; }
.jssorb031 .i:hover .b { fill:#fff; fill-opacity:.7; stroke:#000; stroke-opacity:.5; }
.jssorb031 .iav .b { fill:#fff; stroke:#000; fill-opacity:1; }
.jssorb031 .i.idn { opacity:.3; }
/* jssor slider loading skin spin css */
.jssorl-009-spin img { animation-name:jssorl-009-spin; animation-duration:1.6s; animation-iteration-count:infinite; animation-timing-function:linear; }
@keyframes jssorl-009-spin { 
	from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

.jssora051 { display:block; position:absolute; cursor:pointer; }
.jssora051 .a { fill:none; stroke:#fff; stroke-width:360; stroke-miterlimit:10; }
.jssora051:hover { opacity:.8; }
.jssora051.jssora051dn { opacity:.5; }
.jssora051.jssora051ds { opacity:.3; pointer-events:none; }
.textcl { font-size:10px; line-height:16px; color:#e1cff4; }
.textcl span { font-size:12px; color:#ce9b1a}

ul.bulli { margin:15px 0 0 15px; padding:0; }
ul.bulli li { list-style:none; padding:0 0 10px 15px; background:url("../../images/sing_bull.png") no-repeat 0 4px; margin:0; text-align:left; color:#e1cff4; text-decoration:underline; line-height:18px}
.midpage h2 { font-size:12px; text-transform:uppercase; margin-bottom:15px; color:#FFF; padding:0; line-height:20px}
ul.bull { margin:0; padding:0; text-align:left}
ul.bull li { list-style:none; padding:0 0 15px 15px; margin:0 0; background:url("../../images/sing_bull.png") no-repeat 0px 7px}

#posts { min-height:400px}
.i-in { float:left; padding:0 8px 0 0}
.splpad { padding-top:50px}
.soclik { display:block; float:left; width:150px; text-align:center; overflow:hidden; background-color:#000; padding:1px; margin:0 0 4px 4px; border:1px solid #B1AEB4; }
.soclik img { height:120px; }
@media (max-width:1024px) { 
	.safaon { display:none }
}
/*Safari Fix*/
@media screen { 
	@media (min-width:0px) { 
		.safaon {     display:none        }
		.solink {     display:none        } 
	}
}

.creo { color:#ccc; }
.g-recaptcha { margin-top:20px; -webkit-transform-origin:left top; transform-origin:left top; }
.midpage { clear:both; margin-top:70px}
.midpage .row { margin:0; }
.cimg img { border:1px solid #E1CFF4; }
.capcen { margin:0 auto; width:230px; }
_::-moz-svg-foreign-content,
:root .safaon { flex-basis:auto; flex-grow:1; align-items:center; display:flex !important; float:right; margin-top:25px}
_::-moz-svg-foreign-content,
:root .safaon li { display:inline-block}
_::-moz-svg-foreign-content,
:root .top-nav-collaps .safaon { margin-top:5px}
_::-moz-svg-foreign-content,
:root .midpage .row { width:100% !important}
_::-moz-svg-foreign-content,
:root .midpage .col { width:24% !important; vertical-align:top; display:inline-block; margin-top:0; padding-top:0; }
_::-moz-svg-foreign-content,
:root #contact .row { width:100% !important}
_::-moz-svg-foreign-content,
:root #contact .col-lg-6 { width:48% !important; display:inline-block; }
_::-moz-svg-foreign-content,
:root #contact { margin-top:50px; clear:both}
_::-moz-svg-foreign-content,
:root .map-responsive { width:500px; height:400px; background:url("../../images/safari/maps.png") no-repeat center; }
_::-moz-svg-foreign-content,
:root .fa-stack { display:none; }

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right }
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:92px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:55% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:33.3%; float:left; text-align:center; font-size:12px; line-height:16px; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:30px }
    .img-mid { width:100%; height:100%; background-color:#181818; /*padding-top:0px;min-height:190px; align-items:flex-end;*/        display:flex; }
    .img-mid img { width:100%; }
    .ban-tit { width:400px; margin:0 auto; padding-top:0; }
    .ban-tit img { width:100% }
    .ban-img { width:50%; margin:auto; }
    /*.ban-img img{ height:100%}*/
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:1.1rem; text-decoration:none; padding:0 5px; }
    .suv-hed { width:96%; margin:0 4%; padding:80px 0; }
    .sub-img { float:left }
    .sub-ban { float:left; padding:0 0 0 20px; width:60%; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:20px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:14px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:60% !important; margin:auto !important; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/ }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:40%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:100px; height:100px; margin:0 auto; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:90%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { min-height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:50%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:15%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .fet-hed { padding-bottom:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:26px; line-height:17px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { float:left; width:50% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1rem; line-height:1rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1rem; line-height:1rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:90px; }
}

@media (max-width:320px) {

    /*.lbu-sof { margin:0 auto;padding-right:60px;}
	.lbu-sof img{ width:30px }*/
    .soclimg { width:300px; margin:0 auto }
    .soclimg .soclik { width:130px }
    .fb-fix { width:290px; overflow:hidden }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.5; -moz-transform:scale(0.6); }
    /*	.navbar-expand-lg .navbar-nav{background-color:#000; margin-top:-5px !important;  margin-bottom:0 !important; margin-right:-40px;  padding-right:30px}*/
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:48px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:180px; margin:0 auto; padding-bottom:15px; text-align:center; font-size:12px; line-height:16px; clear:both; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .img-mid { width:100%; height:100%; background-color:#181818; /*padding-top:20px;min-height:190px; align-items:flex-end; display:flex;*/ }
    .img-mid img { width:100%; }
    .ban-tit { width:270px; margin:0 auto; padding-top:20px; }
    .ban-tit img { width:100% }
    .ban-img { width:90%; margin:0 5%; display:flex; height:100vh; }
    .ban-img img { width:100%; margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:0.4rem; text-decoration:none; padding:0 5px; }
    .loglft { float:right !important; }
    .topnav { font-family:'Blinker', sans-serif; overflow:hidden; position:relative; float:right; }
    /*.logext { margin-top:0 !important;}
	.topnav #myLinks {  display:none;  width:230px;}
	.topnav a {  float:left;  color:white;  padding:14px 5px;  text-decoration:none; font-size:0.7rem;}
	.topnav a.icon {  float:right;}
	.topnav a:hover { color:#f4f110;}
	.topnav .active { color:white;} */
    .suv-hed { width:100%; margin:0 auto; padding:40px 0; }
    .sub-img { width:300px; margin:0 auto; padding:30px 0; }
    .sub-img img { width:300px; }
    .sub-ban { padding:0 10px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:30px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:14px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/        overflow:scroll; }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:70%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:24px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:98%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:90%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:24px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:40%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; font-size:13px; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-right:5px; padding-top:4px; }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-top:4px; padding-right:5px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    /*
	.topnav { overflow:hidden; position:relative;float:right;margin-left:10px;}
	.loglft { float:right !important;}	
	.logext { margin-top:0 !important; margin-right:4px; }*/
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { min-height:100px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:100%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:100%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:100%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding:20px 0 10px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:26px; line-height:30px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { width:100% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1rem; line-height:1rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 0 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1rem; line-height:1rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:75% }
    .rgt-img { float:left; margin:20px 0 0 0 }
    .rgt-img img,
    .lft-img img { width:50px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:30px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:30px; text-align:center; margin-bottom:0px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 20px; }
    .get-blu { width:90%; margin:0 5%; }
    .get-col { float:left; width:100%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:100%; color:#333; padding-top:20px; }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:26px; line-height:30px; text-align:center; margin:20px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 5px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; font-size:14px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
	.ban-mid { width: 100%; height: 100%; background-color: #181818;}
	.ban-hed { padding-top:50px; padding-bottom:50px; }
	.ban-log { text-align: center; padding-top:80px; }
	.ban-adl { float: left; position: relative;width:50%; min-height:200px; }
	.ban-jun { float: right; position: relative;width:50%; min-height:200px; }
	.ban-lft { position:absolute;right:50%; bottom:0%; transform:translate(50%, 0); color:#4e9b04; width:100px; text-align:center; }
	.ban-rgt { position:absolute;right:50%; bottom:0%; transform:translate(50%, 0); color:#04649b; width:100px; text-align:center; }
	.ban-lft .log-cls { font-family:'Russo One', sans-serif; font-size:1rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-lft .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-rgt .log-cls { font-family:'Russo One', sans-serif; font-size:1rem; color:#95bedb !important; text-decoration:none; }
	.ban-rgt .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1rem; color:#95bedb !important; text-decoration:none; }
	.ban-hed img { width:70%; margin:0 15%;  }
	.ban-adl img { width: 80%;}
	.ban-jun img { width: 60%;}
	.ban-con { margin-bottom:20px }
}

@media (min-width:321px) and (max-width:360px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.5; -moz-transform:scale(0.6); }
    /*	.navbar-expand-lg .navbar-nav{background-color:#000; margin-top:-10px !important;  margin-bottom:0 !important; margin-right:-40px;  padding-right:30px}*/
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:48px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:180px; margin:0 auto; padding-bottom:15px; text-align:center; font-size:12px; line-height:16px; clear:both; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    /*
	#contactForm .con-input { color:#FFF;  border:1px solid #141414; background-color:#2a2a2a; width:90%; margin:0 5%;  height:40px;  }
	#contactForm .con-textarea {color:#FFF; border:1px solid #141414; background-color:#2a2a2a; width:90%; margin:0 5%; height:120px;  }
	#contactForm .con-button { border:1px solid #141414; background-color:#b1b1b1;width:90%; margin:0 5%; height:40px; line-height:40px;  color:#FFF; background:#333 url("../../images/btn_bg.png") repeat-x top left; text-align:center}
	.txcols { float:left; width:100%; margin-bottom:10px; }
*/
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    /*.log-cls{ background-color:#f4f110;border-radius:25px; padding:4px 12px !important; color:#333 !important; text-align:center; max-width:110px; float:right  }
	.log-cls:hover{ background-color:#F9E57A;border-radius:25px; padding:4px 12px !important; color:#333 !important; text-align:center;max-width:110px; float:right  }
	.web-flt{ position:absolute; right:10px }*/
    .img-mid { width:100%; height:100%; background-color:#181818; padding-top:20px; /*min-height:190px; align-items:flex-end; display:flex;*/ }
    .img-mid img { width:100%; }
    .ban-tit { width:300px; margin:0 auto; padding-top:20px; }
    .ban-tit img { width:100% }
    /*.ban-img { position:absolute; bottom:0; width:100%; margin:0 auto }
	.ban-img img{ height:100%}*/
    .ban-img { width:90%; margin:0 5%; display:flex; height:100vh; }
    .ban-img img { width:100%; margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:0.6rem; text-decoration:none; padding:0 5px; }
    /*.loglft { float:right !important;}
	.topnav { font-family:'Blinker', sans-serif;overflow:hidden; position:relative;float:right;margin-left:10px;}
	.logext { margin-top:0 !important;}
	.topnav #myLinks {  display:none;  width:230px;}
	.topnav a {  float:left;  color:white;  padding:14px 5px;  text-decoration:none; margin-top:-8px;font-size:0.7rem;}
	.topnav a.icon {  float:right;}
	.topnav a:hover { color:#f4f110;}
	.topnav .active { color:white;}	*/
    .suv-hed { width:100%; margin:0 auto; padding:40px 0; }
    .sub-img { width:300px; margin:0 auto; padding:30px 0; }
    .sub-img img { width:300px; }
    .sub-ban { padding:0 10px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:30px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:16px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/        overflow-x:scroll; margin:0 10px }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:70%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:100%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:90%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:40%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /* .log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { min-height:100px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:100%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:100%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:100%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding:20px 0 10px; }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:26px; line-height:30px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { width:100% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1rem; line-height:1rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 10px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1rem; line-height:1rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 10px }
    .rgt-img img,
    .lft-img img { width:60px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 20px; }
    .get-blu { width:90%; margin:0 5%; }
    .get-col { float:left; width:100%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:100%; color:#333; padding-top:30px; }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:30px; line-height:35px; text-align:center; margin:20px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 5px; padding:0; }
    .get-txt li { font-size:14px; padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:361px) and (max-width:375px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.5; -moz-transform:scale(0.6); }
    /*	.navbar-expand-lg .navbar-nav{background-color:#000; margin-top:-5px !important;  margin-bottom:0 !important; margin-right:-40px;  padding-right:30px}*/
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:48px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:180px; margin:0 auto; padding-bottom:15px; text-align:center; font-size:12px; line-height:16px; clear:both; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:0 0 50px !important }
    .web-flt { position:absolute; right:10px }
    .img-mid { width:100%; height:100%; background-color:#181818; padding-top:20px; /*min-height:190px; align-items:flex-end; display:flex;*/ }
    .img-mid img { width:100%; }
    .ban-tit { width:300px; margin:0 auto; padding-top:30px; }
    .ban-tit img { width:100% }
    .ban-img { width:90%; margin:0 5%; display:flex; height:100vh; }
    .ban-img img { width:100%; margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:0.6rem; text-decoration:none; padding:0 5px; }
    .suv-hed { width:100%; margin:0 auto; padding:40px 0; }
    .sub-img { width:300px; margin:0 auto; padding:30px 0; }
    .sub-img img { width:300px; }
    .sub-ban { padding:0 10px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:30px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:16px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/        overflow:scroll; }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:70%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:98%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:90%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:40%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { min-height:100px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:100%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:100%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:100%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding:20px 0 10px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:26px; line-height:30px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { width:100% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:50px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:-5px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 20px; }
    .get-blu { width:90%; margin:0 5%; }
    .get-col { float:left; width:100%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:100%; color:#333; padding-top:20px; }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:30px; line-height:35px; text-align:center; margin:20px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 5px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; font-size:14px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:376px) and (max-width:411px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.7; -moz-transform:scale(0.6); }
    /*	.navbar-expand-lg .navbar-nav{background-color:#000; margin-top:-5px !important;  margin-bottom:0 !important; margin-right:-40px;  padding-right:30px}*/
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:48px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:180px; margin:0 auto; padding-bottom:15px; text-align:center; font-size:12px; line-height:16px; clear:both; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:30px }
    .img-mid { width:100%; height:100vh; background-color:#181818; padding-top:20px; /*min-height:190px; align-items:flex-end; display:flex;*/ }
    .img-mid img { width:100%; }
    .ban-tit { width:300px; margin:0 auto; padding-top:30px; }
    .ban-tit img { width:100% }
    .ban-img { width:90%; margin:0 5%; display:flex; height:100vh; }
    .ban-img img { width:100%; margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:0.6rem; text-decoration:none; padding:0 5px; }
    .suv-hed { width:100%; margin:0 auto; padding:40px 0; }
    .sub-img { width:300px; margin:0 auto; padding:30px 0; }
    .sub-img img { width:300px; }
    .sub-ban { padding:0 10px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:30px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:16px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/        overflow-x:scroll; margin:0 10px }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:70%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:100%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:90%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:40%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { min-height:100px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:100%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:100%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:100%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding-top:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:26px; line-height:30px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { width:100% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:75% }
    .lft-img { float:right; margin:20px 20px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:75% }
    .rgt-img { float:left; margin:20px 0 0 20px }
    .rgt-img img,
    .lft-img img { width:75px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:30px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:-15px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { margin:0 5%; width:90%; }
    .get-col { width:100%; }
    .get-col img { width:100%; }
    .get-txt { width:100%; color:#333; padding-top:30px }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:30px; line-height:35px; text-align:center; margin:40px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 5px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; font-size:14px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }

}

@media (min-width:412px) and (max-width:462px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.7; -moz-transform:scale(0.6); }
    /*	.navbar-expand-lg .navbar-nav{background-color:#000; margin-top:-5px !important;  margin-bottom:0 !important; margin-right:-40px;  padding-right:30px}*/
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:48px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:20px 0; text-align:center; color:#333 !important; margin:10px 40px; font-size:12px; line-height:12px; }
    .min-txt h1 { font-size:15px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:15px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:180px; margin:0 auto; padding-bottom:15px; text-align:center; font-size:12px; line-height:16px; clear:both; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:30px }
    .img-mid { width:100%; height:100vh; background-color:#181818; /*padding-top:0px;*/ }
    .img-mid img { width:100%; }
    .ban-tit { width:300px; margin:0 auto; padding-top:30px }
    .ban-tit img { width:100% }
    .ban-img { width:90%; margin:0 5%; display:flex; height:100vh; }
    .ban-img img { width:100%; margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:0.7rem; text-decoration:none; padding:0 5px; }
    .suv-hed { width:100%; margin:0 auto; padding:40px 0; }
    .sub-img { width:300px; margin:0 auto; padding:30px 0; }
    .sub-img img { width:300px; }
    .sub-ban { padding:0 10px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:30px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:16px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/        overflow-x:scroll; margin:0 10px }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:70%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:90%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:90%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:40%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { min-height:100px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:100%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:100%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:100%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding:20px 0 10px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:26px; line-height:30px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { width:100% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 0 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 0 }
    .rgt-img img,
    .lft-img img { width:90px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { margin:0 5%; width:90%; }
    .get-col { width:100%; }
    .get-col img { width:100%; }
    .get-txt { width:100%; color:#333; padding-top:30px }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:30px; line-height:35px; text-align:center; margin:40px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; font-size:14px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }

}

@media (min-width:463px) and (max-width:768px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.7; -moz-transform:scale(0.6); }
    /*	.navbar-expand-lg .navbar-nav{background-color:#000; margin-top:-5px !important;  margin-bottom:0 !important; margin-right:-40px;  padding-right:30px}*/
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:48px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:180px; margin:0 auto; padding-bottom:15px; text-align:center; font-size:12px; line-height:16px; clear:both; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:10px }
    .img-mid { width:100%; height:100vh; background-color:#181818; display:flex; /*min-height:190px; align-items:flex-end; display:flex;*/ }
    .img-mid img { width:100%; }
    .ban-tit { width:300px; margin:0 auto; padding-top:30px; }
    .ban-tit img { width:100% }
    .ban-img { width:50%; margin:auto; }
    .ban-img img { width:100%; margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:0.7rem; text-decoration:none; padding:0 15px; }
    .suv-hed { width:100%; margin:0 auto; padding:40px 0; }
    .sub-img { width:300px; margin:0 auto; padding:30px 0; }
    .sub-img img { width:300px; }
    .sub-ban { padding:0 10px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:30px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:18px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/        overflow-x:scroll; margin:0 10px }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:50%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:90%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:16px; line-height:22px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { min-height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:70%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:20%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; font-size:16px; line-height:24px; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { min-height:100px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:100%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:100%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:100%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding:20px 0 10px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:26px; line-height:30px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { width:100% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:90px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px !important; line-height:35px !important; text-align:center; margin-bottom:25px !important; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { margin:0 5%; width:90%; }
    .get-col { width:80%; margin:0 auto }
    .get-col img { width:100%; }
    .get-txt { width:100%; color:#333; padding-top:30px }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:30px; line-height:35px; text-align:center; margin:40px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:463px) and (max-width:768px) and (orientation:landscape) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.7; -moz-transform:scale(0.6); }
    /*	.navbar-expand-lg .navbar-nav{background-color:#000; margin-top:-5px !important;  margin-bottom:0 !important; margin-right:-40px;  padding-right:30px}*/
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:48px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:200px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:180px; margin:0 auto; padding-bottom:15px; text-align:center; font-size:12px; line-height:16px; clear:both; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:10px }
    .img-mid { width:100%; height:100vh; background-color:#181818; /*min-height:190px; align-items:flex-end;*/        display:flex; }
    .img-mid img { width:100%; }
    .ban-tit { width:250px; margin:0 auto; padding-top:10px; }
    .ban-tit img { width:100% }
    .ban-img { width:50%; margin:auto; }
    .ban-img img { width:100%; margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:0.7rem; text-decoration:none; padding:0 15px; }
    .suv-hed { width:100%; margin:0 auto; padding:40px 0; }
    .sub-img { width:300px; margin:0 auto; padding:30px 0; }
    .sub-img img { width:300px; }
    .sub-ban { padding:0 10px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:30px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:16px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:50%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/ }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:50%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:90%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:16px; line-height:22px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { min-height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:70%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:20%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; font-size:16px; line-height:24px; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { min-height:100px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:100%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:100%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:100%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding-bottom:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { float:left; width:50% }
    .hot-col { width:100%; margin:15px 0 0; min-height:190px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:60px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:-40px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { margin:0 5%; width:90%; }
    .get-col { width:100%; }
    .get-col img { width:100%; }
    .get-txt { width:100%; color:#333; padding-top:30px }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:30px; line-height:35px; text-align:center; margin:40px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:769px) and (max-width:1023px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right }
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:92px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:55% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:33.3%; float:left; text-align:center; font-size:12px; line-height:16px; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:30px }
    .img-mid { width:100%; height:100vh; background-color:#181818; /*padding-top:0px;min-height:190px; align-items:flex-end;*/        display:flex; }
    .img-mid img { width:100%; }
    .ban-tit { width:400px; margin:0 auto; padding-top:50px; }
    .ban-tit img { width:100% }
    .ban-img { /*position:absolute; bottom:0; width:100%; margin:0 auto*/        width:70%; margin:auto }
    .ban-img img { height:100% }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:1.1rem; text-decoration:none; padding:0 5px; }
    .suv-hed { width:96%; margin:0 4%; padding:80px 0; }
    .sub-img { float:left }
    .sub-ban { float:left; padding:0 0 0 20px; width:60%; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:20px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:14px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//* background-color:#FFF;*/        overflow-x:scroll; margin:0 10px }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:70%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:100%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { min-height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:90%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:40%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { height:518px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:33%; background-color:aliceblue; height:400px; }
    .asy-dem { float:left; width:33%; background-color:antiquewhite; height:400px; }
    .esy-lrn { width:90%; margin:0 auto; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:22px; line-height:30px; padding:100px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:90%; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:22px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { width:33%; height:400px; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:22px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .fet-hed { padding-bottom:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { float:left; width:50% }
    .hot-col { width:100%; margin:15px 0 0; min-height:180px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:60px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:-40px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { width:1320px; margin:0 auto; }
    .get-col { float:left; width:50%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:50%; color:#333 }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:40px; line-height:45px; text-align:center; margin:50px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:769px) and (max-width:1023px) and (orientation:landscape) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right }
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:92px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:100px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:10px; line-height:10px; width:300px }
    .bgs-cl1 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .bgs-cl2 { color:#000; font-size:10px; line-height:10px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 5px; padding:0; color:#000; font-size:13px; line-height:13px; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-10px; width:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:55% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf5 { display:flex; padding:0 20px 0; -webkit-box-flex:0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; }
    .col-lf6 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf7 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:65%; }
    .col-lf8 { display:flex; padding:0 10px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 5px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:90%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { background-color:#f4f110; color:#3b3b3b; text-transform:uppercase }
    .caonbx1 { width:33.3%; float:left; text-align:center; font-size:12px; line-height:16px; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:100%; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:30px }
    .img-mid { width:100%; height:100vh; background-color:#181818; padding-top:0px; /*min-height:190px; align-items:flex-end;*/        display:flex; }
    .img-mid img { width:100%; }
    .ban-tit { width:300px; margin:0 auto; padding-top:50px; }
    .ban-tit img { width:100% }
    .ban-img { width:40%; margin:auto; }
    .ban-img img { height:100% }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:1.1rem; text-decoration:none; padding:0 5px; }
    .suv-hed { width:96%; margin:0 4%; padding:80px 0; }
    .sub-img { float:left }
    .sub-ban { float:left; padding:0 0 0 20px; width:60%; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:20px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:14px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:50%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex;*//*        background-color:#FFF;*/        overflow:scroll; }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:60%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:90%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { min-height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:90%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:32px; line-height:30px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:40%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { height:518px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:33%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:34%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:33%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding-bottom:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { float:left; width:50% }
    .hot-col { width:100%; margin:15px 0 0; min-height:190px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:60px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:-40px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { width:1320px; margin:0 auto; }
    .get-col { float:left; width:50%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:50%; color:#333 }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:40px; line-height:45px; text-align:center; margin:50px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:1024px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right }
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:92px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:20px; line-height:20px; width:300px }
    .bgs-cl1 h3 { margin:0 0 10px; padding:0; color:#000; font-size:25px; line-height:25px; }
    .bgs-cl2 { color:#000; font-size:20px; line-height:20px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 10px; padding:0; color:#000; font-size:25px; line-height:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
    .col-lf5 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-lf6 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-lf7 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; }
    .col-lf8 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-35px; width:65px; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { color:#f4f110; text-transform:uppercase }
    .caonbx1 { width:33.3%; float:left; text-align:center; font-size:12px; line-height:16px; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:10px; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:500px; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:30px }
    .ban-img { width:50%; margin:auto; }
    .img-mid { width:100%; height:100vh; position:relative; background-color:#181818; /*min-height:600px; align-items:flex-end;*/
        display:flex; }
    .img-mid img { width:100%; }
    .ban-tit { width:500px; margin:0 auto; padding-top:20px; }
    .ban-tit img { width:100% }

    /*.ban-img { width:50%; margin:0 25%; display:flex;height:auto; }
	.ban-img img{ width:100%; margin:auto;}*/
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:1.2rem; text-decoration:none; padding:0 25px; }
    .suv-hed { width:96%; margin:0 4%; padding:80px 0; }
    .sub-img { float:left }
    .sub-ban { float:left; padding:0 0 0 20px; width:60%; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:20px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:18px; color:#93969b; }
    .vid-hed { min-height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    /*	.lis-hed { min-height:100vh;  display:flex; background-color:#FFF; }*/
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:50%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:90%; margin:auto; padding:0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:20px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:18px; line-height:24px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:60%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:20%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; font-size:18px; line-height:24px }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }

    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/

    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; }
    .topnav { overflow:hidden; position:relative; float:right; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { height:518px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:33%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:34%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:33%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding-bottom:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:30px; line-height:35px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { float:left; width:50% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:90px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:-40px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { margin:0 5%; width:90%; }
    .get-col { float:left; width:50%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:50%; color:#333; padding-top:30px }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:30px; line-height:35px; text-align:center; margin:40px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:1025px) and (max-width:1199px) { .soclimg { width:340px; margin:0 auto }
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right }
    .dvrg { position:absolute; right:20px; top:10px; }
    .ibanner { top:92px; }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:300px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:20px; line-height:20px; width:300px }
    .bgs-cl1 h3 { margin:0 0 10px; padding:0; color:#000; font-size:25px; line-height:25px; }
    .bgs-cl2 { color:#000; font-size:20px; line-height:20px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 10px; padding:0; color:#000; font-size:25px; line-height:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:50% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:42% }
    .col-lf1 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
    .col-lf5 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-lf6 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-lf7 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; }
    .col-lf8 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-35px; width:65px; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { color:#f4f110; text-transform:uppercase }
    .caonbx1 { width:33.3%; float:left; text-align:center; font-size:12px; line-height:16px; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .mcol-group { clear:both; margin-bottom:10px; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:0; text-align:center; font-size:22px; }
    .conpad { margin:0 auto; width:500px; padding:20px 40px 10px; }
    .ext-pad { margin:50px 0 !important }
    .web-flt { position:absolute; right:30px }
    .img-mid { width:100%; height:100vh; position:relative; background-color:#181818; /*min-height:600px; align-items:flex-end;*/ display:flex; }
    .img-mid img { width:100%; }
    .ban-tit { width:500px; margin:0 auto; padding-top:50px; }
    .ban-tit img { width:100% }
    .ban-img { width:50%; margin:auto }
    .ban-img img { height:100% }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { width:100%; position:absolute; }
    .mnu-ins a { color:#f6f6f6; font-size:1.2rem; text-decoration:none; padding:0 25px; }
    .suv-hed { width:96%; margin:0 4%; padding:80px 0; }
    .sub-img { float:left }
    .sub-ban { float:left; padding:0 0 0 20px; width:60%; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:20px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:16px; color:#93969b; }
    .vid-hed { height:100vh; display:flex; }
    .vid-img { width:80%; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh; /*display:flex; background-color:#FFF;*/ }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { width:50%; margin:20px auto; }
    .rec-img img { width:100%; }
    .rec-txt { width:85%; margin:10px auto }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:50px; height:50px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:100%; }
    .hot-row { width:90%; margin:auto; padding:10px 0 }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:20px; line-height:18px; text-transform:uppercase; text-align:left; padding:10px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:18px; line-height:24px; text-align:center; width:85%; margin:0 auto 10px; }
    .hot-spl {}
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:80%; margin:auto; }
    .com-img { width:60%; margin:10px auto; }
    .com-img img { width:100% }
    .com-txt { width:80%; margin:30px auto; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:42px; line-height:40px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { width:20%; margin:0 auto; padding:0 0 20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { width:90%; margin:40px auto; position:relative }
    .tes-txt p { color:#000; font-size:18px; line-height:24px }
    .tes-qtu { position:absolute; left:0; top:-50px; }
    .tes-qtd { position:absolute; right:0; bottom:-30px; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; min-height:650px; position:relative; }
    .con-inr { width:90%; margin:0 auto; }
    .con-det { background-color:#fdb302; width:90%; height:360px; margin:0 auto 15px }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:0; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:30px 0 10px; text-align:left; font-size:22px; }
    .txfull { width:100%; margin-bottom:15px }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; padding-top:4px }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:0.8rem; color:#FFF !important; text-decoration:none; }*/
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:0.8rem; padding-left:10px; padding-top:4px; }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:0.8rem; }
    #myLinks .active { color:white; }
    .topnav #myLinks { display:none; width:450px; margin-right:45px; }
    .topnav { overflow:hidden; position:relative; float:right; margin-left:10px; }
    .topnav a.icon { float:right; padding:10px 16px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .web-flt { position:absolute; right:0 }
    .loglft { float:right !important; }
    .logext { margin-top:0 !important; margin-right:4px; }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:100%; margin-bottom:15px; }
    .sub-cvr { height:518px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:33%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:34%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:33%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding-bottom:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:40px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { float:left; width:50% }
    .hot-col { width:100%; margin:15px 0 0; min-height:140px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:90px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:-40px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { width:90%; margin:0 5%; }
    .get-col { float:left; width:50%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:50%; color:#333 }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:40px; line-height:45px; text-align:center; margin:50px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

@media (min-width:1200px) {
    .bar1,
    .bar2,
    .bar3 { width:35px; height:5px; background-color:#FFF; margin:6px 0; transition:0.4s; }
    .navtainer { display:inline-block; cursor:pointer; float:right; zoom:0.8; }
    .dvrg { position:absolute; right:20px; top:30px; }
    .ibanner { top:92px; }
    .cen-its { margin:auto; }
    .min-txt { padding:40px 0; text-align:center; color:#333 !important; margin:20px 40px }
    .min-txt h1 { font-size:25px; margin:0 !important; padding:0 !important; color:#d7b100 !important; line-height:25px; }
    .con-mid { margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .col-lft { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
    .col-img { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; line-height:0; }
    .col-img img { display:block; height:auto; float:left; width:100%; border:0; }
    .navbar-custom .nav-item .nav-link.active { color:#f4f110; text-transform:uppercase }
    .img-co1 { background:url("../img/banner_courts.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co2 { background:url("../img/banner_coaches.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co3 { background:url("../img/banner_customer.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co4 { background:url("../img/banner_facility.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co5 { background:url("../img/banner_pos.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co6 { background:url("../img/banner_report.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co7 { background:url("../img/banner_training.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co8 { background:url("../img/banner_program.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .img-co9 { background:url("../img/banner_manageclub.png")repeat-x bottom left; min-height:392px; background-size:cover; margin-bottom:6px }
    .bgs-cl1 { color:#000; font-size:20px; line-height:20px; width:300px }
    .bgs-cl1 h3 { margin:0 0 10px; padding:0; color:#000; font-size:25px; line-height:25px; }
    .bgs-cl2 { color:#000; font-size:20px; line-height:20px; width:300px; }
    .bgs-cl2 h3 { margin:0 0 10px; padding:0; color:#000; font-size:25px; line-height:25px; }
    .col-mov { float:left; width:50% }
    .col-mo1 { float:left; width:55% }
    .col-mo2 { float:left; width:30% }
    .col-mo3 { float:left; width:50% }
    .col-lf1 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
    .col-lf5 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-lf6 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col-lf7 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; }
    .col-lf8 { display:flex; padding:0 40px 0; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .img-int { height:1px; position:relative }
    .img-int img { position:absolute; left:45%; top:-35px; width:65px; }
    .caonbx1 { width:33.3%; float:left; text-align:center; font-size:12px; line-height:16px; color:#FFF; }
    .caonbx1 a { color:#FFF; }
    .bdrtop { border-top:1px dotted #ccc; padding-top:15px; }
    .conpad { margin:0 auto; width:550px; padding:20px 40px 10px; }
    /*.log-cls { font-family:'Blinker', sans-serif; font-size:1.1rem; color:#FFF !important; text-decoration:none; }
    .log-cls:hover { font-family:'Blinker', sans-serif; font-size:1.1rem; color:#FFF !important; text-decoration:none; }*/
    .web-flt { position:absolute; right:30px }
    .ext-pad { margin:100px 0 !important }
    .img-mid { width:100%; height:100%; position:relative; background-color:#181818; /*min-height:600px; align-items:flex-end; display:flex; padding-top:50px*/ }
    .img-mid img { width:100%; }
    .ban-tit { width:630px; margin:0 auto; padding-top:50px; }
    .ban-tit img { width:100% }
    .ban-img { width:50%; margin:0 25%; display:flex; height:100vh; }
    .ban-img img { margin:auto; }
    #contact .row { margin-right:0 !important; margin-left:0 !important; }
    #contact .row .col-lg-6 { padding-right:0 !important; padding-left:0 !important; }
    .mnu-ins { position:absolute; width:100%; }
    .mnu-ins a { color:#f6f6f6; font-size:1.2rem; text-decoration:none; padding:0 25px; }
    .loglft { float:right !important; }
    .topnav { overflow:hidden; position:relative; float:right; }
    .logext { margin-top:0 !important; margin-right:25px; }
    .topnav #myLinks { display:none; width:450px; }
    #myLinks a { float:right; color:white; text-decoration:none; font-family:'Blinker', sans-serif; font-size:1.1rem; padding-right:25px }
    #myLinks a:hover { color:#ffb400; font-family:'Blinker', sans-serif; font-size:1.1rem; }
    #myLinks .active { color:white; }
    .topnav a.icon { float:right; padding:10px 5px 0 0 !important; font-family:'Blinker', sans-serif; font-size:1.1rem; margin-top:-8px; color:white; }
    .topnav a.icon:hover { color:#ffb400; }
    .suv-hed { width:1200px; margin:0 auto; padding:80px 0; }
    .sub-img { float:left }
    .sub-ban { float:left; padding-left:20px; }
    .sub-tit { text-align:left; font-size:28px; font-weight:bold; line-height:16px; color:#000; margin:0; padding:50px 0 25px; text-transform:uppercase; }
    .sub-bul { margin:0; padding:0; }
    .sub-bul li { list-style:none; background:url("../img/yell_arw.png") no-repeat 0 12px; padding:0 0 10px 25px; font-family:'Blinker', sans-serif; font-weight:normal; font-size:20px; color:#93969b; }
    .vid-hed { min-height:100vh; display:flex; }
    .vid-img { width:853px; margin:auto; }
    .vid-img img { width:100%; }
    .vid-img p { color:#333; padding-bottom:20px }
    .rec-hed { min-height:100vh; display:flex; background-color:#181818; }
    .lis-hed { min-height:100vh;/*        background-color:#FFF;*/        width:1280px; margin:0 auto; }
    .tim-row { width:1200px; margin:auto; }
    .rec-img { float:left; width:500px; }
    .rec-img img { width:100%; }
    .rec-txt { float:left; width:600px; margin:60px 0 0 40px }
    .rec-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; line-height:50px; padding-bottom:20px }
    .rts-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .hot-lnk { min-height:100vh; display:flex; }
    .hnk-img { width:150px; height:150px; margin:0 auto 0 0; }
    .hnk-img img { width:100%; }
    .hot-col { float:left; width:33%; }
    .hot-row { width:85%; margin:auto; }
    .hnk-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:18px; line-height:18px; text-transform:uppercase; text-align:left; padding:20px 0 0; }
    .hnk-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:center; width:70%; margin:0 auto }
    .hot-spl { padding-top:100px; }
    .com-hed { height:100vh; display:flex; background-color:#181818; }
    .com-row { width:1200px; margin:auto; }
    .com-img { float:left; width:600px; }
    .com-img img { width:100% }
    .com-txt { float:left; width:500px; margin:190px 80px 0 0; text-align:right }
    .com-txt h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; line-height:50px }
    .rts-com { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .tes-hed { height:700px; background:url("../img/tes_img.png") no-repeat 0 0; background-size:cover; display:flex; }
    .tes-img { float:left; width:170px; padding-top:20px }
    .tes-img img { width:100%; }
    .tes-row { width:1000px; margin:auto; }
    .tes-txt { float:left; width:800px; padding:40px 0 0 30px; position:relative }
    .tes-txt p { color:#000; }
    .tes-qtu { position:absolute; left:0; top:0; }
    .tes-qtd { position:absolute; right:0; bottom:0; }
    .con-fld { min-height:100vh; display:flex; background-color:#181818; }
    .con-bgi { background-color:#545859; margin:auto; width:800px; height:650px; position:relative; }
    .con-inr { padding-left:50px; width:100%; padding-right:20px; }
    .con-det { position:absolute; top:150px; left:-200px; background-color:#fdb302; width:380px; height:360px; }
    .pad-nmg { padding:40px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mid-nmg { padding:20px 0 0 60px; color:#000; font-family:'Blinker', sans-serif; font-size:1.2rem; line-height:1.5rem; }
    .mcol-group { clear:both; margin-bottom:10px; padding:0 }
    .mcol-group h3 { color:#FFF; font-weight:bold; margin:0; padding:60px 0 43px; text-align:center; font-size:22px; margin-right:30px }
    #contactForm .con-input { color:#181818; border:1px solid #FFF; background-color:#FFF; width:100%; height:45px; border-radius:1px; }
    #contactForm .con-textarea { color:#181818; border:1px solid #787b7c; background-color:#FFF; width:100%; height:180px; border-radius:1px; }
    #contactForm .con-button { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
    .txcols { float:left; width:46%; margin-right:4%; }
    .txfull { float:left; width:96%; }
    .sub-cvr { height:518px; }
    .asy-twn { width:100%; flex-basis:100%; }
    .asy-con { float:left; width:33%; background-color:#3e3b3b; height:518px; }
    .asy-dem { float:left; width:34%; background-color:#922c2c; height:518px; }
    .asy-tol { float:left; width:33%; background-color:#347f4b; height:518px; }
    .esy-lrn { width:90%; margin:0 5%; font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:52px; line-height:50px; padding:120px 0; }
    .esy-spn { font-family:'Blinker', sans-serif; font-weight:normal; color:#ffb400; }
    .esy-dem { border:1px solid #ccc; margin:170px auto 0; padding:10px; width:200px; background-color:#FFF; border-radius:0.5rem; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; color:#000; cursor:pointer }
    .sup-twn { height:400px; width:100%; flex-basis:100%; }
    .sup-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:52px; text-align:center; padding:130px 0 0 }
    .sup-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#333; font-size:16px; text-align:center; padding:20px 0 50px }
    .est-tra { height:400px; width:33%; flex-basis:100%; background-color:#181818 }
    .est-img { width:200px; margin:0 auto; padding:100px 0 0 }
    .est-txt { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:52px; text-align:center; padding:20px 0 0 }
    .est-con { font-family:'Blinker', sans-serif; font-weight:normal; color:#FFF; font-size:16px; text-align:center; padding:20px 0 50px }
    .get-lnk { color:#4aadce; font-size:30px; text-align:center; cursor:pointer }
    .esy-lrn h4 { text-align:center; color:#fdfafa; font-size:30px; padding-bottom:30px }
    .esy-lrn p { text-align:center; color:#FFF; font-size:15px; line-height:16px; }
    .fet-hed { padding-bottom:20px }
    .fet-hed h4 { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:15px; }
    .fet-hed span { color:#ffb400; }
    .fet-hed hr { margin:0 auto; width:130px; border-top:1px solid #333; padding:0; }
    .fet-hed p { font-family:'Blinker', sans-serif; font-weight:normal; color:#7e7d7c; font-size:13px; line-height:16px; text-align:center; padding:5px 0; margin:0 }
    .rgt-box,
    .lft-box { float:left; width:50% }
    .hot-col { width:100%; margin:15px 0 0; min-height:150px }
    .lft-txt ul { margin:0; padding:0 15px 0 0; width:100%; }
    .lft-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:right }
    .lft-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-transform:uppercase; text-align:right; padding:20px 15px 0 0; }
    .lft-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:right; width:70%; margin:0 auto; padding-right:15px; }
    .lft-txt { float:right; width:70% }
    .lft-img { float:right; margin:20px 30px 0 0 }
    .rgt-txt ul { margin:0; padding:0 0 0 15px; width:100%; }
    .rgt-txt ul li { list-style:none; margin-bottom:5px; font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:14px; line-height:18px; text-align:left }
    .rgt-txt h3 { font-family:'Blinker', sans-serif; font-weight:normal; color:#181818; font-size:1.3rem; line-height:1.3rem; text-align:left; text-transform:uppercase; padding:20px 0 0 15px; }
    .rgt-txt p { font-family:'Blinker', sans-serif; font-weight:normal; color:#858585; font-size:13px; line-height:16px; text-align:left; width:70%; margin:0 auto; padding-left:15px; }
    .rgt-txt { float:left; width:70% }
    .rgt-img { float:left; margin:20px 0 0 30px }
    .rgt-img img,
    .lft-img img { width:90px; }
    .wat-tit { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-top:40px; margin-bottom:25px; text-transform:uppercase; }
    .wat-tit span { color:#ffb400; }
    .wat-vid { font-family:'Blinker', sans-serif; font-weight:normal; color:#000; font-size:40px; line-height:45px; text-align:center; margin-bottom:-40px; text-transform:uppercase; }
    .wat-vid span { color:#ffb400; }
    .out-blu { margin:0 0 50px; }
    .get-blu { width:90%; margin:0 5%; }
    .get-col { float:left; width:50%; }
    .get-col img { width:100%; }
    .get-txt { float:left; width:50%; color:#333 }
    .get-tit { font-family:'Blinker', sans-serif; font-weight:bold; color:#000; font-size:40px; line-height:45px; text-align:center; margin:50px 0; text-transform:uppercase; }
    .get-tit span { color:#ffb400; }
    .get-txt ul { margin:0 0 0 20px; padding:0; }
    .get-txt li { padding-bottom:10px; padding-left:30px; background:url("../img/blm_arr.png") no-repeat 0 5px; list-style:none; }
}

#banner { background-color:#000
}

.change .bar1 { -webkit-transform:rotate(-45deg) translate(-9px, 6px); transform:rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity:0; }
.change .bar3 { -webkit-transform:rotate(45deg) translate(-8px, -8px); transform:rotate(45deg) translate(-8px, -8px); }
.dvlf { float:left
}

.col-cor { width:100%; background:#f4f110 url("../img/yed_top.png")repeat-x top left; margin:90px 0
}

.bol-cor { width:100%; background:url("../img/yed_btm.png")repeat-x bottom left; margin:60px 0
}

.bdg-clr { background:#d4d113 url("../img/yel_top.png")repeat-x top left; }
.bdt-clr { background:url("../img/yel_btm.jpg")repeat-x bottom left; }

.sml-txt { color:#000; font-size:14px; text-transform:uppercase; text-align:center
}

.big-txt { color:#000; font-size:25px; text-transform:uppercase; text-align:center; padding-bottom:30px
}

.bgd-pad { padding:0 10px; clear:both
}

.cml-txt { width:50%; color:#000; padding:0 10px
}

.red-mo1 { background-color:#e23b3a; color:#FFF; line-height:28px; text-align:center
}

.red-mo2 { background-color:#e29a3a; color:#FFF; line-height:28px; text-align:center }

.red-mo3 { background-color:#3a65e2; color:#FFF; line-height:28px; text-align:center }

.ovr-mrg { margin:auto 27% auto 27%; width:46%; clear:both; padding:30px 0 50px; }
.col-lg-8 h2 { color:#FFF; font-size:22px; text-align:left; text-transform:uppercase; margin:0; padding:0; }
.adr-txt { color:#FFF; font-size:18px; font-weight:bold; line-height:24px}

.cls-mai { color:#000 }

#banner { background-color:#000; padding:30px 0; }
#menu { float:left; padding:5px 15px 0 0}

.con-pad { margin:20px auto 0}

.map-responsive iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
.clb { clear:both; }
form { margin:0; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea { -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; border-radius:4px; border:none; border:solid 1px; color:inherit; display:block; outline:0; padding:0 1rem; text-decoration:none; width:100%; }
input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
input[type="tel"]:invalid,
input[type="search"]:invalid,
input[type="url"]:invalid,
select:invalid,
textarea:invalid { box-shadow:none; }
label { display:block; font-size:1rem; font-weight:600; margin:0 0 1rem 0; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"] { height:3.25rem; }
select { background-size:1.25rem; background-repeat:no-repeat; background-position:calc(100% - 1rem) center; height:3.25rem; padding-right:3.25rem; text-overflow:ellipsis; }
select:focus::-ms-value { background-color:transparent; }
select::-ms-expand { display:none; }
textarea { padding:0.75rem 1rem; }
input[type="checkbox"],
input[type="radio"] { -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; display:block; float:left; margin-right:-2rem; opacity:0; width:1rem; z-index:-1; }
input[type="checkbox"]+label,
input[type="radio"]+label { text-decoration:none; cursor:pointer; display:inline-block; font-size:1rem; font-weight:400; padding-left:2.825rem; padding-right:0.875rem; position:relative; }
input[type="checkbox"]+label:before,
input[type="radio"]+label:before { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:normal; text-transform:none !important; }
input[type="checkbox"]+label:before,
input[type="radio"]+label:before { border-radius:4px; border:solid 1px; content:''; display:inline-block; height:1.95rem; left:0; line-height:1.86875rem; position:absolute; text-align:center; top:-0.1625rem; width:1.95rem; }
input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before { content:'\f00c'; }
input[type="checkbox"]+label:before { border-radius:4px; }
input[type="radio"]+label:before { border-radius:100%; }
::-webkit-input-placeholder { opacity:1.0; }
:-moz-placeholder { opacity:1.0; }
::-moz-placeholder { opacity:1.0; }
:-ms-input-placeholder { opacity:1.0; }
label { color:#555555; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea { background-color:rgba(0, 0, 0, 0.075); border-color:rgba(0, 0, 0, 0.25); }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus { border-color:#ce1b28; box-shadow:0 0 0 1px #ce1b28; }
select { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.25)' /%3E%3C/svg%3E"); }
select option { color:#444444; background-color:#ffffff; }
input[type="checkbox"]+label,
input[type="radio"]+label { color:#444444; }
input[type="checkbox"]+label:before,
input[type="radio"]+label:before { background:rgba(0, 0, 0, 0.075); border-color:rgba(0, 0, 0, 0.25); }
input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before { background-color:#ce1b28; border-color:#ce1b28; color:#ffffff; }
input[type="checkbox"]:focus+label:before,
input[type="radio"]:focus+label:before { border-color:#ce1b28; box-shadow:0 0 0 1px #ce1b28; }
::-webkit-input-placeholder { color:#bbbbbb !important; }
:-moz-placeholder { color:#bbbbbb !important; }
::-moz-placeholder { color:#bbbbbb !important; }
:-ms-input-placeholder { color:#bbbbbb !important; }
.modal-title { float:left; color:#000; font-size:14px; text-transform:uppercase }

#myModal .icon-inpu { color:#212529; background-color:#FFF; width:100%; height:45px; border-radius:1px; border:1px solid #212529 }
#myModal .icon-sups { color:#212529; background-color:#FFF; width:99%; height:45px; border-radius:1px; border:1px solid #212529 }
#myModal .icon-text { color:#212529; background-color:#FFF; width:100%; height:180px; border-radius:1px; border:1px solid #212529 }
#myModal .icon-butt { border:1px solid #141414; background-color:#787b7c; width:100%; line-height:40px; color:#FFF; background:#333 url("../img/btn_bg.png") repeat-x top left; text-align:center; border-radius:1px; }
#myModal .itxcols { float:left; width:49%; margin-bottom:15px; margin-right:1px }
#myModal .itscols { float:left; width:33%; margin-bottom:15px; }
#myModal .itxfull { width:100%; margin-bottom:15px }

.img-fix { margin:0 8px 3px; }
.org-lin { background-color:#ffb400; height:5px; clear:both; }
.pas-lin { padding-top:15px }

.hot-mrg { margin:50px 0; }
/* .g-recaptcha {margin-left:150px;-webkit-transform-origin:left top;transform-origin:left top;} */

.bv-form .help-block { color:red; }
#myModal .has-error .form-control { border:1px solid red; }
#myModal .has-success .form-control { border:1px solid #3c763d; }
.modal-dialog { max-width:600px !important; }
.bv-form .help-block { color:red; }
#contactForm .has-error .form-control { border:1px solid red; }
#contactForm .has-success .form-control { border:1px solid #3c763d; }
/* #myModal .form-control-feedback { position:absolute; top:0px; right:0px; z-index:2; display:block; width:34px; height:34px; font-size:1.4rem; line-height:45px; text-align:center; pointer-events:none; }
#myModal .has-error .form-control-feedback { color:red; }
#myModal .glyphicon-remove:before { content:"\e014"; }
.glyphicon { font-family:'Glyphicons Halflings'; font-style:normal; font-weight:normal; -webkit-font-smoothing:antialiased; } */
.modal { display:none; position:fixed; z-index:1200; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.4);}
.modal3 { display:none; position:fixed; z-index:1200; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.4);}
.close { cursor:pointer; padding-right:5px;}
.m-gbox { color:#736F6E; text-align:center; padding-bottom:4px;}
.m-gbox span a:hover { color:#fff !important;}
.footwebsite { padding-bottom:5px; display:block;}
.grecaptcha-badge { visibility:hidden;}
.navbar-expand-lg .navbar-nav { float:right !important;}
.tics-cetn { padding:10px 0 20px; text-align:center}
#myModal3 .modal-content { width:450px; padding:0 10px;}
.sub-hgr { padding:50px 0;}
.tics-txts { text-align:center; color:#736F6E !important; font-size:1.5rem; font-weight:bold; padding-bottom:10px; margin:0;}
.tics-txtb { text-align:center; color:#fdb302 !important; font-size:1.2rem; margin:0; padding-bottom:30px;}
.clb { clear:both;}

@media only screen and (min-width:280px) and (max-width:499px) { .lbu-sof { margin:0 auto; padding-right:60px; }
    .lbu-sof img { height:1.5rem !important; }
    .jon-log { text-transform:uppercase; position:absolute; min-width:100px; right:10px; top:10px; }
    .btbox { float:left; font-size:0.8rem; line-height:1.4rem; }
    .ilogin { position:relative }
    .bdr-ldt { margin-right:5px; }
/*
    .ban-lft { position:absolute; left:5%; bottom:15%; transform:translate(0, 5%); width:100px; }
    .ban-rgt { position:absolute; right:5%; bottom:15%; transform:translate(0, 5%); width:100px; }
*/
    .mob-con { width:1400px; }
    .tab-row { width:100%; }
	.ban-mid { width: 100%; height: 100%; background-color: #181818;}
	.ban-hed { padding-top:50px; padding-bottom:50px; }
	.ban-log { text-align: center; padding-top:80px; }
	.ban-adl { float: left; position: relative;width:50%; min-height:300px; }
	.ban-jun { float: right; position: relative;width:50%; min-height:300px; }
	.ban-lft { position:absolute;right:50%; bottom:0%; transform:translate(50%, 0); color:#4e9b04; width:100px; text-align:center; }
	.ban-rgt { position:absolute;right:50%; bottom:0%; transform:translate(50%, 0); color:#04649b; width:100px; text-align:center; }
	.ban-lft .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-lft .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-rgt .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-rgt .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-hed img { width:70%; margin:0 15%;  }
	.ban-adl img { width: 80%;}
	.ban-jun img { width: 60%;}
	.ban-con { margin-bottom:20px }
}

@media only screen and (min-width:500px) and (max-width:767px) { 
	.lbu-sof { margin:0 auto; padding-right:80px; }
    .lbu-sof img { height:1.8rem !important; }
    .jon-log { text-transform:uppercase; position:absolute; min-width:100px; right:10px; top:10px; }
    .btbox { float:left; font-size:0.8rem; line-height:1.4rem; }
    .ilogin { position:relative }
    .bdr-ldt { margin-right:5px; }
/*
    .ban-lft { position:absolute; left:5%; top:48%; transform:translate(0, 48%); width:100px; }
    .ban-rgt { position:absolute; right:5%; top:48%; transform:translate(0, 48%); width:100px; }
*/
    .mob-con { width:1400px; }
    .tab-row { width:100%; }
	.ban-mid { width: 100%; height: 100%; background-color: #181818;}
	.ban-hed { padding-top:50px; padding-bottom:50px; }
	.ban-log { text-align: center; padding-top:80px; }
	.ban-adl { float: left; position: relative;width:50%; min-height:370px; }
	.ban-jun { float: right; position: relative;width:50%; min-height:370px; }
	.ban-lft { position:absolute;right:50%; bottom:0%; transform:translate(50%, 0); color:#4e9b04; width:100px; text-align:center; }
	.ban-rgt { position:absolute;right:50%; bottom:0%; transform:translate(50%, 0); color:#04649b; width:100px; text-align:center; }
	.ban-lft .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-lft .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-rgt .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-rgt .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-hed img { width:70%; margin:0 15%;  }
	.ban-adl img { width: 80%;}
	.ban-jun img { width: 60%;}
	.ban-con { margin-bottom:20px }
}

@media only screen and (min-width:768px) and (max-width:1023px) { 
	.lbu-sof { margin:0 auto; padding-right:130px; }
    .jon-log { text-transform:uppercase; position:absolute; min-width:100px; right:10px; top:10px; }
    .btbox { float:left; font-size:0.8rem; line-height:1.4rem; }
    .ilogin { position:relative }
    .bdr-ldt { margin-right:5px; }
    .ban-lft { position:absolute; left:18%; top:48%; transform:translate(0, 48%); width:100px; }
    .ban-rgt { position:absolute; right:18%; top:48%; transform:translate(0, 48%); width:100px; }
    .mob-con { width:1400px; }
    .tab-row { width:100%; }
	.ban-mid { width: 100%; height: 100%; background-color: #181818;}
	.ban-hed { padding-top:50px; padding-bottom:50px; }
	.ban-log { text-align: center; padding-top:80px; }
	.ban-adl { float: left; position: relative;width:50%; }
	.ban-jun { float: right; position: relative;width:50%; }
	.ban-lft { position:absolute;left:5%; top:52%; transform:translate(0, -50%); color:#4e9b04; width:100px; text-align:center; }
	.ban-rgt { position:absolute;right:5%; top:52%; transform:translate(0, -50%); color:#04649b; width:100px; text-align:center; }
	.ban-lft .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-lft .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-rgt .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-rgt .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-adl img { height: 50%}
	.ban-jun img { height: 50%;margin-left: 40px;}
}

@media only screen and (min-width:1024px) and (max-width:1149px) { 
	.lbu-sof { margin:0 auto; padding-right:140px; }
    .jon-log { text-transform:uppercase; position:absolute; min-width:100px; right:10px; top:10px; }
    .btbox { float:left; font-size:0.8rem; line-height:1.4rem; }
    .ilogin { position:relative }
    .bdr-ldt { margin-right:5px; }
/*
    .ban-lft { position:absolute; left:18%; top:48%; transform:translate(0, 48%); width:100px; }
    .ban-rgt { position:absolute; right:18%; top:48%; transform:translate(0, 48%); width:100px; }
*/
    .tab-row { width:98%; margin:15px 1%; }
	.ban-mid { width: 100%; height: 100%; background-color: #181818;}
	.ban-hed { padding-top:50px; padding-bottom:50px; }
	.ban-log { text-align: center; padding-top:80px; }
	.ban-adl { float: left; position: relative;width:50%;height:60vh;}
	.ban-jun { float: right; position: relative;width:50%;height:60vh;}
	.ban-lft { position:absolute;left:5%; top:52%; transform:translate(0, -50%); color:#4e9b04; width:100px; text-align:center; }
	.ban-rgt { position:absolute;right:5%; top:52%; transform:translate(0, -50%); color:#04649b; width:100px; text-align:center; }
	.ban-lft .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-lft .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-rgt .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-rgt .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-adl img { height: inherit}
	.ban-jun img { height: inherit;margin-left: 40px;}
	.ban-epd { padding-bottom:20px; }
}

@media only screen and (min-width:1150px) and (max-width:1279px) { 
	.lbu-sof { margin:0 auto; padding-right:150px; }
	.jon-log { text-transform:uppercase; position:absolute; min-width:100px; right:10px; top:10px; }
	.btbox { float:left; font-size:0.8rem; line-height:1.4rem; }
    .ilogin { position:relative }
    .bdr-ldt { margin-right:5px; }
/*
    .ban-lft { position:absolute; left:18%; top:48%; transform:translate(0, 48%); width:100px; }
    .ban-rgt { position:absolute; right:18%; top:48%; transform:translate(0, 48%); width:100px; }
*/
    .tab-row { width:98%; margin:15px 1%; }
	.ban-mid { width: 100%; height: 100%; background-color: #181818;}
	.ban-hed { padding-top:50px; padding-bottom:50px; }
	.ban-log { text-align: center; padding-top:80px; }
	.ban-adl { float: left; position: relative;width:50%;height:60vh;}
	.ban-jun { float: right; position: relative;width:50%;height:60vh;}
	.ban-lft { position:absolute;left:5%; top:52%; transform:translate(0, -50%); color:#4e9b04; width:100px; text-align:center; }
	.ban-rgt { position:absolute;right:5%; top:52%; transform:translate(0, -50%); color:#04649b; width:100px; text-align:center; }
	.ban-lft .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-lft .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-rgt .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-rgt .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-adl img { height: inherit}
	.ban-jun img { height: inherit;margin-left:140px;}
	.ban-epd { padding-bottom:20px; }
}
@media (min-width:1280px) { 
	.lbu-sof { margin:0 auto; padding-right:150px; }
    .jon-log { text-transform:uppercase; position:absolute; min-width:100px; right:10px; top:10px; }
    .btbox { float:left; font-size:0.8rem; line-height:1.4rem; }
    .ilogin { position:relative }
    .bdr-ldt { margin-right:5px; }
    .tab-row { width:100%; margin:15px 0; }
	.ban-mid { width: 100%; height: 100%; background-color: #181818;}
	.ban-con { min-height:100vh; }
	.ban-hed { padding-top:50px; padding-bottom:50px; }
	.ban-log { text-align: center; padding-top:60px; }
	.ban-adl { float: left; position: relative;width:50%; height:60vh;}
	.ban-jun { float: right; position: relative;width:50%; height:60vh;}
	.ban-lft { position:absolute;left:22%; top:52%; transform:translate(0, -50%); color:#4e9b04; width:100px; text-align:center; }
	.ban-rgt { position:absolute;right:22%; top:52%; transform:translate(0, -50%); color:#04649b; width:100px; text-align:center; }
	.ban-lft .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-lft .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#96dd96 !important; text-decoration:none; text-align:center; }
	.ban-rgt .log-cls { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-rgt .log-cls:hover { font-family:'Russo One', sans-serif; font-size:1.2rem; color:#95bedb !important; text-decoration:none; }
	.ban-adl img { height: inherit}
	.ban-jun img { height: inherit;margin-left: 40px;}
	.ban-epd { padding-bottom:20px; }
}

.clr { clear:both}
.min-row { width:100%; clear:both;}
.hed-row { width:100%; clear:both;}
.con-row { width:100%; clear:both; min-height:105px;}
.non-hed { float:left; width:5%; background-color:#656565; min-height:34px; text-align:center}
.grn-hed { float:left; width:13.57%; background-color:#656565; min-height:34px; padding:5px 0; color:#FFF; font-weight:600; text-align:center; }
.tim-lit { float:left; width:5%; min-height:105px; background:#d8d8d8; text-align:center; color:#333; border-top:1px solid #FFF; line-height:101px; font-size:0.75rem}
.tim-drk { float:left; width:5%; min-height:105px; background:#ebebeb; text-align:center; color:#333; border-top:1px solid #FFF; line-height:101px; font-size:0.75rem}
.pop-lis { border:1px solid #d8d8d8; border-radius:10px; padding:10px; margin:10px 5px 5px; position:relative;}
.pos-sip { font-size:16px; line-height:20px; font-weight:600; color:#333; margin-right:10px}
.pos-ful { position:absolute; top:-4px; left:14px; transform:translate(-50%, 0);}
.pos-arr { position:absolute; top:-19px; left:50%; transform:translate(-50%, 0);}
.pos-bal { position:absolute; bottom:5px; right:5px;}
.gtn-box { float:left; padding:0 8px; text-align:center; background-color:#d0d0d0; border-radius:25px; color:#333; font-size:0.85rem; margin:5px 0 0 10px;}
.lin-gry { float:left; width:13.57%; /* min-height:107px; */    /* border-bottom:1px solid #ebebeb; */}
.end-gry { /* border-right:1px solid #ebebeb; */}
.kon-hed { color:#333; font-size:24px; font-weight:bold; clear:both; width:100%; text-align:center; padding:15px 0 0; text-transform:uppercase}
.jun-hed { color:#FFF; font-size:24px; font-weight:bold; clear:both; width:100%; text-align:center; padding:15px 0 0; text-transform:uppercase}
.gry-box { float:right; width:70%; min-height:104px; margin:1px auto; background-color:#f0f0f0; position:relative; border-right:1px solid #FFF;}
.gry-sip { font-size:0.85rem; line-height:0.85rem; font-weight:600; color:#333; margin:4px 4px 4px 10px; min-height:55px}
.cab-num { text-align:center; font-size:0.7rem; font-weight:600; padding-top: 36px; display: block; width: 52px; position: absolute; left: -4px; }
.cab-txt { text-align:center; font-size:0.8rem; font-weight:normal; position: absolute;top:-4px; left:-4px;}

.grn-box { float:left; width:30%; margin:1px auto; border:4px solid #35bd05; background-color:#35bd05; padding:20px 0; text-align:center; font-weight:900; color:#FFF; position:relative; min-height:104px; z-index:2; }
.gbox:before { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%; }
.gbox:after { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%; }
.red-box { float:left; width:30%; margin:1px auto; border:4px solid #bd0505; background-color:#bd0505; padding:20px 0; text-align:center; font-weight:900; color:#FFF; position:relative; min-height:104px; z-index:2; }
.rbox:before { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%; }
.rbox:after { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%; }
.org-box { float:left; width:30%; margin:1px auto; border:4px solid #ff7200; background-color:#ff7200; padding:10px 0; text-align:center; font-weight:900; color:#FFF; position:relative; min-height:104px; z-index:2; }
.obox:before { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%;}
.obox:after { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%;}
.yel-box { float:left; width:30%; margin:1px auto; border:4px solid #fdde0a; background-color:#fdde0a; padding:20px 0; text-align:center; font-weight:900; color:#FFF; position:relative; min-height:104px; z-index:2;}
.ybox:before { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%;}
.ybox:after { content:""; width:0; height:0; position:absolute; border-left:10px solid; border-left-color:inherit; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid transparent; right:-23px; top:50%;}

.reg-txt { text-align:center; color:#a3a3a3; font:normal 14px/14px "PT Sans", sans-serif; margin-bottom:35px}
.wht-txt { text-align:center; color:#a3a3a3; font:normal 14px/14px "PT Sans", sans-serif; margin-bottom:35px}

.min-row { background-color:#fff }
.jon-cvr { background-color:#181818; }