/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties
------------------------------------------------------------- */
#home-news-page { width: 100%; float: left; overflow: hidden; }
#home-news-page .slider .slide { min-height: 50vw; background-position: center 0; background-size: cover; }
#home-news-page .slider .bottom { position: absolute; left: 0; right: 0; bottom: 15%; text-transform: uppercase; }
#home-news-page .slider .bottom h1.title { color: #e4e4e2; font-weight: 500; margin: 0; font-size: 75px; }
#home-news-page .slider .bottom h2.sub-title { margin: 0; font-size: 50px; }
#home-news-page .slider .bottom .blue-button { font-weight: 400; padding: 20px 30px; margin-top: 40px; display: inline-block; }
#home-news-page .slider .gradient { position: absolute; bottom: 0; left: 0; right: 0; top: 30%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 50, 51, 0)), to(#070506)); background-image: -webkit-linear-gradient(top, rgba(52, 50, 51, 0), #070506); background-image: -moz-linear-gradient(top, rgba(52, 50, 51, 0), #070506); background-image: -ms-linear-gradient(top, rgba(52, 50, 51, 0), #070506); background-image: -o-linear-gradient(top, rgba(52, 50, 51, 0), #070506); background-image: linear-gradient(top, rgba(52, 50, 51, 0), #070506); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(52, 50, 51, 0)', endColorStr='#070506'); }
#home-news-page .tri-divs { overflow: hidden; }
#home-news-page .tri-divs .sub-div-bg { min-height: 25vw; background-size: cover; background-position: center center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#home-news-page .tri-divs .sub-div-bg:hover { transform: scale(1.1); }
#home-news-page .tri-divs h2 { color: #e6e6e4; text-transform: uppercase; position: absolute; left: 60px; bottom: 60px; margin: 0; right: 60px; font-size: 37px; }
#home-news-page .tri-divs .gradient { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); }
#home-news-page .tri-divs a:hover .gradient { opacity: 0; }
#home-news-page .free-consultation { background-color: #222222; background-image: url(../img/home/watermark.png); background-repeat: no-repeat; background-position: center right; }
#home-news-page .free-consultation .left { -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); overflow: hidden; border-right: 5vw solid transparent; }
#home-news-page .free-consultation .left img { -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); max-width: 114%; }
#home-news-page .free-consultation .right { text-transform: uppercase; padding: 25px; }
#home-news-page .free-consultation .right h2 { font-size: 45px; color: #dfdfdf; margin-bottom: 50px; }
#home-news-page .free-consultation .right p { color: #fff; font-size: 23px; font-weight: 200; margin-bottom: 45px; }
#home-news-page .free-consultation .right .gray-button { background-color: #343233; font-size: 17px; font-weight: 200; }
#home-news-page .meet-trainer { text-transform: uppercase; background-color: #f5f5f5; z-index: 1; }
#home-news-page .meet-trainer h4 { font-size: 23px; }
#home-news-page .meet-trainer h1 { color: #8b8585; font-size: 60px; font-size: 3.6vw; margin-bottom: 40px; }
#home-news-page .meet-trainer .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#home-news-page .meet-trainer .abs-img-bg { width: 42.3333%; float: right; margin-right: -4%; opacity: 0.2; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#home-news-page .meet-trainer .abs-img { float: right; margin-top: -4.1vw; margin-bottom: -4.1vw; width: 33.3333%; z-index: 1; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); overflow: hidden; position: relative; }
#home-news-page .meet-trainer .abs-img img { -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); max-width: 134%; width: 134%; margin-left: -17%; }
#home-news-page .meet-trainer .gray-button { background-color: #333132; }
#home-news-page .transformations { border-bottom: 80px solid #3e3c3d; background-color: #1fa0bf; padding-top: 80px; text-transform: uppercase; }
#home-news-page .transformations h1 { color: #fefefe; margin-top: 0; margin-bottom: 40px; font-size: 45px; letter-spacing: 2px; }
#home-news-page .transformations .blue-button { background-color: #058eae; font-weight: 200; font-size: 18px; margin-top: 10px; padding: 15px 40px; color: #fff; }
#home-news-page .transformations .single-transformation { border-top: 10px solid #087a94; border-bottom: 15px solid #222222; }
#home-news-page .transformations .single-transformation .trans-b, #home-news-page .transformations .single-transformation .trans-a { height: 465px; background-position: top center; }
#home-news-page .transformations .single-transformation .trans-b .gradient, #home-news-page .transformations .single-transformation .trans-a .gradient { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: -moz-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0, rgba(34, 34, 34, 0)), color-stop(100%, #222222)); background: -webkit-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: -o-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(34, 34, 34, 0) 0, #222222 100%); background: radial-gradient(ellipse at center, rgba(34, 34, 34, 0) 0%, #222222 100%); }
#home-news-page .transformations .single-transformation .trans-b { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: grayscale(100%); }
#home-news-page .transformations .single-transformation .read-more { position: absolute; left: 50%; bottom: 0; background-color: #373536; border: 1px solid #1e9bb7; color: #f1f1f1; padding: 13px; transform: translate(-50%, 50%); text-align: center; border-radius: 8px; font-size: 16px; width: 90%; max-width: 325px; }
#home-news-page .transformations .single-transformation .read-more span { font-size: 20px; }
#home-news-page .transformations .single-transformation .read-more:hover, #home-news-page .transformations .single-transformation .read-more:focus { background-color: #1e9bb7; }
#home-news-page .blog { background-color: #222222; padding-bottom: 55px; }
#home-news-page .blog .blue-bg { position: absolute; top: 0; right: 0; left: 0; bottom: 60%; background-color: #1e9ebb; }
#home-news-page .blog h2 { text-transform: uppercase; position: relative; }
#home-news-page .blog .title { color: #e6e6e6; text-align: center; margin-top: 80px; font-size: 37px; margin-bottom: 40px; }
#home-news-page .blog .single-blog:hover .img-div img { transform: scale(1.1); }
#home-news-page .blog .single-blog .img-div { overflow: hidden; position: relative; }
#home-news-page .blog .single-blog .img-div img { width: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#home-news-page .blog .single-blog .img-div .date { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; color: #e6e6e6; z-index: 1; text-transform: uppercase; }
#home-news-page .blog .single-blog .img-div .gradient { position: absolute; bottom: 0; left: 0; right: 0; top: 64%; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 50, 51, 0)), to(rgba(7, 5, 6, 0.8))); background-image: -webkit-linear-gradient(top, rgba(52, 50, 51, 0), rgba(7, 5, 6, 0.8)); background-image: -moz-linear-gradient(top, rgba(52, 50, 51, 0), rgba(7, 5, 6, 0.8)); background-image: -ms-linear-gradient(top, rgba(52, 50, 51, 0), rgba(7, 5, 6, 0.8)); background-image: -o-linear-gradient(top, rgba(52, 50, 51, 0), rgba(7, 5, 6, 0.8)); background-image: linear-gradient(top, rgba(52, 50, 51, 0), rgba(7, 5, 6, 0.8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(52, 50, 51, 0)', endColorStr='rgba(7, 5, 6, 0.8)'); }
#home-news-page .blog .single-blog .white-bg { text-align: center; border-right: 1px solid #b7b7b7; background-color: #f5f5f5; padding: 50px 20px; }
#home-news-page .blog .single-blog .white-bg h2 { margin-top: 0; font-size: 24px; letter-spacing: 1px; color: #222222; }
#home-news-page .blog .single-blog .white-bg p { max-width: 252px; margin: 25px auto; color: #222222; }
#home-news-page .blog .single-blog .white-bg .black-button { display: inline-block; min-width: 200px; color: #e6e6e6; }
#home-news-page .blog .single-blog:last-child .white-bg { border: 0; }
#home-news-page .owl-theme .owl-nav.disabled + .owl-dots { position: absolute; bottom: 4%; left: 0; right: 0; }
#home-news-page .owl-theme .owl-dots .owl-dot span { background: #474747; width: 14px; height: 14px; margin: 5px 10px; }
#home-news-page .owl-theme .owl-dots .owl-dot.active span, #home-news-page .owl-theme .owl-dots .owl-dot:hover span { background: #1ea1bf; }

.custom-modal { text-align: center; }
.custom-modal .modal-dialog { width: 80%; max-width: 1300px; display: inline-block; text-align: left; vertical-align: middle; }
.custom-modal .modal-content { border-radius: 0; }
.custom-modal .modal-content .modal-body { padding: 0; overflow: hidden; background-color: #e3e3e3; }
.custom-modal .modal-content .modal-body .left { background-image: url(../img/home/popup.png); background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; }
.custom-modal .modal-content .modal-body .left h2 { text-transform: uppercase; font-size: 34px; color: #efefef; position: absolute; bottom: 0; text-align: center; width: 100%; bottom: 65px; padding-left: 80px; }
.custom-modal .modal-content .modal-body .left h2 .key { width: 80px; height: 80px; border-radius: 50%; background-color: #efeeec; display: inline-block; position: absolute; margin-left: -95px; margin-top: -20px; background-image: url(../img/secure/key.png); background-position: center center; background-repeat: no-repeat; }
.custom-modal .modal-content .modal-body .right .close { color: #228aa3; font-size: 72px; font-weight: 200; opacity: 1; text-shadow: none; line-height: 34px; margin: 25px 25px 0 0; }
.custom-modal .modal-content .modal-body .right form.login-form { max-width: 275px; margin: 65px auto; overflow: hidden; }
.custom-modal .modal-content .modal-body .right form.login-form .logo { margin: 0 auto 30px; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group { display: block; width: 100%; float: left; margin-bottom: 12px; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group input.form-control { width: 100%; float: left; border: 2px solid #e3e3e3; height: 60px; border-radius: 10px; padding-left: 40px; z-index: 1; color: #4f4d4e; font-size: 15px; box-shadow: none; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group input.form-control:focus { outline: 0; border: 2px solid #1e9ebb; box-shadow: none; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group select.form-control { color: #ebebeb; -webkit-appearance: none; -moz-appearance: none; padding-right: 20px; padding-left: 40px; background-image: url(../img/shop/select-bg-white.png); background-position: 90% center; background-color: #4f4d4e; background-repeat: no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 2px solid #e3e3e3; height: 60px; border-radius: 10px; box-shadow: none; font-size: 15px; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group select.form-control::-ms-expand { display: none; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group select.form-control:focus { outline: 0; border: 2px solid #1e9ebb; box-shadow: none; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group.select:after { background-color: #1fa0bf; }
.custom-modal .modal-content .modal-body .right form.login-form .input-group:after { content: ''; display: inline-block; position: absolute; width: 18px; top: 2px; left: 2px; bottom: 2px; z-index: 3; background-color: #ebebeb; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.custom-modal .modal-content .modal-body .right form.login-form .submit-btn { background-color: #1fa0bf; color: #fffeff; width: 100%; outline: 0; border: 0; border-radius: 8px; margin-bottom: 20px; padding: 17px 0; font-size: 18px; border: 2px solid #e3e3e3; }
.custom-modal .modal-content .modal-body .right form.login-form .back-btn { background-color: #1fa0bf; color: #fffeff; width: 100%; outline: 0; border-radius: 8px; margin-bottom: 20px; padding: 17px 0; font-size: 18px; border: 2px solid #e3e3e3; display: inline-block; text-align: center; }
.custom-modal .modal-content .modal-body .right form.login-form .reset-btn { display: inline-block; background: #888485; padding: 17px 0; border-radius: 6px; color: #f1f1f1; font-size: 18px; width: 100%; border-radius: 8px; margin-bottom: 20px; }
.custom-modal .modal-content .modal-body .right form.login-form .checkbox-custom-label { color: #9c9c9c; font-weight: 400; font-size: 18px; width: 100%; float: left; margin-bottom: 15px; }
.custom-modal .modal-content .modal-body .right form.login-form .checkbox-custom-label input { width: 1px; height: 1px; float: left; visibility: hidden; position: relative; }
.custom-modal .modal-content .modal-body .right form.login-form .checkbox-custom-label input:checked + span::after { content: ""; position: absolute; left: 14px; top: 9px; width: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 15px; border-right: 2px solid #707070; border-bottom: 2px solid #707070; border-radius: 2px; visibility: visible; }
.custom-modal .modal-content .modal-body .right form.login-form .checkbox-custom-label input + span { width: 35px; height: 35px; float: left; margin: -5px 25px 0 0; content: ''; display: block; position: relative; border-radius: 50%; visibility: visible; border: 1px solid #3aa6c2; }
.custom-modal .modal-content .modal-body .right form.login-form .question-mark { width: 35px; height: 35px; background-color: #1ca2bf; display: inline-block; text-align: center; font-size: 21px; font-weight: 400; color: #fff; padding-top: 3px; border-radius: 50%; margin: -5px 25px 0 0; float: left; }
.custom-modal .modal-content .modal-body .right form.login-form .remember-me, .custom-modal .modal-content .modal-body .right form.login-form .forgot-pwd, .custom-modal .modal-content .modal-body .right form.login-form .submit-outer { width: 100%; float: left; }
.custom-modal .modal-content .modal-body .right form.login-form .remember-me label, .custom-modal .modal-content .modal-body .right form.login-form .forgot-pwd label, .custom-modal .modal-content .modal-body .right form.login-form .submit-outer label { cursor: pointer; }
.custom-modal .modal-content .modal-body .right .bottom-label { background-color: #4f4d4e; color: #9d9d9d; text-transform: uppercase; text-align: center; padding: 20px; font-size: 22px; display: block; width: 100%; }

#subscribeModal .modal-content .modal-body { background-color: #272526; }
#subscribeModal .modal-content .modal-body .left { background-image: url(../img/home/subscribe-bg.png); }
#subscribeModal .modal-content .modal-body .right form.login-form { width: 100%; max-width: 100%; margin: 0; }
#subscribeModal .modal-content .modal-body .right form.login-form .little-width { max-width: 275px; margin: 65px auto 100px auto; overflow: hidden; }
#subscribeModal .modal-content .modal-body .right form.login-form .little-width h2.heading { text-transform: uppercase; color: #f5f5f5; margin: 0 0 40px 0; font-size: 40px; text-align: center; }
#subscribeModal .modal-content .modal-body .right form.login-form .little-width p.sub-heading { color: #f5f5f5; margin-bottom: 50px; text-align: center; font-size: 17px; }
#subscribeModal .modal-content .modal-body .right form.login-form .submit-btn { margin: 0; border-radius: 0; border: 0; text-transform: uppercase; font-size: 22px; }
#subscribeModal .modal-content .modal-body .right .close { color: #fff; }
#subscribeModal .modal-content .modal-body .right form.login-form .input-group input { font-size: 18px; font-weight: 500; color: #282828; }
#subscribeModal .modal-content .modal-body .right form.login-form .input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #282828; }
#subscribeModal .modal-content .modal-body .right form.login-form .input-group input::-moz-placeholder { /* Firefox 19+ */ color: #282828; }
#subscribeModal .modal-content .modal-body .right form.login-form .input-group input:-ms-input-placeholder { /* IE 10+ */ color: #282828; }
#subscribeModal .modal-content .modal-body .right form.login-form .input-group input:-moz-placeholder { /* Firefox 18- */ color: #282828; }
#subscribeModal .modal-content .modal-body .right form.login-form .input-group:after { display: none; }

@media only screen and (max-width: 991px) { #home-news-page .slider .slide { min-height: 70vw; }
  #home-news-page .slider .bottom h1.title { font-size: 55px; }
  #home-news-page .slider .bottom h2.sub-title { font-size: 28px; }
  #home-news-page .slider .bottom .button { width: 100%; }
  #home-news-page .slider .bottom .button .blue-button { padding: 12px 25px; margin-top: 15px; border-radius: 5px; }
  #home-news-page .slider .gradient { bottom: 55px; }
  #home-news-page .owl-theme .owl-nav.disabled + .owl-dots { bottom: 0; margin: 0; padding: 20px 0; background-color: #070506; }
  #home-news-page .owl-theme .owl-dots .owl-dot span { width: 9px; height: 9px; margin: 5px 7px; }
  #home-news-page .tri-divs h2 { left: 40px; bottom: 40px; right: 40px; }
  #home-news-page .free-consultation .right h2 { font-size: 32px; margin-top: 0; margin-bottom: 18px; }
  #home-news-page .free-consultation .right p { font-size: 16px; margin-bottom: 20px; }
  #home-news-page .free-consultation { background-position: 124% center; background-size: 300px; }
  #home-news-page .free-consultation .right .gray-button { font-size: 14px; padding: 10px 20px; }
  #home-news-page .meet-trainer h4 { font-size: 19px; margin-bottom: 0; margin-top: 27px; }
  #home-news-page .meet-trainer h1 { font-size: 45px; letter-spacing: 2px; margin-top: 2px; margin-bottom: 35px; }
  #home-news-page .meet-trainer .gray-button { font-size: 14px; padding: 10px 20px; }
  #home-news-page .meet-trainer .abs-img-bg { width: 52.3333%; }
  #home-news-page .meet-trainer .abs-img { width: 38.3333%; }
  .custom-modal .modal-content .modal-body .left { background-position: top center; background-size: 100%; position: relative; height: 50vw; width: 100%; }
  .custom-modal .modal-content .modal-body .left h2 { bottom: 20px; padding-left: 0; font-size: 25px; }
  .custom-modal .modal-content .modal-body .left h2 .key { position: static; display: block; margin: 20px auto; }
  .custom-modal .modal-content .modal-body .right { position: static; width: 100%; margin: 0; }
  .custom-modal .modal-content .modal-body .right .close { position: absolute; top: 0; right: 0; } }
@media only screen and (max-width: 767px) { #home-news-page .slider .slide { min-height: 130vw; }
  #home-news-page .slider .bottom { bottom: 64px; }
  #home-news-page .tri-divs .sub-div-bg { min-height: 65vw; }
  #home-news-page .meet-trainer .container { position: static; transform: none; float: left; }
  #home-news-page .free-consultation { background-size: 257px; background-position: 107% 0; }
  #home-news-page .free-consultation .left { width: 60%; }
  #home-news-page .free-consultation .right h2 { font-size: 27px; margin-bottom: 10px; }
  #home-news-page .meet-trainer .abs-img-bg { width: 69.3333%; position: absolute; z-index: -1; margin-left: -10%; }
  #home-news-page .meet-trainer .abs-img { margin-top: -6vw; margin-bottom: 0; max-width: 50%; width: 50%; position: static; }
  #home-news-page .meet-trainer h4 { font-weight: 400; }
  #home-news-page .meet-trainer .txt { width: 50%; float: left; }
  #home-news-page .meet-trainer .gray-button { margin-top: 50px; margin-left: 2vw; }
  #home-news-page .blog { padding: 20px 10px 30px 10px; }
  #home-news-page .blog .title { margin-top: 0px; font-size: 21px; margin-bottom: 20px; color: #fff; }
  #home-news-page .blog .blue-bg { bottom: 50%; }
  #home-news-page .transformations { padding: 25px; border: 0; }
  #home-news-page .transformations h1 { width: 100%; font-size: 20px; margin-bottom: 15px; text-align: center; }
  #home-news-page .transformations .single-transformation { border: 0; text-align: center; background-color: #3d3b3c; }
  #home-news-page .transformations .single-transformation .read-more { position: static; display: inline-block; transform: translate(0, -50%); }
  #home-news-page .transformations .single-transformation .trans-b, #home-news-page .transformations .single-transformation .trans-a { border-bottom: 9px solid #222222; }
  #home-news-page .transformations .single-transformation .read-more { max-width: 275px; font-size: 14px; }
  #home-news-page .transformations .single-transformation .read-more span { font-size: 17px; }
  #home-news-page .free-consultation .right { position: static; }
  .custom-modal .modal-dialog { width: 90%; margin: 10px auto; }
  #subscribeModal .modal-content .modal-body .right form.login-form .little-width h2.heading { font-size: 30px; margin: 0 0 30px 0; }
  #subscribeModal .modal-content .modal-body .right form.login-form .little-width { margin: 55px auto 60px auto; }
  #subscribeModal .modal-content .modal-body .right form.login-form .input-group input { font-size: 17px; height: 50px; padding-left: 25px; }
  #subscribeModal .modal-content .modal-body .right .close { color: #228aa3; } }
@media only screen and (max-width: 500px) { #home-news-page .slider .bottom h1.title { font-size: 41px; font-weight: 600; }
  #home-news-page .tri-divs h2 { font-size: 28px; } }
@media screen and (min-width: 768px) { .custom-modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } }

/*# sourceMappingURL=home-news.css.map */