/* Reset */
* {  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}
*, html, body {margin : 0px; padding : 0px; font-family: 'Hind Vadodara', sans-serif;}
html, body {width : 100%; height : 100%;}
img {border : 0px;}
.err_class {color : red !important;}

input:focus, button:focus {outline : none;}
select:focus {outline : none;}
input, button {border : none; display : block;}

a {text-decoration : none;}

div.center {width : 1190px; margin-left : auto; margin-right : auto; overflow : hidden;}


/* Menu */
div.menu {position : fixed; width : 250px; height : 100%; background-color : black; top : 0px; z-index : 9001; right : -300px;}

div.menu_corner {position : absolute; width : 35px; height : 35px; background-image : url('../design/menu_corner.png'); top : 120px; left : -35px;}
div.menu_title {position : relative; width : 100%; height : 120px; text-align : center; line-height : 120px; font-size : 28px; color : white;}

div.menu_container {position : relative; width : 100%; overflow : auto;}
div.menu_container > ul {position : relative; width : 100%; overflow : auto; margin-top : 60px;}
div.menu_container > ul > li {position : relative; width : 100%; overflow : auto; margin-bottom : 20px;}
div.menu_container > ul > li > a {position : relative; width : 100%; height : 50px; line-height : 50px; font-size : 22px; color : white; overflow : auto; display : block; text-align : center;}
div.menu_container > ul > li > a:hover {background-color : #F13F3F;}

div.menu_close {position : absolute; width : 32px; height : 32px; background-image : url('../design/icons/menu_close.png'); top : 0px; left : -32px; top : 44px; cursor : pointer;}


/* Header */
div.header {position : fixed; width : 100%; height : 120px; overflow : visible; top : 0px; left : 0px; background-color : black; z-index : 9000; -webkit-box-shadow: 0px 4px 7px -1px rgba(0,0,0,0.73);
    -moz-box-shadow: 0px 4px 7px -1px rgba(0,0,0,0.73);
    box-shadow: 0px 4px 7px -1px rgba(0,0,0,0.73);}
div.header_center {position : relative; width : 1190px; height : 120px; margin-left : auto; margin-right : auto;}

div.contact_icons {position : relative; width : auto; height : auto; overflow : visible; float : left; margin-top : 10px;}
div.contact_icons_top {position : relative; width : auto; height : auto; overflow : visible;}
div.top_icon {position : relative; width : 32px; height : 32px; float : left; margin-left : 5px; margin-right : 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;}

div.top_icon > a {position : relative; width : 32px; height : 32px; display : block; overflow : hidden; text-indent : -999px;}
div.icon_facebook {background-image : url('../design/icons/facebook.png'); background-position : 0px 0px;}
div.icon_instagram {background-image : url('../design/icons/instagram.png'); background-position : 0px 0px;}
div.icon_twitter {background-image : url('../design/icons/twitter.png'); background-position : 0px 0px;}

div.icon_facebook:hover {background-position : 0px 32px;}
div.icon_instagram:hover {background-position : 0px 32px;}
div.icon_twitter:hover {background-position : 0px 32px;}

div.contact_phone {position : relative; width : 116px; height : 30px; overflow : hidden; font-size : 23px; color : white; margin-left : 5px; text-align : center; margin-top : 56px; display : none;}

div.logo {position : absolute; width : 245px; overflow : auto; top : 18px; left : 0px;}
div.logo > a {position : relative; width : 100%; display : block;}
div.logo > a > img {position : relative; width : 100%; display : block;}
div.menu_icon {position : absolute; width : 32px; height : 32px; background-image : url('../design/icons/menu.png'); top : 44px; right : 0px; cursor : pointer;}

.logo_buble_1, .logo_buble_2 {animation-name: buble; animation-duration: 1s; animation-iteration-count: infinite;transform : translate(80px);}
.logo_buble_2 {animation-delay: 0.5s;}

@keyframes buble {
0%   {transform : translate(80px); opacity : 1;}

50%  { opacity : 1;}
100% {transform : translate(0px); opacity : 0;}
}

/* Footer */
div.footer_contact {position : fixed; width : 100%; height : 60px; background-color : black; display : none; bottom : 0px; left : 0px; z-index : 4;}

div.footer_contact_icons {position : relative; width : auto; height : 32px; margin-top : 14px; float : left;}

div.footer_phone {position : relative; width : 116px; height : 30px; margin-top : 11px; float : right;}
div.footer_phone > a {font-size : 23px; color : white; text-decoration : none;}


div.footer_icon {position : relative; width : 32px; height : 32px; float : left; margin-left : 5px; margin-right : 5px;}

div.footer_icon > a {position : relative; width : 32px; height : 32px; display : block; overflow : hidden; text-indent : -999px;}
div.icon_footer_facebook {background-image : url('../design/icons/facebook.png'); background-position : 0px 0px;}
div.icon_footer_instagram {background-image : url('../design/icons/instagram.png'); background-position : 0px 0px;}
div.icon_footer_twitter {background-image : url('../design/icons/twitter.png'); background-position : 0px 0px;}

div.icon_footer_facebook:hover {background-position : 0px 32px;}
div.icon_footer_instagram:hover {background-position : 0px 32px;}
div.icon_footer_twitter:hover {background-position : 0px 32px;}


/* Preloader */
div.preloader {position : fixed; width : 100%; height : 100%; top : 0px; left : 0px; background-color : black; z-index : 9999;}
.preloader_no_scroll {overflow : hidden;}


/* Home */

div.home_hero {position : relative; width : 100%; height : 100%; background-image : url('../design/dark_bg.jpg');  overflow-x : hidden;}

div.cars_btns {position : absolute; width : auto; overflow : visible; top : 160px; left : 10px; z-index : 5000;}
div.car_btn {position : relative; width : auto; height : 60px; margin-bottom : 10px; }
div.car_image {position : relative; width : 60px; height : 60px; float : left; z-index : 3; cursor : pointer;}
div.car_name {position : relative; width : auto; transform: scaleY(0); overflow : hidden; height : 40px; float : left; line-height : 40px; background-color : black; margin-left : -20px; margin-top : 10px; text-indent : 25px; padding-right : 10px; color : white; font-size : 18px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;}

    @keyframes fullScale{
        from{
            transform:scaleY(0);
        }
        to{
            transform:scaleY(1);
        }
    }

div.car_name.animate {animation: fullScale 0.4s forwards;}

div.cars_links {position : absolute; width : 100%; height : 100%; overflow : hidden; top : 0px; left : 0px;}
div.car_link_btn {position : absolute; width : 200px; height : 60px; background-color : #F13F3F; bottom : -100px; right : 280px; z-index : 200;}
div.car_link_btn > a {position : relative; width : 100%; height : 100%; display : block; line-height : 60px; text-align : center; color : white; font-size : 20px;}

div.cars {position : relative; width : 100%; height : 100%; overflow : visible;}

div.car1_image {position : absolute; width : 50%; bottom : 1vh; left : -50%;}
div.car1_image > img {position : relative; width : 100%;}

div.car2_image {position : absolute; width : 50%; bottom : 1vh; left : -50%;}
div.car2_image > img {position : relative; width : 100%;}

div.car3_image {position : absolute; width : 50%; bottom : 1vh; left : -50%;}
div.car3_image > img {position : relative; width : 100%;}

div.car4_image {position : absolute; width : 50%; bottom : 1vh; left : -50%;}
div.car4_image > img {position : relative; width : 100%;}

div.car5_image {position : absolute; width : 50%; bottom : 1vh; left : -50%;}
div.car5_image > img {position : relative; width : 100%;}


div.car_options {position : absolute; width : 100%; height : 100%; top : 0px; left : 0px;}
div.car_option_set {position : relative; width : auto; height : auto; margin-top : 150px;  margin-left : auto;  margin-right : -400px;}

div.car_option_container {position : absolute; width : auto; height : 32px;}
div.car_option_text {position : relative; width : auto; height : 32px; float : left; margin-right : 10px; line-height : 32px; font-size : 18px; color : white; transform: scaleY(0);}
div.car_option_text.animate {animation: fullScale 0.4s forwards;}
div.car_option_icon {position : relative; width : 32px; height : 32px; float : left;}

div.option_1 {top : 0px; right : 0px;}
div.option_2 {top : 40px; right : 0px;}
div.option_3 {top : 80px; right : 0px;}
div.option_4 {top : 120px; right : 0px;}
div.option_5 {top : 160px; right : 0px;}
div.option_6 {top : 200px; right : 0px;}
div.option_7 {top : 240px; right : 0px;}
div.option_8 {top : 280px; right : 0px;}
div.option_9 {top : 320px; right : 0px;}
div.option_10 {top : 360px; right : 0px;}

div.icon_aer {background-image : url('../design/car_icons/aer.png');}
div.icon_locuri {background-image : url('../design/car_icons/locuri.png');}
div.icon_portiere {background-image : url('../design/car_icons/portiere.png');}
div.icon_manual {background-image : url('../design/car_icons/manual.png');}
div.icon_automat {background-image : url('../design/car_icons/automat.png');}
div.icon_incalzire_scaune {background-image : url('../design/car_icons/incalzire_scaune.png');}
div.icon_bebe {background-image : url('../design/car_icons/bebe.png');}
div.icon_avion {background-image : url('../design/car_icons/avion.png');}
div.icon_benzina {background-image : url('../design/car_icons/benzina.png');}
div.icon_kilometri {background-image : url('../design/car_icons/kilometri.png');}


div.tablet_mobile_cars {position : relative; min-height : 100%; width : 100%; padding-top : 150px; overflow : auto; background-image : url('../design/dark_bg.jpg'); display : none; z-index : 2;}
div.tm_car {position : relative; width : calc(98% - 2px); margin-bottom : 20px; overflow : auto; background-color : #1D1D1D; margin-left : auto; margin-right : auto;  border-right-width : 2px; border-right-color : #F13F3F; border-right-style : solid;}
div.tm_car_top {position : relative; width : 100%; overflow : auto;}
div.tm_car_bottom {position : relative; width : 100%; overflow : hidden; margin-top : 10px;}

div.tm_car_image {position : relative; width : calc(100% - 215px); float : left;}
div.tm_car_image > img {position : relative; max-width : 100%; width : auto; margin-left : auto; margin-right : auto; display : block;  max-height : 360px;}
div.tm_car_icons {position : relative; width : 202px; overflow : auto; float : left; margin-right : 13px;}
div.tm_car_icon_container {position : relative; width : 100%; height : 32px; margin-bottom : 8px;}
div.tm_car_icon_text {position : relative; width : 158px; height : 32px; float : left; margin-right : 10px; text-align : right; color : white; line-height : 32px;}
div.tm_car_icon {position : relative; width : 32px; height : 32px; float : left;}

div.tm_car_name {position : relative; width : calc(100% - 210px); height : 60px; line-height : 60px; float : left; text-align : center; font-size : 24px; color : white;}
div.tm_car_cta {position : relative; width : 200px; height : 60px; margin-left : 10px; float : left; background-color : #F13F3F;}
div.tm_car_cta > a {position : relative; width : 100%; height : 100%; display : block; text-align : center; color : white; font-size : 20px; line-height : 60px;}

div.tm_color_line {position : relative; width : 100%; height : 2px; background-color : #F13F3F;}


div.padding_space {position : relative; width : 100%; height : 167px; display : none; background-color : #c7c7c7;}



/* Facebook Share BTN */
a.facebook_share {position : fixed; width : 100px; height : 88px; z-index : 3; background-image : url('../design/share_waw.jpg'); bottom : 10px; left : 10px; display : block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}

/* CTA Call */
div.cta_call {position : fixed; width : 100px; height : 70px; bottom : 70px; right : 10px; z-index : 1; display : none;}
div.cta_call_text {position : absolute; width : 100%; height : 100%; background-image : url('../design/vorbim.png'); top : 0px; left : 0px; z-index : 2;}
div.cta_call_arrow {position : absolute; width : 100%; height : 100%; background-image : url('../design/arrow.png'); top : 0px; left : 0px; z-index : 1;}

div.indicate {animation: arrowIndicate 2s infinite;}

@keyframes arrowIndicate{
    0%{
        top : 0px;
    }
    50%{
        top : 10px;
    }
    100%{
        top : 0px;
    }
}


/* RENT A CAR - Cars Pages */
div.page_content {position : relative; width : 100%; min-height : 100%; overflow : auto; background-image: url('../design/dark_bg.jpg'); z-index : 3;}
div.page_content_center {position : relative; width : 1190px; margin-top : 140px; overflow : auto; margin-left : auto; margin-right : auto;}


div.cc_top {position : relative; width : 100%; overflow : auto;}
div.cc_top_left {position : relative; width : calc(100% - 220px); overflow : auto;}
div.cc_car_name {position : relative; width : 100%; text-align : center; font-size : 28px; color : white;}
div.cc_car_image {position : relative; width : 80%; overflow : auto; margin-left : auto; margin-right : auto;}
div.cc_car_image > img {position : relative; width : 100%; display : block;}

div.cc_car_option_set {position : absolute; width : 220px; overflow : auto; top : 0px; right : 0px;}
div.cc_car_option_container {position : relative; width : 100%; height : 32px; margin-bottom : 8px;}
div.cc_car_option_text {position : relative; width : calc(100% - 42px); height : 32px; float : left; text-align : right; color : white; padding-right : 20px; line-height : 32px;}
div.cc_car_option_icon {position : relative; width : 32px; height : 32px; float : left;}


div.cc_dotari {position : relative; width : 100%; overflow : auto; margin-top : 20px; border-width : 5px; border-style : solid; border-color : #F13F3F;}
div.cc_title {position : relative; display : inline-block; background-color : #F13F3F; color : white; padding-left : 5px; padding-right : 10px; padding-top : 5px; padding-bottom : 10px; font-size : 24px;}
div.cc_content {position : relative; width : 100%; overflow : auto; padding : 10px;}
ul.dotari_list {position : relative; width : 100%; overflow : auto;}
ul.dotari_list > li {position : relative; display : inline-block; float : left; margin-left : 10px; margin-right : 10px; font-size : 16px; color : white;}




div.cc_form {position : relative; width : 100%; overflow : auto; margin-top : 20px; border-width : 5px; border-style : solid; border-color : #F13F3F;}
div.cc_subtitle {position : relative; width : 98%; overflow : auto; font-size : 22px; color : white;}
div.cc_mentiune {position : relative; width : 98%; overflow : auto; font-size : 16px; color : #c7c7c7;}
div.form_big_lane {position : relative; width : 100%; margin-left : auto; margin-right : auto; overflow : auto; margin-top : 20px;}
div.form_half_line {position : relative; width : 49%; float : left; overflow : auto;}
div.second_half {margin-left : 2%;}
div.form_space_lane {position : relative; width : 100%; background-color : #F13F3F; height : 2px; margin-top : 20px; margin-bottom : 10px; margin-left : auto; margin-right : auto;}
div.form_text {position : relative; width : 100%; overflow : auto; font-size : 18px; height : 27px; color : white;}
div.form_input {position : relative; width : 100%; height : 40px;}
div.form_input > input {position : relative; width : 100%; height : 40px; font-size : 18px;}
div.form_input > select {position : relative; width : 100%; height : 40px; font-size : 18px;}
input.date {text-align : center;}
input.submit_btn {position : relative; width : 270px; float : right; height : 40px; text-align : center; line-height : 40px; background-color : #F13F3F; color : white; cursor : pointer; font-size : 18px;}

textarea#mentiuni {position : relative; width : 100%; min-height : 200px; overflow : auto; resize: vertical; font-size : 18px;}

div.form_date_line {position : relative; width : 19%; float : left;}
div.date_line_space {margin-left : 0.625%; margin-right : 0.625%; }
div.date_line_right_space {margin-right : 0.625%;}
div.date_line_left_space {margin-left : 0.625%;}

div.form_date_line > div.form_input > select > option {text-align : center;}


div.cc_sent {position : relative; width : 100%; overflow : auto; margin-top : 20px; border-width : 5px; border-style : solid; border-color : #F13F3F; display : none;}
div.cc_sent_message {position : relative; width : 100%; text-align : center; color : white; font-size : 20px;}

div.cc_alte {position : relative; width : 100%; overflow : auto; margin-top : 20px; border-width : 5px; border-style : solid; border-color : #F13F3F;}
div.cc_el_car {position : relative; width : 25%; float : left; overflow : auto;}
div.cc_el_car_img {position : relative; width : 100%; overflow : auto;}
div.cc_el_car_img > a {position : relative; display : block; overflow : auto;}
div.cc_el_car_img > a > img {position : relative; width : 90%; display : block; margin-left : auto; margin-right : auto;}
div.cc_el_car_name {position : relative; width : 100%; text-align : center;}
div.cc_el_car_name > a {position : relative;  font-size : 18px; color : white;}

.margin_bottom {margin-bottom : 20px;}

/* Text Pages */
div.txt_content {position : relative; width : 100%; overflow : auto; margin-top : 20px; border-width : 5px; border-style : solid; border-color : #F13F3F; margin-bottom : 20px; z-index : 3;}
div.txt_title {position : relative; display : inline-block; background-color : #F13F3F; color : white; padding-left : 5px; padding-right : 10px; padding-top : 5px; padding-bottom : 10px; font-size : 24px;}
div.txt_intro {position : relative; width : 98%; overflow : auto; margin-left : auto; margin-right : auto; margin-top : 20px;}
div.txt_intro > p {position : relative; width : 100%; overflow : auto; margin-bottom : 10px; font-size : 18px; color : white; text-indent : 40px;}
div.txt_intro > p > a {color : white; font-size : 18px; text-decoration : underline;}
div.txt_subtitle {position : relative; width : 100%; overflow : auto; border-top-width : 2px; border-top-style : solid; border-top-color : #F13F3F; margin-top : 20px; margin-bottom : 20px;}
div.txt_subtitle > h2 {position : relative; display : inline-block; margin-left : 40px; background-color : #F13F3F; color : white; font-size : 22px; font-weight : normal; padding-left : 20px; padding-right : 20px; padding-top : 5px; padding-bottom : 7px;}

div.txt_normal {position : relative; width : 98%; overflow : auto; margin-left : auto; margin-right : auto; margin-top : 20px;}
div.txt_normal > p {position : relative; width : 100%; overflow : auto; margin-bottom : 10px; font-size : 18px; color : white; text-indent : 40px;}
div.txt_normal > p > a {color : white; font-size : 18px; text-decoration : underline;}


div.txt_normal > ul {position : relative; width : 96%; overflow : auto; margin-left : auto; margin-right : auto; margin-bottom : 10px;}
div.txt_normal > ul > li {position : relative; width : 100%; overflow : auto; font-size : 18px; color : white;}
div.txt_normal > ul > li > a {font-size : 18px; color : white;}

div.txt_masina {position : relative; width : 20%; float : left; overflow : auto;}
div.txt_masina_img {position : relative; width : 96%; margin-left : auto; margin-right : auto; overflow : auto;}
div.txt_masina_img > a {position : relative; width : 100%; display : block; overflow : auto;}
div.txt_masina_img > a > img {position : relative; width : 100%; display : block; overflow : auto;}

div.txt_masina_name {position : relative; width : 96%; margin-left : auto; margin-right : auto;}
div.txt_masina_name > a {position : relative; width : 100%; display : block; overflow : auto; text-align : center; color : white; font-size : 18px;}


/* Media Queries */
@media screen and (max-width:1240px) {
    
    div.home_hero {display : none;}
    div.header_center {width : 96%;}
    div.page_content_center {width : 96%;}
    div.logo {left : 0px;}
    div.footer_contact {display : block;}
    div.cars_btns {display : none;}
    div.cars {display : none;}
    div.cars_links {display : none;}
    div.car_options {display : none;}

    div.tablet_mobile_cars {display : block;}
    div.padding_space {display : block;}
    a.facebook_share {bottom : 70px;}
    div.cta_call {display : block;}


    div.cc_top {text-align : center;}
    div.cc_car_option_set {position : relative; width : 378px; top : auto; left : auto; margin-left : auto; margin-right : auto; margin-top : 20px;}
    div.cc_car_option_container {position : relative; width : 32px; height : 32px; margin-left : 5px; margin-right : 5px; float : left;}
 

    div.cc_car_option_text {display : none;}
    div.cc_top_left {width : 100%;}
    div.cc_car_image {width : 70%; margin-left : auto; margin-right : auto; float : none;}

}





@media screen and (max-width:700px) {

    div.header {height : 70px;}
    div.menu_icon {top : 20px;}
    div.menu_close {top : 20px;}
    div.menu_corner {top : 70px;}
    div.menu_container > ul {margin-top : 0px;}
    div.tablet_mobile_cars {padding-top : 90px;}
    div.logo {width : 120px;}
    div.menu_title {height : 70px; line-height : 70px;}

    div.tm_car_top {text-align : center;}
    div.tm_car_image > img {max-width : 90%; margin-left : auto; margin-right : auto;}
    div.tm_car_image {width : 100%; float : none;}
    div.tm_car_icons {width : auto; float : none; margin-top : 20px; margin-bottom : 10px; display : inline-block; zoom : 1;}
    div.tm_car_icon_container {width : 32px; float : left; margin-left : 5px; margin-right : 5px;}
    div.tm_car_icon_text {display : none;}
    span.tm_year {display : none;}
    div.hide_mob {display : none;}


    div.form_half_line {float : none; width : 100%;}
    div.second_half {margin-left : 0px;}
    div.form_big_lane {margin-top : 0px;}
    input.submit_btn {margin-top : 20px;}

    div.cc_el_car {width : 50%;}


    div.txt_masina {width : 50%;}
}