body {
    background: #222;
    margin: 0;
    color: #fff;
    font-family: "Hind", Arial, sans-serif;
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    height: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

input[type="button"],
button {
    -webkit-appearance: none;
    -moz-appearance: none;
}

#header {
    background: #181818;
    padding: 20px;
    height: 50px;
    border-bottom: 2px solid #444;
}

.header {
    width: 1000px;
    margin: 0 auto;
}

.header-left {
    width: 120px;
    float: left;
}

.header-menu {
    float: left;
    margin: 12px 0px 0px 113px;
}

.menu li {
    float: left;
    margin-right: 20px;
    padding: 0px 10px;
}

.menu li a {
    color: #fff;
    font-size: 19px;
}

li.current_page {
    border-bottom: 2px solid #f05002;
    padding-bottom: 28px;
}

li.current_page a {
    color: #ff6000;
}

.menu li:hover {
    border-bottom: 2px solid #f05002;
    padding-bottom: 28px;
}

.menu li a:hover {
    color: #ff6000;
}

.logo {
    width: 100px;
}

a.login {
    padding: 4px 14px 1px 14px;
    background: #ff7000;
    border-radius: 5px;
    font-size: 18px;
    border-bottom: 4px solid #9b2a0c;
    cursor: pointer;
    float: right;
    margin-top: -4px;
}

.header-right {
    float: right;
    margin-top: 13px;
    position: relative;
    width: 160px;
}

.menu-icon {
    display: none;
}

.home-container {
    height: 560px;
    overflow: hidden;
	float: left;
    width: 100%;
}

.home-container img {
    top: 50%;
    min-width: 100%;
    -webkit-transform: translateY(-56%);
    -ms-transform: translateY(-56%);
    transform: translateY(-56%);
    opacity: 0.7;
}

.hcText {
    position: relative;
    z-index: 1;
    width: 1000px;
    margin: 0 auto;
}

.hcText h1 {
    text-align: center;
    font-size: 54px;
}

.hcText p {
    font-size: 18px;
}

p.hcT1 {
    font-size: 20px;
    font-weight: bold;
}

#content {
    width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    min-height: calc(100% - 342px);
    display: flow-root;
}

#content p {
    line-height: 30px;
}

h1.title {
    color: #ff7000;
    text-align: center;
}

p.sub-title {
    font-weight: bold;
    font-size: 19px;
    text-align: center;
}

form {
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

form label,
form input,
form button {
    border: 0;
    margin-bottom: 3px;
    display: block;
    width: 100%;
}

form button:focus {
    outline: none;
}

form input {
    height: 40px;
    line-height: 25px;
    background: #fff;
    color: #757575;
    padding: 0 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: "Hind", FontAwesome, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    text-indent: 5px;
}

form input:focus {
    outline: none;
}

#register select:focus {
    outline: none;
}

form button {
    height: 38px;
    line-height: 30px;
    background: #ff6000;
    color: #000;
    margin-top: 10px;
    cursor: pointer;
    font-size: 18px;
    font-family: "Hind", Arial, sans-serif;
    border-radius: 2px;
    width: auto;
    padding: 3px 15px 1px 15px;
}

form .error {
    color: #ff0000;
}

label[for="remember"] {
    margin-top: -10px;
    margin-bottom: 7px;
}

.register-form {
    display: none;
    background-color: #222;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    width: 300px;
    overflow: hidden;
    margin-left: -170px;
    position: fixed;
    top: 70px;
    left: 50%;
    z-index: 100105;
    padding: 20px;
}

.upload-modal {
    display: none;
    background-color: #222;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    width: 300px;
    overflow: hidden;
    margin-left: -170px;
    position: fixed;
    top: 70px;
    left: 50%;
    z-index: 100105;
    padding: 20px;
}

.upload-modal-backdrop,
.modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 360px;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 100100;
}

span.modal-close {
    position: absolute;
    right: 20px;
    top: 7px;
    font-size: 48px;
    cursor: pointer;
}

span.upload-modal-close {
    position: absolute;
    right: 20px;
    top: 7px;
    font-size: 48px;
    cursor: pointer;
}

.register-form h2 {
    margin: 5px 0px 20px 0px;
}

form#register {
    display: none;
}

#register select {
    height: 40px;
    float: left;
    border: 0;
    border-radius: 2px;
    margin-right: 4px;
    width: 100px;
    font-size: 16px;
    color: #757575;
    font-family: "Hind", FontAwesome, Arial, sans-serif;
    text-indent: 5px;
}

input#phone {
    width: calc(100% - 104px);
}

.have-you {
    margin-top: 20px;
}

#signup,
#signin,
#forgot {
    color: #ff6000;
    font-size: 16px;
}

.forgot {
    margin-top: 15px;
    text-align: center;
    margin-bottom: -10px;
}

.user-menu {
    position: absolute;
    z-index: 100;
    background: #333;
    margin-top: 50px;
    right: 0;
    border-radius: 4px;
    display: none;
}

.user-menu li a {
    color: #fff;
    font-size: 16px;
}

.user-menu li {
    border-bottom: 1px dashed rgba(205, 194, 255, 0.1);
    padding: 4px 14px;
}

#remember {
    height: 15px;
    float: left;
    width: 25px;
    margin-top: -7px;
    margin-left: -5px;
}

#password2 {
    margin-bottom: 23px;
}

img.loading {
    margin-top: 5px;
}

#tab {
    float: left;
    width: 250px;
    height: auto;
}

.tab {
    background-color: #151515;
}

.tab button {
    display: block;
    background-color: inherit;
    color: #fff;
    padding: 17px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    font-family: "Source Sans Pro", Arial, sans-serif;
}

.tab button:hover {
    background: #000;
    border-left: 3px solid #ff6000;
}

.tab button.active {
    background: #000;
    border-left: 3px solid #ff6000;
}

.tabcontent {
    float: right;
    padding: 0 0 0 50px;
    width: calc(100% - 300px);
    border-left: none;
    height: auto;
}

form textarea {
    width: calc(100% - 20px);
    border: 0;
    padding: 10px;
    font-family: "Hind", FontAwesome, Arial, sans-serif;
    font-size: 16px;
    border-radius: 2px;
    color: #757575;
    height: 100px;
}

form textarea:focus {
    outline: none;
}

.fields {
    width: calc(100% + 8px);
}

.field {
    width: calc(50% - 8px);
    float: left;
    margin-right: 8px;
}

.tabcontent input.error {
    border: 1px solid #ff0000;
}

.tabcontent label.error {
    display: none !important;
}

#work_current,
#work_current_edit,
#education_current,
#education_current_edit {
    height: 15px;
    float: left;
    width: 25px;
    margin: 4px 0px 0px -5px;
}
#work_end_date:disabled,
#work_end_date_edit:disabled,
#graduation_end_date:disabled,
#graduation_end_date_edit:disabled {
    background: #acb2b8;
}

.user_work {
    padding: 10px;
    background: #333;
    border-radius: 3px;
    border-left: 3px solid #ff7000;
    margin-bottom: 8px;
}

.user_work a {
    float: right;
    font-size: 20px;
    color: #fff;
    margin-left: 7px;
    cursor: pointer;
}

.user_work i.fa.fa-edit {
    margin-top: 6px;
}

.work-edit {
    width: 500px;
    margin-left: -270px;
}

.avatar img {
    width: 150px;
    height: 100%;
}

.avatar {
    text-align: center;
    margin-bottom: 30px;
    width: 150px;
    margin-left: 48px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
}

.change_avatar {
    margin-top: -54px;
    height: 45px;
    width: 138px;
    margin-left: 6px;
    position: relative;
    background: rgba(0, 0, 0, 0.25);
    overflow: hidden;
    padding-top: 9px;
    cursor: pointer;
}

.add {
    cursor: pointer;
    margin: 20px;
    text-align: center;
}

button#update_position {
    font-size: 16px;
}

.tab .fa {
    width: 30px;
}

.tabcontent button {
    float: left;
}

#professional_summary,
#skill {
    height: 200px;
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    float: left;
    padding: 7px 15px 5px 15px;
	margin: 10px 0 0 10px;
    border-radius: 4px;
    font-weight: bold;
    display: none;
}

#languages select {
    border: 0;
    padding: 5px;
    font-family: "Hind", Arial, sans-serif;
    font-size: 15px;
    width: calc(50% - 51px);
    float: left;
    margin-right: 6px;
    border-radius: 2px;
}

#add_lang {
    float: right;
    width: 90px;
    margin-top: 0;
    height: 36px;
    font-size: 15px;
}

input#uploadImage {
    padding-top: 8px;
    text-indent: 0;
}

form#upload {
    margin-top: 10px;
}

ul.upload-rules {
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 15px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.upload-modal h3 {
    margin-top: 8px;
}

.upload-modal button {
    font-size: 16px;
}

#avatar_default {
    margin-top: 10px;
    cursor: pointer;
    float: left;
}

#site_name {
    border: 0;
    padding: 5px;
    font-family: "Hind", Arial, sans-serif;
    font-size: 15px;
    width: calc(30% - 51px);
    float: left;
    margin-right: 6px;
    border-radius: 2px;
}

input#site_link {
    width: calc(70% - 51px);
    float: left;
    margin-right: 6px;
    font-size: 15px;
    height: 35px;
}

#add_social_link {
    float: right;
    width: 90px;
    margin-top: 0;
    height: 36px;
    font-size: 15px;
}

#profile_container {
    background-image: linear-gradient(120deg, #e4985e 0%, #fb8e37 100%);
    margin-top: -2px;
    padding: 15px 0 0 0;
}

.profile h2 {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
    padding: 10px 15px 7px 15px;
    font-size: 21px;
    margin: 0 0 15px 0;
}

.profile_avatar img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}

.profile_avatar {
    text-align: center;
}

.profile_name {
    font-weight: bold;
    font-family: "Source Sans Pro", Arial, sans-serif;
    text-align: center;
    font-size: 27px;
    color: #fff;
    line-height: 50px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.profile_profession {
    text-align: center;
}

.profile-header {
    background: rgba(0, 0, 0, 0.25);
    min-height: 80px;
}

.follow,
.message {
    float: left;
    font-weight: normal;
    font-size: 17px;
    font-family: "Hind", Arial, sans-serif;
    position: absolute;
    line-height: 20px;
    padding: 7px 18px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    margin-top: 26px;
    cursor: pointer;
}

.follow {
    right: 125px;
}

.message {
    right: 0;
}

.fb-login {
    background: #0570e6;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    cursor: pointer;
}

.google-login {
    margin-top: 15px;
    margin-bottom: 0;
    cursor: pointer;
    background: #dd4b39;
    color: #fff;
}

#register .error,
#login .error {
    margin: 0 0 6px 0;
}

.view-profile {
    width: 250px;
    text-align: center;
    margin: -10px 0 17px 0;
}

.view-profile a {
    font-size: 15px;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
    padding: 5px 15px;
    border-radius: 20px;
}

.profile-section .user_work {
    list-style: disc;
    background: unset;
    border: unset;
    font-size: 16px;
    padding: 0;
    list-style-position: inside;
}

.desc {
    margin: 0 0 0 25px;
}

.social {
    position: absolute;
    left: 0;
    top: 15px;
}

.social a {
    font-size: 21px;
    padding: 7px 12px;
    border-radius: 100%;
    color: #fff;
    margin-right: 5px;
    border: 2px solid rgba(0, 0, 0, 0.35);
}

a.twitter {
    background: #1da1f2;
}

a.linkedin {
    background: #0077b5;
}

a.website {
    background: rgb(139, 81, 34);
}

.social a:hover {
    background: #333;
}

.profile-section {
    background: rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.item {
    padding: 0px 20px 10px 20px;
}

.unfollow {
    position: absolute;
    right: 23px;
    margin-top: 15px;
    width: 60px;
    background: #333;
    padding: 6px 10px 4px 10px;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    display: none;
}

.tab2 {
    overflow: hidden;
    margin-bottom: 30px;
    overflow: hidden;
    background: #333;
    border-radius: 4px;
}

.tab2 button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    font-size: 17px;
    font-family: "Source Sans Pro", Arial, sans-serif;
    color: #fff;
}

.tab2 button:hover {
    margin-bottom: -1px;
}

.tab2 button.active {
    color: #ff7000;
}

.tab2 button.active:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.tabcontent2 {
    display: none;
}

.user img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}

.user {
    width: 200px;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

.fullName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-countries {
    margin-bottom: -5px;
}

.or {
    border-bottom: 1px solid;
    height: 12px;
    position: relative;
    margin: 5px 0 22px 0;
}

.or span {
    position: absolute;
    background: #222;
    width: 40px;
    text-align: center;
    left: 50%;
    margin-left: -20px;
}

.users {
    background: rgba(0, 0, 0, 0.15);
    padding: 10px 10px 5px 10px;
    margin-bottom: 15px;
    display: flex;
}

.users img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
}

.users-left {
    width: 150px;
    float: left;
}

.users-right {
    margin: 10px 0 10px 20px;
}

.users-right a {
    color: #ff6000;
    font-weight: bold;
    font-size: 20px;
}

.city {
    margin-top: 10px;
    font-style: italic;
}

.page {
    padding: 5px 15px;
    background: #ccc;
    margin-right: 8px;
    display: inline-block;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.3);
    color: #ccc;
}

a.page {
    font-size: 16px;
}

.page.current {
    background: rgba(0, 0, 0, 0.9);
    font-weight: bold;
}

#pagination {
    margin-top: 25px;
    text-align: center;
}

.page:hover {
    background: rgba(0, 0, 0, 0.9);
    font-weight: bold;
}

#search-user {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

#search-user input {
    width: calc(100% - 300px);
    float: left;
    margin: 0;
}

#search-user button {
    width: 75px;
    float: right;
    margin: 0;
    height: 40px;
}

.summary {
    font-family: "Source Sans Pro", Arial, sans-serif;
    line-height: 22px;
}

#content h1 {
    text-align: center;
}

.profile_name h1 {
    font-size: 27px;
    padding: 0;
    margin: 0;
}

select#city {
    float: left;
}

select#profession {
    float: left;
}

#search-user select {
    border: 0;
    height: 40px;
    margin-right: 5px;
    border-radius: 2px;
    font-size: 15px;
    font-family: "Hind", Arial, sans-serif;
    text-indent: 5px;
    width: 104px;
    color: #757575;
}

#search-user select:focus {
    outline: none;
}

.errors {
    background: red;
    padding: 10px;
    border-radius: 2px;
    font-weight: bold;
    margin-bottom: 15px;
}

.errors li {
    list-style: disc;
    list-style-position: inside;
}

.success-message {
    color: #3c763d;
    background-color: #dff0d8;
    padding: 10px;
    border-radius: 2px;
    font-weight: bold;
    margin-bottom: 15px;
}

#contact label.error {
    margin-top: -12px;
    margin-bottom: 12px;
}

#contact_send {
    margin-top: 15px;
}

#contact_message {
    margin-bottom: 5px;
}

#contact {
    font-family: "Source Sans Pro", Arial, sans-serif;
    line-height: 32px;
    font-size: 17px;
    width: 700px;
    margin: 0 auto;
}

#contact2_message {
    margin-bottom: 5px;
}

#contact2 label.error {
    margin-top: -10px;
    margin-bottom: 10px;
}

.error-message {
    padding: 10px;
    border-radius: 2px;
    font-weight: bold;
    margin-bottom: 15px;
    background-color: #f2dede;
    color: #a94442;
}

span.fName {
    max-width: 94px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: -10px;
}

.login i.fa.fa-sort-desc {
    vertical-align: middle;
    margin-top: -8px;
}

#add_user {
    width: 700px;
    margin: 0 auto;
    margin-bottom: 40px;
}

#add_user #name {
    width: calc(50% - 3px);
    float: left;
}

#add_user #surname {
    width: calc(50% - 3px);
    float: right;
}

.my-user a {
    float: right;
    color: #fff;
    margin-left: 10px;
    font-size: 15px;
}

.my-user {
    font-size: 17px;
    background: #333;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.manager {
    width: 700px;
    margin: 0 auto;
}

.user-manager .tab {
    width: 250px;
    float: left;
}

#footer {
    height: 150px;
    background: #151515;
    float: left;
    width: 100%;
}

.footer {
    width: 1000px;
    margin: 0 auto;
}

.footer-left {
    padding-top: 50px;
    font-size: 14px;
    line-height: 30px;
}

.footer-left a {
    color: #ccc;
    font-size: 17px;
}

.home {
    min-height: calc(100% - 242px);
}

@media screen and (max-width: 1000px) {
    .header {
        width: 100%;
    }

    .header-menu {
        display: none;
        position: absolute;
        left: 0;
        margin: 0;
        width: 100%;
        background: #000;
        margin-top: 70px;
        z-index: 99;
        padding: 10px 0px;
        height: 100%;
    }

    .header-left {
        position: absolute;
        left: 50%;
        margin-left: -60px;
        text-align: center;
    }

    a.login {
        padding: 0;
        background: unset;
        border: 0;
        color: #fff;
        font-size: 30px;
        margin-top: -8px;
    }

    a.login span {
        display: none;
    }

    .menu li {
        width: calc(100% - 40px);
        padding: 10px 20px;
        border-bottom: 0;
    }

    .menu li:hover {
        padding: 10px 20px;
        border: 0;
    }

    .menu-icon {
        display: block;
        position: absolute;
        font-size: 31px;
        cursor: pointer;
        margin-top: 4px;
    }

    .home-container {
        height: unset;
        position: relative;
    }

    .home-container img {
        width: 100%;
        top: 0;
        transform: unset;
        position: absolute;
    }

    .hcText {
        width: calc(100% - 40px);
        padding: 20px;
    }

    .hcText h1 {
        font-size: 28px;
    }

    p.hcT1 {
        font-size: 15px;
    }

    .hcText p {
        font-size: 15px;
    }

    .register-form {
        top: 20px;
        margin-top: unset;
    }

    #content {
        width: auto;
        padding: 20px;
        margin: 0;
        min-height: calc(100% - 235px);
    }

    .tab button {
        width: 14.28%;
        float: left;
        padding: 10px 0;
        text-align: center;
    }

    .tab span {
        display: none;
    }

    .tab button.active {
        border-left: 0;
        border-bottom: 3px solid #ff6000;
    }

    .tab button:hover {
        border-left: 0;
        border-bottom: 3px solid #ff6000;
    }

    #tab {
        width: 100%;
    }

    .tabcontent {
        float: left;
        width: 100%;
        padding: 0;
    }

    .work-edit {
        width: calc(100% - 40px);
        left: 0;
        margin-left: 0;
        padding: 20px;
    }

    .avatar {
        margin-left: calc(50% - 75px);
        margin-bottom: 22px;
    }

    .change_avatar {
        margin-left: calc(50% - 69px);
    }

    .view-profile {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .profile_name {
        width: 100%;
    }

    .social {
        position: relative;
        margin-bottom: 15px;
    }

    .profile_profession {
        padding-bottom: 10px;
    }

    .user {
        width: 50%;
    }

    .user img {
        width: 100px;
        height: 100px;
    }

    .tab2 {
        border-bottom: 0;
    }

    .tab2 button.active {
        border: 0;
        color: #ff7000;
        margin-bottom: 0;
    }

    .tab2 button:hover {
        margin-bottom: 0;
    }

    .profile-buttons {
        width: 100%;
        text-align: center;
    }

    .follow,
    .message {
        position: unset;
        float: unset;
        padding: 3px 18px;
        font-size: 16px;
    }

    .unfollow {
        left: 88px;
        margin-top: 5px;
    }

    #search-user select {
        width: calc(50% - 3px);
        float: left;
        margin-right: 0;
        margin-bottom: 10px;
    }

    #search-user input {
        width: calc(100% - 82px);
    }

    select#profession {
        float: right;
    }

    .users-left {
        width: 100px;
    }

    .users img {
        width: 100px;
        height: 100px;
    }

    .user-manager .tab {
        width: 100%;
    }

    .manager {
        width: 100%;
    }

    #add_user {
        width: 100%;
    }

    #contact {
        width: 100%;
    }

    .user_work span {
        width: calc(100% - 50px);
        display: inline-block;
        word-break: break-word;
    }
    
    .footer {
        width: auto;
        padding: 20px;
        text-align: center;
    }

    #footer {
        height: 103px;
    }

    .footer-left {
        padding-top: 10px;
        line-height: 25px;
    }

    .footer-left a {
        font-size: 16px;
    }
    
    .home {
        min-height: calc(100% - 195px);
    }
}


.countries {width: 78px;float: left;height: 20px;background: #fff;color: #757575;margin-right: 6px;border-radius: 2px;padding: 8px 10px 12px 10px;cursor: pointer;position: relative;}li.country:hover { background: #ddd; }.countries i.fa.fa-sort-desc { position: absolute; right: 10px; }ul.country-list {height: 206px;overflow: auto;width: 300px;background: #fff;color: #000;position: absolute;margin-top: 50px;} li.country {width: calc(100% - 20px);float: left;padding: 4px 10px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #404040;} span.country-name {float: left;margin-right: 10px;max-width: 183px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iti-flag {width: 20px;height: 15px;box-shadow: 0 0 1px 0 #888;background-image: url(../img/flags.png);background-repeat: no-repeat;background-color: #dbdbdb;background-position: 20px 0;float: left;margin-right:10px;margin-top: 6px;} .iti-flag.ac { height: 10px; background-position: 0 0; } .iti-flag.ad { height: 14px; background-position: -22px 0; } .iti-flag.ae { height: 10px; background-position: -44px 0; } .iti-flag.af { height: 14px; background-position: -66px 0; } .iti-flag.ag { height: 14px; background-position: -88px 0; } .iti-flag.ai { height: 10px; background-position: -110px 0; } .iti-flag.al { height: 15px; background-position: -132px 0; } .iti-flag.am { height: 10px; background-position: -154px 0; } .iti-flag.ao { height: 14px; background-position: -176px 0; } .iti-flag.aq { height: 14px; background-position: -198px 0; } .iti-flag.ar { height: 13px; background-position: -220px 0; } .iti-flag.as { height: 10px; background-position: -242px 0; } .iti-flag.at { height: 14px; background-position: -264px 0; } .iti-flag.au { height: 10px; background-position: -286px 0; } .iti-flag.aw { height: 14px; background-position: -308px 0; } .iti-flag.ax { height: 13px; background-position: -330px 0; } .iti-flag.az { height: 10px; background-position: -352px 0; } .iti-flag.ba { height: 10px; background-position: -374px 0; } .iti-flag.bb { height: 14px; background-position: -396px 0; } .iti-flag.bd { height: 12px; background-position: -418px 0; } .iti-flag.be { height: 15px; background-position: -440px 0; } .iti-flag.bf { height: 14px; background-position: -460px 0; } .iti-flag.bg { height: 12px; background-position: -482px 0; } .iti-flag.bh { height: 12px; background-position: -504px 0; } .iti-flag.bi { height: 12px; background-position: -526px 0; } .iti-flag.bj { height: 14px; background-position: -548px 0; } .iti-flag.bl { height: 14px; background-position: -570px 0; } .iti-flag.bm { height: 10px; background-position: -592px 0; } .iti-flag.bn { height: 10px; background-position: -614px 0; } .iti-flag.bo { height: 14px; background-position: -636px 0; } .iti-flag.bq { height: 14px; background-position: -658px 0; } .iti-flag.br { height: 14px; background-position: -680px 0; } .iti-flag.bs { height: 10px; background-position: -702px 0; } .iti-flag.bt { height: 14px; background-position: -724px 0; } .iti-flag.bv { height: 15px; background-position: -746px 0; } .iti-flag.bw { height: 14px; background-position: -768px 0; } .iti-flag.by { height: 10px; background-position: -790px 0; } .iti-flag.bz { height: 14px; background-position: -812px 0; } .iti-flag.ca { height: 10px; background-position: -834px 0; } .iti-flag.cc { height: 10px; background-position: -856px 0; } .iti-flag.cd { height: 15px; background-position: -878px 0; } .iti-flag.cf { height: 14px; background-position: -900px 0; } .iti-flag.cg { height: 14px; background-position: -922px 0; } .iti-flag.ch { height: 15px; background-position: -944px 0; } .iti-flag.ci { height: 14px; background-position: -961px 0; } .iti-flag.ck { height: 10px; background-position: -983px 0; } .iti-flag.cl { height: 14px; background-position: -1005px 0; } .iti-flag.cm { height: 14px; background-position: -1027px 0; } .iti-flag.cn { height: 14px; background-position: -1049px 0; } .iti-flag.co { height: 14px; background-position: -1071px 0; } .iti-flag.cp { height: 14px; background-position: -1093px 0; } .iti-flag.cr { height: 12px; background-position: -1115px 0; } .iti-flag.cu { height: 10px; background-position: -1137px 0; } .iti-flag.cv { height: 12px; background-position: -1159px 0; } .iti-flag.cw { height: 14px; background-position: -1181px 0; } .iti-flag.cx { height: 10px; background-position: -1203px 0; } .iti-flag.cy { height: 13px; background-position: -1225px 0; } .iti-flag.cz { height: 14px; background-position: -1247px 0; } .iti-flag.de { height: 12px; background-position: -1269px 0; } .iti-flag.dg { height: 10px; background-position: -1291px 0; } .iti-flag.dj { height: 14px; background-position: -1313px 0; } .iti-flag.dk { height: 15px; background-position: -1335px 0; } .iti-flag.dm { height: 10px; background-position: -1357px 0; } .iti-flag.do { height: 13px; background-position: -1379px 0; } .iti-flag.dz { height: 14px; background-position: -1401px 0; } .iti-flag.ea { height: 14px; background-position: -1423px 0; } .iti-flag.ec { height: 14px; background-position: -1445px 0; } .iti-flag.ee { height: 13px; background-position: -1467px 0; } .iti-flag.eg { height: 14px; background-position: -1489px 0; } .iti-flag.eh { height: 10px; background-position: -1511px 0; } .iti-flag.er { height: 10px; background-position: -1533px 0; } .iti-flag.es { height: 14px; background-position: -1555px 0; } .iti-flag.et { height: 10px; background-position: -1577px 0; } .iti-flag.eu { height: 14px; background-position: -1599px 0; } .iti-flag.fi { height: 12px; background-position: -1621px 0; } .iti-flag.fj { height: 10px; background-position: -1643px 0; } .iti-flag.fk { height: 10px; background-position: -1665px 0; } .iti-flag.fm { height: 11px; background-position: -1687px 0; } .iti-flag.fo { height: 15px; background-position: -1709px 0; } .iti-flag.fr { height: 14px; background-position: -1731px 0; } .iti-flag.ga { height: 15px; background-position: -1753px 0; } .iti-flag.gb { height: 10px; background-position: -1775px 0; } .iti-flag.gd { height: 12px; background-position: -1797px 0; } .iti-flag.ge { height: 14px; background-position: -1819px 0; } .iti-flag.gf { height: 14px; background-position: -1841px 0; } .iti-flag.gg { height: 14px; background-position: -1863px 0; } .iti-flag.gh { height: 14px; background-position: -1885px 0; } .iti-flag.gi { height: 10px; background-position: -1907px 0; } .iti-flag.gl { height: 14px; background-position: -1929px 0; } .iti-flag.gm { height: 14px; background-position: -1951px 0; } .iti-flag.gn { height: 14px; background-position: -1973px 0; } .iti-flag.gp { height: 14px; background-position: -1995px 0; } .iti-flag.gq { height: 14px; background-position: -2017px 0; } .iti-flag.gr { height: 14px; background-position: -2039px 0; } .iti-flag.gs { height: 10px; background-position: -2061px 0; } .iti-flag.gt { height: 13px; background-position: -2083px 0; } .iti-flag.gu { height: 11px; background-position: -2105px 0; } .iti-flag.gw { height: 10px; background-position: -2127px 0; } .iti-flag.gy { height: 12px; background-position: -2149px 0; } .iti-flag.hk { height: 14px; background-position: -2171px 0; } .iti-flag.hm { height: 10px; background-position: -2193px 0; } .iti-flag.hn { height: 10px; background-position: -2215px 0; } .iti-flag.hr { height: 10px; background-position: -2237px 0; } .iti-flag.ht { height: 12px; background-position: -2259px 0; } .iti-flag.hu { height: 10px; background-position: -2281px 0; } .iti-flag.ic { height: 14px; background-position: -2303px 0; } .iti-flag.id { height: 14px; background-position: -2325px 0; } .iti-flag.ie { height: 10px; background-position: -2347px 0; } .iti-flag.il { height: 15px; background-position: -2369px 0; } .iti-flag.im { height: 10px; background-position: -2391px 0; } .iti-flag.in { height: 14px; background-position: -2413px 0; } .iti-flag.io { height: 10px; background-position: -2435px 0; } .iti-flag.iq { height: 14px; background-position: -2457px 0; } .iti-flag.ir { height: 12px; background-position: -2479px 0; } .iti-flag.is { height: 15px; background-position: -2501px 0; } .iti-flag.it { height: 14px; background-position: -2523px 0; } .iti-flag.je { height: 12px; background-position: -2545px 0; } .iti-flag.jm { height: 10px; background-position: -2567px 0; } .iti-flag.jo { height: 10px; background-position: -2589px 0; } .iti-flag.jp { height: 14px; background-position: -2611px 0; } .iti-flag.ke { height: 14px; background-position: -2633px 0; } .iti-flag.kg { height: 12px; background-position: -2655px 0; } .iti-flag.kh { height: 13px; background-position: -2677px 0; } .iti-flag.ki { height: 10px; background-position: -2699px 0; } .iti-flag.km { height: 12px; background-position: -2721px 0; } .iti-flag.kn { height: 14px; background-position: -2743px 0; } .iti-flag.kp { height: 10px; background-position: -2765px 0; } .iti-flag.kr { height: 14px; background-position: -2787px 0; } .iti-flag.kw { height: 10px; background-position: -2809px 0; } .iti-flag.ky { height: 10px; background-position: -2831px 0; } .iti-flag.kz { height: 10px; background-position: -2853px 0; } .iti-flag.la { height: 14px; background-position: -2875px 0; } .iti-flag.lb { height: 14px; background-position: -2897px 0; } .iti-flag.lc { height: 10px; background-position: -2919px 0; } .iti-flag.li { height: 12px; background-position: -2941px 0; } .iti-flag.lk { height: 10px; background-position: -2963px 0; } .iti-flag.lr { height: 11px; background-position: -2985px 0; } .iti-flag.ls { height: 14px; background-position: -3007px 0; } .iti-flag.lt { height: 12px; background-position: -3029px 0; } .iti-flag.lu { height: 12px; background-position: -3051px 0; } .iti-flag.lv { height: 10px; background-position: -3073px 0; } .iti-flag.ly { height: 10px; background-position: -3095px 0; } .iti-flag.ma { height: 14px; background-position: -3117px 0; } .iti-flag.mc { height: 15px; background-position: -3139px 0; } .iti-flag.md { height: 10px; background-position: -3160px 0; } .iti-flag.me { height: 10px; background-position: -3182px 0; } .iti-flag.mf { height: 14px; background-position: -3204px 0; } .iti-flag.mg { height: 14px; background-position: -3226px 0; } .iti-flag.mh { height: 11px; background-position: -3248px 0; } .iti-flag.mk { height: 10px; background-position: -3270px 0; } .iti-flag.ml { height: 14px; background-position: -3292px 0; } .iti-flag.mm { height: 14px; background-position: -3314px 0; } .iti-flag.mn { height: 10px; background-position: -3336px 0; } .iti-flag.mo { height: 14px; background-position: -3358px 0; } .iti-flag.mp { height: 10px; background-position: -3380px 0; } .iti-flag.mq { height: 14px; background-position: -3402px 0; } .iti-flag.mr { height: 14px; background-position: -3424px 0; } .iti-flag.ms { height: 10px; background-position: -3446px 0; } .iti-flag.mt { height: 14px; background-position: -3468px 0; } .iti-flag.mu { height: 14px; background-position: -3490px 0; } .iti-flag.mv { height: 14px; background-position: -3512px 0; } .iti-flag.mw { height: 14px; background-position: -3534px 0; } .iti-flag.mx { height: 12px; background-position: -3556px 0; } .iti-flag.my { height: 10px; background-position: -3578px 0; } .iti-flag.mz { height: 14px; background-position: -3600px 0; } .iti-flag.na { height: 14px; background-position: -3622px 0; } .iti-flag.nc { height: 10px; background-position: -3644px 0; } .iti-flag.ne { height: 15px; background-position: -3666px 0; } .iti-flag.nf { height: 10px; background-position: -3686px 0; } .iti-flag.ng { height: 10px; background-position: -3708px 0; } .iti-flag.ni { height: 12px; background-position: -3730px 0; } .iti-flag.nl { height: 14px; background-position: -3752px 0; } .iti-flag.no { height: 15px; background-position: -3774px 0; } .iti-flag.np { height: 15px; background-position: -3796px 0; } .iti-flag.nr { height: 10px; background-position: -3811px 0; } .iti-flag.nu { height: 10px; background-position: -3833px 0; } .iti-flag.nz { height: 10px; background-position: -3855px 0; } .iti-flag.om { height: 10px; background-position: -3877px 0; } .iti-flag.pa { height: 14px; background-position: -3899px 0; } .iti-flag.pe { height: 14px; background-position: -3921px 0; } .iti-flag.pf { height: 14px; background-position: -3943px 0; } .iti-flag.pg { height: 15px; background-position: -3965px 0; } .iti-flag.ph { height: 10px; background-position: -3987px 0; } .iti-flag.pk { height: 14px; background-position: -4009px 0; } .iti-flag.pl { height: 13px; background-position: -4031px 0; } .iti-flag.pm { height: 14px; background-position: -4053px 0; } .iti-flag.pn { height: 10px; background-position: -4075px 0; } .iti-flag.pr { height: 14px; background-position: -4097px 0; } .iti-flag.ps { height: 10px; background-position: -4119px 0; } .iti-flag.pt { height: 14px; background-position: -4141px 0; } .iti-flag.pw { height: 13px; background-position: -4163px 0; } .iti-flag.py { height: 11px; background-position: -4185px 0; } .iti-flag.qa { height: 8px; background-position: -4207px 0; } .iti-flag.re { height: 14px; background-position: -4229px 0; } .iti-flag.ro { height: 14px; background-position: -4251px 0; } .iti-flag.rs { height: 14px; background-position: -4273px 0; } .iti-flag.ru { height: 14px; background-position: -4295px 0; } .iti-flag.rw { height: 14px; background-position: -4317px 0; } .iti-flag.sa { height: 14px; background-position: -4339px 0; } .iti-flag.sb { height: 10px; background-position: -4361px 0; } .iti-flag.sc { height: 10px; background-position: -4383px 0; } .iti-flag.sd { height: 10px; background-position: -4405px 0; } .iti-flag.se { height: 13px; background-position: -4427px 0; } .iti-flag.sg { height: 14px; background-position: -4449px 0; } .iti-flag.sh { height: 10px; background-position: -4471px 0; } .iti-flag.si { height: 10px; background-position: -4493px 0; } .iti-flag.sj { height: 15px; background-position: -4515px 0; } .iti-flag.sk { height: 14px; background-position: -4537px 0; } .iti-flag.sl { height: 14px; background-position: -4559px 0; } .iti-flag.sm { height: 15px; background-position: -4581px 0; } .iti-flag.sn { height: 14px; background-position: -4603px 0; } .iti-flag.so { height: 14px; background-position: -4625px 0; } .iti-flag.sr { height: 14px; background-position: -4647px 0; } .iti-flag.ss { height: 10px; background-position: -4669px 0; } .iti-flag.st { height: 10px; background-position: -4691px 0; } .iti-flag.sv { height: 12px; background-position: -4713px 0; } .iti-flag.sx { height: 14px; background-position: -4735px 0; } .iti-flag.sy { height: 14px; background-position: -4757px 0; } .iti-flag.sz { height: 14px; background-position: -4779px 0; } .iti-flag.ta { height: 10px; background-position: -4801px 0; } .iti-flag.tc { height: 10px; background-position: -4823px 0; } .iti-flag.td { height: 14px; background-position: -4845px 0; } .iti-flag.tf { height: 14px; background-position: -4867px 0; } .iti-flag.tg { height: 13px; background-position: -4889px 0; } .iti-flag.th { height: 14px; background-position: -4911px 0; } .iti-flag.tj { height: 10px; background-position: -4933px 0; } .iti-flag.tk { height: 10px; background-position: -4955px 0; } .iti-flag.tl { height: 10px; background-position: -4977px 0; } .iti-flag.tm { height: 14px; background-position: -4999px 0; } .iti-flag.tn { height: 14px; background-position: -5021px 0; } .iti-flag.to { height: 10px; background-position: -5043px 0; } .iti-flag.tr { height: 14px; background-position: -5065px 0; } .iti-flag.tt { height: 12px; background-position: -5087px 0; } .iti-flag.tv { height: 10px; background-position: -5109px 0; } .iti-flag.tw { height: 14px; background-position: -5131px 0; } .iti-flag.tz { height: 14px; background-position: -5153px 0; } .iti-flag.ua { height: 14px; background-position: -5175px 0; } .iti-flag.ug { height: 14px; background-position: -5197px 0; } .iti-flag.um { height: 11px; background-position: -5219px 0; } .iti-flag.us {height: 11px;background-position: -5241px 0;} .iti-flag.uy { height: 14px; background-position: -5263px 0; } .iti-flag.uz { height: 10px; background-position: -5285px 0; } .iti-flag.va { height: 15px; background-position: -5307px 0; } .iti-flag.vc { height: 14px; background-position: -5324px 0; } .iti-flag.ve { height: 14px; background-position: -5346px 0; } .iti-flag.vg { height: 10px; background-position: -5368px 0; } .iti-flag.vi { height: 14px; background-position: -5390px 0; } .iti-flag.vn { height: 14px; background-position: -5412px 0; } .iti-flag.vu { height: 12px; background-position: -5434px 0; } .iti-flag.wf { height: 14px; background-position: -5456px 0; } .iti-flag.ws { height: 10px; background-position: -5478px 0; } .iti-flag.xk { height: 15px; background-position: -5500px 0; } .iti-flag.ye { height: 14px; background-position: -5522px 0; } .iti-flag.yt { height: 14px; background-position: -5544px 0; } .iti-flag.za { height: 14px; background-position: -5566px 0; } .iti-flag.zm { height: 14px; background-position: -5588px 0; } .iti-flag.zw { height: 10px; background-position: -5610px 0; }