* { font-family: 'Open Sans', sans-serif; box-sizing: border-box; }
html { font-family: 'Open Sans', sans-serif; font-size: 15px; direction: rtl; color: #212121; background-color: #fff; }

body { }
    body.overflow_hidden { overflow: hidden; }
.main_wrapper { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; }
.auto_margin { max-width: 1690px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 10px; }
.button { font-family: 'Open Sans', sans-serif; border: none; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; line-height: 1; }

.button2 { position: relative; width: 100%; display: block; padding: 12px 15px; box-sizing: border-box; background-color: transparent; color: #01B7B8; font-size: 1.2em; font-weight: 400; text-align: center; border-radius: 30px; border: 1px solid #01B7B8; }
    .button2:hover, .button2:focus { background-color: #01B7B8; color: #fff; }


.transference_page { padding:120px 0 50px 0;box-sizing:border-box;}
    .transference_page .main_title { display: block; text-align: center; font-size: 3.2em; color: #313131;margin-bottom:25px; }
    .transference_page .main_title > * {font-weight:700; }
    .transference_page .sub_title { display: block; text-align: center; font-size: 2.1em; color: #01B7B8; margin-bottom: 98px; }
        .transference_page .sub_title > * { font-weight: 400; }

    .transference_page .sites_links { }
        .transference_page .sites_links > ul {display:flex;justify-content:space-between; }
            .transference_page .sites_links > ul > li {width:19%; }

.site_name { display: block; border: 1px solid #707070; border-radius: 30px; padding: 25px 10px; box-sizing: border-box; text-align: center; }
    .site_name .site_logo { height: 125px; width: 100%; margin-bottom: 43px; display: flex; justify-content: center; align-items: center; }
        .site_name .site_logo > img { max-width: 100%; max-height: 100%; }
    .site_name .like_button { width: 100%; margin: 0 auto; max-width: 185px; box-shadow: 0px 3px 6px #00000029; border-radius: 50px;color:#fff;padding:10px 5px;display:block;text-align:center;font-size:1.5em;font-weight:400; transition:all 0.25s ease-in-out;}
    .site_name.color1 .like_button { background-color: #01B7B8; }
    .site_name.color2 .like_button { background-color: #FA9D1C; }
    .site_name.color3 .like_button { background-color: #006389; }
    .site_name.color4 .like_button { background-color: #F26522; }
    .site_name.color5 .like_button { background-color: #C12025; }
    .site_name:hover .like_button, .site_name:focus .like_button { box-shadow: 0px 3px 10px #00000081; }


.car_tenders_items {overflow:hidden;position:relative;pointer-events:none;padding-top:100px; padding-bottom:20px;}
.car_tenders_items::after {content:"";position:absolute;width:100%;height:100%;right:0;top:0;background-image:url('/Resources/LoginGeneral/tendersHoverImage.png');background-repeat:repeat-x;background-position:right top; }
    .car_tenders_items > ul { display: flex; }
        .car_tenders_items > ul > li { width:270px ;flex-shrink:0; margin-left: 12px; }

.car_tenders_items > ul > li a .image_conti { width: 100%; position: relative; height: 0; padding-bottom: 75%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
    .car_tenders_items > ul > li a .image_conti img { vertical-align: bottom; width: 100%; }

.car_tender_item { display: block; box-shadow: 0px 2px 3px #00000029; }
    .car_tender_item .image { width: 100%; padding-bottom: 66%; }
    .car_tender_item .content_and_button { padding: 5px 5px 10px 5px; box-sizing: border-box; }
    .car_tender_item .content { text-align: center; }
        .car_tender_item .content .date { font-size: 0.8em; display: block; margin-bottom: 10px; }
        .car_tender_item .content .title { min-height: 40px; font-size: 1.1em; overflow: hidden; margin-bottom: 5px; line-height: 120%; }
    .car_tender_item .timer { margin-bottom: 10px; display: flex; align-items: center; justify-content: center; width: 100%; }
        .car_tender_item .timer.active { color: #FEA02F; }
        .car_tender_item .timer .lotti_clock { margin-left: 5px; width: 29px; height: 29px; }
        .car_tender_item .timer > span { font-size: 1.1em; }
            .car_tender_item .timer > span > strong { font-weight: 700; }
    .car_tender_item .button { margin: 0 auto; max-width: 198px; padding: 12px 5px; }

@media only screen and (max-width : 1020px) {
    .transference_page { padding-top:75px;}
        .transference_page .main_title { font-size: 2.6em; margin-bottom: 20px; }
    .transference_page .sub_title {font-size:1.8em;margin-bottom:56px; }

    .transference_page .sites_links { max-width:314px;margin:0 auto;}
        .transference_page .sites_links > ul { display: block;}
            .transference_page .sites_links > ul > li { width: 100%;margin-bottom:28px; }

    .car_tenders_items { padding-top:20px;}
}