/*
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-dark-header .qodef-menu-area {
    background: rgb(216 223 227 / 85%) !important;
}


.qodef-dark-header .qodef-page-header > div:not(.qodef-sticky-header) .qodef-main-menu > ul > li > a, .qodef-dark-header.qodef-header-style-on-scroll .qodef-page-header .qodef-main-menu > ul > li > a {
    color: rgb(0 0 0 / 80%) !important;
}
.qodef-page-header .qodef-sticky-header .qodef-sticky-holder {
    padding: 12px 0px !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: 50px !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(0,0,0,0.8); }
.social span:hover {
    cursor: pointer;
    color:#111;
}
.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(0,0,0,0.4);
    padding-top: 5px;
    padding-bottom: 5px;
}

.slider_title {
    text-shadow: 0 0 10px rgba(0,0,0,0.1);
    text-align: left;
    color: #064883;
    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.1);
    text-align: left;
    color: #4167c1;
    font-family: "Raleway", Sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1em;
    padding: 0px 15px 0px 15px;
    margin: 32px 0px 10px 0px;
}
.slider_desc {
     text-shadow: 0 0 10px rgba(0,0,0,0.1);
    align-self: flex-start;
    text-align: left;
    color: #111;
    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: 25px 0px 0px 0px;
}
.slider_button_wrapper {
    margin-top: 40px;
    text-align: left;
}
.slider_button {
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-family: "Raleway", Sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    padding: 17px 45px 19px 45px;
    margin: 38px 0px 0px 15px;
    background-color: #3e72ea;
    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: #3e72ea;
    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: #3e72ea;
  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-nav a, .qodef-mobile-header .qodef-mobile-nav h4 {
    border-bottom: 1px solid #eaeaea;
    font-size: 14px !important;
    color: #101010 !important;
    
} 
.qodef-mobile-header .qodef-mobile-nav {
 
    background-color: #fff  !important;
    box-shadow: 0 6px 9px rgba(0, 0, 0, 0.05)  !important;
}

.qodef-mobile-header .qodef-mobile-header-inner { 
       background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.qodef-mobile-header .qodef-mobile-menu-opener a {
   color: #0062df !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: #3e72ea;
    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: #3e72ea;
}
.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;
}  
.qodef-page-header .qodef-sticky-header .qodef-sticky-holder {
    height: 100%;
    background: rgb(255 255 255 / 85%) !important;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}
.qodef-main-menu ul li a {
    font-size: 14px !important;
    
}
.separator {
    margin: 50px 0;
    border-bottom: 4px dashed rgba(21, 34, 43, 0.13);
    
}
.qodef-main-menu > ul > li:hover > a, .qodef-main-menu > ul > li.qodef-active-item > a {
    color: #111 !important;
}

.qodef-main-menu ul li a {
    color:#111 !important;
}
.qodef-header-standard .qodef-menu-area {
    background: #ffffffa8 !important;
    border-bottom: 1px solid #e7e7e7 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
}

.qodef-sticky-header {
    display:none;
    height:70px !important;
}
.header-appear {
    display:block !important;
}