﻿ .contact-form {
     padding: 0 20% 3rem !important;
 }

 .contact-form .contact-form {
     padding: 0 !important;
 }

 @media (max-width: 1400px) {
     .contact-form {
         padding: 0 15% 3rem !important;
     }
 }

 @media (max-width: 1023px) {
     .contact-form {
         padding: 0 10% 2rem !important;
     }
 }

 @media (max-width: 580px) {
     .contact-form {
         padding: 0 5% 2rem !important;
     }
 }

 .contact-form .form-control {
     background: #ffffff !important;
     border: none !important;
     font-size: 13px !important;
     color: #58595b !important;
     border-radius: 3px;
     padding: 10px 15px !important;
 }

 .contact-form .form-group {
    margin-bottom: 2rem !important;
 }

 .contact-form .form-row > .col, .form-row > [class*="col-"] {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

 .contact-form .form-group>label {
     font-size: 1.4rem;
     font-weight: 500;
 }

 .contact-form .form-control option {
     color: #58595b !important;
 }

 .contact-form .countryList {
     position: relative;
 }

 .contact-form .countryList .select2-container--open .select2-dropdown {
     width: 100% !important;
 }

 .contact-form .code-list {
     width: 8rem;
     height: 3.8rem !important;
     border-bottom: none !important;
 }

 .contact-form .code-input {
     width: calc(100% - 8rem) !important;
     display: flex;
 }

 .contact-form .code-input input {
     padding: 1rem 1.5rem;
     border-radius: 0 3px 3px 0;
 }

 .contact-form .code-input .other-code {
     width: 6rem;
 }

 .contact-form .code-input .other-code.active+.form-control {
     width: calc(100% - 6rem);
 }

 .contact-form .select2-container {
     width: 100% !important;
 }

 .contact-form .select2-container:focus {
     outline: none;
 }

 .contact-form .select2-container .select2-selection--single {
     height: 100% !important;
 }

 .contact-form .select2-container--default .select2-selection--single {
     height: auto;
     border: none;
     width: 100%;
     font-size: 1.4rem;
     color: rgba(88, 89, 91, 0.8);
     border-radius: 3px 0 0 3px;
 }

 .contact-form .select2-container--default .select2-selection--single:focus {
     outline: none;
 }

 .contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
     height: 3.8rem;
     font-size: 1.4rem;
     color: rgba(88, 89, 91, 0.8);
     border-right: 1px solid #80808059;
     line-height: 2.7;
     border-radius: 0.2rem;
     padding-left: 2rem;
 }

 .contact-form .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
     outline: none;
 }

 .contact-form .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 3.8rem;
     top: 0px;
     right: 9px;
 }

 .contact-form .select2-container--default .select2-selection--single .select2-selection__arrow:focus {
     outline: none;
 }

 .contact-form .select2-container--open .select2-dropdown {
     width: 250px !important;
     font-size: 1.4rem;
     color: rgba(88, 89, 91, 0.8);
 }

 .contact-form .select2-container--open .select2-dropdown:focus {
     outline: none;
 }

 .contact-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border: none;
     background: url(/Portals/_default/Skins/RakezSTD/assets/images/select-arrow.svg) left top no-repeat;
     width: 10px;
     height: 10px;
     background-size: 100%;
     margin-top: -3px;
 }
 
.contact-form .btn {
    background: #fff;
    border: #fff;
    color: #626262;
    font-weight: 500;
    border-radius: 3px;
    height: 40px;
    line-height: 20px;
    text-shadow: none;
    font: 400 1.5rem/2rem "Roboto Condensed", sans-serif;
    display: block;
    width: auto;
    margin: 0 5px 0 0;
    margin-top: 10px;
    letter-spacing: 1;
}

 
.contact-form .btn:hover {
    background:#163D5C;
    color: white;
}

.contact-form button.btn-white {
    margin-left: 10px;
}
.contact-form button.btn-white {
    margin-left: 10px;
}

.contact-form ::placeholder { 
        color: #808080 !important;
        opacity: 1; 
      }

.contact-form :-ms-input-placeholder { 
        color: #808080 !important;
      }
      
.contact-form ::-ms-input-placeholder { 
        color: #808080 !important;
      }