.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
max-width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//sportshandle.com/wp-content/themes/composer/_images/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.owl-controls {
text-align: center;
} .owl-nav {
position: absolute;
top: 50%;
width: 100%;
margin-top: -42px;
}
.owl-nav div {
color: #c1c1c1;
display: inline-block;
zoom: 1;
background: #fff;
line-height: 40px;
font-size: 21px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #f2f2f2;
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-ms-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}
.owl-nav div {
left: -20px;
position: absolute;
}
.owl-nav div:before {
content: "7";
font-family: "pix-fonts";
line-height: 1;
}
.owl-nav div.owl-next {
right: -20px;
left: auto;
}
.owl-nav .owl-next:before {
content: "8";
}
.owl-nav div:hover {
color: #fff;
}
.no-pagination .owl-nav {
margin-top: -13px;
}
.owl-dots {
margin-top: 30px;
display: inline-block;
}
.owl-dot {
position: relative;
display: block;
float: left;
margin: 0 5px;
width: 12px;
height: 12px;
cursor: pointer;    
border-radius: 50%;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
}
.owl-dot span {
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
border-radius: 50%;
text-indent: -999em;
cursor: pointer;
position: absolute;
background-color: #b5b5b5;
-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.owl-dot.active span {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.owl-dot.active span {
background: #b5b5b5;	
}
.owl-dot.active {
box-shadow: 0 0 0 2px #00a9d1;
}
.owl-dot.active span {
background: #00a9d1;
}h1{font-family: 'Roboto', Arial, sans-serif;font-size: 25px;font-style:normal;font-weight: 700;}h2{font-family: 'Roboto', Arial, sans-serif;font-size: 21px;font-style:normal;font-weight: 400;}h3{font-family: 'Roboto', Arial, sans-serif; font-size: 18px;font-style:normal;font-weight: 400;}h4{font-family: 'Roboto', Arial, sans-serif;font-size: 16px;font-style:normal;font-weight: 400;}h5{font-family: 'Roboto', Arial, sans-serif;font-size: 15px;font-style:normal;font-weight: 400;}h6{font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;}li, li a {font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;} a{font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 500;} #logo{font-family: 'Roboto', Arial, sans-serif; font-size: 30px; font-style:normal;font-weight: 400;} blockquote {font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;} .main-nav .menu li, .main-nav .menu li a{font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;} .main-nav .sub-menu, .main-nav .menu .sub-menu li a, .main-nav li.pix-megamenu > ul.sub-menu > li > ul li a{font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;}.main-nav li.pix-megamenu > ul.sub-menu > li > a, .main-nav li.pix-megamenu > ul.sub-menu > li > a:hover, .main-nav li.pix-megamenu > ul.sub-menu > li:hover > a{font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;}.title, .title a {font-family: 'Roboto', Arial, sans-serif; font-size: 21px; font-style:normal;font-weight: 400;}.btn{ font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;}.btn.btn-sm{font-size: 13px;}.btn-lg{font-size: 16px;}.process .title {font-family: 'Roboto', Arial, sans-serif; font-size: 21px; font-style:normal;font-weight: 400;}.process .text {font-family: 'Roboto', Arial, sans-serif; font-size: 40px; font-style:normal;font-weight: 400;}.percent-text{font-family: 'Roboto', Arial, sans-serif; font-size: 40px;font-weight: 400;}.percent, .outside-text{font-family: 'Roboto', Arial, sans-serif; font-size: 16px; font-style:normal;font-weight: 400;}.textfield{font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style:normal;font-weight: 400;}#filters.normal li a{ font-family: 'Roboto', Arial, sans-serif;font-style:normal;font-weight: 400;}.price-table .plan-title {font-family: 'Roboto', Arial, sans-serif; font-size: 16px; font-style:normal;font-weight: 400;}.price-table .value {font-family: 'Roboto', Arial, sans-serif; font-size: 32px; font-style:normal;font-weight: 400;}.price-table .value .vAlign {font-family: 'Roboto', Arial, sans-serif; font-size: 13px; font-style: normal;font-weight: 400;}.price-table .value small {font-family: 'Roboto', Arial, sans-serif; font-size: 14px; font-style: normal;font-weight: 400;}.single-banner-content .title, .single-blog-style3 .banner-content .title {font-family: 'Poppins', Arial, sans-serif; font-size: 41px; font-style: normal;font-weight: 500;}.single-blog-style2 .single-banner-content .category a, .single-blog-style3 .banner-content .category a, .single-blog-style2 .single-banner-content .post-meta, .banner-content .post-meta, .single-blog-style2 .single-banner-content .pix-blog-comments, .banner-content .post-meta a, .single-blog-style2 .single-banner-content .post-meta p, .single-blog-style3 .banner-content .post-meta p {font-family: 'Raleway', Arial, sans-serif; font-size: 15px; font-style: normal;font-weight: 100;}.widget .widgettitle{font-family: 'Roboto', Arial, sans-serif; font-size: 16px; font-style: normal;font-weight: 400;}.menu-header-10 .overlay {background-color: #ffffff !important;}.overlay .main-nav li:hover > a, .overlay .menu-item-has-children:hover > .pix-dropdown-arrow, .overlay .main-nav > ul.menu > li.current-menu-ancestor > a, .overlay .main-nav > ul.menu > li.current-menu-item > a, .overlay .current-menu-item.menu-item-has-children > .pix-dropdown-arrow, .overlay .current-menu-ancestor.menu-item-has-children > .pix-dropdown-arrow, .background-nav .main-nav .menu > li.current-menu-ancestor > a, .background-nav .main-nav .menu > li:hover > a, .background-nav.background-nav-round .main-nav .menu > li.current-menu-ancestor > a, .background-nav .main-nav .menu > li.current-menu-item > a, .background-nav.background-nav-round .main-nav .menu > li.current-menu-item > a {color: #ffffff !important;}.pageFooterCon, .footer-light #pageFooterCon, #pageFooterCon .textwidget, #pageFooterCon thead {color: #777777 !important;}.copyright, .footer-light .copyright-text {color: #7c7c7c !important;}.pix-boxed-content, .pix-boxed-content .footer-fixed, .pix-boxed-content .header-con.stuck {max-width: 1200px;margin-left: auto;margin-right: auto;}@media (max-width: 991px) {.pix-boxed-content, .pix-boxed-content .footer-fixed, .pix-boxed-content .header-con.stuck {max-width: 748px;}.pix-container, .container {max-width: 682px;width: 100%;}}@media (max-width: 767px) {.pix-boxed-content, .pix-boxed-content .footer-fixed, .pix-boxed-content .header-con.stuck {width: 468px;}.pix-container, .container {max-width: 428px;}}@media (max-width: 480px) {.pix-boxed-content, .pix-boxed-content .header-con.stuck {max-width: 80%;}.pix-boxed-content .footer-fixed {max-width: 100%;width: 100%;}.pix-container, .container {max-width: 80%;}}@media (max-width: 991px) {.pix-menu {display: block;}.main-nav, .side-header-widget {display: none !important;}.widget-right, .right-side-wrap, .right-side, .left-side {display: none !important;}.pix-overlay {display: block;}.mobile-menu-nav.moved {opacity: 1;visibility: visible;}#content-pusher.content-pushed {left: 250px;}.menu-wrap {text-align: center;display: none;}.pix-megamenu .sub-menu li .sub-menu li a {margin-top: 0;margin-bottom: 0;}}@media (min-width: 991px) {.pix-megamenu .sub-menu li > a, .pix-megamenu .sub-menu li > a:hover {padding: 0;}.pix-megamenu .sub-menu li .sub-menu li a:hover {padding-left: 5px;}.pix-megamenu .sub-menu .new-tag {margin-top: -4px;}}body {font-family: 'Roboto', Arial, sans-serif;font-size: 13px;font-style:normal;font-weight: 400;}h1, h2, h3, blockquote, .top-details, #logo, .main-nav .menu li, .main-nav li.pix-megamenu > ul.sub-menu > li > a, .main-nav li.pix-megamenu > ul.sub-menu > li:hover > a, .header-con .main-nav li.pix-megamenu > ul.sub-menu > li > a, .textfield, #sub-header h2, .btn, .title, .process .text .process-style, .process .text span.inner-text, .percent-text, .gradient-text, #filters.normal li a, #filters.normal.simple li a, .price-table .plan-title, .counter .counter-value, .blog .post .quote-author, .pix-recent-blog-posts .content .top-meta, .single .post_format-post-format-quote .quote-link-content .quote-author, .authorDetails .authorName a, .comment-list .fn a, .comment-list .fn, .footer-dark #pageFooterCon .widget .tagcloud a, .widget select, .widget_archive select, .widget_categories select, .screen-reader-text, footer .widget .widgettitle, .recentpost .content, .popularpost .content, .wpcf7-submit, .contactform .textfield, .wpcf7-text, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz, .wpcf7-captchar, .contactform .message, .wpcf7-textarea, #amz-settings-inner h3, .amz-setting .amz-setting-inner a, .pix-item-icon, .pix-cart .product_list_widget li.empty, .pix-cart .product_list_widget li a, .pix-cart .woocommerce-price-amount.amount, .pix-cart .product_list_widget .quantity, .pix-cart .widget_shopping_cart_content .total, .pix-cart .total, .woo-product-item .price, .button, input[type="submit"], .summary .price ins, .summary .price .amount, .product_meta span, .woocommerce-tabs#commentform label, .woocommerce-message, .woocommerce-error, .woocommerce-info, .cart-collaterals table tbody th, .cart-collaterals table tbody td, table.shop_table thead th, table.shop_table tbody td, .add_to_cart_button, .added_to_cart, .ajax_add_to_cart, .product_type_external, .product_type_grouped, .summary .cart .group_table td.label a, .summary .cart .group_table .price p, .checkout.woocommerce-checkout, .stock, .quantity .qty, .copyright-text, .copyright-text a { font-family: 'Roboto', Arial, sans-serif;}.single-blog .post-author .author-name, .addresses h3{font-family: 'Roboto', Arial, sans-serif;}