.btn:hover, 
button:hover,
.button:hover,
.wc-forward:hover,
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
.more-link a:hover,
.load-more a:hover,
.address .edit:hover,
.reset_variations:hover,
.st-highlight,
.st-dropcap,
.st-link.style-2:after,
.st-link.style-3:before,
.st-tabs .tab-title li.active a, 
.woocommerce-tabs ul.tabs li.active a,
.st-accordion .accordion-title.active .accordion-icon,
.st-iconbox.style-1 .box-image .box-icon,
.st-trailerbox .box-content span,
.st-progress .bar,
.st-offer-slider .offer-button:hover,
.st-social a:hover,
#footer .st-social a:hover,
.blog-container .post-format,
.portfolio-container .zoom-link a:hover,
.team-container.style-1 .team-photo,
.team-container.style-2 .team-photo,
#fullscreen-menu li a:hover,
.portfolio-filter li a:hover,
.portfolio-filter li.active a,
.portfolio-filter li.active a:hover,
.widget.widget_tag_cloud a:hover,
.widget.widget_product_tag_cloud a:hover{
	background-color:#0a0a0a;
}

.btn:hover, 
button:hover,
.button:hover,
.wc-forward:hover,
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
.more-link a:hover,
.load-more a:hover,
.address .edit:hover,
.reset_variations:hover,
.header-cart a.button:hover,
blockquote,
blockquote.pull-right,
.primary-menu ul li a:before, 
.canvas-menu ul li a:before,
.st-link.style-1:after,
.st-iconbox.style-1 .box-image:hover .box-icon,
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span,
.st-offer-slider .offer-title h4:before,
.st-offer-slider .offer-button:hover,
.post-meta span:before, 
.widget-blog .media-list span:before,
.team-meta:after,
.team-container.style-2 .st-social a:hover,
.portfolio-filter li a:hover,
.portfolio-filter li.active a,
.portfolio-filter li.active a:hover{
	border-color:#0a0a0a;
}

.fs-menu-on .toggle-menu:hover span:before,
.st-accordion .accordion-title:hover,
.st-accordion .accordion-title.active,
.st-iconbox.style-1 .box-image:hover .box-icon,
.st-iconbox.style-2 .box-icon,
.st-articlebox a:hover,
.st-link.style-4,
.testimonial-position,
.widget_nav_menu ul li a:hover,
.widget_nav_menu ul li a:hover:before,
.portfolio-container .post-title a:hover,
.portfolio-list .post-category,
.blog-container .post-title a:hover,
.owl-theme .owl-controls.clickable .owl-buttons div:hover,
#footer a:hover,
.product-container:hover h3 a,
.entry-summary .price .amount,
.woocommerce .product-category a{
	color:#0a0a0a;
}
#header {
background-color: rgba(255, 255, 255, 0.7);
border: none !important;
}
#header #top-wrapper {
background-color: rgba(10, 10, 10, .25);
border: none !important;
}
#header .is-sticky {
background-color: rgba(10, 10, 10, 0.8);
border: none !important;
}
ul.primary-menu > li > ul {
background-color: rgba(29, 39, 56, 1);
}
#footer {
background-color: #1b202a;
}
body, p { font-family: 'Roboto'; }
h1,h2,h3,h4,h5,h6 { font-family: 'Roboto'; }
ul.primary-menu > li > a { font-family: 'Roboto'; }
ul.primary-menu > li > ul > li > a { font-family: 'Roboto'; }
ul.primary-menu > li > ul > li > ul > li a { font-family: 'Roboto'; }
h1.page-title { font-family: 'Roboto'; }
.page-subtitle { font-family: 'Roboto'; }
body { font-size: 18px; }
ul.primary-menu > li > ul > li > a { font-weight: 400; }
ul.primary-menu > li > ul > li > ul > li a { font-weight: 400; }
#header { color: #ffffff; }
#header .is-sticky { color: #ffffff; }
ul.primary-menu > li > a { color: #0a0a0a; }
ul.primary-menu > li > ul > li > a, .primary-menu ul.mega-menu > li a { color: #ffffff; }
ul.primary-menu > li > ul > li > ul > li a, .primary-menu ul.mega-menu > li > ul > li a { color: #ffffff; }
ul.primary-menu > li > a:hover { color: #4c4c4c; }
ul.primary-menu > li > ul > li > a:hover, .primary-menu ul.mega-menu > li a:hover { color: #ffffff; }
ul.primary-menu > li > ul > li > ul > li a:hover, .primary-menu ul.mega-menu > li > ul > li a:hover { color: #ffffff; }
#title-wrapper .breadcrumb li, #title-wrapper .breadcrumb li a { color: #ffffff; }
#main-wrapper { color: #333333; }
#main-wrapper a { color: #143d60; }
#main-wrapper a:hover { color: #184572; }
#footer .widget-title { color: #ffffff; }
#footer a { color: #b2b6bb; }
#footer a:hover { color: #f4524d; }
#middle-wrapper, .header-style-h2 .header-logo { line-height: 100px; }
#footer #text-4, #nav_menu-5 { margin-bottom: 0px!important; }
.jotform-form { padding: 0px!important; }

.mobile { display: none; }

.supercrsl a.superprev {  left: -3em!important; }
.supercrsl a.supernext { right:-3em!important; }

.wpcf7-submit:hover, .primary-btn:hover, .primary-btn-v2:hover { border-color: #0071BC!important; }


.wpcf7-form input[type="submit"]:hover, .primary-btn::before, .primary-btn::after, .primary-btn-v2::before, .primary-btn-v2::after { background: #0071BC!important; }
#middle-wrapper, #header .is-sticky { background-color: rgba(255, 255, 255, 0.9)!important; }

input[type="submit"]:hover { background: #0071BC!important; }

#header .is-sticky ul.primary-menu > li > a { color: #000; }

#header #top-wrapper { background-color: rgba(150, 150, 150, .25); }

.title-holder { height: 400px; }
#header .is-sticky { padding: 5px 0px!important; }


/***Header edits***/
.header-call { text-align: right; }
.fa-envelope { display: none!important; }
.header-call .list-inline li { padding-right: 20px; font-size: 18px; font-weight: 900; }
.header-skin-dark #top-wrapper { background-color: rgba(255, 255, 255, 0.1); }
.title-holder { height: 500px; }
.st-callus { color: #dd3333; }
.title-holder { padding-top: 300px!important; }

::selection {
    color: #fff;
    text-shadow: none;
    background: #292f3b;
}


/* Helper CLasses */

.little-radius {
    border-radius: 0.2em;
}

.sd-sm {
    box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
}

.image-sd-md img,
.sd-md {
    box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
}

.sd-lg {
    box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
}

.float-sm {
    z-index: 999;
}

.float-md {
    z-index: 9999;
}

.float-lg {
    z-index: 99999;
}

.over-vis {
    overflow: visible !important;
}

.white {
    color: #ffffff;
}


/* Buttons */

.primary-btn {
    margin-top: 1em;
    display: inline-block;
    background: #dee6ee;
    color: #000 !important;
    position: relative;
    text-transform: uppercase;
    padding: 1em 2em;
    border-radius: 2em;
    overflow: hidden;
    border: 1px solid #dee6ee;
    font-weight: 700;
    transition: box-shadow .3s ease, color .3s ease, border-color .3s ease;
    letter-spacing: 0.81px;
    z-index: 0;
}

.primary-btn:hover {
    border-color: #F4524D;
    color: #fff !important;
    box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
}

.primary-btn::before,
.primary-btn::after {
    content: '';
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    z-index: -1;
    background: #dd3333;
    transform: skew(-45deg);
    transition: transform .3s ease-in-out;
    will-change: transform;
}

.primary-btn::before {
    transform-origin: 0% 0%;
    transform: skew(-45deg) translateX(-101%);
}

.primary-btn::after {
    transform-origin: 100% 100%;
    transform: skew(-45deg) translateX(101%);
}

.primary-btn:hover::after,
.primary-btn:hover::before {
    transform: skew(-45deg) translateX(0);
}

.primary-btn-v2 {
    background: #dd3333;
    border: 1px solid #dd3333;
    color: #fff !important;
}

.primary-btn-v2:hover {
    border-color: #000;
}

.primary-btn-v2::before,
.primary-btn-v2::after {
    background: #000;
}


/* Fixes */

.header-regular #header,
.header-sticky #header {
    z-index: 9999999;
}


/* Counter */

.counter-number {
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    color: #f11;
}

.counter-content {
    color: #fff;
}

.icon-text {
    margin-left: 50px;
}

.icon-text .st-icon {
    margin-left: -50px;
    float: left;
}

.line-under {
    position: relative;
}

.line-under::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.75em;
    width: 100%;
    max-width: 70px;
    height: 4px;
    background: #F4524D;
}

.line-center::after {
    left: 50%;
    transform: translateX(-50%);
}


/* Menu Edits */

#primary-menu>li {
    position: relative;
}

#primary-menu>.current_page_item>a::after,
#primary-menu>li>a::after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 30%;
    height: 2.5px;
    border-radius: 3px;
    background: #F4524D;
    transform-origin: 50% 50%;
    transform: scaleX(0);
    transition: transform .2s ease;
}

#primary-menu>.current_page_item>a::after,
#primary-menu>li:hover>a::after {
    transform: scaleX(1);
}

.primary-menu ul,
.canvas-menu ul {
    padding: 0 !important;
}

.primary-menu ul li,
.canvas-menu ul li {
    border-top: 1px solid #2d374a;
}

.primary-menu ul li:first-of-type,
.canvas-menu ul li:first-of-type {
    border: none;
}

.primary-menu ul li a,
.canvas-menu ul li a {
    padding: 8px 15px !important;
    background: rgba(241, 80, 74, 0);
    transition: .3s background ease;
}

.primary-menu ul li a:hover,
.canvas-menu ul li a:hover {
    background: rgba(241, 80, 74, 1);
}

.primary-menu ul,
.canvas-menu ul {
    top: 130% !important;
    transition: top .3s ease;
}

#primary-menu li:hover>ul {
    top: 100% !important;
}

.footer-social-wrapper ul li {
    float: left;
}

.footer-social-wrapper ul li a {
    padding: 1em;
    border-radius: 2em;
    background: #323740;
    line-height: 15px;
    width: 40px;
    text-align: center;
    height: 40px;
    font-size: 14px;
    display: block;
    margin-right: 0.7em;
    transition: background .3s ease;
    color: #fff !important;
}

.footer-social-wrapper ul li a:hover {
    background: rgba(241, 80, 74, 1);
}

#footer .widget_nav_menu ul li a:before {
    content: none;
}

.footer-name {
    color: #fff;
    margin-top: -10px;
}

.subscribe-email {
    display: flex;
    justify-content: center;
}

.subscribe-email>p {
    display: flex;
}

.subscribe-email input[type="submit"] {
    background: rgba(241, 80, 74, 1);
    border-radius: 0;
    border: none;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    padding: 0 6%;
}

.subscribe-email input[type="email"] {
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
}

.subscribe-email input[type="submit"]:hover {
    background: rgba(0, 0, 0, 1);
}

input[type="submit"] {
    border-radius: 2em;
}

.btn:hover,
button:hover,
.button:hover,
.wc-forward:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.more-link a:hover,
.load-more a:hover,
.address .edit:hover,
.reset_variations:hover,
.st-highlight,
.st-dropcap,
.st-link.style-2:after,
.st-link.style-3:before,
.st-tabs .tab-title li.active a,
.woocommerce-tabs ul.tabs li.active a,
.st-accordion .accordion-title.active .accordion-icon,
.st-iconbox.style-1 .box-image .box-icon,
.st-trailerbox .box-content span,
.st-progress .bar,
.st-offer-slider .offer-button:hover,
.st-social a:hover,
#footer .st-social a:hover,
.blog-container .post-format,
.portfolio-container .zoom-link a:hover,
.team-container.style-1 .team-photo,
.team-container.style-2 .team-photo,
#fullscreen-menu li a:hover,
.portfolio-filter li a:hover,
.portfolio-filter li.active a,
.portfolio-filter li.active a:hover,
.widget.widget_tag_cloud a:hover,
.widget.widget_product_tag_cloud a:hover {
    background-color: #F4524D !important;
}

#header,
.header-regular #header,
.header-sticky #header,
.header-fixed #header,
body.fs-menu-on #header,
.header-side-inner {
    position: absolute;
}

.toggle-menu,
.ks-website-name {
    color: #ffffff;
}

.front-page-contact {
    max-width: 450px;
    background: #fff;
    padding: 1em 1em 0.1em;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
    margin-left: auto;
}

#middle-wrapper {
    position: fixed;
    margin: 0px auto auto;
    width: 100%;
    background: rgba(255,255,255,0.2);
}

#middle-wrapper .container {
  margin-top: 40px;
}

#top-wrapper {
  position: fixed;
  z-index: 10000;
  width: 100%;
}

.mb-20 {
  margin-bottom: 20px;
}

.post-grid-wrapper {
display: flex;
flex-wrap: wrap;
}


.logo-standart { max-width: 300px; }

#top-wrapper { display: block; }


/***MOBILE OPTIMIZATION***/

/***MOBILE OPTIMIZATION***/

@media only screen and (max-width: 1200px){
#header #middle-wrapper { background-color: rgba(255, 255, 255, 0.9)!important; padding: 5px 0px!important; }
#primary-nav { font-size: 11px!important; }
.title-holder { padding: 200px 0px 0px 0px !important; height: 350px!important; }
.is-sticky #middle-wrapper { height: 100px!important; }
.is-sticky  .container { margin-top: 80px!important; height: 40px; }
#toggle-mobile-menu { color: #0071BC}

}

@media only screen and (max-width: 991px) {
   #top-wrapper { display: block!important; color: #fff; }
   .nomobile { display: none!important; }
}

/**TopBar Edits W/ Text**/
@media only screen and (max-width: 600px) {
.mobile { display: inline-block; }
.no-mobile { display: none; }
.topbar-text { display: block; }
.header-call .list-inline li { text-align: center; width: 100%; line-height: 24px; padding-right: 0;font-size: 14px; }
#header #top-wrapper { height: 55px; }
#header #middle-wrapper, #header .header-logo { line-height: 85px; }
}

.wpcf7-form {margin-bottom: 20px !important;}

#text-4 > h3 { margin-bottom: 0; }

.red {
  color: #dd3333;
}

.primary-menu li a, .canvas-menu li a {
  padding: 0 10px;
}

div#text_7 > p {
color: purple !important;
}
.header-call {
    display: flex;
    justify-content: flex-end;
}
.header-call .gt {
margin-right:15px;
}
#top-wrapper .header-call .gt a {
color: #dd3333;
}
