body{
font-family: 'Exo', sans-serif;
background-color: #f9f9f9;
-webkit-font-smoothing: antialiased;
}
hr {
border: 1px dashed #EEE;
margin: 0 0 30px 0;
}
.container {
max-width: 1060px;
}
.container-full {
margin: 0 auto;
width: 100%;
}
.redspan{color:#d9262d;}
h1 {
font-size: 2.4rem;
font-weight: 600;
}.entry-header h1{
color: #db262e;
padding-bottom:20px;
}
.content h3 {
position: relative;
margin-bottom: 35px;
font-size: 42px;
}
.content h3:after {
content: "";
position: absolute;
width: 60px;
height: 5px;
background-color: #f00;
left: 0;
bottom: -10px;
}
a{color:#d9262d; cursor:pointer;}
a:hover{opacity:0.6; text-decoration:none; cursor:pointer;}
.btn-primary {
color: #fff;
background-color: #da262e;
border-color: #b51f26;
font-size: 1.2em;
text-transform: uppercase;
font-weight: 600;
}
.btn:hover {
background-color: #333;
border-color: #444;
} .header{
background-color: #eeeeee;
color: #FFF;
margin-bottom: 90px;
padding-top: 35px;
}
.header:before, .header:after {
content: '';
background-color: inherit;
z-index: -1;
width: 100%;
height: 100%;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
bottom: -60px;
border-bottom: 3px solid #fff;
box-shadow: 1px 1px 8px 7px #5d5c5c14;
transform-origin: bottom left;
transform: skew(0deg, -2deg);
}
.header .custom-logo-link{}
.header .custom-logo-link img {
width: 280px;
height: auto;
margin-bottom: -30px;
margin-top: -12px;
} .navbar-nav {
margin: 0 auto;
margin-bottom: -14px;
}
.navbar-nav a {
color: #000;
text-transform: uppercase;
font-weight: 500;
border-bottom: 1px dashed #EEE;
}
.navbar-nav li:nth-last-child(1) a {
border-bottom: none;
}
.navbar-nav a:hover{ 
}
.navbar-nav a.active {
opacity: 0.9;
color: #d92127;
}
.dropdown-menu {
background-color: #ffffff;
}
.dropdown-menu:before {
content: '';
background-color: inherit;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
height: 15px;
margin: auto !important;
position: absolute;
left: 87px;
top: -8px;
bottom: auto;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-radius: 2px 0px 0px 0px;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: transparent;
} .navbar-toggler {
background-color: #c9c8c9;
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 50px;
}
.navbar-toggler-icon {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
.navbar-toggler .navbar-toggler-icon:before {
font-family: Font Awesome\ 5 Pro;
content: "\f0c9";
color: #666;
font-size: 27px;
color: #fff;
font-weight: 100;
line-height: 49px;
top: -3px;
position: relative;
} .language-switcher {
margin-bottom: -12px;
}
.language-switcher ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.language-switcher li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
.language-switcher li a {
color: #000;
margin: 0 2px;
padding: 5px;
}
.language-switcher li.wpml-ls-current-language a {
background-color: #FFF;
border-radius: 3px;
font-weight: 500;
} .menu-social ul {
float: left;
padding: 0;
margin: 0;
display: block;
}
.menu-social ul li {
position: relative;
list-style-type: none;
width: auto;
float: left;
margin: 5px;
}
.menu-social li a:before {
content: "";
text-align: center;
border: 0;
background-repeat: no-repeat;
width: 28px;
height: 28px;
background-position: 50%;
position: relative;
left: 0;
background-color: #566160;
border-radius: 50%;
background-size: 60%;
float: left;
}
.menu-social li a[href*="facebook.com"]:before {
background-image: url(https://www.cargofast.ee/wp-content/themes/cargofast/assets/icons/facebook-f.svg);
background-size: 30%;
}
.menu-social li a[href*="plus.google.com"]:before {
background-image: url(https://www.cargofast.ee/wp-content/themes/cargofast/assets/icons/google.svg);
}
.menu-social .screen-reader-text{display:none;}
.content-area {
} .sidebar {
padding-left: 25px;
background-color: #FFF;
color: #555;
}
.sidebar:before, .sidebar:after {
content: '';
z-index: -1;
width: 107%;
height: 107%;
margin: auto !important;
position: absolute;
left: -12px;
right: 0;
top: -17px;
border-bottom: 3px solid #fff;
background-color: #FFF;
transform-origin: bottom left;
transform: skew(0deg, -2deg);
}
.sidebar .widget{}
.widget h3 {
font-size: 22px;
}
.sidebar .widget_recent_entries{}
.sidebar .widget_recent_entries ul {
list-style-type: none;
padding: 0;
}
.sidebar .widget_recent_entries li {
margin-bottom: 15px;
border-bottom: 1px solid #EEE;
}
.sidebar .widget_recent_entries li:nth-last-child(1) {
border-bottom: none;
}
.sidebar .widget_recent_entries li a {
font-size: 16px;
text-transform: uppercase;
width: 100%;
display: block;
font-weight: 500;
color: #555;
}
.sidebar .widget_recent_entries li .post-date {
font-size: 12px;
color: #CCC;
}
.widget.custom-text {
margin-top: 30px;
border-top: 1px dashed #CCC;
padding-top: 35px;
padding-bottom: 35px;
}
.global-teenused .widget-title{display:none;}
.global-teenused ul {
list-style-type: none;
padding: 35px 0;
margin: 0;
}
.global-teenused li{}
.global-teenused li a {
font-size: 18px;
text-transform: uppercase;
border-bottom: 1px solid #e2e2e2;
width: 100%;
display: block;
padding: 7px 0 7px 35px;
font-weight: 500;
color: #555;
position: relative;
}
.global-teenused li.current-menu-item a {
color: #d92127;
}
.global-teenused li a:before {
content: "";
position: absolute;
height: 20px;
left: 12px;
top: 10px;
width: 20px;
background-image: url(https://www.cargofast.ee/assets/icon-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
float: left;
}
.global-teenused li a:hover{}
.sidebar .custom-text h4 {
color: #d6232a;
font-size: 18px;
} .hero.index-emotion {
padding: 90px 250px;
color: #FFF;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
margin: 45px auto 0;
box-sizing: border-box;
position:relative;
z-index: -1;
}
.hero h2 {
font-size: 48px;
text-shadow: 1px 1px 1px #000;
}
.col-md-12.intro {padding: 35px 30px;} div.wpcf7 {
width: 100%;
}
input, textarea{
font-size:12px;
padding: 6px;
width: 100%;
border: 1px solid #CCC;
border-radius: 0px;
}
textarea {
height: 100%;
max-height: 128px;
}
input {
}
.navbar-toggler:focus {
outline: 0 !important;
} span.wpcf7-not-valid-tip {
display:none;
}
.wpcf7-not-valid{
border:1px solid red !important;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border: 2px solid #ebccd1;
color: #a94442;
background-color: #f2dede;
padding: 15px;
}
.contact-form-contacts{}
.contact-form-contacts tr{}
.contact-form-contacts td {
position: relative;
padding-left: 35px;
line-height: 30px;
}
.contact-phone,
.contact-email,
.contact-skype{
position: relative;
padding-left: 35px;
}
.contact-phone{}
.contact-email{}
.contact-skype{}
.contact-phone:before, .contact-email:before, .contact-skype:before {
content: "";
text-align: center;
border: 0;
background-repeat: no-repeat;
width: 28px;
height: 28px;
background-position: 50%;
position: absolute;
left: 0;
background-color: #566160;
border-radius: 50%;
background-size: 60%;
}
.contact-phone:before {
background-size: 40%;
background-image: url(https://www.cargofast.ee/wp-content/themes/cargofast/assets/icons/mobile-alt.svg);
}
.contact-email:before{
background-image: url(https://www.cargofast.ee/wp-content/themes/cargofast/assets/icons/at.svg);
}
.contact-skype:before{
background-image: url(https://www.cargofast.ee/wp-content/themes/cargofast/assets/icons/skype.svg);
}
.global-enquire-form {
background-color: #EEE;
padding: 40px 25px;
margin-right: 15px;
position: relative;box-shadow: 0 8px 12px -2px #80808059;
}
.global-enquire-form:before {
content: '';
background-color: inherit;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 35px;
height: 35px;
margin: auto !important;
position: absolute;
left: 87px;
top: -16px;
bottom: auto;
} .container-full .container.tapsem-paring {
max-width: 90%;
}
.container-full.paring {
background-color: #EEE;
position: relative;
padding: 45px 0;
}
.container-full.paring:before, .container-full.paring:after {
content: '';
background-color: inherit;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 30px;
height: 30px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: -15px;
bottom: auto;
}
.tapsem-paring{}
.tapsem-paring br{ display:none;}
.tapsem-paring .row{}
.tapsem-paring .field-row{}
.tapsem-paring label {
display: block;
font-size: 12px;
text-transform: uppercase;
position: relative;
bottom: -6px;
font-weight: 500;
}
.tapsem-paring .tellija {
background-color: #FFF;
border: 1px solid #000;
padding: 25px;
}
.tapsem-paring .laadimine{
padding: 25px;
}
.tapsem-paring .tapsustused{
padding: 25px;
}
.tapsem-paring input{
padding:5px;
border-radius: 0px;
border: 1px solid #CCC;
}
.tapsem-paring h4 {
border-bottom: 1px solid #546160;
}
.tapsem-paring h4 span {
background-color: #556160;
color: #FFF;
border-radius: 50px;
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
font-size: 13px;
text-align: center;
top: -3px;
position: relative;
} .rekvisiidid{}
.google-map{}
.google-map iframe{
border: 0;
width: 100%;
height: 365px;
}
.tootajad{
border-top: 2px solid #EEE;
padding-top: 25px;
}
.tootaja-kast {
background-color: #eee;
border: 2px solid #FFF;
padding: 25px;
padding-bottom: 0;
}
.tootaja-kast .contact-name{position:relative;}
.tootaja-kast .contact-name:after {
content: "";
position: absolute;
width: 30px;
height: 2px;
background-color: #f00;
left: 0;
bottom: -3px;
}
.tootaja-kast .contact-amet {
font-size: 13px;
min-height: 40px;
}
.tootaja-kast .contact-phone{
font-size: 14px;
line-height: 28px;
}
.tootaja-kast .contact-email {
font-size: 14px;
line-height: 28px;
}
.tootaja-kast .contact-skype {
font-size: 14px;
line-height: 28px;
} .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
} .footer{
padding: 35px 0;
}
.footer .custom-logo-link img {
filter: brightness(0) invert(1);
width: 250px;
height: auto;
}
.footer.top {
background-color: #1c2120;
color:#e0e0e0;
}
.footer.top a {
color:#e0e0e0;
}
.footer.top ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.footer.top ul li {
text-transform: uppercase;
margin-bottom: 10px;
}
.about-block {
position: relative;
margin: 90px 0 0;
background-color: #36403f;
padding: 45px 0;
}
.about-block span {
text-transform: uppercase;
font-weight: 600;
}
.about-block .bg-light {
padding: 65px;
background-color: #566160 !important;
}
.about-block:before, .about-block:after {
content: '';
background-color: inherit;
z-index: -1;
width: 100%;
height: 100%;
margin: auto !important;
position: absolute;
left: 0;
top: -30px;
box-shadow: 1px 1px 8px 7px #5d5c5c14;
transform-origin: bottom left;
transform: skew(0deg, -2deg);
}
.about-block,
.about-block span,
.about-block h3,
.about-block p{ 
color:#FFF !important;
}
.home .about-block {
margin: 0px 0 0;
}
.footer.bottom {
background-color: #FFF;
background-image: url(https://www.cargofast.ee/wp-content/uploads/2018/06/footer-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-bottom: 25px;
}
.footer.bottom .container{
}
.foot-primary-menu{}
.foot-primary-menu ul {
list-style-type: none;
margin: 0 auto 35px;
display: table;
padding: 0;
}
.foot-primary-menu li{ float: left;}
.foot-primary-menu a{
color:#3e3e3e;
font-size:20px;
padding: 5px 10px;
text-transform: uppercase;
font-weight: 600;
}
.foot-primary-menu ul.sub-menu{display:none;}
.footer.top .widget_nav_menu .current_page_item a {
border-left: 2px solid #566261;
padding-left: 15px;
} .single .widget.custom-text {
margin-top: 0;
border-top: none;
border-bottom: 1px dashed #CCC;
padding-top: 35px;
padding-bottom: 15px;
margin-bottom: 25px;
}
.cat-links,
.updated,
.posted-on.updated{
display:none;
}
.posted-on{display:block;}
.mahalaadimine {
margin-top: 25px;
} @media only screen and (max-width: 2560px){
}
@media only screen and (max-width:1920px) {
}
@media only screen and (max-width:1600px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1200px) {
.hero.index-emotion {
padding: 90px 100px;
}
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:980px) {
.navbar-nav .nav-link {
font-size: 14px;
padding: 6px;
}
.header .custom-logo-link img {
width: 140px;
}
}
@media only screen and (max-width:800px) {
.header .custom-logo-link img {
width: 120px;
}
}
@media only screen and (max-width:768px) {
.sidebar:before, .sidebar:after{
display:none;
}
.tootajad h4,
.tootajad p{
text-align:left !important;}
}
@media only screen and (max-width:767px) {
.header .custom-logo-link img {
width: 280px;
}
.global-enquire-form{
padding: 25px;
margin: 0;
}
.global-enquire-form:before{
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 
}
.header {
margin-bottom: 55px;
}
h1, h2, h3, h4, h5,
p{
text-align:center;
}
.entry-header{
margin-top: 35px;
}
.about-block .col-sm {
width: 100%;
display: block;
flex-basis: auto;
padding: 35px 0;
}
.content h3:after {
bottom: -10px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.btn-primary {
margin: 0 auto;
display: table;
}
.hero h2 {
font-size: 24px;
}
.navbar-collapse {
background-color: #FFF;
margin-top: 35px;
padding: 35px;
text-align: center;
position: relative;
border-radius: 5px;
}
.navbar-collapse:before {
content: '';
background-color: inherit;
z-index: 1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 35px;
height: 35px;
margin: auto !important;
position: absolute;
top: -8px;
right: 7px;
bottom: auto;
border-radius: 2px 0px 0px 0px;
}
.navbar-nav .nav-link {
font-size: 16px;
padding: 6px;
border-bottom: 1px dashed #EEE;
}
.menu-keelevaliku-menuu-container {
margin: 0 auto;
display: table;
margin-top: 10px;
padding: 10px;
background-color: #EEE;
border-radius: 5px;
}
.dropdown-menu:before{
display: none;
}
.dropdown-menu a{
text-align: center;
}
.dropdown-menu a:nth-last-child(1){
border: none;
}
.navbar-collapse aside {
border-top: 2px dashed #EEE;
margin-top: 30px;
}
.foot-teenused{display:none;}
.foot-uudised {
padding: 35px 0 0;
}
.menu-social ul {
margin: 0 auto;
float: none;
display: table;
margin-bottom: 25px;
}
.foot-primary-menu a {
font-size: 15px;
padding: 5px 10px;
}
}
@media only screen and (max-width:580px) {
}
@media only screen and (max-width:480px) {
.tapsem-paring h4 {
border-bottom: 1px dashed #CCC;
text-align: left;
padding-bottom: 10px;
margin-top: 20px;
}
.entry-content {
padding: 0 25px;
margin-bottom: 35px;
}
.global-enquire-form {
padding: 35px 0;
}
.hero,
.about-block{display:none;}
.col-md-12.intro{
background-image: url(https://www.cargofast.ee/wp-content/uploads/2018/05/trucks-bg.png);
background-size: cover;
background-position: center center;
}
.col-md-12.intro h1,
.col-md-12.intro p{
color:#FFF;
}
.header {
margin-bottom: 20px;
z-index: 9999;
position:relative;
}
.navbar>.container{
z-index: 999;
}
.header:before, .header:after {
z-index: 1;
bottom: -40px;
box-shadow: none;
}
.header .custom-logo-link img {
width: 220px;
}
.google-map {
margin-top: 15px;
}
h1 {
font-size: 1.8rem;
}
.hero.index-emotion {
padding: 45px 35px;
}
.footer{
text-align: center;
}
.contact-form-contacts td {
display: table;
padding: 15px 45px;
margin: 0 auto;
}
.contact-phone:before, .contact-email:before, .contact-skype:before {
left: -50px;
}
.col-md-12.intro {
padding: 35px 30px 30px;
}
.about-block {
padding: 0;
}
.about-block .col-sm:nth-child(1) {
padding-top: 0;
}
.foot-primary-menu{display:none;}
}
@media only screen and (max-width:360px) {
}