.clearfix:before,.clearfix:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after {
content: " ";
display: table
}
.clearfix:after,.navbar:after,.navbar-header:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
iframe { border:0;
width: 100%;
margin:0 auto;
text-align:center;
}
#wrapper {  height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.moti-pre-load {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//motisports.com/img/preload.gif) center no-repeat #fff;
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.text-hide { 
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important;
visibility: hidden !important
}
.invisible {
visibility: hidden;
}
.space{
margin-top: 40px;
}
.super{ vertical-align: top;
font-size: 70%;
}
img {
display: inline-block;
height: auto;
max-width: 100%;
border: none;
}
h1, h2, h3, h4, h5, h6 {  
font-weight: 700;
}
h5 {
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: .02em;
} select {
font-family: inherit;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
background-color: #eeeeee;
background-color: transparent; 
border: 0;
border: none;
border-bottom: 1px solid #cccccc; 
} select:focus {
outline: none
}
@media screen and (min-width: 501px) {
.language-select{
float:right;
}
}
@media screen and (max-width: 500px) {
.language-select{
float:inherit;
}
} 
.affix {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
a,button {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
a i.fa,button i.fa { font-size: 18px; 
}
.service i.fa { 
color: rgb(0, 90, 121);
}
#btn-fab-sm {
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
font-size: 18px;
height: 33px;  
margin: auto;
min-width: 33px;  
width: 33px;  
padding: 0;
overflow: hidden;
-webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
position: relative;
line-height: normal;
} 
.clickable {
cursor: pointer !important;
}
.required {
color: #f44336!important; }
.accent {
color: rgb(0, 90, 121);
}
.text-uppercase {
text-transform: uppercase;
letter-spacing: .08em
} .navbar {
border: none;
} 
.navbar-link {
font-size: 14px!important;
text-transform: uppercase;
}
.navbar ul.nav>li>a {
text-decoration: none;
font-weight: bold;
letter-spacing: .08em;
border-top: solid 5px transparent
}
.navbar ul.nav>li>a:hover {
font-size: 14px!important;
}
.navbar ul.nav>li.active>a,.navbar ul.nav>li.open>a {
text-decoration: none !important;
}
@media (max-width:768px) {
.navbar ul.nav>li.active>a,.navbar ul.nav>li.open>a {
border-top-color: transparent
}
.navbar ul.nav>li>a:hover {
border-top-color: transparent
}
}
.navbar.navbar-light ul.nav>li.active>a { 
background: #fff !important;
color: #555 !important
}
.navbar.navbar-light ul.nav>li.active>a:hover {
}
.navbar.navbar-light ul.nav>li>a:hover,.navbar.navbar-light ul.nav>li.open>a:hover,.navbar.navbar-light ul.nav>li>a:focus,.navbar.navbar-light ul.nav>li.open>a:focus {
background: #fff !important;
color: #555 !important
}
.navbar ul.dropdown-menu {
margin: 0;
padding: 0
}
.navbar ul.dropdown-menu li {
list-style-type: none;
border-bottom: solid 1px #eee;
text-transform: uppercase;
letter-spacing: .08em;
padding: 4px 0
}
.navbar ul.dropdown-menu li a {
position: relative;
color: #999;
font-size: 12px;
display: block;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
left: 0
}
.navbar ul.dropdown-menu li a:hover {
color: rgb(0, 90, 121);
text-decoration: none;
background: none;
left: 2px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out 
}
@media (max-width:767px) {
.navbar ul.dropdown-menu li a:hover {
left: 0
}
}
.navbar h3 {
font-size: 18px;
text-transform: uppercase;
padding-bottom: 10px;
margin-top: 5px;
border-bottom: dotted 1px #555;
letter-spacing: .08em
}
@media (max-width:767px) {
.navbar h3 {
font-size: 14px
}
}
.navbar h5 {
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: dotted 1px #555;
letter-spacing: .08em
}
.navbar ul {
margin: 0;
padding: 0
}
.navbar ul li {
list-style-type: none; text-transform: uppercase;
}
.navbar .ul li a {
position: relative;
color: #999;
font-size: 12px;
display: block;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
#nav.affix {
top: 0;
right:0;
left:0;
width: 100%;
}
#nav-wrapper { margin-bottom:20px; }
@media (max-width: 979px) {
#nav.affix, #nav.affix-top { position: relative; }
}
.navbar .nav>li {
position: relative;
}
.navbar .open a:active {
background: rgba(0, 90, 121, 65);
}
.navbar .open a:hover {
background: rgba(0, 90, 121, 65);
}
.navbar ul.nav>li>a :hover {
background-color: rgba(0, 90, 121, 65);
}
.nav li.active ul.dropdown-menu li a:hover, .nav li.active ul.dropdown-menu li.active a {
color: #fff;
background-color: #48cfad;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navbar .navbar-buttons {
float: right
}
.navbar .navbar-buttons button,.navbar .navbar-buttons a.btn,.navbar .navbar-buttons .btn-default.navbar-toggle {
margin-top: 11px;
margin-bottom: 11px;
margin-left: 0;
margin-right: 5px
}
.navbar .btn-default,.navbar .btn-default.navbar-toggle {
color: #999;
background-color: #fff;
margin-left: 7px;
margin-right: 0
}
.navbar .btn-default:hover,.navbar .btn-default.navbar-toggle:hover,.navbar .btn-default:focus,.navbar .btn-default.navbar-toggle:focus {
background-color: #fff;
border-color: rgb(0, 90, 121);
color: rgb(0, 90, 121)
}
.navbar #search {
clear: both;
border-top: solid 1px rgb(0, 90, 121);
text-align: right
}
.navbar #search form {
float: right
}
.navbar #search form .input-group {
width: 500px
}
@media (max-width:768px) {
.navbar #search form .input-group {
width: 100%
}
}
.navbar #basket-overview a {
margin-left: 7px
}
.navbar-affixed-top {
top: -32px
}
.navbar-affixed-top.affix-top {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out
}
.navbar-affixed-top.affix {
position: fixed;
width: 100%;
top: 0;
z-index: 3000;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out
}
.navbar ul.nav li.trial a {
color: #f8f8f8;
border: 2px solid #f8f8f8;
padding: 6px 13px;
margin-top: 15px;
margin-left: 10px;
border-radius: 2px;
}
.navbar ul.nav li.trial a:hover {
background-color: #8e1500;
border: 2px solid #8e1500; 
} 
@media (max-width:600px) {
.navbar ul.nav li.trial a { 
margin-top: 0px; 
}
}
@media (max-width:1200px) {
.navbar ul.nav li.trial a { 
margin-top: 10px;
}
}  .btn-dark {
border-radius: 0;
color: #fff;
background-color: rgba(0,0,0,0.4);
}
.btn-label-white {
color: #ffffff!important; 
} 
.btn-join {
color: #8E1500!important;
border: 1px solid!important;
border-color: #8E1500!important;
border-radius: 2px!important;
}
.txt-join { 
color: #8E1500!important;
}
@media (min-width: 1200px){
.btn-trial {
font-size: 21px!important;
}
} .btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
color: #fff;
background-color: rgba(0,0,0,0.7);
}
.btn-light {
border-radius: 0;
color: #333;
background-color: rgb(255,255,255);
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
color: #333;
background-color: rgba(255,255,255,0.8);
}
#to-top {
display: none;
position: fixed;
bottom: 5px;
right: 5px;
border: none;
border-radius: 2px;
z-index: 200;
} 
.btn-xl {
color: #fff;
background-color: rgb(0, 90, 121);
border-color: rgb(0, 90, 121);
border-radius: 3px;
font-size: 18px;
padding: 20px 40px;
}
.btn-primary, .btn-xl { 
text-transform: uppercase;
font-weight: 700;
}
.btn-primary {
background-color: #005A79;
color: rgba(255,255,255, 0.84);
}
.btn-primary:hover {
background-color: #196a86!important;
color: #fff!important;
}
.btn-red-900 { 
background-color: #8e1500 !important;
color: #ffffff; 
} 
.btn-red-900:hover {
background-color: #a21800 !important;
color: #ffffff;
}
.btn-subscribe {
background:#EBEBEB!important;
}
.btn-subscribe:hover {
background:rgb(0, 90, 121)!important;
color:#ffffff!important;
}
.cp-engage-button {
display: block;
position: absolute;
top: 20px;
right: 140px; 
width: 40px;
height: 40px;
background: url(//motisports.com/img/engage-play-button.png) no-repeat center center;
z-index: 1000;
}
@media (max-width: 400px) {
.cp-engage-button { 
top: 20px;
right: 140px; 
}
}
@media (max-width: 700px) {
.cp-engage-button { 
top: 20px;
right: 140px; 
}
} 
@media (min-width: 500px) and (max-width: 557px) {
.cp-engage-button { 
top: 20px;
right: 220px; 
}
}  
@media (min-width: 556px) and (max-width: 700px) {
.cp-engage-button { 
top: 20px;
right: 240px; 
}
}  
@media (min-width: 750px) and (max-width: 767px) {
.cp-engage-button { 
top: 20px;
right: 320px; 
}
}  
@media (min-width: 768px) and (max-width: 990px) {
.cp-engage-button { 
top: 20px;
right: 130px; 
}
} 
@media (min-width: 990px) and (max-width: 1200px) {
.cp-engage-button { 
top: 20px;
right: 180px; 
}
}
.features-icon {
cursor: default!important;
} #top {
background: #eee;
color: #555; 
padding: 10px 0;
}
#top p {
margin: 0;
font-size: 16px; padding-right: 40px;
}
.col-xs-5 .contact { 
padding-left: 0px; 
}
a.telephone-number {
font-size: 14px!important; 
background: transparent;  
}
a.telephone-number:focus {
background: transparent;  
font-size: 14px!important; 
}  .navbar-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
} .navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar .container {
width: auto;
} 
.navbar-affixed-top.affix-top {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
} 
.navbar-affixed-top { }  .img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
width: 100%;
height: auto;
}
.fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
#slide1 {
background-image: url(http://www.motisports.com/new/12182016/img/moti-c-1-sm.jpg);  
}
#slide2 {
background-image: url(http://www.motisports.com/new/12182016/img/moti-c-2-sm.jpg);  
}
#slide3 {
background-image: url(http://www.motisports.com/new/12182016/img/moti-c-3-sm.jpg);  
}
.carousel { max-height: 700px;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
} @media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .item > img{ 
max-width: 100%;
height: auto; max-height: 700px; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { 
margin: auto;
background-size: cover; -webkit-transition: -webkit-transform .5s ease-in-out;
-o-transition: -o-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
.carousel-inner > .item{ }
#motiCarousel{
height: 100%;
max-height: 200%!important; 
}
.carousel-inner {
height: 100%; }
.carousel img { 
top: 0;
left: 0;
min-width: 100%; 
max-width: none;
z-index: 1;
}
.carousel-caption h1 {
color: #ffffff; 
font-size: 42px;
} .carousel-caption {
z-index: 10; }
@media (min-width:1200px) { 
.carousel-caption {
z-index: 10;
padding-bottom: 200px;
} 
.btn-carousel{
font-size: 21px!important;
}
.carousel-text {
padding-bottom: 40px!important;
}
}  @media (max-width:650px) { 
.carousel-caption {
z-index: 10;
padding-bottom: 0px;
} 
.carousel-indicators { 
display: none !important; } 
.carousel-caption h1 {
color: #ffffff;
font-size: 20px;
}
} .carousel .item { background-color: transparent; } .btn-carousel {
background:#ffffff!important;
}
.btn-carousel:hover {
background:rgb(0, 90, 121)!important;
color:#ffffff!important;
}
.carousel-text { margin: 0; 
font-weight: 600;
text-decoration: none;
font-size: 32;
color: #fff; text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.2),
0px 18px 23px rgba(0,0,0,0.2);
}    #moti_checkout_cart {
text-align: left;
width: 100%;
border: none;
margin: 0 0 21px;
table-layout: auto;
}
#moti_checkout_cart_wrap {
text-align: left;
width: 100%; 
padding-right: 15px; 
margin-right: auto;
margin-left: auto;
}
#moti_checkout_cart .moti_cart_header_row th {
background: #fafafa;
padding: 1.387em;
} #moti_checkout_total {
background: #FAFFBD; font-size: 16px;
}
#moti_checkout_cart th {
font-weight: 700;
}
#moti_checkout_cart td, #moti_checkout_cart th {
text-align: left;
border: 1px solid #eee;
color: #666;
padding: .5em 1.387em;
}
#moti_checkout_cart th {
font-weight: 700;
}
#moti_checkout_cart td, #moti_checkout_cart th {
text-align: left;
border: 1px solid #eee;
color: #666;
padding: .5em 1.387em;
}
.comment-content table tr {
border-bottom: 1px solid #ddd;
} .moti_cart_footer_row{ }
.moti_cart_payment_icons{ font-size:24px;
padding: 5px;
margin: 5px;
}
@media (max-width: 600px) {   
#btn-fab-sm {
display: none!important;
}
}
@media (max-width: 500px){
.cart-box {
font-size: 20px!important; 
} }  
.cart-item {
float: left; 
max-width: 300px; }   
.cart-version-title {
font-weight: 500;
font-size: 20px!important; } #moti_account {
text-align: left;
width: 100%;
border: none;
margin: 0 0 21px;
table-layout: fixed; }
#moti_account .moti_account_header_row th {
background: #fafafa;
padding: 1.387em;
}
#moti_account th {
font-weight: 700;
}
@media (max-width: 600px){
.moti_account_item_name{ 
overflow: scroll;
} }
#moti_account td, #moti_account th {
text-align: left;
border: 1px solid #eee;
color: #666;
padding: .5em 1.387em; 
}
#moti_account th {
font-weight: 700;
}
#moti_account td, #moti_account th {
text-align: left;
border: 1px solid #eee;
color: #666;
padding: .5em 1.387em;
}
.comment-content table tr {
border-bottom: 1px solid #ddd;
} .moti_account_footer_row{ }
.modal-body a, .modal-body a.visited, .modal-body a:active, .modal-body a:focus, .modal-body a:hover {
font-size: inherit;
text-decoration: none;
}
.modal-body a.active, .modal-body a:active, .modal-body a:focus, .modal-body a:hover {
font-size: inherit;
background-color: #005A79;
color: #ffffff;
} table { margin: 0 0 1.6em;
table-layout: fixed;
width: 100%;
}
table, th, td {  border: none;
}
table { border-spacing: 0;
}
.table  td { 
font-size: 18px;
} #table-wrap {
margin: 1px;
} 
.check { }
th:first-child,
td:first-child { }
.visible-xs {
display: none;
}
.visible-xl {
display: none;
}
@media screen and (min-width: 568px) { 
.visible-xl {
display: table-row; 
}
}
@media screen and (min-width: 1268px) { 
.carousel-caption h1 {
color: #ffffff;
font-size: 52px;
}
}
@media screen and (max-width: 760px) {
.check { }
.visible-xs {
display: table-row; }
.visible-xs td, th { }
td:first-child,
th:first-child { }
.table-bordered td:first-child, .table-bordered th:first-child {
display: none; 
}
} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : portrait) { .check { }
.visible-xs { }
.visible-xs td, th { }
.visible-xl {
display: table-row; 
}
td:first-child,
th:first-child { }
}
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { .check { }
.visible-xs {
display: table-row; }
.visible-xs td, th { }
.visible-xl { }
td:first-child,
th:first-child { }
}
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  { .check { }
.visible-xs { }
.visible-xs td, th { }
.visible-xl {
display: table-row; 
}
td:first-child,
th:first-child { } 
}
@media only screen and (width:768px) and (resolution: 163dpi) { .check { }
.visible-xs { }
.visible-xs td, th { }
.visible-xl {
display: table-row; 
}
td:first-child,
th:first-child { } 
}
@media only screen and (width:1024px) and (resolution: 163dpi) { }
#single_address {
margin-bottom: 25px;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
font-family: 'Roboto', sans-serif;
color: #272727;
} 
.media-body p { 
font-size: 16px; 
font-family: 'Roboto', sans-serif;
color: #272727;
} 
.panel {
border: 1px solid #eeeeee;
box-shadow: none;
}
.panel a {
background-color: #ffffff; 
}
.panel a:active {
background-color: #eeeeee;
color: #ffffff;
}
.panel a:visited {
background-color: #ffffff;
color: #ffffff;
} 
.panel-pricing:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel-pricing {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.panel-pricing:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel-pricing .panel-heading {
padding: 20px 10px;
}
.panel-pricing .panel-heading .fa {
margin-top: 10px;
font-size: 58px;
}
.panel-pricing .list-group-item {
color: #777777;
border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.panel-pricing .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.panel-pricing .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.panel-pricing .panel-body {
background-color: #f0f0f0;
font-size: 40px;
color: #777777;
padding: 20px;
margin: 0px;
} 
@media (max-width: 700px) {  
.panel-pricing .panel-heading .fa { 
font-size: 38px;
}
.panel-pricing .panel-body { 
font-size: 30px; 
padding: 10px;
} 
.panel-pricing .panel-heading {
padding: 10px 5px;
}
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
color: #005A79;
}
.list-group {
border-radius: 0;
padding-top: 15px;
}
.service{
padding: 20px 0;
}
.service i.fa {
font-size: 40px;
border: 3px solid rgb(0, 90, 121); width: 100px;
height: 100px;
padding: 27px 25px;
margin-bottom: 10px;
border-radius: 50%; transition: all 0.5s;
cursor: pointer;
} .service i.fa.fa-mobile{
font-size: 50px;
padding: 20px 25px;
}
.service:hover>i.fa{
background: rgb(0, 90, 121);
color: #ffffff;
cursor: pointer; 
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1); 
}  .marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
font-weight: normal;
}
.marketing .col-lg-4 p {
margin-right: 10px;
margin-left: 10px;
}
.marketing a, .marketing a.visited, .marketing a:active, .marketing a:focus, .marketing a:hover {
font-size: inherit;
text-decoration: none;
}
.marketing a.active, .marketing a:active, .marketing a:focus, .marketing a:hover {
font-size: inherit;
background-color: #005A79;
color: #ffffff;
}
#sf {
display: block;
width: 100%;
}
#sf .dg {
background-color: #16a085;
}
#sf .col-lg-4 {
margin: 0;
padding: 15px;
}
#sf p {
color: #fff;
} .badges { 
white-space: nowrap;
} 
.badges a, .badges a.visited, .badges a:active, .badges a:focus, .badges a:hover {
font-size: inherit; 
} .featurette-divider {
margin: 40px 0; } .featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}  ul.social-buttons li a {
display: block;
background-color: rgb(0, 90, 121);
height: 60px;
width: 60px; 
border-radius: 100%;
font-size: 65px;
line-height: 40px;
color: #fff;
outline: 0;
padding-bottom: 5px; 
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
} 
ul.social-buttons {
padding-bottom: 20px; 
}
.social-buttons a, .social-buttons a.visited, .social-buttons a:active, .social-buttons a:focus, .social-buttons a:hover {
font-size: 65px;
} 
i.fa.fa-fw.fa-facebook {
font-size: 34px;
}
i.fa.fa-fw.fa-twitter {
font-size: 34px;
}
i.fa.fa-fw.fa-linkedin {
font-size: 34px;
} 
i.fa.fa-fw.fa-youtube {
font-size: 34px;
}
i.fa.fa-fw.fa-instagram {
font-size: 34px;
} 
a, a.active, a:active, a:focus, a:hover {
outline: 0;
}
.text-primary, a {
color: rgba(0, 90, 121, 65);
}  section.download .badges .badge-link img {
height: 60px;
}
.badge-link img{
padding-bottom: 10px;
}
#download { }
section.download {
padding: 70px 0;
position: relative;
}
#copyright { 
background-color: #2e2e2e; 
}
.copyright { 
font-size: 12px; 
} .copyright-link a:visited {
text-decoration: none;
font-size: 12px; 
}
.copyright-link a:focus {
text-decoration: underline;
background-color: transparent;
font-size: 12px; 
}
.copyright-link a:active {
text-decoration: underline;
background-color: transparent;
font-size: 12px; 
}
.copyright-link a:hover {
text-decoration: underline;
background-color: transparent;
color: rgb(0, 90, 121);  
font-size: 12px; 
}
.bottom-line { vertical-align: baseline;
margin-bottom: 0px;
padding-bottom: 0px;
} @media (max-width: 760px) { 
#top p {
margin: 0;
font-size: 14px;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 768px) { .navbar-wrapper {
margin-top: 20px;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
} .navbar-wrapper .navbar {
border-radius: 4px;
} .carousel-caption p {
margin-bottom: 20px;
font-size: 21px;
line-height: 1.4;
}
.featurette-heading {
font-size: 38px;
}
.featurette-app-heading {
font-size: 28px;
}
.trial-heading {
font-size: 32px;
}
}
@media (min-width: 992px) {
.featurette-heading {
margin-top: 50px;
}
.trial-heading {
font-size: 40px;
}
}
@media (max-width:991px) {
.text-center-sm {
text-align: center
}
}
@media (max-width: 900px) { 
.input-group {
padding-bottom: 20px;
}
} p.lead {
margin-bottom: 40px
}
section,div.section {
margin-bottom: 40px
}
.no-mb {
margin-bottom: 0 !important
}
.mb-small {
margin-bottom: 20px !important
}
.heading {
margin-bottom: 40px
}
.heading h1,.heading h2,.heading h3,.heading h4,.heading h5 {
display: inline-block;
border-bottom: solid 5px rgb(0, 90, 121);
line-height: 1.1;
margin-bottom: 0;
padding-bottom: 10px;
vertical-align: middle;
text-transform: uppercase;
letter-spacing: .06em
}
.heading h1 i.fa,.heading h2 i.fa,.heading h3 i.fa,.heading h4 i.fa,.heading h5 i.fa {
display: inline-block;
background: rgb(0, 90, 121);
width: 30px;
height: 30px;
vertical-align: middle;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 30px;
border-radius: 15px
} .icons {
display: inline-block;
width: 80px;
height: 80px;
color: #fff;
line-height: 80px;
border-radius: 40px;
border: solid 1px #fff;
font-size: 20px
}
.icon.icon-lg {
font-size: 30px;
border-width: 2px
}
.ul-icons {
padding-left: 10px
}
.ul-icons li {
list-style-type: none;
line-height: 20px;
margin-bottom: 20px
}
.ul-icons li i {
width: 20px;
height: 20px;
background: rgb(0, 90, 121);
color: #fff;
text-align: center;
border-radius: 10px;
line-height: 20px;
margin-right: 10px
}
ul.list-style-none {
list-style: none
}
#text-page h1,#text-page h2,#text-page h3 {
font-weight: 700
}
#error-page {
text-align: center;
margin-top: 40px;
margin-bottom: 100px
}
#error-page h4 {
margin-bottom: 40px
}
#error-page p.buttons {
margin-top: 40px
}
.pages-listing .item {
text-align: center
}
.pages-listing .item h3 {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: .08em
}
.pages-listing .item h3 a {
color: #555
}
.pages-listing .item .text {
margin-bottom: 20px
}
.pages-listing .item .text p {
color: #999;
font-size: 12px;
margin-bottom: 20px
}
.banner img {
margin: 0 auto;
max-width: 100%;
}
@media (max-width:800px) { 
.banner img {
margin: 0 auto;
max-width: 200%;
} 
}
@media (min-width:800px) { 
.banner img {
margin: 0 auto;
max-width: 200%;
} 
}
@media (min-width:800px) { 
.banner-coming img {
margin: 0 auto;
max-width: 200%;
} 
}
.banner a:hover img {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.pages {
text-align: center
}
.pages .loadMore {
text-align: center
}
.pages .pagination {
text-align: center
}
.features-buttons button {
margin-bottom: 20px
}
#top .social {
float: right;
text-align: right
}
#top .social a {
color: #999;
display: inline-block;
width: 24px;
height: 24px;
border-radius: 12px;
line-height: 20px;
font-size: 12px;
text-align: center;
vertical-align: bottom
}
#top .social a:hover {
color: #fff
}
#top .social a:hover.facebook {
background-color: #4460ae
}
#top .social a:hover.gplus {
background-color: #c21f25
}
#top .social a:hover.twitter {
background-color: #3cf
}
#top .social a:hover.instagram {
background-color: #cd4378
}
#top .social a:hover.youtube {
background-color: #C5001C
}
#top .login {
float: right
}
#top .login a {
font-size: 12px;
color: #eee;
margin-right: 15px;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .1em
}
@media (max-width:767px) {
#top .login {
float: left
}
}
#top.light {
background: #fff;
color: #999;
border-bottom: solid 1px #eee
}
#top.light .login a {
color: #555
}
body.boxed .navbar-affixed-top.affix {
position: static
}
#login-modal {
overflow: hidden
}
#login-modal .modal-header h4 {
text-transform: uppercase
}
#login-modal form {
margin-bottom: 20px
}
#login-modal a {
color: rgb(0, 90, 121)
}
#login-modal p {
font-weight: 300;
margin-bottom: 20px;
font-size: 13px
} .modal-dialog {
.close-button {
overflow: hidden;
button.close {
font-size: 30px;
line-height: 30px;
padding: 7px 4px 7px 13px;
@include text-shadow(none);
@include opacity(.7);
color:#fff;
span {
display: block;
}
&:hover,
&:focus {
@include opacity(1);
outline: none;
}
}
}
.modal-content {
box-shadow: none;
background-color: transparent;
border: 0;
iframe {
display: block;
margin: 0 auto;
}
}
}
.btn {
font-weight: 700;
font-family: "Roboto",Helvetica,Arial,sans-serif;
text-transform: uppercase;
letter-spacing: .08em;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
border-radius: 0
}
.input-group .btn {
font-size: 14px
}
.btn-lg {
padding: 10px 16px; font-size: 16px;
line-height: 1.33;
border-radius: 0
}
.btn-lg-cart {
padding: 10px 16px; font-size: 16px;
line-height: 1.33;
border-radius: 0
}
.btn-lg-cart:hover,
.btn-lg-cart:focus,
.btn-lg-cart:active  { 
font-size: 16px!important; 
}
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 0
}
.btn-template-main {
color: rgb(255, 255, 255);
background-color: #fff;
border-color: rgb(0, 90, 121)
}
.btn-template-main:hover,.btn-template-main:focus,.btn-template-main:active,.btn-template-main.active,.open>.dropdown-toggle.btn-template-main {
color: rgb(0, 90, 121);
background-color: #e6e6e6;
border-color: #2a7d8c
}
.btn-template-main:active,.btn-template-main.active,.open>.dropdown-toggle.btn-template-main {
background-image: none
}
.btn-template-main.disabled,.btn-template-main[disabled],fieldset[disabled] .btn-template-main,.btn-template-main.disabled:hover,.btn-template-main[disabled]:hover,fieldset[disabled] .btn-template-main:hover,.btn-template-main.disabled:focus,.btn-template-main[disabled]:focus,fieldset[disabled] .btn-template-main:focus,.btn-template-main.disabled:active,.btn-template-main[disabled]:active,fieldset[disabled] .btn-template-main:active,.btn-template-main.disabled.active,.btn-template-main[disabled].active,fieldset[disabled] .btn-template-main.active {
background-color: #fff;
border-color: rgb(0, 90, 121)
}
.btn-template-main .badge {
color: #fff;
background-color: rgb(0, 90, 121)
}
.btn-template-main:hover,.btn-template-main:focus,.btn-template-main:active,.btn-template-main.active {
background: rgb(0, 90, 121);
color: #fff;
border-color: rgb(0, 90, 121)
}
.btn-template-transparent-primary {
color: #fff;
background-color: transparent;
border-color: #fff
}
.btn-template-transparent-primary:hover,.btn-template-transparent-primary:focus,.btn-template-transparent-primary:active,.btn-template-transparent-primary.active,.open>.dropdown-toggle.btn-template-transparent-primary {
color: #fff;
background-color: rgba(0,0,0,0);
border-color: #e0e0e0
}
.btn-template-transparent-primary:active,.btn-template-transparent-primary.active,.open>.dropdown-toggle.btn-template-transparent-primary {
background-image: none
}
.btn-template-transparent-primary.disabled,.btn-template-transparent-primary[disabled],fieldset[disabled] .btn-template-transparent-primary,.btn-template-transparent-primary.disabled:hover,.btn-template-transparent-primary[disabled]:hover,fieldset[disabled] .btn-template-transparent-primary:hover,.btn-template-transparent-primary.disabled:focus,.btn-template-transparent-primary[disabled]:focus,fieldset[disabled] .btn-template-transparent-primary:focus,.btn-template-transparent-primary.disabled:active,.btn-template-transparent-primary[disabled]:active,fieldset[disabled] .btn-template-transparent-primary:active,.btn-template-transparent-primary.disabled.active,.btn-template-transparent-primary[disabled].active,fieldset[disabled] .btn-template-transparent-primary.active {
background-color: transparent;
border-color: #fff
}
.btn-template-transparent-primary .badge {
color: transparent;
background-color: #fff
}
.btn-template-transparent-primary:hover,.btn-template-transparent-primary:focus,.btn-template-transparent-primary:active,.btn-template-transparent-primary.active {
background: #fff;
color: rgb(0, 90, 121);
border-color: #fff
}
.btn-template-transparent-black {
color: #fff;
background-color: transparent;
border-color: #fff
}
.btn-template-transparent-black:hover,.btn-template-transparent-black:focus,.btn-template-transparent-black:active,.btn-template-transparent-black.active,.open>.dropdown-toggle.btn-template-transparent-black {
color: #fff;
background-color: rgba(0,0,0,0);
border-color: #e0e0e0
}
.btn-template-transparent-black:active,.btn-template-transparent-black.active,.open>.dropdown-toggle.btn-template-transparent-black {
background-image: none
}
.btn-template-transparent-black.disabled,.btn-template-transparent-black[disabled],fieldset[disabled] .btn-template-transparent-black,.btn-template-transparent-black.disabled:hover,.btn-template-transparent-black[disabled]:hover,fieldset[disabled] .btn-template-transparent-black:hover,.btn-template-transparent-black.disabled:focus,.btn-template-transparent-black[disabled]:focus,fieldset[disabled] .btn-template-transparent-black:focus,.btn-template-transparent-black.disabled:active,.btn-template-transparent-black[disabled]:active,fieldset[disabled] .btn-template-transparent-black:active,.btn-template-transparent-black.disabled.active,.btn-template-transparent-black[disabled].active,fieldset[disabled] .btn-template-transparent-black.active {
background-color: transparent;
border-color: #fff
}
.btn-template-transparent-black .badge {
color: transparent;
background-color: #fff
}
.btn-template-transparent-black:hover,.btn-template-transparent-black:focus,.btn-template-transparent-black:active,.btn-template-transparent-black.active {
background: #fff;
color: #000;
border-color: #fff
}
.btn-template-primary {
color: #fff;
background-color: rgb(0, 90, 121);
border-color: rgb(0, 90, 121)
}
.btn-template-primary:hover,.btn-template-primary:focus,.btn-template-primary:active,.btn-template-primary.active,.open>.dropdown-toggle.btn-template-primary {
color: #fff;
background-color: #2c8494;
border-color: #2a7d8c
}
.btn-template-primary:active,.btn-template-primary.active,.open>.dropdown-toggle.btn-template-primary {
background-image: none
}
.btn-template-primary.disabled,.btn-template-primary[disabled],fieldset[disabled] .btn-template-primary,.btn-template-primary.disabled:hover,.btn-template-primary[disabled]:hover,fieldset[disabled] .btn-template-primary:hover,.btn-template-primary.disabled:focus,.btn-template-primary[disabled]:focus,fieldset[disabled] .btn-template-primary:focus,.btn-template-primary.disabled:active,.btn-template-primary[disabled]:active,fieldset[disabled] .btn-template-primary:active,.btn-template-primary.disabled.active,.btn-template-primary[disabled].active,fieldset[disabled] .btn-template-primary.active {
background-color: rgb(0, 90, 121);
border-color: rgb(0, 90, 121)
}
.btn-template-primary .badge {
color: rgb(0, 90, 121);
background-color: #fff
}
#intro {
background: url(//motisports.com/img/home.jpg) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
#intro .item {
font-family: "Roboto",Helvetica,Arial,sans-serif;
height: 100%
}
#intro .item h1 {
text-transform: uppercase;
font-size: 50px;
color: #fff;
margin-bottom: 40px;
letter-spacing: .08em
}
@media (max-width:991px) {
#intro .item h1 {
font-size: 40px
}
}
@media (max-width:767px) {
#intro .item h1 {
font-size: 25px
}
}
#intro .item h3 {
color: #fff;
margin-bottom: 40px
}
@media (max-width:767px) {
#intro .item h3 {
font-size: 15px;
margin-bottom: 20px
}
}
#intro .item .btn {
text-transform: none
}
@media (max-width:991px) {
#intro .item .btn {
font-size: 14px
}
}
@media (max-width:991px) {
#intro .item .carousel-caption {
left: 10%;
right: 10%
}
}
#intro .container,#intro .row {
height: 100%;
position: relative
}
@media screen and (min-width:768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px
}
.container .jumbotron {
padding-left: 60px;
padding-right: 60px
}
.jumbotron h1,.jumbotron .h1 {
font-size: 46px
}
}
#categoryMenu h3 {
padding: 20px;
background: #f7f7f7;
margin: 0;
border-bottom: solid 1px #eee;
text-transform: uppercase;
letter-spacing: .08em
}
.panel.sidebar-menu h3 {
padding: 5px 0;
margin: 0
}
.panel.sidebar-menu {
background: #fff;
margin: 0 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.panel.sidebar-menu .panel-heading {
text-transform: uppercase;
margin-bottom: 10px;
background: none;
padding: 0;
letter-spacing: .08em;
border-bottom: none
}
.panel.sidebar-menu .panel-heading h1,.panel.sidebar-menu .panel-heading h2,.panel.sidebar-menu .panel-heading h3,.panel.sidebar-menu .panel-heading h4,.panel.sidebar-menu .panel-heading h5 {
display: inline-block;
border-bottom: solid 5px rgb(0, 90, 121);
line-height: 1.1;
margin-bottom: 0;
padding-bottom: 10px
}
.panel.sidebar-menu .panel-heading .btn.btn-danger {
color: #fff;
margin-top: 5px
}
.panel.sidebar-menu .panel-body {
padding: 0
}
.panel.sidebar-menu .panel-body span.colour {
display: inline-block;
width: 15px;
height: 15px;
border: solid 1px #555;
vertical-align: top;
margin-top: 2px;
margin-left: 5px
}
.panel.sidebar-menu .panel-body span.colour.white {
background: #fff
}
.panel.sidebar-menu .panel-body span.colour.red {
background: #f00
}
.panel.sidebar-menu .panel-body span.colour.green {
background: #008000
}
.panel.sidebar-menu .panel-body span.colour.blue {
background: #00f
}
.panel.sidebar-menu .panel-body span.colour.yellow {
background: #ff0
}
.panel.sidebar-menu .panel-body label {
color: #999;
font-size: 12px
}
.panel.sidebar-menu .panel-body label:hover {
color: #555
}
.panel.sidebar-menu ul.nav.category-menu {
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .08em
}
.panel.sidebar-menu ul.nav.category-menu li a {
font-family: "Roboto",Helvetica,Arial,sans-serif
}
.panel.sidebar-menu ul.nav ul {
list-style: none;
padding-left: 0
}
.panel.sidebar-menu ul.nav ul li {
display: block
}
.panel.sidebar-menu ul.nav ul li a {
position: relative;
font-family: "Times New Roman",Times,serif;
font-weight: normal;
text-transform: none !important;
display: block;
padding: 10px 15px;
padding-left: 30px;
font-size: 12px;
color: #999
}
.panel.sidebar-menu ul.nav ul li a:hover,.panel.sidebar-menu ul.nav ul li a:focus {
text-decoration: none;
background-color: #eee
}
.panel.sidebar-menu ul.tag-cloud {
list-style: none;
padding-left: 0
}
.panel.sidebar-menu ul.tag-cloud li {
display: inline-block
}
.panel.sidebar-menu ul.tag-cloud li a {
display: inline-block;
padding: 5px;
border: solid 1px #eee;
border-radius: 0;
color: rgb(0, 90, 121);
margin: 5px 5px 5px 0;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 700;
font-size: 12px
}
.panel.sidebar-menu ul.tag-cloud li a:hover {
color: rgb(0, 90, 121);
text-decoration: none;
border-color: rgb(0, 90, 121)
}
.panel.sidebar-menu ul.popular,.panel.sidebar-menu ul.recent {
list-style: none;
padding-left: 0;
padding: 20px 0
}
.panel.sidebar-menu ul.popular li,.panel.sidebar-menu ul.recent li {
margin-bottom: 10px;
padding: 5px 0;
border-bottom: dotted 1px #eee
}
.panel.sidebar-menu ul.popular li:before,.panel.sidebar-menu ul.recent li:before,.panel.sidebar-menu ul.popular li:after,.panel.sidebar-menu ul.recent li:after {
content: " ";
display: table
}
.panel.sidebar-menu ul.popular li:after,.panel.sidebar-menu ul.recent li:after {
clear: both
}
.panel.sidebar-menu ul.popular li:before,.panel.sidebar-menu ul.recent li:before,.panel.sidebar-menu ul.popular li:after,.panel.sidebar-menu ul.recent li:after {
content: " ";
display: table
}
.panel.sidebar-menu ul.popular li:after,.panel.sidebar-menu ul.recent li:after {
clear: both
}
.panel.sidebar-menu ul.popular li img,.panel.sidebar-menu ul.recent li img {
width: 50px;
margin-right: 10px
}
.panel.sidebar-menu ul.popular li h5,.panel.sidebar-menu ul.recent li h5 {
margin: 0 0 10px
}
.panel.sidebar-menu ul.popular li h5 a,.panel.sidebar-menu ul.recent li h5 a {
font-weight: normal
}
.panel.sidebar-menu ul.popular li p.date,.panel.sidebar-menu ul.recent li p.date {
float: right;
font-size: 12px;
color: #999
}
.panel.sidebar-menu ul.popular li:last-child,.panel.sidebar-menu ul.recent li:last-child {
border-bottom: none
}
.panel.sidebar-menu .text-widget {
font-size: 12px
}
.panel.sidebar-menu.with-icons ul.nav li a:after {
font-family: 'FontAwesome';
content: "\f105";
position: relative;
top: 0;
float: right
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border-color: #EEEEEE;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 0;
color: #212121;
background-color: #FAFAFA;
border-color: #EEEEEE;
}
.panel-title {
font-size: 14px;
}
.panel-title > a {
display: block;
padding: 15px;
text-decoration: none;
}
.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
display: block;
padding: 15px;
text-decoration: none;
font-size: 14px;
}
.more-less {
float: right;
color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #EEEEEE;
}
.box-simple {
text-align: center;
margin-bottom: 40px
}
.box-simple .icon {
color: rgb(0, 90, 121);
border-color: rgb(0, 90, 121);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
.box-simple h3 {
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
line-height: 1.5;
color: #555;
font-weight: 800;
letter-spacing: .08em
}
.box-simple h3 a {
color: #555
}
.box-simple p {
color: #999
}
.box-simple:hover .icon {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.box-simple:hover .icon i {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.box-simple.box-white {
padding: 20px;
border: dotted 1px #999
}
.box-simple.box-white .icon {
color: #555;
border-color: transparent;
font-size: 70px
}
.box-simple.box-dark {
padding: 20px;
border: dotted 1px #999;
background: #555;
color: #fff
}
.box-simple.box-dark .icon {
color: #f7f7f7;
border-color: transparent;
font-size: 70px
}
.box-simple.box-dark h3 {
color: #fff
}
.box-simple.box-dark h3 a {
color: #fff
}
.box-simple.box-dark p {
color: #fff
}
.box-image {
position: relative;
overflow: hidden;
text-align: center;
margin: 15px 0
}
.box-image .bg {
position: absolute;
top: auto;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
background: rgb(0, 90, 121)
}
.box-image .name {
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #fff;
padding: 0 20px
}
.box-image .name h3 {
color: #fff;
text-transform: uppercase;
font-size: 18px;
letter-spacing: .08em
}
.box-image .name h3 a {
color: #fff;
text-decoration: none
}
.box-image .text {
position: absolute;
width: 100%;
height: 50%;
top: 0;
-webkit-transform: translate(0, -150%);
-ms-transform: translate(0, -150%);
-o-transform: translate(0, -150%);
transform: translate(0, -150%);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #fff;
padding: 0 20px
}
.box-image:hover .bg {
opacity: .7;
filter: alpha(opacity=70)
}
.box-image:hover .name {
position: absolute;
-webkit-transform: translate(0, -75%);
-ms-transform: translate(0, -75%);
-o-transform: translate(0, -75%);
transform: translate(0, -75%)
}
.box-image:hover .text {
position: absolute;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.box-image-text {
position: relative;
overflow: hidden;
text-align: center;
margin: 15px 0
}
.box-image-text .top {
position: relative;
margin-bottom: 10px
}
.box-image-text .top .bg {
position: absolute;
top: auto;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
background: rgb(0, 90, 121)
}
.box-image-text .top .name {
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #fff;
padding: 0 20px
}
.box-image-text .top .name h3 {
color: #fff;
text-transform: uppercase;
font-size: 18px;
letter-spacing: .08em
}
.box-image-text .top .name h3 a {
color: #fff;
text-decoration: none
}
.box-image-text .top .text {
position: absolute;
width: 100%;
height: 50%;
top: 0;
-webkit-transform: translate(0, -150%);
-ms-transform: translate(0, -150%);
-o-transform: translate(0, -150%);
transform: translate(0, -150%);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #fff;
padding: 0 20px
}
.box-image-text .content h3,.box-image-text .content h4 {
text-transform: uppercase;
line-height: 1.5;
color: #555;
font-weight: 800;
letter-spacing: .08em
}
.box-image-text .content p {
color: #999
}
.box-image-text:hover .bg {
opacity: .7;
filter: alpha(opacity=70)
}
.box-image-text:hover .name {
position: absolute;
-webkit-transform: translate(0, -75%);
-ms-transform: translate(0, -75%);
-o-transform: translate(0, -75%);
transform: translate(0, -75%)
}
.box-image-text:hover .text {
position: absolute;
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.box {
background: #fff;
margin: 0 0 30px;
border: solid 1px #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0;
border-left: none;
border-right: none
}
.box .box-header {
background: #f7f7f7;
margin: -20px 0 20px;
padding: 20px;
border-bottom: solid 1px #eee;
text-transform: uppercase;
letter-spacing: .08em
}
.box .box-header:before,.box .box-header:after {
content: " ";
display: table
}
.box .box-header:after {
clear: both
}
.box .box-header:before,.box .box-header:after {
content: " ";
display: table
}
.box .box-header:after {
clear: both
}
.box .box-footer {
background: #f7f7f7;
margin: 30px 0 -20px;
padding: 20px;
border-top: solid 1px #eee
}
.box .box-footer:before,.box .box-footer:after {
content: " ";
display: table
}
.box .box-footer:after {
clear: both
}
.box .box-footer:before,.box .box-footer:after {
content: " ";
display: table
}
.box .box-footer:after {
clear: both
}
@media (max-width:991px) {
.box .box-footer .btn {
margin-bottom: 20px
}
}
.box.no-border {
border: none
}
#heading-breadcrumbs {
background: url(//motisports.com/img/texture-bw.png) center center repeat;
padding: 20px 0;
margin-bottom: 40px
}
#heading-breadcrumbs.no-mb {
margin-bottom: 0
}
#heading-breadcrumbs h1 {
color: #333;
text-transform: uppercase;
font-size: 30px;
font-weight: 700;
letter-spacing: .08em
}
@media (max-width:991px) {
#heading-breadcrumbs h1 {
text-align: center
}
}
#heading-breadcrumbs ul.breadcrumb {
margin-top: 5px;
margin-bottom: 0
}
.bar {
position: relative;
background: rgb(0, 90, 121);
padding: 60px 0
}
.bar.background-pentagon {
background: url(//motisports.com/img/texture-bw.png) center center repeat;
border-top: solid 1px #999;
border-bottom: solid 1px #999
}
.bar.background-gray {
background: #eee
}
.bar.background-gray-dark {
background: #555
}
.bar.background-white {
background: #fff
}
.bar.background-image-fixed-1 {
background: url(//motisports.com/img/fixed-background-1.jpg) center top no-repeat;
background-attachment: fixed;
background-size: cover
}
.bar.background-image-fixed-2 {
background: url(//motisports.com/img/fixed-background-2.jpg) center top no-repeat;
background-attachment: fixed;
background-size: cover
}
.bar.color-white h1,.bar.color-white h2,.bar.color-white h3,.bar.color-white h4,.bar.color-white h5,.bar.color-white h6,.bar.color-white p {
color: #fff
}
.bar.padding-big {
padding: 50px 0
}
.bar.padding-horizontal {
padding-left: 30px;
padding-right: 30px
}
.bar.margin-vertical {
margin-top: 20px;
margin-bottom: 20px
}
.bar .dark-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .3;
filter: alpha(opacity=30)
}
.see-more {
text-align: center;
margin-top: 20px;
padding-top: 20px
}
.see-more p {
font-size: 28px;
font-weight: 100;
margin-bottom: 20px
}
.showcase .item {
text-align: center
}
.showcase .item .icon {
display: inline-block;
width: 50px;
height: 50px;
color: #555;
line-height: 50px;
border-radius: 25px;
border: solid 1px #555
}
.showcase .item h4 {
color: #555;
text-transform: uppercase;
letter-spacing: .08em;
line-height: 1.5;
font-size: 16px
}
.showcase .item h4 span {
font-weight: bold;
font-size: 51px
}
.packages .package {
background: #fff;
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 15px;
text-align: center;
border: solid 1px rgb(0, 90, 121);
overflow: hidden
}
.packages .package .package-header {
height: 57px;
color: #fff;
line-height: 57px;
background: rgb(0, 90, 121)
}
.packages .package .package-header h5 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
line-height: 57px;
margin: 0;
letter-spacing: .08em
}
.packages .package .package-header.light-gray {
background: #eee
}
.packages .package .package-header.light-gray h5 {
color: #555
}
.packages .package .price {
line-height: 120px;
height: 100px;
color: #fff;
font-weight: 400
}
.packages .package .price h4 {
display: inline;
font-size: 50px;
line-height: normal;
margin-bottom: 0
}
.packages .package .price .period {
line-height: normal;
color: #999
}
.packages .package ul {
padding: 0
}
.packages .package ul li {
list-style-type: none;
padding-top: 10px;
padding-bottom: 10px;
width: 80%;
margin: auto;
border-bottom: 1px dotted #ccc
}
.packages .package ul li:last-child {
border-bottom: 0
}
.packages .package ul li i {
font-size: 13px;
margin-right: 5px
}
.packages .best-value .package {
margin-top: 0;
padding-bottom: 40px
}
.packages .best-value .package .package-header {
height: 72px;
padding-top: 17px;
height: 82px !important
}
.packages .best-value .package .package-header h5 {
font-weight: bold;
line-height: 29px;
text-transform: uppercase;
letter-spacing: .08em
}
.packages .best-value .package .package-header .meta-text {
font-size: 13px;
line-height: 15px
}
#map {
height: 300px
}
#map.with-border {
border-top: solid 1px rgb(0, 90, 121);
border-bottom: solid 1px rgb(0, 90, 121)
}
@media (min-width:768px) {
#blog-listing-big .post .date-comments,#blog-homepage .post .date-comments {
text-align: right
}
}
@media (max-width:767px) {
#blog-listing-big .post .image img.img-responsive,#blog-homepage .post .image img.img-responsive {
min-width: 100%
}
}
@media (min-width:768px) {
#blog-listing-medium .post .date-comments {
text-align: right
}
}
@media (max-width:767px) {
#blog-listing-medium .post .image img.img-responsive {
min-width: 100%
}
}
.box-image-text.blog .author-category {
color: #999;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 300;
font-size: 12px
}
.box-image-text.blog .author-category a {
font-weight: 500
}
.box-image-text.blog .intro {
text-align: left;
margin-bottom: 20px
}
.product {
background: #fff;
border-bottom: solid 1px #e6e6e6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 60px;
overflow: hidden;
text-align: center
}
.product .image {
overflow: hidden
}
.product .image img {
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out
}
@media (max-width:767px) {
.product .image img.img-responsive {
min-width: 100%
}
}
.product .text {
padding: 10px
}
.product .text h3 {
font-size: 14px;
font-weight: 700;
height: 39.6px;
text-transform: uppercase;
letter-spacing: .08em
}
.product .text h3 a {
color: #555
}
.product .text h3 a:hover {
text-decoration: none
}
.product .text p.price {
font-size: 18px
}
.product .text p.price del {
color: #999
}
.product .buttons {
clear: both;
position: absolute;
display: none;
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: solid 1px transparent;
padding: 20px;
background: rgba(255,255,255,0.9);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
text-align: center
}
.product .buttons .btn {
margin-bottom: 20px
}
.product:hover {
border-bottom: solid 1px #808080;
top: 0
}
.product:hover .buttons {
clear: both;
position: absolute;
top: 0;
background: rgba(255,255,255,0.5)
}
.product:hover .image img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
.goToDescription {
font-size: 12px;
text-align: center;
margin-bottom: 40px
}
.goToDescription a {
color: #999;
text-decoration: underline
}
#productMain {
margin-bottom: 30px
}
#productMain .sizes {
text-align: center
}
#productMain .sizes h3 {
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 40px
}
#productMain .sizes a {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 40px;
background: #ccc;
line-height: 40px;
color: #555;
text-align: center;
text-decoration: none;
font-family: "Roboto",Helvetica,Arial,sans-serif
}
#productMain .sizes a.active,#productMain .sizes a:hover {
background: rgb(0, 90, 121);
color: #fff
}
#productMain .sizes input {
display: none
}
#productMain .price {
font-size: 40px;
text-align: center;
margin-top: 40px;
margin-bottom: 40px
}
#thumbs a {
display: block;
border: solid 1px transparent
}
#thumbs a.active {
border-color: rgb(0, 90, 121)
}
#product-social {
text-align: center
}
#product-social h4 {
font-weight: 300;
margin-bottom: 10px
}
#product-social p {
line-height: 26px
}
#product-social p a {
margin: 0 10px 0 0;
color: #fff;
display: inline-block;
width: 26px;
height: 26px;
border-radius: 13px;
line-height: 26px;
font-size: 15px;
text-align: center;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
vertical-align: bottom
}
#product-social p a i {
vertical-align: bottom;
line-height: 26px
}
#privacy {
list-style: none;
}
#terms {
list-style: none;
}
a.btn-social.btn-outline.facebook:hover {
background-color: #4867AA
}
a.btn-social.btn-outline.linkedin:hover {
background-color: #006fa6
}
a.btn-social.btn-outline.twitter:hover {
background-color: #3cf
}
a.btn-social.btn-outline.youtube:hover {
background-color: #C5001C
}
a.btn-social.btn-outline.instagram:hover {
background-color: #cd4378
}
@media (max-width:991px) {
#product-social {
text-align: center
}
}
#checkout .nav {
margin-bottom: 20px;
border-bottom: solid 1px rgb(0, 90, 121)
}
#checkout .nav li {
height: 100%
}
#checkout .nav li a {
display: block;
height: 100%
}
#order-summary table {
margin-top: 20px
}
#order-summary table td {
color: #999
}
#order-summary table tr.total td,#order-summary table tr.total th {
font-size: 18px;
color: #555;
font-weight: 700
}
#checkout .table tbody tr td,#basket .table tbody tr td,#customer-order .table tbody tr td {
vertical-align: middle
}
#checkout .table tbody tr td input,#basket .table tbody tr td input,#customer-order .table tbody tr td input {
width: 50px;
text-align: right
}
#checkout .table tbody tr td img,#basket .table tbody tr td img,#customer-order .table tbody tr td img {
width: 50px
}
#checkout .table tfoot,#basket .table tfoot,#customer-order .table tfoot {
font-size: 18px
}
.shipping-method h4,.payment-method h4 {
text-transform: uppercase;
letter-spacing: .08em
}
#customer-orders table tr th,#customer-orders table tr td {
vertical-align: baseline
}
#customer-order .table tfoot th {
font-size: 18px;
font-weight: 300
}
#customer-order .addresses {
text-align: right;
margin-bottom: 30px
}
#customer-order .addresses p {
font-size: 18px;
font-weight: 300
}
#customer-account {
margin-bottom: 30px
} .footer-links a {
font-size: 16px; 
padding: 5px 5px;
}
.footer-links a, .footer-links a.visited, .footer-links a:active, .footer-links a:focus, .footer-links a:hover {
font-size: 16px; 
line-height: 25px;
} 
.footer-links a:hover, .footer-links a:focus, .footer-links a:active {
font-size: 16px; 
background: rgb(0, 90, 121); 
color: #fff
}  #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {
color: #eee
}
#footer h4 {
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em
}
#footer ul {
padding-left: 0;
list-style: none
}
#footer ul a {
color: #999
}
#footer ul a:hover {
color: rgb(0, 90, 121);
text-decoration: none
}
#footer .social a {
color: #555;
font-size: 25px;
margin: 0 10px 0 0
}
#footer .social a:hover {
color: rgb(0, 90, 121)
}
#copyright {
background: #333;
color: #ccc;
padding: 50px 0;
font-size: 12px;
line-height: 28px
}
#copyright p {
margin: 0
}
@media (max-width:991px) {
#copyright p {
float: none !important;
text-align: center;
margin-bottom: 10px
}
}
[data-animate] {
opacity: 0;
filter: alpha(opacity=0)
}
#style-switch-button {
position: fixed;
top: 100px;
left: 0;
border-radius: 0
}
#style-switch {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 300px;
padding: 20px;
position: fixed;
top: 140px;
left: 0;
background: #fff;
border: solid 1px #eee
}
@media (max-width:991px) {
#style-switch-button {
display: none
}
#style-switch {
display: none
}
}
.breadcrumb {
font-family: "Roboto",Helvetica,Arial,sans-serif;
text-transform: uppercase;
background-color: none;
letter-spacing: .08em
} .navbar-nav {
padding-right: 0px; 
padding-left: 0px; 
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:hover,.nav>li>a:focus {
background-color: #eee
}
.nav>li.disabled>a {
color: #999
}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
color: #999
}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
background-color: #eee;
border-color: rgb(0, 90, 121)
}
.nav-tabs {
border-bottom: 1px solid rgb(0, 90, 121)
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0 0 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee rgb(0, 90, 121)
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border: 1px solid rgb(0, 90, 121);
border-bottom-color: transparent;
cursor: default
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: solid 1px rgb(0, 90, 121);
border-bottom: 0
}
.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs.nav-justified>li>a {
text-align: center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 0
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
border: 1px solid rgb(0, 90, 121)
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid rgb(0, 90, 121);
border-radius: 0 0 0 0
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
border-bottom-color: #fff
}
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 0
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
color: #fff;
background-color: rgb(0, 90, 121)
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified {
width: 100%;
border-bottom: solid 1px rgb(0, 90, 121)
}
.nav-justified>li {
float: none
}
.nav-justified>li>a {
text-align: center
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
.nav-tabs-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a {
margin-right: 0;
border-radius: 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
border: 1px solid rgb(0, 90, 121)
}
@media (min-width:768px) {
.nav-tabs-justified>li>a {
border-bottom: 1px solid rgb(0, 90, 121);
border-radius: 0 0 0 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
border-bottom-color: #fff
}
}
.tab-content {
padding: 15px;
border: solid 1px #ddd;
border-top: none
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0;
border-bottom: 1px solid transparent
}
@media (min-width:768px) {
.navbar {
border-radius: 0
}
}
@media (min-width:768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width:768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.navbar-fixed-top .navbar-collapse,.navbar-affixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
max-height: 390px
}
@media (max-width:480px) and (orientation:landscape) {
.navbar-fixed-top .navbar-collapse,.navbar-affixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
max-height: 200px
}
}
.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
margin-right: -15px;
margin-left: -15px
}
@media (min-width:768px) {
.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
margin-right: -17px; margin-left: 0
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
@media (min-width:768px) {
.navbar-static-top {
border-radius: 0
}
}
.navbar-fixed-top,.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
@media (min-width:768px) {
.navbar-fixed-top,.navbar-fixed-bottom {
border-radius: 0
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
float: left;
padding: 10px 15px;
font-size: 18px;
line-height: 20px;
height: 62px
}
.navbar-brand:hover,.navbar-brand:focus {
text-decoration: none
}
@media (min-width:768px) {
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
margin-left: -40px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 14px;
margin-bottom: 14px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0
}
.navbar-toggle:focus {
outline: 0
}
.navbar-nav {
margin: 10.5px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media (max-width:767px) {
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none
}
}
@media (min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 21px;
padding-bottom: 21px
}
.navbar-nav.navbar-right:last-child {
margin-right: -45px
}
}
@media (min-width:768px) {
.navbar-left {
float: left !important
}
.navbar-right {
float: right !important
}
}
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
margin-top: 14px;
margin-bottom: 14px
}
@media (max-width:767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
}
@media (min-width:768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-form.navbar-right:last-child {
margin-right: -15px
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-btn {
margin-top: 14px;
margin-bottom: 14px
}
.navbar-btn.btn-sm {
margin-top: 16px;
margin-bottom: 16px
}
.navbar-btn.btn-xs {
margin-top: 20px;
margin-bottom: 20px
}
.navbar-text {
margin-top: 21px;
margin-bottom: 21px
}
@media (min-width:768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px
}
.navbar-text.navbar-right:last-child {
margin-right: 0
}
}
.navbar-default {
background-color: #fff;
border-color: #ccc;
border-bottom: none;   
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.navbar-default .navbar-brand {
color: rgb(0, 90, 121)
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
color: #3b3b3b;
background-color: transparent
}
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>a {
color: #555
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
color: #555;
background-color: #80cbd9
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: rgb(0, 90, 121)
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background-color: rgb(0, 90, 121)
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border-color: #ccc
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
background-color: rgb(0, 90, 121);
color: #fff
}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #555
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: rgb(0, 90, 121)
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: rgb(0, 90, 121)
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #555
}
.navbar-default .navbar-link:hover {
color: #555
}
.navbar-default .btn-link {
color: #555
}
.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {
color: #555
}
.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc
}
html {
width: 100%;
height: 100%;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
html,body {
font-family: "Roboto", "Helvetica", sans-serif; 
}
body {
font-family: "Roboto",Helvetica,sans-serif; color: #5a5a5a;
width: 100%;
height: 100%;
margin: 0
}
a {
color: rgb(0, 90, 121);
text-decoration: none
}
a:hover,a:focus {
color: #267280;
text-decoration: none
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.img-rounded {
border-radius: 0
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.breadcrumb {
padding: 20px 0;
margin-bottom: 20px;
background-color: transparent;
border-radius: 0;
text-align: right
}
.breadcrumb>li+li:before {
content: ">\00a0";
color: #555
}
.breadcrumb>.active {
color: #999
}
@media (max-width:991px) {
.breadcrumb {
padding: 20px 0;
text-align: center
}
}
.dropdown-menu {
z-index: 1000;
font-size: 14px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
padding: 5px 20px;
line-height: 1.42857143;
color: #333;
white-space: nowrap
}
.label {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .08em
}
label {
font-weight: normal
}
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0
}
.form-control:focus {
border-color: rgb(0, 90, 121);
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6)
}
.form-group {
margin-bottom: 20px
}
.pager {
margin: 20px 0;
border-top: solid 1px #eee;
padding-top: 20px;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Roboto",Helvetica,Arial,sans-serif
}
.pager li {
display: inline
}
.pager li>a,.pager li>span {
background-color: #fff;
border: 1px solid rgb(0, 90, 121);
border-radius: 0
}
.pager li>a:hover,.pager li>a:focus {
text-decoration: none;
color: #fff;
background-color: rgb(0, 90, 121)
}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
color: #999;
background-color: #fff;
border-color: #ddd
}
.pagination {
margin: 20px 0;
font-family: "Roboto",Helvetica,Arial,sans-serif;
border-radius: 0
}
.pagination>li>a,.pagination>li>span {
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: rgb(0, 90, 121);
background-color: #fff;
border: 1px solid #ddd
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
color: rgb(0, 90, 121);
background-color: #a7dbe5;
border-color: #ddd
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
z-index: 2;
color: #fff;
background-color: rgb(0, 90, 121);
border-color: rgb(0, 90, 121)
}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
color: #999;
background-color: #fff;
border-color: #ddd
}
@media (max-width:767px) {
.text-center-xs {
text-align: center !important
}
.text-center-xs img {
display: block;
margin-left: auto;
margin-right: auto
}
}
@media (min-width:768px) and (max-width:991px) {
.text-center-sm {
text-align: center !important
}
.text-center-sm img {
display: block;
margin-left: auto;
margin-right: auto
}
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 900;
line-height: 1.1;
color: #333
}
h1,.h1,h2,.h2,h3,.h3 {
margin-top: 20px;
margin-bottom: 20px
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 18px
}
.lead-try {
font-size: 18px;
padding-left: 5px;
padding-right: 5px;
}
.banner-coming {
background: url(//motisports.com/img/banner-coming.jpg);
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
-webkit-background-size: cover;
background-size: cover;
height: 500px;
background-color: #eeeeee;
}
.banner {
background: url(//motisports.com/img/banner.jpg);
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
-webkit-background-size: cover;
background-size: cover;
height: 300px;
}
@media (min-width:768px) {
.lead {
font-size: 21px
}
}
.text-small {
font-size: 12px
}
.text-large {
font-size: 18px
}
.text-italic {
font-style: italic
}
.text-primary {
color: rgb(0, 90, 121)
}
a.text-primary:hover {
color: #2c8494
}
.bg-primary {
color: #fff;
background-color: rgb(0, 90, 121)
}
a.bg-primary:hover {
background-color: #2c8494
}
abbr[title],abbr[data-original-title] {
border-bottom: 1px dotted #999
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 14px;
border-left: 5px solid rgb(0, 90, 121)
}
blockquote footer,blockquote small,blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #999
}
blockquote footer:before,blockquote small:before,blockquote .small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,blockquote.pull-right {
border-right: 5px solid rgb(0, 90, 121)
}
address {
margin-bottom: 20px;
line-height: 1.42857143
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0
}
.panel-heading {
border-top-right-radius: 0;
border-top-left-radius: 0;
text-transform: uppercase;
letter-spacing: .08em;
padding: 15px 15px
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.panel-group {
margin-bottom: 20px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 0;
overflow: hidden
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group.accordion .panel {
border-color: #ccc
}
.panel-primary {
border-color: rgb(0, 90, 121)
}
.panel-primary>.panel-heading {
color: #fff;
background-color: rgb(0, 90, 121);
border-color: rgb(0, 90, 121)
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: rgb(0, 90, 121)
}
.panel-primary>.panel-heading .badge {
color: rgb(0, 90, 121);
background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: rgb(0, 90, 121)
}
.panel-primary .panel-title {
font-weight: 300
}
.panel-primary .panel-title a:hover {
color: #fff;
text-decoration: none
}
.btn-join {
color: #8E1500!important;
}
.help-block{font-size:18px;color: #8E1500!important;display: block;list-style-type:none;font-weight: 500;list-style-type:none;}
.checkbox-help-block ul{list-style-type:none;} 
.checkbox-help-block-inner li{font-size:18px;color: #8E1500!important;display: block;list-style-type:none;font-style: bold;} select
{
font-size: 16px; 
}  
select option:disabled {
color: #999999!important; font-weight: 400!important;
}
select option[disabled] { 
color: #999999!important;
font-weight: 400!important;
}
select.form-control option:disabled { 
color: #999999!important;
font-weight: 400!important;
font-size: 16px; 
}
select.form-control option:first-child { 
color: #999999!important;
font-weight: 400!important;
font-size: 16px; 
} 
select:invalid { 
color: #999999!important;
font-weight: 400!important;
font-size: 16px; 
} .video-row{
padding-left:10%; 
}
@media screen and (max-width: 499px)  {
.video-row{
padding-left:5px; 
}
} @media screen and (min-width: 501px) {
.solution-item{max-width: 400px;}
}
@media screen and (max-width: 500px) {
.solution-item{max-width: 350px;}
} @media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
font-size: 16px;
}
}
.ui-select .ui-btn select{
font-size: 50px;
} ::-webkit-input-placeholder { color:     #999999!important;
}
:-moz-placeholder { color:     #999999!important;
opacity:  1;
}
::-moz-placeholder { color:    #999999!important;
opacity:  1;
}
:-ms-input-placeholder { color:    #999999!important;
}
::-ms-input-placeholder { color:     #999999!important;
}  .search-post-title a:hover, a:focus {
color:#ffffff;
background: #267280;
text-decoration: none; 
} .site-info { display: none; }
/*!