@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Inter:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);
@import url(lightslider.css);
@import url(jquery.fancybox.min.css);
@import url(chosen.css);
@import url(flag.css);

/* ------------------------------------------------------------------------------------------------------------
|  CSS Reset Helper  |
------------------------------------------------------------------------------------------------------------ */
* { margin: 0; padding: 0; list-style-type: none; text-decoration: none; border: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.2}ol,ul{list-style:none; margin-bottom: 0; padding: 0;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0; }

html, body { height: 100%; }

::selection { color:#fff; background:#333; }
::-moz-selection { color:#fff; background:#333;}

.clearfix:before,
.clearfix:after,#container:before,#container:after,.content:before,.content:after { content: " "; display: table; }
.clearfix:after,#container:after,.content:after { clear: both; }
.clearfix { *zoom: 1; }

::-webkit-input-placeholder {  }
::-moz-placeholder { } 
:-ms-input-placeholder { } 
input:-moz-placeholder { }

input,
textarea,
button,
select,
a:hover,a,a:focus,a:active {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* ------------------------------------------------------------------------------------------------------------
|  Button, Submit, Text, Password, Email, Textarea, Select, File, Lable  |
------------------------------------------------------------------------------------------------------------ */
input[type="button"],input[type="submit"] { overflow:hidden; -webkit-appearance: none; display:block; position:relative; margin:0 auto;  font-family: 'Inter', Arial, Helvetica, sans-serif; max-width: 280px; min-width: 280px; padding: 20px 0; font-size: 20px;  line-height: 1; text-align: center; color: #fff; border-radius: 90px; background: var(--color-blue); cursor: pointer;  webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

input[type="button"]:hover ,input[type="submit"]:hover, input[type="submit"]:active { background: var(--color-blue); }

input[type="text"],input[type="password"],input[type="email"] { height:40px; }

input[type="text"],input[type="password"],input[type="email"],input[type="file"], select,textarea { width:100%; padding: 10px 20px ; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; color:var(--color-black); background:#f4faff; border: 1px solid var(--color-blue);  -webkit-appearance: none;
 border-radius: 90px;  transition: all 0.2s ease;
}
input[type="file"] { font-size: 12px; border-radius: 8px; }

input { -webkit-appearance: none; -moz-appearance: none;appearance: none; webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
textarea,select { -webkit-appearance: none; -moz-appearance: none;appearance: none; webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
textarea:focus,select:focus { border:1px solid #084f94 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

input[type=file]:focus,
input[type=file]:hover,
input[type=checkbox]:focus,
select:focus,select:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

input[type=file],
input[type=checkbox],
select{ -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
label { display: inline-block; padding: 10px 0 2px 0; position: relative; cursor: default; }
label small { color: #999 }
select { height:40px; padding: 10px 20px 10px 15px; border-radius: 90px; background:#f4faff url(../images/icon-select.svg) no-repeat right center; background-size:24px  }

button { font-family: 'Inter',Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; height: 46px; min-width: 200px; width: 100%; line-height: 1; text-transform: uppercase; color: var(--color-white); background: var(--color-blue); cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 4px; }
button:hover { background: var(--color-blue); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }


/* ------------------------------------------------------------------------------------------------------------
|  Checkbox & Radio  |
------------------------------------------------------------------------------------------------------------ */
input[type="checkbox"],
input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
  border-color: var(--color-blue); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  position: relative;
  margin-bottom: 5px;
  padding-left: 35px; 
  margin-right: 15px; cursor: pointer; 
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: '';
  color: #555;
  position: absolute;
  top: 8px;
  left: 0;
  width: 25px;
  height: 25px;
 background:var(--color-miniblue); border:1px solid var(--color-miniblue-border); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  font-size: 18px;
  text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
input[type="checkbox"] + label:after,
input[type="radio"] + label:after {
  content: '';
  background-color: var(--color-blue);
  position: absolute;
  top: 14px;
  left: 6px;
  width: 15px;
  height: 15px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 200ms ease-out;
          transition: transform 200ms ease-out;
}

input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 19px;
  left: 8px;
  width: 10px;
  height: 5px;
  margin-top: -3px;
  border-style: solid;
  border-color: var(--color-blue);
  border-width: 0 0 3px 3px;
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  -webkit-transform: rotate(-45deg) scale(0);
      -ms-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
}
input[type="checkbox"]:checked + label:after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

input[type="radio"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
}
input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
input[type="radio"] + label:before, input[type="radio"] + label:after {
  border-radius: 50%;
}

input[type="checkbox"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
}
input[type="checkbox"]:checked + label:after {
  -webkit-transform: rotate(-45deg) scale(1);
      -ms-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

@-webkit-keyframes borderscale {
  50% {
    box-shadow: 0 0 0 4px #00AEEF;
  }
}

@keyframes borderscale {
  50% {
    box-shadow: 0 0 0 4px #00AEEF;
  }
}



body { font-family: 'Inter', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; font-size: 16px; line-height: 1.4; color: var(--color-black); background: var(--color-white); 

--color-white: #fff;
--color-white-drop: #9ebfe3;
--color-blue: #145f89;
--color-blue-big: #004371;
--color-sky: #0052da;
--color-green: #3a954f;
--color-minigreen: #ebf6ee;
--color-biggreen: #195828;
--color-lineminigreen: #d4e5d9;
--color-miniblue: #eaeef7;
--color-miniblue-border: #dee8ff;
--color-drakblue:#00205c;
--color-grayblue: #6d7eb2;
--color-black: #454b57;
--color-gray: #656f88;
--color-gray-big: #8b96a3;
--color-gray-big-hover: #5c6f86;
--color-f0f0f0: #f0f0f0;
--color-yellow: #ffcb33;
--color-999: #999;
--color-777: #777;
--color-mini-gray: #f2f5fc;
--color-minisky-border: #004371;
--color-black: #1f2220;
--color-828282: #828282;
--color-gold: #D4A164;

}

a { display: block; color: var(--color-black);  transition: all 0.3s ease; }
a:hover { text-decoration: none; color:var(--color-blue);  }

h1, h2, h3, h4, h5, h6 { position: relative; margin: inherit; padding: 15px 0 ; font-family: "Playfair", serif; font-weight: 500; color:var(--color-black); }

h1 { font-size: 50px; }
h2 { font-size: 50px; }
h3 { font-size: 36px; }
h4 { font-size: 30px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }

p { margin: 0; padding: 15px 0; }


figure { position: relative; }

strong, b { font-weight: bold; }

::selection { color:var(--color-white); background:var(--color-black); }
::-moz-selection { color:var(--color-white); background:var(--color-black);}
::placeholder { color: #ccc; font-size: 14px; font-weight: 300; opacity: 1; }
:-ms-input-placeholder {  color: #ccc; font-size: 14px;  font-weight: 300; }
::-ms-input-placeholder { color: #ccc; font-size: 14px;  font-weight: 300; }

/* ------------------------------------------------------------------------------------------------------------
|  All  |
------------------------------------------------------------------------------------------------------------ */
header { position: relative; width: 100%; }
section { float: left; width: 100%; position: relative;  }
img { display: block; }

.warpper { position: relative; margin: 0 auto; width:100%; height: inherit; max-width: 1280px; padding: 0 15px;  }
.content { position: relative; }

/* ------------------------------------------------------------------------------------------------------------
|  Header Bar  |
------------------------------------------------------------------------------------------------------------ */
.header-less  { /*height: 60px !important; */ box-shadow: 0 0 10px 3px rgba(0,20,60,0.1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;  }

.header-fixed { position: fixed; display: table; width: 100%; height: 100px; background: var(--color-white); border-bottom: 1px solid var(--color-blue); overflow: inherit; z-index: 999999;  transition: all 0.3s ease;  }

.header-fixed .warpper { display:flex; flex-wrap:wrap; align-items:center; }

.header-fixed header { display: flex; flex-wrap: wrap; width: initial; height: 60px; z-index: 9; }
.header-fixed header a { display: block; position: relative;  height: 100%; padding: 0; vertical-align: middle;  }
.header-fixed header figure { position: relative; display: inline-block;  height: 100%; vertical-align: middle; -webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.header-fixed header img { display: block; height: 100%; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; margin-left: auto; -webkit-transition: all 0.2s ease;  -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;  transition: all 0.2s ease; }
.header-fixed header span { display: inline-block; vertical-align: middle; padding-left: 15px; }
.header-fixed header a.mr-15 { margin-right:15px; }

.header-fixed nav { position: relative; margin-left: auto;  width: auto; height: 100%;  display: flex;  z-index: 1; }
.header-fixed nav ul {  }
.header-fixed nav li { float: left; display: table; position: relative; height: 100%; padding-left: 30px; text-align: center; }
.header-fixed nav li a { position: relative; display: table-cell; height: 100%; padding: 0 2px; color: var(--color-black); font-family: "Playfair", serif; font-weight: 600; text-transform: uppercase; font-size: 22px; line-height: 1.2; vertical-align: middle;  }
.header-fixed nav li a:hover { color: var(--color-blue); }
.header-fixed nav li a.current { color: var(--color-blue);  }
/*.header-fixed nav li a.current:before { content:''; position:absolute; width: 100%; height:3px; background: var(--color-blue); left: 0; bottom:0; z-index:1; }*/
.header-fixed nav li span { position: relative;  width: 100%; height: 100%; vertical-align: middle; z-index: 1; }
.header-fixed nav ul li.lang { display: flex; align-items: center; justify-content: center; height: 100%; }
.header-fixed nav ul li.lang span { display: flex; padding-top: 3px; align-items: center; justify-content: center;  }
.header-fixed nav ul li.lang a { width: 40px; height: 40px; border-radius: 50%; background: #deeffd; }
.header-fixed nav ul li.lang a:before { display: none !important; }


.header-fixed nav ul dl { visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position:absolute; width: auto; min-width: 200px; padding:20px 15px; top:100%; margin-top: 1px; left: 30px; background: var(--color-blue);/* -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);-moz-box-shadow:  0 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);*/ border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; z-index: 999; }
.header-fixed nav ul dl dt { position: relative; width:100%; height: inherit; padding: 3px 0;  text-align:left; vertical-align:top; }
.header-fixed nav ul dl a { display:inline-block; width:100%; height:inherit; padding: 0 10px; font-weight: 500; color:var(--color-white) !important; text-align: left; background:none; text-overflow: ellipsis; white-space: nowrap;}
.header-fixed nav ul dl a:hover,
.header-fixed nav ul dl a.current { color: var(--color-blue) !important; background:none; }
/*.header-fixed nav ul li:hover > dl {  visibility: visible; opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.header-fixed nav ul li:hover > a { color: var(--color-blue); }*/

.header-fixed aside { position: absolute; width: auto; padding: 10px 0 10px 0; color: #ffe4fa; margin-right: 15px; right: 0; top: 0; z-index: 9; }
.header-fixed aside ul { display: flex; justify-content: flex-end; height: 100%; align-items:center; }
.header-fixed aside li { position: relative; padding: 0 10px; height: 100%; display:flex; align-items:center; }
.header-fixed aside li:last-child { padding-right: 2px; /* border-left: 1px solid #c7d9ee;  margin-left: 3px; padding-right: 0; padding-left: 5px; */ }
.header-fixed aside li a { padding: 7px 2px; color: var(--color-gray); text-transform: uppercase; line-height: 0.8; font-size: 14px; font-weight: 400; }
.header-fixed aside li a:hover,.header-fixed aside li a.current { color: var(--color-blue); }
.header-fixed aside li a.btn-register { padding: 7px 14px; background: var(--color-blue); color: var(--color-white); border-radius: 3px; }
.header-fixed aside li a:hover.btn-register { background: var(--color-blue); } 

.header-fixed aside li .btn-register { display: flex; flex-wrap: wrap; align-items: center; padding:6px; font-size: 14px; background: var(--color-miniblue); color: var(--color-white); border: 1px solid var(--color-miniblue-border); border-radius: 90px; cursor: pointer;transition: all 0.3s ease }
.header-fixed aside li .btn-register:hover { background: var(--color-blue); border: 1px solid var(--color-blue); transition: all 0.3s ease } 
.header-fixed aside li .btn-register .icon-member { width: 22px;  }
.header-fixed aside li .btn-register .icon-member svg { width: 100%; height: 100%; transition: all 0.3s ease }
.header-fixed aside li .btn-register .icon-member path { fill: var(--color-blue); transition: all 0.3s ease }
.header-fixed aside li .btn-register:hover .icon-member path { fill: var(--color-white); transition: all 0.3s ease  }
.header-fixed aside li .btn-register .icon-member .current path { fill: var(--color-white); transition: all 0.3s ease }
.header-fixed aside li .btn-register .in-txt { transition:all 0.3s ease; text-transform:uppercase; font-weight:400  }
.header-fixed aside li .btn-register:hover .in-txt { transition:all 0.3s ease }

.header-fixed aside li .btn-register-logon { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 14px; background: var(--color-blue); color: var(--color-white); border-radius: 50%; width: 34px; height: 34px; cursor: pointer;transition: all 0.3s ease }
.header-fixed aside li .btn-register-logon:hover { background: var(--color-blue); color: var(--color-blue); transition: all 0.3s ease } 
.header-fixed aside li .btn-register-logon .icon-member { height: 20px; }
.header-fixed aside li .btn-register-logon .icon-member svg { width: 100%; height: 100%; transition: all 0.3s ease }
.header-fixed aside li .btn-register-logon .icon-member path { fill: var(--color-white); transition: all 0.3s ease }

.header-fixed aside li a.btn-search { width: 30px; background: url(../images/icon-search.svg) no-repeat center; background-size: auto 70%; }
.header-fixed aside li a path { fill: var(--color-white);  transition: all 0.3s ease; }
.header-fixed aside li a:hover path { fill: var(--color-white);  transition: all 0.3s ease; }
.header-fixed aside li span { display: flex; vertical-align: middle; line-height:1; font-size:12px; }
.header-fixed aside i { display: inline-flex; width: 20px; height: 12px; margin-right: 6px; align-items: center; vertical-align: middle; border-radius: 4px; }
.header-fixed aside i svg { display: block; width: 100%; height: 100%; }
.header-fixed aside .icon-flag-en { background: url(../images/flag-en.svg) no-repeat center; }
.header-fixed aside .icon-flag-th { background: url(../images/flag-th.svg) no-repeat center; }
.header-fixed aside small { display: inline-block; vertical-align: middle; font-size: 15px; }
.header-fixed aside .icon-call { background: url(../images/icon-call-white.svg) no-repeat center; background-size: 100%; }
.header-fixed aside .icon-line { background: url(../images/icon-line-white.svg) no-repeat center; background-size: 100%; }
.header-fixed aside .icon-facebook { margin-right: 0; background: url(../images/icon-facebook-white.svg) no-repeat center; background-size: 100%; }
.header-fixed aside .icon-youtube { margin-right: 0; background: url(../images/icon-youtube-white.svg) no-repeat center; background-size: 100%; }


.header-full { background: rgba(255,255,255,1) !important; }
.header-full nav li a { position: relative; display: table-cell; height: 100%; color: #333 !important; font-size: 18px; text-transform: uppercase; font-weight: 500; vertical-align: middle;  }
.header-full li a:hover { color: #0089eb !important; }
.header-full li a.current { color: #0089eb !important;  }
.header-full nav li a span:before { opacity: 0 !important; content: ''; position: absolute; width: 0; height: 1px; left: 0; right: 0; bottom: -10px; margin-top: auto; margin-left: auto; margin-right: auto; background: #1b1464; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; }

.show-box-search { opacity: 1 !important; visibility: visible !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.drop-search { opacity: 0; visibility: hidden; position: absolute; padding: 10px; bottom: -60px; left: 15px; right: 15px; background: var(--color-blue); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.drop-search input[type="button"], .drop-search  input[type="submit"] { position: absolute; max-width: inherit; min-width: inherit; padding: 2px 20px 0 20px; font-size: 16px; top: 10px; bottom: 10px; right: 10px; border-radius: 0; background: var(--color-blue); z-index: 1; }
.drop-search input[type="button"]:hover, .drop-search  input[type="submit"]:hover { background: var(--color-blue) }
.drop-search input[type="text"] { padding-right: 110px; border: none; font-size: 16px; }
.drop-search input[type="text"]:focus { border: none  !important; }


/*entry-lists*/
.entry-lists { position:relative; width: 100%; padding: 80px 0 }
.entry-lists .lists { position: relative; width: 100%; padding: 15px 0; border-bottom:1px solid var(--color-miniblue-border) }
.entry-lists .box { display:grid; grid-template-columns:120px 1fr }
.entry-lists .box .photo { border-radius:50%; }
.entry-lists .box .detail { padding-left:30px; }
.entry-lists .player-age { padding-top:10px; }
.entry-lists .player-name { margin-left:0 }
.entry-lists .player-name .name,.entry-lists .player-name .surname { display:inline; width:inherit; }
.entry-lists .player-flag { margin-left:0 }
.entry-lists .lists:last-child { border-bottom:none; }


.search-filters { position: relative; display: grid; grid-template-columns: 1fr 200px; grid-gap: 0 15px; width: 100%; margin-bottom:20px }
.input-filter { position:relative; }
.input-filter button { right: 10px; bottom: 0; top: 0; margin-top: auto; margin-bottom: auto; position:absolute; text-indent:-9999px; overflow:hidden; min-width: inherit; width: 30px; height:30px; background: url(../images/icon-search.svg) no-repeat center;
    background-size: 60%; }
.search-filters-teetimes { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0 15px; width: 100%; margin-bottom:20px }

.search-filters-livescore-stat { position: relative; display: grid; grid-template-columns: 250px 1fr; grid-gap: 0 15px; width: 100%; margin-bottom:20px }
.search-filters-livescore-stat .filter { width: 100%; max-width:250px; }
.search-filters-livescore-stat .stat-score { display:flex; align-items:center; justify-content:flex-end;  }
.search-filters-livescore-stat .stat-score ul { display: flex;  grid-gap:10px; }
.search-filters-livescore-stat .stat-score li { display:flex; flex-wrap:wrap; align-items: center; font-size:14px; }

/*tee times*/
.tee-times { position:relative; width: 100%; padding: 80px 0 }
.tee-times .date-line { position: relative; font-weight:600; width: 100%; margin-top: 30px; padding-bottom:15px; margin-bottom: 0px; color:var(--color-blue); border-bottom:1px solid var(--color-miniblue-border); }
.tee-times .date-line:before { content:''; position:absolute; width: 15px; height:1px; background:var(--color-blue); left:0; bottom: -1px; }
.tee-times .date-line span { font-size:22px; }


.tee-times .row { display:grid; grid-template-columns:1fr 1fr }
.tee-times .col { position:relative; width: 100%; }

.tee-times .lists { position: relative; width: 100%; padding: 15px 0; display: grid; grid-gap: 15px; }
.tee-times .tee-name { position:relative; width:  100%; padding-bottom:; }
.tee-times .tee-name span { color:var(--color-blue); font-weight:700 }

.tee-times .box { display:grid; grid-template-columns:100px 1fr; }
.tee-times .box .photo { border-radius:50%; height:100px }
.tee-times .box .detail { padding-left:30px; }
.tee-times .player-age { padding-top:5px; }
.tee-times .player-name { margin-left:0; padding-top:10px; }
.tee-times .player-name .name,.tee-times .player-name .surname { display:inline; width:inherit; }
.tee-times .player-flag { margin-left:0 }


/*livescore*/

.livescore-zone { position:relative; padding: 50px 0 80px 0; }
.livescore-zone h2 { font-size:30px; color:var(--color-blue); line-height:1 ; padding-top: 0; }

/**/
.btn-rmv1,
.btn-rmv2,
.btn-rmv3,
.btn-rmv4,
.btn-rmv5,
.btn-rmv6 {
  display: none;
}

.rmv {
  cursor: pointer !important; display: block !important; position: absolute !important;
  border-radius: 50% !important;
  width: 40px !important; height: 40px !important; min-width: inherit !important;
  background: var(--color-white) url(../images/icon-delete-red.svg) no-repeat center !important; background-size: 50% !important;
  z-index: 2; top: 10px !important; right: 15px !important; 
}
.rmv:hover {
}


.h-line { position: relative; font-weight:600; width: 100%; margin-top: 20px; padding-bottom:15px !important;  line-height: 1; color:var(--color-blue); border-bottom:1px solid var(--color-miniblue-border); }
.h-line:before { content:''; position:absolute; width: 15px; height:1px; background:var(--color-blue); left:0; bottom: -1px; }


.line-hr {
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 15px
}

.line-hr:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #eee;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.line-hr small {
    position: relative;
    padding: 0 15px 0 0;
    font-size: 14px;
    font-weight: 300;
    color: #aaa; background: var(--color-white);
    z-index: 1
}

.showtext { width: 100%; padding: 10px; font-size: 16px; font-weight: 400; border-radius: 8px; background: #e4e7ef; }
.showtext u { text-decoration: underline !important; }
.showtext p { padding:0; margin:0; }

.insearch { position: relative; display: flex; flex-wrap: wrap; width: 100%; margin-bottom:15px; }
.insearch label { position: absolute; display: block; overflow: hidden; text-indent: -9999px; }
.insearch input[type="text"] { width: 100%; height: 40px;  padding: 0 40px 0 15px;  }
.insearch input[type="text"]::placeholder { color: #989898; }
.insearch .btn-search-mi {  position: absolute; width: 40px;  height: 40px; right: 0;  bottom: 0; }
.insearch .btn-search-mi button { position: relative; text-indent: -999px; min-width: inherit; max-width: inherit; overflow: hidden; width: 40px; height: 40px;  background: url(../images/icon-search.svg) no-repeat center;  background-size: 20px;}
.insearch .text-search { flex: 1; position:relative; }
.insearch .select { position: relative; width: 160px; padding-left:20px; }

/*Crop Profile*/

.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid var(--color-white);
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: var(--color-white);
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}


.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
    /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
.cr-rotate-controls button {
    border: 0;
    background: none;
}
.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}
.cr-rotate-l i:before {
    content: '↺';
}
.cr-rotate-r i:before {
    content: '↻';
}

 label.cabinet{
    display: block;
    cursor: pointer;
    max-width: 100%;
}

label.cabinet input.file{
    position: relative;
    height: 0;
    width: auto;
    opacity: 0;
    -moz-opacity: 0; display: none;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
label.cabinet figure {     margin: 0; }

.modal-open {
    overflow: hidden;
}

#upload-demo{
    width: 100%;
    height: 300px;
  padding-bottom:25px;
}

.modal-body { position: relative; padding: 15px 15px 25px 15px; }
.modal-dialog {     width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5); }
.modal-header { padding: 10px 15px 5px 15px; border-bottom: 1px solid #e5e5e5; }
.modal-title {
    margin: 0; padding: 0;
    line-height: 1.42857143;
}
.modal-content {
    position: relative;
    background-color: var(--color-white);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-footer {
    padding: 15px;
    text-align: right; display: flex;
    border-top: 1px solid #e5e5e5;
}
.modal-footer button { min-width:inherit; width: 50% !important; height: 46px !important; }
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
        -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.btn-default {
    color: #333;
    background-color: var(--color-white);
    border-color: #ccc;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;

    font-size: 14px;
    max-width: inherit !important; width: inherit !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.btn-primary {
    color: var(--color-white);
    background-color: #005288; max-width: inherit; width: max-content;
}
.btn-default { background:#f9f9f9 }
.btn-default:hover { color:var(--color-white); }
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 1;
    width: 28px !important; height: 28px !important;
    min-width: 28px !important;
    color: var(--color-black);
    background: #f0f0f0;
    border: 1px solid #eee;
    cursor: pointer !important;
    position: relative; z-index: 1;
}
.close:hover { color:var(--color-white) }

.up-gallery-crop {  position:relative; height: 100%; }
.up-gallery-crop label { padding-top:0; padding-bottom: 0; height: 100%; }
.up-gallery-crop figure { width: 100%; }
.up-gallery-crop label.cabinet figure:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(../images/icon-photo.svg) no-repeat center;
    background-size: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; z-index: 0;
}
.up-gallery-crop label.cabinet figure { position:  relative; overflow: hidden; width:  100%; height: 100%; border-radius:4px; display:block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: var(--color-miniblue);
    border: 1px solid var(--color-miniblue-border);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
.up-gallery-crop label.cabinet figure img { object-fit:cover; width: 100%; position:relative; z-index:1 }
.up-gallery-crop label.cabinet figure:hover { border:1px solid var(--color-blue); }
.up-gallery-crop .btn-rmv3 { display:none; }
.txt-choose-picture { position:absolute; width: 100%; text-align: center; z-index:0; bottom: 15px; left: 0; right:0; margin-left:auto; margin-right:auto; }

.img-thumbnail { width: 150px; height: 150px; border-radius:50%; display: inline-block;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #f4faff;
    border: 1px solid var(--color-blue);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
.img-thumbnail:hover { border:1px solid var(--color-blue); }
.box-upprofile { margin-top: 15px; width: 150px; text-align:center; position:relative; }
.txt-up { padding-top:15px; font-size:12px; font-weight:400 }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

/**/

.border-bottom { border-bottom:1px solid var(--color-miniblue-border); }
.border-top { border-top:1px solid var(--color-miniblue-border); }
.border-bottom-none { border-bottom:none; }

.pagination { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; margin: 10px 0 15px 0; padding: 0; }
.pagination span { display: inline-flex; width: 40px; height: 40px; margin: 0 4px; justify-content: center; align-items: center; border-radius: 50%; background: var(--color-dropwhitefooter) }
.pagination a { display: inline-flex; width: 40px; height: 40px; margin: 0 4px; font-family:  Arial, Helvetica, sans-serif; justify-content: center; align-items: center; align-content: center; border-radius: 50%; border: 1px solid var(--color-miniblue-border); background: var(--color-miniblue) }
.pagination a:first-child { margin-left: 0; }
.pagination a:last-child { margin-right: 0; }
.pagination a svg { fill: var(--color-black); width: 15px; height: 15px; }
.pagination a:hover { color: var(--color-blue); border: 1px solid var(--color-blue);  }
.pagination a.current { background: var(--color-blue); color: var(--color-white); border:1px solid var(--color-blue); }
.pagination span.prve { text-indent: -9999px; background: var(--color-miniblue) url(../images/icon-back-black.svg) no-repeat center; background-size: 50%; cursor: pointer; transition: all 0.3s ease;  border:1px solid var(--color-miniblue-border);}
.pagination span.prve:hover { background: var(--color-miniblue) url(../images/icon-back-black.svg) no-repeat center; background-size: 50%;  transition: all 0.3s ease; border:1px solid var(--color-blue);} 
.pagination span.next { text-indent: -9999px; background: var(--color-miniblue) url(../images/icon-next-black.svg) no-repeat center; background-size: 50%; cursor: pointer;  transition: all 0.3s ease; border:1px solid var(--color-miniblue-border);}
.pagination span.next:hover { background: var(--color-white) url(../images/icon-next-black.svg) no-repeat center; background-size: 50%;  transition: all 0.3s ease; border:1px solid var(--color-blue);} 
.pagination .none-border { border:none; padding-left:0; }
.pagination .none-border a:hover { border:nene;  }
.pagination .disable { pointer-events: none !important; cursor: default; opacity: 0.5; }
.pagination .dott { width: 20px; }

/* ------------------------------------------------------------------------------------------------------------
|  Nav Mobile  |
------------------------------------------------------------------------------------------------------------ */
.open-nav { opacity: 1; visibility: visible; right: 0 !important; transition-timing-function: cubic-bezier(0.76, 0.22, 0.38, 0.9); transition-duration: 0.5s; webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.show-nav { right: 0 !important; background: #ddd; -webkit-transition: all 0.6s cubic-bezier(1, .1, .2, 1); -moz-transition: all 0.6s cubic-bezier(1, .1, .2, 1); -o-transition: all 0.6s cubic-bezier(1, .1, .2, 1); transition: all 0.6s cubic-bezier(1, .1, .2, 1);}

.list-nav {  display: none; float: left; position: relative; width: 115px; height:50px; margin-left: 5px; text-align: center; text-transform: uppercase; background: var(--color-white); }
.list-nav a { display: inline-table; position: relative; width: 100%; height: 100%; color: #333; padding: 6px 0; font-size:16px; font-weight: 500; cursor: pointer; }

.current-nav { background: #333; }
.current-nav a { color: var(--color-white); }
.current-nav .menu-icon::before { background: #0071bc; }

.menu-icon {  position: absolute; top: 20px; left: 15px; width: 30px; height: 2px;  background-color: #0071bc; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); -webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.menu-icon::before, .menu-icon::after { content: ''; width: 100%; height: 100%; position: absolute; background-color: #0071bc; right: 0;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s;  transition: transform .3s, top .3s, background-color 0s;}
.menu-icon::before { top: -8px; }
.menu-icon::after { top: 8px; }
.menu-icon.is-clicked { background-color: rgba(255, 255, 255, 0); }
.menu-icon.is-clicked::before { background: var(--color-blue); top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg); }
.menu-icon.is-clicked::after {  background: var(--color-blue); top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-text { position: absolute; right: 40px; vertical-align: middle; text-align: left; color: var(--color-blue); /* color: var(--color-blue)*/; font-size: 14px; line-height: 1.5; text-transform: uppercase;  }

.nav { display: none; position: absolute; width: 30px; height: 40px; right: 15px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; z-index: 9999; cursor: pointer;  }
.nav a { display: flex; align-items: center; position: relative; width: 100%; height: 100%; }

.nav-overay { opacity: 0; visibility: hidden; }

.nav-overay {  position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 888; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.active-nav-overay  { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

/*.over-x { overflow: hidden; }*/

.nav-mobile {  position: fixed;
    width: 95%;
    height: 100%;
    max-height: calc(100vh - 0px);
    top: 0;
    right: -95%;
    z-index: 1;
    margin: 0;
    padding: 0;  overflow: auto; z-index: 999; -webkit-transition: all 0.6s cubic-bezier(.42,.19,.23,.92); -moz-transition: all 0.6s cubic-bezier(.42,.19,.23,.92); -o-transition: all 0.6s cubic-bezier(.42,.19,.23,.92); transition: all 0.6s cubic-bezier(.42,.19,.23,.92); }
.nav-mobile:before { content: ''; position: absolute; width: 100%; height: 50px; background: var(--color-white); top: 0; left: 0; z-index: 1; }

.nav-mobile aside { position: relative; display: table; width: 100%; height: 100%; padding-top: 100px; text-align: center; background: var(--color-blue); }
.nav-mobile aside ul { display: inline-block; width: 100%; vertical-align: middle; padding: 20px 0; }
.nav-mobile aside ul li { display: table; width: 100%; padding: 0; text-align: left; vertical-align: middle; border-bottom: 1px solid var(--color-blue-big); }
.nav-mobile aside ul li:first-child { border-top: 1px solid var(--color-minisky-border); }
.nav-mobile aside ul li a { position: relative; display: inherit; width: 100%; padding: 10px 20px;  font-family: "Playfair", serif; font-weight: 600; color: var(--color-white); font-size: 19px; text-transform: uppercase; }
.nav-mobile aside ul li a:hover { color: var(--color-blue);  }
.nav-mobile aside ul li a.current { color: var(--color-white); font-weight: 600; background: var(--color-gold);  }
/*.nav-mobile aside ul li a.current span:before { background: #edf5ff; border: 1px solid #edf5ff; }*/
.nav-mobile aside ul li span { position: relative; display: table-cell; vertical-align: middle; }
/*.nav-mobile aside ul li span:before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; border: 1px solid var(--color-white-drop); background: none; left: -20px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }*/
.nav-mobile aside .register { padding: 15px; }
.nav-mobile aside .register span { padding-top: 2px; }
.nav-mobile aside .btn-register { padding: 10px 15px; color: var(--color-blue); font-weight: 500; text-transform: uppercase; font-size: 18px; border-radius: 90px; background: var(--color-blue);   }

.nav-mobile aside ul li .toggle-subnav { display: none; padding-bottom: 20px; }
.nav-mobile aside ul li .toggle-subnav a { padding: 5px 20px; font-size: 14px; color: var(--color-white-drop); }

.nav-mobile aside .in-lang { padding: 10px 20px 0 20px;  justify-content: flex-end }
.nav-mobile aside .in-lang span { display:flex; align-items:center; padding: 2px 10px; font-size: 14px; border-radius:30px; border:1px solid rgba(148, 181, 222, .5); }
.nav-mobile aside .in-lang a { color:var(--color-white); margin-left:10px; }
.nav-mobile aside .in-lang i { display: inline-flex; width: 20px; height: 12px; margin-right: 6px; align-items: center; vertical-align: middle; border-radius: 4px; }
.nav-mobile aside .in-lang i svg { display: block; width: 100%; height: 100%; }
.nav-mobile aside .in-lang .icon-flag-en { background: url(../images/flag-en.svg) no-repeat center; }
.nav-mobile aside .in-lang .icon-flag-th { background: url(../images/flag-th.svg) no-repeat center; }


.subplus { position: absolute; width: 14px; height: 14px; right: 0; top: 3px; background: url(../images/icon-arrow-down.svg) no-repeat center; background-size: 100%; -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;  }
.subplus-rotate { -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;  }


/* ------------------------------------------------------------------------------------------------------------
|  Cover  |
------------------------------------------------------------------------------------------------------------ */
.cover { margin-top: 100px; padding:  0;  }
.cover .box-cover { position:relative; }
.cover .box-cover:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); left: 0; top: 0; }
.cover .warpper { padding-top:10px; padding-bottom:10px; }
.cover h1 { color: var(--color-white); font-weight: 600; text-transform: uppercase; border-bottom:none; line-height:1 }
.cover ul { position: absolute; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: var(--color-white); }
.cover ul li { display: flex; width: auto; padding: 0 15px; border-left: 1px solid var(--color-white-drop); }
.cover ul li:first-child { border-left: none; }
.cover ul li a { color: var(--color-white); font-size: 16px; }
.cover ul li a:hover,.cover ul li a.current { color: var(--color-blue); }


/* ------------------------------------------------------------------------------------------------------------
|  Banner  |
------------------------------------------------------------------------------------------------------------ */
.banner { display: block; margin-top: 101px; z-index: 2; }
.banner li { position:relative; }
.banner li aside { position: absolute; width: 100%; height: 100%; z-index: 1; }
.banner li aside .warpper { display: flex; align-items: center;  }
.banner li aside article { display: flex; justify-content: center;  width: 100%; color: var(--color-white);  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
.banner li aside article h1 { padding-bottom: 0; font-size: 60px; line-height: 0.8; font-weight: 800; font-family: 'Montserrat', sans-serif; }
.banner li aside article h1 span { font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 600; font-style: italic; color: #01369f; text-shadow: 0 0 2px rgba(255, 255, 255, 1);; }
.banner li aside article h2 { font-size: 50px; text-transform: uppercase; font-weight: 300; }
.banner li aside article h3 { padding-top: 20px; font-size: 34px; font-weight: 400; }
.banner li aside article p { line-height: 1.2; font-size: 20px; }
.banner li aside article a { color: var(--color-white); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); }
.banner img { display: block; width: 100%; }
.banner .slick-dots { bottom: 15px; }
.banner .slick-prev, .banner .slick-next { display: none !important; }
.banner .owl-theme .owl-dots .owl-dot { width: inherit; min-width: inherit; }

/* ------------------------------------------------------------------------------------------------------------
|  schedule-of-events  |
------------------------------------------------------------------------------------------------------------ */
.schedule-of-events { position: relative; width: 100%; padding-bottom:80px; padding-top:30px; }
.schedule-of-events .detail { margin-top:30px; margin-left: auto; width: 100%; max-width:960px  }
.schedule-of-events .detail ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1px 0; }
.schedule-of-events .detail ul li { position: relative; }
.schedule-of-events .detail ul li:before { content:''; position:absolute; width: 100%; height:1px; border-bottom: 1px dashed var(--color-miniblue); bottom: 0; left: 0;}
.schedule-of-events .detail ul li:nth-last-child(-n + 2):before { display:none; }
.schedule-of-events .detail span { color: var(--color-777); }
.schedule-of-events .detail p { padding: 10px 10px 10px 0 }
.schedule-of-events .date-line { position: relative; font-weight:600; width: 100%; margin-top: 20px; padding-bottom:15px; margin-bottom: 0px; color:var(--color-blue); border-bottom:1px solid var(--color-miniblue-border); }
.schedule-of-events .date-line:before { content:''; position:absolute; width: 15px; height:1px; background:var(--color-blue); left:0; bottom: -1px; }

.shortcut-link-home { width: 100%; padding-top: 10px; }
.shortcut-link-home ul { display: flex; flex-wrap: wrap; margin: 0 -10px; padding: 0 !important }
.shortcut-link-home li { width: 33.3333% !important; flex: 33.3333% !important; padding: 0 10px; margin: 0; list-style: none !important; }
.shortcut-link-home .box {  width: 100%;  padding: 10px; display: flex; flex-wrap: wrap; align-items: center;  background: var(--color-miniblue); border-radius: 8px; border:1px solid var(--color-miniblue-border);  }
.shortcut-link-home .box a { width: 100%; color: var(--color-blue); font-size: 18px; }
.shortcut-link-home .box a:hover { color:var(--color-blue); }
.shortcut-link-home .img { width: 50px; display: flex; flex-wrap: wrap; align-items: center; }
.shortcut-link-home .img img { width: 100%; }
.shortcut-link-home .text { flex: 1; padding-left: 15px; font-weight: 500; line-height: 1.2; }
.shortcut-link-home .text small { display: block; width: 100%; font-weight: 300; color: var(--color-gray); }


.icon-factsheet { width: 16px; height: 16px; background: url(../images/icon-factsheet.svg) no-repeat center; background-size: 100%; }
.icon-apply { width: 16px; height: 16px; background: url(../images/icon-apply.svg) no-repeat center; background-size: 100%; }
.icon-entrylist { width: 16px; height: 16px; background: url(../images/icon-entrylist.svg) no-repeat center; background-size: 100%; }
.icon-teetimes { width: 16px; height: 16px; background: url(../images/icon-teetimes.svg) no-repeat center; background-size: 100%; }

/* ------------------------------------------------------------------------------------------------------------
|  Player Home  |
------------------------------------------------------------------------------------------------------------ */
.player-flag { display:flex; flex-wrap:wrap; margin-top: 5px; align-items: center;  text-transform:uppercase; font-size:13px; font-weight:500; line-height: 1; color:var(--color-828282); margin-left:20px; }
.player-flag .flag { margin-right:7px }
.player-name { margin-left: 20px;  font-weight: 700; color:var(--color-blue); font-size:18px; text-align:left; padding-top:20px;  }
.player-name .name { display:block; width: 100%; }
.player-name .surname { display:block; width: 100%; }

.player-home { padding: 40px 0 80px 0; color: var(--color-black); background:var(--color-mini-gray); }
.player-home main { position: relative; width: 100%; }
.player-home header a { color: var(--color-white-drop); }
.player-home header span a:hover { color: var(--color-white); }

.player-home ul { display: flex; flex-wrap: wrap; margin-top: 20px;  }
.player-home ul li { text-align: center; }
.player-home ul li .photo-radius { position: relative; width: 100%; height: 100%; padding: 0; border-radius: 14px; overflow: hidden; transition: all 0.3s ease;  }

.player-home ul li a:hover .photo-radius:before { opacity: 1; transition: all 0.3s ease; }

.player-home ul li a { color: var(--color-black); border-radius: 50%; }
.player-home ul li a:hover { color: var(--color-blue) }
.player-home ul li h5 { display: flex;flex-direction: column; padding: 0; text-transform:uppercase; font-size:16px; }
.player-home ul li h5 a { display: inline-flex; color:var(--color-black); font-weight:500 }
.player-home ul li h5 span { /*padding-left: 8px;*/ }
.player-home ul li p { padding-top: 0; font-size: 14px; color: var(--color-blue); }
.player-home ul li p span { color: var(--color-blue); font-size: 24px; font-weight: 600; }

.player-home ul li figure { position: relative; display: block; height: 0; padding-bottom: 100%;  overflow: hidden;  }
.player-home ul li figure img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;  }

.players-list { position: relative; width: 100%; padding: 0 0 60px 0; background: var(--color-white); }
.players-list .warpper {  display: flex; flex-wrap: wrap; }
.players-list main { width: 100%;  }
.players-list main h4.title { margin-bottom:20px; }
.players-list main ul { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.players-list main ul li { width: 25%;  text-align: center; padding: 0 15px 30px 15px; }

.players-list main ul li .photo-radius { position: relative; margin: 0 auto; padding: 20px; width: 80%;  overflow: hidden;  transition: all 0.3s ease;  }
.players-list main ul li .photo-radius img { width: 100%; border-radius: 50%; object-fit: cover;  }
.players-list main ul li .photo-radius a { display: block !important; }
.players-list main ul li .photo-radius a:hover img {  }

.players-list main ul li a { color: var(--color-white); }
.players-list main ul li a:hover { color: var(--color-blue) }
.players-list main ul li h5 { display: block; padding: 0; color: var(--color-black); font-weight: 600; text-transform: uppercase; font-size:16px; }
.players-list main ul li h5 a { display: inline-flex; }
.players-list main ul li h5 span { padding-left: 0; display:block; width: 100%; }
.players-list main ul li p { padding-top: 0; padding-bottom: 0; font-size: 16px; color: var(--color-blue); }
.players-list main ul li p span { color: var(--color-blue); font-size: 24px; font-weight: 600; }

.players-list main ul li figure { position: relative; display: block; height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden;  }
.players-list main ul li figure img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; border-radius: 50%;  }

.players-list main ul li article { position: relative; height: 100%; background: var(--color-miniblue); border-radius: 8px; border:1px solid var(--color-miniblue-border); transition:all 0.3s ease }
.players-list main ul li article:hover {  border:1px solid var(--color-blue); transition:all 0.3s ease }
.players-list main ul li article a:hover h5 { color:var(--color-blue); }
.players-list main ul li .left { position: relative; width: 100%; margin: 0 auto;  }
.players-list main ul li .right { width: 100%; padding: 0 10px 15px 10px; }

.players-list .search-filter ul li { width: 100%; }


.btn-view-player-detail a { display:flex; align-items:center; justify-content:center; height: 50px; border-radius:90px; color:var(--color-white); background: var(--color-blue); }
.btn-view-player-detail a:hover { background:var(--color-blue); }

.world-ranking { display:flex; flex-wrap:wrap; padding-bottom:15px; }
.world-ranking-wagr { display: inline-block; position: relative; width: 80px; height: 40px; margin: 0 5px 0 0;  padding: 2px; text-indent: -9999px; overflow: hidden; background: var(--color-white) url(../images/logo-wagr.svg) no-repeat center; background-size: 100%; border-radius:4px; border:1px solid var(--color-miniblue-border);  }
.world-ranking-jgs { display: inline-block; position: relative; width: 94px; height: 40px; margin: 0 5px 0 0;  padding: 2px; text-indent: -9999px; overflow: hidden; background: var(--color-white) url(../images/logo-jgs.svg) no-repeat center; background-size: 100%;  border-radius:4px; border:1px solid var(--color-miniblue-border); }
.ptpb-5 { padding-top:5px; padding-bottom:5px; }

.teamcolor { display: inline-flex; width: 20px; height: 20px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: 100%; }

.team-red { background-image: url(../images/icon-team-red.svg);  }
.team-cherry { background-image: url(../images/icon-team-cherry.svg);  }
.team-blood { background-image: url(../images/icon-team-blood.svg);  }
.team-candy { background-image: url(../images/icon-team-candy.svg);  }

.team-pink { background-image: url(../images/icon-team-pink.svg);  }
.team-fuscia { background-image: url(../images/icon-team-pink.svg);  }
.team-strawberry { background-image: url(../images/icon-team-strawberry.svg);  }
.team-punch { background-image: url(../images/icon-team-punch.svg);  }

.team-yellow { background-image: url(../images/icon-team-yellow.svg);  }
.team-lemon { background-image: url(../images/icon-team-lemon.svg);  }
.team-gold { background-image: url(../images/icon-team-gold.svg);  }
.team-corn { background-image: url(../images/icon-team-corn.svg);  }

.team-green { background-image: url(../images/icon-team-green.svg);  }
.team-lime { background-image: url(../images/icon-team-lime.svg);  }
.team-shamrock { background-image: url(../images/icon-team-shamrock.svg);  }
.team-seafoam { background-image: url(../images/icon-team-seafoam.svg);  }

.team-blue { background-image: url(../images/icon-team-blue.svg);  }
.team-sky { background-image: url(../images/icon-team-sky.svg);  }
.team-ocean { background-image: url(../images/icon-team-ocean.svg);  }
.team-cerulean { background-image: url(../images/icon-team-cerulean.svg);  }

.team-purple { background-image: url(../images/icon-team-purple.svg);  }
.team-magenta { background-image: url(../images/icon-team-magenta.svg);  }
.team-violet { background-image: url(../images/icon-team-violet.svg);  }
.team-lavender { background-image: url(../images/icon-team-lavender.svg);  }

.team-orange { background-image: url(../images/icon-team-orange.svg);  }
.team-amber { background-image: url(../images/icon-team-amber.svg);  }
.team-cantaloupe { background-image: url(../images/icon-team-cantaloupe.svg);  }
.team-sandstone { background-image: url(../images/icon-team-sandstone.svg);  }

.team-brown { background-image: url(../images/icon-team-brown.svg);  }
.team-coffee { background-image: url(../images/icon-team-coffee.svg);  }
.team-caramel { background-image: url(../images/icon-team-caramel.svg);  }
.team-peanut { background-image: url(../images/icon-team-peanut.svg);  }

.team-tan { background-image: url(../images/icon-team-tan.svg);  }
.team-fawn { background-image: url(../images/icon-team-fawn.svg);  }
.team-sepia { background-image: url(../images/icon-team-sepia.svg);  }
.team-hazelnut { background-image: url(../images/icon-team-hazelnut.svg);  }

.team-grey { background-image: url(../images/icon-team-grey.svg);  }
.team-iron { background-image: url(../images/icon-team-iron.svg);  }
.team-fling { background-image: url(../images/icon-team-fling.svg);  }
.team-fossil { background-image: url(../images/icon-team-fossil.svg);  }

.cb-star { background-image: url(../images/icon-cb-star.svg);  }
.playoff-star { background-image: url(../images/icon-playoff-star.svg);  }



/* ------------------------------------------------------------------------------------------------------------
|  Live Score |
------------------------------------------------------------------------------------------------------------ */
.livescore {  min-height: 500px; }
.livescore main { position: relative; width: 100%; overflow: hidden; border-bottom: 3px solid var(--color-blue); background: #f8fafd;}
.livescore main table:first-child { border-bottom:3px solid var(--color-gold);  }

.livescore-table { width: 100%;  border: none; border-collapse: separate;  border-spacing: 0; font-size: 16px; font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;  }
.livescore-table a { margin: auto; display: flex; align-items: center; }
.livescore-table h5 { padding: 5px 0; font-weight: 600; }
.livescore-table thead th { color: var(--color-white-drop); padding: 5px; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 600; white-space: nowrap;  background-color: var(--color-blue); border-right: 1px solid var(--color-minisky-border);  }
.livescore-table thead th:first-child { border-left: none; }
.livescore-table thead th:last-child { border-right: none; }
.livescore-table thead th.no-border-right { border-right: none; }
.livescore-table thead tr .name { font-weight: 600; }

.livescore-table tbody td { padding: 5px; text-align: center; white-space: nowrap; border-bottom: solid 1px var(--color-miniblue-border); border-right: 1px solid #d8dfe8; }
.livescore-table tbody td:first-child { border-left: none; }
.livescore-table tbody td:last-child { border-right: none; }
.livescore-table tbody tr { background: none;  transition: all 0.3s ease; }
.livescore-table tbody tr:nth-child(odd) { background: #edf1f7; }
.livescore-table tbody td img { margin: 0 auto }

.livescore-table .fav { width: 30px;  }
.livescore-table .fav a { width: 19px; }
.livescore-table .fav a:hover { color:var(--color-blue); }
.livescore-table .pos { width: 40px; }
.livescore-table .name { padding: 5px 12px; text-align: left; font-weight: 400 }
.livescore-table .name .inname { line-height: 1; }
.livescore-table .name .inname .teamcolor { width: 15px; margin-right: 3px; }
.livescore-table .name .inname span { padding-left: 5px; }
.livescore-table .name div { width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.livescore-table .name div span { padding-left: 5px; }
.livescore-table .nat { width: 40px; }
.livescore-table .nat img { width: 20px; }
.livescore-table .show-r { width: 35px; line-height: 0; }
.livescore-table .totalpar { width: 60px; }
.livescore-table .hole { width: 35px; line-height: 0; }
.livescore-table .sum-hole { display: none; width: 40px; }
.livescore-table .outhole { width: 40px; }
.livescore-table .inhole { width: 40px; }
.livescore-table .tothole { width: 40px; }
.livescore-table .todaypar { width: 60px; }

.livescore-table .hole-mobile { display: none; position: relative; margin-top: 5px;  width: 100% !important; background: var(--color-white); }
.livescore-table .table-hole-9 { width: 100% !important; height: 100%; font-size: 11px; background: var(--color-white); }
.livescore-table .table-hole-9 table { width: 100%; text-align: center; font-weight: 400; }
.livescore-table .table-hole-9 table tr td {padding: 4px; font-weight: normal; text-transform: uppercase; background: var(--color-white); }
.livescore-table .table-hole-9 table tr:first-child td {  font-weight: bold; border-top: solid 1px var(--color-miniblue-border)  }
.livescore-table .table-hole-9 table tr td:first-child { font-weight: bold; text-transform: uppercase; }
/*.livescore-table .table-hole-9 table tr:nth-child(2) td { background: #f9f9f9 }*/
.livescore-table .m-hole-in { }
.livescore-table .m-hole-out { display: none; }
.livescore-table .set-hole { position: relative; display: flex; flex-wrap: wrap; width: 100% !important; align-items: center; border-top: solid 1px var(--color-miniblue-border); }
.livescore-table .set-hole .set-one { width: 60px; height: 30px; margin-right: 1px; }
.livescore-table .set-hole .set-two { width: 60px; height: 30px; }
.livescore-table .set-hole .set-close { position: relative; display: flex; align-items: center; margin-left: auto; padding-right: 5px; padding-left: 0; /*width: 24px;*/ }
.livescore-table .set-hole .set-close a { position: relative; width: 19px; height: 19px; background: #999 url(../images/icon-close.png) no-repeat center; border-radius: 50%; }
.livescore-table .set-hole a { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; padding: 3px 0; background: #999; color: var(--color-white); text-align: center; }
.livescore-table .set-hole a.current { color: var(--color-white-drop); background: var(--color-blue); }
.livescore-table .set-hole a.current:before { content: ''; position: absolute; width: 9px; height: 7px; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; background: url(../images/icon-arrowdown-mini.png) no-repeat center bottom; }
.livescore-table .set-round { padding-left:5px; display:flex; }
.livescore-table .set-round .round-box { padding-right: 5px; padding-top: 2px; margin-left: 2px; border-radius:2px; border:1px solid #83aad4; font-size:12px; }

.livescore-table .score-num { font-weight: 600; color: var(--color-blue) }
.livescore-table .border-bottom { border-bottom: 1px solid var(--color-minisky-border); }
.livescore-table .border-right { border-right: 1px solid var(--color-minisky-border) !important; }
.livescore-table .big { font-weight: 600; }

.livescore-table .teamcolor { display: inline-table; vertical-align: text-bottom; }

.livescore dl { display: flex; flex-wrap: wrap; }
.livescore dl dd { padding-top: 2px; padding-right: 8px; font-size: 14px; font-weight: 600; }
.livescore dl dd:last-child { padding-right: 0; }
.livescore dl dd span { display: inline-block; margin-bottom: 2px; margin-right: 3px; border-radius: 50%; width: 14px; height: 14px; vertical-align: middle; }

.livescore .search-filter { padding-bottom:10px; }
.livescore .search-filter li {  }
.livescore .search-filter li:last-child { flex: 1; justify-content: flex-end; }

.livescore .chosen-container-single .chosen-single { border: 1px solid var(--color-miniblue-border);; }
.livescore .chosen-container .chosen-results li:first-child { padding: 5px 6px !important; }
.livescore .chosen-container-single .chosen-drop { border: 1px solid var(--color-miniblue-border);; border-top: none !important; }


.livescore-tournament { width: 100%; padding-top: 20px;}
.livescore-tournament h2 { color: var(--color-blue); }
.livescore-tournament h4 { padding-bottom:0; color:var(--color-gray); }

.full-leaderboard header { display: none; }
.full-leaderboard header h5 { font-weight: 600; padding-left: 10px; }

.my-leaderboard header { display: none ; }
.my-leaderboard header h5 { font-weight: 600; padding-left: 10px; color: var(--color-blue); }
.my-leaderboard .livescore-table tbody tr:nth-child(odd) { background: #d1deef; }
.my-leaderboard .livescore-table tbody tr:nth-child(even) { background: #e5efff }
.my-leaderboard tbody tr:first-child td  { border-top: solid 1px #c0cee0 !important; }
.my-leaderboard tbody td {  border-right: solid 1px #c0cee0 ; border-bottom: solid 1px #c0cee0 ;  }

.action-board header { display: block; }
.action-board .livescore-table tbody tr:first-child td { border-top: solid 1px var(--color-miniblue-border) ; }

/*Par Table*/
.par-section { width: 100%; }
.par-table { width: 100%;  border: none; border-collapse: separate;  border-spacing: 0; font-family: 'Roboto Condensed','Kanit', Arial, Helvetica, sans-serif;font-size: 14px; }
.par-table a { margin: auto; }
.par-table h5 { padding: 5px 0; font-weight: 600; }
.par-table thead th { color: var(--color-white-drop); padding: 5px; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: 600; white-space: nowrap;  background-color: var(--color-blue); border-right: 1px solid var(--color-minisky-border);  }
.par-table thead th:first-child { border-left: none; }
.par-table thead th:last-child { border-right: none; }
.par-table thead th.no-border-right { border-right: none; }

.par-table tbody td { padding: 5px; text-align: center; white-space: nowrap; border-bottom: solid 1px var(--color-miniblue-border); border-right: 1px solid #d8dfe8; }
.par-table tbody td:first-child { border-left: none; }
.par-table tbody td:last-child { border-right: none; }
.par-table tbody tr { background: none;  transition: all 0.3s ease; }
.par-table tbody tr:nth-child(odd) { background: #edf1f7; }
.par-table tbody td img { margin: 0 auto }

.par-table .fav { width: 30px;  }
.par-table .fav a { width: 19px; }
.par-table .pos { width: 40px; }
.par-table .nameClass { width: 80px; padding: 5px 12px; text-align: center; font-weight: 600 }
.par-table .nameClass .innameClass { display: inline-block; align-items: center; }
.par-table .nameClass .innameClass .teamcolor { width: 15px; margin-right: 3px; }
.par-table .nameClass .innameClass span { padding-left: 5px; }
.par-table .nat { width: 40px; }
.par-table .nat img { width: 20px; }
.par-table .totalpar { width: 60px; }
.par-table .hole { width: 35px; }
.par-table .holdColor { text-align: left; }
.par-table .sum-hole { display: none; width: 40px; }
.par-table .outhole { width: 40px; }
.par-table .inhole { width: 40px; }
.par-table .tothole { width: 40px; }
.par-table .todaypar { width: auto; }

.par-table .hole-mobile { display: none; position: relative; margin-top: 5px;  width: 100% !important; background: var(--color-white); }
.par-table .table-hole-9 { width: 100% !important; height: 100%; font-size: 11px; background: var(--color-white); }
.par-table .table-hole-9 table { width: 100%; text-align: center; font-weight: 400; }
.par-table .table-hole-9 table tr td {padding: 4px; font-weight: normal; text-transform: uppercase; background: var(--color-white); }
.par-table .table-hole-9 table tr:first-child td {  font-weight: bold; border-top: solid 1px var(--color-miniblue-border)  }
.par-table .table-hole-9 table tr td:first-child { font-weight: bold; text-transform: uppercase; }
/*.par-table .table-hole-9 table tr:nth-child(2) td { background: #f9f9f9 }*/
.par-table .m-hole-in { }
.par-table .m-hole-out { display: none; }
.par-table .set-hole { position: relative; display: flex; flex-wrap: wrap; width: 100% !important; align-items: center; border-top: solid 1px var(--color-miniblue-border); }
.par-table .set-hole .set-one { width: 60px; height: 30px; margin-right: 1px; }
.par-table .set-hole .set-two { width: 60px; height: 30px; }
.par-table .set-hole .set-close { position: relative; display: flex; align-items: center; margin-left: auto; padding-right: 5px; width: 24px; }
.par-table .set-hole .set-close a { position: relative; width: 19px; height: 19px; background: #999 url(../images/icon-close.png) no-repeat center; border-radius: 50%; }
.par-table .set-hole a { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; padding: 3px 0; background: #999; color: var(--color-white); text-align: center; }
.par-table .set-hole a.current { color: var(--color-white-drop); background: var(--color-blue); }
.par-table .set-hole a.current:before { content: ''; position: absolute; width: 9px; height: 7px; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; background: url(../images/icon-arrowdown-mini.png) no-repeat center bottom; }

.par-table .score-num { font-weight: 600; color: var(--color-blue) }
.par-table .border-bottom { border-bottom: 1px solid var(--color-minisky-border); }
.par-table .border-right { border-right: 1px solid var(--color-minisky-border) !important; }
.par-table .big { font-weight: 600; }
.par-table .teamcolor { display: inline-table; }

.par-table .colorcircle { position: relative; padding-left: 20px; text-align: left; }
.par-table .colorcircle:before { content: ''; position: absolute; width: 14px; height: 14px; border-radius: 50%; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; border: 1px solid rgba(0,0,0,0) }
.par-table .Black:before { background: #000 } 
.par-table .White:before { background: var(--color-white); border: 1px solid #d8dfe8; } 
.par-table .Blue:before { background: #0b74cf } 
.par-table .Red:before { background: #fa0000 } 
.par-table .Yellow:before { background: #fdbc00 } 
.par-table .Green:before { background: #63a910 } 
.par-table .Purple:before { background: #8a09b4 } 
.par-table .Gold:before { background: #d4af37 }
.par-table .Pink:before { background: #f62691 } 

/*End*/

.mini-class { min-width: 150px !important; }



.adds-leaderboard { margin: auto; position: relative; display: flex; justify-content: center; align-items: center; width: 19px; height: 19px; border: 2px solid var(--color-white-drop); border-radius: 50%;  transition: all 0.3s ease }
.adds-leaderboard:before { content: ""; position: absolute; width: 9px; height: 1px; background: var(--color-white-drop); left: 0; top: 0; right: 0; bottom: 0; margin:  auto; }
.adds-leaderboard:after { content: ""; position: absolute; width: 1px; height: 9px; background: var(--color-white-drop); left: 0; top: 0; right: 0; bottom: 0; margin:  auto; }

.add-leaderboard { margin: auto; position: relative; display: flex; justify-content: center; align-items: center; width: 19px; height: 19px; border: 1px solid var(--color-blue); border-radius: 50%;  transition: all 0.3s ease }
.add-leaderboard:hover { border: 1px solid var(--color-blue);  transition: all 0.3s ease }
.add-leaderboard:before { content: ""; position: absolute; width: 9px; height: 1px; background: var(--color-black); left: 0; top: 0; right: 0; bottom: 0; margin:  auto; }
.add-leaderboard:after { content: ""; position: absolute; width: 1px; height: 9px; background: var(--color-black); left: 0; top: 0; right: 0; bottom: 0; margin:  auto; }

.del-leaderboard {  margin: auto; position: relative; display: flex; justify-content: center; align-items: center; width: 19px; height: 19px; background: #999; border-radius: 50%;  transition: all 0.3s ease }
.del-leaderboard:hover { background: var(--color-blue);  transition: all 0.3s ease }
.del-leaderboard:before { content: ""; position: absolute; width: 9px; height: 1px; background: var(--color-white); left: 0; top: 0; right: 0; bottom: 0; margin:  auto; }

.search-filters-livescore-stat .stat-score .Eagles,
.search-filters-livescore-stat .stat-score .Birdies,
.search-filters-livescore-stat .stat-score .Bogeys,
.search-filters-livescore-stat .stat-score .DBBogey { margin-right: 6px; width: 14px; height:14px; }

.Eagles { margin: auto;  display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 24px; height: 24px; background: #f5b300; color: var(--color-white); }
.Birdies {  margin: auto;  display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 24px; height: 24px; background: #e00000; color: var(--color-white); }
.Bogeys {  margin: auto;  display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 24px; height: 24px; background: #158cd4; color: var(--color-white); }
.DBBogey {  margin: auto;  display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 24px; height: 24px; background: #1ca976; color: var(--color-white); }

.eagles { background: #f5b300 !important; color: var(--color-white); }
.birdies { background: #e00000 !important; color: var(--color-white); }
.bogeys { background: #158cd4 !important; color: var(--color-white); }
.dbbogey { background: #1ca976 !important; color: var(--color-white); }

.full-width { width: 100%; grid-template-columns:1fr }

/**/
.tournament-info { position:relative; padding: 40px 0 80px 0 }
.tournament-info h2 { font-size:36px }
.tournament-info .box-course { display:flex; flex-wrap: wrap; width: 100%; margin-top:30px; background:var(--color-miniblue); }
.tournament-info .course-gallery { position:relative; width: 50%; }
.tournament-info .course-des { width: 50%; padding: 40px;  }
.tournament-info .course-des h4 { line-height:1 }
.tournament-info .course-des .date {  color:var(--color-blue); }
.tournament-info .table-content { margin-bottom: 15px; padding: 10px 20px; width: 100%; border-radius:10px; border:1px solid var(--color-miniblue-border); }
.tournament-info .table-content ul li { padding: 10px 0; list-style: none; border-bottom:1px dashed var(--color-miniblue-border); }
.tournament-info .table-content ul li:last-child { border-bottom:none; }
.tournament-info .table-content .contact-name { position: relative; font-weight:600 }
.tournament-info .table-content .contact-name:before { content:''; position:absolute; width: 6px; height:6px; border-radius:90%; left: -15px; top: 0; bottom: 0; margin-top:auto; margin-bottom:auto; background:var(--color-blue); }
.tournament-info .table-content .contact-point { font-weight: 600; color:var(--color-828282); }
.tournament-info .table-content .contact-point:first-letter { font-weight:700 }
.tournament-info .table-content .phone-email { display:flex;  flex-wrap:wrap; padding-top:10px; }
.tournament-info .table-content .contact-phone { position: relative; padding-left:30px; margin-right:50px }
.tournament-info .table-content .contact-phone:before { content:''; position:absolute; width: 24px; height:24px; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; background: url(../images/icon-phone-blue.svg) no-repeat center; background-size: 100%; }
.tournament-info .table-content .contact-email { position: relative; padding-left:34px; }
.tournament-info .table-content .contact-email:before { content:''; position:absolute; width: 24px; height:24px; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; background: url(../images/icon-mail-blue.svg) no-repeat center; background-size: 90%; }




.s-bank { position:relative; padding-bottom:15px; }
.r-bank { width: 100%; display:grid; grid-template-columns:150px 1fr; padding: 6px 0;  font-weight:600; border-bottom:1px dashed var(--color-miniblue); }
.r-bank:first-child { border-top:1px dashed var(--color-miniblue);  }
.n-bank { position: relative;font-weight:500; color: var(--color-828282);}
.n-bank:before { content:''; position:absolute; width: 1px; height: 90%; background:var(--color-miniblue-border); right:8px; top: 0; bottom: 0; margin-top:auto; margin-bottom:auto; }

.box-show-par { position:relative;position: relative; display: flex; flex-wrap: wrap; width: 100%; }

.color-red { color: #ff0000 }

/* ------------------------------------------------------------------------------------------------------------
|  Register |
------------------------------------------------------------------------------------------------------------ */
.registration { position:relative; width: 100%; padding: 80px 0  }
.registration .box-registration { width: 100%; max-width:760px; min-height: 300px; margin:0 auto; }
.registration ul { display:grid; grid-template-columns: 1fr 1fr; grid-gap:20px; }
.registration .select-birth { display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:10px; }
.registration input,.registration select { border-radius:8px; }
.registration input {  padding-left:15px; padding-right:15px; }
.registration label { padding-top: 0; color:var(--color-777); }
.registration .title { padding-bottom:20px; margin-bottom:15px }

.registration .box-registration .btn { cursor:default; }

.registration .text-pay { font-size:14px; }

.registration button { width: 100%; max-width:250px; height: 56px; border-radius:90px }
.registration button:hover { background:var(--color-gold) }

.full-width label { color:var(--color-black); }
.full-width small { color:var(--color-828282); font-size:13px; }

/**/
.show-date-time { display: inline-flex; justify-content: center; align-items: center; position:absolute; right:20px; top: 0; bottom: 0; margin-top:auto; margin-bottom:auto; z-index:9; color:var(--color-white); }
.clock { color: var(--color-white); padding-left: 10px; min-width:130px; text-align:right; }


.text-gray { color:var(--color-777); }

/**/

.register { padding: 40px 0 60px 0;  }

.register-zone { position: relative; display: flex; flex-wrap: wrap; width: 100%; padding: 0; }
.register-zone form { width: 100%; }

.register-zone aside { position: relative; display: flex; flex-wrap: wrap; width: 100%; align-items: center;  background: var(--color-blue); color: var(--color-white);  }  
.register-zone .pic-left {  width: 55%; height: 100%; background: var(--color-white); }
.register-zone .text {  width: 45%;  padding: 40px;  }
.register-zone .text h4 { padding-bottom: 10px;  }
.register-zone .text h5 { color: var(--color-blue); }

.register-zone article { margin: 0 auto;  width: 60%; padding: 30px 0 60px 0; }
.register-zone article.mini { width: 100%; max-width:500px; }
.register-zone article h2 { padding: 30px 0; text-align: center; font-weight: 300; border-bottom: 1px solid var(--color-blue); }
.register-zone article h4 { font-weight: 300; color: var(--color-blue); }
.register-zone article h5 { padding-top: 30px; padding-bottom: 5px; }
.register-zone ul { display: flex; flex-wrap: wrap; margin: 0 -15px; padding: 0;  }
.register-zone ul li { position: relative;  width: 50%; padding: 5px 15px; list-style: none; }
.register-zone ul li.full {  width: 100%;  }
.register-zone dl { display: flex; flex-wrap: wrap; margin: 0 -15px; padding: 0;  }
.register-zone dl dt {  width: 50%; padding: 5px 15px; list-style: none; }
.register-zone dl dt.full {  width: 100%;  }
.register-zone ul li .box-img { width: 100%; margin-top: 10px; }
.register-zone ul li .box-img img { width: 100%; border-radius: 10px; }
.register-zone .select-birth { display: flex; flex-wrap: wrap; margin: 0 -2px; }
.register-zone .select-birth > div { padding: 0 2px; }
.register-zone .dd { width: 25%; }
.register-zone .mm { width: 45%; }
.register-zone .yy { width: 30%; }
.register-zone .pt-20 { padding-top: 20px; }
.register-zone select,.register-zone input { font-family: 'Inter',  Arial, Helvetica, sans-serif; }
.register-zone select option { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 5px; }

.register-zone .list-table-tournament { position: relative; overflow: hidden;width: 100%; }
.register-zone .list-table-tournament table { width: 100%; font-size: 14px;  }
.register-zone .list-table-tournament table thead tr {  }
.register-zone .list-table-tournament table thead tr th { padding: 10px 5px; text-align: center; background: var(--color-miniblue);     border: 1px solid var(--color-miniblue-border);
    border-right: 1px solid var(--color-miniblue-border);
    border-bottom: 1px solid var(--color-miniblue-border);  }
/*.register-zone .list-table-tournament  table thead tr th:first-child { width: 60px;  }*/
.register-zone .list-table-tournament table thead tr th:nth-child(2) { width: 80px;  }
.register-zone .list-table-tournament table thead tr th:nth-child(7) { width: 80px;  }
.register-zone .list-table-tournament table thead tr th:nth-child(10) { width: 100px; }
.register-zone .list-table-tournament table tbody tr { }
.register-zone .list-table-tournament table tbody tr:nth-child(even) { background:#f8f9fa }
.register-zone .list-table-tournament table tbody tr td { padding:  5px; text-align: center; border-right: 1px solid var(--color-miniblue-border);  border-bottom: 1px solid var(--color-miniblue-border) }
.register-zone .list-table-tournament table tbody tr td:first-child { border-left: 1px solid var(--color-miniblue-border); }
/*.register-zone .list-table-tournament  table tbody tr:nth-child(odd) { background:#f0f0f0 }*/
.register-zone .list-table-tournament table input[type="text"] { text-align:center; width: 40px; }
/*.register-zone table tbody tr td:first-child { background: var(--color-miniblue); }*/
.register-zone .show-infill { padding: 10px 15px; border-radius: 6px; background: var(--color-miniblue-border); }
.register-zone .btn-policy a { display:inline-block; text-decoration:underline; }
.register-zone .toggle-password { display: flex; justify-content: center; align-items: center; position: absolute; width: 40px; height: 40px; cursor: pointer; right: 0; bottom: 0; z-index: 1; font-size: 12px; }
.register-zone .inpass { position:relative; }
.register-zone .repassword { width: 100%; max-width:450px; margin:0 auto; }
.register-zone .repassword li { width: 100% !important; }
.register-zone label { font-size:14px; color:#888 }

.register-zone .list-table-tournament .sticky-sort { width: 50px;  }
.register-zone .list-table-tournament .sticky-data { width: 80px;  }
.register-zone .list-table-tournament .sticky-tournament { text-align:left; }
.register-zone .list-table-tournament th.sticky-tournament { text-align:center; }
.register-zone .list-table-tournament .sticky-course { text-align:left; width: 140px;  }
.register-zone .list-table-tournament th.sticky-course { text-align:center;  }
.register-zone .list-table-tournament .sticky-class { width: 50px;  }
.register-zone .list-table-tournament .sticky-finish { width: 52px;  }
.register-zone .list-table-tournament .sticky-score { width: 80px; }
.register-zone .list-table-tournament .sticky-yards { width: 48px; }
.register-zone .list-table-tournament .sticky-rating { width: 48px; }
.register-zone .list-table-tournament .sticky-manage { width: 100px; }


.register-zone input[type="checkbox"] + label, .register-zone input[type="radio"] + label { padding-top:12px; }

.register-zone table.table-size {
    width: 100%;
    font-size: 14px;
    border: 1px solid var(--color-miniblue-border)
}

.register-zone table.table-size thead tr {
    background: var(--color-miniblue)
}

.register-zone table.table-size thead tr th {
    padding: 10px 5px;
    text-align: center;
    border-right: 1px solid var(--color-miniblue-border);
    border-bottom: 1px solid var(--color-miniblue-border)
}

.register-zone table.table-size thead tr th:first-child {
    width: 60px
}

.register-zone table.table-size tbody tr {
    border-bottom: 1px solid var(--color-miniblue-border)
}

.register-zone table.table-size tbody tr td {
    padding: 10px 5px;
    text-align: center;
    border-right: 1px solid var(--color-miniblue-border)
}

.register-zone table.table-size tbody tr td:first-child { background: var(--color-miniblue) }

.fix-player { padding-top:0; padding-bottom: 30px; margin-top: 30px; margin-bottom: 30px; }
.text-mini { padding-top: 10px; font-size: 12px; color: #999; }


/* ------------------------------------------------------------------------------------------------------------
|  Sponser Lists  |
------------------------------------------------------------------------------------------------------------ */
.sponsor-lists { padding: 30px 0; background: #e8ebf1; overflow: hidden; }
.sponsor-lists h4 { color: var(--color-blue); }
.sponsor-lists main { position: relative; width: 100%; padding: 20px 0 }
.sponsor-lists main ul { display: flex; flex-wrap: wrap; justify-content: center; margin: -10px; }
.sponsor-lists main ul li { 666%; width: 16.6666%; padding: 10px; }
.sponsor-lists main ul li img { width: 100%; }
.sponsor-lists aside { position: relative; width: 100%; padding: 0 0 20px 0 }

/* ------------------------------------------------------------------------------------------------------------
|  Social |
------------------------------------------------------------------------------------------------------------ */
.social-follow { padding: 50px 0 ; color: var(--color-black); text-align: center; }
.social-follow .box { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.social-follow .text { padding-right:15px; }
.social-follow p { text-transform: uppercase; font-weight: 300; padding:0 }
.social-follow p span { font-weight: 600;  }
.social-follow ul { display: flex; flex-wrap: wrap; justify-content: center; }
.social-follow ul li { width: 40px; height: 40px; margin: 0 4px; }
.social-follow ul li a { display: block; width: 100%; height: 100%; text-indent: -9999px; border-radius: 50%; overflow: hidden; }
.social-follow ul li a.fb { background-color: var(--color-blue); background-image: url(../images/icon-facebook.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; }
.social-follow ul li a:hover.fb { background-color: #0866ff;  }
.social-follow ul li a.tw { background-color: var(--color-blue); background-image: url(../images/icon-twitter.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; }
.social-follow ul li a:hover.tw { background-color: #0f1419 }
.social-follow ul li a.ig { background-color: var(--color-blue); background-image: url(../images/icon-instagram.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; }
.social-follow ul li a:hover.ig { background-color: #c726a3 }
.social-follow ul li a.yt { background-color: var(--color-blue); background-image: url(../images/icon-youtube.svg); background-repeat: no-repeat; background-position: center; background-size: 65%; }
.social-follow ul li a:hover.yt { background-color: #d90014 }
.social-follow ul li a.line { background-color: var(--color-blue); background-image: url(../images/icon-line.svg); background-repeat: no-repeat; background-position: center; background-size: 67%; }
.social-follow ul li a:hover.line { background-color: #06a90b }

.followus { padding: 10px 0; color: var(--color-white); text-align: center; background: var(--color-blue); }
.followus p { font-weight: 400; color: var(--color-white-drop); font-size: 14px; }
.followus dl { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 15px; }
.followus dl dd { width: 36px; height: 36px; margin: 0 3px; }
.followus dl dd a { display: block; width: 100%; height: 100%; text-indent: -9999px; border-radius: 50%; overflow: hidden; }
.followus dl dd a.fb { background-color: var(--color-blue); background-image: url(../images/icon-facebook.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; }
.followus dl dd a:hover.fb { background-color: #204294;  }
.followus dl dd a.tw { background-color: var(--color-blue); background-image: url(../images/icon-twitter.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; }
.followus dl dd a:hover.tw { background-color: #0992e6 }
.followus dl dd a.ig { background-color: var(--color-blue); background-image: url(../images/icon-instagram.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; }
.followus dl dd a:hover.ig { background-color: #c726a3 }
.followus dl dd a.yt { background-color: var(--color-blue); background-image: url(../images/icon-youtube.svg); background-repeat: no-repeat; background-position: center; background-size: 65%; }
.followus dl dd a:hover.yt { background-color: #d90014 }
.followus dl dd a.line { background-color: var(--color-blue); background-image: url(../images/icon-line.svg); background-repeat: no-repeat; background-position: center; background-size: 67%; }
.followus dl dd a:hover.line { background-color: #06a90b }

.share-social { position: relative; display: flex; flex-wrap: wrap; padding: 15px 0; margin: 0 ; border-bottom: 1px solid var(--color-miniblue-border); font-size: 16px; }
.share-social .share-facebook {  position: relative; width: 105px; height: 40px; padding: 0 3px; text-align: center; vertical-align: middle; }
.share-social .share-facebook a { display: block; height: 100%; padding: 5px 16px 5px 12px; color: var(--color-white); background: #3a559f; border-radius: 3px; }
.share-social .share-facebook a:hover { background: #204099; }
.share-social .share-facebook a path { fill: var(--color-white);  transition: all 0.3s ease; }
.share-social .share-facebook a:hover path { fill: #f9f9f9;  transition: all 0.3s ease; }
.share-social .share-facebook svg { display: inline-block; width: 18px; height: 30px; vertical-align: middle; }
.share-social .share-facebook span { display: inline-block; padding: 0 0 0 3px; vertical-align: middle; }
.share-social .share-facebook sup { position: absolute; background: #ff0000;  z-index: 1; }

.share-social .share-twitter {  position: relative; width: 105px; height: 40px; padding: 0 3px; text-align: center; vertical-align: middle; }
.share-social .share-twitter a { display: block; height: 100%; padding: 5px 16px 5px 12px; color: var(--color-white); background: #03a9f4; border-radius: 3px; }
.share-social .share-twitter a:hover { background: #0e9bcc; }
.share-social .share-twitter a path { fill: var(--color-white);  transition: all 0.3s ease; }
.share-social .share-twitter a:hover path { fill: #f9f9f9;  transition: all 0.3s ease; }
.share-social .share-twitter svg { display: inline-block; width: 18px; height: 30px; vertical-align: middle; }
.share-social .share-twitter span { display: inline-block; padding: 0 0 0 3px; vertical-align: middle; }

.share-social .share-line { position: relative; width: 105px; height: 40px; padding: 0 3px; text-align: center; vertical-align: middle; }
.share-social .share-line a { display: block; height: 100%; padding: 5px 16px 5px 12px; color: var(--color-white); background: #00b900; border-radius: 3px; }
.share-social .share-line a:hover { background: #089e08; }
.share-social .share-line a path { fill: var(--color-white);  transition: all 0.3s ease; }
.share-social .share-line a:hover path { fill: #f9f9f9;  transition: all 0.3s ease; }
.share-social .share-line svg { display: inline-block; width: 18px; height: 30px; vertical-align: middle; }
.share-social .share-line span { display: inline-block; padding: 0 0 0 3px; vertical-align: middle; }

.btn-show-top { display:flex; align-items:center; padding-left:50px;  }
.btn-show-top a { padding: 10px 30px; font-family: "Playfair", serif; font-weight: 600; text-transform: uppercase; font-size: 22px; text-align:center;  text-transform: uppercase; border-radius: 90px; background:var(--color-gold); color:var(--color-white); transition:all 0.3s ease }
.btn-show-top a:hover { background:var(--color-blue); transition:all 0.3s ease }

.fix-btn-show-top { display: none; position:absolute; left:0; right:0; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; bottom:-25px; z-index:9; }
.fix-btn-show-top .btn-show-top { margin-left: auto !important; margin-right:auto !important; padding-left:0; }
.fix-btn-show-top .btn-show-top a { min-width:180px; }
.fix-btn-show-top .btn-show-top span { margin-right:10px }

.nav-mobile .fix-btn-show-top { bottom: inherit; }
.nav-mobile .fix-btn-show-top a { min-width: 100% !important; width: 100%; }
.nav-mobile .fix-btn-show-top .btn-show-top { width: 100%; padding: 0 20px }

.fix-btn-regis { min-width: 200px !important; }


/* ------------------------------------------------------------------------------------------------------------
|  Footer  |
------------------------------------------------------------------------------------------------------------ */
footer { float:left; position: relative; width:100%; padding: 30px 0 50px 0; text-align: center; color: var(--color-999); background:var(--color-black); }
footer ul { display: flex;  flex-wrap: wrap; margin-bottom: 15px; padding: 40px 0; border-bottom: 1px solid #363636; }
footer ul li { padding: 0 10px; }
footer ul li:first-child { padding-left: 0 }
footer ul li:last-child { padding-right:0 }
footer ul li a { font-size: 14px; font-weight: 500; color: var(--color-white); text-transform: uppercase; }
footer ul li a:hover,footer ul li a.current { color: var(--color-gold); }
footer .link-footer { display: flex; flex-wrap: wrap; font-size: 14px; color: var(--color-999);  }
footer .link-footer .link { display:flex; flex-wrap:wrap; padding-top:15px;  }
footer .link-footer .link span {  padding-left:10px; }
footer .link-footer .link span:first-child { padding-left:0 }
footer .link-footer .copy { margin-left:auto; }
footer .link-footer .copy span {  padding-left:10px; }
footer .link-footer .copy span:first-child { padding-left:0 }
footer .link-footer .copy a { display: inline-flex; color: var(--color-999);  }
footer .link-footer a { color: var(--color-999); }
footer .link-footer a:hover { color: var(--color-white); }
footer p { font-size: 14px; color: var(--color-999); text-align:left; }
footer p span { margin-left: 10px; padding-left: 10px; }
footer p.designed {  color: var(--color-999); }
footer p.designed a { display: inline-flex; color: var(--color-999);  }

.cookie-consent {
  position:fixed;
  bottom:20px;
  right:15px;
  left:15px;
  z-index:333
}
.cookie-consent .box {
  position:relative;
  width:100%;
  max-width:1250px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  font-size:14px;
  color: var(--color-white);
  align-items:center;
  padding:20px;
  background:var(--color-blue-big);
  border-radius:4px;
  box-shadow:0 1px 8px 1px rgb(12 23 83 / 20%)
}
.cookie-consent .text {
  flex:1;
  padding-right:20px
}
.cookie-consent .text p {
  margin-bottom:0; padding-bottom: 0;
  padding-top:0
}
.cookie-consent .text p a { display:inline-block; text-decoration:underline; color:var(--color-white); }
.cookie-consent .text p a:hover { text-decoration:none; }
.cookie-consent .btn-consent {
  margin-left:auto;
  display:flex;
  flex-wrap:wrap
}
.cookie-consent .btn-consent span {
  display:flex;
  flex-wrap:wrap;
  padding:10px 15px;
  width:150px;
  height:40px;
  font-size:14px;
  font-weight:500;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  color:var(--color-blue);
  background:var(--color-blue);
  border-radius:6px;
  transition:.3s
}


/* ------------------------------------------------------------------------------------------------------------
|  Other Class  |
------------------------------------------------------------------------------------------------------------ */



.fillter-course { position:relative; width:100%; flex:1; height: 40px; padding: 6px 30px 6px 10px; margin-left: 10px; text-transform: none; border-radius: 8px; border: 1px solid var(--color-miniblue-border);; }
.click-fillter-course:before { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: var(--color-white); z-index: 2;  }
.fillter-course .box span { position:relative; display:block; padding: 1px 0 0 0; cursor:pointer; color: var(--color-black); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0.s ease; transition: all 0.s ease; }
.fillter-course .box span:hover:before { content:''; position:absolute; width:100%; height:1px; background:var(--color-white); bottom:-1px; left:0; z-index:2;   -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;}
.fillter-course .box span:hover { color:var(--color-blue); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; }
.fillter-course .icon-arrow-down { position: absolute; width: 18px; height:18px; right: -28px; top: 0; margin-top: auto; margin-bottom: auto; background: url(../images/icon-select.svg) no-repeat 0px 4px; }
/*.fillter-course:hover > .subfillter { visibility: visible; opacity: 1;  }*/
.subfillter { display: none; position:absolute; max-width: auto; width: 100%; min-width: max-content;  padding:15px; margin-top: -1px; top: 100%; left: -1px; z-index:1; background:var(--color-white); border:1px solid var(--color-miniblue-border);; border-radius: 0 4px 4px 4px; box-shadow: 0 2px 3px rgb(0 0 0 / 15%)  }
.subfillter .multi { display:block; padding:4px 0; }
.subfillter .multi span { position: relative; display: block; min-width: 290px; width: auto; vertical-align: middle;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:16px; padding:0 0 0 22px; font-size: 14px; border:none !important; cursor: pointer; }
.subfillter .multi span:before { content: ''; position: absolute; width: 15px; height: 15px; background: url(../images/icon-select-fillter.png) no-repeat left 0px !important; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.subfillter .multi span:hover:before { background: url(../images/icon-select-fillter.png) no-repeat left -16px !important  }
.subfillter .multi span:hover { color: var(--color-blue); }
.subfillter .multi span.current:before { background: url(../images/icon-select-fillter.png) no-repeat left -32px !important; }
.subfillter .selected span,.subfillter .selected span:hover { background: url(../images/icon-select-fillter.png) no-repeat left -30px !important; }
.subfillter .clear-multi { padding-bottom:0; }
.subfillter .clear-multi span { display: block; width: 100%; padding:5px; font-size: 14px; text-align:center; border:none !important; background:#edf1f7; border-radius: 3px; cursor: pointer; }
.subfillter .clear-multi span:hover { color: var(--color-white); background: var(--color-blue) }


.content { display: flex; flex-wrap: wrap; margin: 0 -30px; }
.content-box-50 {  width: 50%; padding: 0 30px; }
.align-items-center { align-items: center; }

.distance { padding: 25px 0 15px 0; }

.owl-nav { position: absolute; width: 100%; top: 0; bottom: 0; margin-top: auto !important; margin-bottom: auto; z-index: -1; }
.owl-nav .owl-prev { position: absolute; left: -40px; top: 0; bottom: 0; margin-top: auto !important; margin-bottom: auto !important; }
.icon-Previous { display: block; width: 100%; height: 100%; background: url(../images/icon-arrow-back-white.svg) no-repeat center; background-size: 90%;  }
.owl-nav .owl-next { position: absolute; right: -40px; top: 0; bottom: 0; margin-top: auto !important; margin-bottom: auto !important; }
.icon-Next { display: block; width: 100%; height: 100%; background: url(../images/icon-arrow-next-white.svg) no-repeat center; background-size: 90%; }

.title { position: relative; width: 100%; color:var(--color-blue); /*border-bottom:1px solid var(--color-lineminigreen);*/ }
.title:after { content:''; position:absolute; width: 40px; height:2px; background:var(--color-blue); left:0; bottom: 8px }
.title span { position: relative; font-weight: 500; color: var(--color-blue); }

.viewall { position: absolute; right: 15px; top: 30px; display: flex; align-items: center; }
.viewall span { position: relative; }
.viewall span a { text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 0; }
.viewall span a:hover { color: var(--color-blue) }
/*.viewall span:hover:before { width: 40px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.viewall span:before { content: ''; position: absolute; width: 10px; height: 1px; top: 0; bottom: 0; margin-top: auto; margin-bottom: 1px; left: -60px; background: var(--color-blue); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1; }
.viewall span:after { content: ''; position: absolute; width: 40px; height: 1px; top: 0; bottom: 0; margin-top: auto; margin-bottom: 1px; left: -60px; background: var(--color-blue) }
*/
.num-photo { position: absolute; display: flex; justify-content: center; align-items: center; padding: 0; width: 26px; height: 26px; top: 10px; right: 10px; font-weight: 300; color: var(--color-white); font-size: 12px; background: rgb(0,0,0,0.5); z-index: 9; border-radius: 50% }
.play-vdo { position: absolute; display: flex; justify-content: center; align-items: center; padding: 0; width: 60px; height: 60px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgb(0 82 218 / 80%) url(../images/icon-play.svg) no-repeat center; background-size: 80%;  z-index: 9; border-radius: 50% }

.photo { position: relative;  width: 100%; overflow: hidden; border-radius:10px; }
.photo img { width: 100%; object-fit: cover; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; transition: all 5s ease;  }
.photo a { display: block !important; }
/*.photo a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
*/
.no-data { position: relative; }
.no-data:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.5); left: 0; top: 0; z-index: 1; }

.fix-gototop { position:fixed; width:30px; height:30px; bottom:0; right:5px; z-index:9; }
.fix-gototop a { display:inline-table; width:100%; height:100%; font-size: 20px; color:var(--color-white) !important; text-align:center; text-transform:uppercase; background:#333 url(../images/icon-top.png) no-repeat center center; border-radius: 50%; }
.fix-gototop a:hover { color:var(--color-white); background:#383b3d  url(../images/icon-top.png) no-repeat center center; }
.fix-gototop i { display:table-cell; vertical-align:middle; }

.top-hide { bottom:-40px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.top-show { bottom:10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.youtube-embed { position: relative; display: block; height: 0; padding: 0 0 56.25%; margin: 0 auto; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);  }
.youtube-embed iframe { position: absolute; display: block; max-width: 100%; width: 100%; height: 100%;  margin: 0;   top: 0; left: 0; } 

.map-window { text-align: left; }
.map-window p { position: relative; padding: 5px 0; }
.map-window p img { width: 80px; }
.map-window i { position: absolute; left: 0; top: 8px; }
.map-window span { display: block; padding-left: 20px; }

.fancybox-enabled #header-fixed { padding-right:17px; }
.fancybox-button--thumbs { display: none !important; }

.fancybox-button { background:none; min-width: inherit; }

.fix-css-fancybox {
    display: inline-block;
    position: relative;
    padding: 0 !important;
    margin: 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background: none !important;
    overflow: auto;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,10,25,0.4);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,10,25,0.4);
    box-shadow: 0px 5px 10px 0px rgba(0,10,25,0.4);
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.fix-css-fancybox .fancybox-close-small { min-width: 40px; width: 40px; height: 40px; padding: 4px !important; opacity: 1; border-radius:50%; background:var(--color-blue); top: 5px !important; right:5px !important; }
.fix-css-fancybox .fancybox-close-small:hover {   }
.fix-css-fancybox .fancybox-close-small svg path { fill:var(--color-white); }
.fix-css-fancybox .fancybox-close-small:hover svg path { fill:var(--color-white) }

.google-captcha { padding: 20px 0 0 0 !important; text-align: center !important; }
.google-captcha  .g-recaptcha { margin: 0 auto;  display: inline-block; }

.error { color: #ff0000; font-size: 14px; }

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

.loadmore { display: flex; justify-content: center; }

/*Lazy*/
.lazy-loaded {
    transition: all .3s ease;
    opacity: 1
}

img[data-src] {
    opacity: 0
}

img.lazyloaded {
    opacity: 1;
    transition: all .3s ease
}
/*Tags */
.tags-show { position: relative; width: 100%; padding: 20px 0 0 0; }
.tags-show p { color: var(--color-blue); padding-bottom: 5px; }
.tags-show a { display: inline-block; margin: 2px 0px; padding:  4px 10px; font-size: 14px; color: var(--color-blue); background: var(--color-miniblue); border: 1px solid var(--color-miniblue-border); border-radius: 8px; }
.tags-show a:hover { color: var(--color-blue) ;  border: 1px solid var(--color-blue); }


/* ------------------------------------------------------------------------------------------------------------
|  Button Style  |
------------------------------------------------------------------------------------------------------------ */
a.btn-s1  { display: inline-block; min-width: 200px; padding: 10px 10px 14px 10px; text-shadow: none;  text-transform: uppercase; text-align: center; color: var(--color-white); background: var(--color-blue);  border-radius: 3px; }
a.btn-s1:hover { background: var(--color-blue); }
a.btn-s1 span { position: relative; }

a.btn-s2 { position: relative; display: inline-block; padding-right: 20px; text-transform: uppercase; line-height:1; text-align: center; background: none;  }
a.btn-s2:before { content: ''; position: absolute; width: 20px; height: 1px; background: var(--color-white); right: -10px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
a.btn-s2:after { content: ''; position: absolute; width: 0; height: 1px; background: #1cc7ec; right: -10px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
a.btn-s2:hover:after { width: 20px; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
a.btn-s2 span { position: relative; }

a.btn-link { color: var(--color-blue); }
a.btn-link:hover { color:var(--color-blue); }

a.btn-loadmore  { display: inline-block; min-width: 160px; padding: 10px; text-shadow: none; font-size: 16px; text-transform: uppercase; text-align: center; color: var(--color-blue); border: 1px solid var(--color-blue); background: var(--color-white);  border-radius: 90px; }
a.btn-loadmore:hover { color: var(--color-white); background: var(--color-blue); }
a.btn-loadmore span { position: relative; }

.btn-livescore { position: absolute; width: 200px; top: 15px; right: 0; padding: 0; display: flex; justify-content: center; }
.btn-livescore a { width: 100%; padding: 9px 5px 10px 5px; text-align: center; font-weight: 600; border-radius: 90px; color: var(--color-blue); font-size: 20px; text-transform: uppercase; background: var(--color-blue) }
.btn-livescore a:hover { color: var(--color-white); background: var(--color-blue) }

.btn-livescore-special { position: absolute; right: 0; padding: 0 0 0 15px; display: flex; justify-content: flex-end; margin-left: auto; }
.btn-livescore-special a { display: inline-flex; align-items: center; width: auto; height: 46px; padding: 10px 30px; justify-content: center; margin-left: 10px; text-align: center; border-radius: 90px; color: var(--color-white); font-size: 16px; text-transform: uppercase; background: var(--color-blue) }
.btn-livescore-special a:hover { color: var(--color-white); background: var(--color-blue) }

.btn-livescore-mini { position: relative; width: 100%; max-width: 400px; display: flex; justify-content: center; }
.btn-livescore-mini a { display: block; width: 100%; padding: 12px 20px; text-align: center; justify-content: center; border-radius: 90px; color: var(--color-white); font-size: 16px; font-weight: 500; text-transform: uppercase; background: var(--color-blue) }
.btn-livescore-mini a:hover { color: var(--color-white) !important; background: var(--color-blue) }
.fix-live { left: 266px; }

.btn-tablescore { margin: 0 auto; padding: 0 0 15px 0; display: flex; justify-content: center; }
.btn-tablescore a { width: 100%; padding: 10px 10px 14px 10px; text-align: center; border-radius: 3px; color: var(--color-white); font-size: 24px; background: var(--color-blue) }
.btn-tablescore a:hover { background: var(--color-blue) }

.btn-s1 a { display: inline-block; min-width: 200px; padding: 15px 0; text-transform: uppercase; font-weight: 500; line-height:1; text-align: center; color: var(--color-black); background: var(--color-white); border: 1px solid #0071bc; }
.btn-s1 a:hover { color: var(--color-white); background: #0071bc  }
.btn-s1 a span { position: relative; }

.btn-s11 a { display: table; width: 100%; height: 100%; padding: 15px; text-transform: uppercase; font-weight: 500; line-height:1; text-align: center; color: var(--color-black); background: var(--color-white); border: 1px solid var(--color-black); }
.btn-s11 a:hover { color: var(--color-white);  }
.btn-s11 a:before { content: ''; position: absolute; width: 0; height: 100%; background: var(--color-black); left: 0; top: 0; z-index: 0; -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1) ;
    -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1); }
.btn-s11 a:hover:before { width: 100%; -webkit-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1) ;
    -moz-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .7s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1); }
.btn-s11 a span { position: relative; display: table-cell; vertical-align: middle; }

.btn-s2 a { display: inline-block; width: 100%; max-width: 280px; min-width: inherit; padding: 20px 0; font-size: 16px; text-transform: uppercase; font-weight: 500; line-height: 1; text-align: center; color: var(--color-white); background: #0089eb;  }
.btn-s2 a:hover { color: var(--color-white); background: #1946ba; }

.btn-s3 a { display: block; width: 100%; padding: 5px  10px; color: #3a3d45 ; font-size: 16px; text-align: center; background: none; border: 1px solid #919399;  border-radius: 3px; }
.btn-s3 a:hover { color:var(--color-white); background: #3a3d45; border: 1px solid #3a3d45; }

.btn-s4 { padding-bottom: 60px; }
.btn-s4 a { display:inline-block; position: relative; width: auto; height: 40px; padding:7px 20px; color: var(--color-white) !important; text-align: center; background: #ceb071;  border-radius: 3px; }
.btn-s4 a:hover { color: var(--color-white); background: #b58e3e; }

.btn-s4 a span::before { content: attr(data-text-open); display: block; }
.btn-s4 a span::after { content: attr(data-text-close); display: none; }
.btn-s4 a.on span::before { content: attr(data-text-open); display: none; }
.btn-s4 a.on span::after { content: attr(data-text-close); display: block; }

.link-more { position: absolute; width: 90px; height: 34px; right: 15px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }

.but-more-all { position: relative; width: 200px; margin: 0 auto; text-align: center; }

.loading-ajax { position: absolute; width: 100%; text-align: center; left: 0; right: 0; }
.loading-ajax img { display: inline-block; width: 20px; height: 20px; } 

.ui-loader { display:none !important; visibility:hidden !important; }

.blockPage { width: 260px !important; left: 0 !important; right: 0 !important; border:none !important; background:none !important; margin: 0 auto !important;  }
.blockPage .waiting { width: 260px; padding: 15px;
    text-align: center; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: var(--color-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.35); }
.blockPage .waiting img { display: inline-block; padding: 10px 0; }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;

}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

/*Easy Tabs*/

dl.resp-tabs-list {
  margin: 0px;
  padding: 15px 0 0 0;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-wrap:wrap;  align-content: flex-start; justify-content: center;
  position: relative; z-index: 9;
}
.resp-tabs-list dt {
    display: flex; align-items: center; justify-content: center; position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  cursor: pointer;
   text-align: center;
  width: 33.3333%;
  font-weight:500; text-transform:uppercase;  transition: all 0.3s ease;

border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.resp-tabs-list dt span { padding: 8px 10px; color: var(--color-black); font-weight: 400;  transition: all 0.3s ease;   -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */  }
.resp-tab-active:before { content:''; position:absolute; width: 100%; height:3px; background:var(--color-blue); left: 0; bottom: -2px; z-index: 1; }

.resp-tabs-list dt:hover { background:none;  transition: all 0.3s ease }
.resp-tabs-list dt:hover span { color: var(--color-blue) ;  transition: all 0.3s ease }

.resp-tab-active span { color: var(--color-blue) !important;  transition: all 0.3s ease }
.resp-tab-active dt:hover span { color: var(--color-blue) !important; }


.resp-tab-active:hover { background: none !important; }

.resp-tabs-container {
  padding: 0px;
/*  background-color: var(--color-white);*/
  clear: left;
}

div.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  /*padding:15px 15px 10px 15px;*/
}

.resp-tab-active {
  border-bottom: none;

}


.resp-content-active,
.resp-accordion-active { display: block; }

.resp-tab-content { border-top: 1px solid var(--color-miniblue-border); }
.resp-tab-content p { padding-bottom: 0; }

.resp-tab-content dl dt { position: relative; padding: 15px 0 0 20px; }
.resp-tab-content dl dt:before { content: ''; position: absolute; width: 6px; height: 6px; left: 5px; top: 24px; border-radius: 50%; background: var(--color-grayblue); }


div.resp-accordion {
  border: 1px solid #eee;
  border-top: 0px solid #d70a0a;
  margin: 0px;
  padding: 10px 15px;
  font-size:19px;
}

div.resp-tab-active {
  border-bottom: 0px solid #eee !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

div.resp-tab-title:last-child {
  border-bottom: 12px solid #eee !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs dl.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list dt {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: var(--color-white);
  border: 1px solid #eee;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs dt.resp-tab-active {
  border: 1px solid #ddd;
  border-right: none;
  background-color: var(--color-white);
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ccc;
}

div.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid var(--color-grayblue);
}

/*-----------Accordion styles-----------*/

div.resp-tab-active { background: #333 !important; }

.resp-easy-accordion div.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #eee; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #eee !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

div.resp-accordion:first-child { border-top: 1px solid var(--color-miniblue-border) !important; }


.pl-10 { padding-left:10px !important; }
.pl-15 { padding-left:15px !important; }
.pl-20 { padding-left:20px !important; }
.pl-30 { padding-left:30px !important; }
.pl-35 { padding-left:35px !important; }
.pl-40 { padding-left:40px !important; }


dl.resp-tabs-list { font-size:14px !important }
.horizontalTab .dt-1 dt { width: 100% !important;  }
.horizontalTab .dt-2 dt { width: 50% !important;  }
.horizontalTab .dt-3 dt { width: 33.3333% !important;  }
.horizontalTab .dt-4 dt { width: 25% !important;  }
.horizontalTab .dt-5 dt { width: 20% !important;  }
.horizontalTab .dt-6 dt { width: 16.6666% !important;  }
.horizontalTab .dt-7 dt { width: 14.2857% !important;  }


/* ------------------------------------------------------------------------------------------------------------
|  Pagination  |
------------------------------------------------------------------------------------------------------------ */
.pointpage { float:left; width:100%; margin:40px 0; padding:0; text-align:center; }
.pointpage a { display: inline-block; min-width:40px; height:40px; margin:0 3px 0 0; padding:10px 14px; color:#333; font-weight:400; line-height:20px; text-align: center; background:#e0e0e0;  }
.pointpage a:hover { color:#fff; background:#333; }
.pointpage a.prev { display:inline-block; vertical-align:top; }
.pointpage a.next {display:inline-block; vertical-align:top ; margin-right:0;  }
.pointpage a.last { width: auto; }
.pointpage a .fa { display:inline-block; position:relative; width:100%; height:100%; font-size:20px; vertical-align:middle; }
.pointpage a .fa:before { position:absolute; width:20px; height:20px; margin:auto; left:-5px; top:-2px; bottom:0; right:0; }
.pointpage span { display:inline-block; width:40px; height:40px; margin:0 3px 0 0; padding:10px 14px; color:#fff; font-weight:400; line-height:20px; text-align: center; background:#333; }
.pointpage span.minis { width:auto; color:#333; background:none }
.pointpage .none-border { border:none; padding-left:0; }
.pointpage .none-border a:hover { border:nene;  }

/* ------------------------------------------------------------------------------------------------------------
|  UI Datepicker  |
------------------------------------------------------------------------------------------------------------ */
.ui-widget-content { width:200px !important; border: 1px double #abc9ff !important; color: #555; z-index:99999 !important ; }
.ui-widget-header { height:32px  !important; }
.ui-datepicker-calendar { font-size:11px !important; }
.ui-datepicker .ui-datepicker-title select { height:100%; margin:0 2px !important; padding:0 !important; font-size:12px!important; border:1px solid #ccc!important; background:url(../images/chosen-sprite.png) no-repeat 40px -44px; }
.ui-datepicker-calendar thead th { color:#7ba3ed; }
.ui-widget-header { background-color:#abc9ff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color:#fff !important; border:1px solid #abc9ff !important; background:#2152ac !important; }

/* ------------------------------------------------------------------------------------------------------------
|  Other  |
------------------------------------------------------------------------------------------------------------ */
.no-selection { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */}

.middle-line { display: inline-block; vertical-align: middle; }
.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.for-all { display:block !important; visibility:visible; }
.for-mobile { display:none !important; visibility:hidden; }

.box-table { display:table; width:100%; height:100%; }
.box-cell { display:table-cell; vertical-align:middle; }


.editor ul { padding-left:20px; padding-top:10px; padding-bottom:15px; }
.editor ul li { list-style:circle; }
.editor ol { padding-left:20px; padding-top:10px; padding-bottom:15px; counter-reset: item;  }
.editor ol li { list-style:decimal; }
.editor ol li ul li { list-style:circle; }

.editor figure { margin: 0 auto; width: 100%; text-align: center; padding: 15px 0; }
.editor img { margin: 0 auto; min-width: inherit ; max-width: 100% ; width: auto ; height: auto ; }
.editor a { display:inline-block; }
.editor h3 { padding-bottom: 15px !important; }
.editor h4 { padding-bottom: 0; }
.editor b { font-weight: 700 !important; }
.editor hr { margin-top: 15px; height: 1px; background: var(--color-miniblue-border); }
.editor u { text-decoration:underline; }

.ui-loader { display:none !important; visibility:hidden !important; }

.text-left { text-align: left !important; }

.pt { padding-top: 0 !important }
.pb { padding-bottom: 0 !important }
.pr { padding-right: 0 !important }
.pl { padding-left: 0 !important }

.pt-10 { padding-top: 10px !important }
.pt-15 { padding-top: 15px !important }
.pt-20 { padding-top: 20px !important }
.pt-25 { padding-top: 25px !important }
.pt-30 { padding-top: 30px !important }

.pb-10 { padding-bottom: 10px !important }
.pb-15 { padding-bottom: 15px !important }
.pb-20 { padding-bottom: 20px !important }
.pb-25 { padding-bottom: 25px !important }
.pb-30 { padding-bottom: 30px !important }

.mt { margin-top:0 !important; }
.mt-10 { margin-top:10px !important }
.mt-15 { margin-top:15px !important }
.mt-20 { margin-top:20px !important }

.mb { margin-bottom:0 !important; }
.mb-10 { margin-bottom:10px !important }
.mb-15 { margin-bottom:15px !important }
.mb-20 { margin-bottom:20px !important }

.mr { margin-right:0 !important; }
.ml { margin-left:0 !important }

.color-pink { color: #0052da !important; }
.color-blue { color: #004693 !important; }
.color-dropblue { color: #00205c !important; }
.color-sky { color: #0052da !important;; }
.color-gray { color:var(--color-828282); }

/*Table*/
.table-style-1 { position: relative; width: 100%; padding-bottom: 25px; }
.table-style-1 table{
    border-collapse: collapse;
    border-spacing: 0;
  width:100%;
  margin:0px; padding: 0;
}

.table-style-1 table thead tr:first-child th:first-child {  }
.table-style-1 thead tr:first-child th{
  border:1px solid #dee1e4;
  color: #555;
  text-align:left;
  padding:10px 0;
  border-width:1px 1px 1px 1px;
  font-weight:500; font-size:16px;
  background: #eee;
  line-height:1.2;
}
.table-style-1 thead tr:first-child:hover th{  }
.table-style-1 thead  tr:first-child th:first-child{
  border-width:1px 0px 1px 0px;
}
.table-style-1 thead tr:first-child th:last-child{
  border-width:1px 0px 1px 0px;
}


.table-style-1 tr:first-child td:last-child { }
.table-style-1 tr:last-child td:first-child{ }
.table-style-1 tr:hover td{  }
.table-style-1 tr:nth-child(odd){ background-color:#f5f7f9; }
.table-style-1 tr:nth-child(even)    { background-color:#fafcff; }
.table-style-1 td {
  vertical-align:middle;
  border:1px dotted var(--color-miniblue-border);
  border-width:1px 1px 1px 0px;
  padding: 10px;
  font-weight:normal; 
}

.table-style-1 tr:last-child td{
  border-width:1px 1px 1px 0px;
}.table-style-1 tr td:last-child{
  border-width:1px 0px 1px 0px;
}