/*
Theme Name: Startit
Theme URI: http://startit.select-themes.com/
Description: A Fresh Startup Business Theme
Author: Select Themes
Author URI:  http://themeforest.net/user/select-themes
Version: 2.3
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');

html {
    scroll-behavior: smooth;
}
a:hover {
    color:#3F6AB2;
}
.qodef-footer-inner a:hover {
    color:#3F6AB2;
}
body {
    transition: all .2s ease-in-out;
    
}
.white {
    color: #fff;
}
.yellow {
    color: #fc0;
}
.qodef-light-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a, .qodef-light-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li > a {
    color: inherit !important; 
}
 
.qodef-top-bar {
    background: #3F6AB2 !important;
}

.qodef-logo-wrapper {
    display: table;
}
.qodef-logo-wrapper div {
    display: table-cell;
    vertical-align: middle;
}
 
.qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
    max-height: 65px !important;
} 
.social {
    display:inline-block;
    vertical-align: middle;
    height: 100%;
    transition: all .2s ease-in-out;
}
.social span { transition: all .2s ease-in-out; color:rgba(255,255,255,0.8); }
.social span:hover {
    cursor: pointer;
    color:#fff;
}
.social > div {
    display: table;
    vertical-align: middle;
    height: 100%;
    
}
.social > div > div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    
}
.social > div > div > div {
    padding-left: 20px;
    border-left:  1px solid rgba(255,255,255,0.4);
    padding-top: 5px;
    padding-bottom: 5px;
}

.slider_title {
    text-shadow: 0 0 10px rgba(0,0,0,0.9);
    text-align: center !important;
    color: #ffffff;
    font-family: "Jost", Sans-serif;
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1em;
    
    letter-spacing: 0px;
    padding: 0px 15px 0px 15px;
    margin: 53px 0px 0px 0px;
}

.slider_subtitle {
     text-shadow: 0 0 10px rgba(0,0,0,0.9);
    text-align: center !important;
    color: #ffffff;
    font-family: "Jost", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1em;
    padding: 0px 15px 0px 15px;
    margin: 22px 0px 10px 0px;
}
.slider_desc {
     text-shadow: 0 0 10px rgba(0,0,0,0.9); 
    align-self: flex-start;
    text-align: center !important;
    color: #ffffff;
    font-family: "Jost", Sans-serif;
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: -0.3px;
    padding: 0px 15px 0px 15px;
    margin: 15px 0px 0px 0px;
}
.slider_button_wrapper {
    margin-top: 30px;
    text-align: center !important;
}
.slider_button {
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-family: "Raleway", Sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    padding: 17px 45px 19px 45px;
    margin: 38px 0px 0px 15px;
    background-color: #222;
    color: #fff;
    border-radius: 0px 0px 0px 0px;
    
}
.slider_button:hover {
    background:#222;
}


.button:hover {
    background:#222;
}
.button {
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-family: "Raleway", Sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    padding: 17px 45px 19px 45px;
    margin: 38px 0px 0px 15px;
    background-color: #222;
    color: #fff;
    border-radius: 0px 0px 0px 0px;
    
}
.no-clearfix .clearfix:after {
    clear:none;

  content: none;
}
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;

  position: relative;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
    text-align: center;
   
   
}

.flip-card-front > div {
    display: table;
    width: 100%;
    height: 100%;
}
.flip-card-front > div > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
     padding: 20px;
}


.flip-card-back > div {
    display: table;
    width: 100%;
    height: 100%;
}
.flip-card-back > div > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
     padding: 20px;
}


.flip-card-front {
  background-color: #222;
  color: #fff;
  vertical-align: middle;
    
}

.flip-card-back {
  background-color: #222;
  color: #fff;
  transform: rotateY(180deg);
}

.flip-icon {
    font-size: 50px !important;
    margin-bottom: 20px;
    justify-content: flex-start;
}
.flip_title {
    align-self: flex-start;
   
    color: #ffffff;
    font-family: "Raleway", Sans-serif;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.9px;
    padding: 0% 0% 0% 0%;
    margin: 0px 0px 6px 0px;
    text-align: center;
}
.flip_subtitle {
    align-self: flex-start;
    text-align: center;
    color: #ffffff;
    font-family: "Raleway", Sans-serif;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 1px;
}

.qodef-tab-title span {
    font-size: 25px !important;
    font-family: "Raleway", Sans-serif !important;
}
.casette-title-1 {
    color: #111;
    font-family: "Jost", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
}
.casette-title-2 {
    color: #111;
    font-family: "Jost", Sans-serif;
    font-size: 38px;
    line-height: 45px;
    font-weight: 300;
    text-transform: uppercase;
     margin-bottom: 20px;
}

.casette-title-3 {
    color: #111;
    font-family: "Jost", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.25em;
    letter-spacing: -0.2px;
     margin-bottom: 20px;
}
.casette-title-4 {
    color: #111;
    font-family: "Jost", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.25em;
    letter-spacing: -0.2px;
     margin-bottom: 20px;
}
.casette-text {
    color: #111;
    font-family: "Jost", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.casette-text .motto {
    font-size: 21px;
    font-family: "Jost", Sans-serif;
    font-weight: 800;
}
.qodef-iwt-content-holder {
    padding-left: 70px !important;
}
.white {
    color:#fff;
}
.clear { clear:both; }

 

.qodef-mobile-header .qodef-mobile-header-inner { 
    //background:#222 !important;
}
.qodef-mobile-header .qodef-mobile-menu-opener a {
    color:#222 !important;
    font-size: 30px;
}
.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    height: auto  !important;
    width: 90% !important;
}
@media screen and (max-width:1024px) {
    .qodef-mobile-logo-wrapper img {
        margin-top: -10px;
    }
    .qodef-mobile-nav li a {
        color: #222 !important;
        font-size: 17px !important;
        line-height: 22px !important;
    }
    .qodef-position-right {display: none !important; }
    .qodef-position-left {
        width: 100% !important;
    }
    
} 
@media screen and (max-width:700px) {
    .topleft {
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        text-align: center;
    }
    .qodef-mobile-logo-wrapper img {
        max-width: 70%; 
    }
    .qodef-position-left-inner {
        text-align:center !important; 
    }
}

@media screen and (max-width:1400px) {
    .flip-card {
        width:auto;
        height: 300px;
        margin-top: 10px;
    }
}
@media screen and (max-width:1300px) {
    .slider_title { padding-left: 20px !important;  }
    .slider_subtitle { padding-left: 20px !important;  }
    .slider_desc { padding-left: 20px !important;  }
    .slider_button { margin-left: 20px !important;  } 
}
.show_on_mobile { display: none; }
@media screen and (max-width:767px) {
    .show_on_mobile { display: block; }
    .hide_on_mobile { display: none; }
}
@media only screen and (max-width: 480px) {
    .qodef-section-inner {
        width: auto !important;
        padding-left:20px;
        padding-right:20px;
    }
}
.blue_band {
    background: #222;
    color: #fff;
    padding: 25px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
}
.paragraf {
    font-family: "Raleway", Sans-serif;
    font-size: 15px;
    line-height: 24px;
    color:#333;
}
.white {
    color: #fff !important;
}
.align_center {
    text-align: center;
}

.price-table {
    width: 100%;
    border: none;
}
.price-table thead tr {
    background: #222;
}
.price-table thead th {
    color: #fff;
    text-align: center;
    padding: 4px;
}
.price-table tbody tr:nth-child(odd) {
    background: #eee;
}
.price-table tbody td {
    color: #333;
    text-align: center;
    padding: 4px;
}

.qodef-title-breadcrumbs-holder h1 {
    color: #1b242b;
    font-family: "Raleway", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.25em;
    letter-spacing: -0.2px;
}
.qodef-breadcrumbs a, .qodef-breadcrumbs span {
    color: #1b242b !important;
    font-family: "Raleway", Sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    line-height: 1.25em !important;
    letter-spacing: -0.2px !important;
}  

.separator {
    margin: 50px 0;
    border-bottom: 4px dashed rgba(21, 34, 43, 0.13);
    
}

.topleft {
    font-weight: 700;
    color:#fc0;
    word-spacing: 0.1em;
    letter-spacing: -0.5px;
}
.icons_servicii {
    width: 24.5%;
    box-sizing: border-box;
    display: inline-table;
    border-spacing: 10px;
}

@media screen and (max-width: 1000px) {
    .icons_servicii { width: 49.5%; }
}
@media screen and (max-width: 500px) {
    .icons_servicii {
        width: 100% !important;
        border-spacing: 5px !important;
         
    }
    .icons_servicii > div { 
        padding:20px !important;
        font-size: 18px !important;
        height: auto !important;
        
    }
}
 


.icons_servicii > div {
    cursor: pointer;
    border:2px dashed #222;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background: #eee;
    font-size: 25px;
    font-family: "Jost", sans-serif;
    color:#222;
    display: table-cell;
    width: auto;
    vertical-align: middle;
    height: 150px;
    text-align: center;
    margin:10px;
    transition: all .2s ease-in-out;
}
.icons_servicii > div:hover {
    background: #3F6AB2;
    color:#fff;
    transform: scale(1.04);
}
.invisible-table td {
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    
    text-align: left;
}

.invisible-table, .invisible-table tr {
    border: none !important;
}


form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style) {
    background-color: #3F6AB2 !important;
    color: #ffffff !important;
}

.whs {
    background: #01e675 !important;
    color: #fff !important;
    cursor: pointer;
}
.button_call:hover {
    background: #000 !important;
    color:#fc0 !important;
}
.button_call {
    margin-top: 10px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    width: auto;
    color: #fff;
    background: #333;
    border-radius: 5px;
    outline: 0;
    border: none;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 700;
}