@charset "UTF-8";
/********************************* GENERAL SETING *********************************/
html, body{height:100%;width:100%;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-smooth:always;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;text-rendering: optimizeLegibility;}

/*p, label {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}*/

img { -ms-interpolation-mode: bicubic; }/* IMG RESIZE FIX FOR IE 7+*/


/*ul{list-style:none;}*/
ul li{margin-bottom: .5em;}

input,
textarea{border:0;}

/* HELPER CLASSES */
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align:center;}
.margin-btm{margin-bottom: 20px!important;}
.margin-top{margin-top: 20px!important;}
.break-word {word-wrap: break-word;}
.last{margin-right: 0 !important;margin-bottom: 0 !important; }
.centerelement{display: table; margin:0 auto}


.clear{clear:both;}


/* -- COMMON CLASSES -- */
.wrapper { display:block; width:100%; background-repeat:repeat-x; position:relative;}
.break { clear:both; }
.left { float:left; }
.right { float:right; }
.display-none { display:none; }/*-- BOOTSTRAP reserves the hide hidden classes with a display:none!Important; */
.show { display:block; }

input::-webkit-input-placeholder {
    color:    #333;
}
input:-moz-placeholder {
    color:    #333;
}

/*-- Remove Firefox's dotted outline -- */
a:hover, a:active, a:focus, a:link, a:visited { outline: 0; outline: 0 !important; outline-style:none;}
button, object, embed { outline: 0;}
input::-moz-focus-inner { outline: 0; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{ outline: 0;}



/***************************************************************************************/

/* MENU CONFIGURATION
**********************************************************/
.nav-spacer{margin-top:50px}
.masthead{position:relative;margin-bottom:50px;background: #FFF;}
.top-nav { width: 100%; padding: 0; margin: 0; position: fixed; top: 0; z-index: 100; display: flex; list-style: none; background: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); }
.top-nav li { display: inline-block; margin-bottom: 0;height: 50px;}
.top-nav a { -o-transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; outline: none; }
.top-nav > li > a { padding: 0px 10px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 13px; font-weight: 600; line-height:50px;color: #525963; text-decoration: none; display: inline-block; position:relative;}
.top-nav > li.brand { width: 50px; height: 50px; overflow: hidden;}
.top-nav > li.brand img{vertical-align:top;width:50px; height:50px}
.top-nav > li.brand a {padding: 0;  }
.top-nav > li.icon {height:50px;}
.top-nav > li.icon > a { padding: 0; width: 50px; height: 50px; overflow: hidden; position: relative; text-align: center; border-left: 1px solid #E7E8EA; }
.top-nav > li.icon .badge{background-color:#C3112E;/*background-color:rgba(195, 17, 46, 0.8);*/font-size:10px;z-index:2;position:absolute;top:2px; padding: 2px 4px;left:50%;margin-left:-7px;display:none;}
.top-nav > li > a > i { color: #525963; display: inline-block; margin: 0 auto; font-size: 21px; line-height: 50px; }
.top-nav > li:hover > a, .top-nav > li.active > a { color: #C3112E; position:relative; text-decoration:none;}
.top-nav > li.active > a {background: #F8F8F9; }
.top-nav > li.active > a:after { content: ""; display: inline-block; background: #C3112E; position: absolute; bottom: 0; left:0; height: 2px; width: 100%;  }
.top-nav > li.active:hover > a:after {background: #FFF;content: ""; display: inline-block; background: #C3112E; position: absolute; bottom: 0; left:0; height: 2px; width: 100%}
/* DROPDOWN CONFIGURATION
**********************************************************/
.top-nav ul.dropdown, .top-nav ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; width: 100%; background: #F8F8F9; background: rgba(255,255,255,.9); }
.top-nav ul.dropdown { top: 50px; }
.top-nav ul.dropdown li ul.dropdown { left: 146px; top: inherit; }
.top-nav ul.dropdown li { clear: both; width: 100%; font-size: 12px; }
.top-nav ul.dropdown li a { width: 100%; padding: 12px 11px 12px; display: inline-block; float: left; clear: both; font-family: 'Open Sans', sans-serif; text-decoration: none; color: #525963; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.top-nav ul.dropdown li:hover > a { background: #FFF; color: #C3112E; }
/* SUBMENU INDICATORS
**********************************************************/
.top-nav .indicator { position: relative; left: 5px; top: 2px; font-size: 14px; float: right; }
.top-nav ul li .indicator { font-size: 12px; top: 1px; left: 10px; }
/* MEGAMENU
**********************************************************/
.top-nav > li > .megamenu { position: absolute; display: none; background: rgba(255,255,255,.98); min-width: 25%; top: 50px; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #999; z-index: 99; padding: 20px; border-bottom: 1px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); }
.top-nav > li > .megamenu.minimal { padding: 1px; }
/* megamenu list */
.top-nav li > .megamenu ul { margin: 0 0 0px 0; float: left; padding: 0; display: block; position: relative; }
.top-nav li > .megamenu ul li { width: 100%; padding: 4px 0; }
.top-nav li > .megamenu ul li.title { margin: 0 0 8px; padding: 0 0 5px; font-size: 14px; border-bottom: solid 1px #666; }
/* megamenu h5 */
.top-nav li > .megamenu h5 {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #525963;
    font-weight: 600;
    height: 18px;
}
/* megamenu links */
.megamenu a { color: #525963; text-decoration: none; font-size: 12px; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; }
.megamenu a:hover { color: #C3112E; }
/* megamenu images */
.top-nav .megamenu img { /*width: 100%;*/ -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; }
/* MEGAMENU WIDTHS
**********************************************************/
.top-nav > li > .megamenu.quater-width { width: 25%; }
.top-nav > li > .megamenu.half-width { width: 50%; }
.top-nav > li > .megamenu.full-width { width: 100%; left: 0; }
/* MEGAMENU FORM CONFIGURATION
**********************************************************/
.top-nav li > .megamenu form { width: 100%; }
/* megamenu inputs */
.top-nav li > .megamenu form input[type="text"], .top-nav li > .megamenu form textarea { padding: 5px; color: #999; background: #444; font-family: 'Open Sans', sans-serif; font-size: 14px; border: solid 1px transparent; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; }
.top-nav li > .megamenu form input[type="text"]:focus, .top-nav li > .megamenu form textarea:focus { border-color: #e0e0e0; }
.top-nav li > .megamenu form input[type="text"] { width: 100%; margin-top: 10px; }
.top-nav li > .megamenu form textarea { width: 100%; margin-top: 10px; }
.top-nav li > .megamenu form input[type="submit"] { width: 25%; float: right; height: 30px; margin-top: 10px; border: none; cursor: pointer; background: #444; color: #777; font-family: 'Open Sans', sans-serif; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; }
.top-nav li > .megamenu form input[type="submit"]:hover { background: #e0e0e0; color: #555; }

.nav #search-outer {display: none;width: 100%; padding: 0; margin-top:8px; position:fixed; z-index:101}
.nav #search-outer #close {list-style: none;font-size:20px;}
.nav #flag-avatar{position:absolute; top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.nav img#user-avatar {vertical-align:top;width: 40px;height: 40px;margin: 5px 0;padding:0;-webkit-border-radius: 2px;-moz-border-radius:2px;border-radius:2px;border: 1px solid #E7E8EA;}
.nav #sign-in a{padding:0}
.nav .sign-in-text{padding: 0 10px 0 0;text-transform:none}
/* MEGAMENU GRID SYSTEM
**********************************************************/
.megamenu .row { width: 100%; margin: 15px 0 0 0; }
.megamenu .row:first-child { margin-top: 0; }

/* MEGAMENU tiles
**********************************************************/
.megamenu .tile { position: relative; }
.megamenu .tile { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.megamenu .tile:hover { -moz-box-shadow: 0px 0px 0px 3px #ccc; -webkit-box-shadow: 0px 0px 0px 3px #ccc; box-shadow: 0px 0px 0px 3px #ccc; }
.megamenu .tile h1 { color: #fff; position: absolute;z-index: 4;left: 0; bottom: 0; background: rgba(0,0,0,.65); padding: .5em 1em; width: 100%; }
.megamenu .tile h1, .megamenu .tile h2, .megamenu .tile h3, .megamenu .tile h4 { margin: 0; font-weight: 400; color: #FFF!important }
.megamenu .tile h1 { font-size: 1.4em; }
.megamenu .tile h2 { font-size: 1.3em; }
.megamenu .tile h3 { font-size: 1.2em; }
.megamenu .tile h4 { font-size: 1.1em; }

.megamenu .nav-icon-card{
    /* box-shadow: 0 5px 25px 0 rgb(0 0 0 / 10%); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.megamenu a.nav-icon-card{
    transition: all 0.3s ease-out;
}
.megamenu a.nav-icon-card:hover{
    box-shadow: 0 5px 25px 0 rgb(0 0 0 / 20%);
}
.megamenu .nav-icon-card img, 
.megamenu .nav-icon-card  i {height:56px}

/* CART DROPDOWN */
.megamenu#sign-in-items,
.megamenu.minicart {
    right: 0;
}
.megamenu div.minicart {text-shadow:none!important; line-height:normal;background:#fff;padding:10px;}
.minicart-holder { width:100%}

.megamenu .checkoutminicart .summaryproduct { width:100%; padding:10px 0; border-bottom:dotted 1px #ccc;float: none;  } 
.megamenu .checkoutminicart .summaryproduct .image {width:80px;max-width: 80px; margin:0 5px 0 0; display:block}
.megamenu .checkoutminicart .summaryproduct .image img {display:block;border:none;max-width: 100%;height: auto;}
.megamenu .checkoutminicart .summaryproduct .info-minicart-product { width:165px;margin-right:10px; min-height:80px;overflow:hidden }
.megamenu .checkoutminicart .summaryproduct .info-minicart-product .name { padding:0 0 5px 0;display:block;font-size:12px; font-weight:bold; color:#000;}
.megamenu .checkoutminicart .summaryproduct .info-minicart-product .name a { color:#000; }
.megamenu .checkoutminicart .summaryproduct .info-minicart-product .attributes{width:100%;display:block;}
.megamenu .checkoutminicart .summaryproduct .info-minicart-product .attributes .attribute{float:none;}
.megamenu .checkoutminicart .summaryproduct .info-minicart-product .attributes .label { font-size:11px; color:#333; font-weight:600; padding:0;}
.megamenu .checkoutminicart .summaryproduct .info-minicart-product .attributes .value { font-size:11px; color:#333; font-weight:normal; }
.megamenu .checkoutminicart .summaryproduct .pricing {float: right;/*width: 58px;*/display: block;font-size: 12px;font-weight: bold;color: #000;text-align: right;margin-right: 4px;}
.megamenu .checkoutminicart .summaryproduct .pricing span{}
.megamenu .checkoutminicart .summaryproduct .pricing .label { font-size:11px; color:#333; }
.megamenu .checkoutminicart .mssg{width:155px; color:#000;}
.megamenu .checkoutminicart .mssg a{color:#900;}
.megamenu .viewcart-and-checkout { padding:10px 0 0 0; width:100%}
.megamenu .viewcart-and-checkout a { background:#C3112E; width:100%; min-height:19px; display:block; color:#fff!important; text-transform:uppercase; font-size:12px; padding-top:6px; padding-bottom:6px; text-align:center; }
.megamenu .viewcart-and-checkout a:hover { background:#C00;color:#fff!important;}
.megamenu .checkoutminicart {/* overflow:auto; height:145px;*/ width: 100%;}
.megamenu .checkoutminicart.scroll { overflow:auto; max-height:304px; width: 100%;}
.megamenu .ordersubtotal { padding:10px 0; border-bottom:dotted 1px #ccc; width:100%; }
.megamenu .ordersubtotal .label { font-size:12px; font-weight:bold; color:#333333; display:block; float:left;margin-left: 0px; }
.megamenu .ordersubtotal .value { display:block; float:right;  font-weight:bold;  font-size:12px; color:#333;margin-right:0px }
.megamenu .ordersubtotal.scroll .label { margin-left: 20px; }
.megamenu .ordersubtotal.scroll .value { margin-right:20px }
.megamenu div.minicart .loading {position:absolute;top:50%;left:50%;margin:-35px 0px 0px -35px;background:#000 url('../images/interface/progress.gif') no-repeat center center;width:70px;height:70px;z-index:9999;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}


.megamenu .fixed-row{overflow:hidden}
.megamenu .fixed-panel { background: #FFF; display: inline-block;float:right; min-height: 250px;  width: 200px; padding: 10px 20px; margin-left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.megamenu .icn{background:url('../images/interface/nav_icn_sprite.png')no-repeat center center;width:100%;height:60px;}
.megamenu .icn.icn-prosite{background:url('../images/interface/icons/icn-mytpi-prosite-color.svg')no-repeat center center;width: 70%;margin: 0 15%;}
.megamenu .icn.icn-workout{background:url('../images/interface/icons/icn-workouts-color.svg')no-repeat center center;width: 30%;margin: 0 35%; /*background-position:center -120px;*/}
.megamenu .icn.icn-certification{background:url('../images/interface/icons/icn-certified-hex-color.svg')no-repeat center center;margin: 3px 0;height: 54px;}


/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.top-nav > li.right { float: right;  height: 50px;}
.top-nav > li.right > .megamenu { right: 0; }
/* COLLAPSIBLE MENU
**********************************************************/
.top-nav > li.showhide {position:relative; display: none; width: 100%; height: 50px; color: #525963; background: #FFF; }
.top-nav > li.showhide span.title { margin: 15px 0 0 25px; font-family: 'Open Sans', sans-serif; float: left; }
.top-nav > li.showhide span.icon{position:relative; padding: 0px 15px;margin:0;font-size: 21px; line-height:50px;color: #525963;cursor: pointer;}
.top-nav > li.showhide span.icon:hover {color:#C3112E;} 
.top-nav > li.showhide .icon em { margin-bottom: 3px; display: block; width: 20px; height: 2px; background: #525963; }
.top-nav > li.showhide .brand-logo {max-height: 48px;text-align: center;width: 50px;position: absolute;left: 50%;top: 0;margin-left: -25px;}
.top-nav > li.showhide .language-select,.top-nav > li.showhide .user-menu{position:relative;width:50px;height:50px;}
.top-nav > li.showhide span.icon.user-menu{width:40px;padding: 0;text-align:center;}
.top-nav > li.showhide a.language-select {padding: 0px 11px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 13px; font-weight: 600; line-height:50px;color: #525963; text-decoration: none; display: inline-block;margin: 0;width: 100%;text-align: center; width:50px;}


.sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; font-size: 15px; background: #f8f8f8; color: #333; }
.sidr .sidr-brand-logo{display:flex;justify-content:center;}
.sidr .sidr-brand-logo img{ padding:15px 0;max-width:260px; height: 150px;}
.sidr .sidr-inner { padding: 0 0 15px }
.sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px }
.sidr.right { left: auto; right: -260px }
.sidr.left { left: -260px; right: auto }
.sidr h1, .sidr h2, .sidr h3 {margin: 0;}
.sidr .f-title {
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px;
    margin: 0;
    color: #333;
    background: #FFF;
    border-bottom: 1px solid #dfdfdf;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sidr .sidr-list-title {
    font-size: 14px;
    line-height: 21px;
    padding: 10px 15px;
    background-color: #525963;
    color: #FFF;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sidr .sidr-list-title a {font-size: 21px;color: #7E8890; }
.sidr .sidr-list-title a:hover{color:#fff;}
.sidr .f-title a {
    font-size: 13px;
    line-height: 31px;
    color: #525963;
    font-weight: bold;
    flex-grow: 1 !important;
}
.sidr .f-title span.left{width:90%;line-height: 31px;}
.sidr-toggle {font-size:21px; color:#C3112E;width:10%;text-align: right;}
.sidr a:hover{text-decoration:none}
.sidr p { font-size: 13px; margin: 0 0 12px }
.sidr>p { margin-left: 15px; margin-right: 15px }
.sidr ul { /*display: block;*/ margin:0; padding: 0;  border-bottom: 1px solid #fff }
.sidr ul li { display: block; margin: 0; line-height: 1.5; border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf }
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active { /*border-top: none; line-height: 49px*/ }
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span { -webkit-box-shadow: inset 0 0 15px 3px #ebebeb; -moz-box-shadow: inset 0 0 15px 3px #ebebeb; box-shadow: inset 0 0 15px 3px #ebebeb }
.sidr ul li a,
.sidr ul li span { padding: 15px 15px; display: block; text-decoration: none; color: #333;font-size: 13px; }
.sidr ul li ul { border-bottom: none; margin: 0 }
.sidr ul li ul li { line-height: 40px; font-size: 13px }
.sidr ul li ul li:last-child { border-bottom: none }
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active { /*border-top: none;line-height: 41px*/  }
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span { -webkit-box-shadow: inset 0 0 15px 3px #ebebeb; -moz-box-shadow: inset 0 0 15px 3px #ebebeb; box-shadow: inset 0 0 15px 3px #ebebeb }
.sidr ul li ul li a,
.sidr ul li ul li span { color: rgba(51,51,51,0.8); padding-left: 30px }
.sidr form { margin: 15px }
.sidr .sidr-profile a{color:#CCC;}
.sidr .sidr-profile a:hover{color:#FFF;}


/********************************* END: header *********************************/

/* -- MESSAGGING -- */
.mssg {min-width: 100px;padding: 15px 20px 15px 50px;margin:0 0 10px;font: normal 12px/18px;/* border radius */-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.4); box-shadow:inset 0 1px 0 rgba(255,255,255,.4);}
/*.mssg strong {margin-right: 10px;}*/
.mssg a{font-weight:600}
.mssg a:hover{text-decoration:underline}
/* -- ERROR MESSAGGING -- */
.box {display:none;min-width: 100px;color:#000;padding: 15px 20px 15px 50px;margin: 10px 0;font: normal 12px/12px arial, helvetica, sans-serif;/* border radius */-webkit-border-radius: 4px;-moz-border-radius: 4px;   border-radius: 4px;}
.box strong {margin-right: 10px;}
.error {background:#fccac2 url('../images/interface/icons/error.png') no-repeat 10px center;border: 1px solid #eb5339;}
.error a{color:#eb5339;}
/* -- SUCCESS MESSAGGING -- */
.mssg.success {color:#000;background: #efffb9 url('../images/interface/icons/success.png') no-repeat 10px center;border: 1px solid #99c600;}
.mssg.success a{color:#99c600;}
.warning {background:#ffeaa8 url('../images/interface/icons/warning.png') no-repeat 10px center;border: 1px solid #f9b416;}
.warning a{color:#CC6600;}
.information {background: #cce1ef url('../images/interface/icons/info.png') no-repeat 10px center;border: 1px solid #4d8fcb;}
.information a{color:#4d8fcb;}
.tip {background: #ffeac8 url('../images/interface/icons/bulb.png') no-repeat 10px center;border: 1px solid #d38e4a;}
.tip a{color:#d38e4a;}
.message {background: #f2f2f2 url('../images/interface/icons/message.png') no-repeat 10px center;border: 1px solid #aaa;}
.message a{color:#aaa}
.download {background:#efffb9 url('../images/interface/icons/download.png') no-repeat 10px center;border: 1px solid #99c600;}
.download a{color: #99c600}
.mssg .edit {background: #ffeaa8 url('../images/interface/icons/edit.png') no-repeat 10px center;border: 1px solid #f9b416;}
.lock {background: #f2f2f2 url('../images/interface/icons/lock.png') no-repeat 10px center; border: 1px solid #aaa;}
.construction {background: #ffeac8 url('../images/interface/icons/construction.png') no-repeat 10px center;border: 1px solid #d38e4a;}
.construction a{color:#d38e4a;}
.mssg a#close{}






/********************************* Back to top button  *********************************/
#back-top {position: fixed;bottom: 30px;margin-left: 0;right:5px;}
#back-top a {width: 50px;display: block;text-align: center;font-size: 11px;text-transform: uppercase;text-decoration: none;color: #000;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width: 50px;height: 50px;display: block;margin-bottom: 7px;background: rgba(0,0,0,.4) url('../images/interface/up-arrow.png') no-repeat center center;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span {background-color: rgba(0,0,0,.9);}


/**************************************** FOOTER *************************************************/

#footer { color: #96a1ab;}
.footer-wrapper { background:#f7f7f7;border-top:1px solid #FFF;border-bottom:1px solid #FFF; }
.footer-wrapper ul { list-style-type: none;padding-left:0; }

.footer-menu { font-size:11px; line-height:17px; }
.footer-menu .f-title{ text-transform:uppercase;font-size:12px;line-height:20px; font-weight:400;}
.footer-menu ul{display:none;}
.footer-menu a { text-decoration:none;color: #96a1ab;/*display:block;*/margin:0px 0 5px; }
.footer-menu a:hover {color: #FFF; text-decoration:none;}

.swingman-logo {margin-bottom:1em;}
.swingman-logo img{height: 150px;}
.social a {color: #96a1ab;border: 1px solid #96a1ab;border-radius: 50%;}
.social a:hover {color: #fff;border: 1px solid #FFF;}
.footer-tools {}
.footer-tools a{color:#676e76;line-height:30px;font-weight:400;font-size:18px;position:relative;margin: 0 20px 0 30px;}
.footer-tools a:hover{text-decoration:none;color:#000;}
.footer-tools .icon { width:32px; height:34px; position: absolute;top: 50%;left: -20px;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.footer-tools .icon.icon-get-certified { background:url('../images/interface/icons/icn-get-certified.svg') no-repeat center center;  }
.footer-tools .icon.icon-find-an-expert { background:url('../images/interface/icons/icn-find-a-certified.svg') no-repeat center center;  }
.sponsored-by {margin-top:1em}
.sponsored-by p { color:#7E8890; font-size:11px; margin-bottom:5px  }
.sponsored-by img {width:40%; margin:0 auto;max-height: 45px;}

.footer-signoff { background-color:#000; padding: 10px 0;}
.footer-signoff-container { margin:0 auto; color:#ccc;font-size: 10px;}
.footer-signoff-container p{ margin-top:10px;}
.footer-signoff-container .logo{ background:transparent url("../images/interface/elements.png") no-repeat 0 0; width:202px; height:58px; text-indent:-99999px; }
.footer-signoff-container ul.legal{float:right;margin-top:10px;padding-left:0;}
.footer-signoff-container ul.legal li {display: inline;margin: 0 10px 0 0;padding: 0 10px 0 0;font-weight: bold;border-right: 1px solid #ccc;}
.footer-signoff-container ul.legal li:last-child {margin: 0;padding: 0;border: none;}
.footer-signoff a{color:#ccc}
.footer-signoff a:hover{color:#fff;text-decoration:none}
@media screen and (max-width:768px) {
    .footer-menu {text-align:center }
    #footer .col-sm-4{margin-bottom:20px;}
    .copyright{text-align:center}
    .footer-signoff-container ul.legal{float:none;text-align:center}
    .footer-tools .icon {display: none;}
    .footer-tools a {font-size: 12px;font-weight: 600;margin: 0 5px;}
}

#regions {width:100%;}
#regions ul {list-style:none;padding-left:0;}
#regions li {width:49%;display: inline-block; }
#regions li a{font-size: 14px;color:#fff;display:block; padding:6px 10px;}
#regions li img {vertical-align:middle;margin: 5px;}
#regions li a.selected{background:#fff; color:#000;}
#regions li a:hover{background:#dadada;color:#000; text-decoration:none;}

/* --- [ MODAL STYLES ] --- */
#colorbox, #cboxOverlay, #cboxWrapper {z-index: 1051;}
.cb-modal {padding:1em;background:#000; color:#FFF;}
.cb-modal h1, .cb-modal h2, .cb-modal h3, .cb-modal h4, .cb-modal h5, .cb-modal h6 {color:#FFF;}
.cb-modal h1{ margin:0px 0 5px 0;}
.cb-modal h4{ margin:0px 0 5px 0;}
.cb-modal p{color:#FFF; }
.cb-modal p.large{font-size: 16px;}
.cb-modal-content{margin:10px 0;display:inline-block;width: 100%;}
#cboxLoadedContent{background:transparent;}
  

.cb-modal .dbl_rule{width:100%; height:1px; background-color:#fff;}
/*-- Modal light-- */
.cb-modal.light {background:#F8F8F9; color: #676e76;}
.cb-modal.light h1, .cb-modal.light h2, .cb-modal.light h3, .cb-modal.light h4, .cb-modal.light h5, .cb-modal.light h6 { color: #2f353e }
.cb-modal.light h1.text-light {color:#fff;}
.cb-modal.light p{color:#676e76; }
.cb-modal.light p.large{font-size: 16px;}
.cb-modal.light hr {background:none;height:0px;margin:5px 0;border-top: 1px solid #dde1e6; -webkit-box-shadow: 0 1px 1px #fff; -moz-box-shadow: 0 1px 1px #fff; box-shadow: 0 1px 1px #fff }
.cb-modal.light .dbl_rule{width:100%; height:1px; background-color:#fff;}
.cb-modal .loading {position:absolute;top:50%;left:50%;margin:-35px 0px 0px -35px;background:#000 url('../images/interface/progress.gif') no-repeat center center;width:70px;height:70px;z-index:9999;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.wb_loading{display:none;margin:-35px 0px 0px -35px;background:#fff url(images/pro/calendar/interface/loader.gif) no-repeat center center;width:70px;height:70px;z-index:9999;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

.cb-modal-content .wb_loading{position:absolute;top:45%;left:50%; }

/* -- REMOVE inherited CSS3 Transitions utility -- */
.noTransition {-moz-transition: none;-webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}

.inline-loading {
    margin: 0 0 2em;
    height: 100px;
    width: 20%;
    text-align: center;
    padding: 1em;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    background: transparent url('../images/interface/loading-dots-black.svg') no-repeat center center;
}

a.inline-loading-sm {
    margin: 0;
    height: 20px;
    width: 100%; 
    text-align: center;
    padding: 0;
    margin: 0;
    display: inline-block;
    background: transparent url('../images/interface/loading-dots-black.svg') no-repeat left center;
    background-size: 20px 20px;
}


.chip {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #eceef1;
    margin-bottom: 5px;
    margin-right: 5px
}

.chip a {
    padding: 5px;
}

.chip:focus {
    outline: none;
    background-color: #26a69a;
    color: #fff
}
/* IMPERSONATED STYLES
**********************************************************/
.impersonated_banner {
    z-index: 9999;
    background-color: #4d90fe;
    color: WHITE;
    text-align: CENTER;
    padding-left:10px
}
a.impersonated_back{
    margin-right:10px;
    float:right;
    text-decoration:underline;
    color:white;
    cursor:pointer;
}
a.impersonated_back:hover {
    color: gray;
}