body{
  overflow-y: scroll; /* #f2f2f2 / #e8ebec / #ffe163, OLD GREEN COLOR #1E3B49 */
  border:none;
  padding:0px;
  margin:0px;}
  
.landscape{
    display:none;}

#mobile_menu{
    display:none;}
    
.mobile_menu_icons{
    display:none;}
  
.header{
    width:100%;
    height:110px;
    float:left;
    background:#FFF;}
    
.header .inner{
    width:calc(1400px - 60px);
    height:100%;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.header .inner .logo{
    width:auto;
    height:55px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.header .inner .logo img{
    width:auto;
    height:100%;
    float:left;}
    
.header .inner .menu{
    width:auto;
    height:100%;
    float:left;
    margin-left:100px;
    z-index:1100}
    
.header .inner .menu .item{
    width:auto;
    height:110px;
    float:left;
    font-family:poppinssemibold;
    font-weight:normal;
    font-size:18px;
    color:#333a51;
    text-decoration:none;
    line-height:110px;
    vertical-align:middle;
    padding-left:20px;
    padding-right:20px;
    position:relative;
    cursor:pointer;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.header .inner .menu .item:hover{
    color:#E5BE82}
    
.header .inner .menu .item .main{
    width:auto;
    height:110px;
    float:left;
    font-family:poppinssemibold;
    font-weight:normal;
    font-size:18px;
    color:#333a51;
    text-decoration:none;
    line-height:110px;
    vertical-align:middle;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.header .inner .menu .item:hover .main{
    color:#E5BE82}

.header .inner .menu .item .icon{
    width:auto;
    height:100%;
    float:left;
    margin-left:10px}    
    
.header .inner .menu .item .icon img{
    width:20px;
    height:20px;
    float:left;
    transform:translateY(-50%);
    top:50%;
    position:relative;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.header .inner .menu .item:hover .icon img{
    transform:translateY(-50%) rotate(90deg);}
    
.header .inner .menu .item .hovermenu{
    width:250px;
    height:auto;
    float:left;
    position:absolute;
    top:110px;
    left:50%;
    display:none;
    z-index:2000;
    background:#FFFFFF;
    transform:translateX(-50%);
    border:1px solid #e5e6e9;}
    
.header .inner .menu .item:hover .hovermenu{
    display:block;}
    
.header .inner .menu .item .hovermenu .subitem{
    width:calc(100% - 40px);
    height:18px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
    line-height:normal;
    padding-left:20px;
    padding-right:20px;
    font-size:18px;
    text-decoration:none;
    color:#333a51;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    border-bottom:1px solid #e5e6e9;}
    
.header .inner .menu .item .hovermenu .subitem:last-child{
    border-bottom:none}
    
.header .inner .menu .item .hovermenu .subitem:hover{
    background:#f7ebd9}
    
.header .inner .menu .item .hovermenu .subitem .sub{
    width:auto;
    height:auto;
    float:left;}
    
.header .inner .menu .item .hovermenu .subitem .icon2{
    width:15px;
    height:15px;
    float:left;
    margin-left:10px;}
    
.header .inner .menu .item .hovermenu .subitem .icon2 img{
    width:100%;
    height:100%;
    float:left;
    transform:translateY(-50%);
    top:50%;
    position:relative;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.header .inner .menu .item .hovermenu .subitem:hover .icon2 img{
    transform:translateY(-50%) rotate(90deg);}
    
.header .inner .menu .item .hovermenu .subitem .subhovermenu{
    width:200px;
    height:auto;
    float:left;
    position:absolute;
    margin-left:250px;
    left:0px;
    background:#FFFFFF;
    display:none;
    border:1px solid #e5e6e9;}
    
.header .inner .menu .item .hovermenu .subitem:nth-child(1) .subhovermenu{
    top:-1px;}
    
.header .inner .menu .item .hovermenu .subitem:nth-child(3) .subhovermenu{
    top:117px;}
    
.header .inner .menu .item .hovermenu .subitem:hover .subhovermenu{
    display:block;}
        
.header .inner .menu .item .hovermenu .subhovermenu .subsubitem{
    width:calc(100% - 40px);
    height:16px;
    float:left;
    padding-left:20px;
    padding-right:20px;
    padding-top:21px;
    padding-bottom:21px;
    line-height:normal;
    font-size:16px;
    color:#333a51;
    text-decoration:none;    
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    border-bottom:1px solid #e5e6e9;}
    
.header .inner .menu .item .hovermenu .subhovermenu .subsubitem:last-child{
    border-bottom:none}
    
.header .inner .menu .item .hovermenu .subhovermenu .subsubitem:hover{     
    background:#f7ebd9}
    
.header .inner .contact{
    width:auto;
    height:20px;
    float:right;
    position:relative;
    padding-left:15px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    background:#F2F2F2;
    border-radius:1000px;
    border:1px solid #e5e6e9;
    top:50%;
    transform:translateY(-50%);
    position:relative}
    
.header .inner .contact .phone{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:16px;
    color:#010a26;
    top:50%;
    transform:translateY(-50%);
    position:relative;
    line-height:16px;
    margin-top:1px}
    
.header .inner .contact .icon{
    width:20px;
    height:20px;
    float:left;
    margin-right:10px;}
    
.header .inner .contact .icon img{
    width:100%;
    height:100%;
    float:left;}

#slideshow_overlay{
    float:left;
    width:100%;
    height:450px;
    position:absolute;
    overflow:hidden;
    z-index:100;
    top:110px;}
    
#slideshow_overlay a{
    width:100%;
    height:450px;
    float:left;
    position:relative;}

#slideshow{
    float:left;
    width:100%;
    height:450px;
    position:relative; 
    overflow:hidden;}    

#slideshow img{
    width:100%;
    height:450px;
    position:absolute;
    object-fit:cover;
    object-position:50% 50%;}

    
    
    
    
    
    
    
    
.container{
    width:100%;
    height:auto;
    margin:0 auto;
    float:left;
    background:#F2F2F2}
    
.container.grey{
    background:#f2f2f4;
    margin-top:100px}
    
.container .inner,
.container2 .inner,
.container5 .inner{
    width:calc(1400px - 60px);
    min-height:auto;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}

.container .inner .mainpage,
.container2 .inner .mainpage,
.container5 .inner .mainpage{
    width:100%;
    height:auto;
    float:left;
    margin-top:75px;
    margin-bottom:75px;
    position:relative}
    
.container .inner .mainpage .status{
    width:auto;
    height:auto;
    float:left;
    position:absolute;
    right:0px;
    font-family:poppinssemibold;
    font-size:18px;
    text-transform:uppercase;
    padding-left:14px;
    padding-right:14px;
    padding-top:11px;
    padding-bottom:11px;
    margin-top:0px;}
    
.container .inner .mainpage .status.reserved{
    color:#FFFFFF;
    background:#4d5367;
    border:2px solid #4d5367;}
    
.container .inner .mainpage .status.realized{
    color:#FFFFFF;
    background:#4d5367;
    border:2px solid #4d5367;}
    
.container .inner .mainpage .status.sold{
    color:#FFFFFF;
    background:#F02D3A;
    border:2px solid #F02D3A;}
    
.container .inner .mainpage .status.new{
    color:#333a51;
    background:#E5BE82;
    border:2px solid #E5BE82;}
    
.container .inner .mainpage .success{
    width:calc(100% - 350px);
    height:102px;
    float:left;
    margin-left:175px;
    margin-right:175px;}
    
.container .inner .mainpage .success .image{
    width:100px;
    height:100px;
    float:left;
    background:#FFFFFF;
    border-radius:1000px;
    border:1px solid #e5e6e9}
    
.container .inner .mainpage .success .image img{
    width:calc(100% - 36px);
    height:auto;
    float:left;
    margin-left:18px;
    margin-top:18px;}
    
.container .inner .mainpage .success .box{
    width:calc(100% - 100px - 2px - 50px);
    height:auto;
    float:left;
    margin-left:50px;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container .inner .mainpage .success .box .head{
    width:100%;
    height:35px;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;}
    
.container .inner .mainpage .success .box .subhead{
    width:100%;
    height:20px;
    float:left;
    font-family:poppinsregular;
    font-size:20px;
    color:#828694;
    margin-top:20px}
    
.container .inner .mainpage .heading_1,
.container2 .inner .mainpage .heading_1,
.container5 .inner .mainpage .heading_1{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;
    text-align:left;
    margin-bottom:20px;
    margin-left:175px;
    margin-right:175px}
    
.container .inner .mainpage .heading_1.margintop50,
.container2 .inner .mainpage .heading_1.margintop50,
.container5 .inner .mainpage .heading_1.margintop50{
    margin-top:50px;}
    
.container .inner .mainpage .offer_head{
    width:100%;
    height:auto;
    float:left;
    position:relative;}
    
.container .inner .mainpage .offer_head .heading_2,
.container2 .inner .mainpage .offer_head .heading_2,
.container .inner .mainpage .heading_2{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;
    text-align:left;
    line-height:35px}
    
.container .inner .mainpage .heading_2{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;
    text-align:center;
    line-height:35px}
    
.container .inner .mainpage .offer_head .subhead_1,
.container2 .inner .mainpage .offer_head .subhead_1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:20px;
    color:#4d5367;
    text-align:left;
    margin-top:15px;
    line-height:20px;}
    
.container .inner .mainpage .subhead_2,
.container .inner .mainpage .subhead_3,
.container2 .inner .mainpage .subhead_2,
.container5 .inner .mainpage .subhead_2{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:20px;
    color:#828694;
    text-align:left;
    margin-top:0px;
    margin-left:175px;
    margin-right:175px;
    line-height:30px}
    
.container .inner .mainpage .subhead_3{
    margin-top:50px;}
    
.container .inner .mainpage .textbox{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    margin-left:175px;
    margin-right:175px;
    margin-top:50px;}
    
.container .inner .mainpage .textbox .part{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#828694;
    line-height:24px}
    
.container .inner .mainpage .textbox .part:nth-child(2n){
    margin-left:50px;}
    
.container .inner .mainpage .textbox .line1{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;
    margin-left:0px;}
    
.container .inner .mainpage .textbox .line1:first-child{
    margin-top:0px;}
    
.container .inner .mainpage .textbox .line1 .box{
    width:calc((100% - 50px) / 2);
    float:left;
    height:auto;
    margin-top:0px;}
    
.container .inner .mainpage .textbox .line1 .box:last-child{
    margin-left:50px;}
    
    
.container .inner .mainpage .textbox .line1 .box .head1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:18px;
    color:#333a51}
    
.container .inner .mainpage .textbox .line1 .box .text1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#828694;
    margin-top:10px;
    line-height:24px}
    
.container .inner .mainpage .textbox .line1 .box .text1 .bold{
    font-family:poppinssemibold}
    
.container .inner .mainpage .textbox .line1 .box .text1 a{
    text-decoration:none;
    color:inherit;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container .inner .mainpage .textbox .line1 .box .text1 a:hover{
    color:#333a51}
    
.container .inner .mainpage .offer{
    width:645px;
    height:450px;
    float:left;
    margin-top:50px;
    margin-left:0px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    outline:none;
    -webkit-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0);
    box-shadow: 0px 0px 140px -60px rgba(0,0,0,0);}
    
.container .inner .mainpage .offer:nth-child(-n+2){
    margin-left:0px}
    
.container .inner .mainpage .offer:nth-child(2n){
    margin-left:50px}
    
.container .inner .mainpage .offer:hover{
    -webkit-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 140px -60px rgba(0,0,0,0.55);}
        
.container .inner .mainpage .offer .image{
    width:100%;
    height:350px;
    float:left;
    position:relative;}
    
.container .inner .mainpage .offer .image img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover}
    
.container .inner .mainpage .offer .image .offer_status{
    width:auto;
    height:auto;
    float:right;
    position:absolute;
    top:50px;
    right:-10px;
    font-family:poppinssemibold;
    font-size:16px;
    text-transform:uppercase;
    padding-left:12px;
    padding-right:12px;
    padding-top:9px;
    padding-bottom:9px;}
    
.container .inner .mainpage .offer .image .offer_status.reserved{
    color:#FFFFFF;
    background:#4d5367;
    border:1px solid #4d5367;}
    
.container .inner .mainpage .offer .image .offer_status.sold{
    color:#FFFFFF;
    background:#F02D3A;
    border:1px solid #F02D3A;}
    
.container .inner .mainpage .offer .image .offer_status.new{
    color:#333a51;
    background:#E5BE82;
    border:1px solid #E5BE82;}
    
.container .inner .mainpage .offer .image .offer_status.realized{
    color:#FFFFFF;
    background:#4d5367;
    border:1px solid #4d5367;}
    
.container .inner .mainpage .offer .information{
    width:100%;
    height:100px;
    float:left;
    background:#e5e6e9;
    position:relative;}
    
.container .inner .mainpage .offer .information .line1{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    font-family:poppinsbold;
    font-size:20px;
    color:#333a51;
    margin-top:25px;}
    
.container .inner .mainpage .offer .information .line2{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    font-family:poppinsmedium;
    font-size:16px;
    color:#5b6173;
    margin-top:10px;
    padding-bottom:0px;
    border-bottom:none}
    
.container .inner .mainpage .nextoffer{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;}
    
.container .inner .mainpage .nextoffer .button{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    font-family:poppinsmedium;
    font-size:18px;
    color:#FFFFFF;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    background:#E5BE82;
    text-decoration:none;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container .inner .mainpage .nextoffer .button:hover{
    background:#ceab75;}
    
    
.container .inner .mainpage .panel1{
    width:calc(100% - 350px - 60px);
    height:auto;
    float:left;
    background:#FFFFFF;
    margin-top:0px;
    padding:30px;
    margin-left:175px;
    margin-right:175px}
    
.container .inner .mainpage .panel1:first-child{
    margin-top:50px;}  
    
.container .inner .mainpage .panel1 #add_remove_block_2,
.container .inner .mainpage .panel1 #add_remove_block_3,
.container .inner .mainpage .panel1 #add_remove_block_4,
.container .inner .mainpage .panel1 #add_remove_block_5,
.container .inner .mainpage .panel1 #vn_add_remove_block_2,
.container .inner .mainpage .panel1 #vn_add_remove_block_3,
.container .inner .mainpage .panel1 #vn_add_remove_block_4,
.container .inner .mainpage .panel1 #vn_add_remove_block_5{
    display:none;}

.container .inner .mainpage .panel1 #add_remove_block_children_2,    
.container .inner .mainpage .panel1 #add_remove_block_children_3,
.container .inner .mainpage .panel1 #add_remove_block_children_4,    
.container .inner .mainpage .panel1 #add_remove_block_children_5,
.container .inner .mainpage .panel1 #add_remove_block_children_6,
.container .inner .mainpage .panel1 #add_remove_block_children_7,
.container .inner .mainpage .panel1 #add_remove_block_children_8,
.container .inner .mainpage .panel1 #add_remove_block_children_9,
.container .inner .mainpage .panel1 #add_remove_block_children_10,
.container .inner .mainpage #pr_box_fop,
.container .inner .mainpage #pr_box_po{
    display:none;}
    
.container .inner .mainpage .panel1 .box:nth-child(2n){
    margin-right:0px;}
    
.container .inner .mainpage .panel1 .box:nth-child(-n+2){
    margin-top:0px;}
    
.container .inner .mainpage .panel1 .box{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;
    margin-right:50px;
    margin-top:30px}
    
.container .inner .mainpage .panel1 .box.first{
    width:calc(100% / 3);}
    
.container .inner .mainpage .panel1 .box.third{
    width:calc((100% - 100px) / 3);
    margin-right:50px;}
    
.container .inner .mainpage .panel1 .box.third:nth-child(3n){
    margin-right:0px;
    margin-top:0px;}
    
.container .inner .mainpage .panel1 .box.third2{
    width:calc(((100% / 3) * 2) - 50px);
    margin-right:50px;}
    
.container .inner .mainpage .panel1 .box .label{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:13px;
    color:#4d5367;
    margin-bottom:10px}
    
.container .inner .mainpage .panel1 .box .label .red{
    color:#d62d20;}
    
.container .inner .mainpage .panel1 .box .label .label_alert{
    font-family:poppinsregular;
    color:#d62d20}
    
.container .inner .mainpage .panel1 .box2 .label .label_alert{
    float:right;
    font-family:poppinsregular;
    color:#d62d20}
    
.container .inner .mainpage .panel1 .box .input{
    width:calc(100% - 83px - 30px - 51px);
    height:42px;
    float:left;
    outline:none;
    border:1px solid #ccced3;
    padding-left:15px;
    padding-right:15px;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367}
    
.container .inner .mainpage .panel1 .box .input.full{
    width:100%}
    
.container .inner .mainpage .panel1 .box .input.short{
    width:calc(100% - 76px);}
    
.container .inner .mainpage .panel1 .box .additional{
    width:50px;
    height:40px;
    float:left;
    border:1px solid #ccced3;
    border-left:none;
    font-family:poppinsmedium;
    font-size:16px;
    color:#4d5367;
    line-height:40px;
    vertical-align:middle;
    text-align:center}
    
.container .inner .mainpage .panel1 .box .additional2{
    width:75px;
    height:42px;
    float:left;
    border:1px solid #ccced3;
    border-right:none;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    line-height:42px;
    vertical-align:middle;
    text-align:center;
    outline:none}
    
.container .inner .mainpage .panel1 .box .buttons{
    width:auto;
    height:auto;
    float:right;}
    
.container .inner .mainpage .panel1 .box .buttons::selection,
.container .inner .mainpage .panel1 .box .buttons .button::selection,
.container .inner .mainpage .panel1 .box .buttons .button img::selection{
    background:transparent}
    
.container .inner .mainpage .panel1 .box .buttons .button{
    width:40px;
    height:40px;
    float:left;
    border:1px solid #333a51;
    font-family:poppinsregular;
    font-size:25px;
    color:#4d5367;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;}
    
.container .inner .mainpage .panel1 .box .buttons .button:last-child{
    border-left:none}
    
.container .inner .mainpage .panel1 .box .buttons .button:hover{
    background:#e5e6e9}
    
.container .inner .mainpage .panel1 .box .buttons .button img{
    width:20px;
    height:20px;
    float:left;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)}
    
.container .inner .mainpage .panel1 .box .custom-select{
    width:calc(100% - 2px);
    height:40px;
    float:left;
    margin-top:0px;
    margin-left:0px;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    position:relative;
    border:1px solid #ccced3;}
    
    
    
.container .inner .mainpage .panel1 .box2,
.container2 .inner .mainpage .panel2 .box2{
    height:auto;
    float:left;
    margin-top:30px}
    
.container .inner .mainpage .panel1 .box2#vn_box_ulice, 
.container .inner .mainpage .panel1 .box2#vn_box_cislo_popisne,
.container .inner .mainpage .panel1 .box2#vn_box_obec,
.container .inner .mainpage .panel1 .box2#vn_box_psc,
.container .inner .mainpage .head_2#vn_box_more_owners,
.container .inner .mainpage .head_2#vn_box_add_remove,
.container .inner .mainpage .panel1#vn_box_panel,
.container .inner .mainpage .head_2#vn_head_creditors,
.container .inner .mainpage .panel1#vn_box_creditors,
.container .inner .mainpage .panel1 .box2#sp_box_ulice, 
.container .inner .mainpage .panel1 .box2#sp_box_cislo_popisne,
.container .inner .mainpage .panel1 .box2#sp_box_obec,
.container .inner .mainpage .panel1 .box2#sp_box_psc,
.container .inner .mainpage .panel1 .box2#po_box_ulice, 
.container .inner .mainpage .panel1 .box2#po_box_cislo_popisne,
.container .inner .mainpage .panel1 .box2#po_box_obec,
.container .inner .mainpage .panel1 .box2#po_box_psc{
    display:none}
    
.container .inner .mainpage .panel1 .box2.clearleft,
.container2 .inner .mainpage .panel2 .box2.clearleft{
    clear:left;}
    
.container .inner .mainpage .panel1 .box3{
    width:380px;
    height:auto;
    float:right;
    margin-top:60px;}
    
.container .inner .mainpage .panel1 .box3 .label1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:16px;
    color:#4d5367;
    text-align:right;
    margin-top:43px}
    
.container .inner .mainpage .panel1 .box3 .label2{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    color:#828694;
    margin-top:5px;
    text-align:right}
    
.container .inner .mainpage .panel1 .box2.nomargin,
.container2 .inner .mainpage .panel2 .box2.nomargin{
    margin-top:0px;}
    
.container .inner .mainpage .panel1 .box2.margintop60,
.container2 .inner .mainpage .panel2 .box2.margintop60{
    margin-top:60px;}
    
.container .inner .mainpage .panel1 .box2.clearleft,
.container2 .inner .mainpage .panel2 .box2.clearleft{
    clear:left}
    
.container .inner .mainpage .panel1 .box2.box100,
.container2 .inner .mainpage .panel2 .box2.box100{
    width:100px;}
    
.container .inner .mainpage .panel1 .box2.box120,
.container2 .inner .mainpage .panel2 .box2.box120{
    width:120px;}
    
.container .inner .mainpage .panel1 .box2.box135,
.container2 .inner .mainpage .panel2 .box2.box135{
    width:135px;}
    
.container .inner .mainpage .panel1 .box2.box175,
.container2 .inner .mainpage .panel2 .box2.box175{
    width:175px;}
    
.container .inner .mainpage .panel1 .box2.box190,
.container2 .inner .mainpage .panel2 .box2.box190{
    width:190px;}
    
.container .inner .mainpage .panel1 .box2.box200,
.container2 .inner .mainpage .panel2 .box2.box200{
    width:200px;}
    
.container .inner .mainpage .panel1 .box2.box210,
.container2 .inner .mainpage .panel2 .box2.box210{
    width:210px;}
    
.container .inner .mainpage .panel1 .box2.box220,
.container2 .inner .mainpage .panel2 .box2.box220{
    width:220px;}
    
.container .inner .mainpage .panel1 .box2.box225,
.container2 .inner .mainpage .panel2 .box2.box225{
    width:225px;}
    
.container .inner .mainpage .panel1 .box2.box240,
.container2 .inner .mainpage .panel2 .box2.box240{
    width:240px;}
    
.container .inner .mainpage .panel1 .box2.box250,
.container2 .inner .mainpage .panel2 .box2.box250{
    width:250px;}
    
.container .inner .mainpage .panel1 .box2.box270,
.container2 .inner .mainpage .panel2 .box2.box270{
    width:270px;}
    
.container .inner .mainpage .panel1 .box2.box290,
.container2 .inner .mainpage .panel2 .box2.box290{
    width:290px;}
    
.container .inner .mainpage .panel1 .box2.box300,
.container2 .inner .mainpage .panel2 .box2.box300{
    width:300px;}
    
.container .inner .mainpage .panel1 .box2.box305,
.container2 .inner .mainpage .panel2 .box2.box305{
    width:305px;}
    
.container .inner .mainpage .panel1 .box2.box310,
.container2 .inner .mainpage .panel2 .box2.box310{
    width:310px;}
    
.container .inner .mainpage .panel1 .box2.box325,
.container2 .inner .mainpage .panel2 .box2.box325{
    width:325px;}
    
.container .inner .mainpage .panel1 .box2.box425,
.container2 .inner .mainpage .panel2 .box2.box425{
    width:425px;}
    
.container .inner .mainpage .panel1 .box2.box450,
.container2 .inner .mainpage .panel2 .box2.box450{
    width:450px;}   
    
.container .inner .mainpage .panel1 .box2.box990,
.container2 .inner .mainpage .panel2 .box2.box990{
    width:100%;
    clear:left}  
    
.container .inner .mainpage .panel1 .box2.margin30,
.container2 .inner .mainpage .panel2 .box2.margin30{
    margin-left:30px;}
    
.container .inner .mainpage .panel1 .box2 .divider,
.container2 .inner .mainpage .panel2 .box2 .divider{
    width:100%;
    height:1px;
    float:left;
    background:#ccced3;}
    
.container .inner .mainpage .panel1 .box2.boxdate,
.container2 .inner .mainpage .panel2 .box2.boxdate{
    height:auto;
    float:left;}

.container .inner .mainpage .panel1 .box2.boxdate .short,
.container2 .inner .mainpage .panel2 .box2.boxdate .short{
    width:calc((100% / 8) * 2);
    height:42px;
    float:left;
    border:1px solid #ccced3;
    border-right:none;
    border-radius:0px;
    outline:none;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    text-align:center}
    
.container .inner .mainpage .panel1 .box2.boxdate .long,
.container2 .inner .mainpage .panel2 .box2.boxdate .long{
    width:calc((100% / 8) * 4);
    height:42px;
    float:left;
    border:1px solid #ccced3;
    border-radius:0px;
    outline:none;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    text-align:center}

.container .inner .mainpage .panel1 .box2.boxdate .long::placeholder,
.container2 .inner .mainpage .panel2 .box2.boxdate .long::placeholder,
.container .inner .mainpage .panel1 .box2.boxdate .short::placeholder,
.container2 .inner .mainpage .panel2 .box2.boxdate .short::placeholder{
    color:#ccced3}
    
.container .inner .mainpage .panel1 .box2 .label,
.container2 .inner .mainpage .panel2 .box2 .label{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:13px;
    color:#4d5367;
    margin-bottom:10px}
    
.container .inner .mainpage .panel1 .box2 .label2,
.container2 .inner .mainpage .panel2 .box2 .label2{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:14px;
    color:#4d5367;
    margin-bottom:10px}
    
.container .inner .mainpage .panel1 .box2 .label3,
.container2 .inner .mainpage .panel2 .box2 .label3{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    color:#828694;}
    
.container .inner .mainpage .panel1 .box2 .label .red,
.container2 .inner .mainpage .panel2 .box2 .label .red{
    color:#d62d20;}
    
.container .inner .mainpage .panel1 .box2 .input,
.container .inner .mainpage .panel1 .box2 .input2,
.container2 .inner .mainpage .panel2 .box2 .input,
.container2 .inner .mainpage .panel2 .box2 .input2{
    width:100%;
    height:42px;
    float:left;
    outline:none;
    border:1px solid #ccced3;
    padding-left:15px;
    padding-right:15px;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    position:relative}
    
.container .inner .mainpage .panel1 .box2 .input.special{
    width:calc(100% - 51px);}
    
.container .inner .mainpage .panel1 .box2 .additional{
    width:50px;
    height:40px;
    float:left;
    border:1px solid #ccced3;
    border-left:none;
    font-family:poppinsmedium;
    font-size:16px;
    color:#4d5367;
    line-height:40px;
    vertical-align:middle;
    text-align:center;}
    
.container .inner .mainpage .panel1 .box2 .special_1,
.container .inner .mainpage .panel1 .box2 .special_2{
    width:100%;
    height:auto;
    float:left;
    outline:none;
    border:none;
    font-family:robotoblack;
    font-size:40px;
    color:#E5BE82;}
    
.container .inner .mainpage .panel1 .box2 .special_2{
    height:44px;
    font-size:30px;
    margin-top:10px;
    color:#4d5367;}
    
.container .inner .mainpage .panel1 .box2 .input2,
.container2 .inner .mainpage .panel2 .box2 .input2{
    width:calc(100% - 65px);}
    
.container .inner .mainpage .panel1 .box2 .additional2,
.container2 .inner .mainpage .panel2 .box2 .additional2{
    width:65px;
    height:42px;
    float:left;
    border:1px solid #ccced3;
    border-right:none;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    text-align:center;
    outline:none;}
    
.container .inner .mainpage .panel1 .box2 .custom-select{
    width:calc(100% - 2px);
    height:40px;
    float:left;
    margin-top:0px;
    margin-left:0px;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    position:relative;
    border:1px solid #ccced3;}


.container .inner .mainpage .panel1 .box4{
    width:calc((100% - 60px) / 3);
    height:100px;
    float:left;
    margin-right:30px;
    background:#FFFFFF;
    display:block;
    position:relative;
    cursor:pointer;}    
    
.container .inner .mainpage .panel1 .box4:nth-child(3){
    margin-right:0px;}

.container .inner .mainpage .panel1 .box4 input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    display:none}

.container .inner .mainpage .panel1 .box4 .checkmark{
    width:calc(100% - 4px);
    height:calc(100% - 4px);
    float:left;
    position:absolute;
    top:0;
    left:0;
    border:2px solid #F2F2F2;
    display:block;}

.container .inner .mainpage .panel1 .box4:hover input ~ .checkmark{
    border:2px solid #ccced3}

.container .inner .mainpage .panel1 .box4 input:checked ~ .checkmark{
    border:2px solid #E5BE82;}
    
.container .inner .mainpage .panel1 .box4 .checkmark .icon{
    width:40px;
    height:100%;
    float:left;
    margin-left:10px;
    position:relative;}
    
.container .inner .mainpage .panel1 .box4 .checkmark .icon img{
    width:100%;
    height:auto;
    float:left;
    top:50%;
    position:relative;
    transform:translateY(-50%);}
    
.container .inner .mainpage .panel1 .box4 .checkmark .text{
    width:calc(100% - 50px);
    height:100%;
    float:left;
    position:relative;}
    
.container .inner .mainpage .panel1 .box4 .checkmark .text .inner{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-left:15px;
    font-family:poppinsmedium;
    font-size:16px;
    color:#828694;
    padding:0px;}
    
.container .inner .mainpage .panel1#pr_car_box{
    display:block;}
    
.container .inner .mainpage .panel1#pr_moped_box,
.container .inner .mainpage .panel1#pr_trailer_box{
    display:none}
    
.container .inner .mainpage .panel1 .creditors{
    height:auto;
    float:left;
    margin-right:30px;}
    
.container .inner .mainpage .panel1 .creditors:nth-child(1){
    width:395px}  
    
.container .inner .mainpage .panel1 .creditors:nth-child(2){
    width:260px}  
    
.container .inner .mainpage .panel1 .creditors:nth-child(3){
    width:215px}  
    
.container .inner .mainpage .panel1 .creditors:last-child{
    margin-right:0px}
    
.container .inner .mainpage .panel1 .creditors .label{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:13px;
    color:#4d5367;
    margin-bottom:10px;}
    
.container .inner .mainpage .panel1 .creditors .box{
    width:100%;
    height:auto;
    float:left;
    border-top:1px solid #ccced3;}

    
    
    
    
    
    
    
.container .inner .mainpage .panel1 .box6{
    width:calc((100% - 60px) / 3);
    height:50px;
    float:left;
    margin-right:30px;
    background:#FFFFFF;
    display:block;
    position:relative;
    cursor:pointer;}    
    
.container .inner .mainpage .panel1 .box6:nth-child(3){
    margin-right:0px;}

.container .inner .mainpage .panel1 .box6 input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    display:none}

.container .inner .mainpage .panel1 .box6 .checkmark{
    width:calc(100% - 4px);
    height:calc(100% - 4px);
    float:left;
    position:absolute;
    top:0;
    left:0;
    border:2px solid #F2F2F2;
    display:block;}

.container .inner .mainpage .panel1 .box6:hover input ~ .checkmark{
    border:2px solid #ccced3}

.container .inner .mainpage .panel1 .box6 input:checked ~ .checkmark{
    border:2px solid #E5BE82;}
    
.container .inner .mainpage .panel1 .box6 .checkmark .text{
    width:100%;
    height:100%;
    float:left;
    position:relative;}
    
.container .inner .mainpage .panel1 .box6 .checkmark .text .inner{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-family:poppinsmedium;
    font-size:16px;
    color:#828694;
    padding:0px;}
    
    
    
    
    
    
    
.container .inner .mainpage .panel1 .box5{
    width:calc((100% - 60px) / 3);
    height:100px;
    float:left;
    margin-right:30px;
    background:#FFFFFF;
    display:block;
    position:relative;
    cursor:pointer;}
    
.container .inner .mainpage .panel1 .box5:nth-child(3){
    margin-right:0px;}

/* Hide the browser's default checkbox */
.container .inner .mainpage .panel1 .box5 input {
    display:none;}

/* Create a custom checkbox */
.container .inner .mainpage .panel1 .box5 .checkmark{
    width:calc(100% - 4px);
    height:100%;
    float:left;
    position:absolute;
    top:0;
    left:0;
    border:2px solid #F2F2F2;
    display:block;}

/* On mouse-over, add a grey background color */
.container .inner .mainpage .panel1 .box5:hover input ~ .checkmark{
    border:2px solid #ccced3}

/* When the checkbox is checked, add a blue background */
.container .inner .mainpage .panel1 .box5 input:checked ~ .checkmark{
    border:2px solid #E5BE82;}

/* Create the checkmark/indicator (hidden when not checked) */
.container .inner .mainpage .panel1 .box5 .checkmark .checkedbox img{
    width:17px;
    height:17px;
    float:left;
    left: 50%;
    top: 50%;
    position:relative;
    display:none;
    transform:translate(-50%,-50%);}

/* Show the checkmark when checked */
.container .inner .mainpage .panel1 .box5 input:checked ~ .checkmark .checkedbox{
    width:25px;
    height:25px;
    float:left;
    background:#E5BE82;
    display:block;
    position:absolute;
    top:0;
    left:0;}
    
.container .inner .mainpage .panel1 .box5 input:checked ~ .checkmark .checkedbox img{
    display:block;}

.container .inner .mainpage .panel1 .box5 .checkmark .icon{
    width:40px;
    height:100%;
    float:left;
    margin-left:10px;
    position:relative;}
    
.container .inner .mainpage .panel1 .box5 .checkmark .icon img{
    width:100%;
    height:auto;
    float:left;
    top:50%;
    position:relative;
    transform:translateY(-50%);}
    
.container .inner .mainpage .panel1 .box5 .checkmark .text{
    width:calc(100% - 50px);
    height:100%;
    float:left;
    position:relative;}
    
.container .inner .mainpage .panel1 .box5 .checkmark .text .inner{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-left:15px;
    font-family:poppinsmedium;
    font-size:16px;
    color:#828694;
    padding:0px;
    line-height:24px}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.container .inner .mainpage .head_2{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    margin-left:175px;
    margin-right:175px;
    font-family:poppinsmedium;
    font-size:16px;
    color:#FFFFFF;
    margin-top:50px;
    padding:15px;
    background:#333a51;}
    
.container .inner .mainpage .head_2.nomargin{
    margin-top:0px;}
    
.container .inner .mainpage .head_2.add_remove{
    width:auto;
    height:42px;
    float:right;
    padding:0px;
    margin-top:54px;
    background:transparent}
    
.container .inner .mainpage .head_2.add_remove .button{
    width:40px;
    height:40px;
    float:left;
    border:1px solid #333a51;
    cursor:pointer;
    background:#FFFFFF;}
    
.container .inner .mainpage .head_2.add_remove .button:nth-child(3){
    border-left:0px;}
    
.container .inner .mainpage .head_2.add_remove .button:hover{
    background:#e5e6e9}

.container .inner .mainpage .head_2.add_remove .button::selection,
.container .inner .mainpage .head_2.add_remove .button img::selection{
    background:transparent}
    
.container .inner .mainpage .head_2.add_remove .button img{
    width:20px;
    height:20px;
    float:left;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:relative;}
    
.container .inner .mainpage .head_2.add_remove #zp_alert_next,
.container .inner .mainpage .head_2.add_remove #zp_alert_children,
.container .inner .mainpage .head_2.add_remove #vn_alert_next{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    color:#d62d20;
    margin-right:20px;
    line-height:42px;
    vertical-align:middle;
    display:none;}
    
.container .inner .mainpage .content_2{
    width:auto;
    height:auto;
    float:right;
    font-family:poppinsmedium;
    font-size:14px;
    color:#4d5367;
    margin-right:175px;
    margin-top:67px;}
    
.container .inner .mainpage .submitbutton,
.container2 .inner .mainpage .submitbutton{
    width:auto;
    height:auto;
    float:left;
    padding:15px;
    font-family:poppinsmedium;
    font-size:16px;
    background:#E5BE82;
    color:#FFFFFF;
    border:none;
    outline:none;
    left:50%;
    transform:translateX(-50%);
    position:relative;
    margin-top:50px;
    cursor:pointer;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    clear:both}
    
.container .inner .mainpage .submitbutton:hover,
.container2 .inner .mainpage .submitbutton:hover{
    background:#ceab75}
    
/* CHECKBOX */

.container .inner .mainpage .line,
.container .inner .mainpage .line2,
.container .inner .mainpage .line3,
.container2 .inner .mainpage .line{
    width:calc(100% - 350px - 42px);
    height:22px;
    float:left;
    margin-top:30px;
    padding-left:42px;
    margin-left:175px;
    margin-right:175px;
    position:relative;
    font-family:poppinsmedium;
    font-size:14px;
    color:#4d5367;
    line-height:22px;
    vertical-align:middle;
    cursor:pointer;
    padding-bottom:30px;
    border-bottom:1px solid #ccced3}
    
.container .inner .mainpage .line2{
    width:calc(100% - 42px);
    margin-left:0px;
    margin-right:0px;}
    
.container .inner .mainpage .line3{
    width:calc(100% - 42px);
    margin-left:0px;
    margin-right:0px;
    border-bottom:none;
    padding-bottom:0px;}
    
.container .inner .mainpage .panel1 .creditors .box .line3{
    width:calc(100% - 42px);
    margin-left:0px;
    margin-right:0px;
    border-bottom:none;
    padding-bottom:0px;
    margin-top:15px;}
    
.container .inner .mainpage .line .term_link,
.container .inner .mainpage .line2 .term_link,
.container2 .inner .mainpage .line .term_link{
    text-decoration:none;
    color:#010a26;
    font-family:poppinssemibold;
    outline:none}
    
.container .inner .mainpage .line input,
.container .inner .mainpage .line2 input,
.container .inner .mainpage .line3 input,
.container2 .inner .mainpage .line input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;}
    
.container .inner .mainpage .line .checkmark,
.container .inner .mainpage .line2 .checkmark,
.container .inner .mainpage .line3 .checkmark,
.container2 .inner .mainpage .line .checkmark{
    position:absolute;
    top:0;
    left:0px;
    height:20px;
    width:20px;
    background:#FFFFFF;
    border:1px solid #ccced3;}
    
.container .inner .mainpage .line .checkmark:hover,
.container .inner .mainpage .line2 .checkmark:hover,
.container .inner .mainpage .line3 .checkmark:hover,
.container2 .inner .mainpage .line .checkmark:hover{
    background:#F2F2F2;}
    
.container .inner .mainpage .line input:checked ~ .checkmark,
.container .inner .mainpage .line2 input:checked ~ .checkmark,
.container .inner .mainpage .line3 input:checked ~ .checkmark,
.container2 .inner .mainpage .line input:checked ~ .checkmark{
    background:#333a51;}
    
.container .inner .mainpage .line .checkmark:after,
.container .inner .mainpage .line2 .checkmark:after,
.container .inner .mainpage .line3 .checkmark:after,
.container2 .inner .mainpage .line .checkmark:after{
    content:"";
    position:absolute;
    display:none;}
    
.container .inner .mainpage .line input:checked ~ .checkmark:after,
.container .inner .mainpage .line2 input:checked ~ .checkmark:after,
.container .inner .mainpage .line3 input:checked ~ .checkmark:after,
.container2 .inner .mainpage .line input:checked ~ .checkmark:after{
    display:block;}
    
.container .inner .mainpage .line .checkmark:after,
.container .inner .mainpage .line2 .checkmark:after,
.container .inner .mainpage .line3 .checkmark:after,
.container2 .inner .mainpage .line .checkmark:after{
    width:5px;
    height:10px;
    float:left;
    top:50%;
    left:50%;
    position:relative;
    border:solid #FFFFFF;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:translate(-50%, -65%) rotate(45deg);}

/* END OF CHECKBOX */
    




/* KONKRÉTNÍ NABÍDKA */

.container .inner .mainpage .gallery{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;}
    
.container .inner .mainpage .gallery .photo{
    width:calc((100% - 150px) / 4);
    height:175px;
    float:left;
    margin-right:50px;
    margin-top:50px;
    cursor:pointer;
    outline:none;}   
    
.container .inner .mainpage .gallery .photo:nth-child(4n){
    margin-right:0px}
    
.container .inner .mainpage .gallery .photo:nth-child(-n+4){
    margin-top:0px}
    
.container .inner .mainpage .gallery .photo img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container .inner .mainpage .gallery .photo:hover img{
    transform:scale(1.1);}
    
.container2 .inner .mainpage .description{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    margin-left:200px;
    margin-right:200px;
    font-family:poppinsregular;
    font-size:16px;
    color:#4d5367;
    line-height:24px;
    margin-bottom:50px;}
    
.container2 .inner .mainpage .table{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    margin-left:200px;
    margin-right:200px;}
    
.container2 .inner .mainpage .table .line{
    width:calc(100% - 40px);
    height:50px;
    float:left;
    border-bottom:1px solid #ccced3;
    padding:0px;
    margin:0px;
    padding-left:20px;
    padding-right:20px;
    cursor:auto}
    
.container2 .inner .mainpage .table .line:last-child{
    border-bottom:0px;}
    
.container2 .inner .mainpage .table .line .val1{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:15px;
    color:#4d5367;
    line-height:50px;
    vertical-align:middle}
    
.container2 .inner .mainpage .table .line .val2{
    width:auto;
    height:auto;
    float:right;
    font-family:poppinsbold;
    font-size:15px;
    color:#4d5367;
    line-height:50px;
    vertical-align:middle}
    

    

    

    
    
    
/* ÚVĚRY - RANGEABLE */

.container .inner .mainpage .loans{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    margin-left:200px;
    margin-right:200px;
    border-top:1px solid #ccced3;}
    
.container .inner .mainpage .loans:first-child{
    margin-top:50px;}

    
.container .inner .mainpage .loans .line{
    width:100%;
    height:50px;
    float:left;
    margin-top:50px;
    position:relative}
    
.container .inner .mainpage .loans .line:last-child{
    height:60px;
    margin-top:25px}
    
.container .inner .mainpage .loans .line .name{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:20px;
    color:#010a26;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    padding-left:20px;}
    
.container .inner .mainpage .loans .line .input{
    width:200px;
    height:50px;
    float:right;
    border:none;
    outline:none;
    font-family:poppinsbold;
    font-size:30px;
    color:#010a26;
    text-align:right;
    background:#e5e6e9;
    border:none;
    padding-left:20px;
    padding-right:20px;
    position:relative;}    
    
.container .inner .mainpage .loans .line .input::-webkit-outer-spin-button,  /* arrows on right side in number type input */
.container .inner .mainpage .loans .line .input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;}
    
.container .inner .mainpage .loans .line .input[type=number] {
  -moz-appearance: textfield;}
  
.container .inner .mainpage .loans .rangeable{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:50px;
    margin-top:25px;
    margin-left:0px;
    margin-right:0px;
    cursor:pointer}
    
.container .inner .mainpage .loans .line .interest{
    width:calc((100% / 4) - 20px);
    height:60px;
    float:left;
    padding-left:20px;
    position:relative}
    
.container .inner .mainpage .loans .line .interest .line1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:20px;
    color:#4d5367}
    
.container .inner .mainpage .loans .line .interest .line2{
    width:calc(100% - 20px);
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:20px;
    color:#010a26;
    position:absolute;
    bottom:0px;}
    
.container .inner .mainpage .loans .line .result{
    width:calc(100% / 4);
    height:auto;
    float:left;}
    
.container .inner .mainpage .loans .line .result .line1{
    font-family:poppinsmedium;
    font-size:20px;
    color:#4d5367;}
    
.container .inner .mainpage .loans .line .result .line2{
    font-family:poppinsbold;
    font-size:25px;
    color:#010a26;
    margin-top:15px}
    
.container .inner .mainpage .loans .line .button{
    width:auto;
    height:auto;
    float:right;
    border:none;
    outline:none;
    font-size:20px;
    font-family:poppinssemibold;
    background:#010a26;
    color:#e5e6e9;
    padding-left:20px;
    padding-right:20px;
    padding-top:15px;
    padding-bottom:15px;
    cursor:pointer;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    position:absolute;
    bottom:0px;
    right:0px}
    
.container .inner .mainpage .loans .line .button:hover{
    background:#333a51}
    
.container .inner .mainpage .qa{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px}
    
.container .inner .mainpage .qa .column1{
    width:calc((100% - 50px) / 3);
    height:auto;
    float:left;}
    
.container .inner .mainpage .qa .column1:nth-child(2),
.container .inner .mainpage .qa .column1:nth-child(3){
    width:calc((100% - 50px) / 3);
    height:auto;
    float:left;
    margin-left:25px}
    
.container .inner .mainpage .qa .column1 .box{
    width:100%;
    height:auto;
    float:left;
    background:#FFFFFF;
    margin-top:25px}
    
.container .inner .mainpage .qa .column1 .box:first-child{
    margin-top:0px}
    
.container .inner .mainpage .qa .column1:nth-child(2) .box:first-child{
    margin-top:0px}
    
.container .inner .mainpage .qa .column1 .box .question{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:20px;
    color:#010a26;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px}
    
.container .inner .mainpage .qa .column1 .box .answer{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:15px;
    color:#4d5367;
    line-height:22px;
    margin-top:10px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px}
    
    
    
    
/* KONTAKT */
.container .inner .mainpage .contact{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    margin-top:50px;
    margin-left:200px;
    margin-right:200px;}
    
.container .inner .mainpage .contact .column1{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;
    margin-left:50px;}
    
.container .inner .mainpage .contact .column1:first-child{
    margin-left:0px;}
    
.container .inner .mainpage .contact .column1 .line1{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsmedium;
    font-size:20px;
    color:#4d5367}
    
.container .inner .mainpage .contact .column1 .line1:nth-child(3){
    margin-top:50px;}
    
.container .inner .mainpage .contact .column1 .line2{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:25px;
    color:#010a26;
    margin-top:15px;
    text-decoration:none;}
    
.container .inner .mainpage .contact .column1 a.line2:hover{
    color:#333a51}
    
.container .inner .mainpage .contact .map{
    width:100%;
    height:400px;
    float:left;
    margin-top:50px}
 
.container .inner .mainpage .faq{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    margin-left:175px;
    margin-right:175px;
    margin-top:50px}
    
.container .inner .mainpage .faq .question{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding:20px;
    background:#FFFFFF;
    font-family:poppinssemibold;
    font-size:18px;
    color:#333a51;
    margin-top:30px;
    cursor:pointer}
    
.container .inner .mainpage .faq .question::selection{
    background:transparent}
    
.container .inner .mainpage .faq .question:first-child{
    margin-top:0px}
    
.container .inner .mainpage .faq .answer{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding:20px;
    padding-top:0px;
    font-family:poppinsregular;
    font-size:16px;
    color:#828694;
    line-height:24px;
    background:#FFFFFF;
    display:none;
    cursor:pointer;}
    
.container .inner .mainpage .panel{
    width:calc((100% - 400px) / 2);
    height:auto;
    float:left;
    margin-left:175px;
    margin-top:50px;}
    
.container .inner .mainpage .panel:last-child{
    margin-left:50px;
    margin-right:175px} 
    
.container .inner .mainpage .panel .part{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px}
    
.container .inner .mainpage .panel .part:first-child{
    margin-top:0px}
    
.container .inner .mainpage .panel .part .icon{
    width:30px;
    height:30px;
    float:left;
    margin-top:6px}
    
.container .inner .mainpage .panel .part .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.container .inner .mainpage .panel .part .head_1{
    width:calc(100% - 30px - 20px);
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:16px;
    color:#333a51;
    margin-left:20px;
    text-transform:uppercase}
    
.container .inner .mainpage .panel .part .content_1{
    width:calc(100% - 30px - 20px);
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#828694;
    margin-left:20px;
    margin-top:5px;
    text-decoration:none;
    line-height:24px}
    
.container .inner .mainpage .panel .part a.content_1{
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container .inner .mainpage .panel .part a.content_1:hover{
    color:#333a51}
    
.container .inner .mainpage .panel .box{
    width:100%;
    height:auto;
    float:left;
    margin-right:30px;
    margin-top:30px;}
    
.container .inner .mainpage .panel .box:nth-child(4){
    margin-top:0px;
    margin-right:0px;}
    
.container .inner .mainpage .panel .box:nth-child(7){
    margin-right:0px;}
    
.container .inner .mainpage .panel .box.second{
    width:calc((100% - 30px) / 2);
    margin-right:30px;}
    
.container .inner .mainpage .panel .box.second:nth-last-child(-n+5){
    margin-right:0px;}
    
.container .inner .mainpage .panel .box .label{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:13px;
    color:#4d5367;
    margin-bottom:10px;}
    
.container .inner .mainpage .panel .box .input,
.container .inner .mainpage .panel .box .input2,
.container .inner .mainpage .panel .box .input3,
.container .inner .mainpage .panel .box .textarea{
    width:100%;
    height:42px;
    float:left;
    outline:none;
    border:1px solid #ccced3;
    padding-left:15px;
    padding-right:15px;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    position:relative;}
    
.container .inner .mainpage .panel .box .input2{
    width:calc(100% - 65px);}
    
.container .inner .mainpage .panel .box .input3{
    width:calc((100% - 60px) / 3);
    text-align:center;
    letter-spacing:5px;}
    
.container .inner .mainpage .panel .box .input3.verification{
    border-left:none;
    background:#333a51;
    text-align:center;
    letter-spacing:5px;
    color:#F2F2F2;}
    
.container .inner .mainpage .panel .box .additional2{
    width:65px;
    height:42px;
    float:left;
    border:1px solid #ccced3;
    border-right:none;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    text-align:center;
    outline:none;}
    
.container .inner .mainpage .panel .box .textarea{
    height:150px;
    padding-top:10px;
    padding-bottom:10px;}
    
    
.container2{
    width:100%;
    height:auto;
    margin:0 auto;
    float:left;
    background:#FFFFFF}   
    
.container5{
    width:100%;
    height:auto;
    margin:0 auto;
    float:left;
    background:#F2F2F2}                                      
    
.container2 .inner .mainpage .textbox2,
.container5 .inner .mainpage .textbox2{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    margin-left:175px;
    margin-right:175px;
    margin-top:50px;}
    
.container2 .inner .mainpage .textbox2 .part,
.container5 .inner .mainpage .textbox2 .part{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;
    margin-right:50px;
    margin-top:50px;}
    
.container2 .inner .mainpage .textbox2 .part:nth-child(2n),
.container5 .inner .mainpage .textbox2 .part:nth-child(2n){
    margin-right:0px}
    
.container2 .inner .mainpage .textbox2 .part:nth-child(-n+2),
.container5 .inner .mainpage .textbox2 .part:nth-child(-n+2){
    margin-top:0px}
    
.container2 .inner .mainpage .textbox2 .part .head,
.container5 .inner .mainpage .textbox2 .part .head,
.container2 .inner .mainpage .textbox2 .part .head2{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:18px;
    color:#333a51;}
    
.container2 .inner .mainpage .textbox2 .part .head2{
    width:calc(100% - 80px - 20px);}
    
.container2 .inner .mainpage .textbox2 .part .text,
.container5 .inner .mainpage .textbox2 .part .text,
.container2 .inner .mainpage .textbox2 .part .text2{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#828694;
    line-height:24px;
    margin-top:10px}
    
.container2 .inner .mainpage .textbox2 .part .text2{
    width:calc(100% - 80px - 20px);}
    
.container2 .inner .mainpage .textbox2 .part .icon{
    width:60px;
    height:60px;
    float:left;
    margin-right:20px;
    margin-top:10px}
    
.container2 .inner .mainpage .textbox2 .part .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.container2 .inner .mainpage .textbox3{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    margin-left:175px;
    margin-right:175px;
    margin-top:30px;}
    
.container2 .inner .mainpage .textbox3 .column{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;
    margin-right:50px;}
    
.container2 .inner .mainpage .textbox3 .column:last-child{
    margin-right:0px;}
    
.container2 .inner .mainpage .textbox3 .column .part{   
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;} 
    
.container2 .inner .mainpage .textbox3 .column .part:first-child{
    margin-top:0px;}
    
.container2 .inner .mainpage .textbox3 .column .part .head{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinssemibold;
    font-size:18px;
    color:#333a51;}
    
.container2 .inner .mainpage .textbox3 .column .part .text{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:16px;
    color:#828694;
    line-height:24px;
    margin-top:10px}
    
    
    
    
    
.container2 .inner .mainpage .panel2{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    margin-left:175px;
    margin-right:175px;
    margin-top:50px;}
    
.container2 .inner .mainpage .panel2 .box2 .label{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:13px;
    color:#4d5367;
    margin-bottom:10px;}
    
.container2 .inner .mainpage .panel2 .box2 .label .red{
    color:#d62d20}
    
.container2 .inner .mainpage .panel2 .box2 .input,
.container2 .inner .mainpage .panel2 .box2 .textarea{
    width:100%;
    height:42px;
    float:left;
    outline:none;
    border:1px solid #ccced3;
    padding-left:15px;
    padding-right:15px;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    position:relative;}
    
.container2 .inner .mainpage .panel2 .box2 .textarea{
    height:150px;
    padding-top:10px;
    padding-bottom:10px}
    
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-calendar-picker-indicator,
.container .inner .mainpage .panel1 .box2 .input::-webkit-calendar-picker-indicator{
    background-color:#FFFFFF;
    background-image:url(../../../img/icon/calendar.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
    right:5px;
    cursor:pointer;
    border-radius:3px}
    
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-calendar-picker-indicator:hover,
.container .inner .mainpage .panel1 .box2 .input::-webkit-calendar-picker-indicator:hover{
    background-color:#F2F2F2}

.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-text,    
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-month-field,
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-day-field,
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-year-field,
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-text,    
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-month-field,
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-day-field,
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-year-field{
    color:#4d5367;
    padding:3px;}
    
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-text:focus,    
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-month-field:focus,
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-day-field:focus,
.container2 .inner .mainpage .panel2 .box2 .input::-webkit-datetime-edit-year-field:focus,
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-text:focus,    
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-month-field:focus,
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-day-field:focus,
.container .inner .mainpage .panel1 .box2 .input::-webkit-datetime-edit-year-field:focus{
    background:#e5e6e9}
    
.container2 .inner .mainpage .panel2 .box2 .custom-select{
    width:calc(100% - 2px);
    height:40px;
    float:left;
    margin-top:0px;
    margin-left:0px;
    font-family:robotomedium;
    font-size:16px;
    color:#4d5367;
    position:relative;
    border:1px solid #ccced3;}
    
.container2 .inner .mainpage .line{
    width:calc(100% - 42px);
    margin-left:0px;
    margin-right:0px;
    border-bottom:1px solid #ccced3}
    
.container3{
    width:100%;
    height:auto;
    margin:0 auto;
    float:left;
    background:#e5e6e9}
    
.container3 .inner{
    width:calc(1400px - 60px);
    min-height:auto;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container3 .inner .mainpage{
    width:100%;
    height:auto;
    float:left;
    margin-top:75px;
    margin-bottom:75px;
    position:relative;}
    
.container3 .inner .mainpage .heading_3{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;
    margin-left:175px;
    line-height:58px;
    vertical-align:middle}
    
.container3 .inner .mainpage .button{
    width:auto;
    height:auto;
    float:right;
    font-family:poppinsmedium;
    font-size:18px;
    color:#FFFFFF;
    background:#E5BE82;
    padding:20px;
    margin-right:175px;
    text-decoration:none;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container3 .inner .mainpage .button:hover{
    background:#ceab75}
    
.container3 .inner .agent{
    width:calc(100% - 400px);
    height:58px;
    float:left;
    margin-left:200px;
    margin-right:200px;
    margin-top:50px;
    margin-bottom:50px}

.container3 .inner .agent .val1{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;
    line-height:58px;
    vertical-align:middle}
    
.container3 .inner .agent .val2{
    width:auto;
    height:58px;
    float:right;}
    
.container3 .inner .agent .val2 .item{
    width:auto;
    height:inherit;
    float:left;
    margin-left:50px;}
    
.container3 .inner .agent .val2 .item:first-child{
    margin-left:0px;}
    
.container3 .inner .agent .val2 .item .icon{
    width:32px;
    height:32px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container3 .inner .agent .val2 .item .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.container3 .inner .agent .val2 .item .text{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:18px;
    color:#333a51;
    line-height:58px;
    vertical-align:middle;
    margin-left:10px;
    text-decoration:none}
    

.container4{
    width:100%;
    height:auto;
    margin:0 auto;
    float:left;
    background:#FFFFFF}
    
.container4 .inner{
    width:calc(1400px - 60px);
    min-height:auto;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container4 .inner .mainpage{
    width:100%;
    height:auto;
    float:left;
    margin-top:75px;
    margin-bottom:75px;
    position:relative;}
    
.container4 .inner .mainpage .heading_1{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;
    text-align:left;
    margin-left:175px;
    margin-right:175px}
    
.container4 .inner .mainpage .box{
    width:calc(100% - 350px);
    height:auto;
    float:left;
    margin-top:50px;
    margin-left:175px;
    margin-right:175px;}
    
.container4 .inner .mainpage .box .item{
    width:calc((100% - 200px) / 5);
    height:auto;
    float:left;
    margin-right:50px;}
    
.container4 .inner .mainpage .box .item:last-child{
    margin-right:0px;}
    
.container4 .inner .mainpage .box .item .panel{
    width:calc(100% - 4px);
    height:auto;
    float:left;
    position:relative;
    padding-top:calc(100% - 4px);
    background:#FFFFFF;
    border:2px solid #F2F2F2;
    border-radius:1000px;}
    
.container4 .inner .mainpage .box .item .image{
    width:calc(100% - 85px);
    height:auto;
    float:left;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);}
    
.container4 .inner .mainpage .box .item .image img{
    width:100%;
    height:auto;
    float:left;}
    
.container4 .inner .mainpage .box .item .text{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:14px;
    color:#828694;
    text-align:center;
    line-height:21px;
    margin-top:20px}
 
.contactmap{
    width:100%;
    height:500px;
    float:left;
    border:none;
    outline:none}
    
    
    
    
    
.container3 .inner .broker{
    width:calc(100% - 400px);
    height:120px;
    float:left;
    margin-left:200px;
    margin-right:200px;
    margin-top:75px;
    margin-bottom:75px}
    
.container3 .inner .broker .head{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsbold;
    font-size:35px;
    color:#333a51;
    top:50%;
    transform:translateY(-50%);
    position:relative;}
    
.container3 .inner .broker .info{
    width:auto;
    height:120px;
    float:right;}
    
.container3 .inner .broker .info .profile{
    width:calc(120px - 4px);
    height:calc(120px - 4px);
    float:left;
    border-radius:1000px;
    overflow:hidden;
    border:2px solid #ccced3;}
    
.container3 .inner .broker .info .profile img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover;}
    
.container3 .inner .broker .info .infobox{
    width:auto;
    height:auto;
    float:left;
    margin-left:30px;
    top:50%;
    transform:translateY(-50%);
    position:relative;}
    
.container3 .inner .broker .info .infobox .head2{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsbold;
    color:#333a51;
    font-size:18px;
    clear:left;}
    
.container3 .inner .broker .info .infobox .subhead{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinsregular;
    color:#4d5367;
    font-size:15px;
    margin-top:5px;
    margin-bottom:5px;
    clear:left;}
    
.container3 .inner .broker .info .infobox .contact{
    width:auto;
    height:auto;
    float:left;
    margin-top:5px;
    clear:left;}
    
.container3 .inner .broker .info .infobox .contact .phone,
.container3 .inner .broker .info .infobox .contact .email{
    width:auto;
    height:30px;
    float:left;
    clear:left;}
    
.container3 .inner .broker .info .infobox .contact .phone .image,
.container3 .inner .broker .info .infobox .contact .email .image{
    width:24px;
    height:24px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container3 .inner .broker .info .infobox .contact .phone .image img,
.container3 .inner .broker .info .infobox .contact .email .image img{
    width:100%;
    height:100%;
    float:left;}
    
.container3 .inner .broker .info .infobox .contact .phone .text,
.container3 .inner .broker .info .infobox .contact .email .text{
    width:auto;
    height:30px;
    float:left;
    margin-left:15px;
    font-family:poppinsregular;
    color:#4d5367;
    font-size:15px;
    line-height:30px;
    vertical-align:middle}
    
.container3 .inner .broker .info .infobox .contact .email .text a{
    text-decoration:none;
    color:inherit;}
    
    



.container2 .inner .mainpage .box_verify{
    width:auto;
    height:auto;
    float:left;
    left:50%;
    transform:translateX(-50%);
    position:relative;}
    
.container2 .inner .mainpage .box_verify .input_verify{
    width:300px;
    height:58px;
    float:left;
    border:1px solid #ccced3;
    padding:15px;
    text-align:center;
    font-family:robotoblack;
    text-transform:uppercase;
    font-size:20px;
    color:#4d5367;
    letter-spacing:2px;
    outline:none}
    
.container2 .inner .mainpage .box_verify .input_verify::placeholder{
    color:#ccced3;
    font-family:robotoregular;}
    
.container2 .inner .mainpage .box_verify .button{
    width:auto;
    height:auto;
    float:left;
    padding:20px;
    background:#E5BE82;
    font-size:18px;
    font-family:poppinsmedium;
    border:none;
    outline:none;
    color:#FFFFFF;
    text-decoration:none;
    margin-left:50px;
    cursor:pointer;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container2 .inner .mainpage .box_verify .button:hover{
    background:#ceab75}
    
    
    
    

 
    



/* FOOTER */
.footer{
    width:100%;
    height:auto;
    float:left;
    background:#2e313d;
    padding-top:50px;
    padding-bottom:50px;}
    
.footer .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.footer .inner .heading_1{
    width:100%;
    height:auto;
    float:left;}
    
.footer .inner .heading_1 .logo{
    width:auto;
    height:55px;
    float:left;}
    
.footer .inner .heading_1 .logo img{
    width:100%;
    height:100%;
    float:left;}
    
.footer .inner .panel{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;
    padding-top:50px;
    border-top:1px solid #3d4252}
    
.footer .inner .panel .part{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;
    margin-right:calc(50px + 75px);}
    
.footer .inner .panel .part:last-child{
    width:calc((100% - 50px - 150px) / 2);
    margin-right:0px;}
    
.footer .inner .panel .part .textbox{
    width:100%;
    height:auto;
    float:left;
    color:#e5e6e9;
    font-family:poppinslight;
    font-size:16px;
    line-height:24px}
    
.footer .inner .panel .part .address{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;}
    
.footer .inner .panel .part .address .box{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;
    margin-right:50px;}
    
.footer .inner .panel .part .address .box:last-child{
    margin-right:0px;}
    
.footer .inner .panel .part .address .box .icon{
    width:35px;
    height:35px;
    float:left;}
    
.footer .inner .panel .part .address .box .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.footer .inner .panel .part .address .box .text{
    width:calc(100% - 20px - 35px);
    height:auto;
    float:left;
    margin-left:20px;}
    
.footer .inner .panel .part .address .box .text .line{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    font-size:13px;
    color:#e5e6e9;
    margin-top:5px;}
    
.footer .inner .panel .part .address .box .text .line:first-child{
    margin-top:2px;
    font-family:poppinssemibold}
    
.footer .inner .panel .part .address .box:nth-child(2) .text .line{
    font-family:poppinsregular;
    margin-top:11px;}
    
.footer .inner .panel .part .menu{
    width:calc((100% - 30px) / 2);
    height:auto;
    float:left;
    margin-right:30px;}
    
.footer .inner .panel .part .menu:last-child{
    margin-right:0px;}
    
.footer .inner .panel .part .menu .item{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    margin-top:15px;}
    
.footer .inner .panel .part .menu .item:first-child{
    margin-top:0px;}
    
.footer .inner .panel .part .menu .item .icon{
    width:18px;
    height:18px;
    float:left;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.footer .inner .panel .part .menu .item:hover .icon{
    transform:translateX(5px);}
    
.footer .inner .panel .part .menu .item .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.footer .inner .panel .part .menu .item .text{
    width:auto;
    height:auto;
    float:left;
    font-family:poppinslight;
    font-size:16px;
    color:#e5e6e9;
    line-height:18px;
    vertical-align:middle;
    margin-left:10px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.footer .inner .panel .part .menu .item:hover .text{
    color:#E5BE82}
    
    
.footer2{
    width:100%;
    height:auto;
    float:left;
    background:#262933;
    padding-top:30px;
    padding-bottom:30px;}
    
.footer2 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;}
    
.footer2 .inner .left,
.footer2 .inner .right{
    width:auto;
    height:36px;
    float:left;}
    
.footer2 .inner .right{
    float:right}
    
.footer2 .inner .left .part,
.footer2 .inner .right .part{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    font-family:poppinslight;
    font-size:12px;
    color:#e5e6e9;
    margin-top:10px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.footer2 .inner .left .part:first-child{
    font-family:poppinsmedium;
    font-size:13px;
    margin-top:0px;
    color:#E5BE82}
    
.footer2 .inner .right .part{
    margin-top:24px;
    color:#4d5367;
    font-family:poppinsmedium;
    text-decoration:none;}
    
.footer2 .inner .right .part:hover{
    color:#E5BE82}