@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,700');
html {background-color: #fff !important;}
* {
    font-family : "Montserrat";
    font-weight : 500;
}

.home, .account, .employees {
    width                   : 100%;
    background              : url('../images/backgroiund.jpg') no-repeat center center fixed;
    background              : url('https://res.cloudinary.com/dokv4cwwx/image/upload/v1536341097/backgroiund.jpg') no-repeat center center fixed;
    -moz-background-size    : cover;
    -webkit-background-size : cover;
    -o-background-size      : cover;
    background-size         : cover;
    font-weight             : bold;
}

.contact-us {
    width                   : 100%;
    background              : url('../images/map_background.jpg') no-repeat center center fixed;
    -moz-background-size    : cover;
    -webkit-background-size : cover;
    -o-background-size      : cover;
    background-size         : cover;
    font-weight             : bold;
}

header {
    padding-top : 75px;
}

a:hover, a:focus, a:active {
    text-decoration : none;
}

a.logo {
    display : block;
    float   : right;
}

ul.header-nav {
    display      : inline-block;
    float        : right;
    margin-right : 40px;
    padding      : 0;
}

ul.header-nav.lang {
    margin-right : 70px;
}

ul.header-nav li {
    list-style  : none;
    display     : inline-block;
    line-height : 114px;
    font-weight: 100 !important;
}

ul.header-nav li a {
    color     : #FFFFFF;
    font-size : 18px;
    padding   : 4px 10px;
    font-weight: 100;
}

ul.header-nav li.line {
    width      : 1px;
    padding    : 0;
    margin     : 0 2px;
    background : #FFFFFF;
    height     : 24px;
    top        : 4px;
    position   : relative;
}

ul.header-nav li:hover a, ul.header-nav li.active a {
    background : #59C0D6;
}
ul.header-nav li.usr-link:hover a, ul.header-nav li.usr-link.active a {
    background : none;
}

ul.header-nav li.active a {
     font-weight : 500;
}

.home-page-text {
    font-size   : 35px;
    color       : #FFFFFF;
    text-align  : right;
    font-weight : bold;
    line-height : 60px;
}

.home-page-text-small {
    padding-top : 50px;
    color       : #FFFFFF;
    text-align  : right;
    font-weight : bold;
}

.home-page-title {
    padding-top : 15px;
    color       : #FFFFFF;
    text-align  : left;
    font-weight : bold;
    font-size   : 18px;
}

.white-bg {
    background : #FFFFFF;
}

.white-bg > div.row {
    min-height : 500px;
    margin-bottom: 150px;
}

.right-bar {
    background : #0890A8;
    color      : #FFFFFF;
    height     : 100%;
    position   : absolute;
    right      : 0;
    box-shadow : 5px 0px 30px 11px #AAAAAA;
    padding    : 0;
}

.relative {
    position : relative;
    overflow : hidden;
}

.left-bar {
    padding : 90px 40px;
}

.right-side-menu {
    width   : 100%;
    margin  : 0;
    padding : 0;
}

.right-side-menu li {
    width      : 100%;
    list-style : none;
}

.right-side-menu li a {
    display      : block;
    padding      : 40px 0;
    width        : 100%;
    color        : #FFFFFF;
    text-align   : center;
    font-weight  : bold;
    font-size    : 22px;
    word-spacing : 10px;
}

.right-side-menu li.active a {
    background : #097E92;
}

.in-header {
    position   : absolute;
    top        : 0;
    width      : 100%;
    right      : 0;
    text-align : center;
}

.user-name {
    background  : #006C9D;
    padding     : 13px 40px 13px 30px;
    color       : #FFFFFF;
    font-weight : bold;
    width       : auto;
    display     : inline-block;
    max-width   : 220px;
    overflow    : hidden;
    float       : left;
}

.user-name img {
    margin-right : 10px;
}

.in-menu {
    display    : inline-block;
    background : #B0B0B0;
    padding    : 0;
}

.in-menu li {
    display    : inline-block;
    background : #B0B0B0;
    list-style : none;
    margin     : 0;
}

.in-menu li a {
    display   : inline-block;
    padding   : 10px 30px;
    color     : #FFFFFF;
    font-size : 16px;
}

.in-menu li.active a {
    background : #006C9D;
}

.profile-photo {
    width    : 125px;
    height   : 125px;
    position : relative;
    float    : left;
}

.profile-photo > img {
    width         : 125px;
    height        : 125px;
    border-radius : 50%;
}

.change-image-icon {
    width       : 31px;
    height      : 26px;
    background  : url("../images/photo1.png") no-repeat center center;
    position    : absolute;
    left        : 50%;
    top         : 50%;
    margin-top  : -15px;
    margin-left : -13px;
    cursor      : pointer;
}

.profile-icon {
    width         : 35px;
    height        : 35px;
    background    : #FFFFFF;
    text-align    : center;
    line-height   : 35px;
    position      : absolute;
    border-radius : 50%;
    bottom        : 0;
    right         : 0;
    display       : block;
    overflow      : hidden;
}

.profile-company-title {
    float       : left;
    margin-left : 20px;
    padding-top : 20px;
}

.profile-company-title h2 {
    color          : #006C9E;
    text-transform : uppercase;
    font-weight    : bold;
}

.profile-company-title.editing h2 {
    color : #1AC0B2;
}

@media (min-width : 1330px) {
    .container {
        width : 1300px;
    }
}

@media (min-width : 992px) {
    #home {
        min-height: 770px;
    }
}
@media (max-width :767px) {
    #home .intro-img{
        display: none;
    }
}

.form-control {
    border           : solid 2px white !important;
    border-width     : 0 0 1px 0 !important;
    background-color : transparent !important;
    background-image : none !important;
    color            : white;
    border-radius    : 0 !important;
    box-shadow       : 0 !important;
    display          : block !important;
    font-size        : 15px !important;
    height           : 45px !important;
    line-height      : 1 !important;
    padding          : 5px 20px 20px 14px;
    width            : 100%;
    box-shadow       : none !important;
}

.input-group-addon {
    padding          : 6px 12px;
    font-size        : 14px;
    font-weight      : 400;
    line-height      : 1;
    color            : #555555;
    text-align       : center;
    background-color : transparent !important;
    border           : 1px solid transparent !important;
    border-radius    : 4px;
}

.form-control::-webkit-input-placeholder { color : white; }

/* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color : white; }

/* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color : white; }

/* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color : white; }

/* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color : white; }

/* Microsoft Edge */

.contact-us .form-control {
    border           : solid 2px #0890A8 !important;
    border-width     : 0 0 1px 0 !important;
    background-color : transparent !important;
    background-image : none !important;
    color            : #0890A8;
    border-radius    : 0 !important;
    box-shadow       : 0 !important;
    display          : block !important;
    font-size        : 15px !important;
    height           : 45px !important;
    line-height      : 1 !important;
    padding          : 5px 20px 20px 14px;
    width            : 100%;
    box-shadow       : none !important;
}

.contact-us .form-control::-webkit-input-placeholder { color : #0890A8; }

/* WebKit, Blink, Edge */
.contact-us .form-control:-moz-placeholder { color : #0890A8; }

/* Mozilla Firefox 4 to 18 */
.contact-us .form-control::-moz-placeholder { color : #0890A8; }

/* Mozilla Firefox 19+ */
.contact-us .form-control:-ms-input-placeholder { color : #0890A8; }

/* Internet Explorer 10-11 */
.contact-us .form-control::-ms-input-placeholder { color : #0890A8; }

/* Microsoft Edge */

.login-button {
    background   : #0890A8;
    border-color : transparent;
    color        : white;
    padding-left : 30px;
    width        : 100%;
}

.login-button img {
    margin-left : 20px;
}
body.ar .ar-pull-right{
    float: right !important;
}
body.ar .login-button img {
    transform: rotate(180deg);
}

.home-page-forgot {
    padding-top : 10px;
    color       : #FFFFFF;
    /* text-align: left; */
    font-weight : bold;
}

.padding-right-0 {
    padding-right : 0;
}

.about-us-title {
    color      : #0890A8;
    font-size  : 30px;
    margin-top : 30px;
}

.about-us-product-title {
    color       : #0890A8;
    padding-top : 20px;
    font-size   : 18px;
    font-weight : bold;
}

.margin-top24 {
    margin-top : 24px;
}

.margin-top5 {
    margin-top : 5px;
}

.margin-top50 {
    margin-top : 50px;
}

.about-us-text {
    color       : #B0B0B0;
    padding-top : 20px;
    font-size   : 15px;
}

.about-us-second-title {
    padding-top    : 20px;
    color          : #0890A8;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 20px;
}

.about-us-second-sub-title {
    color       : #0890A8;
    font-weight : 100;
    font-size   : 18px;
}

.about-us-scheme-title {
    color       : #0890A8;
    font-weight : bold;
    font-size   : 20px;
}

.about-us-hline {
    color       : #0890A8;
    font-size   : 30px;
    line-height : 0.9em;
}

.about-us-hline-large {
    background : #0890A8;
    width      : 2px;
    height     : 40px;
    margin     : 0 auto;
}

.about-us-hline-small {
    background : #0890A8;
    width      : 2px;
    height     : 20px;
    margin     : 0 auto;
}

.about-us-vline-large {
    border-top : 2px solid #0890A8;
    width      : 100%;
}

.company-block {
    margin-top : 29px;
}

.company-block p {
    color : #1AB2B7;
}

.entity-block {
    margin-top : 22px;
}

.entity-block p {
    color : #363028;
}

.left-border {
    border-left : 1px solid #B0B0B0;
    padding     : 0;
}

#about-us ul {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

#about-us li {
    padding-left : 1em;
    text-indent  : -.7em;
    color        : #B0B0B0;
    font-size    : 12px;
}

#about-us li::before {
    content   : "• ";
    font-size : 30px;
    color     : #0890A8;
    position  : relative;
    top       : 5px;
}

.map-form {
    margin-top    : 100px;
    margin-bottom : 100px;
}

.contact-form-title {
    color       : #0890A8;
    font-size   : 15px;
    font-weight : bold;
}

.padding-0 {
    padding : 0 !important;
}

.send-a-message-button {
    background    : #0890A8;
    border-color  : transparent;
    color         : white;
    width         : 55px;
    height        : 55px;
    border-radius : 32px;
}

.contact-us .left-bar {
    padding : 50px 50px;
}

.width90proc {
    width : 90%;
}

.social-icons a {
    color : white;
}

.app-button {
    margin-bottom : 50px;
}

.btn.cu {
    border-radius : 0;
    color         : #FFFFFF;
}

.btn.btn-green {
    background : #16C6B8;
}

.btn.btn-green-dark {
    background : #0890A8;
}

.btn.btn-blue {
    background : #006C9E;
}

.move-r {
    margin-right : 10px;
}

.buttons-row {
    margin-top    : 38px;
    margin-bottom : 50px;
    width         : 100%;
}

.heading-blue {
    color       : #006C9E;
    font-weight : bold;
}

.heading-green {
    color       : #16C6B8;
    font-weight : bold;
}

.profile-section {
    position   : relative;
    min-height : 400px;
}

.profile-section, .profile-section a {
    color : #006D9A;
}

div.icon-cont {
    width      : 60px;
    text-align : center;
    display    : inline-block;
    position   : absolute;
    left       : 0;
}

.profile-row {
    margin-top    : 20px;
    margin-bottom : 20px;
}

.profile-row > div {
    padding-left : 60px;
    position     : relative;
}

.margin-top-5 {
    margin-top : 50px;
}

.form-control.blue {
    color              : #006D9A;
    padding            : 6px 12px;
    appearance         : none;
    -moz-appearance    : none; /* Firefox */
    -webkit-appearance : none; /* Safari and Chrome */
}

select.form-control.blue {
    padding-left : 30px;
}

.wrapper-arrow:before {
    content      : " ";
    position     : absolute;
    left         : 24px;
    top          : 20px;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 8px 5px 0 5px;
    border-color : #9FD0DF transparent transparent transparent;
}

.modal-backdrop {
    background : none;
}

.modal.in.center .modal-dialog, .center .modal-dialog {
    top        : 50%;
    transform  : translateY(-50%);
    margin-top : 0;
}

.modal-content {
    color            : #FFFFFF;
    background-color : #006D9A;
    border           : none;
    box-shadow       : none;
}

.close {
    font-size   : 30px;
    line-height : 10px;
    color       : #FFFFFF;
    opacity     : 1;
    position    : absolute;
    top         : 15px;
    right       : 15px;
}

.full-width {
    width : 100%;
}

.margin-top {
    margin-top : 15px;
}

.btn {
    font-weight : 500;
}

.file-item {
    width         : 100%;
    text-align    : center;
    margin-bottom : 8px;
    margin-top    : 10px;
}

.wb {
    line-height  : 34px;
    margin-right : 15px;
}

.radio {
    padding-left : 20px;
}

.radio label {
    display        : inline-block;
    vertical-align : middle;
    position       : relative;
    padding-left   : 5px;
}

.radio label::before {
    content            : "";
    display            : inline-block;
    position           : absolute;
    width              : 20px;
    height             : 20px;
    left               : 0;
    margin-left        : -20px;
    border             : 1px solid #CCCCCC;
    border-radius      : 0;
    background-color   : #FFFFFF;
    -webkit-transition : border 0.15s ease-in-out;
    -o-transition      : border 0.15s ease-in-out;
    transition         : border 0.15s ease-in-out;
}

.radio label::after {
    display            : inline-block;
    position           : absolute;
    content            : " ";
    width              : 12px;
    height             : 12px;
    left               : 4px;
    top                : 4px;
    margin-left        : -20px;
    border-radius      : 50%;
    background-color   : #0890A8;
    -webkit-transform  : scale(0, 0);
    -ms-transform      : scale(0, 0);
    -o-transform       : scale(0, 0);
    transform          : scale(0, 0);
    -webkit-transition : -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition    : -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition      : -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition         : transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="checkbox"] {
    opacity : 0;
    z-index : 1;
}

.radio input[type="checkbox"]:focus + label::before {
    outline        : thin dotted;
    outline        : 5px auto -webkit-focus-ring-color;
    outline-offset : -2px;
}

.radio input[type="checkbox"]:checked + label::after {
    -webkit-transform : scale(1, 1);
    -ms-transform     : scale(1, 1);
    -o-transform      : scale(1, 1);
    transform         : scale(1, 1);
}

.radio input[type="checkbox"]:disabled + label {
    opacity : 0.65;
}

.radio input[type="checkbox"]:disabled + label::before {
    cursor : not-allowed;
}

.radio.radio-inline {
    margin-top : 0;
}

.radio-primary input[type="checkbox"] + label::after {
    background-color : #0890A8;
}

.radio-primary input[type="checkbox"]:checked + label::before {
    border-color : #0890A8;
}

.radio-primary input[type="checkbox"]:checked + label::after {
    background-color : #0890A8;
}

.checkbox, .radio {
    display : inline-block;
}

.ln2 {
    line-height : 20px;
}

.sm-note {
    font-size  : 12px;
    padding    : 10px 30px;
    text-align : center;
}

.login-button.btn-green {
    background : #16C6B9 !important;
}

.margin-bottom-3 {
    margin-bottom : 30px;
}

.video {
    position : relative;
    display  : inline-block;
}

.video:after {
    content     : " ";
    width       : 49px;
    height      : 49px;
    background  : url("../images/play.png") no-repeat center center;
    top         : 50%;
    left        : 50%;
    margin-top  : -25px;
    margin-left : -25px;
    position    : absolute;
}

#files-cont a {
    padding-left : 40px;
    word-wrap    : break-word;
    height       : 40px;
    overflow     : hidden;
}

.wi img {
    margin-right : 10px;
}

#files-cont a.zoom-btn {
    width        : 17px;
    height       : 19px;
    position     : absolute;
    margin-left  : -24px;
    margin-top   : 5px;
    padding-left : 0;
    background   : url("../images/search1.png") no-repeat center center;
    cursor       : pointer;
}

.panel-default.offered > .panel-heading a, .panel-default.requested > .panel-heading a {
    color : #FFFFFF;
}

.panel-default.offered > .panel-heading {
    background : #006D9A;
}

.panel-default.requested > .panel-heading {
    background : #14BEB6;
}

.panel-group .panel, .panel-heading {
    border-radius : 0;
    border        : none;
}

.panel-heading { position : relative }

.panel-heading a {
    width   : 100%;
    display : inline-block;
}

.panel-heading a:after {
    content       : "-";
    width         : 20px;
    height        : 20px;
    text-align    : center;
    line-height   : 20px;
    border-radius : 2px;
    top           : 8px;
    right         : 50px;
    background    : #006D9A;
    color         : #FFFFFF;
    position      : absolute;
    font-size     : 25px;
}

.panel.offered > .panel-heading > h4 > a:after, .panel.requested > .panel-heading > h4 > a:after {
    background : #FFFFFF;
    color      : #006D9A;
}

.panel-heading a.collapsed:after {
    content : "+" !important;
}

.edit-btn {
    color     : #8D8D8D !important;
    float     : right;
    font-size : 12px;
    display   : none;
}

.panel.requested > .panel-heading, .panel.offered > .panel-heading {
    padding : 5px 15px;
}

.v-line {
    width      : 1px;
    height     : 40px;
    background : #FFFFFF;
    display    : inline-block;
    position   : absolute;
    top        : 0;
    left       : 60px;
}

.panel-title a img {
    margin-right : 50px;
}

.green-text {
    color : #14BEB6;
}

div.error {
    color     : #EC3232;
    font-size : 12px;
}

.panel-body {
    padding : 0;
}

li.line a, li.l-user-name a {
    display : none;
}

li.l-user-name {
    margin-right : 40px;
    color        : #FFFFFF;
    font-size    : 18px;
    padding      : 4px 10px;
}

.red-user {
    color       : #E75555;
    font-weight : bold;
    font-size   : 16px;
}

.start {
    width      : 138px;
    height     : 20px;
    background : url("../images/stars.png") no-repeat;
}

.start.stars-1 {
    background-position-y : -23px;
}

.start.stars-2 {
    background-position-y : -46px;
}

.start.stars-3 {
    background-position-y : -69px;
}

.start.stars-4 {
    background-position-y : -92px;
}

.start.stars-5 {
    background-position-y : -115px;
}

.btn.btn-gray {
    background : #F5F5F5;
    color      : #006C9E;
}

.btn-long {
    padding-right : 40px;
    padding-left  : 40px;
}

.btn-longer {
    padding-right : 70px;
    padding-left  : 70px;
}

#dropzone {
    position   : absolute;
    top        : 100px;
    width      : 80%;
    left       : 10%;
    min-height : 400px;
    background : rgba(255, 255, 255, 0.9);
    border     : 1px dashed #AFAFAF;
    z-index    : 1050;
    text-align : center;
    display    : none;
}

#dropzone .drop-inner {
    width      : 100%;
    margin-top : 80px;
    text-align : center;
    color      : #006C9E;
}

#dropzone .drop-inner h1 {
    font-weight : bold;
}

#open-backdrop {
    cursor : pointer;
}

.mfp-iframe video {
    width : 100%;
}

.padding-bottom-50 {
    padding-bottom : 50px;
}

.padding-bottom-30 {
    padding-bottom : 30px;
}

.btn-red {
    background  : #E76565;
    color       : #FFFFFF;
    font-weight : bold;
}

.editable-input textarea.form-control {
    min-height : 150px;
}

.editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover {
    color : #006C9E;
}

.editable-buttons .editable-submit {
    background   : #16C6B8;
    color        : #FFFFFF;
    border       : none;
    margin-right : 15px;
}

.editable-buttons .editable-cancel {
    background : #E76565;
    color      : #FFFFFF;
    border     : none;
}

.popover.top > .arrow:after, {
    border-top-color : #006C9E;
}

.popover.right > .arrow:after {
    border-right-color : #006C9E;
}

.popover.left > .arrow:after {
    border-left-color : #006C9E;
}

.popover {
    background : #006C9E;
}

.popover select.form-control {
    color : #FFFFFF;
}

.popover select.form-control option {
    color : #006C9E;
}

#edit_keywords {
    width     : 100%;
    display   : inline-block;
    position  : relative;
    max-width : 100%;
    overflow  : hidden;
}

.select2-drop {
    width     : 200px !important;
    max-width : 200px !important;
}

.editable-buttons {
    margin-top : 15px;
    text-align : center;
}

.editable-input {
    min-width : 200px;
}

.has-error .help-block {
    color : #FFFFFF;
}

.editable-buttons.cc {
    margin-top    : -16px;
    text-align    : center;
    float         : left;
    width         : 100%;
    margin-bottom : 15px;
}

.select2-container-multi {
    width : 100%;
}

#add_more_degree {
    cursor : pointer;
}

.no-padding {
    padding : 0 !important;
}

.editable-buttons.degree-buttons {
    margin-top    : 0;
    margin-bottom : 5px;
}

.margin-left {
    margin-left : 10px;
}

.in-line-error div.error {
    position : absolute;
    left     : 100%;
    width    : 100%;
    top      : 7px;
}

body.ar div.icon-cont {
    left  : auto;
    right : 0;
}

body.ar .profile-row > div {
    padding-left  : 15px;
    padding-right : 60px;
}

body.ar .profile-photo,
body.ar .profile-icon,
body.ar .profile-section .col-md-7,
body.ar .profile-section .col-md-5 {
    float : right;
}

body.ar #edit_button img,
body.ar .edit-btn {
    float : left;
}

body.ar .editable-buttons .editable-submit {
    margin-left  : 15px;
    margin-right : 0;
}

body.ar #remove-all, body.ar #remove-all img {
    float : left !important;
}

body.ar .ln2 {
    float       : left !important;
    margin-left : 15px;
}

body.ar .radio label::before {
    margin-right : -20px;
    right        : 0;
}

body.ar .radio label::after {
    margin-right : -20px;
    right        : 4px;
}

body.ar #files-cont a.zoom-btn {
    margin-right : -24px;
}

body.ar .radio label {
    padding-right : 5px;
}

body.ar .v-line {
    left  : auto;
    right : 60px;
}

body.ar .panel-title a img {
    margin-right : 0;
    margin-left  : 50px;
}

body.ar .panel-heading a:after {
    right : auto;
    left  : 50px;
}

body.ar .search-container {
    float : left;
}

body.ar #search-form .col-xs-6,
body.ar #search-form .col-md-3,
body.ar #search-form .col-md-2 {
    float : right;
}

body.ar .service-delete-selected, body.ar .service-delete-selected img, body.ar .delete-service img {
    float : left !important;
}

.files-cont {
    text-align : center;
}

body.ar .radio {
    padding-left : 0;
}

.abs-push {
    position : fixed;
    width    : 60%;
    left     : 20%;
    top      : 50px;
    z-index  : 99999;
}

.alert {
    border-radius : 0;
}
body.ar .home-page-title{
    text-align: right;
}


.send-a-message-button {
}



/*hello*/


.display-none {
    display: none !important;
}
#home ul.header-nav li a {
    font-size: 16px;
    transition: all .4s ease-in-out;
}

#home .home-page-text {
    font-size: 22px;
    color: #FFFFFF;
    text-align: left;
    font-weight: normal;
    line-height: 1.4;
}
.ar #home .home-page-text {
    text-align: right;
}

#home form input {
    background: #fff !important;
    height: 30px !important;
    padding: 0;
    color: #000;
}

#home form button{
    height: 30px !important;
    font-size: 16px;
    line-height: 1;
    padding: 5px 30px 5px 15px;
}

#home .home-page-title {
    font-weight: normal;
}
.ar #home .home-page-title {
    /*text-align: left;*/
}
#home .form-group  .col-md-4  {
    padding-left: 0;
    padding-right: 0;
}

#home .form-group  .col-md-4.padding-right-0 {
    margin-left: 10px;
    border-radius: 3px;
}

#home .form-group  .col-md-4.padding-right-0 button {
    border-radius: 3px;
    padding-top: 6px;
    background: #0faea3;
    transition: all .4s ease-in-out;
}
#home .form-group  .col-md-4.padding-right-0 button img{
    max-width: 18px;
    margin-left: 10px;
}

#home h1 {
    font-size: 28px;
    color: #fff;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 15px;
}
.ar #home h1 {
    text-align: right;
}

#home .input-group-addon img {
    position: relative;
    top: -7px;
}

#home ul.header-nav.lang {
    margin-right: 50px;
}

#home .home-page-forgot {
    font-weight: normal;
}

#home .apps-dwn-sec .ios-down img {
    max-width: 150px;
}
#home .apps-dwn-sec .ard-down img {
    max-width: 170px;
}
.ar .apps-dwn-sec {
    /*text-align: left;*/
}


#home .signin-popup {
    position: absolute;
    top: -50px;
    width: 50%;
    max-width: 300px;
    left: 28%;
    margin-left: -25%;
    background-color: #006D9A;
    padding: 10px;
    border-radius: 0;
    display: none;
    z-index: 50000;
}
#home .signin-popup.show-popup {
}
#home .signin-popup.hide-popup {
}

.signin-btn a {
    cursor: pointer;
}
#home  .signin-popup form {
    width: 300px;
    margin: 0 auto;
}
#home .signin-popup .home-page-title {
    text-align: center;
}
#home  .signin-popup form input {
    background: #fff !important;
    height: 30px !important;
    padding: 0;
    color: #000;
    max-width: 200px;
    border-radius: 5px !important;
}

#home  .signin-popup  form button {
    height: 30px !important;
    font-size: 16px;
    line-height: 1;
    padding: 5px 30px 5px 15px;
    width: 200px;
    margin-left: 45px;
    margin-top: 10px;
}
#home .signin-popup .input-group-addon{
    width: 47px !important;
    padding: 5px 0;
}

#home .signin-popup .close-btn {
    background: transparent;
    border: none;
    font-size: 35px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 50000;
}

#yw0 {
    float: left;
    direction: rtl;
}
.signin-btn a {
    background: #0f8f99;
    position: relative;
    top: -2px;
}
.intro-img img {
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 5px auto;
}
#forgot-password {
    z-index: 600000;
}
/*about style*/

#about-us  {
    padding-bottom: 35px;
}
.about-us-title {
    color: #000;
    font-size: 26px;
    margin-top: 30px;
}

#about-us .about-desc p span {
    font-size: 16px;
}

.about-us-product-title {
    font-size: 20px;
    max-width: 80%;
    margin: 0 auto;
    font-weight: 500;
    color: #989898;
    line-height: 1.2;
}

/*user catrgories style*/
#user-cat {
    background:#f1f1f1;
    padding-bottom: 35px;
}

#user-cat h2{
    color: #4c4c4c;
    font-size: 26px;
    margin-top: 45px;
    margin-bottom: 45px;
    text-align: center;
    font-weight: 500;
}

#user-cat .user-cat-img img {
    max-width: 320px;
    width: 100%;
    margin: 10px auto;
    display: block;
}
#user-cat  .cate-img {
    width: 25%;
    float: left;
}

#user-cat  .cate-img img{
    width: 100%;
    max-width: 115px;
    margin: 0 auto;
    display: block;
}
#user-cat  .cate-txt {
    width: 75%;
    float: left;
}

#user-cat  .cate-txt h3 {
    font-size: 20px;
    font-weight: 500;
}

#user-cat  .cate-txt p  {
    font-size: 14px;
    max-width: 75%;
    color: #a9a9a9;
}

#user-cat .cate-1 ,
#user-cat .cate-2 ,
#user-cat .cate-3 {
    width: 100%;
}
.ar #user-cat  h3 ,.ar #user-cat p{
    text-align: left;
}

.ar #user-cat p {
    float: left;
}
#user-cat .cate-1 h3 {
    color: #00b4b1;
}
#user-cat .cate-2 h3 {
    color: #0890a9;
}
#user-cat .cate-3 h3 {
    color: #504a42;
}


#user-cat .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
}
#user-cat .owl-prev {
    font-size: 80px;
    color: #0890A8;
    float: left;
}
#user-cat .owl-next {
    font-size: 80px;
    color: #0890A8;
    float: right;
}
.ar #user-cat .owl-next {
    transform: rotatey(180deg);
}
.ar #user-cat .owl-prev {
    transform: rotatey(180deg);
}
/*contact us style*/

#contact-us {
    margin-top: 0;
}

#contact-us .input-fullname  {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 15px;
}
#contact-us .input-message  textarea{
    margin-left: 15px;
}

#contact-us .input-empty  {
    margin-bottom: 15px;
    min-height: 45px;
}
#contact-us  .f-input {
    margin-bottom: 15px;

}


.ar .contact-num {
    float: right;
}
/*app details style*/


#app-details {
    padding-bottom: 50px;
}
#app-details h2{
    color: #4c4c4c;
    font-size: 26px;
    margin-top: 45px;
    margin-bottom: 45px;
    text-align: center;
    font-weight: 500;
}
#app-details .owl-item {
    width: 100%;
    margin: 0 auto;
}
#app-details .owl-item .app-slide {
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
}

#app-details .owl-item img {
    width: 100%;
    max-width: 65px;
    display: block;
    margin: 0 auto;
}



#app-details .owl-item p {max-width: 340px;
    text-align: center;
    margin: 5px auto;
    font-size: 17px;
    color: #b6b6b6;
}


#app-details .owl-nav {
    position: absolute;
    top: 0;
    height: 90%;
    width: 100%;
}

#app-details .owl-prev {
    position: absolute;
    top: 35%;
    font-size: 50px;
    line-height: 50px;
    left: 24%;
    font-weight: normal;
}

#app-details .owl-prev span{
    font-weight: 300;
    color: #00d0c2;
}


#app-details  .owl-next {
    position: absolute;
    top: 35%;
    font-size: 50px;
    line-height: 50px;
    right: 24%;
    font-weight: normal;

}

#app-details  .owl-next  span{
    font-weight: 300;
    color: #00d0c2;
}



#send-contact-us {
    margin-top: 35px;
}



/*ARABIC STYLE*/


<style>
@import url('http://tanmiya.4hlo.com/Montserrat-Arabic-Regular.otf');
</style>

@font-face {
    font-family: Montserrat-Arabic;
    src: url(http://tanmiya.4hlo.com/Montserrat-Arabic-Regular.otf);
}

body.ar *, html.ar *{
    /*font-family: Montserrat-Arabic !important;*/
}
body.ar .fa , html.ar .fa {
    font-family: FontAwesome !important;
}


body.ar, html.ar {
    font-family: Montserrat-Arabic !important;
}


body.ar #home .form-group .col-md-4.padding-right-0 {
    margin-left: 0;
    margin-right: 0px;
}

body.ar #home   .col-md-4.col-md-offset-5 {
    float: right;
}


body.ar .owl-carousel .owl-stage-outer,
body.ar #app-details .owl-nav {
    direction: ltr !important;
}


body.ar #contact-us .f-input {
    float:  right;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body.ar #contact-us .input-message textarea {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


body.ar .floatright {
    float: right;
}

body.ar #send-contact-us {
    margin-top: 35px;
    float: left;
    transform: rotate(-90deg);
}







/*burger menu design*/
.mobile-Menu {
    display: none;
    position:  absolute;
    top: 5px;
    left: 0;
    width: 100%;
    padding: 5px;}
.mobile-Menu .navbar-brand {float: right; padding: 0;}
.mobile-Menu .navbar-brand img {max-width: 150px;}
.mobile-Menu .navbar-toggler {background: transparent;width: 40px; height: 40px;border: none;position: relative;top: 15px;float: left;}
.mobile-Menu .navbar-toggler span{font-size: 30px; color: #fff;}
.mobile-Menu .navbar-collapse{
    display: none ;
    float: left;
    z-index: 1;
    background: rgba(18,105,148,.8);
    position: relative;
    top: 60px;
    left: -10px;
    width: 220px;
    color: #fff;
    border: none;
    z-index: 5;
    float: left;}
.navbar-collapse.collapse {
    display: none ;

}
.mobile-Menu .navbar-collapse ul {
    list-style: none;
    padding-left: 20px;
}
.mobile-Menu .navbar-collapse ul li{    width: 100%;line-height: 30px;
}
.mobile-Menu .navbar-collapse ul li a{
    line-height: 20px;
    color: #fff;
    font-size: 18px;
}


.mobile-Menu .lang-li {
    width: 33% !important;
    float: right;
    margin-bottom: 15px;
}
.mobile-Menu .current-lang {
    background: #0eaea2;
    padding: 5px;
}

.ar #home .signin-popup form button {
    margin-right: 30px;
    margin-left: auto;
}
/*Responsive design*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .mobile-Menu {
        display: block;
    }
    #home header {display: none;}
    #home {padding-top: 125px;}
    body.ar .mobile-Menu .navbar-collapse ul {
        padding: 5px !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .signin-btn a {
        background: transparent;
        position: relative;
        top: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .about-card {
        margin-bottom: 25px;
    }
    #user-cat .cate-1, #user-cat .cate-2, #user-cat .cate-3{
        width: 80%;
        margin: 0 auto;
    }
    #user-cat .cate-txt p {
        max-width: 100%;
    }

    .right-bar {
        position: relative;
        box-shadow: none;
        padding: 0;
        margin-left: 15px;
        margin-right: 15px;
    }
    #app-details .owl-prev {
        left: 0;
    }
    #app-details .owl-next {
        right: 0;
    }

    #home  .col-md-6.pull-right {float: none !important;}
    #home h1 ,#home .home-page-text , #home .home-page-title {text-align: center;}
    .ar #home h1 ,.ar #home .home-page-text , .ar #home .home-page-title {text-align: center;}
    .app-button .col-md-7.pull-right { float: none !important;}
    .apps-dwn-sec {text-align: center;}
    .apps-dwn-sec a {display: inline-block;}
    #si_login .col-md-7.pull-right {float: none !important;}
    #home .input-group {max-width: 250px;
        margin: 0 auto;}
    #sign-in-button {max-width: 175px;
        margin: 0 auto;
        display: block;}

    .h-form .col-md-7.pull-right {
        width: 250px;
        text-align: left;
        margin: 0 auto;
        float: none !important;
    }
    #home form input {
        width: 200px;
    }
    .h-form .col-md-7.pull-right  .home-page-title {text-align: left !important;}
    /*    body {overflow-x: hidden;}*/
    form#si_login {overflow: hidden;}
    form#si_login .input-group-addon {max-width: 47px;}

    body.ar .ar-pull-right {
        float: none !important;
    }
    body.ar .h-form .col-md-7.pull-right .home-page-title {
        text-align: right !important;
    }
    body.ar #home .col-md-4.col-md-offset-5 {
        float: none !important;
    }
    #home .signin-popup {
        position: absolute;
        top: 0;
        width: 90%;
        max-width: 400px;
        left: 5%;
        margin-left: 0;
        background-color: #006D9A;
        padding: 20px;
        border-radius: 10px;
        min-width: 290px;
        z-index: 50000;
        position: absolute;
        top: -50px;
        width: 50%;
        max-width: 300px;
        left: 28%;
        margin-left: -25%;
        background-color: #006D9A;
        padding: 10px;
        border-radius: 0;
        display: none;
        z-index: 50000;

    }
    #home .signin-popup form button {
        margin-left: 58px;
    }
    .ar #home .signin-popup form button {
        margin-right: 58px;
        margin-left: auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    #user-cat .cate-1, #user-cat .cate-2, #user-cat .cate-3{
        width: 95%;
        margin: 0 auto;
    }
    .h-form .col-md-7.pull-right {
        width: 250px;
        text-align: left;
        margin: 0 auto;
        float: none !important;
    }
    .h-form .col-md-7.pull-right  .home-page-title {text-align: left !important;}
    #app-details .owl-item p {max-width: 88%;}

    .contact-us .left-bar {
        padding: 50px 35px;
    }


    #home .home-page-text {
        font-size: 18px !important;
    }

    #home .signin-popup {
        position: absolute;
        top: 0;
        width: 90%;
        max-width: 400px;
        left: 5%;
        margin-left: 0;
        background-color: #006D9A;
        padding: 20px;
        border-radius: 10px;
        min-width: 290px;
        z-index: 50000;
    }
    #home .signin-popup form button {
        margin-left: 58px;
    }


    .ar #home .signin-popup form button {
        margin-right: 72px !important;
        margin-left: auto;
    }
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    #home .pull-right {float: none !important;}
    #home h1 {
        text-align: center;
    }
    #home .home-page-text {
        text-align: center;
    }

}




/* new edits 14-10-2018  */

html.logedin .signin-btn {
    display: none;
}

html.logedin   ul.header-nav > li:nth-last-child(2) {
    display: none;
}

#forgot-password .modal-body {
    min-height: 350px;
    border: 1px solid #fff;
    border-radius: 5px;
}

/*.test{*/
/*width: 100%;*/
/*background: url(http://tamniya.loc/style/images/backgroiund.jpg) no-repeat center center fixed;*/
/*-moz-background-size: cover;*/
/*-webkit-background-size: cover;*/
/*-o-background-size: cover;*/
/*background-size: cover;*/
/*font-weight: bold;*/
/*}*/

.offerRequestText{
    background-color: #14bdb5;
    width: 200px;
    height: 200px;
    padding: 30px;
    border-radius: 35%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0 7px;
}
.offerRequestText:first-child{
    background-color: #006d9e;
}
.serviceIcon{
    text-align: center;
}
.serviceText{
    text-align: center;
    margin-top: 10px;
    color: #ffffff;
    font-size: 30px;
}
.serviceIconText{
    margin-right: 0px;
    margin-left: 7px;
}

.offerRequestIconRow{
    background-image:url("../images/borderBottom.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 60px;
}
.inline-filter label {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label input[type="radio"]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
label input[type="radio"]:checked ~ .checkmarkDisplayHide {
    background-color: #fff;
}
.checkmarkDisplayHide {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
}
.inline-filter label input:checked ~ .checkmarkDisplayHide:after {
    display: block;
}
.inline-filter label .checkmarkDisplayHide:after {
    top: 4px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #14bdb5;

}
.inline-filter label .offerCheckbox:after {
    top: 4px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #006d9e;
}
label .checkmarkDisplayHide:after {
    content: "";
    position: absolute;
    display: none;
}
.descriptionRequestTypeTitle{
    color: #14bdb5;
    font-size: 24px;
    margin-bottom: 5px;
}
.descriptionRequestTypeText p{
    color:#14bdb5;
    font-size: 18px;
    line-height: 18px;
}
.requestType{
    display: flex;
    width: 430px;
    margin: 0 auto 30px;

}
.descriptionRequestType{
    margin-left: 10px;
}
.checkboxRequest{
    display: flex;
    margin-top: 8px;
}
.proceedBtn{
    text-align: center;
}
.proceedBtn input{
    background-color: #14bdb5;
    color: #ffffff;
    font-size: 20px;
    border: none;
    padding: 10px 45px;
}
.proceedBtn input:focus{
    outline: 0;
}
.requestSection{
    background-image:url("../images/borderBottom.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 60px;
    margin-top: 15px;
    position: relative;
}
.sectionRequest{
    padding: 0 50px;
}
.sectionOffer{
    padding: 0 50px;
}

.requestInformationTitle{
    color: #14bdb5;
    font-size: 28px;
    font-weight: bold;
}
.requestInformationTitlePart{
    display: flex;
    position: relative;
}
.closeSection{
    cursor: pointer;
    margin-top: 10px;
    position: absolute;
    right: -30px;
    top: 0;
}
.requestInformationCategory{
    display: flex;
    padding-bottom: 10px;
    padding-top: 8px;
}
.requestInformationCategoryTitle{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
    margin-left: 10px;
    border: none;
    width: 100%;
}
.selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 200px;
}


.selectdiv:after {
    content: '';
    background-image: url("../images/selectIcon.png");
    background-repeat: no-repeat;
    background-position: center;
    color: #0ebeff;
    left:  11px;
    top: 3px;
    height: 34px;
    padding: 12px 0px 0px 13px;
    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    max-width: 320px;
    height: 35px;
    float: right;
    padding-left: 35px;
    font-size: 18px;
    border: none;
    background-color: #ffffff;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color: #047fa8;
    font-weight: bold;
    line-height: 43px;
    margin-left: 10px;
    cursor: pointer;
}
.requestInformationCategoryTitleCategory:focus{
    outline: 0;
}
.requestInformationCategoryOption{
    display: flex;
    padding-top: 8px    ;
}
.borderBottomCategory{
    border-bottom: 1px solid #f1f1f1;
}
.comment{
    font-size: 18px;
    color: #14bdb5;
    line-height: 37px;
}
.selectCountryinput select{
    border: none;
    background-color: #16c6b8;
    padding: 5px 120px 5px 5px;
}
.selectCountryinput{
    display: flex;
    position: relative;
}
.selectCountryinput select {
    color: #fff;
    font-weight: bold;
    line-height: 37px;
}
.addCountryPart{
    display: flex;
    position: absolute;
    right: -28px;
    bottom: 10px;
}
.addCountry,.addFile{
    font-family:Montserrat Arabic Regular;
    color: #047fa8;
    font-size: 20px;
    padding-left: 5px;
}
.addCountryPartImg{
    margin-left: 7px;
}
.countryIndividual,.selectedPart{
    display: none;
}
.countryCloseName,.selectedFileName{
    margin-left: 10px;
    color: #047fa8;
    font-size: 15px;
}
.countryClosePart{
    width: 49%;
    display: inline-block;
}
.countryCloseSection{
    margin-top: 20px;
    position: relative;
    padding-bottom: 7px;
}
.requestInformation{
    line-height: 35px;
}
.addUpload{
    display: flex;
    line-height: 37px;
}
.individualUpload{
    display: flex;
    flex-direction: column;
    width: 50%;
}
.uploadPart{
    display: flex;
    min-height: 58px;
}
.uploadImagesFiles{
    display: flex;
    margin-top: 7px;
}
.selectedPart{
    margin-top: 5px;
}
.finalProceedBtn{
    margin-top: 60px;
}
.requestInformationCategoryContent{
    margin-top: 30px;
    position: relative;
}
.formFileInput{
    display: none !important;
}
.formFileLabel span{
    width: 100%;
    padding-bottom: 2px;
    cursor: pointer;
    color: #047fa8;
    font-size: 18px;
    padding-left: 5px;
}
.exampleFileUpload{
    color: #047fa8;
    font-size: 12px;
    line-height: 14px;
}
.addText{
    display: flex;
}
.labelAdd{
    margin-left: 10px;
}

.selectBox{
    position: relative;
}
.selectBox:after{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 45%;
    right: 20px;
    content: "";
    z-index: 98;
}
.selectBox select{
    width: 220px;
    border: 0;
    position: relative;
    z-index: 99;
    background: none;
}
.chosen{
    position: relative;
}
.defaultSelect{
    position: absolute;
    top: 0;
}
.chosen:read-only:before{
    color: #fff;
    font-size: 18px;
}
.readonlySelect{
    color: red;
}
.countryCloseIcon{
    cursor: pointer;
}
.offerSectionPart,.offerSectionPart p{
    color: #006d9e;
}
.offerSectionPart input{
    background-color: #006d9e;
}
.sectionOffer{
    display: none;
}
.requestOffer{
    padding: 0 50px;
    direction: initial;
}
.searchEmployee{
    padding-bottom: 0;
}
.requestInformationCategoryImg{
    width: 35px;
}
.requestEmployee{
    display: none;
}
.workExperience{
    position: relative;
    justify-content: space-between;
    margin-bottom: 45px;
}
.workExperience:after{
    content: "";
    width: 29%;
    height: 1px;
    background-color: #f1f1f1;
    display: block;
    position: absolute;
    top: 85px;
}
.searchBtnPart{
    position: relative;
    display: inline-block;
}
.searchBtnPart input{
    padding: 10px 50px 10px 30px;
}
.searchBtnPart:after{
    content: "";
    background-image: url("../images/searchIcon.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 27px;
    height: 27px;
    cursor: pointer;
}
.searchBtn{
    margin-top: 0;
}
.requestInformationCategoryLeftSide{
    display: flex;
}
.nameGender {
    color: #047fa8;
    font-size: 18px;
    margin-left: 5px;
    line-height: 25px;
    cursor: pointer;
}
.selectGenderIcon{
    background-color: #047fa8;
    width: 20px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.selectGender{
    display: flex;
    width: 30%;
    flex-direction: column;
}
.genderOptionPart{
    background-color: #047fa8;
    width: 130px;
    padding:5px 15px;
    display: none;
    position: absolute;
    top: 43px;
}
.individualOption{
    background-color: #047fa8;
    color: #fff;
    line-height: 25px;
    cursor: pointer;
}
.selectGenderLeftSide{
    display: flex;
    width: 100px;
    margin-top: 10px;
}
.countryClosePart{
    display: inline-block;
    vertical-align: top;
}
.experienceInput input{
    border: none;
    padding-left: 14px;
}
.experienceInput input:focus{
    outline: none;
}
.workExperiencePart{
    flex-direction: column;
}
.nameUploadFiles{
    width: 270px;
}
.requestTypeLabel{
    display: flex;
    cursor: pointer;
}
.ar .arabicProperty{
    margin-right: 10px;
    margin-left: 0;
}
.ar .arabicRequestInformation{
    margin-right: 30px;
    margin-left: 0;
}
.ar .selectdiv:after{
    content: '';
    background-image: url(../images/selectIcon.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #0ebeff;
    right: 10px;
    top: 3px;
    left: unset;
    height: 34px;
    padding: 12px 0px 0px 13px;
    position: absolute;
    pointer-events: none;
}
.ar .selectBox:after{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 45%;
    right: 86%;
    content: "";
    z-index: 98;
}
.ar .addImg{
    margin: 0 5px;
}
.ar .closeSection{
    left: -30px;
    right: unset;
}
.ar .countryCloseIcon{
    margin-left: 10px;
}
body.ar{
    direction : rtl !important;
}
.requestInformationCategoryTitle::placeholder{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
}
.requestInformationCategoryTitle:focus{
    outline: none;
}

.requestInformationCategoryTitle::-webkit-input-placeholder:after {
    content:"*";
    color:red;
    font-size:1.15em;
}

.requestInformationCategoryTitle::-moz-placeholder:after {
    content:"*";
    color:red;
    font-size:1.15em;
}
.requestInformationCategoryTitle:-ms-input-placeholder:after {
    content:"*";
    color:red;
    font-size:1.15em;
}
.inputWithComment + label {
    color: #999;
    font-family: Arial;
    font-size: .8em;
    position: reative;
    left: -166px; /* the negative of the input width */
}
.inputWithComment + label:after {
    content:'*';
    color: red;
}
.inputWithComment:valid + label{
    display: none;
}
.inputRequest input{
    border: none;
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
}
.inputRequest input::placeholder{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
    border: none;
}
.inputRequest input:focus{
    outline: none;
}
.selectBoxCategory{
    padding-bottom: 15px;
}
.requestWithAnotherComment{
    position: relative;
    margin-left: 10px;
}
.comment{
    position: absolute;
}

.requestWithAnotherComment input[required] + .requestWithAnotherComment label {
    color: #999;
    font-family: Arial;
    font-size: .8em;
    position: relative;
    left: -186px; /* the negative of the input width */
}

/* show the placeholder when input has no content (no content = invalid) */
.requestWithAnotherComment input[required]:invalid + .normalComment {
    display: inline-block;
}

/* hide the placeholder when input has some text typed in */
input[required]:valid + label{
    display: none;
}
.normalComment {
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
    border: none;
    position: relative;
    left: -234px;
    margin-bottom: 0;
}
.normalComment{
    cursor: pointer;
}
.inputRequest input{
    cursor: pointer;
}
.inputRequest input::placeholder{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
    border: none;
}
#anotherComment::placeholder{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
    border: none;
}
.anotherComment::placeholder{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
    border: none;
}
.summaryRequest input::placeholder{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
}
.summaryRequest input{
    border: none;
    padding-bottom: 60px;
}
.summaryRequest input:focus{
    outline: 0;
}
.ar .arabicNormalComent{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
    border: none;
    position: relative;
    left: 259px;
    margin-bottom: 0;
}
#yearsExperience{
    font-size: 18px;
    color: #047fa8;
    font-weight: bold;
    line-height: 37px;
}
.ar .arabicGender{
    margin-left: 0;
    margin-right: 5px;
}
.ar .chosen-single{
    padding: 0 26px 0 0 !important;
}
.widthProperty{
    width: 100%;
}
.widthProperty input{
    width: 100%;
}
.invalid{
    border-color: red !important;
}
.arabicDetailsDescription{
    display: none;
}

.espaniolhDetailsDescription {
    display: none;
}

.ar .arabicDetailsDescription{
    display: block;
}
.ar .englishDetailsDescription{
    display: none;
}

.ar .espaniolhDetailsDescription{
    display: none;
}

.es .arabicDetailsDescription{
    display: none;
}
.es .englishDetailsDescription{
    display: none;
}

.es .espaniolhDetailsDescription{
    display: block;
}

.notApprovedPopUp{
    background: #016d9b;
    width: 300px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #ffffff;
    border-radius: 7px;
    position: relative;
}
.approvementReminder,.acceptRemainder{
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
}
.approvementReminder{
    margin: 16px 0;
}
.remainderIcon{
    width: 50px;
}
.remainderIcon img{
    width: 100%;
    height: auto;
}
.acceptRemainder{
    padding: 7px 14px;
    border-radius: 10px;
    background: #16c6b9;
    border: none;
}
.closeRemainder{
    position: absolute;
    right: 5px;
    top: 5px;
    color: #ffffff;
    font-size: 16px;
    line-height: 10px;
    width: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 20px !important;
}
.yy{
    top: 50%;
    transform: translateY(-50%) !important;
    margin-top: 0;
    margin-bottom: 0;
    width: 300px;
}
.closeRemainder:focus{
    outline: 0;
}
.offerRequest{
    background: #14beb6 !important;
}
.offerRequestMainBtn{
    margin-bottom: 50px;
}