/*
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.

*/
body {
    transition: all .2s ease-in-out;
}
.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: rgba(0,0,0,0.83) !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: 27px !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: left;
    color: #ffffff;
    font-family: "Raleway", 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: left;
    color: #ffffff;
    font-family: "Raleway", 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: left;
    color: #ffffff;
    font-family: "Raleway", 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: left;
}
.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: #009EA2;
    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: #009EA2;
    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: #009EA2;
  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: #333;
    font-family: "Raleway", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
}
.casette-title-2 {
    color: #333;
    font-family: "Raleway", Sans-serif;
    font-size: 38px;
    line-height: 45px;
    font-weight: 300;
    text-transform: uppercase;
     margin-bottom: 20px;
}

.casette-title-3 {
    color: #333;
    font-family: "Raleway", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.25em;
    letter-spacing: -0.2px;
     margin-bottom: 20px;
}
.casette-text {
    color: #333;
    font-family: "Raleway", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.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:#fff !important;
    font-size: 24px;
}
.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    height: auto  !important;
    width: 90% !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: #009EA2;
    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: #009EA2;
}
.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);
    
}