/* * Core Owl Carousel CSS File * v1.3.3 */ .no-space-row { .row{ margin: 0; } } .no-space-row [class^="col-"], .no-space-row [class*="col-"] { padding: 0; } .bg-white{ background:#FFF; } /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -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 .owl-item{ float: left; .item { padding: 0 10px; } } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls .owl-buttons div { position: absolute; } .owl-controls .owl-buttons .owl-prev{ left: 10px; top: 50%; } .owl-controls .owl-buttons .owl-next{ right: 10px; top: 50%; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: none!important; } .owl-carousel-play { margin: 0 -15px; .owl-carousel { .row { > div { padding-left: 30px; padding-right: 30px; } } } } .owl-carousel { .product-wrapper, .post { padding: 0 15px; } } /* mouse grab icon */ .grabbing { } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } /* OpenCart Code */ .owl-carousel { margin: 0 0px; direction: ltr !important; overflow: hidden; } .owl-carousel .owl-buttons div { opacity: 0; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); transition: all .3s ease; } .owl-carousel:hover .owl-buttons div { opacity: 0.7; } .owl-carousel .owl-buttons div i { font-size: 40px; margin: -20px 0 0; } .owl-carousel .owl-buttons .owl-prev { left: -50px; } .owl-carousel .owl-buttons .owl-next { right: -50px; } .owl-carousel:hover .owl-buttons .owl-prev { left: 10px; } .owl-carousel:hover .owl-buttons .owl-next { right: 10px; } .owl-pagination { text-align: center; top: 0px; position: relative; } .owl-controls .owl-page { display: inline-block; margin: 0px 6px; } .owl-controls .owl-page span { display: block; width: 11px; height: 11px; background: rgba(0, 0, 0, 0.5); border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .owl-controls .owl-page.active span { background: rgba(0, 0, 0, 0.9); } /*Font Weight*/ .fweight-100 {font-weight: 100 !important;} .fweight-200 {font-weight: 200 !important;} .fweight-300 {font-weight: 300 !important;} .fweight-400 {font-weight: 400 !important;} .fweight-500 {font-weight: 500 !important;} .fweight-600 {font-weight: 600 !important;} .fweight-700 {font-weight: 700 !important;} .fweight-800 {font-weight: 800 !important;} .fweight-900 {font-weight: 900 !important;} .text-purple { color: #6c58bd !important; } .text-red { color: #c32322 !important; } .text-red-1{ color: #ff0000!important; } .text-orange { color: #f66000 !important; } .text-yellow { color: #e2d951 !important; } .text-black { color:#000!important; } .text-white, .text-light{ color:#FFFFFF!important; } .text-darker { color:#333!important; } .text-uppercase{ text-transform: uppercase; } /*Radius ------------------------------------*/ .radius-0 { border-radius: 0 !important; } .radius-x { border-radius: 50% !important; } .radius-1x { border-radius: 10px !important; } .radius-2x { border-radius: 20px !important; } .radius-3x { border-radius: 30px !important; } .radius-4x { border-radius: 40px !important; } .radius-5x { border-radius: 5px !important; } .radius-6x { border-radius: 3px !important; } .space-padding-lr-40p { padding-left: 40px !important; padding-right: 40px !important; } .spacing-margin-b-30p { margin-bottom: 30px !important; } /** * Menu */ ul.menu { padding:0; margin:0; li{ list-style: none; } } /** * Menu */ .newsletter { position: relative; .wpcf7-text { width: 100%; border-radius: 0; height: 42px; color: $light-gray; padding: 10px 67px 10px 20px; line-height: 22px; border: none; } .wpcf7-submit { height: 42px; padding: 10px 20px; line-height: 22px; color: $white; border: none; border-radius: 0; background-color: $black; position: absolute; top: 0; @include rtl-right(0); } } /** * Pagination */ .pagination { border-radius: 0; > li { a, span { text-transform: uppercase; font-size: 13px; margin: 0 15px; font-weight: 700; border: none; padding: 0; background: none !important; &:first-child { @include rtl-margin-left(0); } } span { color: $black; &.current { text-decoration: underline; } } } } .pbr-pagination { border-top: 1px solid $border-color; padding-top: 20px; margin-bottom: $grid-gutter-width; .pagination { margin: 0; } .result-count { font-size: 13px; text-transform: uppercase; color: $black; font-weight: 700; } } /** * Contact Form */ .wpcf7-form { .row { p { color: $black; margin-bottom: 15px; } } p { .wpcf7-form-control-wrap { display: block; margin-top: 15px; input[type="text"], input[type="email"] { height: 42px; border: 1px solid $border-color; padding: 10px 20px; line-height: 20px; width: 100%; } textarea { border: 1px solid $border-color; padding: 10px 20px; line-height: 20px; width: 100%; } } .btn { margin-top: 5px; input { border: none; background: none; padding: 0; text-transform: uppercase; } img.ajax-loader { display: none; } } } } /** * Search Form */ .pbr-search { position: relative; display: block; @include rtl-padding-right(50px); input.input-search { width: 65%; border: 1px solid $border-color; border-radius: 0; height: 42px; line-height: 20px; padding: 10px 20px; box-shadow: none !important; } .select-category-wrapper { position: relative; width: 35%; i { background: #f8f8f8; cursor: default; display: block; font-size: 14px; height: 40px; line-height: 40px; pointer-events: none; position: absolute; @include rtl-right(0); text-align: center; top: 1px; color: $black; width: 40px; } .postform { border-top: 1px solid $border-color; border-bottom: 1px solid $border-color; border-left: none; border-right: none; height: 42px; line-height: 20px; padding: 10px 20px; background: #f8f8f8; width: 100%; } } .input-group-addon { border-radius: 0; position: absolute; top: 0; @include rtl-right(0); width: 50px; height: 42px; line-height: 42px; padding: 0; } }