/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
@font-face {
    font-family: 'Arial Black';
    src: url('../fonts/Arial Black.ttf');
}
@font-face {
    font-family: 'Blaimim';
    src: url('../fonts/Blaimim.ttf');
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.otf');
}
@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.otf');
}
@font-face {
    font-family: 'Gotham-BookItalic';
    src: url('../fonts/Gotham-BookItalic.otf');
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.otf');
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.ttf');
}
@font-face {
    font-family: 'Helvetica-Bold';
    src: url('../fonts/Helvetica-Bold.ttf');
}
@font-face {
    font-family: 'Helvetica-BoldOblique';
    src: url('../fonts/Helvetica-BoldOblique.ttf');
}
@font-face {
    font-family: 'Helvetica-Light';
    src: url('../fonts/Helvetica-Light.ttf');
}
@font-face {
    font-family: 'Helvetica-LightOblique';
    src: url('../fonts/Helvetica-LightOblique.ttf');
}
@font-face {
    font-family: 'Helvetica-Oblique';
    src: url('../fonts/Helvetica-Oblique.ttf');
}
.clearfix{
	clear: both;
}
.font-arial-black{
	font-family: 'Arial Black' !important;
}
.font-Blaimim{
	font-family: 'Blaimim' !important;
}
.font-gotham-bold{
	font-family: 'Gotham-Bold' !important;
}
.font-gotham-book{
	font-family: 'Gotham-Book' !important;
}
.font-gotham-bookitalic{
	font-family: 'Gotham-BookItalic' !important;
}
.font-gotham-medium{
	font-family: 'Gotham-Medium' !important;
}
.font-helvetica{
	font-family: 'Helvetica' !important;
}
.font-helvetica-bold{
	font-family: 'Helvetica-Bold' !important;
}
.font-helvetica-boldoblique{
	font-family: 'Helvetica-BoldOblique' !important;
}
.font-helvetica-light{
	font-family: 'Helvetica-Light' !important;
}
.font-helvetica-lightoblique{
	font-family: 'Helvetica-LightOblique' !important;
}
.font-helvetica-olique{
	font-family: 'Helvetica-Oblique' !important;
}
.animation-delay-0s {
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}
.animation-delay-1 {
  -webkit-animation-delay: 1s !important;
  animation-delay: 1s !important;
}
.animation-delay-1s {
  -webkit-animation-delay: 1.5s !important;
  animation-delay: 1.5s !important;
}
.animation-delay-2 {
  -webkit-animation-delay: 2s !important;
  animation-delay: 2s !important;
}
.animation-delay-2s {
  -webkit-animation-delay: 2.5s !important;
  animation-delay: 2.5s !important;
}
.animation-delay-3 {
  -webkit-animation-delay: 3s !important;
  animation-delay: 3s !important
}
.animation-delay-3s {
  -webkit-animation-delay: 3.5s !important;
  animation-delay: 3.5s !important
}
.animation-delay-4 {
  -webkit-animation-delay: 4s !important;
  animation-delay: 4s !important;
}
.animation-delay-4s {
  -webkit-animation-delay: 4.5s !important;
  animation-delay: 4.5s !important;
}
.animation-delay-5 {
  -webkit-animation-delay: 5s !important;
  animation-delay: 5s !important;
}
.animation-delay-5s {
  -webkit-animation-delay: 5.5s !important;
  animation-delay: 5.5s !important;
}
.animation-delay-6 {
  -webkit-animation-delay: 6s !important;
  animation-delay: 6s !important;
}
.animation-delay-6s {
  -webkit-animation-delay: 6.5s !important;
  animation-delay: 6.5s !important;
}
.animation-delay-7 {
  -webkit-animation-delay: 7s !important;
  animation-delay: 7s !important;
}
.animation-delay-7s {
  -webkit-animation-delay: 7.5s !important;
  animation-delay: 7.5s !important;
}
.animation-delay-8 {
  -webkit-animation-delay: 8s !important;
  animation-delay: 8s !important;
}
.animation-delay-8s {
  -webkit-animation-delay: 8.5s !important;
  animation-delay: 8.5s !important;
}
.animation-delay-9 {
  -webkit-animation-delay: 9s !important;
  animation-delay: 9s !important;
}
.animation-delay-9s {
  -webkit-animation-delay: 9.5s !important;
  animation-delay: 9.5s !important;
}
.animation-delay-10 {
  -webkit-animation-delay: 10s !important;
  animation-delay: 10s !important;
}
.animation-delay-10s {
  -webkit-animation-delay: 10.5s !important;
  animation-delay: 10.5s !important;
}
.animation-duration-1{
	animation-duration: 1s !important;
}
.animation-duration-1s{
	animation-duration: 1.5s !important;
}
.animation-duration-2{
	animation-duration: 2s !important;
}
.animation-duration-3{
	animation-duration: 3s !important;
}
.animation-duration-4{
	animation-duration: 4s !important;
}
.animation-duration-5{
	animation-duration: 5s !important;
}
.animation-duration-6{
	animation-duration: 6s !important;
}
.animation-duration-7{
	animation-duration: 7s !important;
}
.animation-duration-8{
	animation-duration: 8s !important;
}
.ft-left{
	float: left;
}
.ft-right{
	float: right;
}
.no-border{
	border: 0 !important;
}
.font-size-12 {
  font-size: 12px !important; 
 }
.font-size-13 {
  font-size: 13px !important; 
} 
.font-size-14 {
  font-size: 14px !important; 
}
.font-size-16 {
  font-size: 16px !important; 
}
.font-size-17 {
  font-size: 17px !important; 
} 
.font-size-18 {
  font-size: 18px !important; 
}
.font-size-19 {
  font-size: 19px !important; 
}
.font-size-20 {
  font-size: 20px !important; 
}
.font-size-21 {
  font-size: 21px !important; 
}
.font-size-22 {
  font-size: 22px !important; 
}
.font-size-24 {
  font-size: 24px !important; 
}
.font-size-25 {
  font-size: 25px !important; 
}
.font-size-26 {
  font-size: 26px !important; 
}
.font-size-28 {
  font-size: 28px !important; 
}
.font-size-30 {
  font-size: 30px !important; 
}
.font-size-32 {
  font-size: 32px !important; 
} 
.font-size-34 {
  font-size: 34px !important; 
} 
.font-size-36 {
  font-size: 36px !important; 
}
.font-size-37 {
  font-size: 37px !important; 
}  
.font-size-38 {
  font-size: 38px !important; 
}
.font-size-40 {
  font-size: 40px !important; 
}
.font-size-42 {
  font-size: 42px !important; 
} 
.font-size-44 {
  font-size: 44px !important; 
}
.font-size-45 {
  font-size: 45px !important; 
}
.font-size-49 {
  font-size: 49px !important; 
}
.font-size-55 {
  font-size: 55px !important; 
} 
.font-size-56 {
  font-size: 56px !important; 
} 
.font-size-60 {
  font-size: 60px !important; 
}   
.font-size-64 {
  font-size: 64px !important; 
}   
.line-height-14{
	line-height: 14px;
}
.line-height-16{
	line-height: 16px;
}
.line-height-18{
	line-height: 18px;
}
.line-height-19{
	line-height: 19px;
}
.line-height-20{
	line-height: 20px;
}
.line-height-21{
	line-height: 21px;
}
.line-height-22{
	line-height: 22px;
}
.line-height-24{
	line-height: 24px;
}
.line-height-25{
	line-height: 25px;
}
.line-height-26{
	line-height: 26px;
}
.line-height-28{
	line-height: 28px;
}
.line-height-30{
	line-height: 30px;
}
.line-height-32{
	line-height: 32px;
}
.line-height-34{
	line-height: 34px;
}
.line-height-36{
	line-height: 36px;
}
.line-height-38{
	line-height: 38px;
}
.line-height-40{
	line-height: 40px;
}
.line-height-41{
	line-height: 41px;
}
.line-height-46{
	line-height: 46px;
}
.line-height-50{
	line-height: 50px;
}
.line-height-53{
	line-height: 53px;
}
.line-height-56{
	line-height: 56px;
}
.line-height-57{
	line-height: 57px;
}
.line-height-60{
	line-height: 60px;
}
.line-height-64{
	line-height: 64px;
}
.line-height-68{
	line-height: 68px;
}
.font-weight{
	font-weight: bold;
}
.font-weight-100{
	font-weight: 100 !important;
}
.font-weight-200{
	font-weight: 200 !important;
}
.font-weight-300{
	font-weight: 300 !important;
}
.font-weight-400{
	font-weight: 400 !important;
}
.font-weight-500{
	font-weight: 500 !important;
}
.font-weight-600{
	font-weight: 600 !important;
}
.font-weight-700{
	font-weight: 700 !important;
}
.font-weight-800{
	font-weight: 800 !important;
}

.custom-select {
  position: relative;
  border: 1px solid #93959E;
  background-color: #fff;
  z-index: 10;
  font-family: 'Helvetica' !important;
}
.custom-select select {
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  display: block;
  width: 100%;
  padding: 5px 55px 5px 10px;
  font-size: 14px;
  color: #93959E;
  font-family: 'Helvetica' !important;
}
.custom-select:after {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background-image: url('../materi/ChinUp_Website_Draft/triangle.png');
  background-repeat: no-repeat;
  background-position: center center;
  content:"";
  display: block;
  width: 30px; 
  padding-left: 10px;
  height: 100%;
  background-size: 18px 18px;
  padding-left: 10px;
  border-left: 1px solid #93959E;
}



ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0; 
}

ul.menu li {
    float: right;
}

ul.menu li a {
    color: red;
    text-align: center;
    text-decoration: none;
	padding: 0 10px;
}

ul.menu li a:hover {
    background-color: #111111;
}
.text-blue{
	color: #00ADEE !important;
}
.background-blue{
	background-color: #00ADEE !important;
}
.text-grey{
	color: #92929E !important;
}
.text-grey2{
	color: #93959E !important;
}
.text-grey3{
	color: #BABAC5 !important;
}
.text-grey4{
	color: #9EA0A3 !important;
}
.text-grey4{
	color: #AAAAB7 !important;
}
.text-grey5{
	color: #6B6C6F !important;
}
.text-grey6{
	color: #6D6D76 !important;
}

.text-orange{
	color: #FFC10E !important;
}
.text-black1{
	color: #6B6C6F !important;
}
.text-black2{
	color: #58595B !important;
}
#topbar{
border-bottom: none !Important;
}
.box-slider{
	width: 25%; 
	margin-left: 5%;
	margin-top: 13%; 
	z-index: 2; 
	position: absolute;
}
.box-slider2{
	width: 25%;
	margin-left: 5%;
	padding-top: 250px !important; 
	background-image: url("../materi/ChinUp_Website_Draft/neck pain/title_bg.png"); 
	background-size: 100% 100%; 
	background-repeat: no-repeat; 
	z-index: 2; 
	position: relative; 
	display: inline-block;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.col-xs-3rd
.col-sm-3rd
.col-md-3rd,
.col-lg-3rd {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-3rd {
    width: 25%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-3rd {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-3rd {
        width: 25%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-3rd {
        width: 25%;
        float: left;
    }
}

.image-nect{
	height: 100%; float: right; position: absolute; right: 0; top: 0;
}
.neckpain-fact-box{
position: absolute; bottom: 20px;
}
.neckpain-fact{
padding-left: 15%; padding-right: 25%; position: absolute; width: 100%; left: 0; bottom: 0; height: 80%;
}
.product-right{
	position: absolute; height: 100%; width: auto; right: 0; top: 0;
}

.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:9999;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:9999 !important;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:0;right:0;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=='); }.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

ul, ol {
	list-style-position: outside !Important;
}
  .container-wide2 {
  padding-left: 130px !important; 
  padding-right: 50px !Important;
  }