@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700'); @font-face { font-family: "poppins"; font-style: normal; font-weight: 700; src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),  url("../fonts/Poppins-Bold.woff") format("woff"),  url("../fonts/Poppins-Bold.ttf") format("truetype"),  url("../fonts/Poppins-Bold.svg#poppinsbold") format("svg"); } @font-face { font-family: "poppins"; font-style: normal; font-weight: 600; src: url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"),  url("../fonts/Poppins-SemiBold.woff") format("woff"),  url("../fonts/Poppins-SemiBold.ttf") format("truetype"),  url("../fonts/Poppins-SemiBold.svg#poppinssemibold") format("svg"); } @font-face { font-family: "poppins"; font-style: normal; font-weight: 500; src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"),  url("../fonts/Poppins-Medium.woff") format("woff"),  url("../fonts/Poppins-Medium.ttf") format("truetype"),  url("../fonts/Poppins-Medium.svg#poppinsmedium") format("svg"); } @font-face { font-family: "poppins"; font-style: normal; font-weight: 400; src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),  url("../fonts/Poppins-Regular.woff") format("woff"),  url("../fonts/Poppins-Regular.ttf") format("truetype"),  url("../fonts/Poppins-Regular.svg#poppinsregular") format("svg"); } @font-face { font-family: "poppins"; font-style: normal; font-weight: 300; src: url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"),  url("../fonts/Poppins-Light.woff") format("woff"),  url("../fonts/Poppins-Light.ttf") format("truetype"),  url("../fonts/Poppins-Light.svg#poppinslight") format("svg"); } * { text-rendering: optimizeLegibility !important; -webkit-text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ::-moz-placeholder { color: inherit !important; opacity: 1 !important } * { outline: none !important; outline-color: transparent !important; outline-width: 0px !important } html { font-size: 14px } body { font-family: "poppins"; font-size: 1em; line-height: 1.75em; font-weight: 400; color: #000 } html, body, #main { height: 100% } html { overflow-x: hidden } hr { border-top: 1px solid #eaeaea; margin: 2em 0 } .content-wrap { padding: 6em 0; position: relative } .wrapper { position: relative } .container-fluid { padding: 0 5em } @media screen and (min-width:1600px) { .container { width: 1366px } } a, a:hover, a:focus { color: inherit; text-decoration: none } .main-title { margin-bottom: 30px } .main-title .subtitle { color: #888; font-size: 1.525em } .main-title .subtitle, .main-title .title { line-height: 1; font-weight: 500; margin: 0 } .main-title .title { font-size: 1.875em } .title { color: #000 } h1, h2, h3, h4, h5 { margin: 0 0 15px; line-height: 1.4em } h1 { font-size: 2.525em } h2 { font-size: 2.25em } h3 { font-size: 1.875em } h4 { font-size: 1.525em } h5 { font-size: 1.25em } .btn { line-height: 38px; padding: 0 15px; border-radius: 0; background-color: #000; color: #fff; font-weight: 500; transition: all .3s ease } .btn:hover, .btn:focus, .btn:active:focus { box-shadow: none; color: #fff; background-color: #222 } .btn-knockout:hover, .btn-knockout:focus, .btn-knockout:active:focus { background-color: transparent; color: #000 } .btn-knockout { background-color: transparent; color: #000; text-align: left; border-radius: 0; letter-spacing: -.0175em; font-weight: 700; font-size: 1.875em; line-height: 1em; padding: 0 } .btn-knockout .outer { display: block; padding-left: 8px } .btn-knockout .inner { display: block; padding: 15px 80px 7px 8px; background-color: #000; color: #fff; transition: all .3s ease } .btn-knockout:hover .inner { color: #FFD900 } .btn-knockout .inner .icon { margin-left: 15px; font-size: .72em; display: inline-block; vertical-align: middle; margin-top: -2px } .form-group { position: relative; margin: 0 0 20px } .form-control { height: 38px; line-height: inherit; letter-spacing: inherit; font-size: inherit; color: inherit; padding: 0 15px; border-radius: 3px; box-shadow: none; border: 1px solid #eaeaea } .form-control:focus { border-color: #000; box-shadow: none } .input-rounded { border-radius: 50px; padding: 0 20px } .input-sm { height: 34px; padding: 0 12px; font-size: .86em } .input-sm.input-rounded { padding: 0 15px } textarea.form-control { max-width: 100%; min-width: 100%; min-height: 100px; padding: 12px 0 } .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden } .box-img { position: relative } .box-img:after { content: ""; display: block; padding-top: 100% } [class^="swiper-button-"] { background-image: none; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; width: auto; height: auto  } [class^="swiper-button-"]:before { content: ""; font-family: "themify"; font-size: 1.875em; line-height: 1em } .swiper-button-prev:before { content: "\e64a" } .swiper-button-next:before { content: "\e649" } .dropdown-menu { border-radius: 0; padding: 15px 20px; box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .2); border-color: rgba(0, 0, 0, .085) } .breadcrumb { margin: 0; padding: 0; list-style: none; border-radius: 0; background-color: transparent } .breadcrumb li { display: inline-block; vertical-align: middle } .breadcrumb li + li:before { color: #ddd; font-weight: normal } .breadcrumb li:last-child { font-weight: 500 } .breadcrumb li a { color: #888; transition: color .3s ease } .breadcrumb li a:hover { color: #000 } .ui-corner-all { border-radius: 0 !important; } .ui-slider-horizontal { height: 3px !important; } .ui-widget.ui-widget-content { border: none !important; background-color: #eaeaea; } .ui-slider .ui-slider-range { background-color: #000 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color: #000 !important; border: none !important; border-radius: 100% !important; outline: none; cursor: pointer } .ui-slider-horizontal .ui-slider-handle { top: -5px !important; } .ui-slider .ui-slider-handle { height: 1.1em !important; width: 1.1em !important; } .lg-backdrop { background-color: #000 } .lg-backdrop.in { opacity: .7 } .lg-sub-html, .lg-toolbar { background-color: transparent } .lg-icon { font-family: "themify" !important } .lg-toolbar .lg-icon { font-size: 1.525em !important; width: 40px } .lg-toolbar .lg-close:after { content: "\e646" } #lg-actual-size:after { content: "\e62f" } #lg-zoom-in:after { content: "\e611" } #lg-zoom-out:after{ content: "\e612" } .lg-actions .lg-next, .lg-actions .lg-prev { font-size: 2em; padding: 0; text-align: center; color: #fff; margin-top: 0; background-color: transparent; transform: translateY(-50%); -webkit-transform: translateY(-50%) } .lg-actions .lg-prev:after { content: "\e64a" } .lg-actions .lg-next:before { content: "\e649" } .lg-img-wrap { padding: 15px !important }