/* #General Styles
================================================== */
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.pro html, .pro body, .pro span, .pro applet, .pro object, .pro img, .pro select, .pro input, .pro option { margin: 0; padding: 0; border: 0; outline: 0; }
.pro html { -webkit-text-size-adjust: none; }
.pro button, .pro input, .pro select, .pro textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.pro input[type="button"], .pro input[type="submit"] { -webkit-appearance: none !important; }
.pro a { text-decoration: none; }
.pro img { border: 0 none; max-width: 100%; vertical-align: top; }
.pro a { outline: none; cursor: pointer; }
.pro a:hover { text-decoration: none; }
.pro a:focus { text-decoration: none !important; outline: none !important; }
.pro .clear { clear: both; }
.pro img { max-width: 100%; }
.pro button:focus { outline: 0; }
.pro .text-transform { text-transform: uppercase; }
.pro .break { float: left; width: 100%; }
.pro .preloader { display: none; }
.pro img { vertical-align: bottom; }
/* #Page Structure
================================================== */
body { margin: 0; padding: 0; color: #060202; background: #fff;}
.pro .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; opacity: 1; }
.pro .main { max-width: 1030px; margin: 0 auto; }
.pro a, .pro button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.pro h2 { color: hsl(0, 0%, 0%); font-family: "Oswald", sans-serif; font-size: 50px; font-weight: 700; letter-spacing: 5px; line-height: auto; text-align: center; text-transform: uppercase; margin: 0; }
.pro p { color: hsl(0, 0%, 57%); font-family: "Oswald", sans-serif; font-size: 20px; font-weight: 300; letter-spacing: 0.05pro; line-height: 39px; font-weight: 300; margin: 0; }
/* Home Page Style
 ================================================== */
/***** mid container styles goes here *****/
.pro .mid-container { width: 100%; float: left; background-color: #fff; }
.pro .homepage-hero-module { border-right: none; border-left: none; position: relative; }
.pro .no-video .video-container video, .pro .touch .video-container video { display: none; }
.pro .no-video .video-container .poster, .pro .touch .video-container .poster { display: block !important; }
.pro .video-container { position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000; }
.pro .video-container .poster img { width: 100%; bottom: 0; position: absolute; }
.pro .video-container .filter { z-index: 100; position: absolute; width: 100%; }
.pro .video-container .title-container { z-index: 1000 !important; position: absolute; top: 50%; width: 100% !important; text-align: center; color: #fff; right: 0; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.pro .video-container video.fillWidth { width: 100%; width: 100% !important; margin-left: 0px !important; height: auto !important; }
.pro .banner-content-inner { width: 100%; z-index: 99999; }
.pro .product-video-text { background-color: #fff200; padding: 50px 20px; width: 100%; margin: 0 auto; max-width: 660px; margin-bottom: 35px; }
.pro .product-video-text p { font-size: 14px; color: #000; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
.pro .pro-sl-logo { width: 100%; text-align: center; }
.pro .pro-sl-logo h3 { font-size: 44px; line-height: normal; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 5px; margin: 0; padding-bottom: 10px; }
.pro .pro-sl-logo p { font-size: 20px; line-height: 39px; color: #fff; letter-spacing: 1px; padding: 0 20px; }
/* Available section*/
.pro .available-style { width: 100%; float: left; border-bottom: 1px solid #ccc; }
.pro .available-style-inner { width: 100%; float: left; margin-bottom: 50px; }
.pro .big-shoe-view { width: 100%; float: left; text-align: center; }
.pro .small-shoe-view { width: 100%; float: left; padding: 60px 50px; }
.pro .small-shoe-view li { display: inline-block; width: 25%; float: left; }
.pro .simplegallery .thumbnail .thumb img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; }
.pro .simplegallery .thumbnail .thumb img:hover { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); }
.pro .show-btn-review { width: 100%; float: left; position: relative; text-align: center; }
.pro .show-btn-review li { display: inline-block; padding-right: 25px; }
.pro .shop-pro { background-color: transparent; font-size: 14px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; border-radius: 100px; border: 2px solid #000; display: inline-block; padding: 11px 38px; color: #000; }
.pro .delear-loc { padding: 11px 24px; }
.pro .shop-pro:hover { background-color: #000; color: #fff; }
/* Tour proven section*/
.pro .tour-proven { width: 100%; float: left; }
.pro .tour-proven-section { width: 100%; float: left; }
.pro .tour-proven .main-section-title { padding: 40px 0 40px 0; }
.pro .tour-proven-section img { width: 100%; }
/* performance feature section*/
.pro .performance-feature { width: 100%; float: left; background-color: #f4f4f4; padding-bottom: 50px; }
.pro .main-section-title { width: 100%; float: left; text-align: center; padding-top: 70px; padding-bottom: 70px; }
.pro .perf-section-inner { width: 100%; float: left; }
.pro .perf-box-content { width: 23.5%; float: left; margin-right: 1.5%; overflow: hidden; }
.pro .perf-box-content:last-child { margin-right: 0; }
.pro .perf-box-content .image-desc { text-align: center; margin-top: 30px; width: 100%; float: left; }
.pro .image-section { text-align: center; }
.pro .image-section { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; float: left; position: relative; width: 100%; overflow: hidden; }
.pro .image-section img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transform: scale(1); width: 100%; overflow: hidden; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.pro .image-section img:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; overflow: hidden; }
.pro .perf-box-content .image-desc h6 { color: #000; font-weight: 700; text-transform: uppercase; line-height: 25px; font-size: 20px; letter-spacing: 2px; margin: 0; }
.pro .perf-box-content .image-desc p { font-size: 14px; color: #919191; line-height: 25px; font-weight: 300; padding: 0 25px; }
/* customer aaproved section*/
.pro .customer-approved { width: 100%; float: left; }
.pro .customer-approved .main-section-title { padding: 65px 0 50px 0; }
.pro .cust-approved-section { width: 100%; float: left; height: auto; background-color: #000; padding: 65px 0 55px; }
.pro .cust-approved-section img { width: 100%; }
.pro .cust-start-rating { width: 100%; float: left; text-align: center; padding-bottom: 40px; }
.pro .cust-start-rating li { display: inline-block; padding-right: 10px; }
.pro .cust-speak { width: 100%; float: left; padding-bottom: 25px; }
.pro .cust-speak-left { width: 64%; float: left; }
.pro .cust-speak-left p { font-family: 'Titillium Web', sans-serif; color: #fff; text-align: inherit; padding-bottom: 25px; }
.pro .cust-speak-left li:nth-child(1) p { font-size: 17px; line-height: 25px; font-weight: 700; font-style: italic; }
.pro .cust-speak-left li:nth-child(2) p { font-size: 14px; line-height: 20px; font-weight: normal; font-style: italic; }
.pro .cust-speak-left li:nth-child(3) p { font-size: 14px; line-height: 20px; font-weight: 600; font-style: italic; }
.pro .cust-speak-right p { font-family: 'Titillium Web', sans-serif; color: #fff; text-align: right; padding-bottom: 25px; }
.pro .cust-speak-right { width: 36%; float: right; }
.pro .cust-speak-right li:nth-child(1) p { font-size: 14px; line-height: 20px; font-weight: 300; text-align: right; }
.pro .cust-speak-right li:nth-child(2) p { font-size: 14px; line-height: 20px; font-weight: 700; }
.pro .cust-speak-right li:nth-child(3) p { font-size: 14px; line-height: 20px; font-weight: 400; font-style: italic; }
.pro .final-speak { width: 100%; float: left; }
.pro .final-speak p { color: #fff; font-size: 17px; line-height: normal; font-weight: 700; text-align: inherit; font-style: italic; letter-spacing: 2px; margin-bottom: 10px; }
.pro .btn-area { width: 100%; float: left; position: relative; text-align: center; margin-top: 25px; }
.pro .btn-review { background-color: transparent; font-size: 14px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; border-radius: 100px; border: 2px solid #fff; display: inline-block; padding: 15px 30px; color: #fff; }
.pro .btn-review:hover { background-color: #fff; color: #000; }
/* watch-learn section*/
.pro .watch-learn { width: 100%; float: left; }

.pro .watch-learn-inner {
    background-color: #f7f7f7;
    float: left;
    padding:35px 0 0;
    width: 100%;
}
.pro .owl-nav { font-size: 0; }
.pro .video-container { float: left; height: 100%; width: 100%; position: relative; }
.play-icon { height: 64px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 64px; }
.pro .play-icon button { background: transparent none repeat scroll 0 0 !important; border: medium none; border-radius: 100%; height: auto; left: auto; margin: 0 auto; padding: 0; position: absolute; right: 0; top: auto; width: auto; }
.pro .video-text { width: 100%; float: left; }
/*popup video css */
.pro .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.pro .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.pro .mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.pro .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.pro .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.pro .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.pro .video-text { width: 100%; float: left; }
.pro .video-text p { text-align: center; font-size: 22px; font-weight: 700; color: #979595; font-family: "Oswald", sans-serif; padding: 25px 0; }
/*.pro iframe { width: 100%; position: relative; z-index: 9999999; }*/
.pro .video-control { display: inline-block; left: 0; margin-top: -60px; position: absolute; right: 0; text-align: center; top: 50%; z-index: 9999; }
.pro .play-video { cursor: pointer; position: relative; }
.pro iframe { height: 100%; left: 0; padding: 0; position: relative; top: 0; width: 100%; }
.pro .video-container iframe, .pro .video-container object, .pro .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* join-conversation section*/
.pro .join-conversation { width: 100%; float: left; padding-bottom: 40px; border-bottom: 1px solid #ccc; }
.pro .join-conversatio-inner { width: 100%; float: left; padding: 0 20px; }
.pro .join-conversatio-inner img { width: 100%; }
/***** mid container styles end *****/

/* loader */
.pro .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pro .pace-inactive { display: none; }
.pro .pace .pace-progress { background: #ff1413; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 4px; }
.watch-learn-inner .slick-slide { display: block; padding: 0 10px; }
.pro .scrolldown { position: absolute; left: 0; right: 0; bottom: -155px; }
.pro .scrolldown img { width: 70px; }
.pro .scrolldown span { display: block; text-transform: uppercase; font-size: 16px; color: #fff; padding-top: 10px; }
.pro .watch-video-container { float: left; width: 100%; }
.pro .watch-video-container .item { float: left; width: 32%; margin-right: 2%; }
.pro .watch-video-container .item:nth-child(3) { margin-right: 0; }
.pro .video-posterimg img { width: 100%; }
.pro .tour-proven-section .mobile-img, .pro .join-conversatio-inner .mobile-img { display: none; }
.pro .banner-section .show-btn-review { display: none; }
.pro .inner-desktopvideo img, .pro .inner-responsivevideo img { width: 100%; }
.pro .videoarea { background-repeat: no-repeat; height: 100%; float: left; width: 100%; background-size: 100%; background-position: center center; }
.pro .desktop-video { display: block; }
.pro .responsive-video { display: none; }
.pro .prosl_responsive_logo { display: none; }
.pro .video-posterimg { display: none; }
.win.safari .pro .video-posterimg { display: block; }
/*.............................Monks Popup Design.............................*/
.ui-dialog.video { overflow: visible !important; padding: 0; }
.ui-dialog.video #dialog-container #dialog-container { height: 0 !important; margin-top: 0 !important; padding-bottom: 55% !important; padding-top: 0 !important; position: relative !important; width: 100% !important; }
.ui-dialog.video #dialog-container { margin: 0 !important; padding: 0 !important; width: 100% !important; }
.ui-dialog.video #dialog-container iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.ui-dialog.video .ui-dialog-title { display: none !important; }
.ui-dialog.video .ui-dialog-titlebar-close { background: #ff0000 none repeat scroll 0 0 !important; border-radius: 100%; height: 25px !important; line-height: 16px; opacity: 1 !important; position: absolute !important; right: -27px !important; text-align: center; top: -7px !important; width: 25px !important; }
.ui-dialog.video .ui-icon-closethick { bottom: auto !important; display: inline-block !important; float: none !important; height: 15px !important; left: 5px !important; margin: 0 auto !important; position: absolute !important; right: auto !important; top: 5px !important; width: 15px !important; }
.ui-widget-overlay { height: 100%; left: 0; overflow: hidden !important; position: fixed; top: 0; width: 100%; z-index: 1111 !important; }
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.video.ui-draggable { left: 50% !important; max-width: 780px !important; transform: translate(-50%, 0%); width: 100% !important; z-index: 1111111 !important; }
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle { height: auto !important; padding: 0 !important; }
.ui-dialog.video { overflow: visible !important; padding: 5px !important; }

@media all and (max-width:820px) {
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.video.ui-draggable { width: 94% !important; }
}

@media all and (max-width:767px) {
.ui-dialog.video .ui-dialog-titlebar-close { right: -26px !important; top: -12px !important; }
}