.dropdown-submenu > a:after {
content: "";
}
@media (min-width: 768px) {
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
border-top-left-radius: 0;
}
.dropup .dropdown-submenu .dropdown-menu,
.navbar-fixed-bottom .dropdown-submenu .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 0;
}
.dropdown-menu-right .dropdown-submenu .dropdown-menu,
.navbar-right .dropdown-submenu .dropdown-menu {
left: auto;
right: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 0;
}
.dropup .dropdown-menu-right .dropdown-submenu .dropdown-menu,
.dropup .navbar-right .dropdown-submenu .dropdown-menu,
.navbar-fixed-bottom .dropdown-menu-right .dropdown-submenu .dropdown-menu,
.navbar-fixed-bottom .navbar-right .dropdown-submenu .dropdown-menu {
border-radius: 4px 4px 0;
}
}
@media (max-width: 767px) {
.dropdown-submenu .dropdown-menu {
position: static;
margin-top: 0;
border: 0;
box-shadow: none;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
padding-left: 30px;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 40px;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 50px;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 60px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
padding-left: 35px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 45px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 55px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 65px;
}
}.bootstrap-datetimepicker-widget {
list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
display: block;
margin: 2px 0;
padding: 4px;
width: 19em;
}
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%;
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #eeeeee;
cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #337ab7;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
} .nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white; 
filter:alpha(opacity=0); 
opacity:0;
} .nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0 ;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
width: 100%;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}.prd-grid {
float: left;
position: relative;
margin-bottom: 120px;
width:100%;
}
body:not(.home) {
background-repeat: no-repeat;
}
body.custom-background {
background-color: #81d742;
background-size: 100% 322px;
}
.product-block-gallery .flex-viewport {
float: right;
width: 75%;
}
.woocommerce-product-gallery__image {
text-align: center;
}
.woocommerce-product-gallery__trigger {
position: absolute;
right: 17px;
top: 5px;
z-index: 999;
}
.product.custom-sale-style .row .onsale {
left: 12% !important;
}
.flex-control-nav.flex-control-thumbs img {
cursor: pointer;
}
.flex-control-nav.flex-control-thumbs {
float: left;
height: auto;
overflow: auto;
width: 20%;
padding: 0;
}
#container .woocommerce-breadcrumb {
background-color: transparent;
border-radius: 0;
color: #333;
display: inline-block;
margin: 0;
padding: 18px 0;
width: 100%;
border-bottom: 1px solid #ccc;
}
#container .woocommerce-breadcrumb a {
color: #333;
margin: 0 10px;
}
#container .woocommerce-breadcrumb a:first-child {
margin-left: 0;
}
.woocommerce-products-header {
color: #333;
text-align: center;
}
.woocommerce-products-header {
color: #292929;
font-family: "Muli",sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 44px;
margin: 50px 0 -50px;
}
.woocommerce-products-header h1{
font-size:44px;
color:#333;
margin-bottom: 0;
}
body.custom-background.single-product  {
background-color: #fff;
}
body.custom-background.archive.post-type-archive  {
background-color: #fff;
}
.flex-control-nav.flex-control-thumbs > li:first-child {
margin-top: 0;
}
.summary.entry-summary.col-md-6 {
margin-top: 0;
}
.product_title.entry-title {
font-size: 30px;
line-height: 36px;
}
body.single-product #pageContent {
padding-top: 100px;
}
.woocommerce-review-link {
text-decoration: underline;
}
.woocommerce-review-link:hover {
color:#000;
}
.woocommerce .star-rating span::before{
color:#f47629;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #000000;
font-size: 26px;
}
.woocommerce div.product .stock {
color: #000;
}
input.input-text.qty {
-moz-appearance: textfield;
border-color: #eeeeee;
border-width: 0 1px;
min-height: 46px;
}
.ui-spinner-button {
background-color: #f7f7f7;
display: block;
height: 70px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.ui-spinner-button.ui-spinner-up::before, .ui-spinner-button.ui-spinner-down::before {
color: #808080;
content: "+";
cursor: pointer;
display: block;
line-height: 70px;
text-align: center;
transition: color 0.3s ease 0s;
width: 30px;
font-size: 21px;
}
.ui-spinner {
display: block;
padding: 0 30px;
position: relative;
height: 72px;
}
.ui-spinner-button.ui-spinner-down::before {
content: "-";
font-size: 33px;
}
.ui-spinner-button.ui-spinner-down {
left: 0;
right: auto;
}
.input-text.qty.text.ui-spinner-input {
border: 1px solid #eee;
border-radius: 5px;
height: 70px;
margin: 1px 0;
width: 57px;
}
.quantity {
background: #f5f5f5 none repeat scroll 0 0;
margin-right: 25px !important;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
padding: 10px 20px;
}
.icon-shop-cart {
font-size: 18px;
vertical-align: text-bottom;
line-height: 22px !important;
font-weight: 700 !important;
}
.add_to_cart_button .icon-shop-cart {
padding-right: 14px;
}
.header-cart .icon-shop-cart{
margin-right: 0;
}
.woocommerce-product-details__short-description {
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
padding: 25px 0 5px;
margin-bottom: 30px;
}
.up_cart{
margin-top: 30px;
}
.woocommerce span.onsale{
padding: 0px;
}
.wc-tabs > li > a::after {
background: #005395 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 4px;
left: 0;
position: absolute;
transform: scale(0);
transition: all 0.2s ease 0s;
width: 100%;
}
.wc-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
transform: scale(1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0 solid #d3ced2;
bottom: -1px;
content: " ";
height: 5px;
position: absolute;
width: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color:transparent;
border: 0px solid #d3ced2;
border-radius: 4px 4px 0 0;
display: inline-block;
margin: 0 -5px;
padding: 0 1em;
position: relative;
z-index: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
bottom: 0;
height: 0px;
width: 0px;
}
.tabs.wc-tabs
{
padding:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 20px;
padding: 0;
}
.tabs.wc-tabs li.active a {
color: #005395 !important;
}
.tabs.wc-tabs li a {
font-size: 18px;
text-transform: uppercase;
}
.woocommerce-Tabs-panel.panel.entry-content.wc-tab {
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: 0 solid #e4e1e3;
border-radius: 4px;
margin: 0;
padding: 1em 0 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: 0 solid #e4e1e3;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
color: #000;
float: left;
font-size: 1.3em;
line-height: 13px;
margin-left:1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
float: left;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
float: left;
width: 100%;
}
.woocommerce p.stars a {
color: #005395 !important;
}
.star-5.active {
color: #81d742 !important;
}
#commentform #comment:hover, #commentform #comment:focus, #commentform #comment.focus {
border-color: #005395;
box-shadow: none;
outline: medium none;
}
.textarea-custom {
-moz-appearance: none;
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #2b2b2b;
font-size: 18px;
height: auto;
line-height: 24px;
margin-bottom: 4px;
min-height: 193px;
padding: 15px;
}
.textarea-custom:hover, .textarea-custom:focus, .textarea-custom.focus,.input-custom:hover, .input-custom:focus, .input-custom.focus{
border-color: #005395 !important;
box-shadow: none !important;
outline: medium none !important;
}
.input-custom {
-moz-appearance: none;
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb !important;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
color: #2b2b2b;
font-size: 18px;
height: 54px !important;
line-height: 24px;
margin-bottom: 4px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
color: #515151;
}
#commentform #submit {
max-width: unset;
background-color:#f47629;
color: #fff;
padding: 17px 30px;
line-height: 20px;
}
#commentform #submit:hover{
background-color:#fff;
color: #f47629;
border: 1px solid #f47629;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-bottom: 48px;
margin-top: 48px;
}
.woocommerce .products .prd-info .star-rating ,.woocommerce .product .prd-info .star-rating{
display: block;
float: none;
margin: 0 auto 20px;
}
.prd.product.type-product.status-publish {
text-align: center;
}
.woocommerce-loop-product__title {
margin-bottom: 15px !important;
}
.btn.btn-invert.product_type_simple.add_to_cart_button.ajax_add_to_cart {
margin-top: 20px;
}
.related.products .prd-grid:not(.prd-carousel){
margin:0;
}
.flex-direction-nav li::before {
content: "\e91f";
}
.flex-direction-nav li:last-child:before {
content: "\e920";
}
.flex-direction-nav li::before, .flex-direction-nav li::before {
-moz-osx-font-smoothing: grayscale;
color: #727272;
cursor: pointer;
font-family: "auto";
font-size: 23px;
line-height: 30px;
}
.flex-direction-nav li:first-child {
left: -50px;
}
.flex-direction-nav li{
background: transparent none repeat scroll 0 0;
border: medium none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 30px;
line-height: 0;
margin-top: -15px;
outline: medium none;
padding: 0;
position: absolute;
text-align: center;
top: 50%;
width: 30px;
z-index: 200;
}
.flex-direction-nav li:last-child {
right: -50px;
}
.archive .prd-grid {
margin-bottom: 70px !important;
}
span.show-result {
float: left;
line-height: 35px;
font-size: 16px;
}
.filters-row .simple-pagination > span {
float: left;
line-height: 35px;
font-size: 16px;
}
.filters-row .page-numbers {
background: transparent none repeat scroll 0 0;
color: #383838;
float: left;
padding: 0;
border: 0 none;
}
.filters-row ul.page-numbers {
float: left;
margin: 0 !important;
padding-left: 0;
font-size: 1.2em;
}
.woocommerce-pagination .page-numbers .page-numbers.current {
background: #252936 none repeat scroll 0 0 !important;  
}
.woocommerce-pagination .page-numbers span.page-numbers, 
.woocommerce-pagination .page-numbers a.page-numbers {
padding: 14px 20px !important;
border-radius: 5px;
font-size: 18px;
font-weight: 700;
}
.woocommerce-pagination .page-numbers > li {
border: 0px solid #d3ced2 !important;
margin: 10px !important;
}
.woocommerce-pagination ul.page-numbers {
border:0px !important;
}
.woocommerce-pagination .page-numbers {
border: 1px solid #d3ced2 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus{
background: #252936  none repeat scroll 0 0;
color: #8a7e88;
border:1px solid #252936  !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
background: #252936 ;
color: #fff;
font-size: 18px;
font-weight: 700;
}
.filters-row .page-numbers.current{
color:#252936 !important;
}
body:not(.home) #pageContent {
padding-top: 100px;
}
.woocommerce-breadcrumb > span {
margin-left: 10px;
}
.title-aside {
font-size: 30px;
}
.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {
margin: 0;
width: 100px;
height: auto;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #c7c7c7;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #005395;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #000;
}
.coupon-custom.col-md-6 > label {
text-align: left !important;
width: 100%;
}
.apply-coupon.btn.btn-invert {
float: left;
margin-top: 20px;
}
.woocommerce-Tabs-panel {
padding-left: 20px !important;
}
ol.commentlist {
padding-left: 0;
}
.header-right-bottom .header-cart {
margin-top: 40px;
cursor: pointer;
position: relative;
float: right;
display: inline-block;
vertical-align: top;
padding-left: 25px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.header-cart .badge {
pointer-events: none;
width: 19px;
height: 19px;
line-height: 15px;
font-size: 12px;
font-weight: 500;
position: absolute;
right: -9px;
top: 0px;
background-color: #f47629;
color: #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
border-radius: 50%;
}
.header-cart a.icon {
font-size: 32px;
color: #252936;
text-decoration: none;
}
.header-cart:hover a.icon, 
.header-cart.opened a.icon {
color: #f47629;
}
@media screen (max-width: 1024px) {
.header-cart {
margin-top: 26px;
}  
}
@media (max-width: 479px) {
header .header-cart-dropdown {
width: 270px;
padding: 15px 15px;
}
}
header .header-cart-dropdown .header-cart-total {
font-size: 24px;
line-height: 30px;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
overflow: hidden;
}
header.page-header .header-row {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
header .header-row{
overflow:visible;
}
.prd-sm {
display:block;
position: relative;
}
.prd-sm li {
list-style: none;
}
.prd-sm-img {
margin-right: 20px;
}
.prd-sm-item {
float: left;
margin-bottom: 10px;
position: relative;
width: 100% !important;
}
.header-cart-dropdown .prd-sm {
display: block;
position: relative;
}
.prd-sm-img {
float: left;
min-width: 100px;
width: 100px;
}
.prd-sm-info span {
color: #292929 !important;
font-weight: normal;
}
.prd-info {
padding: 0 15px;
text-align: center;
}
.woocommerce-message .btn.btn-invert.wc-forward ,
.woocommerce-error .btn.btn-invert.wc-forward{
float: right;
}
.woocommerce a.added_to_cart{
display:none;
}
.btn.btn-lg .icon {
font-size: 24px;
padding-right: 12px;
}
.btn.btn-invert.add_to_cart_button, 
.btn.btn-invert.product_type_simple {
min-width: 0;
margin-top: 20px;
height: 45px;
font-size: 16px !important;
line-height: 25px;
font-weight: 500;
padding: 9px 18px 10px;
border: 1px solid #f47629;
background-color: #f47629;
color: #fff;
}
.btn.btn-invert.btn-lg.product-block-add-to-cart{
line-height: 40px;
height: 70px;
font-size: 24px;
font-weight: 500;
padding: 13px 30px 17px;
border: 1px solid #f47629;
background-color: #f47629;
color: #fff;
}
.btn.btn-invert.btn-lg.product-block-add-to-cart:hover{
border: 1px solid #f47629;
background-color:#fff;
color: #333;
}
.btn.btn-invert.add_to_cart_button:hover, 
.btn.btn-invert.product_type_simple:hover {
border: 1px solid #f47629;
background-color:#fff;
color: #333;
}
.btn-lg.product-block-add-to-cart .icon-shop-cart {
padding-right: 14px;
font-size: 23px;
vertical-align: text-bottom;
line-height: 32px !important;
}
.woocommerce .btn span {
display: inline-block;
vertical-align: middle;
text-transform: capitalize;
}
.loader-cart-delete {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
height: 100%;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.loader-cart-delete > img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.select2-container .select2-selection--single {
height: 46px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 8px 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 5px;
}
.prd-info .btn [class*='icon-'] {
font-size: 18px;
padding-right: 14px;
vertical-align: text-bottom;
}
@media (max-width: 767px) {
.prd-grid:not(.prd-carousel) {
margin: -45px 0;
}
.input-text.qty.text.ui-spinner-input {
min-width: auto;
}
.quantity {
margin-right:0px !important;
}
.ui-spinner {
display: inline-block;
}
.woocommerce table.shop_table_responsive tr, 
.woocommerce-page table.shop_table_responsive tr {
display: block;
margin-bottom: 30px;
}
.woocommerce table.shop_table_responsive tr td.actions  {
text-align: center !important;
}
.apply-coupon.btn.btn-invert {
float: none;
margin-top: 20px;
}
}
.simple-pagination ul.page-numbers {
margin: 0;
padding: 0;
list-style: none;
}
.simple-pagination ul.page-numbers li {
display: inline-block;
margin-top: 10px;
padding: 0px 5px;
font-size: 16px;
}
input.input-text.qty {
-moz-appearance: textfield;
border-color: #eeeeee;
border-width: 0 1px;
min-height: 46px;
}
.input-text.qty.text.ui-spinner-input {
border: 1px solid #eee;
border-radius: 5px;
height: 70px;
margin: 1px 0;
width: 57px;
}
.coupon-custom.col-md-6 > label {
text-align: left !important;
width: 100%;
}
input#coupon_code {
width: 100%;
padding: 10px 15px;
}
.header-cart-dropdown .buttons .btn{
width: 100%;
display: block;
margin-bottom: 10px;
}
.header-right-bottom .btn,
.woocommerce button.btn,
.wc-proceed-to-checkout .btn{
background-color: #f47629;
border: 1px solid #f47629;
color: #fff;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding: 15px;
height: 54px;
}
.header-cart-dropdown .buttons .btn:hover,
.woocommerce button.btn:hover,
.wc-proceed-to-checkout .btn:hover{
border: 1px solid #f47629;
background-color : #fff;
color: #f47629;
}
.woocommerce-billing-fields .input-text, .woocommerce-shipping-fields .input-text {
padding: 10px;
}
.single-product .comment-form textarea {
padding: 12px 0;
overflow: hidden;
border: 1px solid #ccc;
padding: 10px 10px;
}
.prd-info h3 {
margin-top: 20px;
margin-bottom: 0;
font-size: 15px;
line-height: 22px;
text-transform: none;
color: #000;
}
.prd-info h3:hover {
text-decoration: none;
color: #f47629;
}
a:focus, a:hover {
text-decoration: none;
}
.woocommerce .star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 10px;
width: 5.4em;
font-family: star;
}
.price del {
font-size: 14px;
}
.woocommerce ul.product_list_widget li {
padding: 10px 0;
margin: 0;
list-style: none;
} .column-filters {
margin-bottom: 35px;
}
.column-filters-inside {
border: 3px solid #f5f5f5;
}
.column-filters .side-block {
padding: 20px;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
}
.column-filters .side-block:last-child {
border-bottom: 0;
}
.column-filters .side-block > h3 {
margin-bottom: 25px;
font-size: 30px;
line-height: 1em;
color: #252936;
}
.column-filters .category-list {
margin-top: 20px;
}
.column-center {
margin-bottom: 35px;
}
.woocommerce-page .column-center {
margin-bottom: 70px;
} .noUi-horizontal {
height: 6px;
}
.noUi-horizontal .noUi-handle {
width: 15px;
height: 15px;
left: -7.5px;
top: -5px;
border: 0;
border-radius: 0;
box-shadow: none;
background: #f47629;
border-radius: 50%;
cursor: pointer;
}
.noUi-target {
border-radius: 0;
border: 0;
box-shadow: none;
background-color: #c7c7c7;
margin-bottom: 24px;
}
.noUi-origin {
border-radius: 0;
box-shadow: none;
}
.noUi-connect {
background: #252936;
border: 0;
border-radius: 0;
height: 6px;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-handle:before,
.noUi-handle:after {
display: none;
border: 0;
border-radius: 0;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.range {
margin-top: 35px;
}
.range p {
color: #444444;
font-size: 15px;
line-height: 20px;
}
.prd-sm {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
}
.prd-sm:not(:last-child) {
margin-bottom: 20px;
}
.prd-sm-img {
min-width: 88px;
width: 88px;
}
.prd-sm-delete {
position: absolute;
top: 6px;
right: -4px;
cursor: pointer;
color: #444;
font-size: 18px;
}
.prd-sm-delete:hover {
opacity: .5;
}
.prd-sm-info {
padding: 0 0 0 10px;
}
.prd-sm-info h3 {
font-size: 15px !important;
line-height: 22px;
text-transform: none;
font-weight: normal;
color: #000;
}
.prd-sm-info h3 a {
text-decoration: none;
}
.prd-sm-info h3 a:hover {
text-decoration: none;
color: #f47629;
}
.prd-sm-info .price {
font-size: 20px;
margin-top: 15px;
}
.header-cart-dropdown .prd-sm-info {
padding-right: 30px;
}
.prd-grid:not(.prd-carousel) {
margin: -45px -15px 0;
width: calc(100% + 30px);
}
.prd-grid.prd-carousel {
margin: 15px 0 0;
}
.prd-grid.prd-carousel .slick-next:before {
content: "\e91a";
font-size: 47px;
}
.prd-grid.prd-carousel .slick-prev:before {
content: "\e91b";
font-size: 47px;
}
.prd-grid.prd-carousel .slick-dots {
bottom: -40px;
}
.prd-carousel .slick-next {
right: -70px;
}
.prd-carousel .slick-prev {
left: -70px;
}
.prd {
margin: 45px 15px 15px;
}
.prd-img img {
width: 100%;
}
.prd-info h3 a {
text-decoration: none;
}
.prd-info h3 a:hover {
text-decoration: none;
color: #f47629;
}
.prd-info .price {
font-size: 26px;
margin-top: 15px;
}
.prd-info .btn {
min-width: 0;
margin-top: 20px;
height: 45px;
font-size: 16px;
line-height: 25px;
font-weight: 500;
padding: 9px 18px 10px;
}
.prd-info .btn [class*='icon-'] {
font-size: 18px;
padding-right: 14px;
vertical-align: text-bottom;
}
.prd .rating + .price {
margin-top: 10px;
}
.rating i {
font-size: 10px;
padding: 0 1px;
color: #f47629;
}
.rating-4 i:nth-child(5) {
color: #c2c2c2;
}
.rating-3 i:nth-last-child(-n+2) {
color: #c2c2c2;
}
.rating-2 i:nth-last-child(-n+3) {
color: #c2c2c2;
}
.rating-1 i:nth-last-child(-n+4) {
color: #c2c2c2;
}
.rating-0 i {
color: #c2c2c2;
}
.rating-text {
display: inline-block;
vertical-align: baseline;
padding-left: 15px;
font-size: 14px;
}
h5 > .rating {
margin-right: 15px;
}
.prd-grid:not(.prd-carousel) .prd {
width: calc(33.333% - 30px);
float: left;
}
.single-product .prd-grid:not(.prd-carousel) .prd {
width: calc(25% - 30px);
float: left;
clear: none;
}
.related.products .prd-grid:not(.prd-carousel) .prd{    
margin:8px;
}
@media (min-width: 1199px){
.prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
clear: inherit;
}
.prd-grid:not(.prd-carousel) .prd:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 1199px) and (min-width: 480px) {
.prd-grid:not(.prd-carousel) .prd {
width: calc(50% - 30px);
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n) {
margin-right: 0;
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n+1) {
clear: left;
}
}
.product-card img {
width: 100%;
}
.filters-row {
display: inline-block;
width: 100%;
padding: 25px 0 10px;
border-top: 1px solid #e8e8e8;
}
.filters-row-left {
float: left;
}
.filters-row-right {
float: right;
text-align: right;
}
.filters-row .form-inline {
display: inline-block;
}
.filters-row .form-inline:not(:first-child) {
margin-left: 3vw;
}
.filters-row .form-inline select {
background-color: #f0f0f0;
height: 35px;
border-radius: 5px;
border: 0;
padding: 0 0px 0 10px;
outline: none !important;
color: #7c7c7c;
width: 140px;
font-size:13px;
}
.filters-row .form-inline .select-wrapper:before {
right: 1px;
top: 0;
bottom: 0;
width: 35px;
height: 35px;
line-height: 35px;
background-color: #f0f0f0;
border-radius: 5px;
}
.simple-pagination {
display: inline-block;
color: #444;
}
.simple-pagination span,
.simple-pagination a {
display: inline-block;
vertical-align: top;
color: #444;
padding: 2px 5px;
text-decoration: none;
}
.simple-pagination a.active {
color: #252936;
}
.product-block .rating i {
font-size: 12px;
}
.product-block-info > *:not(:first-child):not(span) {
margin-top: 21px;
}
.product-previews {
float: left;
width: 106px;
}
@media (max-width: 480px) {
.product-previews {
width: 80px;
}
}
.product-previews img {
width: 100%;
}
.product-previews-item {
display: block;
margin-bottom: 11px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.product-previews-item:hover {
opacity: .7;
}
.product-block-gallery {
margin-bottom: 30px;
overflow: hidden;
}
.product-block-mainimage {
float: right;
width: calc(100% - 127px);
}
@media (max-width: 480px) {
.product-block-mainimage {
width: calc(100% - 100px);
}
}
.product-block-mainimage img {
width: 100%;
}
.product-block-title {
font-size: 30px;
line-height: 36px;
}
.product-block-price {
font-size: 26px;
line-height: 36px;
}
.product-block-price-comment {
font-size: 14px;
margin-top: 0 !important;
}
.btn.product-block-add-to-cart {
line-height: 40px;
height: 70px;
font-size: 24px;
font-weight: 500;
}
@media (max-width: 480px) {
.btn.product-block-add-to-cart {
width: 100%;
}
}
.product-block-description {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding: 12px 0px 25px;
}
.product-block-actions {
margin-top: 40px !important;
}
.qty-count {
height: 70px;
background-color: #f5f5f5;
display: inline-block;
border-radius: 5px;
margin-right: 25px;
}
.count-add,
.count-input,
.count-reduce {
float: left;
margin-right: -1px;
position: relative;
z-index: 0;
}
.count-add,
.count-reduce {
height: 70px;
width: 30px;
text-align: center;
line-height: 70px;
color: #565656;
font-size: 20px;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.count-add:hover,
.count-reduce:hover {
color: #000;
cursor: pointer;
}
.count-input {
width: 57px;
height: 70px;
line-height: 15px;
border: 1px solid #eee;
border-radius: 5px;
text-align: center;
}
.zoomWrapper {
position: relative;
}
.zoomContainer {
z-index: 100;
}
.zoomLens {
border: 1px solid #b0b0b0 !important;
}
.zoomWindowContainer > * {
border: 2px solid #b0b0b0 !important;
}
@media (max-width: 1199px) {
.header-right-bottom .header-cart {
padding-left: 5px;
}
}
@media (max-width: 991px) {
.header-right-bottom .header-cart {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
header .header-cart.opened .header-cart-dropdown {
right: 15px;
top: 33px;
}
}
.header-cart:hover a.icon,
.header-cart.opened a.icon {
color: #f47629;
}
.header-cart:hover .badge,
.header-cart.opened .badge {
background-color: #000;
}
.header-cart-dropdown {
position: absolute;
z-index: 100;
right: -20px;
top: -5000px;
width: 350px;
padding: 35px 32px 25px;
background: #fff;
display: block;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
transform: translateX(20px);
text-align: left;
}
@media (max-width: 479px) {
.header-cart-dropdown {
width: 270px;
padding: 15px 15px;
}
}
.header-cart-dropdown .header-cart-total {
font-size: 24px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
overflow: hidden;
}
.header-cart.opened .header-cart-dropdown {
transform: translateX(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
}
.quantity {
height: 70px;
background-color: #f5f5f5;
display: inline-block;
border-radius: 5px;
margin-right: 25px;
}
.count-add, .count-reduce {
height: 70px;
width: 30px;
text-align: center;
line-height: 70px;
color: #565656;
font-size: 20px;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
.count-add, .count-input, .count-reduce {
float: left;
margin-right: -1px;
position: relative;
z-index: 0;
}
ol.flex-control-nav.flex-control-thumbs li {
margin: 5px 0px;
}
.related.products {
float: left;
margin-bottom: 120px;
margin-top: 100px;
width: 100%;
} .column-filters .side-block {
padding: 20px;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
}
.column-filters .side-block > h3 {
margin-bottom: 25px;
font-size: 30px;
line-height: 1em;
color: #252936;
}
.woocommerce .product-categories{
margin: 0 0 5px;
padding: 0;
list-style: none;
}
.woocommerce .product-categories > li {
position: relative;
font-size: 16px;
line-height: 20px;
}
.woocommerce .product-categories > li:after {
color: #f47629;
}
.woocommerce .product-categories > li:after {
position: absolute;
top: 9px;
left: 20px;
display: block;
font-family: 'Electrician';
content: "\e91d";
font-size: 8px;
}
.woocommerce .product-categories > li a {
display: block;
padding: 8px 0 8px 36px;
color: #252936;
font-weight: 500;
}
.woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.woocommerce .woocommerce-product-rating .star-rating{
margin: 1.1em 4px 0 0;
}
.woocommerce-review-link {
font-size: 14px;
text-decoration: none;
}
.woocommerce-review-link:hover {
text-decoration: underline;
}
.comment-form .input-custom {
padding: 15px;
}
@media (max-width: 479px) {
.prd-grid {
margin-right: 0;
margin-left: 0;
}
.prd-grid:not(.prd-carousel) .prd {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.woocommerce div.product form.cart div.quantity {
margin-bottom: 30px;
}
.single-product .prd-grid:not(.prd-carousel) .prd {
width: 100%;
float: none;
clear: none;
margin:0px !important;
}
} .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
width: 300px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 100px;
}
.prd-sm-img img {
max-width: 100%;
height: auto;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
max-width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: 100%;
}
span.woocommerce-input-wrapper {
display: block;
width: 100%;
}
.woocommerce-account .entry-content > .woocommerce,
.woocommerce-cart .entry-content > .woocommerce,
.woocommerce-checkout .entry-content > .woocommerce {
margin-top: 120px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border: 1px solid #e3e3e3;
height: 45px;
width: 100%;
padding: 10px 20px;
transition: .5s;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
height: 150px;
}
.select2-container--default .select2-selection--single {
border: 1px solid #e3e3e3;
height: 50px;
border-radius: 0%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 35px;
padding-left: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 11px;
right: 10px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
padding: 15px 25px;
background-color: #f47629;
color: #fff;
border: 1px solid transparent;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: #fff;
color: #f47629;
border-color: #f47629;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #f47629;
color: #fff;
border: 1px solid transparent;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #fff;
color: #f47629;
border-color: #f47629;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1000045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
}
.mfp-zoom {
cursor: pointer;
}
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1000044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1000046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }@font-face {
font-family: 'Electrician';
src:  url(//sjoelectric.com/wp-content/themes/electrician/css/iconfont/fonts-2/Electrician.eot?5oawey);
src:  url(//sjoelectric.com/wp-content/themes/electrician/css/iconfont/fonts-2/Electrician.eot?5oawey#iefix) format('embedded-opentype'),
url(//sjoelectric.com/wp-content/themes/electrician/css/iconfont/fonts-2/Electrician.ttf?5oawey) format('truetype'),
url(//sjoelectric.com/wp-content/themes/electrician/css/iconfont/fonts-2/Electrician.woff?5oawey) format('woff'),
url(//sjoelectric.com/wp-content/themes/electrician/css/iconfont/fonts-2/Electrician.svg?5oawey#Electrician) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'electrician' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-linkedin:before {
content: "\eac9";
}
.icon-linkedin2:before {
content: "\eaca";
}
.icon-lightning:before {
content: "\e900";
}
.icon-linkedin-logo-button:before {
content: "\e901";
}
.icon-map-marker:before {
content: "\e902";
}
.icon-people:before {
content: "\e903";
}
.icon-plug-1:before {
content: "\e904";
}
.icon-price-tag:before {
content: "\e905";
}
.icon-printer:before {
content: "\e906";
}
.icon-right-quote-sign:before {
content: "\e907";
}
.icon-rubbish-bin-delete-button:before {
content: "\e908";
}
.icon-screwdriver-and-wrench-crossed:before {
content: "\e909";
}
.icon-security-camera:before {
content: "\e90a";
}
.icon-shopping-basket-button:before {
content: "\e90b";
}
.icon-star-black-fivepointed-shape:before {
content: "\e90c";
}
.icon-technology:before {
content: "\e90d";
}
.icon-technology1:before {
content: "\e90e";
}
.icon-telephone:before {
content: "\e90f";
}
.icon-tool:before {
content: "\e910";
}
.icon-tool2:before {
content: "\e911";
}
.icon-transport:before {
content: "\e912";
}
.icon-tumblr-logo-button:before {
content: "\e913";
}
.icon-twitter-logo-button:before {
content: "\e914";
}
.icon-hours:before {
content: "\e915";
}
.icon-482948:before {
content: "\e916";
}
.icon-545705:before {
content: "\e917";
}
.icon-621023:before {
content: "\e918";
}
.icon-747993:before {
content: "\e919";
}
.icon-808584:before {
content: "\e91a";
}
.icon-860796:before {
content: "\e91b";
}
.icon-867257:before {
content: "\e91c";
}
.icon-1384031:before {
content: "\e91d";
}
.icon-1716894:before {
content: "\e91e";
}
.icon-1895474:before {
content: "\e91f";
}
.icon-air-conditioner:before {
content: "\e920";
}
.icon-arrowhead-pointing-to-the-right-1:before {
content: "\e921";
}
.icon-check:before {
content: "\e922";
}
.icon-circle:before {
content: "\e923";
}
.icon-clock-circular-outline-1:before {
content: "\e924";
}
.icon-computer:before {
content: "\e925";
}
.icon-facebook-logo-button:before {
content: "\e926";
}
.icon-favorite:before {
content: "\e927";
}
.icon-google-plus-logo-button:before {
content: "\e928";
}
.icon-instagram-logo:before {
content: "\e929";
}
.icon-interface:before {
content: "\e92a";
}
.icon-left-quote:before {
content: "\e92b";
}
.icon-light:before {
content: "\e92c";
}
.icon-arrow_left:before {
content: "\e92d";
}
.icon-arrow_right:before {
content: "\e92e";
}
.icon-search:before {
content: "\e92f";
}
.icon-icon-filter:before {
content: "\e930";
}
.icon-2919521:before {
content: "\e931";
}
.icon-icon-search02:before {
content: "\e932";
}
.icon-eye:before {
content: "\e9ce";
}@font-face {
font-family: "Poppins";
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Poppins-SemiBold.eot);
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Poppins-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Poppins-Semibold.woff2) format('woff2'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Poppins-Semibold.woff) format('woff'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Poppins-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
} @font-face {
font-family: "Roboto";
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Thin.eot);
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Thin.eot?#iefix) format('embedded-opentype'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Thin.woff2) format('woff2'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Thin.woff) format('woff'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Thin.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Regular.eot);
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Regular.woff2) format('woff2'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Regular.woff) format('woff'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Medium.eot);
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Medium.eot?#iefix) format('embedded-opentype'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Medium.woff2) format('woff2'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Medium.woff) format('woff'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Bold.eot);
src: url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Bold.woff2) format('woff2'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Bold.woff) format('woff'),
url(//sjoelectric.com/wp-content/themes/electrician/css/fonts/Roboto-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
}
p {
margin-top: 0;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
overflow: auto;
-ms-overflow-style: scrollbar;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 546px;
}
}
@media (min-width: 767px) {
.container {
max-width: 737px;
}
}
@media (min-width: 1025px) {
.container {
max-width: 990px;
}
}
@media (min-width: 1230px) {
.container {
max-width: 1200px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 767px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1025px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1230px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
.input-group-sm>.input-group-append>.form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
.input-group-lg>.input-group-append>.form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0;
}
select.form-control-sm:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0;
}
select.form-control-lg:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]) {
height: calc(2.875rem + 2px);
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row>.col,
.form-row>[class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input:disabled~.form-check-label {
color: #6c757d;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, 0.8);
border-radius: .2rem;
}
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
border-color: #28a745;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #28a745;
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
display: block;
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
color: #28a745;
}
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
color: #28a745;
}
.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
background-color: #71dd8a;
}
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip,
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
border-color: #28a745;
}
.was-validated .custom-file-input:valid~.custom-file-label::before,
.custom-file-input.is-valid~.custom-file-label::before {
border-color: inherit;
}
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip,
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip {
display: block;
}
.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, 0.8);
border-radius: .2rem;
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
border-color: #dc3545;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #dc3545;
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
color: #dc3545;
}
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
color: #dc3545;
}
.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
background-color: #efa2a9;
}
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip,
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
border-color: #dc3545;
}
.was-validated .custom-file-input:invalid~.custom-file-label::before,
.custom-file-input.is-invalid~.custom-file-label::before {
border-color: inherit;
}
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip,
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip {
display: block;
}
.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group {
width: auto;
}
.form-inline .form-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn:hover,
.btn:focus {
text-decoration: none;
}
.btn:focus,
.btn.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.btn-primary:focus,
.btn-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}
.btn-secondary:focus,
.btn-secondary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.btn-success:focus,
.btn-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.btn-danger:focus,
.btn-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #007bff;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745;
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #28a745;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8;
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent;
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.btn-link:focus,
.btn-link.focus {
text-decoration: underline;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
color: #6c757d;
}
.btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0;
}
.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group>.form-control,
.input-group>.custom-select,
.input-group>.custom-file {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file:focus {
z-index: 3;
}
.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
margin-left: -1px;
}
.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group>.custom-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label::before {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2;
}
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
margin-left: -1px;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append {
margin-left: -1px;
}
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0;
}
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 25;
display: none;
overflow: hidden;
outline: 0;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
pointer-events: none;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (10px * 2));
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: transparent;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 24;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.modal-header .close {
padding: 0;
margin: 0 0 0 auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px;
}
.modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 15px;
border-top: 1px solid #e9ecef;
}
.modal-footer> :not(:first-child) {
margin-left: .25rem;
}
.modal-footer> :not(:last-child) {
margin-right: .25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 30px auto;
}
.modal-dialog-centered {
min-height: calc(100% - (30px * 2));
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 1025px) {
.modal-lg {
max-width: 800px;
}
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #007bff !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 0 !important;
}
.rounded-top {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-right {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rounded-bottom {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-left {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 767px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1025px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1230px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 767px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1025px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1230px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 767px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 1025px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1230px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 23;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 23;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 22;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 767px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 1025px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1230px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 767px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 1025px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1230px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover,
a.text-primary:focus {
color: #0062cc !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
color: #545b62 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover,
a.text-success:focus {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
color: #1d2124 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 1025px !important;
}
.container {
min-width: 1025px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}  .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}  .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none;
} .datepicker--cells {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.datepicker--cell {
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
height: 32px;
z-index: 1;
}
.datepicker--cell.-focus- {
background: #f0f0f0;
}
.datepicker--cell.-current- {
color: #4EB5E6;
}
.datepicker--cell.-current-.-focus- {
color: #4a4a4a;
}
.datepicker--cell.-current-.-in-range- {
color: #4EB5E6;
}
.datepicker--cell.-in-range- {
background: rgba(92, 196, 239, 0.1);
color: #4a4a4a;
border-radius: 0;
}
.datepicker--cell.-in-range-.-focus- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell.-disabled- {
cursor: default;
color: #aeaeae;
}
.datepicker--cell.-disabled-.-focus- {
color: #aeaeae;
}
.datepicker--cell.-disabled-.-in-range- {
color: #a1a1a1;
}
.datepicker--cell.-disabled-.-current-.-focus- {
color: #aeaeae;
}
.datepicker--cell.-range-from- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 4px 0 0 4px;
}
.datepicker--cell.-range-to- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 0 4px 4px 0;
}
.datepicker--cell.-range-from-.-range-to- {
border-radius: 4px;
}
.datepicker--cell.-selected- {
color: #fff;
border: none;
background: #5cc4ef;
}
.datepicker--cell.-selected-.-current- {
color: #fff;
background: #5cc4ef;
}
.datepicker--cell.-selected-.-focus- {
background: #45bced;
}
.datepicker--cell:empty {
cursor: default;
}
.datepicker--days-names {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 8px 0 3px;
}
.datepicker--day-name {
color: #FF9A19;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
text-align: center;
text-transform: uppercase;
font-size: .8em;
}
.datepicker--cell-day {
width: 14.28571%;
}
.datepicker--cells-months {
height: 170px;
}
.datepicker--cell-month {
width: 33.33%;
height: 25%;
}
.datepicker--years {
height: 170px;
}
.datepicker--cells-years {
height: 170px;
}
.datepicker--cell-year {
width: 25%;
height: 33.33%;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none;
} .datepickers-container {
position: absolute;
left: 0;
top: 0;
}
@media print {
.datepickers-container {
display: none;
}
}
.datepicker {
background: #fff;
border: 1px solid #dbdbdb;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
width: 250px;
position: absolute;
left: -100000px;
opacity: 0;
transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
-webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
z-index: 100;
}
.datepicker.-from-top- {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.datepicker.-from-right- {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
.datepicker.-from-bottom- {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.datepicker.-from-left- {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
.datepicker.active {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
-webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}
.datepicker-inline .datepicker {
border-color: #d7d7d7;
-webkit-box-shadow: none;
box-shadow: none;
position: static;
left: auto;
right: auto;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.datepicker-inline .datepicker--pointer {
display: none;
}
.datepicker--content {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 4px;
}
.-only-timepicker- .datepicker--content {
display: none;
}
.datepicker--pointer {
position: absolute;
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
width: 10px;
height: 10px;
z-index: -1;
}
.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
left: 10px;
}
.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
right: 10px;
}
.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
left: calc(50% - 10px / 2);
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
top: 10px;
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
bottom: 10px;
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
top: calc(50% - 10px / 2);
}
.datepicker--body {
display: none;
}
.datepicker--body.active {
display: block;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none;
} .datepicker--nav {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #efefef;
min-height: 32px;
padding: 4px;
}
.-only-timepicker- .datepicker--nav {
display: none;
}
.datepicker--nav-title,
.datepicker--nav-action {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
cursor: pointer;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.datepicker--nav-action {
width: 32px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker--nav-action:hover {
background: #f0f0f0;
}
.datepicker--nav-action.-disabled- {
visibility: hidden;
}
.datepicker--nav-action svg {
width: 32px;
height: 32px;
}
.datepicker--nav-action path {
fill: none;
stroke: #9c9c9c;
stroke-width: 2px;
}
.datepicker--nav-title {
border-radius: 4px;
padding: 0 8px;
}
.datepicker--nav-title i {
font-style: normal;
color: #9c9c9c;
margin-left: 5px;
}
.datepicker--nav-title:hover {
background: #f0f0f0;
}
.datepicker--nav-title.-disabled- {
cursor: default;
background: none;
}
.datepicker--buttons {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
padding: 4px;
border-top: 1px solid #efefef;
}
.datepicker--button {
color: #4EB5E6;
cursor: pointer;
border-radius: 4px;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 32px;
}
.datepicker--button:hover {
color: #4a4a4a;
background: #f0f0f0;
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none;
} .datepicker--time {
border-top: 1px solid #efefef;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 4px;
position: relative;
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
-ms-flex: 0 1 138px;
-webkit-box-flex: 0;
flex: 0 1 138px;
max-width: 138px;
}
.-only-timepicker- .datepicker--time {
border-top: none;
}
.datepicker--time-sliders {
-ms-flex: 0 1 153px;
-webkit-box-flex: 0;
flex: 0 1 153px;
margin-right: 10px;
max-width: 153px;
}
.datepicker--time-label {
display: none;
font-size: 12px;
}
.datepicker--time-current {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
margin: 0 0 0 10px;
}
.datepicker--time-current-colon {
margin: 0 2px 3px;
line-height: 1;
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
position: relative;
z-index: 1;
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
content: '';
background: #f0f0f0;
border-radius: 4px;
position: absolute;
left: -2px;
top: -3px;
right: -2px;
bottom: -2px;
z-index: -1;
opacity: 0;
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
opacity: 1;
}
.datepicker--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px;
}
.datepicker--time-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
font-size: 11px;
height: 17px;
background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}
.datepicker--time-row:first-child {
margin-bottom: 4px;
}
.datepicker--time-row input[type='range'] {
background: none;
cursor: pointer;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
height: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
}
.datepicker--time-row input[type='range']::-ms-tooltip {
display: none;
}
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:hover::-ms-thumb {
border-color: #b8b8b8;
}
.datepicker--time-row input[type='range']:focus {
outline: none;
}
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']:focus::-ms-thumb {
background: #5cc4ef;
border-color: #5cc4ef;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-webkit-transition: background .2s;
transition: background .2s;
}
.datepicker--time-row input[type='range']::-moz-range-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-moz-transition: background .2s;
transition: background .2s;
}
.datepicker--time-row input[type='range']::-ms-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
-ms-transition: background .2s;
transition: background .2s;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
margin-top: -6px;
}
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.datepicker--time-row input[type='range']::-moz-range-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.datepicker--time-row input[type='range']::-ms-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-lower {
background: transparent;
}
.datepicker--time-row input[type='range']::-ms-fill-upper {
background: transparent;
}
.datepicker--time-row span {
padding: 0 12px;
}
.datepicker--time-icon {
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
font-size: 16px;
position: relative;
margin: 0 5px -1px 0;
width: 1em;
height: 1em;
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
content: '';
background: currentColor;
position: absolute;
}
.datepicker--time-icon:after {
height: .4em;
width: 1px;
left: calc(50% - 1px);
top: calc(50% + 1px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.datepicker--time-icon:before {
width: .4em;
height: 1px;
top: calc(50% + 1px);
left: calc(50% - 1px);
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
color: #c5c5c5;
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
color: #dedede;
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6;
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
background: #8ad5f4;
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc;
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2);
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
background: none;
border: none;
}  .ps-container {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-container {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ps-container {
overflow: auto !important;
}
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-container.ps-in-scrolling {
pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background-color: #999;
}
.ps-container>.ps-scrollbar-x-rail {
display: none;
position: absolute; border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 3px; height: 8px;
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
position: absolute; background-color: #aaa;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
bottom: 0; height: 8px;
}
.ps-container>.ps-scrollbar-y-rail {
display: none;
position: absolute;
z-index: 21; border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 3px; width: 8px;
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
position: absolute; background-color: #aaa;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
right: 0; width: 5px;
}
.ps-container:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background-color: #999;
}
.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
opacity: 0.6;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
background-color: #999;
}          body {
font-family: "Roboto", sans-serif;
color: #7b7b7b;
background: #ffffff;
margin: 0;
overflow-x: hidden;
}
@media (min-width: 1025px) {
body {
font-size: 16px;
line-height: 27px;
}
}
@media (max-width: 1024px) {
body {
font-size: 15px;
line-height: 24px;
}
}
a {
text-decoration: none;
outline: none;
color: #f47629;
}
a:hover {
outline: none;
text-decoration: none;
outline: none;
}
a:active,
a:visited,
a:focus {
text-decoration: none;
outline: none;
}
input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
img {
max-width: 100%;
height: auto;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
p {
margin: 28px 0 0 0px;
}
@media (max-width: 575px) {
p {
margin: 16px 0 0 0px;
}
}
address {
margin: 0;
}
audio {
width: 100%;
display: block;
}
input::-ms-clear {
display: none;
}
.divider {
height: 50px;
clear: both;
overflow: hidden;
width: 100%;
}
@media (max-width: 1024px) {
.divider {
height: 40px;
}
}
@media (max-width: 575px) {
.divider {
height: 40px;
}
}
.no-gutters.container-fluid {
padding-left: 0;
padding-right: 0;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
padding-right: 0;
padding-left: 0;
} .tt-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 17px;
padding: 10px 23px 10px;
height: 48px;
color: #ffffff;
cursor: pointer;
position: relative;
font-family: "Poppins", sans-serif;
text-align: center;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: 1px solid transparent;
border-radius: 4px;
font-weight: 600;
-webkit-transition: color .2s, background-color .2s, border-color .2s;
transition: color .2s, background-color .2s, border-color .2s;
white-space: nowrap;
}
.tt-btn.btn__color01 {
background-color: #f47629;
color: #ffffff;
}
.tt-btn.btn__color02 {
background-color: #303442;
color: #ffffff;
}
.tt-btn.btn__color02 [class^="icon-"] {
color: #f47629;
}
.tt-btn [class^="icon-"] {
margin-right: 6px;
display: inline-block;
color: #ffffff;
-webkit-transition: color .2s;
transition: color .2s;
font-size: 14px;
}
@media (min-width: 1025px) {
.tt-btn.tt-btn__wide {
padding-left: 30px;
padding-right: 30px;
}
}
.tt-btn:hover {
border-color: #f47629;
background-color: #ffffff;
color: #f47629;
}
.tt-btn:hover [class^="icon-"] {
color: #f47629;
}
@media (max-width: 1024.98px) {
.tt-btn {
font-size: 12px;
padding: 9px 16px 10px;
height: 40px;
}
.tt-btn [class^="icon-"] {
font-size: 12px;
margin-right: 4px;
}
}
.tt-btn:active,
.tt-btn:visited,
.tt-btn:focus,
.tt-btn:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
button:focus {
outline: none;
}
.tt-base-color {
color: #f47629;
}
.tt-base-dark {
color: #303442;
}
.tt-row-btn {
position: relative;
margin-top: -20px;
margin-left: -20px;
}
.tt-row-btn>* {
margin-top: 20px;
margin-left: 20px;
}
@media (max-width: 1024.98px) {
.tt-row-btn {
margin-left: -9px;
}
.tt-row-btn>* {
margin-top: 20px;
margin-left: 9px;
}
}
@media (max-width: 766.98px) {
.tt-row-btn {
margin-left: -9px;
}
.tt-row-btn>* {
margin-top: 15px;
margin-left: 9px;
}
}
.tt-btn-top {
margin-top: 40px;
}
.tt-link {
font-family: "Poppins", sans-serif;
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
font-weight: 600;
font-size: 14px;
line-height: 14px;
}
.tt-link [class^="icon-"] {
display: inline-block;
color: #f47629;
margin-left: 11px;
font-size: 8px;
line-height: 8px;
position: relative;
top: -1px;
}
.tt-link:hover {
color: #f47629;
}
@media (max-width: 1024.98px) {
.tt-link {
font-size: 12px;
}
.tt-link [class^="icon-"] {
margin-left: 10px;
font-size: 7px;
}
}
.tt-link-simple {
color: #7b7b7b;
-webkit-transition: color .2s;
transition: color .2s;
}
.tt-link-simple:hover {
color: #f47629;
} .section-title {
text-align: center;
padding-bottom: 22px;
position: relative;
top: 0px;
padding-left: 15px;
padding-right: 15px;
}
.section-title.section-title_indent-01 {
padding-bottom: 25px;
margin-top: -7px;
}
.section-title.section-title_indent-02 {
padding-bottom: 32px;
}
.section-title .section-title__01 {
font-size: 16px;
line-height: 26px;
color: #f47629;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.section-title .section-title__01 a {
display: inline-block;
position: relative;
color: #f47629;
}
.section-title .section-title__01 a:before {
content: '';
display: block;
position: absolute;
bottom: 2px;
width: 0%;
height: 2px;
margin: auto;
left: 0;
right: 0;
background-color: #f47629;
-webkit-transition: width .2s linear;
transition: width .2s linear;
}
.section-title .section-title__01 a:hover:before {
width: 100%;
}
.section-title .section-title__02 {
font-size: 36px;
line-height: 46px;
color: #303442;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-left: auto;
margin-right: auto;
margin-top: 7px;
margin-bottom: 0;
}
.section-title .section-title__03 {
font-size: 16px;
line-height: 27px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 22px;
padding-bottom: 9px;
}
.section-title.max-width-01 .section-title__02 {
max-width: 600px;
}
.section-title+* {
margin-top: 0;
}
.section-title .bg-marker01 {
position: absolute;
bottom: 25px;
left: -105px;
pointer-events: none;
opacity: 0.08;
}
.section-title.text-left {
padding-left: 0;
}
.section-title.text-left .section-title__03 {
margin-left: 0;
margin-right: 0;
max-width: inherit;
}
.section-title.text-right {
padding-right: 0;
}
@media (max-width: 1024.98px) {
.section-title {
padding-bottom: 18px;
}
.section-title .section-title__01 {
font-size: 12px;
}
.section-title .section-title__02 {
font-size: 24px;
line-height: 30px;
margin-top: 0px;
}
.section-title .section-title__03 {
font-size: 15px;
line-height: 24px;
margin-top: 13px;
padding-bottom: 4px;
max-width: 470px;
}
}
@media (max-width: 1024.98px) {
.section-title .bg-marker01 {
width: 65px;
height: 65px;
left: 13px;
}
.section-title.section-title_indent-01 {
padding-bottom: 14px;
margin-top: -7px;
}
}
@media (max-width: 766.98px) {
.section-title br {
display: none;
}
}
.tt-layout-title {
font-size: 24px;
line-height: 34px;
color: #303442;
font-family: "Poppins", sans-serif;
padding: 0 0 15px 0;
margin-bottom: 0;
}
.tt-layout-title+* {
margin-top: 0;
}
.tt-layout-title__top {
margin-top: 32px;
} .tt-list-top {
margin-top: 25px;
}
@media (max-width: 1229.98px) {
.tt-list-top {
margin-top: 12px;
}
}
.tt-list01 li {
color: #303442;
padding: 0 0 0 27px;
position: relative;
}
.tt-list01 li:before {
content: "\e922";
font-family: "Electrician";
color: #f47629;
position: absolute;
top: 6px;
left: 0;
font-size: 13px;
line-height: 1;
}
.tt-list01 li a {
color: #303442;
}
.tt-list01 li a:hover {
color: #f47629;
}
.tt-list01 li:not(:first-child) {
margin-top: 5px;
}
@media (max-width: 1229.98px) {
.tt-list01 li {
padding: 0 0 0 20px;
}
.tt-list01 li:before {
font-size: 9px;
top: 7px;
}
}
.tt-list02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -10px;
margin-top: -2px;
}
.tt-list02 li {
margin-left: 10px;
margin-top: 10px;
}
.tt-list02 li a {
background-color: #f3f3f4;
border-radius: 3px;
color: #303442;
display: inline-block;
padding: 5px 8px;
-webkit-transition: color .2s, background-color .2s;
transition: color .2s, background-color .2s;
border: none;
margin-bottom: 0;
font-size: 16px !important;
line-height: 27px;
}
.tt-list02 li a:hover {
background-color: #f47629;
color: #ffffff;
}
@media (max-width: 766.98px) {
.tt-list02 {
margin-left: -7px;
}
.tt-list02 li {
margin-left: 7px;
margin-top: 7px;
}
}
.tt-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -10px;
margin-top: -10px;
}
.tt-social li {
margin-left: 10px;
margin-top: 10px;
}
.tt-social li a {
font-size: 30px;
line-height: 1;
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.tt-social li a:hover {
color: #f47629;
} @media (max-width: 1229.98px) {
.container.container-lg-fluid {
max-width: 100%;
}
.container.container-lg__no-gutters {
padding-left: 0;
padding-right: 0;
}
}
.container.container-xl-fluid {
max-width: 100%;
}
@media (max-width: 1024.98px) {
.container.container-md-fluid {
max-width: 100%;
}
} .blockquote01 {
position: relative;
padding: 0 0 0 25px;
margin: 0;
}
.blockquote01:before {
content: '';
display: block;
width: 4px;
height: calc(100% - 10px);
background-color: #f47629;
position: absolute;
top: 5px;
left: 0;
}
.blockquote01.blockquote01__max-width01 {
max-width: 560px;
}
.blockquote02 {
border-top: 1px solid #d3d4d7;
border-bottom: 1px solid #d3d4d7;
padding: 34px 20px 33px 26px;
margin: 0;
color: #303442;
position: relative;
font-weight: bold;
}
.blockquote02:before {
content: '\e900';
font-family: "Electrician";
width: 52px;
height: 52px;
display: block;
background-color: #ffffff;
color: #f47629;
font-size: 29px;
line-height: 37px;
position: absolute;
top: -19px;
left: 28px;
text-align: center;
font-weight: normal;
}
@media (max-width: 1024.98px) {
.blockquote02 {
padding: 24px 0px 23px;
}
.blockquote02:before {
width: 40px;
height: 40px;
font-size: 20px;
left: 20px;
}
}
.blockquote02__top {
margin-top: 43px;
}
.blockquote03 {
position: relative;
padding: 0 0 0 26px;
margin: 0 0 0 32px;
font-size: 16px;
line-height: 27px;
}
.blockquote03:before {
content: '';
display: block;
width: 4px;
height: calc(100% - 10px);
background-color: #f47629;
position: absolute;
top: 5px;
left: 0;
}
.blockquote03.blockquote01__max-width01 {
max-width: 560px;
}
.blockquote03 p {
margin-top: 15px;
font-weight: 600;
}
.blockquote03 strong {
font-family: 'Poppins', sans-serif;
}
@media (max-width: 1024.98px) {
.blockquote03 {
margin: 0 0 0 22px;
}
}
@media (max-width: 766.98px) {
.blockquote03 {
margin-left: 0;
padding: 0 0 0 22px;
}
.blockquote03:before {
width: 3px;
}
}
.blockquote03__top {
margin-top: 28px;
} .tt-indent-top {
margin-top: 27px;
}
.tt-block-marker {
position: relative;
}
.tt-block-marker .block-marker__obj {
opacity: 0.08;
position: absolute;
top: -30px;
left: -45px;
}
.tt-block-marker .block-marker__obj+* {
position: relative;
z-index: 1;
}
@media (max-width: 1229.98px) {
.tt-block-marker .block-marker__obj {
display: none;
}
} .tt-table01 table {
width: 100%;
}
.tt-table01 table thead {
background-color: #f47629;
color: #ffffff;
}
.tt-table01 table thead th {
color: #ffffff;
}
.tt-table01 table thead th {
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.tt-table01 table tr th {
padding: 15px 5px;
border: none;
}
.tt-table01 table tr td {
padding: 12px 5px;
border: none;
}
.tt-table01 table tr>* {
vertical-align: baseline;
}
.tt-table01 table tr>*:nth-child(01) {
width: 51%;
padding-left: 20px;
}
.tt-table01 table tr>*:nth-child(02) {
width: 16%;
}
.tt-table01 table tr>*:nth-child(03) {
width: 33%;
}
.tt-table01 table tr:nth-child(even) {
background-color: #f8f8fa;
}
@media (max-width: 766.98px) {
.tt-table-responsive-md {
overflow-y: hidden;
overflow-x: scroll;
}
.tt-table-responsive-md table {
width: 700px;
}
} .tt-video__holder {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
top: 0;
left: 0;
}
.tt-post-music iframe,
.tt-post-music object,
.tt-post-music embed {
width: 100%;
height: auto;
border: 0;
} .checkbox-group {
position: relative;
display: inline-block;
z-index: 2;
margin-top: 9px;
}
.checkbox-group label {
padding-left: 33px;
cursor: pointer;
font-size: 16px;
line-height: 23px;
color: #7b7b7b !important;
text-align: left;
position: relative;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.checkbox-group label span {
display: block;
position: absolute;
left: 0;
-webkit-transition-duration: 0.12s;
transition-duration: 0.12s;
}
.checkbox-group label .box {
background: transparent;
height: 23px;
width: 23px;
z-index: 9;
border: 2px solid #EBEBEB;
border-radius: 3px;
-webkit-box-shadow: 0 2px 4px rgba(171, 171, 171, 0.13);
box-shadow: 0 2px 4px rgba(171, 171, 171, 0.13);
}
.checkbox-group label .check {
top: 0px;
left: 0px;
opacity: 0;
z-index: 10;
background: transparent;
width: 23px;
height: 23px;
line-height: 1;
-webkit-transform: scale(0);
transform: scale(0);
}
.checkbox-group label .check:before {
display: block;
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNS4xNjY2N0w2LjM4NDYyIDExTDE1IDEiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjYiLz4KPC9zdmc+Cg==");
position: relative;
left: 4px;
top: 5px;
}
.checkbox-group:hover label {
color: #7b7b7b;
}
.checkbox-group:hover label .box {
border-color: #303442;
}
.checkbox-group input[type=checkbox] {
display: none;
}
.checkbox-group input[type=checkbox]:checked~label .check {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.checkbox-group input[type=checkbox]:checked~label .box {
border-color: #e9e9eb;
}
.checkbox-group input[type=checkbox]:checked:hover~label .box {
border-color: #303442;
}
.checkbox-group.pt-disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-group.pt-disabled .check,
.checkbox-group.pt-disabled .box {
opacity: 0.5 !important;
}
html.ie:not(.edge) .checkbox-group label .check {
width: 17px;
height: 17px;
}    .holder-top-desktop {
background-color: #303442;
height: 52px;
}
.holder-top-desktop .tt-obj {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 41px;
}
@media (max-width: 1024.98px) {
.holder-top-desktop .tt-obj.tt-obj-cart {
display: none !important;
}
}
.h-info01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -45px;
padding: 12px 0;
}
.h-info01 .tt-item {
color: #bbbdc3;
margin-left: 45px;
}
.h-info01 .tt-item a {
color: #bbbdc3;
}
.h-info01 .tt-item a:hover {
color: #f47629;
}
.h-info01 .tt-item [class^="icon-"] {
color: #f47629;
display: inline-block;
margin-right: 11px;
font-size: 16px;
position: relative;
top: 1px;
}
@media (max-width: 900px) {
.h-info01 .tt-item [class^="icon-"] {
margin-right: 7px;
font-size: 15px;
}
.h-info01 .tt-item:not(:first-child) {
margin-left: 17px;
}
}
.h-info02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -45px;
padding: 12px 0;
}
.h-info02 .tt-item {
color: #f47629;
font-weight: bold;
margin-left: 45px;
}
.h-info02 .tt-item a {
color: #f47629;
}
.h-info02 .tt-item a:hover {
color: #f47629;
}
.h-info02 .tt-item [class^="icon-"] {
color: #ffffff;
display: inline-block;
margin-right: 11px;
font-size: 16px;
position: relative;
top: 1px;
}
@media (max-width: 900px) {
.h-info02 .tt-item {
margin-left: 17px;
}
.h-info02 .tt-item [class^="icon-"] {
font-size: 15px;
margin-right: 7px;
}
}
.holder-top-mobile {
background-color: #f6f6f7;
color: #7b7b7b;
}
.holder-top-mobile a {
color: #7b7b7b;
-webkit-transition: color .2s;
transition: color .2s;
}
.holder-top-mobile a:hover {
color: #f47629;
}
.holder-top-mobile .h-topbox__content {
display: none;
padding: 13px 15px 15px 15px;
}
.holder-top-mobile .h-topbox__content .tt-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.holder-top-mobile .h-topbox__content .tt-item:not(:first-child) {
margin-top: 6px;
}
.holder-top-mobile .h-topbox__content .tt-item .tt-item__icon {
color: #f47629;
display: inline-block;
position: relative;
font-size: 14px;
top: 2px;
}
.holder-top-mobile .h-topbox__content .tt-item .tt-item__icon+.tt-item__text {
margin-left: 13px;
}
.holder-top-mobile .h-topbox__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #303442;
color: #ffffff;
text-align: center;
padding: 5px 15px;
height: 32px;
}
.holder-top-mobile .h-topbox__btn.active .tt-arrow {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 2px;
}
.tt-arrow {
border: solid #ffffff;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
position: relative;
}
.tt-arrow.right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.tt-arrow.left {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.tt-arrow.up {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.tt-arrow.down {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.tt-holder {
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 114px;
}
.tt-holder .tt-col-wide {
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
.tt-holder .tt-col-objects {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.tt-holder .tt-col-objects:not(.text-center) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tt-holder .tt-col-objects.text-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1024.98px) {
.tt-holder .tt-col-objects .tt-col__item {
margin-left: 25px;
}
}
@media (max-width: 766.98px) {
.tt-holder .tt-col-objects .tt-col__item {
margin-left: 15px;
}
}
.tt-holder .tt-btn {
position: relative;
top: -1px;
}
@media (max-width: 1024.98px) {
.tt-holder {
min-height: 60px;
}
}
#js-init-sticky {
min-height: 114px;
}
#js-init-sticky.fixed .tt-holder-wrapper {
position: fixed;
top: 0;
width: 100%;
z-index: 3;
left: 0;
}
#js-init-sticky.fixed .tt-holder {
min-height: 86px;
-webkit-transition: min-height .5s;
transition: min-height .5s;
}
#js-init-sticky.fixed .tt-holder-wrapper {
-webkit-box-shadow: 0 0 15px rgba(48, 52, 66, 0.1);
box-shadow: 0 0 15px rgba(48, 52, 66, 0.1);
}
#js-init-sticky .tt-holder-wrapper {
background-color: #ffffff;
}
@media (max-width: 1024.98px) {
#js-init-sticky {
min-height: 60px;
}
#js-init-sticky.fixed .tt-holder {
min-height: 60px;
}
} @media (min-width: 1025px) {
#tt-nav {
position: relative;
}
#tt-nav>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#tt-nav>ul>li {
display: inline-block;
position: relative;
}
#tt-nav>ul>li>a {
display: inline-block;
font-size: 16px;
line-height: 26px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #303442;
padding: 6px 15px 6px;
text-decoration: none;
text-transform: capitalize;
}
#tt-nav>ul>li>a:hover {
color: #f47629;
}
#tt-nav>ul>li>a:hover .electric-btn .text {
-webkit-animation: fade-in 0.8s both;
animation: fade-in 0.8s both;
}
#tt-nav>ul>li>a:hover .electric-btn .text {
-webkit-animation: fade-in 0.8s both;
animation: fade-in 0.8s both;
}
#tt-nav>ul>li>a:hover .electric-btn .mask {
display: block;
}
#tt-nav>ul>li>a:hover .electric-btn .mask:nth-child(6),
#tt-nav>ul>li>a:hover .electric-btn .mask:nth-child(7) {
display: none !important;
}
#tt-nav>ul>li>a:hover .electric-btn .mask:nth-child(4) {
-webkit-animation: electric-20-23-8 0.3s both;
animation: electric-20-23-8 0.3s both;
}
#tt-nav>ul>li>a:hover .electric-btn .mask:nth-child(3) {
-webkit-animation: electric-20-22-8 0.3s both;
animation: electric-20-22-8 0.3s both;
}
#tt-nav>ul>li>a:hover .electric-btn .mask:nth-child(2) {
-webkit-animation: electric-20-21-8 0.3s both;
animation: electric-20-21-8 0.3s both;
}
#tt-nav>ul>li ul {
position: absolute;
z-index: 5;
top: 100%;
left: 0;
width: 185px;
padding-top: 14px;
padding-bottom: 15px;
background: #fff;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-box-shadow: 0 0 20px rgba(48, 52, 66, 0.2);
box-shadow: 0 0 20px rgba(48, 52, 66, 0.2);
}
#tt-nav>ul>li ul ul {
display: none !important;
visibility: hidden;
opacity: 0;
left: 100%;
top: 0;
-webkit-transition: .3s;
transition: .3s;
}
#tt-nav>ul>li ul li {
margin: 0;
padding: 0;
text-align: left;
}
#tt-nav>ul>li ul li a {
font-size: 14px;
line-height: 25px;
display: block;
color: #3D3B42;
font-family: "Poppins", sans-serif;
padding: 0px 23px;
-webkit-transition: color .2s;
transition: color .2s;
}
#tt-nav>ul>li ul li a:hover {
color: #f47629;
}
#tt-nav>ul>li:hover ul {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .15s;
transition-delay: .15s;
}
#tt-nav>ul>li ul li:hover ul {
display: block !important;
opacity: 1;
visibility: visible;
-webkit-transition-delay: .15s;
transition-delay: .15s;
}
#tt-nav>ul>li.current_page_item>a {
color: #f47629;
}
}
@media (min-width: 1025px) and (max-width: 1229.98px) {
#tt-nav>ul>li>a {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 1024.98px) {
#tt-nav {
display: none;
}
}
.electric-btn {
z-index: 1;
position: relative;
display: block;
}
.electric-btn .mask {
position: absolute;
-webkit-backface-visibility: hidden;
height: 20%;
width: 100%;
overflow: hidden;
display: none;
}
.electric-btn .mask span {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.electric-btn .mask:nth-child(6) {
top: 100%;
}
.electric-btn .mask:nth-child(6) span {
top: -500%;
}
.electric-btn .mask:nth-child(5) {
top: 80%;
}
.electric-btn .mask:nth-child(5) span {
top: -400%;
}
.electric-btn .mask:nth-child(4) {
top: 60%;
}
.electric-btn .mask:nth-child(4) span {
top: -300%;
}
.electric-btn .mask:nth-child(3) {
top: 40%;
}
.electric-btn .mask:nth-child(3) span {
top: -200%;
}
.electric-btn .mask:nth-child(2) {
top: 20%;
}
.electric-btn .mask:nth-child(2) span {
top: -100%;
}
@-webkit-keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes electric-20-20-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(-0.2px, -0.05px);
transform: translate(-0.2px, -0.05px);
}
90% {
-webkit-transform: translate(0.1px, -0.3px);
transform: translate(0.1px, -0.3px);
}
85% {
-webkit-transform: translate(0.9px, 0.3px);
transform: translate(0.9px, 0.3px);
}
80% {
-webkit-transform: translate(1.2px, 0.2px);
transform: translate(1.2px, 0.2px);
}
75% {
-webkit-transform: translate(0.5px, -0.75px);
transform: translate(0.5px, -0.75px);
}
70% {
-webkit-transform: translate(0.9px, 0.9px);
transform: translate(0.9px, 0.9px);
}
65% {
-webkit-transform: translate(1.75px, 1.4px);
transform: translate(1.75px, 1.4px);
}
60% {
-webkit-transform: translate(2.6px, 0.8px);
transform: translate(2.6px, 0.8px);
}
55% {
-webkit-transform: translate(0px, 0.45px);
transform: translate(0px, 0.45px);
}
50% {
-webkit-transform: translate(-0.5px, 2px);
transform: translate(-0.5px, 2px);
}
45% {
-webkit-transform: translate(-0.55px, -1.1px);
transform: translate(-0.55px, -1.1px);
}
40% {
-webkit-transform: translate(0px, -1.8px);
transform: translate(0px, -1.8px);
}
35% {
-webkit-transform: translate(-1.95px, 0.65px);
transform: translate(-1.95px, 0.65px);
}
30% {
-webkit-transform: translate(-2.8px, 2.1px);
transform: translate(-2.8px, 2.1px);
}
25% {
-webkit-transform: translate(-3.5px, 3px);
transform: translate(-3.5px, 3px);
}
20% {
-webkit-transform: translate(3.6px, 2.4px);
transform: translate(3.6px, 2.4px);
}
15% {
-webkit-transform: translate(-4.65px, 0.85px);
transform: translate(-4.65px, 0.85px);
}
10% {
-webkit-transform: translate(-0.9px, 2.7px);
transform: translate(-0.9px, 2.7px);
}
5% {
-webkit-transform: translate(-0.95px, -0.95px);
transform: translate(-0.95px, -0.95px);
}
}
@keyframes electric-20-20-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(-0.2px, -0.05px);
transform: translate(-0.2px, -0.05px);
}
90% {
-webkit-transform: translate(0.1px, -0.3px);
transform: translate(0.1px, -0.3px);
}
85% {
-webkit-transform: translate(0.9px, 0.3px);
transform: translate(0.9px, 0.3px);
}
80% {
-webkit-transform: translate(1.2px, 0.2px);
transform: translate(1.2px, 0.2px);
}
75% {
-webkit-transform: translate(0.5px, -0.75px);
transform: translate(0.5px, -0.75px);
}
70% {
-webkit-transform: translate(0.9px, 0.9px);
transform: translate(0.9px, 0.9px);
}
65% {
-webkit-transform: translate(1.75px, 1.4px);
transform: translate(1.75px, 1.4px);
}
60% {
-webkit-transform: translate(2.6px, 0.8px);
transform: translate(2.6px, 0.8px);
}
55% {
-webkit-transform: translate(0px, 0.45px);
transform: translate(0px, 0.45px);
}
50% {
-webkit-transform: translate(-0.5px, 2px);
transform: translate(-0.5px, 2px);
}
45% {
-webkit-transform: translate(-0.55px, -1.1px);
transform: translate(-0.55px, -1.1px);
}
40% {
-webkit-transform: translate(0px, -1.8px);
transform: translate(0px, -1.8px);
}
35% {
-webkit-transform: translate(-1.95px, 0.65px);
transform: translate(-1.95px, 0.65px);
}
30% {
-webkit-transform: translate(-2.8px, 2.1px);
transform: translate(-2.8px, 2.1px);
}
25% {
-webkit-transform: translate(-3.5px, 3px);
transform: translate(-3.5px, 3px);
}
20% {
-webkit-transform: translate(3.6px, 2.4px);
transform: translate(3.6px, 2.4px);
}
15% {
-webkit-transform: translate(-4.65px, 0.85px);
transform: translate(-4.65px, 0.85px);
}
10% {
-webkit-transform: translate(-0.9px, 2.7px);
transform: translate(-0.9px, 2.7px);
}
5% {
-webkit-transform: translate(-0.95px, -0.95px);
transform: translate(-0.95px, -0.95px);
}
}
@-webkit-keyframes electric-20-21-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(0.175px, -0.1px);
transform: translate(0.175px, -0.1px);
}
90% {
-webkit-transform: translate(-0.65px, 0px);
transform: translate(-0.65px, 0px);
}
85% {
-webkit-transform: translate(0.375px, 0px);
transform: translate(0.375px, 0px);
}
80% {
-webkit-transform: translate(-1.7px, -0.4px);
transform: translate(-1.7px, -0.4px);
}
75% {
-webkit-transform: translate(-0.875px, -0.25px);
transform: translate(-0.875px, -0.25px);
}
70% {
-webkit-transform: translate(-1.05px, -0.3px);
transform: translate(-1.05px, -0.3px);
}
65% {
-webkit-transform: translate(3.675px, 0px);
transform: translate(3.675px, 0px);
}
60% {
-webkit-transform: translate(1.4px, 0px);
transform: translate(1.4px, 0px);
}
55% {
-webkit-transform: translate(4.725px, 1.8px);
transform: translate(4.725px, 1.8px);
}
50% {
-webkit-transform: translate(-2.75px, 0.5px);
transform: translate(-2.75px, 0.5px);
}
45% {
-webkit-transform: translate(-4.675px, -1.65px);
transform: translate(-4.675px, -1.65px);
}
40% {
-webkit-transform: translate(-0.3px, -0.6px);
transform: translate(-0.3px, -0.6px);
}
35% {
-webkit-transform: translate(-6.175px, -1.95px);
transform: translate(-6.175px, -1.95px);
}
30% {
-webkit-transform: translate(3.85px, 2.1px);
transform: translate(3.85px, 2.1px);
}
25% {
-webkit-transform: translate(-6.375px, -2.25px);
transform: translate(-6.375px, -2.25px);
}
20% {
-webkit-transform: translate(7.6px, -2.4px);
transform: translate(7.6px, -2.4px);
}
15% {
-webkit-transform: translate(8.075px, 0px);
transform: translate(8.075px, 0px);
}
10% {
-webkit-transform: translate(-4.95px, 0px);
transform: translate(-4.95px, 0px);
}
5% {
-webkit-transform: translate(8.075px, 0.95px);
transform: translate(8.075px, 0.95px);
}
}
@keyframes electric-20-21-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(0.175px, -0.1px);
transform: translate(0.175px, -0.1px);
}
90% {
-webkit-transform: translate(-0.65px, 0px);
transform: translate(-0.65px, 0px);
}
85% {
-webkit-transform: translate(0.375px, 0px);
transform: translate(0.375px, 0px);
}
80% {
-webkit-transform: translate(-1.7px, -0.4px);
transform: translate(-1.7px, -0.4px);
}
75% {
-webkit-transform: translate(-0.875px, -0.25px);
transform: translate(-0.875px, -0.25px);
}
70% {
-webkit-transform: translate(-1.05px, -0.3px);
transform: translate(-1.05px, -0.3px);
}
65% {
-webkit-transform: translate(3.675px, 0px);
transform: translate(3.675px, 0px);
}
60% {
-webkit-transform: translate(1.4px, 0px);
transform: translate(1.4px, 0px);
}
55% {
-webkit-transform: translate(4.725px, 1.8px);
transform: translate(4.725px, 1.8px);
}
50% {
-webkit-transform: translate(-2.75px, 0.5px);
transform: translate(-2.75px, 0.5px);
}
45% {
-webkit-transform: translate(-4.675px, -1.65px);
transform: translate(-4.675px, -1.65px);
}
40% {
-webkit-transform: translate(-0.3px, -0.6px);
transform: translate(-0.3px, -0.6px);
}
35% {
-webkit-transform: translate(-6.175px, -1.95px);
transform: translate(-6.175px, -1.95px);
}
30% {
-webkit-transform: translate(3.85px, 2.1px);
transform: translate(3.85px, 2.1px);
}
25% {
-webkit-transform: translate(-6.375px, -2.25px);
transform: translate(-6.375px, -2.25px);
}
20% {
-webkit-transform: translate(7.6px, -2.4px);
transform: translate(7.6px, -2.4px);
}
15% {
-webkit-transform: translate(8.075px, 0px);
transform: translate(8.075px, 0px);
}
10% {
-webkit-transform: translate(-4.95px, 0px);
transform: translate(-4.95px, 0px);
}
5% {
-webkit-transform: translate(8.075px, 0.95px);
transform: translate(8.075px, 0.95px);
}
}
@-webkit-keyframes electric-20-22-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(-0.35px, 0px);
transform: translate(-0.35px, 0px);
}
90% {
-webkit-transform: translate(0.3px, 0px);
transform: translate(0.3px, 0px);
}
85% {
-webkit-transform: translate(1.35px, -0.3px);
transform: translate(1.35px, -0.3px);
}
80% {
-webkit-transform: translate(0.8px, 0.8px);
transform: translate(0.8px, 0.8px);
}
75% {
-webkit-transform: translate(1.75px, -0.5px);
transform: translate(1.75px, -0.5px);
}
70% {
-webkit-transform: translate(1.5px, 0.6px);
transform: translate(1.5px, 0.6px);
}
65% {
-webkit-transform: translate(-3.15px, 0.35px);
transform: translate(-3.15px, 0.35px);
}
60% {
-webkit-transform: translate(3.6px, 1.6px);
transform: translate(3.6px, 1.6px);
}
55% {
-webkit-transform: translate(-4.05px, 1.8px);
transform: translate(-4.05px, 1.8px);
}
50% {
-webkit-transform: translate(1.5px, 0px);
transform: translate(1.5px, 0px);
}
45% {
-webkit-transform: translate(-5.5px, -1.65px);
transform: translate(-5.5px, -1.65px);
}
40% {
-webkit-transform: translate(4.2px, 2.4px);
transform: translate(4.2px, 2.4px);
}
35% {
-webkit-transform: translate(0.65px, -0.65px);
transform: translate(0.65px, -0.65px);
}
30% {
-webkit-transform: translate(-7px, -1.4px);
transform: translate(-7px, -1.4px);
}
25% {
-webkit-transform: translate(-6.65px, -0.75px);
transform: translate(-6.65px, -0.75px);
}
20% {
-webkit-transform: translate(-2.4px, 0.8px);
transform: translate(-2.4px, 0.8px);
}
15% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
10% {
-webkit-transform: translate(4.5px, 2.7px);
transform: translate(4.5px, 2.7px);
}
5% {
-webkit-transform: translate(-6.65px, 2.85px);
transform: translate(-6.65px, 2.85px);
}
}
@keyframes electric-20-22-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(-0.35px, 0px);
transform: translate(-0.35px, 0px);
}
90% {
-webkit-transform: translate(0.3px, 0px);
transform: translate(0.3px, 0px);
}
85% {
-webkit-transform: translate(1.35px, -0.3px);
transform: translate(1.35px, -0.3px);
}
80% {
-webkit-transform: translate(0.8px, 0.8px);
transform: translate(0.8px, 0.8px);
}
75% {
-webkit-transform: translate(1.75px, -0.5px);
transform: translate(1.75px, -0.5px);
}
70% {
-webkit-transform: translate(1.5px, 0.6px);
transform: translate(1.5px, 0.6px);
}
65% {
-webkit-transform: translate(-3.15px, 0.35px);
transform: translate(-3.15px, 0.35px);
}
60% {
-webkit-transform: translate(3.6px, 1.6px);
transform: translate(3.6px, 1.6px);
}
55% {
-webkit-transform: translate(-4.05px, 1.8px);
transform: translate(-4.05px, 1.8px);
}
50% {
-webkit-transform: translate(1.5px, 0px);
transform: translate(1.5px, 0px);
}
45% {
-webkit-transform: translate(-5.5px, -1.65px);
transform: translate(-5.5px, -1.65px);
}
40% {
-webkit-transform: translate(4.2px, 2.4px);
transform: translate(4.2px, 2.4px);
}
35% {
-webkit-transform: translate(0.65px, -0.65px);
transform: translate(0.65px, -0.65px);
}
30% {
-webkit-transform: translate(-7px, -1.4px);
transform: translate(-7px, -1.4px);
}
25% {
-webkit-transform: translate(-6.65px, -0.75px);
transform: translate(-6.65px, -0.75px);
}
20% {
-webkit-transform: translate(-2.4px, 0.8px);
transform: translate(-2.4px, 0.8px);
}
15% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
10% {
-webkit-transform: translate(4.5px, 2.7px);
transform: translate(4.5px, 2.7px);
}
5% {
-webkit-transform: translate(-6.65px, 2.85px);
transform: translate(-6.65px, 2.85px);
}
}
@-webkit-keyframes electric-20-23-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(0.525px, -0.15px);
transform: translate(0.525px, -0.15px);
}
90% {
-webkit-transform: translate(-0.95px, -0.2px);
transform: translate(-0.95px, -0.2px);
}
85% {
-webkit-transform: translate(0.225px, -0.45px);
transform: translate(0.225px, -0.45px);
}
80% {
-webkit-transform: translate(-1.3px, 0.8px);
transform: translate(-1.3px, 0.8px);
}
75% {
-webkit-transform: translate(-0.875px, 0.5px);
transform: translate(-0.875px, 0.5px);
}
70% {
-webkit-transform: translate(-2.25px, -0.3px);
transform: translate(-2.25px, -0.3px);
}
65% {
-webkit-transform: translate(2.625px, -0.35px);
transform: translate(2.625px, -0.35px);
}
60% {
-webkit-transform: translate(-1px, 0px);
transform: translate(-1px, 0px);
}
55% {
-webkit-transform: translate(1.575px, 1.8px);
transform: translate(1.575px, 1.8px);
}
50% {
-webkit-transform: translate(-3.75px, -1px);
transform: translate(-3.75px, -1px);
}
45% {
-webkit-transform: translate(5.325px, 0.55px);
transform: translate(5.325px, 0.55px);
}
40% {
-webkit-transform: translate(0.3px, 2.4px);
transform: translate(0.3px, 2.4px);
}
35% {
-webkit-transform: translate(2.275px, 0px);
transform: translate(2.275px, 0px);
}
30% {
-webkit-transform: translate(2.45px, -0.7px);
transform: translate(2.45px, -0.7px);
}
25% {
-webkit-transform: translate(1.125px, 0.75px);
transform: translate(1.125px, 0.75px);
}
20% {
-webkit-transform: translate(-4.4px, 3.2px);
transform: translate(-4.4px, 3.2px);
}
15% {
-webkit-transform: translate(4.075px, 2.55px);
transform: translate(4.075px, 2.55px);
}
10% {
-webkit-transform: translate(1.35px, -1.8px);
transform: translate(1.35px, -1.8px);
}
5% {
-webkit-transform: translate(4.275px, -1.9px);
transform: translate(4.275px, -1.9px);
}
}
@keyframes electric-20-23-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(0.525px, -0.15px);
transform: translate(0.525px, -0.15px);
}
90% {
-webkit-transform: translate(-0.95px, -0.2px);
transform: translate(-0.95px, -0.2px);
}
85% {
-webkit-transform: translate(0.225px, -0.45px);
transform: translate(0.225px, -0.45px);
}
80% {
-webkit-transform: translate(-1.3px, 0.8px);
transform: translate(-1.3px, 0.8px);
}
75% {
-webkit-transform: translate(-0.875px, 0.5px);
transform: translate(-0.875px, 0.5px);
}
70% {
-webkit-transform: translate(-2.25px, -0.3px);
transform: translate(-2.25px, -0.3px);
}
65% {
-webkit-transform: translate(2.625px, -0.35px);
transform: translate(2.625px, -0.35px);
}
60% {
-webkit-transform: translate(-1px, 0px);
transform: translate(-1px, 0px);
}
55% {
-webkit-transform: translate(1.575px, 1.8px);
transform: translate(1.575px, 1.8px);
}
50% {
-webkit-transform: translate(-3.75px, -1px);
transform: translate(-3.75px, -1px);
}
45% {
-webkit-transform: translate(5.325px, 0.55px);
transform: translate(5.325px, 0.55px);
}
40% {
-webkit-transform: translate(0.3px, 2.4px);
transform: translate(0.3px, 2.4px);
}
35% {
-webkit-transform: translate(2.275px, 0px);
transform: translate(2.275px, 0px);
}
30% {
-webkit-transform: translate(2.45px, -0.7px);
transform: translate(2.45px, -0.7px);
}
25% {
-webkit-transform: translate(1.125px, 0.75px);
transform: translate(1.125px, 0.75px);
}
20% {
-webkit-transform: translate(-4.4px, 3.2px);
transform: translate(-4.4px, 3.2px);
}
15% {
-webkit-transform: translate(4.075px, 2.55px);
transform: translate(4.075px, 2.55px);
}
10% {
-webkit-transform: translate(1.35px, -1.8px);
transform: translate(1.35px, -1.8px);
}
5% {
-webkit-transform: translate(4.275px, -1.9px);
transform: translate(4.275px, -1.9px);
}
}
@-webkit-keyframes electric-20-24-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(-0.2px, -0.05px);
transform: translate(-0.2px, -0.05px);
}
90% {
-webkit-transform: translate(-0.2px, -0.2px);
transform: translate(-0.2px, -0.2px);
}
85% {
-webkit-transform: translate(1.8px, 0.6px);
transform: translate(1.8px, 0.6px);
}
80% {
-webkit-transform: translate(1.4px, 0.2px);
transform: translate(1.4px, 0.2px);
}
75% {
-webkit-transform: translate(-1px, 1px);
transform: translate(-1px, 1px);
}
70% {
-webkit-transform: translate(-3px, 0.6px);
transform: translate(-3px, 0.6px);
}
65% {
-webkit-transform: translate(-3.5px, 1.05px);
transform: translate(-3.5px, 1.05px);
}
60% {
-webkit-transform: translate(-2.8px, 1.6px);
transform: translate(-2.8px, 1.6px);
}
55% {
-webkit-transform: translate(1.35px, 1.35px);
transform: translate(1.35px, 1.35px);
}
50% {
-webkit-transform: translate(-2px, 1px);
transform: translate(-2px, 1px);
}
45% {
-webkit-transform: translate(-4.4px, 0px);
transform: translate(-4.4px, 0px);
}
40% {
-webkit-transform: translate(-3px, 0.6px);
transform: translate(-3px, 0.6px);
}
35% {
-webkit-transform: translate(-6.5px, 0px);
transform: translate(-6.5px, 0px);
}
30% {
-webkit-transform: translate(4.4px, -1.4px);
transform: translate(4.4px, -1.4px);
}
25% {
-webkit-transform: translate(6.65px, 0px);
transform: translate(6.65px, 0px);
}
20% {
-webkit-transform: translate(-4.8px, 2.4px);
transform: translate(-4.8px, 2.4px);
}
15% {
-webkit-transform: translate(3.8px, -2.55px);
transform: translate(3.8px, -2.55px);
}
10% {
-webkit-transform: translate(2.7px, 0px);
transform: translate(2.7px, 0px);
}
5% {
-webkit-transform: translate(-4.75px, 1.9px);
transform: translate(-4.75px, 1.9px);
}
}
@keyframes electric-20-24-8 {
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
95% {
-webkit-transform: translate(-0.2px, -0.05px);
transform: translate(-0.2px, -0.05px);
}
90% {
-webkit-transform: translate(-0.2px, -0.2px);
transform: translate(-0.2px, -0.2px);
}
85% {
-webkit-transform: translate(1.8px, 0.6px);
transform: translate(1.8px, 0.6px);
}
80% {
-webkit-transform: translate(1.4px, 0.2px);
transform: translate(1.4px, 0.2px);
}
75% {
-webkit-transform: translate(-1px, 1px);
transform: translate(-1px, 1px);
}
70% {
-webkit-transform: translate(-3px, 0.6px);
transform: translate(-3px, 0.6px);
}
65% {
-webkit-transform: translate(-3.5px, 1.05px);
transform: translate(-3.5px, 1.05px);
}
60% {
-webkit-transform: translate(-2.8px, 1.6px);
transform: translate(-2.8px, 1.6px);
}
55% {
-webkit-transform: translate(1.35px, 1.35px);
transform: translate(1.35px, 1.35px);
}
50% {
-webkit-transform: translate(-2px, 1px);
transform: translate(-2px, 1px);
}
45% {
-webkit-transform: translate(-4.4px, 0px);
transform: translate(-4.4px, 0px);
}
40% {
-webkit-transform: translate(-3px, 0.6px);
transform: translate(-3px, 0.6px);
}
35% {
-webkit-transform: translate(-6.5px, 0px);
transform: translate(-6.5px, 0px);
}
30% {
-webkit-transform: translate(4.4px, -1.4px);
transform: translate(4.4px, -1.4px);
}
25% {
-webkit-transform: translate(6.65px, 0px);
transform: translate(6.65px, 0px);
}
20% {
-webkit-transform: translate(-4.8px, 2.4px);
transform: translate(-4.8px, 2.4px);
}
15% {
-webkit-transform: translate(3.8px, -2.55px);
transform: translate(3.8px, -2.55px);
}
10% {
-webkit-transform: translate(2.7px, 0px);
transform: translate(2.7px, 0px);
}
5% {
-webkit-transform: translate(-4.75px, 1.9px);
transform: translate(-4.75px, 1.9px);
}
} .panel-menu,
.mmpanels,
.mmpanels>.mmpanel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: inherit;
}
.panel-menu {
width: 320px;
background: #303442;
position: fixed;
z-index: 50;
}
.panel-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
background: transparent;
}
.panel-menu ul li {
margin: 0;
width: 100%;
}
.panel-menu ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 9px 27px 9px 30px;
font-size: 15px;
line-height: 22px;
text-decoration: none;
color: #ffffff;
background: transparent;
position: relative;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.panel-menu ul li a:hover {
color: #f47629;
background: transparent;
}
.panel-menu #mm0.mmpanel a:not(.mm-close) {
font-family: "Poppins", sans-serif;
font-weight: 700;
color: #ffffff;
background-color: transparent;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):after {
color: #ffffff;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):hover {
color: #f47629;
background-color: transparent;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):hover:after {
color: #f47629;
}
.panel-menu #mm0.mmpanel .mm-next-level:after {
top: 13px;
}
.panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link) {
font-family: "Poppins", sans-serif;
font-weight: 400;
}
.panel-menu .mmpanel .mm-original-link .tt-badge {
top: -1px;
}
.panel-menu .mm-close,
.panel-menu .mm-prev-level,
.panel-menu .mm-original-link {
display: block;
color: #ffffff;
background-color: transparent;
text-transform: uppercase;
}
.panel-menu .mm-close:before,
.panel-menu .mm-prev-level:before,
.panel-menu .mm-next-level:after {
font-family: "Electrician";
font-size: 14px;
line-height: 14px;
font-weight: bold;
-webkit-transition: all .2s linear;
transition: all .2s linear;
color: #ffffff;
}
.panel-menu .mm-close:hover,
.panel-menu .mm-prev-level:hover,
.panel-menu .mm-next-level:hover {
color: #f47629;
background-color: transparent;
}
.panel-menu .mm-close:hover:before .mm-prev-level:hover:before,
.panel-menu .mm-next-level:hover:after {
color: #f47629;
}
.panel-menu li.mm-close-parent {
margin-bottom: 32px;
}
.panel-menu li.mm-close-parent .mm-close {
padding: 14px 16px 15px 29px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
background-color: transparent;
font-family: "Poppins", sans-serif;
font-weight: bold;
}
.panel-menu li.mm-close-parent .mm-close:before {
content: "\e91b";
padding-right: 10px;
position: relative;
top: 1px;
color: #ffffff;
}
.panel-menu li.mm-close-parent .mm-close:hover {
color: #f47629;
background-color: transparent;
}
.panel-menu li.mm-close-parent .mm-close:hover:before {
color: #f47629;
}
.panel-menu .mm-prev-level {
padding: 14px 16px 15px 29px;
color: #ffffff;
background-color: transparent;
border-bottom: 1px solid #ffffff;
margin-bottom: 15px;
}
.panel-menu .mm-prev-level:before {
content: "\e92d";
padding-right: 10px;
position: relative;
top: 1px;
color: #ffffff;
display: inline-block;
}
.panel-menu .mm-prev-level:hover {
color: #f47629;
background-color: transparent;
}
.panel-menu .mm-prev-level:hover:before {
color: #f47629;
}
.panel-menu .mm-next-level {
color: #3D3B42;
background-color: transparent;
}
.panel-menu .mm-next-level:after {
content: "\e92e";
padding-left: 10px;
top: 12px;
right: 30px;
position: absolute;
color: #ffffff;
}
.panel-menu .mm-next-level:hover {
color: #f47629;
background-color: transparent;
}
.panel-menu .mm-next-level:hover:after {
color: #f47629;
}
.panel-menu .mm-original-link {
font-family: "Poppins", sans-serif;
font-weight: 700;
color: #ffffff;
background-color: transparent;
}
.panel-menu .mm-original-link:before {
padding-right: 10px;
color: #ffffff;
}
.panel-menu .mm-original-link:hover {
color: #f47629;
background-color: transparent;
}
.panel-menu .mm-original-link:hover:before {
color: #f47629;
}
.mm-open {
overflow: hidden;
}
.mm-open .mm-fullscreen-bg {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.55);
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 21;
display: none;
}
.mmitemopen.panel-menu,
.mmitemopen.panel-menu.mm-right {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.panel-menu {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.panel-menu.mm-right,
.mmitemopen.panel-menu.mm-right.mmhide {
left: auto;
right: 0;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mmitemopen.panel-menu.mmhide {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mmpanel {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mmpanels {
overflow: hidden;
}
.mmpanel.mmopened {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mmpanel.mmsubopened {
-webkit-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0);
}
.mmpanels>.mmpanel {
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
.mmpanels,
.mmpanels>.mmpanel {
background: inherit;
border-color: inherit;
}
.mmpanels>.mmpanel:not(.mmhidden) {
display: block;
}
.mmpanels>.mmpanel:after {
content: '';
display: block;
height: 20px;
}
.mmhidden,
.mm-nav-btn {
display: none;
}
.mm-fullscreen-bg,
.mm-fullscreen-bg:focus,
.mm-fullscreen-bg:active,
.mm-fullscreen-bg:hover {
outline: none;
}
.tt-menu-slider {
max-height: 389px;
}
@media (min-width: 1025px) {
.tt-obj-cart .tt-obj__btn {
position: relative;
display: inline-block;
font-size: 19px;
line-height: 19px;
top: 4px;
color: #ffffff;
padding: 8px 8px 8px 5px;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.tt-obj-cart .tt-obj__btn .tt-obj__badge {
position: absolute;
right: -5px;
top: -1px;
pointer-events: none;
background-color: #f47629;
border-radius: 50%;
width: 17px;
height: 17px;
font-size: 10px;
line-height: 18px;
color: #ffffff;
text-align: center;
}
.tt-obj-cart .tt-obj__btn:hover {
color: #f47629;
}
}
@media (max-width: 1024.98px) {
.tt-obj-cart .tt-obj__btn {
position: relative;
display: inline-block;
font-size: 19px;
line-height: 19px;
top: 3px;
color: #303442;
padding: 5px 5px 5px 5px;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.tt-obj-cart .tt-obj__btn .tt-obj__badge {
position: absolute;
right: -5px;
top: -1px;
pointer-events: none;
background-color: #f47629;
border-radius: 50%;
width: 17px;
height: 17px;
font-size: 10px;
line-height: 18px;
color: #ffffff;
text-align: center;
}
.tt-obj-cart .tt-obj__btn:hover {
color: #f47629;
}
}
.tt-obj-cart .tt-obj__dropdown {
position: absolute;
opacity: 0;
width: 349px;
margin: -8px 0 0 0;
padding: 32px 0px 40px;
text-align: left;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: 0.2s ease 0s;
transition: 0.2s ease 0s;
background: #ffffff;
right: 0;
top: 100%;
z-index: 22;
-webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);
}
.tt-obj-cart .tt-obj__dropdown-close {
position: absolute;
right: 16px;
top: 15px;
display: inline-block;
padding: 5px;
color: #303442;
-webkit-transition: color .2s linear;
transition: color .2s linear;
cursor: pointer;
font-size: 11px;
line-height: 1;
}
.tt-obj-cart .tt-obj__dropdown-close:hover {
color: #f47629;
}
.tt-obj-cart.active .tt-obj__btn {
color: #f47629;
}
.tt-obj-cart.active .tt-obj__dropdown {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s ease 0.15s;
transition: 0.3s ease 0.15s;
pointer-events: auto;
}
.tt-obj-cart .tt-obj__title {
font-size: 24px;
line-height: 34px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
margin: 0;
padding: 0 35px 16px;
}
@media (max-width: 1024.98px) {
.tt-obj-cart .tt-obj__title {
font-size: 20px;
line-height: 30px;
}
.tt-obj-cart .tt-obj__dropdown {
width: 300px;
}
}
@media (max-width: 766.98px) {
.tt-obj-cart .tt-obj__dropdown {
width: 274px;
}
}
.tt-cart-list {
padding: 0 35px;
}
.tt-cart-list .tt-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.tt-cart-list .tt-item:not(:first-child) {
margin-top: 19px;
}
.tt-cart-list .tt-item__remove {
position: absolute;
right: -5px;
top: 2px;
color: #c7c7c8;
-webkit-transition: color .2s linear;
transition: color .2s linear;
padding: 5px;
font-size: 14px;
}
.tt-cart-list .tt-item__remove:hover {
color: #f47629;
}
.tt-cart-list .tt-item__img {
width: 88px;
min-width: 88px;
position: relative;
top: 6px;
}
.tt-cart-list .tt-item__content {
margin-left: 18px;
padding-right: 15px;
}
.tt-cart-list .tt-item__title {
font-size: 16px;
line-height: 27px;
color: #7b7b7b;
padding-right: 5px;
}
.tt-cart-list .tt-item__title a {
color: #7b7b7b;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.tt-cart-list .tt-item__title a:hover {
color: #f47629;
}
.tt-cart-list .tt-item__price {
font-size: 20px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
margin-top: 14px;
}
.tt-cart-list .tt-item__price .new-price {
font-size: 20px;
color: #f47629;
}
.tt-cart-list .tt-item__price .old-price {
font-size: 16px;
text-decoration: line-through;
margin-left: 7px;
}
@media (max-width: 1024.98px) {
.tt-cart-list {
padding: 0 25px;
}
.tt-cart-list .tt-item__title {
font-size: 14px;
line-height: 23px;
}
.tt-cart-list .tt-item__price {
font-size: 18px;
margin-top: 7px;
}
.tt-cart-list .tt-item__img {
width: 75px;
min-width: 75px;
}
}
.tt-cart-total {
border-top: 1px solid #e9e9eb;
font-size: 24px;
line-height: 1;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
padding: 27px 35px 0;
margin-top: 28px;
}
.tt-cart-total .tt-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tt-cart-total .tt-btn {
margin-top: 25px;
width: 100%;
}
@media (max-width: 1024.98px) {
.tt-cart-total {
font-size: 20px;
padding: 23px 25px 0;
}
.tt-cart-total .tt-btn {
font-size: 16px;
height: 50px;
margin-top: 20px;
}
}
.tt-logo {
font-size: 40px;
line-height: 40px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
position: relative;
padding: 9px 0 13px 25px;
letter-spacing: -1.3px;
overflow: hidden;
display: inline-block;
top: 4px;
}
.tt-logo .tt-icon {
position: absolute;
top: 4px;
left: 3px;
}
.tt-col-logo .tt-icon:before {
content: "";
z-index: 1;
position: absolute;
left: 0;
top: -100%;
width: 45px;
height: 23px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
-webkit-transition: 0s ease-in-out;
transition: 0s ease-in-out;
pointer-events: none;
-webkit-animation: lightning 4.3s infinite ease-in;
animation: lightning 4.3s infinite ease-in;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.tt-logo:hover {
color: #303442;
}
.tt-logo:hover:before {
top: 0;
}
@media (max-width: 1229.98px) {
.tt-logo {
font-size: 32px;
line-height: 32px;
}
.tt-logo .tt-icon img {
max-width: 30px;
}
}
@media (max-width: 1024.98px) {
.tt-logo {
font-size: 30px;
line-height: 30px;
letter-spacing: -1px;
top: 6px;
padding-left: 19px;
}
.tt-logo .tt-icon {
top: 4px;
}
.tt-logo .tt-icon img {
max-width: 28px;
}
}
@-webkit-keyframes lightning {
from {
top: -100%;
width: 45px;
}
50% {
top: 100%;
width: 20px;
}
to {
top: 100%;
width: 10px;
}
}
@keyframes lightning {
from {
top: -100%;
width: 45px;
}
50% {
top: 100%;
width: 20px;
}
to {
top: 100%;
width: 10px;
}
}
#tt-menu-toggle {
padding: 8px 0 5px 5px;
font-size: 24px;
display: inline-block;
color: #303442;
position: relative;
}
#tt-menu-toggle:hover {
color: #f47629;
}   @media (min-width: 1025px) {
.section-indent:not(.no-margin) {
margin-top: 120px;
}
}
@media (max-width: 1024px) {
.section-indent:not(.no-margin) {
margin-top: 70px;
}
}
@media (max-width: 790px) {
.section-indent:not(.no-margin) {
margin-top: 50px;
}
}
.section-indent-extra {
margin-top: -70px;
position: relative;
}
.section_hr {
border-top: 1px solid #e9e9eb;
padding-top: 48px;
}
.section__wrapper {
background-color: #303442;
color: #ffffff;
}
.section__wrapper02 {
background: #ffffff;
overflow: hidden;
}
.container__p-r {
position: relative;
}
.section-marker {
position: absolute;
opacity: 0.08;
}
.section-marker.section-marker_b-l {
bottom: 0;
left: 0;
}
@media (max-width: 1500px) {
.section-marker {
display: none;
}
} .mainSlider-layout {
position: relative;
z-index: 1;
background: #252427;
}
.mainSlider-wrapper {
position: relative;
z-index: 1;
}
.mainSlider {
height: 774px;
}
@media (max-width: 1024px) and (min-width: 551px) {
.mainSlider {
height: 365px;
}
}
@media (max-width: 790px) {
.mainSlider {
height: 250px;
}
}
.mainSlider .container {
position: relative;
}
.mainSlider .slide .img--holder {
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
height: 774px;
-webkit-transition: -webkit-transform 6s ease;
transition: -webkit-transform 6s ease;
transition: transform 6s ease;
transition: transform 6s ease, -webkit-transform 6s ease;
}
@media (max-width: 1239px) {
.mainSlider .slide .img--holder {
height: 774px;
}
}
@media (max-width: 1024px) and (min-width: 551px) {
.mainSlider .slide .img--holder {
height: 365px;
}
}
@media (max-width: 790px) {
.mainSlider .slide .img--holder {
height: 250px;
}
}
.mainSlider .slide .slide-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 9px;
}
.mainSlider .slide .slide-content .container:first-child {
margin-top: -50px;
}
@media (max-width: 1024px) and (min-width: 551px) {
.mainSlider .slide .slide-content .container:first-child {
margin-top: 0px;
}
}
.mainSlider .slide .slide-content .container .tt-title-01,
.mainSlider .slide .slide-content .container .tt-title-02 {
color: #ffffff;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.mainSlider .slide .slide-content .container:not(.text-center):not(.text-right) .tt-row-btn {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 1025px) {
.mainSlider .slide .slide-content .tt-title-01 {
font-size: 18px;
line-height: 28px;
}
.mainSlider .slide .slide-content .tt-title-02 {
font-size: 58px;
line-height: 64px;
margin-top: 15px;
}
}
@media (max-width: 1024px) {
.mainSlider .slide .slide-content {
padding-bottom: 0px;
}
.mainSlider .slide .slide-content .tt-title-01 {
font-size: 14px;
line-height: 14px;
}
.mainSlider .slide .slide-content .tt-title-02 {
font-size: 48px;
line-height: 54px;
margin-top: 20px;
}
}
@media (max-width: 790px) {
.mainSlider .slide .slide-content .tt-title-01 {
font-size: 12px;
line-height: 12px;
}
.mainSlider .slide .slide-content .tt-title-02 {
font-size: 24px;
line-height: 30px;
margin-top: 16px;
}
}
.mainSlider .slick-arrow {
position: absolute;
top: 50%;
margin-top: -18px;
z-index: 7;
font-size: 0;
line-height: 0;
background: none;
border: none;
color: #fff;
}
.mainSlider .slick-arrow:hover {
color: #f47629;
}
.mainSlider .slick-arrow:before {
font-family: "Electrician";
display: block;
font-size: 40px;
line-height: 1em;
}
.mainSlider .slick-prev {
left: 20px;
}
.mainSlider .slick-prev:before {
content: '\e916';
}
.mainSlider .slick-next {
right: 20px;
}
.mainSlider .slick-next:before {
content: '\e917';
}
.fadeInLeftSm {
-webkit-animation-name: fadeInLeftSm;
animation-name: fadeInLeftSm;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.fadeInRightSm {
-webkit-animation-name: fadeInRightSm;
animation-name: fadeInRightSm;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.fadeInUpSm {
-webkit-animation-name: fadeInUpSm;
animation-name: fadeInUpSm;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.animated.fadeInLeftSm,
.animated.fadeInRightSm,
.animated.fadeInUpSm {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeInUpSm {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpSm {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInLeftSm {
0% {
opacity: 0;
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftSm {
0% {
opacity: 0;
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInRightSm {
from {
opacity: 0;
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightSm {
from {
opacity: 0;
-webkit-transform: translate3d(20%, 0, 0);
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
body.is-loaded .loading-content {
opacity: 0;
visibility: hidden;
}
.loading-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 3;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
pointer-events: none;
visibility: visible;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.loading-content.disable {
opacity: 0;
}
.loading-content img {
margin-top: -100px;
}
@media (max-width: 1024.98px) {
.loading-content img {
max-width: 45px;
height: auto;
margin-top: -30px;
}
}
@media (max-width: 790px) {
.loading-content img {
max-width: 35px;
height: auto;
}
}
.load-mainslider .mainSlider .slide.slick-current .img--holder {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.order-form-wrapper {
position: relative;
z-index: 2;
}
@media (min-width: 1025px) {
.order-form-wrapper {
margin-top: -159px;
}
}
@media (max-width: 1024.98px) {
.order-form-wrapper {
margin-top: -47px;
}
}
@media (max-width: 766.98px) {
.order-form-wrapper {
margin-top: -41px;
}
}
.order-form {   }
.order-form .order-form__title {
font-size: 20px;
line-height: 26px;
color: #ffffff;
background-color: #f47629;
font-family: "Poppins", sans-serif;
font-weight: 600;
display: inline-block;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 9px 36px;
margin-top: 7px;
}
.order-form .order-form__content {
background-color: #303442;
padding: 30px 38px 10px;
}
.order-form .order-form__content form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.order-form .order-form__content form .form-group {
margin-bottom: 20px;
}
.order-form .order-form__content form .form-group:not(:first-child) {
margin-left: 20px;
}
.order-form .order-form__content form .form-group:not(:last-child) {
width: 19.5%;
}
@media (min-width: 790px) {
.order-form .order-form__content {
display: block !important;
}
}
.order-form ::-webkit-input-placeholder {
color: #7b7b7b;
}
.order-form ::-moz-placeholder {
color: #7b7b7b;
}
.order-form :-moz-placeholder {
color: #7b7b7b;
}
.order-form :-ms-input-placeholder {
color: #7b7b7b;
}
.order-form ::-moz-placeholder,
.order-form :-moz-placeholder {
opacity: 1;
}
.order-form input:focus::-webkit-input-placeholder {
color: transparent;
}
.order-form input:focus:-moz-placeholder {
color: transparent;
}
.order-form input:focus::-moz-placeholder {
color: transparent;
}
.order-form input:focus:-ms-input-placeholder {
color: transparent;
}
.order-form .form-order .form-group {
position: relative;
}
.order-form .form-order .form-group label.error {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 56px;
left: 0;
padding: 8px 12px 6px;
background: red;
color: #ffffff;
font-size: 14px;
line-height: 22px;
z-index: 1;
width: 100%;
}
.order-form .form-order .form-group label.error:after {
content: '';
position: absolute;
top: -12px;
left: 50%;
border: 6px solid transparent;
border-bottom: 6px solid #f8353e;
}
.order-form .form-order .form-group .icon-1 {
position: absolute;
right: 17px;
top: 13px;
color: #7b7b7b;
z-index: 1;
}
.order-form .form-order .pt-disabled {
pointer-events: none;
opacity: 0.5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.order-form .form-order .form-control {
background: #ffffff;
font-size: 16px;
line-height: 25px;
border: 1px solid transparent;
color: #888888;
padding: 13px 12px 12px 15px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
font-family: "Roboto", sans-serif;
-webkit-transition: all 0.3s;
transition: all 0.3s;
box-shadow: none;
border-radius: 4px;
}
.order-form .form-order .form-control.is-invalid {
border: 1px solid red;
}
.order-form .form-order .form-control:not(textarea) {
height: 44px;
}
.order-form .form-order .form-control.error {
border-color: red;
-webkit-box-shadow: none;
box-shadow: none;
}
.order-form .form-order .form-control:focus {
border-color: #f47629;
}
.order-form .form-order .pt-required {
display: inline-block;
float: right;
position: relative;
top: 4px;
color: red;
padding-left: 5px;
font-size: 14px;
line-height: 22px;
}
.order-form .form-order .invalid-feedback {
margin-top: 2px;
font-size: 14px;
line-height: 24px;
}
@media (max-width: 1024.98px) {
.order-form .order-form__title {
font-size: 18px;
padding: 7px 15px;
}
.order-form .order-form__content {
padding: 18px 15px 8px 5px;
}
.order-form .order-form__content form .form-group {
margin-bottom: 10px;
}
.order-form .order-form__content form .form-group {
margin-left: 10px;
}
.order-form .form-order .form-control {
font-size: 15px;
padding: 12px 12px 12px 15px;
}
.order-form .form-order .form-control:not(textarea) {
height: 40px;
}
}
@media (max-width: 767px) {
.order-form .order-form__content form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.order-form .order-form__content form .form-group:nth-child(2),
.order-form .order-form__content form .form-group:nth-child(5),
.order-form .order-form__content form .form-group:nth-child(6) {
width: calc(100% - 10px);
}
.order-form .order-form__content form .form-group:nth-child(3),
.order-form .order-form__content form .form-group:nth-child(4) {
width: calc(50% - 10px);
}
.order-form .order-form__content form .form-group:nth-child(6) .tt-btn {
width: 100%;
}
.order-form .order-form__content form .form-group:not(:first-child) {
margin-left: 10px;
}
}
@media (min-width: 767px) {
.order-form .order-form__title {
pointer-events: none;
}
.order-form .order-form__title i {
display: none;
}
}
@media (max-width: 766.98px) {
.order-form {
text-align: center;
}
.order-form .order-form__title {
font-size: 14px;
padding: 4px 15px;
cursor: pointer;
}
.order-form .order-form__title i {
display: inline-block;
margin-right: 7px;
position: relative;
top: -2px;
}
.order-form .order-form__title.active i {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 1px;
}
.order-form .order-form__content {
display: none;
}
}
.tt-slideinfo-wrapper {
overflow: hidden;
position: relative;
}
@media (min-width: 1025px) {
.tt-slideinfo-wrapper {
margin-bottom: -13px;
}
.tt-slideinfo-wrapper:before,
.tt-slideinfo-wrapper:after {
content: '';
display: block;
position: absolute;
z-index: 3;
left: 0;
width: 100%;
height: 20px;
background-color: #ffffff;
-webkit-transition: height .13s ease;
transition: height .13s ease;
}
.tt-slideinfo-wrapper:before {
top: 0px;
}
.tt-slideinfo-wrapper:after {
bottom: 0px;
}
.tt-slideinfo-wrapper:hover:before {
height: 0px;
}
.tt-slideinfo-wrapper:hover:after {
height: 1px;
}
}
@media (max-width: 1024.98px) {
.tt-slideinfo-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(2) {
margin-left: 0px;
margin-right: 0px;
}
}
@media (min-width: 767px) {
.tt-slideinfo-wrapper {
margin-left: -75px;
margin-right: -75px;
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(2) {
margin-left: -4px;
margin-right: -4px;
}
.tt-slideinfo-wrapper:not(.slick-initialized) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tt-slideinfo-wrapper .tt-slideinfo {
-webkit-transition: width 0.13s ease;
transition: width 0.13s ease;
position: relative; }
.tt-slideinfo-wrapper .tt-slideinfo:not(.active) {
width: 33.333%;
}
.tt-slideinfo-wrapper .tt-slideinfo.wide {
width: calc(33.333% + 30px);
}
.tt-slideinfo-wrapper .tt-slideinfo.short {
width: calc(33.333% - 15px);
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(2) {
z-index: 1;
}
.tt-slideinfo-wrapper .tt-slideinfo .tt-item__bg {
margin-left: -76px;
width: calc(100% + 76px);
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(1) {
z-index: 2;
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(2) {
z-index: 1;
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(3) {
z-index: 0;
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(1) {
padding-left: 70px;
}
.tt-slideinfo-wrapper .tt-slideinfo:nth-child(3) {
padding-right: 70px;
}
}
@media (min-width: 767px) and (max-width: 1024px) {
.tt-slideinfo-wrapper {
margin-left: -52px;
margin-right: -52px;
}
}
@media (max-width: 766px) {
.tt-slideinfo-wrapper {
margin-left: 0;
margin-right: 0;
}
}
.tt-slideinfo {
position: relative;
height: 730px;
}
.tt-slideinfo .tt-item__bg {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: skew(12deg, 0);
transform: skew(12deg, 0);
overflow: hidden;
background-color: #333333;
}
.tt-slideinfo .tt-item__bg:before {
content: "";
z-index: 1;
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%);
-webkit-transition: 0s ease-in-out;
transition: 0s ease-in-out;
pointer-events: none;
opacity: 0.5;
}
.tt-slideinfo .tt-item__bg .tt-item__bg-img {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 130%;
height: 100%;
opacity: 0.6;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tt-slideinfo .tt-item__bg .tt-item__bg-top {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tt-slideinfo .tt-item__bg .tt-item__bg-top:before,
.tt-slideinfo .tt-item__bg .tt-item__bg-top:after {
content: '';
width: calc(100% + 4px);
height: 20px;
background-color: #ffffff;
display: block;
position: absolute;
left: -2px;
-webkit-transition: height .13s ease;
transition: height .13s ease;
}
.tt-slideinfo .tt-item__bg .tt-item__bg-top:before {
top: 0;
}
.tt-slideinfo .tt-item__bg .tt-item__bg-top:after {
bottom: 0;
}
.tt-slideinfo .tt-item__content {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}
.tt-slideinfo .tt-item__title {
font-size: 36px;
line-height: 1;
width: 100%;
font-family: "Poppins", sans-serif;
font-weight: 600;
position: relative;
}
.tt-slideinfo .tt-item__title .tt-icon {
display: inline-block;
position: absolute;
top: -85px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
opacity: 0.44;
}
.tt-slideinfo .tt-item__title span {
position: relative;
z-index: 2;
}
.tt-slideinfo .tt-item__description {
max-width: 397px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.tt-slideinfo .tt-item__btn {
margin-top: 28px;
width: 100%;
}
.tt-slideinfo .tt-item__btn a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 59px;
height: 59px;
border-radius: 50%;
background-color: #f47629;
font-size: 30px;
line-height: 30px;
color: #ffffff;
position: relative;
-webkit-transition: background-color .3s, color .3s;
transition: background-color .3s, color .3s;
font-size: 16px;
line-height: 18px;
}
.tt-slideinfo .tt-item__btn a:before {
position: relative;
z-index: 2;
}
.tt-slideinfo .tt-item__btn a::after {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
background: #f47629;
opacity: .5;
-webkit-animation: pulse 1.3s infinite linear;
animation: pulse 1.3s infinite linear;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none;
}
.tt-slideinfo .tt-item__btn a:hover {
background-color: #ffffff;
color: #f47629;
}
.tt-slideinfo .tt-item__btn a:hover:after {
display: none;
}
.tt-slideinfo .tt-item__btn_link a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 59px;
height: 59px;
border-radius: 50%;
background-color: #f47629;
font-size: 30px;
line-height: 30px;
color: #ffffff;
position: relative;
-webkit-transition: background-color .3s, color .3s;
transition: background-color .3s, color .3s;
font-size: 16px;
line-height: 18px;
}
.tt-slideinfo .tt-item__btn_link a:before {
position: relative;
z-index: 2;
}
.tt-slideinfo .tt-item__btn_link a::after {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
background: #f47629;
opacity: .5;
-webkit-animation: pulse 1.3s infinite linear;
animation: pulse 1.3s infinite linear;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none;
}
.tt-slideinfo .tt-item__btn_link a:hover {
background-color: #ffffff;
color: #f47629;
}
.tt-slideinfo .tt-item__btn_link a:hover:after {
display: none;
}
.tt-slideinfo:hover .tt-item__bg {
overflow: hidden;
}
.tt-slideinfo:hover .tt-item__bg:before {
left: 100%;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.tt-slideinfo:hover .tt-item__bg .tt-item__bg-top:before,
.tt-slideinfo:hover .tt-item__bg .tt-item__bg-top:after {
height: 0;
}
.tt-slideinfo.open-info .tt-item__title {
position: static;
}
.tt-slideinfo.open-info .tt-item__title .tt-icon {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-top: -25px;
}
.tt-slideinfo.open-info .tt-item__description {
display: block;
}
@media (max-width: 1500px) {
.tt-slideinfo .tt-item__description {
max-width: 337px;
}
}
@media (max-width: 1229.98px) {
.tt-slideinfo {
height: 600px;
}
.tt-slideinfo .tt-item__title {
font-size: 33px;
}
}
@media (max-width: 1024px) {
.tt-slideinfo {
height: 411px;
}
.tt-slideinfo .tt-item__description {
max-width: 250px;
}
.tt-slideinfo.slick-slide {
height: 411px;
}
.tt-slideinfo .tt-item__title {
font-size: 24px;
}
.tt-slideinfo .tt-item__title .tt-icon {
top: -53px;
}
.tt-slideinfo .tt-item__title .tt-icon img {
max-width: 46px;
}
.tt-slideinfo .tt-item__content {
padding-left: 15px;
padding-right: 15px;
}
.tt-slideinfo .tt-item__btn {
margin-top: 15px;
width: 100%;
}
.tt-slideinfo .tt-item__btn a {
width: 36px;
height: 36px;
font-size: 20px;
line-height: 20px;
}
.tt-slideinfo .tt-item__btn a:hover {
background-color: #ffffff;
color: #f47629;
}
.tt-slideinfo .tt-item__btn a:hover:after {
display: none;
}
.tt-slideinfo .tt-item__bg .tt-item__bg-top:before,
.tt-slideinfo .tt-item__bg .tt-item__bg-top:after {
display: none;
}
}
@media (max-width: 766px) {
.tt-slideinfo {
height: 411px;
}
.tt-slideinfo.slick-slide {
height: 411px;
}
.tt-slideinfo .tt-item__title {
font-size: 24px;
}
.tt-slideinfo .tt-item__title .tt-icon {
top: -53px;
}
.tt-slideinfo .tt-item__title .tt-icon img {
max-width: 46px;
}
.tt-slideinfo .tt-item__bg {
-webkit-transform: skew(0deg, 0);
transform: skew(0deg, 0);
}
.tt-slideinfo .tt-item__bg .tt-item__bg-img {
-webkit-transform: skew(0deg);
transform: skew(0deg);
width: 100%;
}
.tt-slideinfo .tt-item__content {
padding-left: 15px;
padding-right: 15px;
}
.tt-slideinfo .tt-item__btn {
margin-top: 15px;
width: 100%;
}
.tt-slideinfo .tt-item__btn a {
width: 36px;
height: 36px;
font-size: 20px;
line-height: 20px;
}
.tt-slideinfo .tt-item__btn a:hover {
background-color: #ffffff;
color: #f47629;
}
.tt-slideinfo .tt-item__btn a:hover:after {
display: none;
}
.tt-slideinfo .tt-item__btn_link a {
width: 36px;
height: 36px;
font-size: 20px;
line-height: 20px;
}
.tt-slideinfo .tt-item__btn_link a:hover {
background-color: #ffffff;
color: #f47629;
}
.tt-slideinfo .tt-item__btn_link a:hover:after {
display: none;
}
.tt-slideinfo .tt-item__bg {
-webkit-transform: skew(0deg, 0);
transform: skew(0deg, 0);
}
.tt-slideinfo .tt-item__bg .tt-item__bg-top {
-webkit-transform: skew(0deg, 0);
transform: skew(0deg, 0);
}
.tt-slideinfo .tt-item__bg .tt-item__bg-top:before,
.tt-slideinfo .tt-item__bg .tt-item__bg-top:after {
display: none;
}
.tt-slideinfo .tt-item__description {
max-width: 337px;
}
}
@media (max-width: 575px) {
.tt-slideinfo {
height: 310px !important;
}
.tt-slideinfo .tt-item__content {
padding-left: 0px;
padding-right: 0px;
}
}
@-webkit-keyframes pulse {
from {
width: 100%;
height: 100%;
opacity: .8;
}
50% {
width: 140%;
height: 140%;
opacity: 0;
}
to {
width: 100%;
height: 100%;
opacity: 0;
}
}
@keyframes pulse {
from {
width: 100%;
height: 100%;
opacity: .8;
}
50% {
width: 140%;
height: 140%;
opacity: 0;
}
to {
width: 100%;
height: 100%;
opacity: 0;
}
}
.tt-box01 {
background-position: center top;
background-size: cover;
padding: 96px 0;
overflow: hidden;
}
.tt-box01 .tt-box01__description {
background-color: #ffffff;
display: inline-block;
padding: 77px 100px 120px 90px;
max-width: 584px;
}
.tt-box01 .tt-box01__title {
font-size: 36px;
line-height: 46px;
color: #303442;
font-family: "Poppins", sans-serif;
position: relative;
padding: 0 0 0 37px;
margin: 0 0 23px 0;
}
.tt-box01 .tt-box01__title:before {
content: '';
width: 4px;
height: calc(100% - 20px);
background-color: #f47629;
display: block;
position: absolute;
top: 9px;
left: 0;
}
.tt-box01 .tt-box01__title+* {
margin-top: 0;
}
.tt-box01 .tt-row-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
top: 35px;
}
.tt-box01 .tt-box01__holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tt-box01 .tt-box01__video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
@media (max-width: 1024.98px) {
.tt-box01 {
padding: 33px 0;
}
.tt-box01 .tt-box01__description {
padding: 26px 35px 49px 30px;
max-width: 345px;
}
.tt-box01 .tt-box01__title {
font-size: 24px;
line-height: 30px;
padding: 0 0 0 20px;
margin-bottom: 12px;
}
.tt-box01 .tt-box01__title:before {
width: 2px;
top: 6px;
height: calc(100% - 14px);
}
.tt-box01 .tt-row-btn {
top: 19px;
}
}
@media (max-width: 575px) {
.tt-box01 {
background-position: right top;
padding: 70px 0 33px;
}
.tt-box01 .tt-box01__holder {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tt-box01 .tt-box01__holder .tt-box01__description {
max-width: inherit;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 26px 35px 49px 30px;
}
.tt-box01 .tt-box01__holder .tt-box01__video {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 42px;
margin-bottom: 9px;
}
}
.tt-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 89px;
height: 89px;
background-color: #f47629;
border: 2px solid #f47629;
border-radius: 50%;
color: #ffffff;
-webkit-transition: all .3s;
transition: all .3s;
position: relative;
font-size: 20px;
}
.tt-video:before {
position: relative;
z-index: 2;
}
.tt-video::after {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
background: #f47629;
opacity: .5;
-webkit-animation: pulse 1.3s infinite linear;
animation: pulse 1.3s infinite linear;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none;
}
.tt-video:hover {
color: #ffffff;
}
.tt-video:hover:after {
display: none;
}
@media (max-width: 1024.98px) {
.tt-video {
width: 66px;
height: 66px;
font-size: 14px;
}
.tt-video::after {
font-size: 15px;
}
}
@media (max-width: 766.98px) {
.tt-video {
width: 49px;
height: 49px;
font-size: 11px;
}
.tt-video::after {
font-size: 15px;
}
}
@keyframes pulse {
from {
width: 100%;
height: 100%;
opacity: .8;
}
50% {
width: 140%;
height: 140%;
opacity: 0;
}
to {
width: 100%;
height: 100%;
opacity: 0;
}
}
.tt-box02_wrapper {
margin-top: -50px;
}
.tt-box02_wrapper .tt-box02 {
margin-top: 50px;
}
@media (max-width: 1024px) {
.tt-box02_wrapper.slick-type01 .slick-dots {
margin-top: 15px;
margin-bottom: 0;
}
}
@media (max-width: 575px) {
.tt-box02_wrapper.slick-type01 .slick-dots {
margin-top: 16px;
}
}
.tt-box02 {
text-align: center;
}
.tt-box02 .tt-box02__img {
position: relative;
margin-bottom: 73px;
display: block;
}
.tt-box02 .tt-box02__img img {
max-width: 142px;
height: auto;
}
.tt-box02 .tt-box02__img img.tt-img-main {
opacity: 0.3;
-webkit-transition: opacity 0.5s ease-in-out 0s;
transition: opacity 0.5s ease-in-out 0s;
}
.tt-box02 .tt-box02__img img.tt-img-mask {
position: absolute;
z-index: 2;
max-width: 142px;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tt-box02 .tt-box02__img .tt-bg-dark {
background-color: #242835;
display: inline-block;
max-width: 142px;
margin-left: auto;
margin-right: auto;
}
.tt-box02 .tt-box02__img:before {
color: #ffffff;
font-size: 54px;
line-height: 1;
position: absolute;
z-index: 3;
top: 47px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.tt-box02 .tt-box02__title {
font-size: 24px;
line-height: 34px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
padding: 0 0 14px 0;
margin: 0;
}
.tt-box02 .tt-box02__title a {
color: #303442;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.tt-box02 .tt-box02__title a:hover {
color: #f47629;
}
.tt-box02 .tt-box02__title+p {
margin-top: 0;
max-width: 265px;
margin-left: auto;
margin-right: auto;
}
.tt-box02 .tt-row-btn {
margin-top: 14px;
}
.tt-box02:hover .tt-box02__img img.tt-img-main {
opacity: 1;
}
.tt-box02:hover .tt-box02__img:before {
color: #f47629;
}
@media (max-width: 1024.98px) {
.tt-box02 .tt-box02__img {
margin-bottom: 45px;
}
.tt-box02 .tt-box02__img img {
max-width: 104px;
}
.tt-box02 .tt-box02__img img.tt-img-mask {
max-width: 104px;
}
.tt-box02 .tt-box02__img .tt-bg-dark {
max-width: 104px;
}
.tt-box02 .tt-box02__img:before {
top: 32px;
font-size: 44px;
}
.tt-box02 .tt-box02__title {
font-size: 20px;
line-height: 34px;
padding-bottom: 5px;
}
.tt-box02 .tt-row-btn {
margin-top: 7px;
}
}
.tt-box03 {
position: relative;
overflow: hidden;
}
.tt-box03.tt-box03__extraindent {
margin-top: -120px;
}
.tt-box03.tt-box03__extraindent .tt-box03__content {
margin: 121px 0 0 0;
padding: 90px 90px 90px 0px;
}
.tt-box03 .tt-box03__content {
background-color: #ffffff;
padding: 70px 60px 0px 0px;
margin: 35px 0 0 0;
position: relative;
z-index: 2;
}
.tt-box03 .tt-box03__content .slick-dots {
margin-left: 171px;
}
.tt-box03 .tt-box03__img {
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 59.8%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 84% top;
}
@media (min-width: 766px) {
.tt-box03 .tt-box03__img.tt-visible-mobile {
display: none;
}
}
@media (max-width: 766px) {
.tt-box03 .tt-box03__img.tt-visible-desktop {
display: none;
}
}
.tt-box03 .item .item__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: -10px;
}
.tt-box03 .item .tt-item__img {
position: relative;
top: 12px;
}
.tt-box03 .item .tt-item__img img {
border-radius: 50%;
min-width: 119px;
width: 119px;
height: auto;
margin-left: 30px;
}
.tt-box03 .item .tt-item__img:before {
content: '\e92b';
font-family: "Electrician";
display: block;
position: absolute;
top: 0;
left: 0px;
font-size: 59px;
color: #f47629;
}
.tt-box03 .item .tt-item__title {
margin-left: 30px;
}
.tt-box03 .item .tt-item__content {
margin: 10px 0 0 183px;
}
.tt-box03 .item blockquote {
margin: -7px 0 0 0;
padding: 0;
}
.tt-box03 .item blockquote::before {
display: none;
}
.tt-box03 .item blockquote cite {
display: block;
margin-top: 25px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}
.tt-box03 .tt-box03__extra {
background-color: #f47629;
color: #ffffff;
position: absolute;
right: 0;
bottom: 95px;
width: 338px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
margin-right: 33px;
padding: 33px 20px 35px 38px;
z-index: 2;
-webkit-box-shadow: 0 0 50px rgba(48, 52, 66, 0.2);
box-shadow: 0 0 50px rgba(48, 52, 66, 0.2);
}
.tt-box03 .tt-box03__extra .tt-title {
font-size: 24px;
line-height: 32px;
font-family: "Poppins", sans-serif;
font-weight: 600;
padding: 0 0 10px 0;
margin: 0;
color: #fff;
}
.tt-box03 .tt-box03__extra .tt-title+p {
margin-top: 0;
color: #fff;
}
.tt-box03 .tt-box03__extra address {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 30px;
margin-top: 15px;
}
.tt-box03 .tt-box03__extra address a {
color: #ffffff;
}
.tt-box03 .tt-box03__extra address i {
font-size: 16px;
margin-right: 2px;
}
.tt-box03 .tt-box03__bg-marker {
position: absolute;
z-index: 2;
top: -49px;
opacity: 0.08;
}
.tt-box03 .tt-box03__bg-marker:before {
content: '';
width: 76px;
height: 76px;
background: #ffffff;
position: absolute;
display: block;
z-index: 2;
bottom: 0px;
right: 0;
}
@media (max-width: 1500px) {
.tt-box03 .tt-box03__bg-marker {
display: none;
}
}
@media (max-width: 1024.98px) {
.tt-box03.tt-box03__extraindent {
margin-top: -42px;
}
.tt-box03.tt-box03__extraindent .tt-box03__content {
padding: 27px 90px 42px 0px;
margin: 42px 0 0 0;
}
.tt-box03 .tt-box03__content {
padding: 27px 90px 39px 0px;
margin: 42px 0 0 0;
}
.tt-box03 .tt-box03__content .slick-dots {
margin-left: 0px;
margin-top: 10px;
}
.tt-box03 .item .tt-item__img img {
min-width: 55px;
width: 55px;
}
.tt-box03 .item .tt-item__img:before {
font-size: 26px;
top: -5px;
left: 13px;
}
.tt-box03 .item .tt-item__title {
margin-left: 17px;
margin-top: 5px;
}
.tt-box03 .item .tt-item__content {
margin: 0px 0 0 0px;
}
.tt-box03 .item blockquote {
margin: -7px 0 0 0;
padding: 0;
}
.tt-box03 .item blockquote cite {
display: block;
margin-top: 11px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 14px;
}
.tt-box03 .tt-box03__extra {
right: 0;
bottom: 36px;
width: 338px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
margin-right: 33px;
padding: 26px 20px 28px 34px;
}
.tt-box03 .tt-box03__extra .tt-title {
font-size: 20px;
padding: 0 0 10px 0;
}
.tt-box03 .tt-box03__extra address {
font-size: 20px;
line-height: 30px;
margin-top: 10px;
}
.tt-box03 .tt-box03__extra address i {
font-size: 14px;
margin-right: 5px;
}
}
@media (max-width: 766px) {
.tt-box03.tt-box03__extraindent {
margin-top: -42px;
margin-bottom: -43px;
}
.tt-box03.tt-box03__extraindent .tt-box03__content {
padding: 33px 40px 30px 0px;
margin: 42px 0 0 0;
}
.tt-box03 .tt-box03__extra {
position: relative;
-webkit-transform: translateX(0%);
transform: translateX(0%);
float: right;
max-width: 304px;
width: calc(100% + 15px);
-webkit-box-shadow: 0 0 40px rgba(48, 52, 66, 0.2);
box-shadow: 0 0 40px rgba(48, 52, 66, 0.2);
padding: 27px 20px 28px 34px;
right: -15px;
margin: 0;
}
.tt-box03 .tt-box03__extra .tt-title {
font-size: 20px;
line-height: 30px;
padding-bottom: 11px;
}
.tt-box03 .tt-box03__extra address {
font-size: 20px;
}
.tt-box03 .tt-box03__extra .tt-box03__content {
width: calc(100% + 15px);
margin: 0 0 0 -15px;
padding: 27px 25px 39px 15px;
}
.tt-box03 .tt-box03__content {
width: calc(100% + 15px);
margin: 0 0 0 -15px;
padding: 27px 25px 39px 15px;
}
.tt-box03 .tt-box03__content:before {
content: '';
width: 15px;
height: 100%;
background-color: #303442;
display: block;
position: absolute;
right: 0px;
top: 0;
}
.tt-box03 .tt-box03__img {
height: 234px;
width: calc(100% + 30px);
position: relative;
margin-left: -15px;
margin-right: -15px;
}
.tt-box03 .item .tt-item__img:before {
left: 0;
}
.tt-box03 .item .tt-item__img img {
margin-left: 15px;
}
.tt-box03 .item .tt-item__content {
margin: 5px 0 0 0px;
}
.tt-box03.tt-box03__mobile-revers [class^="col-"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tt-box03.tt-box03__mobile-revers .tt-box03__img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tt-box03.tt-box03__mobile-revers .tt-box03__content {
margin-top: -43px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.tt-box03.tt-box03__mobile-revers .tt-box03__content:before {
display: none;
}
}
.tt-box05_wrapper {
margin-top: -50px;
}
.tt-box05_wrapper .tt-box05 {
margin-top: 50px;
}
.tt-box05 {
text-align: center;
display: block;
}
.tt-box05 .tt-box05__img {
position: relative;
margin-bottom: 61px;
}
.tt-box05 .tt-box05__img img {
max-width: 224px;
height: auto;
display: inline-block;
}
.tt-box05 .tt-box05__img img.tt-img-mask {
position: absolute;
z-index: 2;
max-width: 224px;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tt-box05 .tt-box05__title {
padding: 0 0 14px 0;
margin: 0;
width: 100%;
}
.tt-box05 .tt-box05__title .tt-text-01 {
font-size: 20px;
line-height: 30px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.tt-box05 .tt-box05__title .tt-text-02 {
font-size: 16px;
line-height: 32px;
margin-top: 2px;
color: #7b7b7b;
}
.tt-box05 .tt-row-btn {
margin-top: 14px;
}
.tt-box05:hover .tt-box05__title .tt-text-01 {
color: #f47629;
}
@media (max-width: 1024.98px) {
.tt-box05 .tt-box05__img {
margin-bottom: 47px;
}
.tt-box05 .tt-box05__img img {
max-width: 180px;
}
.tt-box05 .tt-box05__img img.tt-img-mask {
max-width: 180px;
}
.tt-box05 .tt-box05__title {
padding: 0 0 14px 0;
margin: 0;
width: 100%;
}
.tt-box05 .tt-box05__title .tt-text-01 {
font-size: 18px;
line-height: 28px;
}
.tt-box05 .tt-box05__title .tt-text-02 {
font-size: 15px;
line-height: 24px;
margin-top: 2px;
}
}
.layout01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative; }
.layout01 .layout01__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 57.5%;
flex: 0 0 57.5%;
max-width: 57.5%;
position: relative;
}
.layout01 .layout01__img .tt-img-main img {
width: 100%;
height: auto;
}
.layout01 .layout01__img .tt-img-more {
position: absolute;
}
.layout01 .layout01__img .tt-img-more img {
max-width: 436px;
-webkit-box-shadow: 0 0 50px rgba(48, 52, 66, 0.2);
box-shadow: 0 0 50px rgba(48, 52, 66, 0.2);
}
.layout01 .layout01__img .tt-img-more.left-bottom {
left: -98px;
bottom: -63px;
}
.layout01 .layout01__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 42.5%;
flex: 0 0 42.5%;
max-width: 42.5%;
}
@media (min-width: 1025px) {
.layout01.layout01__img-more .layout01__img {
margin-bottom: 61px;
}
}
.layout01 .layout01__content-wrapper {
background-color: #ffffff;
position: relative;
margin: 35px 0 0 -85px;
padding: 62px 0 0px 75px;
}
@media (max-width: 1024.98px) {
.layout01.layout01__img-more .layout01__img {
margin-bottom: 129px;
}
.layout01.layout01__small-layout .layout01__content-wrapper {
padding-bottom: 22px !important;
}
}
.layout01 .layout01__bg-marker {
position: absolute;
z-index: 2;
top: -26px;
opacity: 0.08;
}
.layout01 .layout01__bg-marker:before {
content: '';
width: 64px;
height: 64px;
background: #ffffff;
position: absolute;
display: block;
z-index: 2;
bottom: 0;
}
.layout01.layout01__revers .layout01__img {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout01.layout01__revers .layout01__img .tt-img-more.left-bottom {
left: inherit;
right: -98px;
}
.layout01.layout01__revers .layout01__content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.layout01.layout01__revers .layout01__content-wrapper {
margin-left: 0;
margin-right: -85px;
padding: 62px 75px 85px 0;
}
.layout01.layout01__revers .layout01__bg-marker {
left: -129px;
}
.layout01.layout01__revers .layout01__bg-marker:before {
right: 0;
}
.layout01:not(.layout01__revers) .layout01__bg-marker {
right: -129px;
}
.layout01:not(.layout01__revers) .layout01__bg-marker:before {
left: 0;
}
@media (max-width: 1500px) {
.layout01 .layout01__bg-marker {
display: none;
}
.layout01 .layout01__img .tt-img-more img {
max-width: 370px;
}
.layout01 .layout01__img .tt-img-more.left-bottom {
left: -27px;
bottom: -63px;
}
.layout01.layout01__revers .layout01__img .tt-img-more.left-bottom {
left: auto;
right: -27px;
}
}
@media (max-width: 1229px) {
.layout01.layout01__revers .layout01__content-wrapper {
padding-bottom: 20px;
}
}
@media (max-width: 1250px) {
.layout01 .layout01__img .tt-img-more img {
max-width: 370px;
}
.layout01 .layout01__img .tt-img-more.left-bottom {
left: -15px;
}
.layout01.layout01__revers .layout01__img .tt-img-more.left-bottom {
left: auto;
right: -15px;
}
}
@media (max-width: 1024.98px) {
.layout01 .layout01__img .tt-img-more img {
max-width: 232px;
-webkit-box-shadow: 0 0 30px rgba(48, 52, 66, 0.2);
box-shadow: 0 0 30px rgba(48, 52, 66, 0.2);
}
.layout01 .layout01__img .tt-img-more.left-bottom {
left: -15px;
bottom: -109px;
}
.layout01 .layout01__content-wrapper {
margin: 32px 0 0 -85px;
padding: 25px 0 0px 35px;
}
.layout01.layout01__revers .layout01__img .tt-mg-more.left-bottom {
right: -15px;
left: auto;
}
.layout01.layout01__revers .layout01__content-wrapper {
padding: 25px 35px 0px 0;
}
.layout01 .layout01__bg-marker {
display: none;
}
}
@media (max-width: 766.98px) {
.layout01 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
}
.layout01.layout01__img-more .layout01__img {
margin-bottom: 0px;
}
.layout01 .layout01__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 458px;
padding-bottom: 21px;
padding-left: 35px;
}
.layout01 .layout01__img .tt-img-more img {
max-width: 53%;
min-width: 146px;
-webkit-box-shadow: 0 0 20px rgba(48, 52, 66, 0.2);
box-shadow: 0 0 20px rgba(48, 52, 66, 0.2);
}
.layout01 .layout01__img .tt-img-more.left-bottom {
left: 0px;
bottom: 0px;
}
.layout01 .layout01__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.layout01 .layout01__content-wrapper {
margin: 33px 0 0 0px;
padding: 0px;
}
.layout01.layout01__revers .layout01__content-wrapper {
margin: 33px 0 0 0px;
padding: 0px;
}
.layout01.layout01__revers .layout01__img .tt-img-more.left-bottom {
right: inherit;
left: 0;
}
.layout01.layout01__revers .layout01__content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.layout01.layout01__single-img .layout01__img {
padding-left: 0;
padding-bottom: 0;
}
}
.tt-data-info {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 32px;
margin-left: -40px;
}
.tt-data-info .tt-item {
margin-left: 40px;
}
@media (max-width: 1024.98px) {
.tt-data-info {
margin-left: -25px;
}
.tt-data-info .tt-item {
margin-left: 25px;
}
.tt-data-info .tt-item:last-child img {
max-width: 90px;
}
}
@media (max-width: 766.98px) {
.tt-data-info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 26px;
padding-right: 26px;
}
.tt-data-info .tt-item {
margin: 0;
padding: 0;
width: 100%;
}
.tt-data-info .tt-item:last-child {
margin-top: 25px;
}
}
.personal-box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 0 51px 0 0;
}
.personal-box:before {
content: '';
display: inline-block;
position: absolute;
top: 10px;
right: 0;
width: 1px;
height: calc(100% - 20px);
background-color: #d3d4d7;
}
.personal-box .personal-box__img img {
border-radius: 50%;
max-width: 67px;
}
.personal-box .personal-box__content {
margin: 0 0 0 25px;
font-size: 14px;
line-height: 24px;
}
.personal-box .personal-box__title {
color: #303442;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 600;
margin-bottom: -4px;
}
@media (max-width: 1024.98px) {
.personal-box {
padding: 0 26px 0 0;
}
.personal-box:before {
top: 5px;
height: calc(100% - 10px);
}
.personal-box .personal-box__img img {
max-width: 49px;
}
.personal-box .personal-box__content {
margin: 0 0 0 13px;
}
.personal-box .personal-box__title {
font-size: 14px;
margin-bottom: -2px;
}
}
.tt-box04 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tt-box04 .tt-box04__figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 70px;
min-width: 70px;
height: 70px;
background-color: #f47629;
border-radius: 50%;
color: #ffffff;
font-size: 28px;
line-height: 28px;
}
.tt-box04 .tt-box04__figure+.tt-box04__content {
margin-left: 20px;
}
.tt-box04 .tt-box04__figure .icon-1716894 {
position: relative;
top: -2px;
}
.tt-box04 .tt-box04__content {
color: #303442;
}
.tt-box04 .tt-title {
color: #303442;
font-size: 42px;
line-height: 32px;
font-family: "Poppins", sans-serif;
font-weight: 600;
margin: 0;
padding: 0 0 10px 0;
}
.tt-box04 .tt-title+p {
margin-top: 0;
}
@media (max-width: 1024.98px) {
.tt-box04 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tt-box04 .tt-box04__figure {
width: 60px;
min-width: 60px;
height: 60px;
font-size: 24px;
line-height: 42px;
}
.tt-box04 .tt-box04__figure+.tt-box04__content {
margin-left: 0px;
margin-top: 20px;
width: 100%;
}
.tt-box04 .tt-title {
font-size: 35px;
line-height: 24px;
}
}
.tt-box04-wrapper {
margin-top: 10px;
}
.tt-box04-wrapper [class^="col-"] {
margin-top: 28px;
}
.tt-info__top {
margin-top: 28px;
}
.tt-info .tt-info__title {
font-size: 16px;
line-height: 26px;
font-weight: 700;
color: #303442;
padding-bottom: 4px;
}
.tt-info address {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
color: #f47629;
padding-bottom: 4px;
}
.tt-info address .tt-icon {
margin-right: 3px;
font-size: 16px;
position: relative;
top: -1px;
}
.tt-info address a {
color: #f47629;
}
.layout01-fluid {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.layout01-fluid .layout01__img {
width: 50%;
height: 100%;
position: absolute;
left: 0;
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
}
.layout01-fluid .layout01__content {
margin-top: 35px;
background-color: #ffffff;
max-width: 56.8%;
float: right;
position: relative;
padding: 63px 30px 65px 75px;
}
@media (max-width: 1024.98px) {
.layout01-fluid .layout01__content {
padding: 25px 30px 25px 35px;
}
}
@media (max-width: 766.98px) {
.layout01-fluid .layout01__img {
width: 100%;
height: 250px;
position: relative;
}
.layout01-fluid .layout01__content {
max-width: inherit;
width: calc(100% - 15px);
float: inherit;
margin-top: -43px;
margin-right: -15px;
padding: 25px 15px 25px 15px;
}
.layout01-fluid .container {
padding-left: 0;
padding-right: 0;
}
}
.tt-layout02 {
text-align: center;
padding: 39px 30px 35px 40px;
-webkit-box-shadow: 0 0 15px rgba(48, 52, 66, 0.1);
box-shadow: 0 0 15px rgba(48, 52, 66, 0.1);
-webkit-transition: -webkit-box-shadow .2s;
transition: -webkit-box-shadow .2s;
transition: box-shadow .2s;
transition: box-shadow .2s, -webkit-box-shadow .2s;
background-color: #ffffff;
}
.tt-layout02 .tt-layout02__icon {
font-size: 49px;
color: #f47629;
}
.tt-layout02 .tt-layout02__title {
color: #303442;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 24px;
line-height: 34px;
margin: 25px 0 0 0;
padding: 0 0 14px 0;
}
.tt-layout02 .tt-layout02__list {
text-align: left;
}
.tt-layout02 .tt-layout02__list li {
color: #7b7b7b;
padding: 0 0 0 30px;
position: relative;
font-style: 16px;
}
.tt-layout02 .tt-layout02__list li:before {
content: "\e922";
font-family: "Electrician";
color: #f47629;
position: absolute;
top: 9px;
left: 0;
font-size: 10px;
line-height: 1;
}
.tt-layout02 .tt-layout02__list li a {
color: #303442;
}
.tt-layout02 .tt-layout02__list li a:hover {
color: #f47629;
}
.tt-layout02 .tt-layout02__list li:not(:first-child) {
margin-top: 5px;
}
.tt-layout02 .tt-layout02__hr {
margin: 23px 0 0px 0;
border: none;
outline: none;
height: 1px;
width: 100%;
background-color: #e9e9eb;
}
.tt-layout02 .tt-layout02__price {
color: #8f939f;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 36px;
line-height: 46px;
margin: 24px 0 0 0;
}
.tt-layout02 .tt-layout02__link {
margin-top: 8px;
}
.tt-layout02:hover {
-webkit-box-shadow: 0 0 15px rgba(48, 52, 66, 0.18);
box-shadow: 0 0 15px rgba(48, 52, 66, 0.18);
}
@media (max-width: 1024px) {
.tt-layout02 {
padding: 26px 30px 20px;
}
.tt-layout02 .tt-layout02__icon {
font-size: 39px;
}
.tt-layout02 .tt-layout02__title {
font-size: 20px;
line-height: 30px;
margin-top: 15px;
padding: 0 0 10px 0;
}
.tt-layout02 .tt-layout02__list li {
padding: 0 0 0 20px;
}
.tt-layout02 .tt-layout02__price {
font-size: 24px;
line-height: 36px;
margin-top: 17px;
}
.tt-layout02 .tt-layout02__link {
margin-top: 2px;
}
}
@media (max-width: 767px) {
.tt-layout02 {
max-width: 368px;
margin-left: auto;
margin-right: auto;
}
}
.tt-layout02-wrapper {
margin-top: -30px;
}
.tt-layout02-wrapper .tt-layout02 {
margin-top: 30px;
margin-bottom: 30px;
}
.tt-layout02-wrapper.slick-type01 .slick-dots {
margin-top: 4px;
z-index: 2;
position: relative;
}
@media (max-width: 767px) {
.tt-layout02-wrapper {
padding-left: 0px;
padding-right: 0px;
}
.tt-layout02-wrapper.slick-type01 .slick-dots {
margin-top: -15px;
}
}
.tt-logo-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: -8px;
}
.tt-logo-list a {
outline: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
display: block;
}
.tt-logo-list a:hover {
opacity: 0.6;
}
.tt-logo-list .tt-item {
width: 16.666%;
}
.tt-logo-list .tt-item:not(:first-child) {
padding-left: 24px;
}
.tt-logo-list .tt-item img {
max-width: 100%;
height: auto;
}
@media (max-width: 766.98px) {
.tt-logo-list .tt-item {
padding-left: 6px;
padding-right: 6px;
}
} #filter-nav {
position: relative;
}
#filter-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -7px;
padding: 0 0 8px 0;
}
#filter-nav ul li>a {
color: #303442;
font-size: 14px;
line-height: 24px;
font-weight: 600;
font-family: "Poppins", sans-serif;
display: inline-block;
padding: 10px 15px;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
text-transform: capitalize;
}
#filter-nav ul li>a:hover {
color: #f47629;
}
#filter-nav ul li.active a {
color: #f47629;
}
@media (max-width: 1024.98px) {
#filter-nav ul {
padding: 0;
}
#filter-nav ul li>a {
font-size: 12px;
padding: 5px 12px;
}
}
@media (max-width: 790px) {
#filter-nav ul {
padding: 0;
}
#filter-nav ul li>a {
font-size: 12px;
padding: 2px 12px;
}
}
#js-more-include {
padding: 0;
display: block !important;
}
.tt-info-value {
padding: 85px 0 158px;
overflow: hidden;
}
.tt-info-value .tt-col-title {
position: relative;
}
.tt-info-value .tt-col-title .tt-title__01 {
font-size: 16px;
line-height: 26px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #f47629;
}
.tt-info-value .tt-col-title .tt-title__02 {
font-size: 36px;
line-height: 46px;
color: #ffffff;
font-weight: 600;
margin-top: 7px;
font-family: "Poppins", sans-serif;
}
.tt-info-value .tt-col-title .bg-marker {
position: absolute;
bottom: -38px;
left: 55px;
opacity: 0.08;
pointer-events: none;
}
.tt-info-value .col-auto {
min-width: 20%;
}
.tt-info-value .col-auto .tt-value {
font-size: 42px;
line-height: 50px;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
@media (max-width: 1024.98px) {
.tt-info-value {
padding: 43px 0 63px;
}
.tt-info-value .tt-col-title .tt-title__01 {
font-size: 12px;
line-height: 25px;
}
.tt-info-value .tt-col-title .tt-title__02 {
font-size: 24px;
line-height: 30px;
margin-top: 1px;
}
.tt-info-value .tt-col-title .bg-marker {
width: 65px;
height: 65px;
bottom: -10px;
left: 58px;
}
.tt-info-value .col-auto {
margin-top: -1px;
}
.tt-info-value .col-auto .tt-value {
font-size: 32px;
line-height: 42px;
}
.tt-info-value .col-auto:not(:first-child) {
margin-top: 15px;
}
}
@media (max-width: 766px) {
.tt-info-value {
padding: 58px 0 44px;
}
.tt-info-value .tt-col-title {
text-align: center;
padding-bottom: 0px;
}
.tt-info-value .tt-col-title .bg-marker {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: inherit;
margin-top: -10px;
}
.tt-info-value .col-auto {
min-width: inherit;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.tt-info-value .col-auto .tt-item {
margin-top: 10px;
}
} @media (min-width: 1025px) {
.tt-news-list {
max-width: 344px;
}
}
.tt-news-list .tt-item .tt-item_data {
font-size: 14px;
line-height: 24px;
color: #a0a0a0;
}
.tt-news-list .tt-item .tt-item__title {
position: relative;
padding: 0 0 0 23px;
color: #303442;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin: 6px 0 12px 0;
font-size: 20px;
line-height: 26px;
max-width: 263px;
}
.tt-news-list .tt-item .tt-item__title a {
color: #303442;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.tt-news-list .tt-item .tt-item__title a:hover {
color: #f47629;
}
.tt-news-list .tt-item .tt-item__title:before {
content: '';
width: 3px;
height: calc(100% - 10px);
background-color: #f47629;
position: absolute;
top: 5px;
left: 0;
display: block;
}
.tt-news-list .tt-item .tt-item__title+* {
margin-top: 0;
}
.tt-news-list .tt-item:not(:first-child) {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #e9e9eb;
}
@media (max-width: 1024.98px) {
.tt-news-list .tt-item .tt-item_data {
font-size: 12px;
line-height: 22px;
}
.tt-news-list .tt-item .tt-item__title {
font-size: 18px;
line-height: 27px;
padding: 0 0 0 16px;
margin: 2px 0 7px 0;
}
.tt-news-list .tt-item:not(:first-child) {
margin-top: 21px;
padding-top: 21px;
border-top: 1px solid #e9e9eb;
}
} .tt-news-obj .tt-news-obj__img img {
width: 100%;
height: auto;
}
.tt-news-obj .tt-news-obj__wrapper {
background-color: #ffffff;
overflow: hidden;
position: relative;
width: calc(100% - 40px);
margin-top: -65px;
padding: 40px 40px 0 30px;
}
.tt-news-obj .tt-news-obj__data {
font-size: 14px;
line-height: 22px;
color: #a0a0a0;
}
.tt-news-obj .tt-news-obj__title {
position: relative;
padding: 0 0 0 23px;
color: #303442;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin: 6px 0 12px 0;
font-size: 20px;
line-height: 26px;
}
.tt-news-obj .tt-news-obj__title a {
color: #303442;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.tt-news-obj .tt-news-obj__title a:hover {
color: #f47629;
}
.tt-news-obj .tt-news-obj__title:before {
content: '';
width: 3px;
height: calc(100% - 10px);
background-color: #f47629;
position: absolute;
top: 5px;
left: 0;
display: block;
}
.tt-news-obj .tt-news-obj__title+* {
margin-top: 0;
}
.tt-news-obj .row-btn {
margin-top: 13px;
display: inline-block;
}
@media (max-width: 1229.98px) {
.tt-news-obj .tt-news-obj__wrapper {
padding: 40px 20px 0 30px;
}
}
@media (max-width: 1024.98px) {
.tt-news-obj .tt-news-obj__wrapper {
padding: 24px 20px 0;
}
.tt-news-obj .tt-news-obj__data {
font-size: 12px;
line-height: 22px;
}
.tt-news-obj .tt-news-obj__title {
font-size: 18px;
line-height: 26px;
margin: 2px 0 8px 0;
padding: 0 0 0 20px;
}
.tt-news-obj .row-btn {
margin-top: 9px;
}
} @media (min-width: 1025px) {
.tt-obj-wrapper {
margin-top: -41px;
}
.tt-obj-wrapper [class^=col-] {
padding-left: 15px;
padding-right: 15px;
margin-top: 61px;
}
.tt-obj-wrapper .col-custom-item5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (max-width: 1024px) {
.tt-obj-wrapper {
margin-top: -15px;
}
.tt-obj-wrapper [class^=col-] {
padding-left: 15px;
padding-right: 15px;
margin-top: 31px;
}
.tt-obj-wrapper .col-custom-item5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
#tt-pageContent .tt-obj .tt-obj__img img {
width: 100%;
height: auto;
}
#tt-pageContent .tt-obj .tt-obj__wrapper {
background-color: #ffffff;
overflow: hidden;
position: relative;
width: calc(100% - 40px);
margin-top: -73px;
padding: 32px 50px 0 18px;
}
#tt-pageContent .tt-obj .tt-obj__title {
position: relative;
color: #303442;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin: 0px 0 0 0;
padding: 0 0 9px 0;
font-size: 24px;
line-height: 34px;
}
#tt-pageContent .tt-obj .tt-obj__title a {
color: #303442;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
#tt-pageContent .tt-obj .tt-obj__title a:hover {
color: #f47629;
}
#tt-pageContent .tt-obj .tt-obj__title+* {
margin-top: 0;
}
#tt-pageContent .tt-obj .row-btn {
margin-top: 8px;
display: inline-block;
}
@media (max-width: 1229.98px) {
#tt-pageContent .tt-obj .tt-obj__wrapper {
padding: 32px 15px 0 15px;
width: calc(100% - 20px);
}
#tt-pageContent .tt-obj .tt-obj__title {
font-size: 22px;
line-height: 32px;
}
}
@media (max-width: 1024.98px) {
#tt-pageContent .tt-obj .tt-obj__wrapper {
padding: 24px 20px 0;
}
#tt-pageContent .tt-obj .tt-obj__title {
font-size: 18px;
line-height: 26px;
}
#tt-pageContent .tt-obj .row-btn {
margin-top: 9px;
}
}
.tt-breadcrumb {
background-position: 0 0;
background-size: cover;
padding: 10px 0;
}
.breadcrumb-area p#breadcrumbs a,
.breadcrumb-area p#breadcrumbs {
margin: 0;
color: #bbbdc3;
}
.breadcrumb-area p#breadcrumbs a:hover {
color: #f47629;
}
.breadcrumb-area p#breadcrumbs a {
margin-right: 5px;
}
.breadcrumb-area p#breadcrumbs .breadcrumb_last {
margin-left: 5px;
}
.woocommerce .woocommerce-breadcrumb a {
color: #bbbdc3;
}
.woocommerce .woocommerce-breadcrumb {
color: #bbbdc3;
margin: 0;
}
.tt-breadcrumb .breadcrumb-area,
.tt-breadcrumb ul {
margin: 0 0 0 -7px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 145px;
}
.tt-breadcrumb ul li {
color: #bbbdc3;
padding: 0 8px;
}
.tt-breadcrumb ul li a {
color: #bbbdc3;
display: inline-block;
-webkit-transition: color .2s;
transition: color .2s;
}
.tt-breadcrumb ul li a:hover {
color: #f47629;
}
.tt-breadcrumb ul li:not(:first-child):before {
content: '/';
display: inline-block;
margin-right: 14px;
}
@media (max-width: 1024.98px) {
.tt-breadcrumb .breadcrumb-area,
.tt-breadcrumb ul {
min-height: 60px;
}
.tt-breadcrumb ul li {
padding: 0 5px;
}
.tt-breadcrumb ul li:not(:first-child):before {
margin-right: 10px;
}
}
.tt-services-promo__list {
margin-top: -30px;
}
.tt-services-promo__list .tt-services-promo {
margin-top: 30px;
}
.tt-services-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.tt-services-promo .tt-value {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 170px;
line-height: 46px;
color: #e0e1e4;
position: absolute;
top: 50%;
left: -14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tt-services-promo .tt-value.tt-value__indent {
left: 5px;
margin-top: -5px;
}
.tt-services-promo .tt-bg-marker {
position: absolute;
right: 10px;
top: 0;
margin-top: 30px;
background-image: url(//sjoelectric.com/wp-content/themes/electrician/images/services-promo-bg.png);
background-position: 0 top;
background-repeat: no-repeat;
width: 52px;
height: calc(100% - 60px);
}
.tt-services-promo .tt-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: 0 0 20px rgba(48, 52, 66, 0.05);
box-shadow: 0 0 20px rgba(48, 52, 66, 0.05);
background-color: #ffffff;
min-height: 182px;
margin-left: 40px;
padding: 27px 35px 27px 25px;
text-align: left;
position: relative;
}
.tt-services-promo .tt-wrapper .tt-col-icon {
font-size: 38px;
line-height: 34px;
color: #f47629;
width: 56px;
min-width: 56px;
position: relative;
top: 6px;
}
.tt-services-promo .tt-wrapper .tt-title {
font-size: 24px;
line-height: 34px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
padding: 0 0 8px 0;
margin: 0;
}
.tt-services-promo .tt-wrapper .tt-title+* {
margin-top: 0;
}
@media (max-width: 1229.98px) {
.tt-services-promo .tt-wrapper {
padding: 27px 15px 27px 25px;
}
.tt-services-promo .tt-wrapper .tt-col-icon {
font-size: 30px;
line-height: 26px;
width: 47px;
min-width: 47px;
}
.tt-services-promo .tt-wrapper .tt-title {
font-size: 21px;
line-height: 31px;
}
}
@media (max-width: 1024.98px) {
.tt-services-promo .tt-wrapper {
padding: 27px 15px 27px 25px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tt-services-promo .tt-wrapper .tt-col-icon {
font-size: 30px;
line-height: 26px;
width: 47px;
min-width: 47px;
}
.tt-services-promo .tt-wrapper .tt-title {
font-size: 20px;
line-height: 30px;
}
.tt-services-promo .tt-wrapper .tt-col-layout {
margin-top: 15px;
}
}
@media (max-width: 758px) {
.tt-services-promo {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
.tt-slick-shadow-indent .tt-services-promo {
margin-top: 15px;
margin-bottom: 15px;
}
.gallery01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: -20px 0 0 -20px;
}
.gallery01 li {
margin: 20px 0 0 20px;
}
.gallery01 li a {
display: inline-block;
-webkit-transition: opacity .1s;
transition: opacity .1s;
opacity: 1;
}
.gallery01 li a:hover {
opacity: 0.75;
}
@media (max-width: 1024.98px) {
.gallery01 {
margin: -15px 0 0 -15px;
}
.gallery01 li {
margin: 15px 0 0 15px;
}
.gallery01 li img {
max-width: 151px;
}
}
@media (max-width: 1024.98px) {
.gallery01 li {
margin: 15px 0 0 15px;
}
.gallery01 li img {
max-width: 121px;
}
}
.gallery01-top {
margin-top: 13px;
} .tt-col-img__top {
margin-top: 33px;
}
.tt-col-img {
margin-top: -20px;
}
.tt-col-img [class^="col-"] {
margin-top: 20px;
}
@media (min-width: 767px) {
.tt-col-img img {
width: 100%;
}
} .services-item__img img {
width: 100%;
}
.services-item__layout {
background-color: #ffffff;
width: calc(100% - 40px);
margin-top: -75px;
position: relative;
padding: 64px 0 0 0px;
}
@media (max-width: 1024.98px) {
.services-item__layout {
padding: 34px 0 0 0px;
width: calc(100% - 30px);
}
}
@media (min-width: 1025px) {
.tt-selected-block {
margin-left: 45px;
padding-bottom: 56px;
}
}
@media (max-width: 1024.98px) {
.tt-selected-block {
margin-left: 0px;
padding-bottom: 36px;
}
}
.tt-block-aside {
margin-top: 0;
}
.tt-block-aside .tt-aside-title {
font-size: 24px;
line-height: 34px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
padding: 0 0 17px 0;
margin: 0;
}
.tt-block-aside.tt-block-aside__shadow {
padding: 33px 34px 41px 34px;
-webkit-box-shadow: 0 0 20px rgba(48, 52, 66, 0.1);
box-shadow: 0 0 20px rgba(48, 52, 66, 0.1);
}
.tt-block-aside.tt-block-aside__shadow .tt-aside-title {
padding: 0 0 14px 0;
}
@media (max-width: 1024.98px) {
.tt-block-aside .tt-aside-title {
font-size: 20px;
line-height: 30px;
}
.tt-block-aside.tt-block-aside__shadow {
padding: 27px 24px 35px;
}
}
@media (max-width: 766.98px) {
.tt-block-aside.tt-block-aside__shadow {
padding: 27px 20px 35px;
}
}
.tt-block-aside+.tt-block-aside.tt-block-aside__shadow {
margin-top: 41px;
}
.tt-block-aside.tt-block-aside__shadow+.tt-block-aside {
margin-top: 34px;
}
.tt-block-aside.tt-block-aside__shadow+.tt-block-aside.tt-block-aside__shadow {
margin-top: 20px;
}
.asideColumn-left {
padding-right: 53px;
}
@media (max-width: 1229.98px) {
.asideColumn-left {
padding-right: 20px;
}
}
.submenu-aside .tt-item {
position: relative;
}
.submenu-aside .tt-item .tt-item__title {
background-color: #f4f5f5;
color: #303442;
font-size: 20px;
line-height: 30px;
position: relative;
padding: 15px 5px 15px 23px;
font-family: "Poppins", sans-serif;
font-weight: 600;
-webkit-transition: all .2s;
transition: all .2s;
}
.submenu-aside .tt-item .tt-item__title:before {
content: '';
display: block;
width: 4px;
height: 100%;
background-color: #f47629;
position: absolute;
top: 0;
left: 0;
}
.submenu-aside .tt-item .tt-item__title:hover {
color: #f47629;
}
.submenu-aside .tt-item .tt-item__content {
display: none;
padding: 11px 0 17px 0;
}
.submenu-aside .tt-item.tt-item__open .tt-item__title {
background-color: #f47629;
color: #ffffff;
}
.submenu-aside .tt-item.tt-item__open .tt-item__content {
display: block !important;
}
.submenu-aside .tt-item:not(.tt-item__open) {
cursor: pointer;
}
.submenu-aside .tt-item {
margin-top: 6px;
}
.submenu-aside ul {
padding: 0 15px 0 25px;
}
.submenu-aside ul li {
position: relative;
}
.submenu-aside ul li:before {
content: '\e921';
font-family: "Electrician";
color: #f47629;
font-size: 9px;
line-height: 15px;
position: absolute;
top: 6px;
left: 0;
}
.submenu-aside ul li a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
display: inline-block;
padding: 0 0 0 18px;
font-size: 16px;
}
.submenu-aside ul li a:hover {
color: #f47629;
}
.submenu-aside ul li:not(:first-child) {
margin-top: 5px;
}
@media (max-width: 1024.98px) {
.submenu-aside .tt-item .tt-item__title {
font-size: 18px;
line-height: 28px;
padding: 10px 5px 9px 23px;
}
}
.box-aside-info li {
position: relative;
padding: 0 0 0 25px;
}
.box-aside-info li [class^="icon-"] {
color: #f47629;
position: absolute;
top: 5px;
left: 0;
}
.box-aside-info li:not(:first-child) {
margin-top: 5px;
}
.box-aside-info li a {
color: #7b7b7b;
}
.box-aside-info+[class^="tt-btn"] {
margin-top: 22px;
}
.nav-categories li a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
display: inline-block;
position: relative;
padding: 0 0 0 20px;
}
.nav-categories li a:hover {
color: #f47629;
}
.nav-categories li a:before {
content: '\e921';
font-family: "Electrician";
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 9px;
color: #f47629;
}
.nav-categories li:not(:first-child) {
margin-top: 5px;
}
.tt-popular .tt-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tt-popular .tt-item .tt-item__img {
width: 70px;
min-width: 70px;
position: relative;
top: 5px;
}
.tt-popular .tt-item .tt-item__img img {
width: 100%;
height: auto;
}
.tt-popular .tt-item .tt-item__layout {
margin-left: 19px;
}
.tt-popular .tt-item .tt-title {
font-size: 16px;
line-height: 27px;
}
.tt-popular .tt-item .tt-title a {
color: #7b7b7b;
display: inline-block;
}
.tt-popular .tt-item .tt-title a:hover {
color: #f47629;
}
.tt-popular .tt-item .tt-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 10px;
}
.tt-popular .tt-item .tt-value .tt-icon-btn {
margin-right: 6px;
}
.tt-popular .tt-item .tt-value .tt-price {
font-size: 20px;
line-height: 1;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
display: inline-block;
position: relative;
top: 2px;
}
.tt-popular .tt-item:not(:first-child) {
margin-top: 25px;
}
@media (max-width: 1024.98px) {
.tt-popular .tt-item .tt-title {
font-size: 14px;
line-height: 24px;
}
}
.tt-aside-search {
position: relative;
margin-top: 5px;
}
.tt-aside-search input {
border: 1px solid #e9e9eb;
padding: 10px 0 10px 15px;
border-radius: 2px;
width: 100%;
height: 46px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
-webkit-transition: border-color .2s;
transition: border-color .2s;
}
.tt-aside-search input:focus {
border-color: #f47629;
}
.tt-aside-search .tt-btn-icon {
position: absolute;
right: 5px;
top: 5px;
font-size: 15px;
line-height: 1;
color: #7b7b7b;
display: inline-block;
padding: 10px;
-webkit-transition: color .2s;
transition: color .2s;
background: transparent;
border: none;
margin-top: 0 !important;
}
.tt-aside-search .tt-btn-icon:hover {
color: #f47629;
}
.tt-aside-search02 {
position: relative;
margin-top: 5px;
}
.tt-aside-search02 input {
border: 2px solid #f4f4f4;
padding: 12px 0 10px 20px;
border-radius: 2px;
width: 100%;
height: 50px;
-webkit-box-shadow: 0 2px 5px rgba(171, 171, 171, 0.18);
box-shadow: 0 2px 5px rgba(171, 171, 171, 0.18);
outline: none;
-webkit-transition: border-color .2s;
transition: border-color .2s;
border-radius: 3px;
}
.tt-aside-search02 input:focus {
border-color: #f47629;
}
.tt-aside-search02 .tt-btn-icon {
position: absolute;
right: 5px;
top: 5px;
font-size: 18px;
line-height: 1;
color: #7b7b7b;
display: inline-block;
padding: 10px;
-webkit-transition: color .2s;
transition: color .2s;
border: none;
background: transparent;
margin-top: 0 !important;
}
.tt-aside-search02 .tt-btn-icon:hover {
color: #f47629;
}
@media (max-width: 1024.98px) {
#aside-js {
position: fixed;
display: block;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
background: #ffffff;
z-index: 14;
top: 0;
left: -150%;
height: 100%;
width: 280px;
max-width: inherit;
text-align: left;
-webkit-transition: left 0.3s linear;
transition: left 0.3s linear;
}
#aside-js.column-open {
left: 0%;
}
#aside-js.column-open .tt-block-aside.tt-block-aside__shadow {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 10px;
}
}
#modal-filter {
background-color: rgba(0, 0, 0, 0.55);
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 11;
display: block;
opacity: 0;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
body.no-scroll:not(.touch),
html.win.ie body.no-scroll {
padding-right: 17px;
}
body.no-scroll {
overflow: hidden;
width: 100%;
position: fixed;
z-index: 0;
}
.rightColumn {
padding-left: 51px;
margin-top: -8px;
}
@media (max-width: 1024.98px) {
.rightColumn {
padding-left: 15px;
}
}
.tt-coupons {
position: relative;
border: 5px solid #f3f3f3;
background-color: #ffffff;
}
.tt-coupons:before,
.tt-coupons:after {
content: '';
display: block;
position: absolute;
height: 1px;
width: 100%;
left: 0;
z-index: 1;
background: url(//sjoelectric.com/wp-content/themes/electrician/images/border-dashed-x.png) 0 0 repeat-x;
}
.tt-coupons:after {
top: 1px;
}
.tt-coupons:before {
bottom: 1px;
}
.tt-coupons .tt-coupons__bg {
height: 251px;
}
.tt-coupons .tt-coupons__bg:after,
.tt-coupons .tt-coupons__bg:before {
content: '';
display: block;
position: absolute;
top: 0;
}
.tt-coupons .tt-coupons__bg:after {
height: 100%;
width: 1px;
right: 1px;
background: url(//sjoelectric.com/wp-content/themes/electrician/images/border-dashed-y.png) 0 0 repeat-y;
z-index: 1;
}
.tt-coupons .tt-coupons__bg:before {
background: url(//sjoelectric.com/wp-content/themes/electrician/images/coupons__bg.png) 0 0 no-repeat;
width: 228px;
height: 100%;
z-index: 2;
}
.tt-coupons .btn-custom {
text-decoration: none;
text-align: center;
display: inline-block;
color: #ffffff;
}
.tt-coupons .btn-custom .tt-icon {
font-size: 23px;
line-height: 1;
}
.tt-coupons .btn-custom span {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 1;
top: 3px;
}
.tt-coupons .btn-custom span:before {
display: inline-block;
position: relative;
content: '';
display: block;
position: absolute;
bottom: -1px;
width: 100%;
height: 2px;
margin: auto;
left: 0;
right: 0;
background-color: #87888e;
-webkit-transition: width .2s linear;
transition: width .2s linear;
}
.tt-coupons .btn-custom:hover {
color: #ffffff;
}
.tt-coupons .btn-custom:hover span:before {
width: 0;
}
.tt-coupons .tt-top-left {
position: absolute;
top: 22px;
left: 20px;
color: #ffffff;
font-size: 14px;
line-height: 22px;
z-index: 3;
}
.tt-coupons .tt-top-left a {
color: #ffffff;
}
.tt-coupons .tt-bottom-left {
position: absolute;
bottom: 22px;
left: 22px;
z-index: 3;
}
.tt-coupons .tt-right-top {
width: 64%;
float: right;
padding: 18px 24px 50px 0;
position: relative;
z-index: 3;
}
.tt-coupons .tt-right-top .tt-title {
font-family: "Poppins", sans-serif;
font-weight: 600;
padding-bottom: 14px;
}
.tt-coupons .tt-right-top .tt-title+* {
margin-top: 0;
}
.tt-coupons .tt-right-top .tt-title__01 {
color: #303442;
font-size: 24px;
line-height: 34px;
}
.tt-coupons .tt-right-top .tt-title__02 {
color: #f47629;
font-size: 36px;
line-height: 34px;
margin-top: 8px;
}
.tt-coupons .tt-right-bottom {
position: absolute;
padding: 0 24px 0px 0;
width: 70%;
right: 0;
bottom: 16px;
}
.tt-coupons .tt-right-bottom .tt-row-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: absolute;
bottom: 0;
right: 24px;
width: 100%;
font-size: 14px;
color: #252936;
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col {
display: inline-block;
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col:not(:last-child) {
margin-left: 30px;
}
.tt-coupons .tt-right-bottom .tt-coupons__logo {
font-size: 19px;
line-height: 19px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
display: inline-block;
position: relative;
letter-spacing: -0.02em;
}
.tt-coupons .tt-right-bottom .tt-coupons__logo .tt-icon {
position: absolute;
top: -4px;
left: -11px;
max-width: 20px;
}
.tt-coupons .tt-right-bottom .tt-text {
display: inline-block;
position: relative;
top: -2px;
}
@media (max-width: 1229.98px) {
.tt-coupons {
max-width: 570px;
margin-left: auto;
margin-right: auto;
}
.tt-coupons .tt-right-top {
width: 58%;
}
}
@media (max-width: 575.98px) {
.tt-coupons .tt-coupons__bg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.tt-coupons .tt-top-left {
position: relative;
top: inherit;
left: inherit;
width: 62%;
background: #303442;
overflow: hidden;
padding: 20px 10px 20px 20px;
}
.tt-coupons .tt-bottom-left {
width: 38%;
position: relative;
bottom: inherit;
left: inherit;
background: #303442;
overflow: hidden;
padding: 20px 20px 20px 10px;
text-align: right;
}
.tt-coupons .tt-coupons__bg {
height: inherit;
}
.tt-coupons .tt-coupons__bg:before {
display: none;
}
.tt-coupons .tt-right-top {
width: 100%;
padding: 18px 20px 35px;
}
.tt-coupons .tt-right-top .tt-title__01 {
font-size: 18px;
line-height: 28px;
}
.tt-coupons .tt-right-top .tt-title__02 {
font-size: 26px;
line-height: 24px;
}
.tt-coupons .tt-right-bottom {
width: 100%;
position: relative;
padding: 0;
text-align: right;
}
.tt-coupons .tt-right-bottom .tt-row-bottom {
padding: 0 0px;
position: inherit;
display: block;
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col:first-child {
text-align: right;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.tt-coupons .tt-right-bottom .tt-row-bottom .tt-col:last-child {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
display: none;
}
}
.tt-coupons-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.tt-coupons-wrapper .tt-item {
padding-left: 15px;
padding-right: 15px;
}
.gallery01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: -20px 0 0 -20px;
}
.gallery01 li {
margin: 20px 0 0 20px;
}
.gallery01 li a {
display: inline-block;
-webkit-transition: opacity .2s;
transition: opacity .2s;
opacity: 1;
}
.gallery01 li a:hover {
opacity: 0.75;
}
@media (max-width: 1024.98px) {
.gallery01 {
margin: -15px 0 0 -15px;
}
.gallery01 li {
margin: 15px 0 0 15px;
}
.gallery01 li img {
max-width: 151px;
}
}
@media (max-width: 1024.98px) {
.gallery01 li {
margin: 15px 0 0 15px;
}
.gallery01 li img {
max-width: 121px;
}
}
.gallery01-top {
margin-top: 13px;
}
.tt-gallery-wrapper {
margin-top: 2px;
margin-left: -7px;
margin-right: -7px;
}
.tt-gallery-wrapper [class^="col-"] {
margin-top: 14px;
padding-left: 7px;
padding-right: 7px;
}
.tt-gallery {
overflow: hidden;
display: block;
position: relative;
}
.tt-gallery img {
width: 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.tt-gallery:before {
content: '';
position: absolute;
display: block;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.55);
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.tt-gallery .gallery__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 2;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.tt-gallery .gallery__icon:before {
content: "\e9ce";
display: block;
font-family: "Electrician";
color: #ffffff;
font-size: 33px;
line-height: 33px;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
}
.tt-gallery:hover:before {
opacity: 0.8;
}
.tt-gallery:hover .gallery__icon {
background-color: rgba(0, 0, 0, 0.55);
}
.tt-gallery:hover .gallery__icon:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.tt-gallery:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
@media (max-width: 1024.98px) {
.tt-gallery .gallery__icon:before {
font-size: 27px;
line-height: 27px;
}
}
@media (min-width: 1025px) {
.gallery-innerlayout-wrapper [class^=col-] {
padding-left: 7px;
padding-right: 7px;
padding-top: 15px;
}
.gallery-innerlayout-wrapper .col-custom-item5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (max-width: 1024px) {
.gallery-innerlayout-wrapper [class^=col-] {
padding-left: 6px;
padding-right: 6px;
padding-top: 15px;
}
}
.tt-top-more {
margin-top: 30px;
}
.tt-top-more#js-more-include {
margin-top: 30px;
}
.tt-top-more02 {
margin-top: 53px;
}
@media (max-width: 1024px) {
.tt-top-more02 {
margin-top: 30px;
}
}
#filter-layout>*:not(.show) {
display: none;
}
.tt-faq {
margin-top: -15px;
}
.tt-faq .tt-item {
margin-top: 33px;
position: relative;
padding: 0 0 0 0;
}
.tt-faq .tt-item .tt-item__marker {
width: 50px;
height: 50px;
background-color: #f4f4f5;
border-radius: 50%;
display: block;
position: absolute;
top: -14px;
left: 0;
pointer-events: none;
}
.tt-faq .tt-item .tt-item__marker:before {
content: '+';
display: block;
position: absolute;
color: #303442;
font-size: 27px;
line-height: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tt-faq .tt-item .tt-item__content {
display: none;
padding: 0 0 0 77px;
}
.tt-faq .tt-item.tt-item__open .tt-item__marker:before {
content: '-';
}
.tt-faq .tt-item.tt-item__open .tt-item__content {
display: block;
}
.tt-faq .tt-item:not(.tt-item__open) {
cursor: pointer;
}
.tt-faq .tt-item__title {
font-size: 16px;
line-height: 27px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
padding: 0 0 6px 77px;
}
.tt-faq .tt-item__title:hover {
color: #f47629;
}
@media (max-width: 1024.98px) {
.tt-faq .tt-item__title {
line-height: 26px;
padding: 0 0 6px 58px;
}
.tt-faq .tt-item {
margin-top: 25px;
}
.tt-faq .tt-item .tt-item__marker {
width: 40px;
height: 40px;
top: -8px;
}
.tt-faq .tt-item .tt-item__marker:before {
font-size: 20px;
}
.tt-faq .tt-item .tt-item__content {
padding: 0 0 0 58px;
}
.tt-faq .tt-item .tt-item__content br {
display: none;
}
}
@media (max-width: 766.98px) {
.tt-faq .tt-item__title {
font-size: 16px;
line-height: 24px;
padding: 0 0 6px 50px;
}
.tt-faq .tt-item {
margin-top: 20px;
}
.tt-faq .tt-item .tt-item__marker {
width: 35px;
height: 35px;
top: -7px;
}
.tt-faq .tt-item .tt-item__marker:before {
font-size: 20px;
}
.tt-faq .tt-item .tt-item__content {
padding: 0 0 0 50px;
}
}
.tt-testimonials-wrapper {
margin-bottom: -10px;
}
.tt-testimonials-wrapper [class^='col-'] {
margin-top: 46px;
}
@media (max-width: 1024.98px) {
.tt-testimonials-wrapper [class^='col-'] {
margin-top: 36px;
}
}
.tt-testimonials {
-webkit-box-shadow: 0 5px 20px rgba(48, 52, 66, 0.08);
box-shadow: 0 5px 20px rgba(48, 52, 66, 0.08);
padding: 65px 35px 35px 33px;
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tt-testimonials .tt-testimonials__marker {
font-size: 200px;
line-height: 1;
font-family: "Poppins", sans-serif;
color: #f47629;
font-weight: 600;
position: absolute;
top: -22px;
left: 28px;
}
.tt-testimonials .tt-testimonials__title {
font-size: 20px;
line-height: 30px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
padding: 0 0 15px 0;
margin: 0;
}
.tt-testimonials .tt-testimonials__title+* {
margin-top: 0;
}
.tt-testimonials .tt-testimonials_top-layout {
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
.tt-testimonials .tt-testimonials__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 3px;
margin-left: -20px;
padding-bottom: 10px;
}
.tt-testimonials .tt-testimonials__data .tt-col {
margin-top: 20px;
margin-left: 20px;
}
.tt-testimonials .tt-testimonials__data img {
width: 69px;
height: auto;
border-radius: 50%;
}
.tt-testimonials .tt-testimonials__data .tt-title__text01 {
font-size: 16px;
line-height: 22px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
}
.tt-testimonials .tt-testimonials__data .tt-title__text02 {
color: #a0a0a0;
font-size: 14px;
line-height: 20px;
}
@media (max-width: 1024.98px) {
.tt-testimonials {
padding: 55px 25px 35px;
}
.tt-testimonials .tt-testimonials__marker {
font-size: 165px;
top: -18px;
left: 28px;
}
.tt-testimonials .tt-testimonials__title {
font-size: 18px;
line-height: 28px;
padding-bottom: 10px;
}
.tt-testimonials .tt-testimonials__data {
margin-top: 3px;
margin-left: -14px;
padding-bottom: 10px;
}
.tt-testimonials .tt-testimonials__data .tt-col {
margin-top: 14px;
margin-left: 14px;
}
.tt-testimonials .tt-testimonials__data img {
width: 50px;
}
.tt-testimonials .tt-testimonials__data .tt-title__text01 {
font-size: 14px;
line-height: 20px;
}
.tt-testimonials .tt-testimonials__data .tt-title__text02 {
font-size: 12px;
line-height: 18px;
}
}
@media (max-width: 766.98px) {
.tt-testimonials {
padding: 45px 20px 25px;
}
.tt-testimonials .tt-testimonials__marker {
font-size: 140px;
top: -18px;
left: 20px;
}
}
.map-contact {
width: 100%;
height: 451px;
}
@media (max-width: 1024.98px) {
.map-contact {
height: 400px;
}
}
@media (max-width: 766.98px) {
.map-contact {
height: 300px;
}
}
.tt-contact-wrapper {
padding: 5px 77px 0;
margin-top: -40px;
}
.tt-contact-wrapper [class^="col-"] {
margin-top: 40px;
}
@media (max-width: 1229.98px) {
.tt-contact-wrapper {
padding: 15px 20px 0;
}
}
@media (max-width: 1024.98px) {
.tt-contact-wrapper [class^="col-"] {
margin-top: 20px;
}
}
.tt-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tt-contact .tt-icon {
color: #f47629;
font-size: 26px;
line-height: 1;
position: relative;
top: 4px;
}
.tt-contact .tt-content {
margin-left: 15px;
}
.tt-contact .tt-content a {
color: #7b7b7b;
}
.tt-contact .tt-title {
font-size: 16px;
line-height: 26px;
color: #303442;
font-family: "Poppins", sans-serif;
font-weight: 600;
padding: 0 0 5px 0;
}
@media (max-width: 1024.98px) {
.tt-contact .tt-icon {
font-size: 20px;
}
.tt-contact .tt-content {
margin-left: 13px;
}
}
.tt-filters-options {
border-top: 1px solid #e9e9eb;
margin-top: 2px;
padding-top: 24px;
padding-bottom: 24px;
}
.tt-filters-options [class^=col-] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tt-filters-options .tt-title {
padding: 0 55px 0 0;
font-size: 16px;
}
.tt-filters-options .custom-select {
width: 201px;
}
.tt-filters-options .custom-select:after {
border-color: #c7c7c7 transparent transparent transparent;
}
@media (max-width: 1024.98px) {
.tt-filters-options [class^=col-] {
display: block;
}
.tt-filters-options [class^=col-]>*:not(.tt-filters-toggle) {
margin-left: 0;
margin-top: 10px;
}
.tt-filters-options [class^=col-] .tt-title {
margin-top: 0;
}
}
@media (min-width: 767px) {
.tt-filters-toggle {
display: none;
}
}
@media (max-width: 1024.98px) {
.tt-filters-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 60px;
height: 60px;
color: #ffffff;
position: fixed;
top: 190px;
right: 15px;
z-index: 20;
cursor: pointer;
border-radius: 50%;
padding: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
border: 6px solid #454955;
background-color: #f47629;
text-shadow: 0 0 3px rgba(1, 1, 1, 0.25);
}
.tt-filters-toggle i {
position: relative;
z-index: 3;
pointer-events: none;
font-size: 25px;
}
.tt-filters-toggle:hover {
background-color: #ffffff;
color: #f47629;
border-color: #f47629;
}
.tt-filters-toggle.fixed {
top: 110px;
}
.tt-filters-toggle .pt-text {
display: none;
}
.tt-filters-toggle.tt-open-col:before {
content: "\e91b";
}
}
@media (max-width: 766.98px) {
.tt-filters-toggle {
width: 50px;
height: 50px;
border-width: 4px;
}
.tt-filters-toggle i {
font-size: 23px;
}
}
.tt-filters-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 201px;
height: 46px;
}
.tt-pagination-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tt-pagination-filter .tt-pagination-filter__title {
margin-right: 13px;
}
.tt-pagination-filter .tt-pagination-filter__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tt-pagination-filter .tt-pagination-filter__list li a {
display: inline-block;
padding: 5px 13px;
color: #7b7b7b;
font-size: 16px;
line-height: 1;
}
.tt-pagination-filter .tt-pagination-filter__list li a:hover {
color: #f47629;
}
.tt-pagination-filter .tt-pagination-filter__list li.active a {
color: #f47629;
pointer-events: none;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.tt-pagination-filter .tt-pagination-filter__btn {
font-size: 8px;
color: #7b7b7b;
padding: 5px 13px;
}
.tt-pagination-filter .tt-pagination-filter__btn:hover {
color: #f47629;
}
.tt-product {
text-align: center;
}
.tt-product .tt-product__img {
overflow: hidden;
}
.tt-product .tt-product__img img {
width: 100%;
height: auto;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.tt-product .tt-product__img:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.tt-product .tt-product__description {
margin-top: 18px;
}
.tt-product .tt-product__title {
font-size: 16px;
line-height: 27px;
font-weight: normal;
margin: 0;
padding: 0;
color: #7b7b7b;
}
.tt-product .tt-product__title a {
color: #7b7b7b;
-webkit-transition: color .2s;
transition: color .2s;
display: inline-block;
}
.tt-product .tt-product__title a:hover {
color: #f47629;
}
.tt-product .tt-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 10px;
line-height: 10px;
color: #7b7b7b;
margin-top: 15px;
}
.tt-product .tt-rating>* {
display: inline-block;
margin-left: 1px;
margin-right: 1px;
}
.tt-product .tt-price {
font-size: 24px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
margin-top: 14px;
}
.tt-product .tt-price .new-price {
font-size: 24px;
color: #f47629;
}
.tt-product .tt-price .old-price {
font-size: 20px;
text-decoration: line-through;
margin-left: 17px;
}
.tt-product .tt-row-btn {
margin-top: 11px;
}
.tt-product .tt-btn-addtocart {
font-size: 14px;
line-height: 1;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.tt-product .tt-btn-addtocart .tt-icon {
color: #f47629;
font-size: 14px;
line-height: 1;
margin-right: 4px;
}
.tt-product .tt-btn-addtocart:hover {
color: #f47629;
}
@media (max-width: 766.98px) {
.tt-product .tt-product__title {
font-size: 14px;
line-height: 20px;
}
.tt-product .tt-rating {
margin-top: 10px;
}
.tt-product .tt-price {
font-size: 18px;
margin-top: 7px;
}
.tt-product .tt-price .new-price {
font-size: 18px;
}
.tt-product .tt-price .old-price {
font-size: 14px;
margin-left: 7px;
}
.tt-product .tt-row-btn {
margin-top: 7px;
}
}
.tt-product-listing {
margin-top: -34px;
}
.tt-product-listing [class^="col-"] {
margin-top: 33px;
}
@media (max-width: 766.98px) {
.tt-product-listing {
margin-top: -20px;
}
.tt-product-listing [class^="col-"] {
margin-top: 20px;
}
}
.tt-pagination {
margin-top: 45px;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1;
margin-bottom: -5px;
}
.tt-pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tt-pagination ul li span,
.tt-pagination ul li a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
display: inline-block;
padding: 5px 15px;
}
.tt-pagination ul li a:hover {
color: #f47629;
}
.tt-pagination ul li.active {
pointer-events: none;
}
.tt-pagination ul li.active a {
color: #f47629;
}
.tt-pagination.text-left ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tt-pagination.text-left ul li .page-numbers:first-child {
padding-left: 0;
}
.nav-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 2px;
margin-top: -25px;
border-bottom: 1px solid #e9e9eb;
}
.nav-tabs li a {
display: inline-block;
padding: 25px 15px;
font-family: "Poppins", sans-serif;
color: #303442;
font-weight: 600;
-webkit-transition: color .2s;
transition: color .2s;
font-size: 14px;
line-height: 1;
border: none !important;
background-color: transparent !important;
}
.nav-tabs li a:hover,
.nav-tabs li a.active {
color: #f47629;
}
.nav-tabs li:first-child a {
padding-left: 0;
}
.tab-content>* {
padding: 28px 0 0 0 !important;
}
.tab-content>*:not(.active) {
display: none;
}
@media (min-width: 1025px) {
.tab-content {
margin-bottom: -17px;
}
}
.tt-mobile-product-slider {
max-width: 300px;
margin-bottom: 35px;
padding-left: 15px;
padding-right: 15px;
}
.carusel-product {
margin-left: -15px;
margin-right: -15px;
}
.carusel-product .item {
padding-left: 15px;
padding-right: 15px;
}
.tt-tabs-reviews .tt-title {
color: #303442;
font-weight: 600;
font-size: 24px;
line-height: 1;
font-family: "Poppins", sans-serif;
margin: 0;
padding: 0 0 25px 0;
}
.tt-tabs-reviews .tt-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 13px;
line-height: 13px;
color: #7b7b7b;
margin-left: -2px;
}
.tt-tabs-reviews .tt-rating>* {
margin-left: 2px;
margin-right: 2px;
}
.tt-tabs-reviews form .tt-rating:first-child {
padding-bottom: 25px;
} #smallGallery {
padding-right: 104px;
margin-top: 18px;
}
#smallGallery .slick-prev {
display: none !important;
}
#smallGallery .tt-custom-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
width: 89px;
height: 100%;
background-color: #ffffff;
border: 1px solid #f9f9f9;
-webkit-transition: border .2s;
transition: border .2s;
}
#smallGallery .tt-custom-next .tt-icon {
font-size: 12px;
line-height: 1;
color: #f47629;
}
#smallGallery .tt-custom-next .tt-text {
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
width: 100%;
text-align: center;
-webkit-transition: color .2s;
transition: color .2s;
margin-top: 7px;
font-size: 14px;
line-height: 1;
}
#smallGallery .tt-custom-next:hover {
border-color: #f47629;
}
#smallGallery .tt-custom-next:hover .tt-text {
color: #f47629;
}
#smallGallery li {
padding-right: 16px;
}
#smallGallery li img {
width: 100%;
height: auto;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
#smallGallery li:hover img {
opacity: 0.7;
}
@media (max-width: 1024.98px) {
#smallGallery {
padding-right: 75px;
margin-top: 18px;
}
#smallGallery li {
padding-right: 14px;
}
#smallGallery .tt-custom-next {
width: 75px;
height: 100%;
}
#smallGallery .tt-custom-next .tt-icon {
font-size: 12px;
line-height: 1;
}
#smallGallery .tt-custom-next .tt-text {
margin-top: 7px;
font-size: 14px;
line-height: 1;
}
} .product-single-info {
padding-left: 60px;
}
.product-single-info .tt-tag {
font-size: 16px;
line-height: 1;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #f47629;
}
.product-single-info .tt-title {
font-size: 36px;
line-height: 46px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #303442;
padding: 0;
margin: 12px 0 0 0;
}
.product-single-info .tt-add-info {
margin-top: 22px;
font-size: 16px;
}
.product-single-info .tt-add-info span {
color: #303442;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.product-single-info .tt-price {
font-size: 36px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #303442;
margin-top: 35px;
}
.product-single-info .tt-price .new-price {
font-size: 36px;
color: #f47629;
}
.product-single-info .tt-price .old-price {
font-size: 30px;
text-decoration: line-through;
margin-left: 17px;
}
.product-single-info .tt-data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
margin-left: -40px;
}
.product-single-info .tt-data .tt-item {
margin-left: 40px;
}
.product-single-info .tt-data .tt-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 10px;
line-height: 10px;
color: #7b7b7b;
}
.product-single-info .tt-data .tt-rating>* {
display: inline-block;
margin-left: 1px;
margin-right: 1px;
}
.product-single-info .tt-description {
border-top: 1px solid #e9e9eb;
margin-top: 31px;
padding-top: 32px;
}
.product-single-info .tt-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-top: 1px solid #e9e9eb;
margin-top: 34px;
padding-top: 27px;
}
.product-single-info .tt-row .tt-col {
margin-top: 13px;
}
.product-single-info .tt-row .tt-col:not(:first-child) {
margin-left: 13px;
}
@media (max-width: 1229.98px) {
.product-single-info {
padding-left: 40px;
}
}
@media (max-width: 1024.98px) {
.product-single-info {
padding-left: 20px;
}
.product-single-info .tt-title {
font-size: 24px;
line-height: 30px;
}
.product-single-info .tt-price {
font-size: 30px;
margin-top: 30px;
}
.product-single-info .tt-price .new-price {
font-size: 30px;
}
.product-single-info .tt-price .old-price {
font-size: 25px;
margin-left: 12px;
}
.product-single-info .tt-data {
margin-top: 25px;
margin-left: -20px;
}
.product-single-info .tt-data .tt-item {
margin-left: 20px;
}
.product-single-info .tt-description {
margin-top: 25px;
padding-top: 25px;
}
.product-single-info .tt-row {
margin-top: 25px;
padding-top: 19px;
}
.product-single-info .tt-row .tt-col {
margin-top: 13px;
}
.product-single-info .tt-row .tt-col:not(:first-child) {
margin-left: 13px;
}
}
@media (max-width: 766.98px) {
.product-single-info {
padding-left: 0px;
}
}
.tt-input-counter.style-01 {
position: relative;
max-width: 91px;
min-width: 91px;
}
.tt-input-counter.style-01 .minus-btn,
.tt-input-counter.style-01 .plus-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 1;
cursor: pointer;
position: absolute;
width: 30px;
height: 100%;
text-align: center;
top: 0;
color: #7b7b7b;
}
.tt-input-counter.style-01 .minus-btn:hover,
.tt-input-counter.style-01 .plus-btn:hover {
color: #f47629;
}
.tt-input-counter.style-01 .minus-btn {
left: 0;
padding-left: 2px;
}
.tt-input-counter.style-01 .plus-btn {
right: 0;
padding-right: 2px;
}
.tt-input-counter.style-01 input {
background: #ffffff;
display: block;
width: 100%;
height: 48px;
font-size: 16px;
line-height: 1em;
text-align: center;
border: none;
outline: none;
border: 1px solid #e9e9eb;
font-family: "Roboto", sans-serif;
color: #7b7b7b;
border-radius: 4px;
}
@media (max-width: 1024.98px) {
.tt-input-counter.style-01 input {
height: 40px;
}
}  .noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
} .noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
} html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
} .noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-horizontal {
height: 6px;
}
.noUi-horizontal .noUi-handle {
width: 15px;
height: 15px;
left: -8px;
top: -6px;
border-radius: 50%;
background-color: #f47629;
outline: none;
}
.noUi-horizontal .noUi-handle:before,
.noUi-horizontal .noUi-handle:after {
display: none;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -8px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -8px;
left: auto;
} .noUi-target {
background: #dfdfdf;
border: 2px solid #dfdfdf;
}
.noUi-connects {
border-radius: 50%;
}
.noUi-connect {
background: #252936;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 50%;
background: #FFF;
cursor: default;
} .noUi-vertical .noUi-handle:after {
top: 17px;
} [disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
} .noUi-pips,
.noUi-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
} .noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
} .noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%, 0);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.tt-slider-price {
margin-top: 10px;
}
.slider-value-row {
font-size: 16px;
line-height: 22px;
margin-top: 27px;
}
.slider-value-row>* {
display: inline-block;
}
.slider-value-row #slider-snap-value-lower {
margin-right: 5px;
}   .tt-blog-list {
margin-top: -80px;
}
.tt-blog-list .tt-item {
overflow: hidden;
margin-top: 80px;
}
.tt-blog-list+.tt-pagination {
margin-top: 54px;
}
@media (max-width: 1024.98px) {
.tt-blog-list {
margin-top: -40px;
}
.tt-blog-list .tt-item {
overflow: hidden;
margin-top: 40px;
}
.tt-blog-list+.tt-pagination {
margin-top: 40px;
}
}
.blog-obj {
position: relative;
}
.blog-obj:before {
content: '';
display: block;
position: absolute;
top: -46px;
left: 0;
width: 100%;
height: 130px;
z-index: 0;
background-color: #eaeaec;
}
.blog-obj>* {
position: relative;
z-index: 1;
}
.blog-obj .blog-obj__img {
position: relative;
}
.blog-obj .blog-obj__img a:not([class]) {
display: block;
}
.blog-obj .blog-obj__img img {
width: 100%;
height: auto;
}
.blog-obj .blog-obj__img .tt-video__holder .tt-video {
margin-top: -79px;
}
@media (max-width: 1024.98px) {
.blog-obj .blog-obj__img .tt-video__holder .tt-video {
margin-top: -39px;
}
}
.blog-obj .blog-obj__img .tt-align {
margin-top: -80px;
}
.blog-obj .blog-obj__img .tt-img-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: rgba(55, 56, 59, 0.25);
width: 100%;
height: 100%;
pointer-events: none;
}
.blog-obj .blog-obj__wrapper {
background: #ffffff;
width: calc(100% - 40px);
margin-top: -85px;
padding: 63px 85px 0 0;
}
.blog-obj .blog-obj__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: -20px;
margin-left: -28px;
font-size: 14px;
}
.blog-obj .blog-obj__data .tt-col {
margin-top: 20px;
margin-left: 28px;
}
.blog-obj .blog-obj__data a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.blog-obj .blog-obj__data a:hover {
color: #f47629;
}
.blog-obj .blockquote03 {
max-width: 550px;
}
.blog-obj .blog-obj__title {
font-size: 36px;
line-height: 46px;
color: #303442;
font-family: 'Poppins', sans-serif;
padding: 0 0 23px 0;
margin: 16px 0 0 0;
font-weight: bold;
}
.blog-obj .blog-obj__title a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.blog-obj .blog-obj__title a:hover {
color: #f47629;
}
.blog-obj .blog-obj__title+* {
margin-top: 0;
}
.blog-obj .blog-obj__row-btn {
margin-top: 32px;
}
.blog-obj> :nth-child(1).blog-obj__wrapper {
margin-top: 46px;
position: relative;
}
@media (max-width: 1024.98px) {
.blog-obj .blog-obj__img .tt-align {
margin-top: -43px;
}
.blog-obj .blog-obj__data {
margin-left: -15px;
}
.blog-obj .blog-obj__data .tt-col {
margin-top: 15px;
margin-left: 15px;
}
.blog-obj .blog-obj__title {
font-size: 24px;
line-height: 30px;
padding: 0 0 13px;
}
.blog-obj .blog-obj__row-btn {
margin-top: 23px;
}
.blog-obj .blog-obj__wrapper {
padding: 43px 30px 0 0;
margin-top: -40px;
width: calc(100% - 30px);
}
}
@media (max-width: 766.98px) {
.blog-obj .blog-obj__img .tt-align {
margin-top: -37px;
}
.blog-obj .blog-obj__data {
margin-left: -9px;
}
.blog-obj .blog-obj__data .tt-col {
margin-top: 9px;
margin-left: 9px;
}
.blog-obj .blog-obj__title {
font-size: 22px;
line-height: 28px;
padding: 0 0 13px;
}
.blog-obj .blog-obj__row-btn {
margin-top: 23px;
}
.blog-obj .blog-obj__wrapper {
padding: 43px 10px 0 0;
margin-top: -40px;
width: calc(100% - 15px);
}
}
.tt-img-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.tt-img-link .tt-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 89px;
height: 89px;
background-color: #f47629;
border-radius: 50%;
color: #ffffff;
font-size: 27px;
line-height: 1;
margin-left: auto;
margin-right: auto;
}
.tt-img-link .tt-text {
display: block;
text-align: center;
width: 100%;
font-size: 19px;
line-height: 1;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin-top: 12px;
letter-spacing: 0.03em;
-webkit-transition: color .2s;
transition: color .2s;
}
.tt-img-link:hover .tt-text {
color: #f47629;
}
@media (max-width: 1024.98px) {
.tt-img-link .tt-icon {
width: 66px;
height: 66px;
font-size: 20px;
}
.tt-img-link .tt-text {
font-size: 16px;
margin-top: 10px;
}
}
@media (max-width: 766.98px) {
.tt-img-link .tt-icon {
width: 49px;
height: 49px;
font-size: 15px;
}
.tt-img-link .tt-text {
font-size: 14px;
margin-top: 7px;
}
}
.datepicker-here .datepicker {
border: none;
width: 100%;
max-width: 334px;
}
.datepicker-here .datepicker--nav {
border: none;
color: #7b7b7b;
font-size: 16px;
position: relative;
padding-bottom: 9px;
}
.datepicker-here .datepicker--nav i {
color: #7b7b7b;
}
.datepicker-here .datepicker--nav .datepicker--nav-action {
top: 0;
position: absolute;
background: no-repeat;
border: 1px solid transparent;
-webkit-transition: border-color .2s;
transition: border-color .2s;
}
.datepicker-here .datepicker--nav .datepicker--nav-action:first-child {
right: 45px;
}
.datepicker-here .datepicker--nav .datepicker--nav-action:last-child {
right: 0;
}
.datepicker-here .datepicker--nav .datepicker--nav-action path {
-webkit-transition: stroke .2s;
transition: stroke .2s;
}
.datepicker-here .datepicker--nav .datepicker--nav-action:hover {
border-color: #f47629;
}
.datepicker-here .datepicker--nav .datepicker--nav-action:hover path {
stroke: #f47629;
}
.datepicker-here .datepicker--nav .datepicker--nav-title {
padding-left: 0;
background: none;
}
.datepicker-here .datepicker--cell {
height: 39px;
font-size: 16px;
}
.datepicker-here .datepicker--cell.-current- {
background: #f47629;
color: #ffffff;
}
.datepicker-here .datepicker--day-name {
background: #f5f5f5;
color: #303442;
font-size: 16px;
padding: 6px 0;
}
.datepicker-here .datepicker--content {
padding: 0;
}
@media (max-width: 1024.98px) {
.datepicker-here .datepicker--day-name {
font-size: 14px;
padding: 4px 0;
}
.datepicker-here .datepicker--cell {
height: 35px;
font-size: 14px;
}
}
.tt-recent-list {
margin-top: -80px;
}
.tt-recent-list .tt-item {
overflow: hidden;
margin-top: 80px;
}
.tt-recent-list+.tt-pagination {
margin-top: 54px;
}
.tt-recent-obj {
position: relative;
margin-top: 4px;
}
.tt-recent-obj>* {
position: relative;
z-index: 1;
}
.tt-recent-obj .recent-obj__img {
position: relative;
}
.tt-recent-obj .recent-obj__img img {
width: 100%;
height: auto;
}
.tt-recent-obj .recent-obj__wrapper {
background: #ffffff;
width: calc(100% - 40px);
margin-top: -75px;
padding: 0px 25px 0 0;
}
.tt-recent-obj .recent-obj__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: -22px;
margin-left: -28px;
font-size: 14px;
}
.tt-recent-obj .recent-obj__data .tt-col {
margin-top: 22px;
margin-left: 28px;
}
.tt-recent-obj .recent-obj__data a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.tt-recent-obj .recent-obj__data a:hover {
color: #f47629;
}
.tt-recent-obj .recent-obj__title {
font-size: 20px;
line-height: 26px;
color: #303442;
font-family: 'Poppins', sans-serif;
position: relative;
padding: 0 0 13px 0;
margin: 4px 0 0 0;
}
.tt-recent-obj .recent-obj__title:before {
content: '';
display: block;
width: 3px;
height: 40px;
background-color: #f47629;
position: absolute;
top: 7px;
left: 0;
}
.tt-recent-obj .recent-obj__title a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
padding: 0 0 0 24px;
display: inline-block;
}
.tt-recent-obj .recent-obj__title a:hover {
color: #f47629;
}
.tt-recent-obj .recent-obj__title+* {
margin-top: 0;
}
.tt-recent-obj .recent-obj__row-btn {
margin-top: 14px;
}
@media (max-width: 1024.98px) {
.tt-recent-obj .recent-obj__wrapper {
width: calc(100% - 15px);
margin-top: -40px;
padding: 0px 15px 0 0;
}
} .blog-single blockquote {
max-width: 570px;
}
.blog-single__img img {
width: 100%;
height: auto;
}
.blog-single__data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: -20px;
margin-left: -28px;
font-size: 14px;
}
.blog-single__data .tt-col {
margin-top: 20px;
margin-left: 28px;
}
.blog-single__data a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.blog-single__data a:hover {
color: #f47629;
}
.blog-single__wrapper {
background-color: #ffffff;
margin-top: -85px;
width: calc(100% - 40px);
padding: 63px 0 0 0;
position: relative;
}
.blog-single__title {
font-size: 36px;
line-height: 46px;
color: #303442;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 16px 0 0 0;
padding: 0 0 22px 0;
}
.blog-single__title+* {
margin-top: 0;
}
.blog-single__subtitle {
font-size: 24px;
line-height: 34px;
color: #303442;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0;
padding: 0 0 15px 0;
}
.blog-single__subtitle+* {
margin-top: 0;
}
@media (max-width: 1024.98px) {
.blog-single__subtitle {
font-size: 20px;
line-height: 30px;
}
}
.blog-single__title+.blog-single__subtitle-top {
margin-top: 24px;
}
.blog-single__subtitle-top {
margin-top: 32px;
}
.blockquote03+.blog-single__subtitle-top {
margin-top: 25px;
}
.blog-single__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
}
@media (max-width: 1024.98px) {
.blog-single__wrapper {
margin-top: -40px;
width: calc(100% - 30px);
padding: 40px 0 0 0;
}
.blog-single__title {
font-size: 32px;
line-height: 42px;
}
.blog-single__data {
margin-top: -18px;
margin-left: -18px;
font-size: 14px;
}
.blog-single__data .tt-col {
margin-top: 18px;
margin-left: 18px;
}
.blog-single__data a {
color: #303442;
-webkit-transition: color .2s;
transition: color .2s;
}
.blog-single__data a:hover {
color: #f47629;
}
.blog-single__meta {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-single__meta .tt-col:not(:first-child) {
margin-top: 20px;
}
}
@media (max-width: 766.98px) {
.blog-single__wrapper {
margin-top: -85px;
width: calc(100% - 20px);
padding: 63px 0 0 0;
}
.blog-single__title {
font-size: 26px;
line-height: 36px;
}
}  .personal-info__top {
margin-top: 38px;
}
.personal-info {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f3f3f4;
padding: 38px 72px 45px;
-webkit-box-shadow: 0 10px 20px rgba(48, 52, 66, 0.05);
box-shadow: 0 10px 20px rgba(48, 52, 66, 0.05);
}
.personal-info__img {
min-width: 119px;
width: 119px;
}
.personal-info__img img {
width: 100%;
height: auto;
border-radius: 50%;
overflow: hidden;
}
.personal-info__img:before {
content: '“';
display: block;
font-size: 200px;
line-height: 1;
font-family: Poppins, sans-serif;
color: #f47629;
font-weight: 600;
position: absolute;
top: 25px;
left: 18px;
}
.personal-info_description {
padding: 0 0 0 29px;
}
.personal-info__title {
font-size: 16px;
line-height: 26px;
color: #303442;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0;
padding: 0 0 9px 0;
}
.personal-info__title+* {
margin-top: 0;
}
@media (max-width: 1024.98px) {
.personal-info {
padding: 28px 40px 35px;
-webkit-box-shadow: 0 5px 10px rgba(48, 52, 66, 0.05);
box-shadow: 0 5px 10px rgba(48, 52, 66, 0.05);
}
.personal-info__img {
min-width: 90px;
width: 90px;
}
.personal-info__img img {
width: 100%;
height: auto;
border-radius: 50%;
overflow: hidden;
}
.personal-info__img:before {
font-size: 150px;
top: 45px;
left: 10px;
}
.personal-info_description {
padding-left: 20px;
}
} .tt-comments-layout {
margin-top: 79px;
}
@media (min-width: 1240px) {
.tt-comments-layout {
margin-right: 22px;
}
}
.tt-comments-layout .tt-comments-layout__title {
font-size: 24px;
line-height: 31px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #3D3B42;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 0 22px 0;
border-bottom: 1px solid #e9e9eb;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar {
width: 90px;
min-width: 90px;
height: auto;
border-radius: 50%;
overflow: hidden;
position: relative;
margin-right: 18px;
margin-top: 4px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar img {
position: relative;
z-index: 2;
max-width: 100%;
height: auto;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar:empty:before {
font-family: "Electrician";
content: "\e919";
font-size: 24px;
line-height: 73px;
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
color: #ffffff;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar:empty:after {
content: '';
background-color: #F3F3F3;
width: 100%;
height: 100%;
min-width: 59px;
display: block;
top: 0;
left: 0;
z-index: 0;
border-radius: 50%;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content {
position: relative;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-btn-default {
position: absolute;
right: 0;
top: -2px;
background-color: #f47629;
font-family: "Poppins", sans-serif;
border: 1px solid #f47629;
font-weight: 600;
color: #ffffff;
border-radius: 3px;
padding: 2px 5px 3px;
font-size: 14px;
line-height: 18px;
-webkit-transition: background-color .2s, color .2s;
transition: background-color .2s, color .2s;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-btn-default:hover {
background-color: transparent;
color: #f47629;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 4px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .username {
display: block;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #f47629;
font-size: 16px;
line-height: 24px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .time {
font-size: 14px;
line-height: 24px;
color: #a0a0a0;
margin-left: 4px;
position: relative;
top: 1px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content p {
margin-top: 7px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content>*:nth-child(1) {
margin-top: 0;
}
.tt-comments-layout .tt-item {
margin-top: 24px;
}
.tt-comments-layout .tt-comments-level-2 {
margin-left: 70px;
margin-top: 25px;
padding: 33px 0 40px 0;
border-bottom: 1px solid #e9e9eb;
}
@media (max-width: 1024.98px) {
.tt-comments-layout .tt-comments-level-2 {
margin-left: 40px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-avatar {
width: 70px;
min-width: 70px;
}
}
@media (max-width: 766.98px) {
.tt-comments-layout .tt-comments-layout__title {
font-size: 20px;
line-height: 27px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content {
margin-top: 10px;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .username {
width: 100%;
}
.tt-comments-layout .tt-item div[class^="tt-comments-level-"] .tt-content .tt-comments-title .time {
margin: 0px 0 0 0;
}
.tt-comments-layout .tt-item .tt-comments-level-2 {
margin-top: 25px;
}
.tt-comments-layout .tt-item:not(:first-child) {
margin-top: 10px;
}
.tt-comments-layout .tt-item:not(:last-child) {
padding-bottom: 9px;
}
.tt-comments-layout .tt-comments-level-2 {
margin-top: 2px;
margin-left: 40px;
}
} .form-single-post {
margin-top: 70px;
}
.form-single-post .tt-form-title {
font-size: 24px;
line-height: 31px;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #3D3B42;
margin: 0;
padding: 0 0 23px 0;
}
.form-single-post button[type=submit] {
margin-top: 12px !important;
}   .slick-type01 .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
margin-bottom: -8px;
width: 100%;
position: relative;
z-index: 2;
}
.slick-type01 .slick-dots li {
padding: 8px;
margin: 0;
}
.slick-type01 .slick-dots li>* {
width: 8px;
max-width: 8px;
height: 8px;
display: block;
background-color: #e8e8e8;
border-radius: 50%;
font-size: 0;
line-height: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: none;
padding: 0;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.slick-type01 .slick-dots li:not(.slick-active) {
cursor: pointer;
}
.slick-type01 .slick-dots li:not(.slick-active)>* {
cursor: pointer;
margin: 0;
}
.slick-type01 .slick-dots li.slick-active>*,
.slick-type01 .slick-dots li:hover>* {
background-color: #303442;
margin: 0;
}
.slick-type01.slick-error-shadow .slick-slide {
padding-top: 15px;
padding-bottom: 15px;
}
.slick-type01.slick-error-shadow .slick-dots {
margin-top: 15px;
}
.slick-type01.slick-dots-left .slick-dots {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.slick-type01.slick-dots-right .slick-dots {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.slick-type01 .slick-dots {
margin-top: 34px;
margin-bottom: -8px;
}
.slick-type01 .slick-dots li {
padding: 8px 4px;
}
.slick-type01 .slick-dots li>* {
width: 6px;
max-width: 6px;
height: 6px;
}
.slick-type01.slick-error-shadow .slick-dots {
margin-top: 24px;
}
}
@media (max-width: 575px) {
.slick-type01 .slick-dots {
margin: 15px 0 -8px 0;
}
.slick-type01.slick-error-shadow .slick-dots {
margin-top: 5px;
}
}
.slick-slide {
height: auto;
}
.slick-slider .slick-slide {
outline: none;
}
.slick-type02 .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: absolute;
bottom: 107px;
left: 0;
}
.slick-type02 .slick-dots li {
padding: 8px;
}
.slick-type02 .slick-dots li>* {
width: 8px;
max-width: 8px;
height: 8px;
display: block;
background-color: #e8e8e8;
border-radius: 50%;
font-size: 0;
line-height: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: none;
padding: 0;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.slick-type02 .slick-dots li:not(.slick-active) {
cursor: pointer;
}
.slick-type02 .slick-dots li:not(.slick-active)>* {
cursor: pointer;
}
.slick-type02 .slick-dots li.slick-active>*,
.slick-type02 .slick-dots li:hover>* {
background-color: #303442;
}
.slick-type02.slick-error-shadow .slick-slide {
padding-top: 15px;
padding-bottom: 15px;
}
.slick-type02.slick-error-shadow .slick-dots {
margin-top: 15px;
}
.slick-type02.slick-dots-left .slick-dots {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.slick-type02.slick-dots-right .slick-dots {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.slick-type02 .slick-dots {
margin-top: 34px;
margin-bottom: -8px;
}
.slick-type02 .slick-dots li {
padding: 8px 4px;
}
.slick-type02 .slick-dots li>* {
width: 6px;
max-width: 6px;
height: 6px;
}
.slick-type02.slick-error-shadow .slick-dots {
margin-top: 24px;
}
}
@media (max-width: 575px) {
.slick-type02 .slick-dots {
margin: 15px 0 -8px 0;
}
.slick-type02.slick-error-shadow .slick-dots {
margin-top: 5px;
}
}     ::-webkit-input-placeholder {
color: #7b7b7b;
}
::-moz-placeholder {
color: #7b7b7b;
}
:-moz-placeholder {
color: #7b7b7b;
}
:-ms-input-placeholder {
color: #7b7b7b;
}
::-moz-placeholder,
:-moz-placeholder {
opacity: 1;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus:-ms-input-placeholder {
color: transparent;
}
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
textarea:focus:-moz-placeholder {
color: transparent;
}
textarea:focus::-moz-placeholder {
color: transparent;
}
textarea:focus:-ms-input-placeholder {
color: transparent;
} .form-default .form-group {
position: relative;
margin-bottom: 12px;
}
.form-default .form-group label.error {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 56px;
left: 0;
padding: 8px 12px 6px;
background: red;
color: #ffffff;
font-size: 14px;
line-height: 22px;
z-index: 1;
width: 100%;
}
.form-default .form-group label.error:after {
content: '';
position: absolute;
top: -12px;
left: 50%;
border: 6px solid transparent;
border-bottom: 6px solid #f8353e;
}
.form-default label {
color: #303442;
display: inline-block;
padding-bottom: 5px;
}
.form-default .pt-disabled {
pointer-events: none;
opacity: 0.5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.form-default button[type=submit] {
margin-top: 27px;
}
@media (max-width: 1024.98px) {
.form-default button[type=submit] {
margin-top: 17px;
}
}
.form-default .form-control {
background: transparent;
font-size: 16px;
line-height: 25px;
border: 2px solid #f4f4f4 !important;
color: #7b7b7b;
padding: 14px 12px 12px 18px;
outline: none;
font-family: "Roboto", sans-serif;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0 2px 4px rgba(171, 171, 171, 0.13) !important;
box-shadow: 0 2px 4px rgba(171, 171, 171, 0.13) !important;
border-radius: 4px !important;
}
.form-default .form-control.is-invalid {
border: 1px solid red;
}
.form-default .form-control:not(textarea) {
height: 52px;
}
.form-default input.form-control,
.form-default textarea.form-control {
-webkit-appearance: none;
}
.form-default textarea.form-control {
padding-top: 13px;
}
.form-default .form-control.error {
border-color: red;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-default .form-control:focus {
border-color: #f47629;
-webkit-box-shadow: 0 2px 4px rgba(244, 118, 41, 0.13);
box-shadow: 0 2px 4px rgba(244, 118, 41, 0.13);
background: transparent;
}
.form-default .pt-required {
display: inline-block;
float: right;
position: relative;
top: 4px;
color: red;
padding-left: 5px;
font-size: 14px;
line-height: 22px;
}
.form-default .invalid-feedback {
margin-top: 2px;
font-size: 14px;
line-height: 24px;
}
.form-default .tt-notes {
font-size: 14px;
line-height: 24px;
padding-top: 5px;
}
.custom-select {
position: relative;
}
.custom-select:after {
content: '';
position: absolute;
pointer-events: none;
top: 24px;
right: 23px;
width: 0;
height: 0;
border-width: 5px 4px;
border-style: solid;
border-color: #f47629 transparent transparent transparent;
}
.custom-select select {
display: block;
width: 100%;
height: 52px;
font-size: 16px;
line-height: 1.2;
padding: 6px 30px 6px 15px;
background: #ffffff;
border-radius: 4px;
outline: none;
border: 2px solid #f4f4f4;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
color: #959595;
-webkit-box-shadow: 0 2px 4px rgba(171, 171, 171, 0.13);
box-shadow: 0 2px 4px rgba(171, 171, 171, 0.13);
border-radius: 4px;
}
.custom-select select:focus {
border-color: #f47629;
-webkit-box-shadow: 0 2px 4px rgba(244, 118, 41, 0.13);
box-shadow: 0 2px 4px rgba(244, 118, 41, 0.13);
background: transparent;
}
.custom-select select::-ms-expand {
display: none;
}     html:not(.touch-device) body.mm-open {
padding-right: 17px;
}
html:not(.touch-device) body.mm-open .tt-stuck-nav.stuck {
padding-right: 17px;
} .modal-open {
overflow: hidden;
}
html:not(.touch-device) body.modal-open {
overflow-x: hidden;
padding-right: 17px;
}
html:not(.touch-device) body.modal-open #tt-stuck.stuck {
padding-right: 17px;
}
html:not(.touch-device) body.modal-open .tt-on-top {
padding-right: 17px;
}
html.ie.gecko body.modal-open {
padding-right: 0px !important;
} .modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 11;
-webkit-overflow-scrolling: touch;
outline: none;
text-align: center;
padding: 0;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
opacity: 0;
}
.modal.show {
opacity: 1;
}
@media (min-width: 320px) {
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
}
@media (min-width: 731px) {
.modal-md {
width: 647px;
}
}
@media (max-width: 730px) {
.modal-md {
width: 528px;
}
}
@media (max-width: 580px) {
.modal-md {
width: 420px;
}
}
@media (max-width: 480px) {
.modal-md {
width: 315px;
}
} .modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 11;
-webkit-overflow-scrolling: touch;
outline: none;
}
.modal .modal-content {
border-radius: 0;
border: none;
}
.modal .modal-footer {
border: none;
} .modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 30;
-webkit-overflow-scrolling: touch;
outline: none;
}
.modal .modal-dialog {
display: inline-block;
vertical-align: middle;
}
@media (min-width: 576px) {
.modal .modal-dialog {
max-width: inherit;
}
}
.modal .modal-body:not(.no-background) {
background-color: #ffffff;
}
.modal .modal-body {
position: relative;
text-align: left;
}
.modal .modal-body .close {
font-size: 17px;
line-height: 1;
position: absolute;
top: 5px;
right: 1px;
display: inline-block;
z-index: 7;
padding: 18px 23px;
color: #3D3B42;
background: none;
border: none;
outline: none;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.modal .modal-body .close:hover {
color: #f47629;
}
.modal .modal-body .modal-titleblock {
padding-bottom: 32px;
}
.modal .modal-body .modal-titleblock .modal-title {
font-size: 36px;
line-height: 38px;
font-family: "Poppins", sans-serif;
color: #303442;
font-weight: 600;
margin: 0;
padding: 0;
}
@media (min-width: 1025px) {
.modal .modal-body {
padding: 53px 56px 60px;
}
}
@media (max-width: 1024px) {
.modal .modal-body {
padding: 43px 40px 50px;
}
.modal .modal-body .modal-titleblock {
padding-bottom: 32px;
}
.modal .modal-body .modal-titleblock .modal-title {
font-size: 32px;
line-height: 42px;
}
}
@media (max-width: 580px) {
.modal .modal-body {
padding: 43px 30px 40px;
}
.modal .modal-body .modal-titleblock {
padding-bottom: 20px;
}
.modal .modal-body .modal-titleblock .modal-title {
font-size: 24px;
line-height: 30px;
}
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-backdrop {
background: #1d2025;
}
.modal-backdrop.show {
opacity: 0.7;
} .modal-layout-dafault .custom-select select {
color: #7b7b7b;
}
.modal-layout-dafault .form-group {
position: relative;
}
.modal-layout-dafault .form-group .form-group__icon {
position: absolute;
right: 20px;
top: 18px;
display: block;
pointer-events: none;
color: #f47629;
}
.modal-layout-dafault textarea {
height: 91px;
}
.modal-layout-dafault button[type=submit] {
margin-top: 12px;
}    .tt-back-to-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
bottom: -90px;
right: 15px;
z-index: 20;
border-radius: 50%;
padding: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 73px;
height: 73px;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.25);
}
.tt-back-to-top i {
position: relative;
z-index: 3;
pointer-events: none;
font-size: 25px;
}
@media (min-width: 790px) {
.tt-back-to-top.pt-show {
bottom: 50px;
}
}
@media (max-width: 789px) {
.tt-back-to-top.pt-show {
bottom: 50px;
}
}
.tt-back-to-top .pt-text {
display: none;
}
.tt-back-to-top:before {
content: '';
position: absolute;
top: 0;
left: 0;
top: 9px;
left: 9px;
width: calc(100% - 18px);
height: calc(100% - 18px);
background-color: #f47629;
border-radius: 50%;
z-index: -9;
}
.tt-back-to-top:hover {
color: #f47629;
border-color: #f47629;
background-color: #f47629;
}
.tt-back-to-top:hover:before {
background-color: #ffffff;
}
@media (max-width: 789px) {
.tt-back-to-top {
width: 66px;
height: 66px;
}
}   #tt-footer {
background-color: #303442;
color: #bbbdc3;
margin-top: 162px;
}
@media (max-width: 1024.98px) {
#tt-footer {
margin-top: 70px;
}
}
@media (max-width: 766.98px) {
#tt-footer {
margin-top: 58px;
}
} form {
padding: 0;
margin: 0;
}
.f-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f47629;
color: #ffffff;
padding: 30px;
overflow: hidden;
}
.f-form>*:not(:first-child) {
margin-left: 24px;
}
.f-form .f-form__label {
font-size: 24px;
font-family: "Poppins", sans-serif;
font-weight: 600;
padding-right: 13px;
}
.f-form .f-form__input {
width: 33%;
}
.f-form .f-form__input .form-control {
background: #ffffff;
color: #888888;
border: 1px solid #ffffff;
font-size: 16px;
line-height: 19px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
border-radius: 4px;
width: 100%;
height: 48px;
padding: 6px 12px 6px 19px;
font-family: "Roboto", sans-serif;
}
.f-form .f-form__btn .tt-btn [class^="icon-"] {
margin-right: 10px;
}
@media (min-width: 1025px) {
.f-form {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (max-width: 1229.98px) {
.f-form .f-form__label {
font-size: 22px;
padding-right: 3px;
}
}
@media (max-width: 1024.98px) {
.f-form {
padding: 15px;
}
.f-form .f-form__label {
font-size: 20px;
padding-right: 0px;
}
.f-form .f-form__input .form-control {
height: 35px;
font-size: 15px;
padding: 6px 8px 6px 8px;
}
.f-form .f-form__btn .tt-btn {
height: 35px;
}
.f-form .f-form__btn .tt-btn [class^="icon-"] {
margin-right: 10px;
}
}
@media (max-width: 766.98px) {
.f-form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 9px 15px 14px;
}
.f-form>*:not(:first-child) {
margin-left: 0px;
}
.f-form .f-form__input {
width: calc(100% - 128px);
}
.f-form .f-form__input .form-control {
width: 100%;
}
.f-form .f-form__label {
width: 100%;
padding-bottom: 6px;
}
.f-form .f-form__btn {
margin-left: 5px;
}
.f-form .f-form__btn .tt-btn .tt-short-text {
display: none;
}
} .f-holder {
position: relative;
margin-top: -10px;
overflow: hidden;
margin-left: 0;
margin-right: 0;
}
.f-holder>[class^=col-] {
margin-top: 25px;
}
@media (max-width: 1229px) {
.f-holder {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 1024px) {
.f-holder {
margin-top: 11px;
}
}
@media (max-width: 575px) {
.f-holder {
text-align: center;
padding-left: 10px;
padding-right: 10px;
margin-top: 0;
}
} @media (min-width: 1230px) {
#map-img,
#map {
width: 429px;
height: 246px;
}
}
@media (min-width: 576px){
#map {
position: absolute!important;
top: 25px;
right: 15px;
}
}
@media (max-width: 1229px) {
#map-img,
#map {
height: 180px;
width: calc(50% - 30px);
max-width: calc(50% - 30px);
right: 25px;
}
}
@media (max-width: 575px) {
#map-img,
#map {
width: 100%;
height: 246px;
max-width: inherit;
position: relative;
margin-top: 35px;
right: 0;
}
}
@media (max-width: 1229px) and (min-width: 576px) {
.additional-strut {
min-height: 170px;
}
}
.footer-wrapper .container {
position: relative;
}
.f-logo {
font-size: 40px;
line-height: 40px;
font-family: "Poppins", sans-serif;
font-weight: 600;
position: relative;
top: 5px;
padding: 0px 0 0px 0px;
letter-spacing: -0.04em;
display: inline-block;
margin-bottom: 15px;
}
.f-logo .tt-icon {
position: absolute;
top: -4px;
left: 0px;
z-index: 1;
}
.f-logo .tt-text {
position: relative;
z-index: 2;
padding: 0 0 0 21px;
display: inline-block;
color: #ffffff;
}
@media (max-width: 1229px) and (min-width: 576px) {
.f-logo {
width: 50%;
}
}
@media (max-width: 1024px) {
.f-logo {
font-size: 28px;
line-height: 40px;
margin-bottom: 10px;
}
.f-logo .tt-icon {
top: -4px;
left: 7px;
z-index: 1;
}
.f-logo .tt-icon img {
max-width: 21px;
}
} .f-info-icon {
margin: 50px 0 0 0;
padding: 0;
}
.f-info-icon li {
position: relative;
padding: 0 0 0 26px;
color: #bbbdc3;
text-align: left;
}
.f-info-icon li [class^=icon] {
font-size: 16px;
line-height: 15px;
color: #f47629;
position: absolute;
left: 0;
top: 6px;
}
.f-info-icon li:not(:first-child) {
margin-top: 5px;
}
.f-info-icon li a {
color: #bbbdc3;
}
.f-info-icon li a:hover {
color: #f47629;
}
@media (max-width: 1024px) {
.f-info-icon li [class^=icon] {
font-size: 14px;
}
}
@media (max-width: 575px) {
.f-info-icon {
margin-top: 34px;
}
}
.f-info-text {
padding-right: 15px;
}
@media (max-width: 1229px) and (min-width: 576px) {
.f-info-text {
width: 50%;
}
}
@media (max-width: 766.98px) {
.f-info-text {
padding-right: 0;
}
} .f-nav {
margin-top: 50px;
}
.f-nav li {
color: #303442;
padding: 0 0 0 27px;
position: relative;
width: 50%;
float: left;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.f-nav li:before {
content: '\e922';
font-family: "Electrician";
color: #f47629;
position: absolute;
top: 8px;
left: 3px;
font-size: 10px;
line-height: 1;
}
.f-nav li a {
color: #ffffff;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.f-nav li a:hover {
color: #f47629;
}
.f-nav li:not(:first-child) {
margin-top: 4px;
}
@media (max-width: 575px) {
.f-nav {
padding-left: 0px;
padding-right: 0px;
margin-top: 29px;
}
.f-nav li {
text-align: left;
padding-right: 27px;
}
} .f-copyright {
margin-top: 46px;
padding-bottom: 27px;
margin-left: 0;
margin-right: 0;
}
@media (max-width: 1229px) {
.f-copyright {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 575px) {
.f-copyright {
margin-top: 30px;
}
.f-copyright>* {
text-align: center;
}
.f-copyright>*:not(:first-child) {
margin-top: 13px;
}
} .f-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.f-social li a {
font-size: 29px;
line-height: 29px;
padding-left: 5px;
padding-right: 5px;
display: inline-block;
color: #ffffff;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.f-social li a:hover {
color: #f47629;
}
div#modalMakeAppointment {
transform: unset;
}
.order-form__content .icon-calendar:before {
display: none;
}
ul.tt-list01 {
list-style: none !important;
}
#filter-nav ul {
list-style: none;
}
ul.tt-layout02__list {
list-style: none !important;
}
.post-audio iframe {
width: 100%;
}
.woocommerce .woocommerce-result-count {
margin: 0;
}
.woocommerce .woocommerce-ordering {
margin: 0;
}
.carusel-product .tt-col-item {
max-width: 100%;
}
.wc-tabs>li>a::after {
display: none;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
}
.product-block-gallery .flex-viewport,
.flex-control-nav.flex-control-thumbs {
float: unset;
width: auto;
}
body:not(.home) #pageContent {
padding-top: 0;
}
.comments-list .children {
margin-left: 70px;
padding-left: 0;
}
.slick-dots li button:after {
display: none;
}
.electric-btn:hover {
color: unset !important;
}
.admin-bar #js-init-sticky.fixed .tt-holder-wrapper {
top: 32px;
}
@media (min-width: 1025px) {
p {
font-size: 16px;
line-height: 27px;
}
}
.blog-single__img {
position: relative;
}
div.wpcf7 .ajax-loader {
display: none;
}
@media (max-width: 767px) {
.slick-type01 .slick-dots {
bottom: unset;
}
.slick-slider {
margin-bottom: 0px;
}
.tt-table01 table tr>* {
vertical-align: middle;
}
}
.data__comments {
text-transform: capitalize;
}
@media (min-width: 992px) {
.navbar-nav .dropdown .dropdown-menu li>a {
text-transform: capitalize;
}
}
#respond.comment-respond #commentform .form-group>textarea.form-control {
height: unset;
}
.comment-respond p {
margin-top: 0;
margin-bottom: 10px;
}
table.wp-calendar-table {
width: 100%;
text-align: center;
}
.wp-calendar-table thead {
background: #f5f5f5;
color: #303442;
font-size: 16px;
}
.wp-calendar-table th,
.wp-calendar-table td {
height: 39px;
font-size: 16px;
width: 14.28571%;
cursor: pointer;
color: #4a4a4a;
}
td#today {
background: #f47629;
color: #fff;
border-radius: 5px;
}
ol.commentlist ol,
ol.commentlist {
list-style: none;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: left;
width: 100%;
}
.simple-pagination>span {
display: none;
}
.item-hide {
display: none !important;
}
.visible .item-hide {
display: block !important;
}
.visible #js-more-include {
display: none !important;
}
ul.js-wrapper-gallery.gallery01.gallery01-top {
list-style: none !important;
} #loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000000;
background-color: #fff;
}
#loader-wrapper.loader-off {
display: none !important;
}
#loader {
display: block;
margin: -50px 0 0 -150px;
height: 100px;
width: 300px;
position: relative;
top: 50%;
left: 50%;
}
.loader {
text-align: center;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 25px;
line-height: 100px;
margin: 0 auto;
}
.loader .bolt {
width: 0px;
height: 0px;
border: 15px solid transparent;
position: absolute;
margin-top: -100px;
margin-left: 43%;
}
.loader .one {
margin-left: 0;
transform: rotateZ(-25deg) translateY(7px);
animation: whiteb 0.5s linear infinite;
}
.loader .one .other {
animation: whitet 0.5s linear infinite;
}
.loader .two .other {
border-top: 55px solid #fefefe;
animation: oranget 0.7s linear infinite;
}
.loader .three {
margin-left: 84%;
transform: rotateZ(25deg) translateY(0px);
animation: whiteb 0.5s linear infinite;
}
.loader .three .other {
animation: whitet 0.5s linear infinite;
}
.loader .other {
width: 0px;
height: 0px;
border: 11px solid transparent;
margin-top: 40px;
}
@-webkit-keyframes whiteb {
to {
border-bottom-color: #fefefe;
}
}
@keyframes whiteb {
to {
border-bottom-color: #fefefe;
}
}
@-webkit-keyframes whitet {
to {
border-top-color: #fefefe;
}
}
@keyframes whitet {
to {
border-top-color: #fefefe;
}
}
@-webkit-keyframes orangeb {
to {
border-bottom-color: #f47629;
}
}
@keyframes orangeb {
to {
border-bottom-color: #f47629;
}
}
@-webkit-keyframes oranget {
to {
border-top-color: #f47629;
}
}
@keyframes oranget {
to {
border-top-color: #f47629;
}
}
.submenu-aside .tt-item.tt-item__open .tt-item__title:hover {
color: #fff;
}
.overflow-hidden {
overflow: hidden;
}
#map-img img {
height: 100%;
}
.tt-box05_wrapper.slick-type01 .slick-dots {
margin-top: 5px;
}
ul.social-links li {
display: inline-block;
font-size: 28px;
margin-top: 10px;
}
#couponForm .modal-dialog {
max-width: 700px !important;
}
.woocommerce .product-categories > li:after{
content: '\e921';
font-family: "Electrician";
}
#loader-wrapper img {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.f-social li img, ul.social-links li img {
max-width: 30px;
margin-top: -5px;
vertical-align: unset;
}
@media only screen and (max-width: 600px) {
div#text-6.footer-widget3.widget_text {
position: relative !important;
width: 100%;
padding-right: 50px;
}
}
.tt-back-to-top img {
width: 25px;
height: 25px;
}
span.icon-sitewide img {
width: 14px;
height: 14px;
}
.tt-item__btn_link {
margin-top: 28px;
} .tt-coupons__bg.cust-coupons__bg:before {
content: none;
}
.form-modal p {
margin-top: 0;
}
.form-group p {
position: relative;
margin-top: 0;
}
@media (max-width: 767px){
.admin-bar .panel-menu {
top: 46px;
}
}
.tt-gallery-wrapper .show.item-hide {
display: block !important;
}