@font-face {
    font-family: brandon_printedone;
    src: url(../fonts/brandon_printed_one.woff2) format("woff2"), url(../fonts/brandon_printed_one.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

body {
    color: #5a5a5a
}

body.index {
    border: none
}

img {
    max-width: 100%;
    height: auto
}

p {
    margin-bottom: 1em
}

.main-heading-country.gallery-header h1 {
    font-size: 30px
}

a {
    color: #252525
}

button,
button:active,
button:hover {
    outline: 0
}

.products-input select {
    width: 100%!important;
    margin-bottom: 20px!important;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.products-input input[type=search] {
    width: 100%!important;
    margin-bottom: 20px!important;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.next-h-btn button,
.place-order {
    background-color: #db9a3a;
    padding: 8px 20px;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    border: none;
    width: auto!important
}

.rotatepopup {
    width: 40px;
    height: 40px
}

.nav-bar {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1030
}

.index .nav-bar {
    position: absolute;
    right: 15px;
    left: 15px;
    z-index: 1030
}

.navbar-nav li a {
    font-family: Catamaran, sans-serif
}

.navbar-inverse {
    background: rgba(0, 0, 0, .7)
}

.navigation {
    float: right
}

.hideline {
    margin-bottom: 0;
    border: 0
}

.navbar-brand img {
    width: 230px
}

.headtwo {
    position: relative
}

.headtwo .navbar-brand {
    padding: 4px 15px
}

.headtwo .navbar-brand img {
    width: 185px
}

.create_account ul {
    float: right;
    list-style: none
}

.create_account .activee:hover a {
    color: #7e7e7e
}

.create_account .activee a {
    color: #7e7e7e;
    text-decoration: none
}

.create_account .activee a:hover {
    color: #fcb040;
    text-decoration: none
}

.create_account a {
    text-decoration: none;
    color: #7e7e7e;
    display: block;
    padding: 5px 18px;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase
}

.create_account ul li {
    float: left;
    padding: 0;
    margin-top: 8px;
    line-height: normal;
    border: 1px solid #7e7e7e
}

.create_account ul .not2 li {
    border: none
}

.create_account ul .not1 .not2:nth-child(2n) {
    background: #f1f0f0
}

.create_account ul .not2 li:hover {
    border: none!important
}

.navbar-inverse .navbar-toggle {
    border-color: #fff
}

.padd-0 {
    padding: 0!important
}

.clear-fix {
    clear: both!important
}

#print_products .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -16px
}

.paidplanpop .info-cell .cell {
    display: block;
    width: 100%;
    max-width: 450px
}

.paidplanpop .info-cell .bodyCell {
    padding: 2px 0
}

#billing button.btn.btn-info.btn-lg {
    background: #db9a3a;
    border: #653f07;
    outline: 0
}

div#billing {
    text-align: center;
    padding-bottom: 30px
}

.paidplanpop .modal-content {
    border: none;
    box-shadow: none;
    background: 0 0
}

h3.text-center.soon {
    font-size: 3rem;
    padding: 15px;
    font-family: brandon_printedone;
    color: #dfa44e;
    background: #252525;
    border: 8px double #dfa44e;
    margin: 15px 0
}

@media (max-width:768px) {
    #print_products #section2-hide .row {
        display: block
    }
    .users .form-all #section2-hide form {
        display: block
    }
    .item-detail-col {
        display: block!important
    }
    .item-detail-col .item-right-section {
        margin-top: 10px!important;
        justify-content: flex-start!important
    }
    h3.text-center.soon {
        font-size: 1.5rem;
        padding: 10px
    }
    h3.text-center.soon {
        border: 4px double #dfa44e
    }
}

.item-detail-col {
    border-bottom: 1px solid #dbdbd9;
    padding: .8em 1em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #f2f2f2;
    margin: 10px 0;
    width: 100%
}

.item-detail-col p {
    margin-bottom: 0;
    font-size: 1.2rem;
    color: #4e4d4d
}

.item-detail-col .item-section-wrap {
    font-weight: 100;
    color: #6f6d6d;
    display: inline-block;
    font-size: .7rem
}

.item-detail-col .item-section-can {
    color: #5a5a5f;
    text-transform: uppercase;
    font-size: .9rem
}

.item-detail-col .item-section-can span {
    font-size: 1.125rem;
    font-size: .8rem
}

.item-detail-col .item-section-ship {
    margin-top: .5em;
    display: flex;
    align-items: center
}

.item-detail-col .item-section-ship span {
    margin-right: .5em;
    font-size: .8rem;
    font-weight: 600
}

.item-detail-col .item-section-ship img {
    display: inline-block;
    margin-right: .5em
}

.item-detail-col .item-right-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-left: .5em
}

.item-detail-col .item-select-btn {
    -webkit-appearance: none;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    background-color: #5a5a5f;
    border-color: #5a5a5f;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    box-shadow: none;
    transition: all .3s ease 0s;
    color: #fff
}

.item-detail-col .item-select-btn span {
    margin-right: .5em;
    font-size: .9em
}

.item-detail-col .item-rate-div {
    margin-right: .4em
}

.img-bottom-form .img-bottom-section {
    position: relative;
    float: left;
    padding: 0
}

.img-bottom-titel {
    font-size: 1em;
    font-weight: 600;
    width: 90%
}

.img-bottom-section .img-scttion-p {
    font-weight: 700;
    margin-bottom: 0;
    font-size: .9em
}

.img-bottom-section .img-scttion-p2 {
    text-transform: capitalize;
    font-size: .9em
}

.img-select-input {
    -webkit-appearance: none;
    box-sizing: content-box;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: .9rem;
    font-family: "Proxima N W01 Reg", "Proxima Nova Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #fff;
    padding: .4em;
    border-radius: 3px;
    border-width: 1px;
    border-color: #dbdbd9;
    outline: 0;
    width: calc(100% - 1em);
    background-image: url(https://pixafar.com/assets/images/icon-downcaret.gif);
    background-position: right center;
    background-repeat: no-repeat;
    transition: all .3s ease 0s
}

.upload-filesection-form {
    position: relative;
    margin-top: 20px
}

.rate-img-section {
    margin: 1.5em 0 0;
    text-align: right
}

.rate-input-div {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.rate-star {
    margin: 0 .25em
}

.membership-redir a {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    border-radius: 2px;
    padding: 6px 13px;
    font-size: 18px;
    text-decoration: none
}

.membership-redir span.notmember {
    display: block;
    padding: 0 0 3%;
    color: #fff
}

.rate-input-type {
    width: 3.5rem;
    text-align: center;
    padding-left: .75em;
    background-color: #fff;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #dbdbd9
}

.rate-print {
    padding-left: 1em
}

.delete-rate-form {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2000
}

.delete-rate-form button {
    -webkit-appearance: none;
    line-height: 1.5;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    background-color: #db9a3a;
    border-color: #a97221;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    padding: .2em .75em;
    border-radius: 3px;
    text-transform: uppercase;
    outline: 0;
    box-shadow: none;
    transition: all .3s ease 0s;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400
}

.delete-rate-form button span {
    margin-right: 0;
    font-size: .9em
}

.col-25 {
    -ms-flex: 25%;
    flex: 25%
}

.col-50 {
    -ms-flex: 50%;
    flex: 50%
}

.col-75 {
    -ms-flex: 75%;
    flex: 75%
}

.col-25,
.col-50,
.col-75 {
    padding: 0 16px
}

#print_products .container {
    background-color: #f2f2f2;
    padding: 5px 20px 15px 20px;
    border: 1px solid #d3d3d3;
    border-radius: 3px
}

#print_products input[type=text] {
    width: 100%;
    margin-bottom: 20px;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 3px
}

#print_products label {
    margin-bottom: 10px;
    display: block
}

#print_products .icon-container {
    margin-bottom: 20px;
    padding: 7px 0;
    font-size: 24px
}

#print_products a {
    color: #2196f3
}

#print_products hr {
    border: 1px solid #d3d3d3
}

#print_products span.price {
    float: right;
    color: grey
}

#print_products #section2-hide {
    display: none
}

.next-h-btn {
    float: right
}

.print_page {
    overflow-x: hidden
}

.create_account ul li:first-child a {
    color: #252525
}

.create_account ul li:active,
.create_account ul li:focus,
.create_account ul li:hover {
    border: 1px solid #fcb040!important;
    background-color: transparent!important
}

.create_account ul li a:active,
.create_account ul li a:focus,
.create_account ul li a:hover {
    color: #fcb040
}

.navbar-inverse .navbar-nav>li>a {
    font-size: 16px;
    font-weight: 700
}

@media (min-width:768px) {
    .navbar-nav>li {
        float: left;
        margin-right: 15px
    }
}

@media (max-width:500px) {
    .col-full {
        width: 100%!important
    }
    .img-bottom-form .img-bottom-section {
        float: none!important
    }
}

#print_products .side-cheakbox label {
    font-weight: 100;
    color: #6f6d6d;
    display: inline-block;
    font-size: .9rem
}

#print_products .side-cheakbox {
    background-color: #f2f2f2;
    padding: 5px 10px 15px 10px;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    margin: 10px 0
}

#print_products .h-lable {
    visibility: hidden
}

#t02 tr:nth-child(odd) {
    background-color: #fff
}

#t02 tr:nth-child(even) {
    background-color: #eee
}

.form-all .tab .tablinks a {
    color: #fff;
    text-decoration: none
}
.showimages h2 {
    font-size: 18px;
    text-align: center;
}
.photo-gallery {
    height: auto;
    min-height: 350px;
    max-height: 100%;
    overflow: hidden;
    font-family: Roboto, sans-serif!important;
    padding-bottom: 5%
}

.gallery_tab ul {
    height: 405px;
    overflow-y: scroll;
    overflow-x: hidden;
    clear: both;
    padding-top: 10px;
}

.gallery_tab li a:first-child {
    text-decoration: none
}

.gallery_tab li a>span {
    color: #959595
}

.padding-right {
    padding-right: 0
}
.sidebar-notes {
    background-color: #000000;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5%;
	float: left;
}
.left-sidebar ul li.gallery-title {
    background-color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border-bottom: none
}

.left-sidebar ul li.gallery-list {
    padding: 0 15px;
    border-bottom: none
}

.loader {
    height: 100px;
    width: 100px;
    position: fixed;
    z-index: 999;
    left: 55%;
    top: 50%;
    margin: -25px 0 0 -25px;
    background: url(../images/loader.gif) no-repeat;
    background-size: 100%
}

.left-sidebar ul li.gallery-list:before {
    content: "";
    display: inline-block;
    background: url(../images/icons_images.png) no-repeat;
    width: 19px;
    height: 16px;
    margin: 0 0 0;
    padding-right: 10%;
    vertical-align: middle;
    display: none
}

.gallery_tab {
    border: 1px solid #1a1a1ade;
    background-color: #f9f9f9;
    padding: 0;
    height: auto
}

.gallery_tab .leftPanel {
    background-color: #fff
}

.photo-gallery img {
    margin: 0 auto;
    margin-top: 0
}

ol.visited-country input#colorform {
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4);
    text-transform: uppercase;
    border-radius: 5px;
    height: 35px
}

ol.visited-country .form-buttons-wrapper {
    line-height: 24px!important
}

.visited-country label {
    display: block!important
}

.featuremg {
    padding-left: 10px;
    line-height: 34px;
    color: #333333bf;
    font-weight: 600
}

.featurcolor {
    background: #db9a3a;
    padding: 5px;
    float: left
}

.scrollbar-warning li.gallery-list img {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    object-fit: cover;
    vertical-align: top
}

.scrollbar-warning li.gallery-list a {
    font-weight: 700;
    font-size: 14px
}

.sh_galleryname {
    color: #db9a3a
}

.gallery-links-icon a {
    position: relative
}

.gallery-links-icon a.sgallery:after {
    content: "Share Gallery";
    position: absolute;
    bottom: -120%;
    z-index: 99;
    right: 0;
    display: none;
    background: #333;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    width: 80px
}

.gallery-links-icon a.ephoto:after {
    content: "Edit Photo";
    position: absolute;
    bottom: -120%;
    z-index: 99;
    right: 0;
    display: none;
    background: #333;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    width: 80px
}

.gallery-links-icon a.rphoto:after {
    content: "Remove Photo";
    position: absolute;
    bottom: -120%;
    z-index: 99;
    right: 0;
    display: none;
    background: #333;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    width: 80px
}

.gallery-links-icon a.egallery:after {
    content: "Edit Gallery";
    position: absolute;
    bottom: -120%;
    z-index: 99;
    right: 0;
    display: none;
    background: #333;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    width: 80px
}

.gallery-links-icon a.rgallery:after {
    content: "Remove Gallery";
    position: absolute;
    bottom: -120%;
    z-index: 99;
    right: 0;
    display: none;
    background: #333;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    width: 80px
}

ul.scrollbar-warning li.gallery-list .icon-hover a.delete :after {
    content: "Delete Photo";
    position: absolute;
    bottom: -120%;
    z-index: 99;
    right: 0;
    display: none;
    background: #333;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    width: 80px
}

.gallery-links-icon a:hover:after {
    display: block
}

.gallery_tab li.active {
    background-color: #181717
}

.gallery_tab li {
    background-color: inherit;
    color: #181717;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 13px;
    border-bottom: 1px solid #3d3939
}

.gallery_tab li.active {
    background-color: #181717;
    color: #fff;
    line-height: 45px;
    padding: 0
}

.gallery_tab li.active div {
    background-color: #181717
}

.back-page {
    padding-left: 6%;
    color: #fff;
    text-decoration: none
}

.back-page:hover {
    text-decoration: none
}

.fav-image {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.form-lines .text-left {
    width: 100%;
    float: left
}

#billing .btn-success {
    color: #fff;
    background-color: #db9a3a;
    border-color: #ce7c04
}

#billing .btn-success:hover {
    color: #fff;
    background-color: #ce7c04
}

.vertical-center {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0!important
}

.left-sidebar .add-file {
    padding: 12px 16px;
    border-bottom: none
}

.left-sidebar .add-file {
    position: relative;
    display: inline-block;
    background: #fff;
    margin-top: 5%
}

.left-sidebar .add-file:hover {
    background-color: #fff;
    line-height: 42px;
    height: 42px
}

.left-sidebar .add-file:hover span {
    display: none
}

.left-sidebar .add-file .add-folder {
    padding-top: 13px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 131px;
    line-height: 17px
}

.left-sidebar .add-file:hover .add-folder {
    display: block;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.left-sidebar .add-file .add-folder a {
    color: #000;
    padding: 6% 24%;
    background-color: #e7e7e7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.left-sidebar .add-file .add-folder a:hover {
    background-color: #db9a3a;
    color: #fff
}

.left-sidebar .add-file .add-gallery {
    padding-top: 13px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 138px;
    line-height: 16px
}

.left-sidebar .add-file .add-gallery a {
    padding: 6% 24%!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.left-sidebar .add-file:hover .add-gallery {
    display: block;
    -webkit-animation: slide-up .3s ease-out;
    -moz-animation: slide-up .3s ease-out
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-up {
    0% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.left-sidebar .add-file:hover .add-gallery a {
    color: #000;
    padding: 6%;
    background-color: #e7e7e7
}

.left-sidebar .add-file:hover .add-gallery a:hover {
    background-color: #db9a3a;
    color: #fff
}

.folder-list .panel {
    padding: 0;
    border: none
}

.left-sidebar .gallery_tab .scrollbar-warning li {
    padding: 2% 2%!important
}

.left-sidebar .gallery_tab .scrollbar-warning li:nth-child(2n+1) {
    background: #e2e2e2
}

.left-sidebar .gallery_tab .scrollbar-warning li:nth-child(2n+2) {
    background: #fff!important
}

.left-sidebar .gallery_tab .scrollbar-warning .image_upload:nth-of-type(2n+1) {
    background: #e2e2e2
}

.gallery-list {
    position: relative;
    display: inline-block;
    width: 100%
}

.gallery-list a {
    text-transform: capitalize;
    display: inline-block;
    padding-left: 1%
}

.gallery-list:before {
    background: url(../images/icons_images.png);
    background-repeat: no-repeat;
    background-position: center
}

.icon-hover {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 52px;
    height: 52px
}

.gallery-links-icon {
    display: none;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-left: 5px;
    text-align: center;
    line-height: 30px
}

.gallery-links-icon:first-child {
    margin-left: 0
}

.gallery-list:hover .gallery-links-icon {
    display: inline-block;
    vertical-align: middle
}

.gallery-links-icon a {
    color: #000;
    background: #b9b8b8;
    display: block;
    border-radius: 0
}

.gallery-links-icon a:hover {
    background: #db9a3a;
    color: #fff
}

.delete .fa-trash-o {
    font-size: 16px
}

li.delete_image .icon-hover {
    width: 100%
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.gallery-list:hover .edit {
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

.gallery-list:hover .delete {
    -webkit-animation: slide-up .3s ease-out;
    -moz-animation: slide-up .3s ease-out
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

.gallery-list:hover .share {
    -webkit-animation: slide-up .3s ease-out;
    -moz-animation: slide-up .3s ease-out
}

.fa-trash-o {
    font-size: 21px;
    vertical-align: middle
}

.gallery_tab .fa-pencil:before {
    font-size: 16px
}

.gallery_tab .fa-trash-o:before {
    font-size: 16px
}

.upload_photos {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #db9a3a;
    color: #fff;
    text-align: center;
    display: inline-block;
    text-transform: capitalize
}

.upload_photos:hover {
    background-color: #b96f01
}

.upload_photos .fa-plus:before:hover {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.upload_photos a {
    color: #fff;
    padding: 6% 31%;
    text-decoration: none
}

.upload_photos a .fa-plus:before {
    float: left;
    -webkit-transition: .6s ease-out;
    -moz-transition: .6s ease-out;
    transition: .6s ease-out
}

.upload_photos a:hover .fa-plus:before {
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    transform: rotateZ(720deg)
}

.upload_photos a .fa-plus {
    vertical-align: middle
}

.col-sm-12.image_upload .icon-hover {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6%
}

.gallery_tab .photoupload-form input#file-input {
    display: none
}

.inner-container:after {
    content: "\A";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s
}

.inner-container:hover:after {
    opacity: 1
}

.upload_photos .upload_photos-btn {
    cursor: pointer;
    display: block
}

.gallery_upload_photos {
    width: 90%;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    background-color: #db9a3a;
    color: #fff;
    text-align: center
}

.gallery_upload_photos:hover {
    background-color: #b96f01
}

.gallery_upload_photos .fa-plus:before:hover {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gallery_upload_photos a {
    color: #fff;
    padding: 6% 31%;
    text-decoration: none
}

.gallery_upload_photos a .fa-plus:before {
    float: left;
    -webkit-transition: .6s ease-out;
    -moz-transition: .6s ease-out;
    transition: .6s ease-out
}

.gallery_upload_photos a:hover .fa-plus:before {
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    transform: rotateZ(720deg)
}

.gallery_upload_photos a .fa-plus {
    vertical-align: middle
}

.add-section {
    width: 100%;
    position: relative;
    display: block;
    background-color: #e7e7e7
}

.add-section .add-gal {
    display: inline-block;
    text-align: center;
    background-color: #db9a3a;
    width: 100%
}

.add-section .add-gal p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    height: 60px;
    line-height: 60px;
    font-weight: 700;
    margin: 0;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4);
    font-weight: 700;
    letter-spacing: 2px
}

.add-section .add-gal p a:hover {
    color: #fff
}

.add-section .add-gal:hover {
    background-color: #252525;
    color: #fff
}

.add-section .add-folder {
    display: inline-block;
    text-align: center
}

.add-section .add-folder p a {
    font-size: 12px;
    padding: 3.8% 26.9%;
    color: #7f7f7f;
    text-transform: uppercase;
    text-decoration: none;
    height: 45px;
    line-height: 45px
}

.add-section .add-folder p a:hover {
    color: #fff
}

.add-section .add-folder:hover {
    background-color: #252525;
    color: #fff
}

.add-section .col-6 {
    width: 50%;
    float: left;
    background-color: #e7e7e7
}

.caret-icon {
    position: absolute;
    right: 5px;
    background-color: #e7e7e7;
    top: 12px;
    padding: 0 3% 1.6% 3%
}

.caret-icon a {
    color: #4c4949
}

.form-line .outer-container {
    height: 170px
}

.featured-img .outer-container {
    height: 207px
}

.featured-img .outer-container .upload_file {
    height: 207px!important
}

.upload-file {
    height: 47px
}

.left-sidebar ul li.folder-list {
    padding: 12px 16px;
    border-bottom: none
}

.left-sidebar ul li.folder-list:before {
    content: "";
    display: block;
    background: url(../images/icon-folder.png) no-repeat;
    width: 19px;
    height: 18px;
    float: left;
    margin: 3px 0 0;
    padding-right: 10%
}

.left-sidebar .folder-list {
    position: relative;
    display: inline-block
}

.left-sidebar .folder-list .edit-folder {
    padding-top: 13px;
    position: absolute;
    right: 21%;
    top: 0;
    display: none;
    width: 60px;
    line-height: 16px
}

.left-sidebar .folder-list:hover .edit-folder {
    display: block;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-down {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.left-sidebar .folder-list .edit-folder a {
    color: #000;
    padding: 5% 20% 20% 20%;
    background-color: #e7e7e7
}

.left-sidebar .folder-list .edit-folder a:hover {
    background-color: #db9a3a;
    color: #fff
}

.left-sidebar .folder-list .delete-folder {
    padding-top: 13px;
    position: absolute;
    right: 7%;
    top: 0;
    display: none;
    width: 60px;
    line-height: 16px
}

.left-sidebar .folder-list:hover .delete-folder {
    display: block;
    -webkit-animation: slide-up .3s ease-out;
    -moz-animation: slide-up .3s ease-out
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-up {
    0% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.left-sidebar .folder-list .delete-folder a {
    color: #000;
    padding: 5% 20% 20% 20%;
    background-color: #e7e7e7
}

.left-sidebar .folder-list .delete-folder a:hover {
    background-color: #db9a3a;
    color: #fff
}

.new-section-add {
    width: 90%;
    max-width: 100%;
    margin: 0 auto
}

.add-photo {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    color: #fff;
    text-align: center;
    margin-top: 6%
}

.add-photo a {
    color: #353434;
    font-size: 12px
}

.add-photo a .fa-plus:before {
    content: "\f067";
    color: #353434;
    font-size: 12px
}

.new-section-add .gallery-list {
    padding: 10px 0;
    width: 100%
}

.new-section-add .gallery-list .edit {
    right: 17%
}

.new-section-add .gallery-list:before {
    content: "";
    display: block;
    background: url(../images/icons_images.png) no-repeat;
    width: 23px;
    height: 19px;
    float: left;
    margin: 3px 0 0;
    padding-right: 10%
}

.photo_listing {
    padding-bottom: 0!important
}

.delete-photo {
    width: 100%;
    margin: 0
}

.upload_file {
    border: 1px dashed #ccc;
    padding: 2% 0
}

.upload_img {
    max-width: 100%;
    width: 60px;
    margin: 0 auto
}

.photo_edit .upload_img {
    width: 100%
}

.photo_edit .upload_img img {
    margin: 0;
    padding: 0
}

.photo_edit .upload_file {
    padding: 0
}

.file_upload label {
    color: #fff!important;
    background-color: #00da6c!important
}

.file_upload label:hover {
    background-color: #e7e7e7!important;
    color: #000!important
}

#gallery_list,
.countries_galleries {
    display: block!important;
    background: #1e1e1e;
    padding: 0 15px;
    overflow: hidden
}

#gallery_list .row,
.countries_galleries .row {
    display: flex;
    flex-wrap: wrap
}

#gallery_list .hovereffect,
.countries_galleries .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

.view_world_map #gallery_list .hovereffect {
    overflow: -webkit-paged-x
}

#gallery_list .hovereffect .overlay,
.countries_galleries .hovereffect .overlay {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    background-color: #080d154a;
    padding-top: 10%;
    color: #fff
}

#gallery_list .hovereffect .overlay,
.countries_galleries .hovereffect .overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#gallery_list .hovereffect img,
.countries_galleries .hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .35s;
    transition: all .35s;
    object-fit: cover
}

#gallery_list .hovereffect img,
.countries_galleries .hovereffect img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(.6);
    -webkit-filter: brightness(.6)
}

#gallery_list .hovereffect h2,
.countries_galleries .hovereffect h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    color: #fff;
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

#gallery_list .hovereffect a,
.hovereffect p {
    color: #fff;
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.countries_galleries .hovereffect a {
    color: #fff;
    padding: 1em 0;
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    margin-top: 0
}

#gallery_list .hovereffect a,
.countries_galleries .hovereffect a .hovereffect p,
.hovereffect h2 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hovereffect .img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0
}

.overlay span.title {
    color: #db9a3a;
    font-weight: 700
}

.countries_galleries .hovereffect .overlay {
    padding-top: 12%
}

.rev_slider_wrapper {
    background: 0 0!important;
    padding-left: 15px!important;
    padding-right: 15px!important
}

.hero_banner {
    background: url(../images/tours1.jpg) no-repeat;
    height: 878px
}

.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translate3d(-50%, -51%, 0);
    -moz-transform: translate3d(-50%, -51%, 0);
    -ms-transform: translate3d(-50%, -51%, 0);
    -o-transform: translate3d(-50%, -51%, 0);
    transform: translate3d(-50%, -51%, 0);
    min-width: 700px;
    box-sizing: border-box;
    margin-top: 30px
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7
}

.hero .hgroup h2 {
    font-size: 54px;
    margin: 0;
    padding: 12px;
    font-family: brandon_printedone;
    border-top: 1px solid #ffdf01;
    border-bottom: 1px solid #ffdf01;
    position: relative
}

.hero .hgroup h2 {
    position: relative
}

.hero .hgroup h2:after,
.hero .hgroup h2:before,
.hero .hgroup h2>:first-child:after,
.hero .hgroup h2>:first-child:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: #ffdf01;
    border-style: solid;
    content: " "
}

.hero .hgroup h2:before {
    top: 0;
    left: 0;
    border-width: 0 0 0 1px
}

.hero .hgroup h2:after {
    top: 0;
    right: 0;
    border-width: 0 1px 0 0
}

.hero .hgroup h2>:first-child:before {
    bottom: 0;
    right: 0;
    border-width: 0 1px 0 0
}

.hero .hgroup h2>:first-child:after {
    bottom: 0;
    left: 0;
    border-width: 0 0 0 1px
}

.hero .hgroup p {
    margin-top: 30px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 700;
    font-family: "PT Serif", serif;
    opacity: .7;
    letter-spacing: .5px
}

.overlay p {
    font-family: "PT Sans", sans-serif;
    font-size: 17px
}

.header-btn {
    width: 129px;
    height: 40px;
    font-size: 11px;
    border-radius: 0;
    text-transform: uppercase;
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 40px;
    line-height: 2.5;
    position: relative;
    padding: 0
}

.header-btn:hover {
    background: 0 0
}

.header-btn::after,
.header-btn::before {
    background: #ffdf01;
    content: "";
    display: block;
    width: 35px;
    height: 2px
}

.header-btn::before {
    position: absolute;
    left: -23px;
    top: 18px
}

.header-btn::after {
    background-position: -37px 0;
    position: absolute;
    right: -23px;
    top: 18px
}

.header-btn a {
    color: #fff;
    text-decoration: none;
    padding: 6px 12px;
    display: block
}

.header-btn a:hover {
    color: #333;
    background-color: #e6e6e6;
    transition: background-color .4s linear
}

.btn-default {
    margin-bottom: 30px
}

.btn-default:hover {
    background-color: #db9a3a;
    transition: background-color .4s linear;
    color: #fff;
    border: 1px solid #db9a3a!important
}

.bell-head {
    color: #db9a3a;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 1%;
    padding-right: 1.3%;
    cursor: pointer
}

.fa-bell:before {
    content: "\f0f3";
    background-color: #db9a3a;
    border: 1px solid #db9a3a;
    color: #fff;
    padding: 20%;
    border-radius: 50%;
    font-size: 12px
}

#gallery_list p {
    text-align: center!important;
    font-size: 25px;
    font-family: brandon_printedone;
    overflow: hidden;
    position: relative;
    color: #fff;
    margin: 0;
    padding: 0 20px;
    display: block;
    margin-top: 15px
}

.gallery-input-section {
    margin: 30px 0;
    text-align: center
}

.view_world_map .gallery-input-section {
    text-align: center
}

.gallery-input-section #reset {
    background-color: #f0ad4e;
    border: 1px solid #eea236;
    color: #fff;
    padding: 7px;
    width: 11%;
	font-weight: bold;
    text-transform: uppercase
}

.js_effect {
    background: #d58512;
    color: #fff;
    padding: 0 10px
}

select option {
    border: 1px solid #fff
}

.gallery-input-section input {
    width: 17%;
    padding: 6px 10px
}

#ui-datepicker-div {
    z-index: 999!important
}

.sign_up .signup_container {
    background: #0e0909d6 url(../images/signup-background.jpg);
    background-size: cover;
    background-position: center;
    padding-bottom: 3%
}

.extra-space {
    padding-top: 4%
}

.form-container {
    width: 85%;
    margin: 0 auto
}

.steps-text h2 {
    font-family: brandon_printedone
}

.signup_form {
    text-align: center
}

.signup_form h2 {
    text-align: center!important;
    font-size: 50px;
    font-family: brandon_printedone;
    overflow: hidden;
    position: relative;
    color: #fff;
    margin: 0;
    padding: 0 20px;
    display: inline-block
}

.sign_up hr:not(.revslider-hr) {
    margin: 20px auto
}

.sign_up label {
    color: #fff
}

.sign_up .form-control {
    border-radius: 0
}

.sign_up .btn-lg {
    border-radius: 0;
    padding: 10px 49px;
    text-transform: uppercase
}

.sign_up .btn-lg:active,
.sign_up .btn-lg:focus,
.sign_up .btn-lg:hover {
    border-color: #985f0d
}

.signup_form h2::after,
.signup_form h2::before {
    background: url(../images/sprite.png) no-repeat;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    display: none
}

.signup_form h2::before {
    position: absolute;
    left: 0;
    top: 0;
    background-position: -5px -3px
}

.signup_form h2::after {
    background-position: -36px -3px;
    position: absolute;
    top: 0;
    right: 0
}

.sign-up {
    height: 40px
}

.sign_up .btn-lg {
    margin-top: 1.8%
}

body.membership {
    background: #e7e7e7
}

.confirm_login #formlin {
    padding-bottom: 3%;
    background: #0b0b0b;
    background-size: cover;
    background-position: center
}

.confirm_login form {
    width: 100%;
    padding: 0;
    max-width: 100%
}

.continue-btn {
    position: absolute;
    width: 100%;
    bottom: 0
}

.cell.bodyCell.selected.none-p {
    padding: 0 0 25px
}

hr:not(.revslider-hr) .lgin {
    padding: 3% 0
}

.form-signin .checkbox,
.form-signin .form-signin-heading {
    margin-bottom: 10px
}

.form-signin .form-signin-heading {
    text-shadow: 0 4px 4px rgba(10, 8, 8, .8)
}

.login-header h2 {
    text-transform: uppercase;
    font-size: 56px;
    letter-spacing: 2px;
    text-align: center;
    color: #fff
}

.confirm_login label {
    color: #fff!important
}

.confirm_login label a {
    color: #fff!important
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.form-signin input[type=password] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.form-signin .checkbox {
    font-weight: 400
}

.form-signin {
    max-width: 580px;
    margin: 0 auto;
    background: rgba(234, 234, 234, .2);
    padding: 5% 5% 6%!important;
    margin-top: 0;
    box-shadow: 0 3px 65px -4px rgba(68, 68, 68, .6)
}

.membership hr:not(.revslider-hr) {
    width: 90px;
    height: 2px;
    background: #ddd;
    border: none;
    margin: 15px auto 30px
}

.membership .form-signin {
    max-width: 500px;
    margin: 3% auto;
    padding: 5% 5% 6%!important;
    margin-top: 0;
    box-shadow: 0 3px 20px -4px rgba(68, 68, 68, .6);
    background: #0e0909d6 url(../images/login-background1.jpg);
    width: 100%;
    color: #fff
}

.membership span#createac a,
.membership span#forgetpas a {
    color: #fff;
    text-decoration: none
}

form#usergallery .form-signin {
    width: 100%;
    padding: 0
}

form#usergallery .form-signin input[type=text] {
    margin-bottom: 15px
}

.form-signin .form-control:focus {
    z-index: 2
}

.form-signin input[type=text] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.error {
    color: red
}

/* Global title contrast for dark/image-backed sections */
.world h2,
.gallery-header h1,
.subscriptions h3,
.camera_header,
.steps-text h2,
.sub-page-header,
.form-signin-heading,
.about-page h2,
.partner-page h2,
.partner-section h2,
.contact-section h2,
.privacy-page h2,
.term-page h2,
.modern-content-card h2,
.modern-title .form-signin-heading,
.modern-contact-card .form-signin-heading {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .65);
}

.confirm_login .navbar {
    margin: 0;
    position: relative!important;
    width: 100%
}

.sign_up header {
    background: #211e1e00 url(../images/signup-background.jpg);
    background-size: cover;
    background-position: 51% 2.6%
}

.confirm_login header {
    background: #0b0b0b;
    background-size: cover;
    background-position: 50% 1%
}

.confirm_login form {
    padding: 4%
}

.confirm_login .nav-bar {
    position: relative;
    display: block
}

.confirm_login #forgetpw form {
    padding-bottom: 3%;
    background: #0b0b0b;
    background-size: cover;
    background-position: center;
    padding-top: 3%
}

.confirm_login #forgetpw form h2 {
    line-height: 56px;
    text-shadow: 0 4px 4px rgba(10, 8, 8, .8)
}

.reset-banner {
	padding-bottom: 3%;
    background: url(../images/reset-banner.jpg);
	background-size: cover;
    background-position: center;
	padding-top: 3%;
}

.reset_password {
    text-align: center
}

.reset_password h2 {
    font-family: brandon_printedone;
    font-size: 50px;
    color: #fff;
    margin: 25px 0 0;
    padding: 10px
}

.login-pannel {
    background: rgba(0, 0, 0, .5);
    padding: 30px 30px;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 30px
}

.form_group {
    margin-bottom: 30px
}

.form_group input {
    width: 100%;
    padding: 10px 10px
}

.reset_btn {
    text-align: left
}

.reset_btn input {
    width: 33%;
    padding: 10px 10px;
    background: #45a049;
    border: none;
    color: #fff;
    margin-top: 10px
}

.world {
    text-align: center;
    padding-top: 50px
}

.world h2 {
    text-align: center;
    font-size: 50px;
    margin: 0;
    padding: 11px 15px 0;
    font-family: brandon_printedone;
    position: relative;
    color: #333;
    display: inline-block
}

.world h2::after,
.world h2::before {
    background: url(../images/sprite.png) no-repeat;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    display: none
}

.world h2::before {
    position: absolute;
    left: 0;
    top: 0;
    background-position: -5px -3px
}

.world h2::after {
    background-position: -36px -3px;
    position: absolute;
    top: 0;
    right: 0
}

.world p {
    text-align: center;
    font-size: 14px;
    line-height: 4;
    padding-bottom: 30px;
    margin: 0;
    font-family: "PT Serif", serif;
    letter-spacing: .2px
}

.country_nav {
    background: #ededed;
    text-align: center
}

.country_nav ul {
    list-style: none
}

.country_nav ul li {
    display: inline-block;
    margin: 0;
    position: relative;
    padding: 0;
    text-transform: uppercase
}

.country_nav ul li:hover {
    background-color: #fff
}

.country_nav ul li a {
    text-decoration: none;
    font-family: Catamaran, sans-serif;
    display: block;
    width: 100%;
    line-height: normal;
    font-size: 11px;
    color: #333
}

.country_nav ul>li>a {
    font-size: 18px;
    font-weight: 800;
    color: #6f6f6f;
    padding: 10px 45px
}

.users .country_nav ul>li>a {
    font-size: 12px;
    font-weight: 800;
    color: #1e1e1e;
    padding: 10px 24px
}

.users .country_nav ul ul li .customstates {
    position: absolute;
    right: -234px;
    top: 0;
    z-index: 999;
    cursor: pointer;
    display: none
}

span.statelist .tripname {
    width: 100%
}

a.statelist .states {
    width: 100%
}

.users .country_nav ul ul li .customstates li {
    width: 234px;
    text-align: center;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    background: #db9a3a;
    font-size: 12px;
    font-weight: 800
}

.users .country_nav ul ul li .customstates li:hover {
    background: #fcb040;
    color: #6f6f6f
}

.country_nav ul ul li:hover .customstates {
    display: block
}

.jotform-form li {
    list-style: none
}

#view-gallery li label {
    color: #6f7c82!important;
    width: 100%;
    text-align: left
}

.country_nav ul>li>a:active,
.country_nav ul>li>a:focus,
.country_nav ul>li>a:hover {
    color: #252525;
    background: #fff
}

.country_nav ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 450px;
    z-index: 2
}

.country_nav ul li:hover ul {
    display: block;
    height: 260px;
    overflow: auto;
    margin-right: -16px;
    scrollbar-width: none
}

.gallery_ .navbar .container-fluid>.navbar-header {
    margin: 0;
    position: relative
}

.each-next {
    display: block
}

ul.countriesid.SA li {
    margin-left: 250px;
    padding: 0
}

.country_nav ul li:last-child:hover ul {
    left: inherit;
    right: 0
}

.country_nav.home_nav ul li:last-child:hover ul {
    left: 0!important;
    right: 0
}

.country_nav ul ul li {
    display: block;
    width: 220px;
    background: #fff
}

.users .country_nav ul ul li .customstates li span {
    width: 95%
}

.country_nav ul ul li a:hover {
    color: #363636;
    background: #fcb040
}

.map_overlayer {
    background-image: -moz-radial-gradient(50% 50%, circle closest-side, #19547e 0, #2f3a4d 100%);
    background-image: -webkit-radial-gradient(50% 50%, circle closest-side, #19547e 0, #2f3a4d 100%);
    background-image: -ms-radial-gradient(50% 50%, circle closest-side, #19547e 0, #2f3a4d 100%)
}

.map_banner {
    background: url(../images/map.png) no-repeat;
    height: 760px;
    width: 100%;
    background-position: center
}

#city>i {
    color: red;
    font-size: 25px
}

.jk-slider .glyphicon {
    background: url(../images/arrow-icon.png) no-repeat
}

.jk-slider .glyphicon.glyphicon-chevron-left {
    background-position: -56px 12px
}

.jk-slider .glyphicon.glyphicon-chevron-right {
    background-position: 2px 12px
}

.jk-slider .glyphicon.glyphicon-chevron-left:before {
    content: "";
    display: none
}

.jk-slider .glyphicon.glyphicon-chevron-right:before {
    content: "";
    display: none
}

.slider-title1 {
    position: absolute;
    top: 42%;
    left: 0;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    width: 60%;
    margin: 0 auto;
    display: block;
    right: 0;
    padding: 0
}

.your-travel {
    display: inline-block;
    border-top: 1px solid #ffdf01;
    border-bottom: 1px solid #ffdf01;
    line-height: 0
}

.slider-title1 p {
    font-size: 16px;
    color: #ccc;
    text-transform: none;
    font-family: "PT Serif", serif;
    margin-top: 10px
}

.slider-title1 h1 {
    display: inline-block;
    margin: 0;
    line-height: normal;
    padding: 2px 10px;
    font-family: brandon_printedone
}

.slider-title1 .top::after,
.slider-title1 .top::before {
    content: "";
    display: inline-block;
    background: #ffdf01;
    width: 1px;
    height: 25px
}

.slider-title1 .top::before {
    position: absolute;
    left: 0
}

.slider-title1 .top::after {
    position: absolute;
    right: 0
}

.slider-title1 .top {
    position: relative;
    display: block;
    text-indent: -99999px
}

.slider-title1 .down::after,
.slider-title1 .down::before {
    content: "";
    display: inline-block;
    background: #ffdf01;
    width: 1px;
    height: 25px
}

.slider-title1 .down::before {
    position: absolute;
    left: 0;
    bottom: 0
}

.slider-title1 .down::after {
    position: absolute;
    right: 0;
    bottom: 0
}

.slider-title1 .down {
    position: relative;
    display: block;
    text-indent: -99999px
}

.tparrows {
    background: url(../images/arrow-icon.png) 0 11px no-repeat!important;
    border: 2px solid #373737;
    color: #ffdf01;
    text-indent: -999999px
}

.tp-leftarrow {
    background-position: -57px 11px!important
}

.learn-more {
    margin-top: 50px;
    display: inline-block;
    position: relative
}

.learn-more a {
    border: 1px solid #fff;
    color: #ccc;
    font-size: 11px;
    padding: 15px 32px
}

.learn-more a:hover {
    background: #ffdf01;
    transition: background-color .4s linear;
    color: #fff;
    border: 1px solid #db9a3a!important
}

.learn-more .left-line:after,
.learn-more .right-line:before {
    content: "";
    display: block;
    background: #ffdf01;
    width: 35px;
    height: 1px
}

.learn-more .right-line:before {
    position: absolute;
    right: -22px;
    top: 22px
}

.learn-more .left-line:after {
    position: absolute;
    left: -22px;
    top: 22px
}

textarea#description,
textarea.description {
    color: #000;
    width: 100%
}

.modalHide {
    display: none
}

.slider-title3 {
    position: absolute;
    top: 65%;
    color: #fff;
    font-size: 15px;
    margin-top: 25px;
    width: 100%
}

.slider-title3 a {
    color: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 15px 15px
}

.gallery-col .carousel-caption {
    line-height: 250px;
    padding-bottom: 0;
    bottom: unset;
    right: unset;
    left: unset
}

.gallery-col span.city-title {
    color: #fff;
    font-size: 1200%;
    font-weight: 700;
    opacity: .5;
    text-shadow: #fc0 1px 0 10px;
    display: flex;
    flex-wrap: wrap
}

.gallery-header {
    text-align: center;
    padding-top: 65px
}

.gallery-header h1 {
    font-family: brandon_printedone;
    font-size: 28px;
    overflow: hidden;
    position: relative;
    color: #333;
    margin: 0;
    padding: 0 20px;
    display: inline-block;
    width: 80%
}

.gallery-header h2 {
    font-size: 30px;
    font-family: brandon_printedone;
    overflow: hidden;
    position: relative;
    color: #333;
    margin: 0;
    padding: 0 20px;
    display: inline-block
}

.gallery-header h1::after,
.gallery-header h1::before {
    background: url(../images/sprite.png) no-repeat;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    display: none
}

.gallery-header h1::before {
    position: absolute;
    left: 0;
    top: 0;
    background-position: -5px -3px
}

.gallery-header h1::after {
    background-position: -36px -3px;
    position: absolute;
    top: 0;
    right: 0
}

.gallery-header p {
    font-family: "PT Serif", serif;
    text-align: center;
    font-size: 14px;
    line-height: 2;
    padding: 8px 0 45px;
    margin: 0;
    color: #555
}

.gallery p.text-center {
    font-size: 14px
}

.no-gutter {
    padding: 0
}

.img-width {
    width: 100%;
    padding: 10px
}

.account {
    background: url(../images/cam.jpg) -182px 0/cover no-repeat;
    margin: 35px 0;
    opacity: .9;
    text-align: center;
    overflow: hidden;
    position: relative;
	padding-top: 125px;
    padding-bottom: 150px;
}

.account:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8)
}

@media screen and (min-width:1441px) {
    .account {
        background: url(../images/account-bg.jpg) 0 0/cover no-repeat!important;
        opacity: 1
    }
    .account:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: 0 0
    }
    .account h1 {
        font-size: 40px!important;
        margin: 5px 0!important
    }
    .camera_logo {
        display: none
    }
}

.freeaccount {
    display: inline-block
}

.cam-form-section {
    display: inline-block;
    position: relative
}

.freeaccount input {
    padding: 10px 5px
}

.camera_logo {
    width: 432px;
    height: 214px;
    position: absolute;
    left: 52px;
    top: 198px
}

.camera_header span {
    color: #db9a3a
}

.account h1::after,
.account h1::before {
    background: url(../images/sprite.png) no-repeat;
    content: "";
    display: none;
    width: 25px;
    height: 25px
}

.account h1::before {
    position: absolute;
    left: 0;
    top: 0;
    background-position: -5px -1px
}

.account h1::after {
    background-position: -36px -1px;
    position: absolute;
    top: 0;
    right: 0
}

.account h1 {
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
    font-family: brandon_printedone;
    display: inline-block;
    margin: 30px 0
}

.mail_input {
    text-align: center;
    font-family: Catamaran, sans-serif;
    font-size: 20.81px;
    font-weight: 700;
    border: 3px solid #000;
    background-color: #fff;
    color: #363636
}

.mail_input:focus {
    border: 3px solid #db9a3a
}

.mail_input::-webkit-input-placeholder {
    color: #363636;
    text-transform: uppercase
}

.mail_input::-moz-placeholder {
    color: #363636;
    text-transform: uppercase
}

.mail_input:-ms-input-placeholder {
    color: #363636;
    text-transform: uppercase
}

.mail_input:-moz-placeholder {
    color: #363636;
    text-transform: uppercase
}

.btn-submit {
    color: #fff;
    background-color: #db9b3a;
    border-color: #000;
    border-radius: 0;
    width: 100%;
    border-width: 3px;
    border-color: #000;
    border-style: solid;
    background-color: #db9a3a
}

.form-horizontal .btn-submit {
    font-size: 20.81px;
    font-weight: 700;
    font-family: Catamaran, sans-serif;
    color: #363636;
    text-transform: uppercase;
    background-color: #db9a3a;
    transition: background-color .4s linear;
    color: #fff;
    border: 3px solid #000!important
}

.form-horizontal .btn-submit:hover {
    border: 3px solid #db9a3a!important
}

.wpshare {
    font-size: 20px;
    float: right;
    line-height: 53px;
    background: #db9a3a;
    color: #fff;
    border: 1px
}

.gallery-col {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto
}

.col-1 {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap
}

.col-2 {
    width: 50%;
    float: left;
    display: flex;
    flex-wrap: wrap
}

.col-3 {
    width: 33.33%;
    float: left
}

.col-4 {
    width: 25%;
    float: left
}

.gallery-col img {
    padding: 12px 10px
}

.no-pad {
    padding: 0
}

@media screen and (max-width:550px) {
    .gallery-input-section input {
        width: 65%;
        padding: 6px 10px;
        margin-bottom: 2%
    }
    .gallery-input-section #reset {
        background-color: #f0ad4e;
        border: 1px solid #eea236;
        color: #fff;
        padding: 7px;
        width: 20%;
        display: block;
        margin: auto
    }
}

@media screen and (max-width:480px) {
    .col-2 {
        width: 100%!important
    }
    .col-4 {
        width: 100%!important
    }
}

.gallery {
    clear: both;
    text-align: center
}

.gallery h2 {
    text-transform: uppercase;
    font-size: 50px;
    color: #333;
    font-family: brandon_printedone;
    position: relative;
    padding: 0 15px;
    display: inline-block;
    line-height: normal;
    margin-bottom: 0
}

.gallery h2::after,
.gallery h2::before {
    background: url(../images/sprite.png) no-repeat;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    display: none
}

.gallery h2::before {
    position: absolute;
    left: 0;
    top: 0;
    background-position: -5px -3px
}

.gallery h2::after {
    background-position: -36px -3px;
    position: absolute;
    top: 0;
    right: 0
}

.gallery p {
    margin: 0;
    padding: 10px 0 50px;
    font-family: "PT Serif", serif;
    color: #555
}

.product-photos {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    text-align: center
}

.product-photos img {
    height: 100%
}

.product-list {
    margin-bottom: 30px;
    padding: 0 0 20px
}

.product-detail .product-item-name {
    font-size: 16px;
    display: block;
    text-align: center;
    color: #545454;
    margin-top: 15px
}

.product-detail .product-item-link {
    color: #545454
}

.product-detail .price {
    font-family: "PT Serif", serif;
    font-size: 12px;
    color: #707070;
    display: block;
    text-align: center
}

.submitbtn {
    text-align: center;
    margin-top: 40px
}

.lineborder {
    border: 13px solid #ededed
}

.primary-product-image a {
    font-family: Catamaran, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #545454;
    text-decoration: none;
    text-transform: capitalize
}

.primary-product-image .all-product .btn {
    font-size: 16px;
    font-weight: 800;
    padding: 15px 62px;
    border: 1px solid #252525;
    border-radius: 0;
    text-transform: uppercase
}

.subscriptions {
    text-align: center;
    padding-top: 50px
}

.subscriptions h3 {
    text-align: center;
    font-size: 50px;
    font-family: brandon_printedone;
    padding: 0 20px;
    margin: 0;
    position: relative;
    display: inline-block;
    color: #333
}

.subscriptions h3::after,
.subscriptions h3::before {
    background: url(../images/sprite.png) no-repeat;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    display: none
}

.subscriptions h3::before {
    position: absolute;
    left: 0;
    top: 0;
    background-position: -5px -3px
}

.subscriptions h3::after {
    background-position: -36px -3px;
    position: absolute;
    top: 0;
    right: 0
}

.subscriptions p {
    font-size: 14px;
    font-family: "PT Serif", serif;
    line-height: 3.5;
    color: #555;
    padding-bottom: 2%
}

.hero_image {
    background: url(../images/mountainbanner.jpg) no-repeat 0 0;
    text-align: center;
    height: 384px;
    margin-top: 55px;
    margin-bottom: 10%;
    background-size: cover
}

.hero_image h3 {
    color: #333
}

.rectangle {
    border-width: 25px;
    border-color: #252525;
    border-style: solid;
    background-color: #fff;
    box-shadow: 0 9px 16px 0;
    height: auto;
    display: inline-block;
    text-align: center;
    margin-left: 80px;
    position: relative;
    top: -60px;
    padding-bottom: 40px;
    vertical-align: top
}

.rectangle:first-child {
    margin-left: 0
}

.rectangle h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40px;
    min-height: 70px;
    font-family: Catamaran, sans-serif;
    position: relative;
    top: 0;
    margin-top: 70px
}

.friends h3 {
    margin-top: 40px
}

.rectangle .arrow-line-icon {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 1px;
    background: #ffdf01;
    height: 35px;
    margin-top: 0
}

.rectangle .arrow-down-icon {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 35px;
    background: #ffdf01;
    height: 1px;
    margin-top: 15px
}

.rectangle span {
    line-height: 5;
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.friends pan {
    line-height: 2.8
}

.rectangle p {
    font-family: "PT Serif", serif;
    font-size: 13px;
    color: #919191;
    line-height: 2
}

.rectangle a {
    border: 1px solid #999;
    color: #363636;
    font-weight: 700;
    background-color: transparent;
    border-radius: 0;
    padding: 10px 0;
    text-decoration: none;
    line-height: normal;
    text-transform: uppercase;
    font-size: 20.81px;
    display: block;
    width: 80%;
    margin: 20px auto 0;
    font-family: Catamaran, sans-serif
}

.rectangle a:hover {
    background-color: #db9a3a;
    transition: background-color .4s linear;
    color: #fff;
    border: 1px solid #db9a3a!important
}

.left-sidebar .gallery_tab ul li a {
    padding-left: 5%
}

footer {
    background: #222!important;
    width: 100%;
    margin-top: 0;
    padding: 0!important
}

.footer_logo {
    text-align: center;
    padding-top: 2%;
    clear: both
}

.footer_logo img {
    width: 250px
}

.gallery .hovereffect {
    position: relative
}

.gallery .hovereffect .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    background-color: #080d154a;
    padding-top: 13%;
    color: #fff;
    opacity: 1
}

.footer_nav {
    padding: 3% 0 1% 0
}

.footer_nav ul {
    text-align: center;
    padding-left: 0;
    margin: 0
}

.footer_nav ul li {
    display: inline-block;
    width: auto;
    padding: 0 1%
}

.footer_nav ul li a {
    font-size: 14px;
    color: #6e6e6e;
    text-decoration: none;
    font-family: "PT Serif", serif;
    display: inline-block;
    padding: 7px 7px;
    transition: background-color .4s linear;
    text-transform: uppercase
}

.footer_nav ul li a:hover {
    background-color: #db9a3a;
    color: #fff
}

div#profile .form-horizontal .col-xs-12 span#spnPhoneStatus {
    position: absolute;
    right: 26px;
    top: 5px;
    font-size: 12px
}

.footer_social {
    text-align: center;
    padding: 20px 0;
    display: inline-block;
    clear: both;
    float: none;
    width: 100%
}

.footer_social a {
    color: #6e6e6e;
    border: 1px solid #383838;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin-left: 15px
}

.footer_social a:hover {
    background-color: #db9a3a;
    transition: background-color .4s linear;
    color: #fff;
    border: 1px solid #db9a3a!important
}

.footer_social a:first-child {
    margin-left: 0
}

.copyright {
    background: #111;
    padding: 30px 0;
    text-align: center;
    font-size: 13px;
    font-family: "PT Serif", serif;
    width: 100%
}

.copyright p {
    margin: 0;
    font-size: 13px;
    text-transform: capitalize
}

.copyright a {
    color: #a1a1a1!important;
    font-weight: 600
}

.copyright a:hover {
    text-decoration: underline
}

.footer-fix-map-icon {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
    text-transform: capitalize;
    width: auto;
    height: 60px;
    border-radius: 0 0 5px 5px;
    position: fixed;
    right: -18px;
    top: 50%;
    z-index: 99999;
    text-align: center;
    line-height: 55px;
    padding: 0 20px;
    font-weight: 700;
    zoom: 96%
}

.footer-fix-map-icon a {
    color: #fff;
    text-decoration: none
}

#shareworldmap {
    background: url(../images/map-pop.jpg) 0 0 no-repeat/cover
}

.successmsg {
    color: #6f6f6f;
    background-color: #ededed;
    border-color: #ededed;
    text-align: left;
}

.success-msg {
    text-align: center
}

.errorsmsg {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    text-align: center
}

.alert-box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.confirm_login input.btn-lg {
    color: #fff;
    text-transform: uppercase;
    font-weight: bolder;
}
.partner-section .partner-msg .successmsg {
    color: #fff !important;
    background-color: #47e5b8!important;
    text-align: left!important;
    font-weight: bold!important;
}
.error {
    color: #f52020e0;
    font-weight: 700
}

.col-md-6.ma-left {
    text-align: right
}

#demo-2 input {
    outline: 0
}

#demo-2 input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%
}

#demo-2 input::-webkit-search-cancel-button,
#demo-2 input::-webkit-search-decoration {
    display: none
}

#demo-2 input[type=search] {
    background: #ededed url(../images/search-icon.png) no-repeat;
    border: solid 1px #ccc;
    padding: 3px 9px 3px 9px;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background-position: 50% center
}

#demo-2 input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
    max-height: 27px
}

#demo-2 input[type=search]:hover {
    background-color: #fff
}

#demo-2 input[type=search]:focus {
    border-color: #66cc75;
    background-position: 95% center;
    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    box-shadow: 0 0 5px rgba(109, 207, 246, .5)
}

#demo-2 input[type=search]:focus {
    width: 110px;
    padding-left: 10px;
    padding-right: 30px;
    color: #000;
    background-color: #fff;
    cursor: auto
}

#demo-2 input:-moz-placeholder {
    color: transparent
}

#demo-2 input::-webkit-input-placeholder {
    color: transparent
}

#load {
    width: 100%;
    height: 50%;
    position: fixed;
    z-index: 9999;
    background: url(http://pixafar.com/assets/images/ajax-loader.gif) no-repeat center center rgba(0, 0, 0, .25)
}

#target {
    display: none
}

#demogallery {
    display: none
}

#sharegallery {
    display: none
}

#state_target {
    display: none
}

#view_shared_gallery {
    display: none
}

.galleryImg {
    display: none
}

.img-gallery {
    display: flex
}

.img-gallery img {
    width: auto;
    max-width: 100%;
    min-height: 207px;
    margin: 0 auto
}

.destination_gallery .gallery-header {
    padding-top: 0
}

.destination_gallery .btn-default {
    margin-bottom: 0;
    margin-top: 1%
}

.destination_gallery .country-header {
    width: 100%;
    line-height: 60px;
    height: 60px;
    text-align: center;
    position: relative
}

.navbar-header.country-header a.btn.btn-default.navbar-btn.pull-left {
    position: absolute;
    top: 15px;
    left: 20px;
    margin-top: 0
}

.gallery-header button.wpshare {
    position: absolute;
    top: 3px;
    right: 0;
    padding: 0 16px;
    font-size: 30px
}

.destination_gallery .gallery-header h1::before {
    background-position: -6px 5px
}

.destination_gallery .gallery-header h1::after {
    background-position: -42px 6px
}

.destination_gallery footer {
    margin-top: 0
}

.destination_gallery nav.navbar.navbar-default {
    margin-bottom: 0
}

.membership .container {
    padding: 2% 1%
}

.membership footer {
    margin-top: 0
}

.privacy-page p {
}
.privacy-page h2 {
    font-weight: 500;
    color: #292e31;
    padding-top: 30px;
    font-size: 36px;
    font-family: brandon_printedone;
}
.privacy-page ul, .privacy-page ol {
    margin-left: 45px;
    margin-bottom: 15px;
}
.privacy-page li p {
    margin-bottom: 0px !important;
}

.about_us .container {
    padding: 4% 1%;
	padding-bottom: 0px;
}

.about_us footer {
    margin-top: 0
}

.about-page {
    background-color: #f2f2f2;
}

.about-page h2 {
    color: #292e31!important;
    padding-bottom: 1%
}

.about-page p {
    line-height: 30px
}

.about-page li {
    margin-left: 35px!important
}

.partner-page {
    background-color: #f2f2f2
}

.partners .signup_form {
    text-align: left!important
}

.partners .signup_form h2 {
    color: #292e31!important;
    padding: 0
}

.partner-page p {
    font-size: 16px!important
}

#partnerform h6 {
    color: #e6e6e6
}

.partners .container {
    padding: 4% 1%
}

.partners footer {
    margin-top: 0
}

.partner-sub-page {
    background-position: center;
    background: url(../images/partners.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.partner-section h2 {
    padding-bottom: 3%;
    color: #2b2a2a;
    text-align: center;
    font-family: brandon_printedone
}

.partner-page li {
    margin-left: 35px!important
}

.contact-page footer {
    margin-top: 0
}

.navbar-inverse .active {
    background-color: #db9a3a
}

.active {
    background-color: #db9a3a;
    transition: background-color .4s linear;
    color: #fff
}

.mapmenu {
    font-size: 30px;
    cursor: pointer;
    float: left;
    color: #fff
}

#mySidenav ul {
    list-style: none;
    padding-left: 0
}

#mySidenav ul li {
    border-bottom: 1px solid
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px
}

.sidenav a {
    padding: 8px 0 8px 15px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    display: block;
    transition: .3s;
    text-align: left
}

.sidenav a:hover {
    color: #f1f1f1
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 9999
}

.caret {
    margin-left: 5px;
    color: #fff
}

.dropdown-menu {
    width: 190px;
    background-color: #ededed;
    margin: 0;
    border: 0;
    border-radius: 0
}

.dropdown-menu>li>a {
    padding: 3px 5px;
    white-space: normal
}

#mySidenav ul li ul li {
    border-bottom: 1px solid #cdcdcd;
    padding: 8px
}

#header_1 {
    color: #959595;
    font-size: 18px;
    background-color: #181717;
    padding: 10px 49px;
    line-height: 49px
}

.modal-open .modal:before {
    position: absolute;
    top: 0;
    background-color: #000
}

#sharegallery .form-signin {
    box-shadow: none
}

#sharegallery .modal-body {
    padding: 0
}

#sharegallery .modal-header {
    padding: 30px
}

#usergallery .form-signin label {
    color: #fff;
    white-space: nowrap;
    font-size: 15px
}

#usergallery .form-signin textarea {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    margin-bottom: 35px;
    max-width: 100%!important;
    width: 85.5%;
    margin: 0 auto!important;
    display: block!important
}

form#usergallery .form-signin input[type=submit] {
    margin-top: 22%
}

#sharegallery {
    background-size: cover
}

.view-ur-gallery {
    background: linear-gradient(#fdab31 0, #fbb753 100%);
    color: #653303!important;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 0 1px 0 #fedd9b;
    padding: 0 12px!important;
    margin-top: 6%;
    font-size: 13px;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .21);
    border-bottom: 4px solid rgba(0, 0, 0, .21);
    border-radius: 4px;
    text-decoration: none
}

.view-ur-gallery:hover {
    text-decoration: none;
    color: #6b4001
}

@media screen and (max-height:450px) {
    .sidenav {
        padding-top: 15px
    }
    .sidenav a {
        font-size: 18px
    }
}

@media screen and (min-width:1280px) {
    .about_us .container p {
        font-size: 16px
    }
    .membership .container p {
        font-size: 16px
    }
    .partners .container p {
        font-size: 16px
    }
    .contact-page .container p {
        font-size: 14px
    }
}

.form-all {
    max-width: 100%!important;
    width: 100%!important;
    height: auto;
    min-height: 350px;
    max-height: 100%;
    overflow: hidden;
    font-family: Roboto, sans-serif!important;
    background-color: #1a1a1ade;
    display: flex
}

.supernova {
    height: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fafafa
}

.supernova body.users {
    padding-bottom: 5%;
    height: auto
}

.form-all .sidebar {
    min-height: auto
}

.form-all #content {
    min-height: auto;
    width: 80%;
    box-sizing: border-box;
    padding-right: 15px
}

.tab {
    float: left;
    border: 1px solid #1e1e1e;
    background-color: #1e1e1e;
    width: 20%;
    box-sizing: border-box;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    padding-bottom: 5%
}

.tab li {
    display: block;
    color: #fff;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 17px;
    border-bottom: 1px solid #3d3939;
    text-transform: uppercase
}

@media (min-width:992px) {
    #sidebar-left.collapsed {
        margin-left: 0!important;
        width: 0;
        display: none
    }
}

.tab li:hover {
    background-color: #181717
}

.tab li.active {
    background-color: #4c4c4c
}

.tabcontent {
    float: left;
    padding: 0;
    width: 100%;
    border-left: none;
    height: auto;
    padding-bottom: 0
}

.mapsection {
    position: relative
}

.user_folder .tabcontent {
    padding-bottom: 0
}

#leftPanel {
    background-color: #db9a3a;
    color: #fff;
    text-align: center
}

#rightPanel {
    border-radius: 0;
    padding: 15px
}

#profile #main {
    display: flex;
    min-height: 352px
}

#leftPanel {
    border-radius: 0
}

#leftPanel p {
    color: #fff
}

#leftPanel img {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover
}

#leftPanel h2 {
    color: #fff
}

#leftPanel .container-img input.dropzone {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    z-index: 99
}

.upload-filesection p {
    font-size: 12px!important;
    line-height: 15px;
    font-family: Roboto, sans-serif!important
}

.or {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    padding-top: 22px;
}
#editgallery .or {
    text-align: center;
    font-weight: bold;
    display: inline-block;
    padding-top: 0px;
    margin-top: -26px;
}

#profile {
    border: none
}

#profile .well {
    border: none;
    margin-bottom: 0
}

#rightPanel h2 {
    padding-bottom: 1%;
    font-size: 2rem;
    font-family: brandon_printedone
}

.leftInfo a {
    color: #db9a3a;
    text-decoration: none
}

.leftInfo a:hover {
    text-decoration: none
}

.sharewithme {
    color: #db9a3a;
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 15px;
    font-family: brandon_printedone
}

.infoBelt {
    position: relative;
    z-index: 40;
    top: 0;
    left: 0;
    right: 0;
    background-color: #181717b8;
    padding: 12px 20px;
    line-height: 30px;
    color: #fff;
    box-shadow: inset 0 40px 90px 0 #00000078;
    z-index: 99999
}

.infoBelt .leftInfo {
    float: left
}

.infoBelt span {
    display: inline-block;
    margin-right: 20px
}

.infoBelt .leftInfo .link {
    -webkit-transition: all .25s ease-in-out 0s;
    transition: all .25s ease-in-out 0s
}

.button.mini {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 20px;
    text-transform: uppercase
}

.button.green {
    color: #fff;
    background-color: #db9a3a
}

.infoBelt .rightInfo {
    float: right;
    text-align: right
}

.container-img {
    position: relative;
    margin: 0 auto;
    display: block;
    clear: both;
    border-radius: 50%;
    width: 130px;
    height: 130px;
    line-height: 130px;
    box-shadow: inset 0 0 90px rgba(0, 0, 0, .4)
}

#profileupload .container-img {
    margin-bottom: 15px
}

.image {
    opacity: 1;
    display: block;
    width: 130px;
    height: 130px;
    transition: .5s ease;
    backface-visibility: hidden
}

.featured-image-add {
    width: 110px;
    height: 110px
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: -1%;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;
    display: block
}

.container-img:hover .image {
    opacity: .3
}

.container-img:hover .middle {
    opacity: 1
}

.text {
    background-color: rgba(0, 0, 0, .7);
    color: #db9a3a;
    font-size: 50px;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    width: 130px;
    height: 130px;
    line-height: 130px
}

.container-img input#fileupload {
    display: none
}

#rightPanel input {
    border-radius: 0
}

#rightPanel .btn-success {
    border-radius: 0
}

#billing .head {
    position: relative;
    height: 80px
}

#billing .head h2 {
    text-align: center!important;
    font-size: 3rem;
    font-family: brandon_printedone;
    overflow: hidden;
    position: relative;
    color: #db9a3a;
    margin: 0;
    padding: 0 20px;
    display: block;
    margin-top: 15px
}

#billing p {
    color: #fff
}

#billing .btn-success {
    border-radius: 0;
    margin: 30px 0;
    line-height: 40px
}

#conatiner .column .hovereffect img.img-thumbnail {
    padding: 4px 4px 7px 4px
}

#gallery_list .head h2 {
    color: #db9b3a;
    margin-top: 3%
}

#gallery_list p {
    color: #fff
}

.head.text-center p a {
    color: #f0ad4e;
    display: inline-block;
    margin-top: 25px;
    text-decoration: none;
    border: 1px solid #f0ad4e;
    padding: 15px
}

.head.text-center p a:hover {
    background: #f0ad4e;
    color: #fff
}

.finalResult {
    color: #fff
}

.column {
    float: left;
    width: 25%;
    padding: 10px;
    min-width: 230px
}

.column img {
    opacity: .8;
    cursor: pointer;
    width: 100%
}

.column img:hover {
    opacity: 1
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.container {
    position: relative;
    clear: both
}

#imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 20px
}

.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #fff;
    font-size: 35px;
    cursor: pointer
}

.previous {
    background-color: #f1f1f1;
    color: #000
}

.next {
    background-color: #4caf50;
    color: #fff
}

.round {
    border-radius: 50%
}

.countries_galleries div#conatiner {
    width: 100%
}

#upload-image h1 {
    color: #db9a3a;
    font-size: 2rem;
    text-transform: uppercase;
    font-family: brandon_printedone
}

.form_all ul li {
    list-style: none
}

#editgallery .form_all ul li {
    padding-left: 0
}

#editgallery .form_all .search_locality {
    padding-left: 0
}

.form-line label {
    display: none
}

li.upload-filesection label {
    display: block
}

li.upload-filesection label img {
    cursor: pointer
}

#cid_6 .qq-uploader-buttonText-value {
    display: none
}

.form_upload {
    background-color: #fff;
    width: 100%;
    float: left;
    padding: 2% 2%
}

.form_upload .form-line .input-lg {
    border-radius: 0;
    margin-bottom: 7%
}

.form_upload .form-input #searchInput {
    border-radius: 0;
    margin-bottom: 2%
}

.address-form-section label {
    display: block
}

.submit-address-button {
    margin-top: 25px
}

.inline-display {
    display: inline-block
}

#cid_2 .form-buttons-wrapper .form-submit-button {
    height: 46px;
    border-radius: 0;
    padding: 1% 15%;
    font-size: 20px;
    text-transform: uppercase
}

.form_all {
    background: #fff
}

.submitabove .form-buttons-wrapper {
    text-align: right
}

#cid_2.submitabove .form-buttons-wrapper input {
    display: inline-block;
    padding: 10px 27px;
    margin-top: 15px;
    margin-right: 50px;
    line-height: 0
}

.mg-advanced-settings input {
    width: 20px!important
}

.mg-advanced-settings-toggle:hover {
    background: #4cae4c!important;
    border: 1px solid #4cae4c!important
}

.mg-controls .customcls {
    padding: 0 7px
}

.top-pad {
    clear: both;
    padding-top: 5%
}

.top-pad a {
    padding: 1.3% 6%;
    font-size: 20px;
    border-radius: 0
}

.delete_img {
    margin-top: 6%
}

.uplode_image .image-upload label {
    display: block;
    margin-bottom: 7%;
    background-image: url(../images/pluse_greenbutton.jpg);
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 50% 50%;
    padding-left: 0;
    color: #000;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
    letter-spacing: .3px
}

.uploadsection {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    z-index: 99
}

.sharedworldmap {
    font-size: 15px;
    color: #fff
}

.sharedsinglemap {
    font-size: 15px;
    color: #fff
}

.sharedcounrymap {
    font-size: 15px;
    color: #fff
}

.image-upload label {
    display: block;
    margin-bottom: 7%;
    background-image: url(../images/pluse_greenbutton.jpg);
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 0 50%;
    padding-left: 14%;
    color: #000;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
    letter-spacing: .3px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.image-upload label:hover {
    background-image: url(../images/pluse_graybutton.jpg)
}

.edit-image .image-upload label {
    display: block;
    margin-bottom: 7%;
    background-image: url(../images/delete.png);
    width: 100%;
    height: 46px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 7% 50%;
    padding-left: 14%;
    color: #000;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
    letter-spacing: .3px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.edit-image .file_upload label {
    color: #fff!important;
    background-color: #db9a3a!important
}

.edit-image .image-upload label:hover {
    background-image: url(../images/delete.png)
}

.photo_edit .form-line label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #000
}

.photo_edit .form_upload .form-line .input-lg {
    font-size: 13px
}

.buttonCol {
    float: left;
    width: 50%
}

.photo_edit .button.black {
    width: 100%;
    font-size: 16px;
    color: #fff;
    background-color: #252525
}

.photo_edit .button.black:hover {
    background-color: #000
}

.photo_edit .button.green {
    width: 100%;
    font-size: 16px;
    color: #fff;
    background-color: #db9a3a;
    border: none
}

.photo_edit .button.green:hover {
    background-color: #b56e04
}

.upload-filetitle .image-upload label {
    border-color: #00da6c;
    border-style: solid;
    border-width: 1px
}

.delete_image {
    padding-left: 0
}

.delete_image .delete-folder {
    text-align: center;
    line-height: 46px;
    background-color: #db9a3a
}

.delete_image .delete-folder .fa-trash-o:before {
    color: #fff
}

.tems-condition {
    color: #fff;
    font-size: 16px;
    clear: both
}

.tems-condition span,
a {
    color: #f0ad4e
}

.tems-condition span.sing-terms {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 5px
}

input#terms {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    float: left;
    margin-right: 4px
}

.image-upload>input {
    display: none
}

.image-upload img {
    width: 63px;
    cursor: pointer
}

.element,
.outer-container {
    width: 100%;
    height: 150px
}

.outer-container {
    position: relative;
    overflow: hidden
}

.inner-container {
    position: absolute;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%
}

.row>.column {
    padding: 0 8px
}

#gallery_list .row>.column {
    padding: 8px 8px;
    min-height: 250px;
    max-height: 250px;
    margin-bottom: 10px;
    border-color: #dcd3d3;
    border-style: solid;
    margin: 2%;
    font-size: 12px
}

.column .redO {
    position: relative;
    top: 0;
    width: 365px;
    height: 365px;
    background: #ff2400;
    opacity: 0
}

.column:hover .redO {
    opacity: .7
}

#gallery_list .row>.column .btn-primary {
    color: #db9a3a;
    font-size: 12px;
    background-color: transparent;
    border-color: #db9a3a;
    clear: both;
    display: block;
    padding: 3px 10px;
    margin-top: 4%;
    border-radius: 0;
    display: inline-block
}

#gallery_list .row>.colum:hover {
    background-color: red!important;
    border-color: #dcd3d3;
    border-style: double;
    border-width: 1px 1px 1px 1px
}

img.hover-shadow.cursor {
    height: auto!important;
    min-height: 260px!important;
    max-height: 260px!important;
    width: 100%!important
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.column {
    float: left;
    width: 25%
}

.modal-header .close {
    margin-top: -6%;
    right: 5.5%
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    z-index: 9999
}

.modal-open .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 40px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: linear-gradient(rgba(10, 10, 10, .5), rgba(0, 1, 16, .59));
    background-size: cover;
    background-position: center;
    z-index: 99999
}

.paidplanpop .modal-open .modal {
    background: #000
}

.modal-content {
    position: relative;
    background-color: #000!important;
    margin: auto;
    padding: 0;
    max-width: 475px;
    border: #ffffff57 1px solid
}

.modal-content .column {
    display: none
}

#gallery_list .modal .modal-header button.close {
    opacity: .7
}

#gallery_list .modal .modal-header button.close span {
    color: #fff!important
}

#exampleModalLabel {
    color: #eceff3;
    font-weight: 700;
    text-transform: uppercase
}

.close {
    color: #000;
    position: absolute;
    right: 26.5%;
    font-size: 35px;
    font-weight: 700;
    z-index: 99999;
    border: 1px solid;
    border-radius: 50%;
    background: #fff;
    padding: .1% .7%;
    opacity: .9
}

.modal-open .close {
    color: #fff;
    right: 10%
}

.close:focus,
.close:hover {
    color: #999;
    text-decoration: none;
    cursor: pointer
}

.mySlides {
    display: none
}

.cursor {
    cursor: pointer
}

.next,
.prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.next:hover,
.prev:hover {
    background-color: rgba(0, 0, 0, .8)
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

img {
    margin-bottom: -4px
}

.caption-container {
    text-align: center;
    background-color: #000;
    padding: 2px 16px;
    color: #fff
}

.demo {
    opacity: .6
}

.active,
.demo:hover {
    opacity: 1
}

img.hover-shadow {
    transition: .3s
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.contact-page input,
.contact-page select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical
}

.contact-page textarea {
    width: 100%;
    padding: 12px;
    border: none;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    position: relative;
    display: block
}

.contact-page input[type=submit] {
    background-color: #db9a3a;
    color: #fff;
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
	font-weight: bold
}

.contact-page input[type=submit]:hover {
    background-color: #bd7305
}

.pad-title {
    padding-bottom: 2%;
    padding-top: 2%
}

#comments:focus {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 35px;
    max-width: 100%!important;
    width: 94%;
    margin: 0 auto!important;
    display: block!important
}

#comments {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 35px;
    max-width: 100%!important;
    width: 94%;
    margin: 0 auto!important;
    display: block!important
}

.partners .container p {
    text-align: left
}

.partners #comments:focus {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 65px;
    max-width: 100%!important;
    width: 96%;
    margin: 0 auto!important;
    display: block!important
}

.partners #comments {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 65px;
    max-width: 100%!important;
    width: 96%;
    margin: 0 auto!important;
    display: block!important
}

.membershipopup .info-cell {
    width: 100%
}

.modal-body .continue-btn {
    position: relative;
    width: 100%;
    bottom: 0
}

.submit-btn {
    padding-top: 37%
}

.button_top {
    margin-top: 52%!important
}

.sub-page {
    background-position: center;
    background: url(../images/contact.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.contact-page .column {
    float: left;
    width: 50%;
    margin-top: 6px;
    padding: 20px;
    box-shadow: 1px 0 10px 0
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.contact-section {
    padding: 4% 0
}

.contact-section h2 {
    padding-bottom: 3%;
    color: #fff;
    text-shadow: 0 4px 4px rgba(10, 8, 8, .8)
}

.users .form-all form {
    display: flex
}

.users .form-all .jotform-form {
    padding-bottom: 3%;
    padding-top: 1%
}

#all-contries {
    margin-left: 20px;
    border: 0;
    width: 100%
}

#all-contries li {
    float: left;
    width: 24%!important;
    margin-left: 9px
}

.users .form-all .jotform-form .form-input-wide .form-buttons-wrapper {
    line-height: 84px;
    height: 60px;
    text-align: left
}

.form-buttons-wrapper input {
    padding: 6px 30px;
	font-weight: bold;
    text-transform: uppercase;
}

#all-contries li:hover {
    background: 0 0!important
}

.users #profile form #rightPanel input {
    margin-bottom: 5%
}

.users #profile form #rightPanel input.btn-warning {
    padding: 10px 45px;
    text-transform: uppercase
}

.search_locality {
/*    height: 73px*/
}

.subscribed_users_gallery h1 {
    line-height: 40px;
    font-size: 36px
}

.subscribed_users_gallery .image-upload label {
    border: 1px solid #01d96c;
    padding-left: 5%;
    width: 40%;
    margin: 0 auto
}

.subscribed_users_gallery .image-upload label:hover {
    background-image: url(../images/pluse_greenbutton.jpg)
}

.outer-container,
.subscribed_users_gallery .element {
    height: 70px
}

.subscribed_users_gallery .well {
    margin-bottom: 0
}

.commennts-section {
    height: 170px;
    display: block
}

#upload-image .pip img {
    display: block;
    padding: 0;
    margin: 0
}

.contact-page .contact-form {
    display: flex
}

.contact-page .contact_map {
    width: 100%;
    height: 585px
}

#userprofile .userprosbmt {
    background: #db9a3a;
    color: #fff;
    border: none;
    padding: 9px 42%;
    text-transform: uppercase
}

div#myMosaics img {
    padding: 15px 15px!important
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background: #4cae4c!important;
    border: 1px solid #4cae4c!important
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    background: #4cae4c!important;
    border: 1px solid #4cae4c!important
}

.btn-primary.focus,
.btn-primary:focus {
    background: #4cae4c!important;
    border: 1px solid #4cae4c!important
}

.scrollbar-warning::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #f5f5f5;
    border-radius: 10px
}

.scrollbar-warning::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

.scrollbar-warning::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #969696
}

ul.scrollbar-warning li.gallery-list .location-title a:hover {
    color: #db9a3a
}

.fieldRow {
    margin-bottom: 25px;
    margin-top: 35%;
    font-size: 14px;
    font-weight: 700;
    color: #252525!important;
    line-height: 15px
}

.mainBlack {
    text-decoration: underline;
    -webkit-transition: all .45s ease-in-out 0s;
    transition: all .45s ease-in-out 0s;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    color: #252525;
    line-height: 1;
    letter-spacing: normal;
    cursor: pointer
}

.form-select {
    cursor: pointer;
    padding-left: 15px;
    height: 55px;
    line-height: 53px;
    padding: 0 20px;
    display: block;
    width: 90%;
    margin: 0 auto;
    border: 1px solid #eee;
    font-weight: 300;
    font-size: 13px;
    background-color: #fff;
    -webkit-transition: all .25s ease-in-out 0s;
    transition: all .25s ease-in-out 0s;
    margin-bottom: 25px
}

.upload-head {
    padding: 4px 20px;
    background-color: #db9a3a;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.upload-head h2 {
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    position: relative
}

.upload-title-icon {
    position: relative
}

.upload-head .share.gallery-links-icons {
    position: absolute;
    top: 48px;
    right: 0;
    display: inline-block
}

.upload-head .share.gallery-links-icons a {
    color: #fff;
    border: 1px solid #fff
}

.upload-actions {
    display: block;
    margin-top: 2px;
    float: right
}

.upload-action {
    display: block;
    margin-top: 12px
}

.upload-actions .fa-pencil-square-o {
    margin-left: 10px
}

.upload-actions .fa-plus {
    margin-left: 10px
}

.left-sidebar .upload-title {
    float: left;
    font-size: 21px;
    max-width: calc(100% - 50px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    color: #fff
}

.leftPanel {
    height: 345px;
    overflow-y: scroll;
    overflow-x: hidden
}

.photo_edit .leftPanel {
    height: 470px;
    overflow-y: scroll;
    overflow-x: hidden
}

.leftPanel .image_upload {
    padding: 3% 0 1% 0
}

.leftPanel div.col-sm-12:nth-child(2n) {
    background-color: #f9f9f9
}

.leftPanel img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.upload-actions a {
    line-height: 10px;
    height: 10px;
    text-transform: uppercase;
    font-size: 12px
}

.leftPanel .gallery-list p {
    line-height: 54px;
    font-size: 14px
}

.leftPanel .gallery-list .edit {
    right: 0;
    top: 0;
    width: 35px
}

.leftPanel .gallery-list .delete {
    position: absolute;
    right: 40px;
    top: 20%;
    width: 35px
}

.leftPanel .gallery-list .customizephoto {
    padding-top: 13px;
    padding-right: 7px;
    position: absolute;
    right: 0;
    top: 38%;
    width: 35px;
    line-height: 16px
}

#photoupload .upload_photos a {
    padding: 0
}

.notifications-no {
    font-size: 12px;
    position: absolute;
    right: 0;
    width: 25px;
    background-color: rgba(251, 248, 248, .3);
    text-align: center;
    border-radius: 50%;
    padding: 0 6px;
    color: #fbfbfa;
    font-weight: 700
}

.not1 {
    background: #fff;
    max-height: 325px;
    width: 325px;
    position: absolute;
    padding: 0;
    overflow-y: scroll;
    border-radius: 3px;
    top: 42%;
    right: 1%;
    z-index: 9999
}

.not1:before {
    content: "";
    position: absolute;
    top: -3.5%;
    left: 91%;
    margin-left: 0;
    width: 0;
    height: 0;
    border-bottom: solid 10px #db9a3a;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent
}

.notification-title {
    background-color: #db9a3a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.notification-title h3 {
    text-align: center;
    color: #fff;
    line-height: 40px
}

.not2 {
    text-align: justify;
    cursor: pointer;
    font-size: 12px;
    z-index: 999999;
    line-height: 47px;
    height: 47px;
    margin: 0;
    padding: 0 0 0 10px
}

.create_account .not2 li {
    margin-top: 0
}

.notification-img {
    border-radius: 50%;
    width: 35px;
    height: 35px
}

.notification-pad {
    padding: 0
}

.featureimgscroll {
    overflow-y: scroll
}

.featureimgscroll .featureimglisting {
    padding-left: 0;
    padding-right: 0
}

.featureimgscroll .featureimglisting img {
    width: 125px;
    height: 90px;
    object-fit: cover;
    display: block;
    margin: 0
}

.country-header a.btn-default {
    margin: 0;
    margin-top: 1.6%
}

.country-heading {
    padding-top: 10px
}

.form_all .img-title {
    padding-left: 3px;
    font-size: 14px;
    color: #000;
    vertical-align: bottom
}

@media screen and (max-width:600px) {
    .column,
    input[type=submit] {
        width: 100%;
        margin-top: 0
    }
}

.page-description {
    padding: 2% 0
}

.contact-page .column-right {
    padding: 1% 2%!important;
    background-color: #0e0e0ed4
}

.sub-page-header {
    font-size: 42px;
    color: #333
}

.contact-page .contact-form label {
    color: #fff
}

.first-box {
    padding: 10px;
    background: rgba(219, 154, 58, .9)
}

.second-box {
    padding: 10px;
    background: #3399ffbd
}

.third-box {
    padding: 10px;
    background: #ff6666c4
}

.fourth-box {
    padding: 10px;
    background: rgba(25, 15, 207, .4)
}

.first-box h1 span,
.fourth-box h1 span,
.second-box h1 span,
.third-box h1 span {
    color: #333;
    font-size: 36px
}

.first-box h1 span:hover,
.fourth-box h1 span:hover,
.second-box h1 span:hover,
.third-box h1 span:hover {
    color: #fff;
    font-size: 36px
}

.first-box h3,
.first-box p,
.fourth-box h3,
.fourth-box p,
.second-box h3,
.second-box p,
.third-box h3,
.third-box p {
    color: #333;
    font-weight: 700
}

.first-box h3:hover,
.first-box p:hover,
.fourth-box h3:hover,
.fourth-box p:hover,
.second-box h3:hover,
.second-box p:hover,
.third-box h3:hover,
.third-box p:hover {
    color: #fff;
    text-shadow: 0 4px 4px rgba(10, 8, 8, .8)
}

.address-title {
    padding-top: 2%;
    margin-bottom: 0;
    color: #fff;
    line-height: 33px;
    padding-bottom: 1%!important
}

.planTable {
    display: table;
    width: 100%;
    margin: 0;
    border-collapse: collapse
}

.headerRow {
    display: table-row;
    padding-top: 5px;
    font-size: 19px;
    border-bottom: none!important
}

.columnHeader {
    display: table-cell;
    padding: 12px 15px;
    height: auto;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: left
}

input.one-month,
input.one-year {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}

.cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 20%
}

.cell-next {
    display: block
}

.cellContent {
    border: 1px solid #f0ad4e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    height: 90px;
    line-height: 90px;
    background-color: #f0ad4e;
    opacity: .6;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.planTable .row {
    display: table;
    width: 100%
}

.planTable .columnHeader {
    display: block;
    padding: 12px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

.mmdiv {
    overflow: hidden;
    padding: 0 6%
}

.planTable .bodyCell {
    padding: 0;
    color: #a6a6a6;
    fill: #a6a6a6
}

.info-cell {
    width: 48%;
    margin: 0 2% 15px 0;
    background: #f5f5f5;
    box-shadow: 0 0 9px #33333347;
    overflow: hidden
}

.col-sm-6.info-cell.premium {
    margin: 0 0 15px 0
}

.membership #basic .row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2%
}

.paidplanpop .info-cell {
    box-shadow: 0 0 13px #989897
}

.planTable .cell {
    display: block;
    text-align: center;
    padding: 12px 0;
    vertical-align: middle;
    width: auto;
    font-size: 14px
}

.hdAvail {
    color: #737373;
    font-weight: 400;
    font-size: 13px;
    margin: 10px 0 0 0;
    text-align: left;
    white-space: normal;
    display: block
}

.cell-color {
    background: #f3eded
}

.tab-content .active {
    color: #6f7c82;
    background-color: transparent
}

.active.cellContent {
    background: #f0ad4e;
    color: #fff
}

.hide-box {
    visibility: hidden
}

.nav-tabs .active {
    opacity: 1
}

#basic .basic {
    color: #f0ad4e
}

#standard .basic {
    color: #f0ad4e
}

#premium .basic {
    color: #f0ad4e
}

.active {
    opacity: 1
}

.continue-btn {
    padding-top: 2%;
    padding-bottom: 2%
}

span.bold-cell {
    font-weight: 700;
    color: #6b6969;
    padding-left: 2px
}

.continue-button {
    border-radius: 0;
    padding: 1% 10%;
	font-weight: bold
}

.map-view {
    height: 445px;
    overflow: hidden
}

.map-pad {
    padding-left: 0;
    padding-right: 0
}

.map-area {
    display: none
}

input[type=email],
input[type=file],
input[type=password],
input[type=submit],
input[type=text] {
    border-radius: 0
}

#color-picker-component input {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px
}

#registerform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:1280px) {
    .signup_container .form-group {
        padding-right: 0
    }
}

.col-row {
    width: 100%
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: red
}

#registerform .form-group label {
    font-size: 16px
}

.checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
    vertical-align: text-top
}

@media (max-width:500px) {
    .gal {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .gal2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.side-menu {
    float: left;
    margin-right: 1%;
    padding: 0 12px;
    height: 32px;
    border-radius: 0;
    line-height: 32px
}

.img-focus {
    border: 5px solid red
}

div.pp_default .pp_nav {
    display: none!important
}

.photoMosaic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.photomosaic-item {
    flex: 25%
}

.photoMosaic a:active,
.photoMosaic a:hover,
.photoMosaic a:link,
.photoMosaic a:visited,
.photoMosaic img {
    margin: 0!important
}

.photoMosaic img {
    vertical-align: middle;
    left: 0!important;
    top: 0!important
}

#container {
    width: 100%!important
}

.js_slideshow li {
    background-color: transparent!important
}

.right-edit-photo .js_effect {
    width: 100%;
    height: 42px
}

.right-edit-photo .edit-photo-title {
    padding-top: 10px;
    margin-bottom: 5px
}

.right-edit-photo .input-width {
    width: 100%;
    height: 42px
}

.right-edit-photo .resize_btn {
    padding-top: 16px
}

.right-edit-photo .resize_btn button {
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4)
}

.mg-add-textbox {
    background-color: #db9a3a;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 16px!important;
    font-weight: 700;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4)
}

.mg-add-textbox:hover {
    color: #e7e7e7!important;
    text-decoration: none!important
}

.mg-advanced-settings-toggle {
    background-color: #db9a3a;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 16px!important;
    font-weight: 700;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4)
}

.mg-advanced-settings-toggle:hover {
    color: #e7e7e7!important;
    text-decoration: none!important
}

.mg-toolbox-toggle {
    background-color: #db9a3a;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 16px!important;
    font-weight: 700;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4);
    display: none
}

.mg-toolbox-toggle:hover {
    color: #e7e7e7!important;
    text-decoration: none!important
}

.social_logo {
    padding-top: 20px
}

.download_img {
    margin-top: 20px
}

.download_img a {
    border-radius: 0;
    line-height: 29px;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4);
    font-size: 16px;
    font-weight: 700
}

.mg-wrapper:not(.usingBootstrap) .mg-controls .mg-textbox input:focus {
    border-color: #db9a3a;
    border: 2px solid #db9a3a;
    outline: 0
}

.mg-wrapper:not(.usingBootstrap) .mg-controls .option label {
    color: #666
}

.mg-wrapper:not(.usingBootstrap) .mg-controls .mg-toolbox .mg-toolbox-item button {
    color: #666;
    margin-bottom: 20px
}

.mg-controls input {
    padding: 6px 6px
}

.download_img .btn {
    width: 100%;
    color: #fff;
    border-color: #4cae4c;
    background: #4cae4c;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    text-shadow: 0 2px 2px rgba(22, 22, 22, .4)
}

#shareworldmap_section .sharbtn>button {
    font-size: 34px;
    font-family: brandon_printedone;
    overflow: hidden;
    position: relative;
    color: #fff;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-color: #db9a3a;
    border: none;
    text-align: center;
    padding: 1%
}

.toggle-map-btn {
    background-color: #2f3a4d;
    padding: 2% 3%
}

.map-section-btn {
    color: #000;
    padding: 5px 15px;
    font-size: 22px
}

.fullsrn {
    position: absolute;
    top: 20px;
    right: 20px
}

.fullsrn button {
    background: 0 0;
    border: none;
    color: #fff
}

table {
    width: 100%
}

table,
td,
th {
    border: 1px solid #000;
    border-collapse: collapse
}

td,
th {
    padding: 0;
    text-align: left
}

table#t01 tr:nth-child(even) {
    background-color: #eee
}

table#t01 tr:nth-child(odd) {
    background-color: #fff
}

table#t01 th,
table#t02 th {
    background-color: #1e1e1e;
    color: #fff
}

.table tr td a {
    color: #db9a3a
}

.table tr td a:active,
.table tr td a:focus,
.table tr td a:hover {
    text-decoration: none;
    color: #ac721d
}

#shareworldmap_section.tabcontent {
    text-align: center
}

.sharbtn {
    margin: 10px 0 30px;
    display: block;
    padding-right: 15px;
}

#shareworldmap_section table tr td span button {
    border-radius: 3px;
    border: none;
    background-color: transparent
}

#shareworldmap_section table tr td span button .fa.fa-trash-o {
    color: red
}

#shareworldmap_section table tr td:last-child {
    text-align: center
}

#shareworldmap_section table {
    width: 100%;
    border-right: none;
    border-bottom: none
}

#shareworldmap_section tr:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both
}

#shareworldmap_section thead th {
    line-height: 44px!important;
    height: 45px;
    padding: 0 8px;
    border-bottom: none
}



#shareworldmap_section tbody:-webkit-scrollbar {
    display: block!important
}

#shareworldmap_section thead {
    width: 100%
}

#shareworldmap_section tbody td,
#shareworldmap_section thead th {
    width: 22.5%;
    float: left;
    line-height: 28px;
    vertical-align: top;
    border-top: none;
    border-left: none;
    height: 45px;
    overflow: auto;
    white-space: nowrap
}

#shareworldmap_section #t02>tbody>tr>td,
#shareworldmap_section #t02>thead>tr>th {
    height: 45px;
    overflow: auto;
    white-space: nowrap
}

#shareworldmap_section table tr td:last-child,
#shareworldmap_section table tr th:last-child {
    width: 10%!important
}

.users .form-all .choose-from {
    display: block!important
}

.col-md-3.search-shared-gal {
    padding: 15px
}

.custom-select {
    position: relative;
    font-family: Arial
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: #db9a3a
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px
}

.select-items div,
.select-selected {
    color: #fff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    user-select: none
}

.select-items {
    position: absolute;
    background-color: #db9a3a;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.select-hide {
    display: none
}

.same-as-selected,
.select-items div:hover {
    background-color: rgba(0, 0, 0, .1)
}

.pip {
    padding-left: 30px
}

.gallery-frame {
    padding-top: 3%
}

.viewphotoicon {
    display: block;
    padding-left: 0
}

.viewphotoicon img {
    width: 21px!important;
    height: 13px!important;
    vertical-align: middle!important
}

.extra-space-photo #upload-image #success-alert {
    margin-left: 20px;
    margin-right: 0;
    width: 93.2%!important
}

.demotext.container {
    text-align: center
}

.planTable .col-xs-4 .bodyCell {
    padding: 12px 5px!important;
    max-height: 90px;
    overflow: hidden
}

button.reset {
    font-size: 20.81px;
    font-weight: 700;
    font-family: Catamaran, sans-serif;
    color: #363636;
    text-transform: uppercase;
    background-color: #db9a3a;
    transition: background-color .4s linear;
    padding: 5px 6px;
    color: #fff;
    border: 2px solid #fff!important
}

button.reset:hover {
    color: #db9a3a;
    background-color: #363636;
    border: 2px solid #db9a3a!important
}

@media screen and (min-width:1366px) {
    #registerform .form-group label {
        float: left!important;
        display: block
    }
    .tp-leftarrow {
        top: 46%!important
    }
    .tp-rightarrow {
        top: 46%!important
    }
}

@media screen and (min-width:1281px) and (max-width:1365px) {
    #registerform .form-group label {
        float: left!important;
        display: block;
        width: 100%!important
    }
    .rectangle h3 {
        font-size: 36px;
        min-height: 60px
    }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    #registerform .form-group label {
        float: left!important;
        display: block;
        width: 100%!important
    }
    .rectangle {
        width: 28%;
        top: -50px
    }
    .rectangle h3 {
        font-size: 36px;
        min-height: 60px
    }
    .country_nav ul>li>a {
        padding: 10px 36px
    }
}

@media screen and (min-width:768px) {
    #shareworldmap_section .table-fixed tbody,
    #shareworldmap_section .table-fixed td,
    #shareworldmap_section .table-fixed th,
    #shareworldmap_section .table-fixed thead,
    #shareworldmap_section .table-fixed tr {
        display: block
    }
}

@media screen and (max-width:767px) {
    #shareworldmap_section tbody td,
    #shareworldmap_section thead th {
        width: 38.5%;
        float: none
    }
    .mmdiv {
        overflow: hidden;
        padding: 0
    }
    .info-cell {
        width: 100%;
        margin: 0 0 15px 5%
    }
    .col-sm-6.info-cell.premium {
        margin: 15px 0 15px 5%
    }
    #shareworldmap_section .table-fixed td,
    #shareworldmap_section .table-fixed th {
        display: table-cell
    }
    #shareworldmap_section tbody {
        height: 225px;
        overflow-x: auto;
        width: 100%
    }
    .table-responsive {
        overflow-y: scroll;
        height: auto;
        max-height: 390px
    }
    .rectangle {
        border-width: 15px
    }
}

@media screen and (min-width:1081px) and (max-width:1199px) {
    .hero_image {
        background: 0 0
    }
    .rectangle {
        width: 45%;
        margin: 0 0 20px 20px
    }
    .feature-image .no-gutter {
        margin-bottom: -1%
    }
    .navbar-brand img {
        width: 150px
    }
    .tp-leftarrow {
        top: 50%!important
    }
    .tp-rightarrow {
        top: 50%!important
    }
    .country_nav ul>li>a {
        padding: 10px 25px
    }
    .hero_image {
        height: auto
    }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    ul.tab#sidebar-left li {
        padding: 12px 12px;
        font-size: 14px
    }
}

@media screen and (min-width:981px) and (max-width:1080px) {
    .sign_up .form-container {
        width: 100%
    }
    .sign_up footer {
        margin-top: 5%
    }
    .headtwo .navbar-brand {
        padding: 7px 15px
    }
    .confirm_login footer {
        margin-top: 10%
    }
    .col-m-1 {
        width: 100%
    }
    .col-4 {
        width: 50%
    }
    .main-image {
        width: 100%;
        object-fit: cover
    }
    .gallery-col img {
        object-fit: cover
    }
    .gallery-col .carousel-caption {
        display: none
    }
    .gallery-col .carousel-caption {
        padding-top: 32%;
        padding-bottom: 0;
        bottom: unset;
        right: 20%;
        left: 11%
    }
    .gallery-col span.city-title {
        font-size: calc(15vw + 12vh + 5vmin)
    }
    .navbar-brand img {
        width: 150px
    }
    .hero_image {
        background: 0 0
    }
    .rectangle {
        width: 45%;
        margin: 0 0 20px 20px
    }
    .feature-image .no-gutter {
        margin: -4px 0 0 0
    }
    .outer-container,
    .subscribed_users_gallery .element {
        height: 47px
    }
    .subscribed_users_gallery h1 {
        line-height: 38px;
        font-size: 28px
    }
    .subscribed_users_gallery .image-upload label {
        width: 70%;
        padding-left: 5.5%
    }
    .subscribed_users_gallery footer {
        margin-top: 0
    }
    .hero_image {
        height: auto
    }
}

@media screen and (min-width:1031px) and (max-width:1080px) {
    .slider-title1 {
        top: 39%
    }
    .tp-leftarrow {
        top: 47%!important
    }
    .tp-rightarrow {
        top: 47%!important
    }
    .hero_image {
        height: auto
    }
    .country_nav ul>li>a {
        padding: 10px 22px
    }
}

@media screen and (min-width:981px) and (max-width:1030px) {
    .slider-title1 h1 {
        font-size: 48px
    }
    .slider-title1 {
        top: 33%
    }
    .tp-leftarrow {
        top: 39%!important
    }
    .tp-rightarrow {
        top: 39%!important
    }
    .hero_image {
        height: auto
    }
    .country_nav ul>li>a {
        padding: 10px 18px
    }
    .mg-wrapper.usingBootstrap .mg-controls .colorpickerReplacer,
    .mg-wrapper.usingBootstrap .mg-controls input {
        width: 91%!important
    }
    .mg-textbox input {
        margin: 10px 0;
        padding: 23px 5px!important;
        font-size: 12px
    }
}

@media screen and (min-width:768px) and (max-width:1080px) {
    .bell-head {
        top: 0;
        right: 0;
        padding-top: 1.3%;
        padding-right: 2.3%
    }
    .create_account ul {
        padding-right: 0
    }
    #registerform .form-group label {
        float: left!important;
        display: block
    }
    .form-horizontal input {
        text-align: center
    }
    .camera_logo {
        display: none
    }
    .map_banner {
        height: auto;
        width: 100%;
        padding-bottom: 60%;
        background-position: center;
        background-size: cover
    }
    .rectangle h3 {
        font-size: 35px
    }
    .friends h3 {
        margin-top: 60px
    }
    #shareworldmap_section .table>thead>tr>th {
        font-size: 13px;
        padding-left: 5px
    }
}

@media screen and (min-width:768px) and (max-width:980px) {
    .sign_up .form-container {
        width: 100%
    }
    .sign_up footer {
        margin-top: 8%
    }
    .headtwo .navbar-brand {
        padding: 7px 15px
    }
    .confirm_login footer {
        margin-top: 15%
    }
    .pip {
        padding-left: 0
    }
    .col-m-1 {
        width: 100%
    }
    .col-4 {
        width: 50%
    }
    .main-image {
        width: 100%;
        object-fit: cover
    }
    .gallery-col img {
        object-fit: cover
    }
    .gallery-col .carousel-caption {
        display: none
    }
    .gallery-col .carousel-caption {
        padding-top: 32%;
        padding-bottom: 0;
        bottom: unset;
        right: 20%;
        left: 11%
    }
    .gallery-col span.city-title {
        font-size: calc(15vw + 12vh + 5vmin)
    }
    .navbar-brand img {
        width: 150px
    }
    .hero_image {
        background: 0 0
    }
    .rectangle {
        width: 45%;
        margin: 0 0 20px 20px
    }
    .contact-page .column {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        float: none;
        margin-bottom: 4%
    }
    .outer-container,
    .subscribed_users_gallery .element {
        height: 47px
    }
    .subscribed_users_gallery h1 {
        line-height: 38px;
        font-size: 28px
    }
    .subscribed_users_gallery .image-upload label {
        width: 70%;
        padding-left: 8%
    }
    .subscribed_users_gallery footer {
        margin-top: 0
    }
    .tp-leftarrow {
        top: 44%!important
    }
    .tp-rightarrow {
        top: 44%!important
    }
    .nav>li>a {
        padding: 6px 12px 3px
    }
    article.content>div {
        height: 520px!important
    }
    article.content .rev_slider_wrapper {
        height: 520px!important
    }
    .slider-title1 {
        top: 28%
    }
    .hero_image {
        height: auto
    }
    .mail_input {
        width: 270px
    }
    .btn-submit {
        width: 270px
    }
    .gallery_tab ul {
        max-height: 405px;
        height: auto
    }
    .mg-textbox .colorpickerContainer+.colorpickerContainer {
        float: right
    }
    .mg-wrapper .mg-controls .sp-preview {
        width: 75%
    }
    .extra-space-photo {
        margin-top: 50px
    }
    #registerform {
        display: grid
    }
}

@media screen and (min-width:1025px) {
    .map-section-btn {
        display: none
    }
}

@media screen and (min-width:768px) {
    .navbar-wrapper {
        margin-top: 0;
        margin-bottom: 0
    }
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4
    }
    .confirm_login footer {
        margin-top: 0!important
    }
    .sign_up footer {
        margin-top: 0!important
    }
    #mySidenav {
        display: none
    }
    .mapmenu {
        display: none
    }
    #sidebar-left.collapsed {
        width: 100%;
        padding: 0 15px
    }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    #billing .head {
        height: 45px
    }
    #billing .head h2 {
        font-size: 22px;
        padding-top: 0
    }
    #billing p {
        font-size: 18px;
        margin-bottom: 0
    }
    #billing .btn-success {
        border-radius: 0;
        margin: 15px 0;
        line-height: 20px;
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 700;
        text-transform: capitalize
    }
    .col-row {
        display: grid
    }
    .contact-page input,
    .contact-page select {
        margin-bottom: 5px
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .camera_logo {
        display: none
    }
    .map-section-btn {
        display: none
    }
    #all-contries li {
        float: left;
        width: 48%!important
    }
    .mg-textbox input {
        margin: 10px 0;
        padding: 18px 12px
    }
    .sp-replacer {
        margin: 10px 0!important
    }
    .col-md-2,
    .mg-textbox .col-md-4 {
        padding: 0!important
    }
    .sp-preview {
        padding: 18px 12px!important
    }
    .sp-dd {
        padding: 10px 0!important
    }
    .resize_btn {
        overflow: hidden
    }
    .headtwo .navbar-brand img {
        width: 135px
    }
    ul.tab#sidebar-left {
        width: 25%
    }
    .users .country_nav ul>li>a {
        font-size: 12px;
        padding: 10px 6px
    }
    .form-all #content {
        width: 75%
    }
    ul.tab#sidebar-left li {
        padding: 10px 5px;
        font-size: 13px
    }
    #view-gallery li label {
        font-size: 12px
    }
    .infoBelt button.toggle-sidebar-left {
        display: none
    }
    .infoBelt .leftInfo {
        padding-right: 40px
    }
    .infoBelt .rightInfo {
        float: left
    }
    .infoBelt span {
        margin-right: 5px;
        font-size: 14px
    }
    .ng-binding {
        text-transform: capitalize
    }
    .column {
        width: 33.333%
    }
    #gallery_list .hovereffect .overlay {
        font-size: 14px
    }
    .signup_form h2 {
        font-size: 25px
    }
    .form-signin .form-signin-heading {
        text-shadow: 0 4px 4px rgba(10, 8, 8, .8);
        font-size: 36px
    }
    #rightPanel {
        padding: 5px
    }
    #profileupload h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }
    #profileupload p {
        font-size: 14px;
        margin-bottom: 0
    }
    #rightPanel h2 {
        padding-bottom: 3%;
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }
    .address-form-section label {
        display: block;
        font-size: 14px
    }
    .users #profile form #rightPanel input {
        margin-bottom: 2%;
        font-size: 14px;
        height: 35px;
        padding: 0 0 0 10px;
        text-align: left
    }
    .users #profile form #rightPanel input.userprosbmt {
        padding: 0 10px 0 10px
    }
    #billing .head {
        height: 45px
    }
    #billing .head h2 {
        font-size: 16px;
        padding-top: 0
    }
    #billing p {
        font-size: 14px;
        margin-bottom: 0
    }
    #billing .btn-success {
        border-radius: 0;
        margin: 15px 0;
        line-height: 20px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700
    }
    .gallery-list:not(.gallery-list):hover .gallery-links-icon {
        display: inline-block
    }
    .left-sidebar .gallery_tab ul li .col-md-10.col-xs-10 a {
        padding-left: 10px
    }
    .form_all ul li {
        padding: 0
    }
    .address-form-section li.form-line {
        padding-right: 15px;
        padding-left: 15px
    }
    #photupload .form_all ul li.upload-filesection .outer-container {
        height: 195px
    }
    #photupload .search_locality {
        padding: 0;
        height: 59px
    }
    .form_upload .form-line .input-lg {
        margin-bottom: 4%
    }
    .submit-address-button {
        margin-top: 0
    }
    #cid_2 .form-buttons-wrapper {
        margin-top: 26px
    }
    .pip {
        padding-left: 0;
        margin: 10px 1px 0 5px
    }
    .form_all .img-title {
        font-size: 10px
    }
    .featureimgscroll .featureimglisting img {
        width: 96%
    }
    #sharegallery .modal-header {
        padding: 14px 0 5px 0;
        display: flex;
        flex-wrap: wrap
    }
    #exampleModalLabel {
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        padding-left: 20px
    }
    .modal-header .close {
        margin-top: 0
    }
    .modal-content {
        padding-bottom: 0
    }
    .mg-wrapper.usingBootstrap .mg-controls .colorpickerReplacer,
    .mg-wrapper.usingBootstrap .mg-controls input {
        width: 96%!important
    }
    .partners .signup_form {
        text-align: center!important
    }
    .contact-page textarea {
        z-index: 99999
    }
    .confirm_login #forgetpw form h2 {
        font-size: 36px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .submit-btn input {
        margin-top: 30px
    }
}

@media screen and (min-width:981px) and (max-width:1024px) {
    #worldmapimg .modal-header {
        padding: 15px 0 15px 0;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
        display: flex
    }
    #exampleModalLabel {
        font-size: 16px;
        padding-left: 7px;
        text-align: left
    }
    .modal-header .close {
        margin-top: 0;
        right: 8px;
        font-size: 30px;
        top: 17px
    }
    form#usergallery .form-signin input[type=text] {
        text-align: left
    }
    .gallery-links-icon {
        width: 20px;
        height: 20px;
        line-height: 20px
    }
    .gallery-links-icon a .fa-share-alt:before {
        font-size: 11px
    }
    .gallery-links-icon a .fa-pencil:before {
        font-size: 11px
    }
    .delete .fa-trash-o {
        font-size: 11px
    }
    .gallery-links-icon a .fa-trash-o:before {
        font-size: 11px
    }
    .button_top {
        margin-top: 70%!important
    }
    .contact-page input,
    .contact-page select {
        margin-bottom: 5px
    }
}

@media screen and (min-width:768px) and (max-width:980px) {
    #worldmapimg .modal-header {
        padding: 15px 0 15px 0;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
        display: flex
    }
    #exampleModalLabel {
        font-size: 16px;
        padding-left: 7px;
        text-align: left
    }
    .modal-header .close {
        margin-top: 0;
        right: 8px;
        font-size: 30px;
        top: 17px
    }
    form#usergallery .form-signin input[type=text] {
        text-align: left
    }
    #shareworldmap_section .table>tbody>tr>td {
        word-break: break-all;
        font-size: 13px
    }
    .button_top {
        margin-top: 42%!important
    }
    .sp-preview {
        padding: 13px 12px!important
    }
    .partners #comments {
        z-index: 99999
    }
    .contact-page input,
    .contact-page select {
        margin-bottom: 5px
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    div#view-gallery div#conatiner .column {
        margin: auto
    }
    .home_nav {
        display: none
    }
    .form-group {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .form-all #content {
        width: 100%;
        padding: 0 15px
    }
    .country_nav {
        text-align: left
    }
    .gallery-input-section {
        text-align: center
    }
    #sidebar-left {
        display: block;
        width: 100%!important
    }
    .slide-navigation {
        display: none
    }
    #all-contries {
        margin-left: 0;
        padding: 0 10px
    }
    #all-contries li {
        width: 100%!important;
        margin-left: 0
    }
    .slideshow {
        width: 100%!important
    }
    .slideshow .mg-image {
        width: 100%!important
    }
    .mg-textbox input {
        margin: 10px 0;
        padding: 18px 12px!important
    }
    .sp-replacer {
        margin: 10px 0!important
    }
    .col-md-2,
    .mg-textbox .col-md-4 {
        padding: 0!important
    }
    .sp-preview {
        padding: 13px 12px!important
    }
    .sp-dd {
        padding: 10px 0!important
    }
    .resize_btn {
        overflow: hidden
    }
    .extra-space-photo {
        margin-top: 50px
    }
    .form-group {
        width: 100%
    }
    #registerform .form-group {
        display: grid
    }
    .bell-head {
        color: #db9a3a;
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        padding-bottom: 2%;
        padding-right: 2.3%;
        padding-top: 0
    }
    .notifications-no {
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: auto;
        bottom: 16px;
        right: 0;
        padding-right: 3px
    }
    .not1 {
        padding: 1%;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll;
        top: 97%;
        right: 3%
    }
    .not1:before {
        right: 2%;
        top: -1.4%
    }
    .col-m-1 {
        width: 100%
    }
    .col-4 {
        width: 50%
    }
    .main-image {
        width: 100%;
        object-fit: cover
    }
    .gallery-col img {
        object-fit: cover
    }
    .gallery-col .carousel-caption {
        display: none
    }
    .gallery-col .carousel-caption {
        padding-top: 32%;
        padding-bottom: 0;
        bottom: unset;
        right: 20%;
        left: 11%
    }
    .gallery-col span.city-title {
        font-size: calc(15vw + 12vh + 5vmin)
    }
    #registerform .form-group label {
        float: left!important;
        display: block;
        width: 100%!important
    }
    .error {
        float: left!important
    }
    .create_account>.container-fluid {
        padding-right: 6px
    }
    .create_account ul>span+span {
        margin-top: 8px!important;
        height: 31px;
        line-height: 31px
    }
    .signup_form h2 {
        font-size: 25px
    }
    .sign_up .form-container {
        width: 100%
    }
    .sign_up footer {
        margin-top: 0
    }
    .confirm_login .form-container {
        width: 100%
    }
    .confirm_login footer {
        margin-top: 20%
    }
    .navbar-nav {
        float: none
    }
    .navigation {
        float: none;
        margin-top: 40px
    }
    .form-horizontal input {
        width: 100%;
        display: block
    }
    .camera_logo {
        display: none
    }
    .world h2 {
        font-size: 40px
    }
    .world p {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 2.5
    }
    .gallery-header h1 {
        margin-top: 0
    }
    .gallery-header p {
        font-size: 14px;
        padding: 10px 0 15px
    }
    .account {
        margin: 0
    }
    .account h1 {
        font-size: 40px
    }
    .map_banner {
        height: auto;
        width: 100%;
        padding-bottom: 60%;
        background-position: center;
        background-size: cover
    }
    .gallery h2 {
        margin: 0;
        font-size: 30px
    }
    .rectangle h3 {
        min-height: 55px;
        margin-top: 30px
    }
    .hero_image .rectangle {
        width: 75%;
        margin-left: 0;
        margin-top: 8%
    }
    .hero_image {
        background: 0 0;
        height: auto
    }
    .submitbtn {
        text-align: center
    }
    .camera_logo {
        padding-top: 50px
    }
    .confirm_login .navbar-brand {
        padding: 15px 15px 0 15px
    }
    .headtwo .navbar-brand {
        padding: 7px 15px
    }
    .headtwo .navbar-brand img {
        width: 125px
    }
    .confirm_login footer {
        margin-top: 0
    }
    .form-all {
        display: block
    }
    .side-menu {
        display: none
    }
    .infoBelt span {
        margin-right: 10px
    }
    .infoBelt .rightInfo {
        text-align: left;
        float: left
    }
    .create_account ul {
        float: right;
        padding: 0
    }
    .index header {
        margin-top: -4%
    }
    .navbar-header {
        padding-top: 0
    }
    .users #sidebar-left {
        min-height: 253px!important
    }
    ul.tab#sidebar-left li {
        padding: 10px 16px;
        font-size: 14px
    }
    .column {
        width: 49.5%;
        min-width: 210px;
        max-width: 420px
    }
    #view-gallery li label {
        font-size: 12px
    }
    .hero {
        min-width: 95%
    }
    .hero .hgroup h2 {
        font-size: 32px;
        width: 100%;
        margin: 0 auto;
        margin-top: 5%
    }
    .img-gallery {
        display: block!important
    }
    .img-gallery img {
        margin-bottom: 5%!important
    }
    .navbar-brand {
        padding: 33px 15px 0 15px
    }
    .navbar-brand img {
        width: 125px
    }
    .carousel-indicators {
        display: none
    }
    .world {
        padding-top: 20px
    }
    .country_nav ul {
        padding-left: 0
    }
    .country_nav ul li {
        display: block
    }
    .gallery {
        margin-top: 8%
    }
    .gallery p {
        font-size: 14px;
        padding: 10px 0 15px
    }
    .gallery-header {
        padding-top: 0
    }
    .gallery-header h1 {
        padding: 0
    }
    .account h1 {
        font-size: 36px;
        padding: 0 19px
    }
    .account .col-md-12 {
        padding-top: 25px
    }
    .hero_image {
        margin-top: 30px
    }
    .index .navbar-toggle {
        margin-top: 25px;
        margin-bottom: 10px
    }
    .slider-title1 {
        top: 33%;
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative
    }
    .slider-title2 {
        top: 40%;
        color: #fff;
        font-size: 15px;
        margin-top: 0;
        width: 100%
    }
    .slider-title3 {
        top: 50%;
        color: #fff;
        font-size: 15px;
        margin-top: 0;
        position: relative
    }
    .uranus.tparrows {
        display: none
    }
    .map_banners .map {
        width: 100%;
        height: 30px
    }
    .subscriptions {
        padding-top: 20px
    }
    footer {
        padding: 0!important
    }
    .copyright p {
        padding: 0 1%
    }
    .membership .steps-text h2,
    .membership .steps-text p {
        padding: 0 10%
    }
    .planTable .cell {
        padding-right: 1%
    }
    .cellContent {
        font-size: 14px!important;
        line-height: 43px!important;
        width: 100%!important;
        height: 100%!important
    }
    .planTable .columnHeader {
        padding-right: 0!important;
        padding-left: 10%!important
    }
    .hdAvail {
        padding: 0 0 0 6%
    }
    .continue-btn {
        margin: 0 3% 0 6%
    }
    .planTable .bodyCell {
        padding: 0
    }
    .mobile_menu {
        background-color: #2f3a4d;
        padding: 2% 3%
    }
    .contact-page .column {
        max-width: 94%;
        width: 100%;
        margin: 0 auto;
        float: none;
        margin-bottom: 4%
    }
    .lgin {
        padding: 33% 0 5% 0
    }
    .confirm_login #forgetpw form h2 {
        line-height: 36px
    }
    .confirm_login hr:not(.revslider-hr) {
        margin: 30px auto;
        margin-top: 0
    }
    .outer-container,
    .subscribed_users_gallery .element {
        height: 47px
    }
    .subscribed_users_gallery h1 {
        line-height: 38px;
        font-size: 28px
    }
    .subscribed_users_gallery .image-upload label {
        width: 70%;
        padding-left: 8%
    }
    .subscribed_users_gallery footer {
        margin-top: 0
    }
    .slider-title1 h1 {
        font-size: 28px
    }
    .slider-title1 .top::after,
    .slider-title1 .top::before {
        height: 15px
    }
    .slider-title1 .down::after,
    .slider-title1 .down::before {
        height: 15px
    }
    article.content>div {
        height: 420px!important
    }
    article.content .rev_slider_wrapper {
        height: 420px!important
    }
    .learn-more {
        margin-top: 30px
    }
    .slide-button {
        max-width: 600px;
        float: left
    }
    #ChangeToggle #navbar-close .glyphicon {
        top: -2px
    }
    .form-all {
        width: 100%!important;
        display: block
    }
    #gallery_list .hovereffect {
        font-size: 12px
    }
    #profileupload h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }
    #profileupload p {
        font-size: 14px;
        margin-bottom: 0
    }
    #rightPanel h2 {
        padding-bottom: 3%;
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }
    .address-form-section label {
        display: block;
        font-size: 14px
    }
    .users #profile form #rightPanel input {
        margin-bottom: 2%;
        font-size: 14px;
        height: 35px;
        padding: 0 0 0 10px
    }
    #billing .head {
        height: 45px
    }
    #billing .head h2 {
        font-size: 16px;
        padding-top: 0
    }
    #billing p {
        font-size: 14px;
        margin-bottom: 0
    }
    #billing .btn-success {
        border-radius: 0;
        margin: 15px 0;
        line-height: 20px;
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 700
    }
    .gallery-list:not(.gallery-list):hover .gallery-links-icon {
        display: inline-block
    }
    .left-sidebar .gallery_tab ul li .col-md-10.col-xs-10 a {
        padding-left: 10px
    }
    #upload-image.tabcontent {
        margin-top: 4%
    }
    #upload-image.tabcontent .form_all .form_upload>div.col-md-6 {
        padding: 0
    }
    .or {
        display: none
    }
    #photupload .form_all ul li {
        padding: 0
    }
    #photupload .form_all ul li.upload-filesection .outer-container {
        height: 195px
    }
    #photupload .search_locality {
        padding: 0
    }
    .form_upload .form-line .input-lg {
        margin-bottom: 4%
    }
    .submit-address-button {
        margin-top: 0
    }
    .pip {
        padding-left: 0;
        margin: 10px 1px 0 5px
    }
    .form_all .img-title {
        font-size: 10px
    }
    .gallery_tab ul {
        max-height: 405px;
        height: auto
    }
    .colorpickerContainer {
        display: inline-block
    }
    .mg-textbox .colorpickerContainer+.colorpickerContainer {
        float: right
    }
    .mg-wrapper .mg-controls .sp-preview {
        width: 75%
    }
    body {
        padding: 0!important
    }
    .featureimgscroll .featureimglisting img {
        width: 96%
    }
    #sharegallery .modal-header {
        padding: 14px 0 5px 0;
        display: flex;
        flex-wrap: wrap
    }
    #exampleModalLabel {
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        padding-left: 20px
    }
    .modal-header .close {
        margin-top: 0
    }
    .modal-content {
        padding-bottom: 0
    }
    .photoMosaic {
        margin-bottom: 20px;
        clear: both
    }
    #galleryImg a {
        width: 100%!important;
        height: 270px!important;
        position: relative!important;
        left: 0!important;
        top: 0!important
    }
    #galleryImg a.photomosaic-item span {
        left: 0!important
    }
    #galleryImg a img {
        width: 100%!important;
        height: 270px!important;
        left: 0!important;
        position: relative!important;
        object-fit: cover
    }
    .photomosaic-item {
        flex: 100%!important;
        height: 100%!important
    }
    #worldmapimg .modal-header {
        padding: 15px 0 15px 0;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
        display: flex
    }
    #exampleModalLabel {
        font-size: 16px;
        padding-left: 7px;
        text-align: left
    }
    .modal-header .close {
        margin-top: 0;
        right: 8px;
        font-size: 30px;
        top: 17px
    }
    #usergallery .form-signin textarea {
        width: 85%
    }
    form#usergallery .form-signin input[type=submit] {
        margin-top: 25%
    }
    .mg-wrapper.usingBootstrap .mg-controls .colorpickerReplacer,
    .mg-wrapper.usingBootstrap .mg-controls input {
        width: 96%!important
    }
    .button_top {
        margin-top: 40%!important
    }
    .partners #comments {
        z-index: 99999;
        width: 94%!important
    }
    .contact-page textarea {
        z-index: 99999;
        width: 94%!important
    }
    .confirm_login #forgetpw form h2 {
        font-size: 36px
    }
    .form-signin .form-signin-heading {
        text-shadow: 0 4px 4px rgba(10, 8, 8, .8);
        font-size: 36px
    }
    .photoMosaic {
        clear: both
    }
    .contact-page input,
    .contact-page select {
        margin-bottom: 5px
    }
}

@media only screen and (min-device-width:481px) and (max-device-width:600px) {
    #gallery_list .hovereffect .overlay {
        padding-top: 7 %
    }
    .form-all #content {
        width: 100%;
        padding: 0 15px
    }
}

@media screen and (max-width:480px) {
    .home_nav {
        display: none
    }
    .gallery-input-section #reset {
        width: 100%
    }
    .gallery-input-section input {
        width: 100%;
        margin-bottom: 5px
    }
    #gallery_list p {
        font-size: 20px;
        padding: 0
    }
    .gallery-input-section {
        text-align: center;
        margin: 5px 0
    }
    .country_nav {
        text-align: left
    }
    .create_account ul {
        padding-right: 0!important
    }
    .form-all #content {
        width: 100%;
        padding: 0
    }
    .create_account ul li {
        margin-top: 0
    }
    .freeaccount form {
        padding: 0 10px
    }
    .form-group {
        margin-left: 0!important;
        margin-right: 0!important
    }
    #gallery_list .hovereffect .overlay {
        padding-top: 11%
    }
    #sidebar-left {
        display: block;
        width: 100%!important
    }
    #all-contries {
        margin-left: 0;
        padding: 0 10px
    }
    #all-contries li {
        width: 100%!important;
        margin-left: 0
    }
    .map-section-btn {
        display: block!important
    }
    .slide-navigation {
        display: none
    }
    .slideshow {
        width: 100%
    }
    .slideshow .mg-image {
        width: 100%
    }
    .mg-textbox input {
        margin: 10px 0;
        padding: 18px 12px!important
    }
    .sp-replacer {
        margin: 10px 0!important
    }
    .col-md-2,
    .mg-textbox .col-md-4 {
        padding: 0!important
    }
    .sp-preview {
        padding: 13px 12px!important
    }
    .sp-dd {
        padding: 10px 0!important
    }
    .resize_btn {
        overflow: hidden
    }
    .extra-space-photo {
        margin-top: 50px
    }
    .form-group {
        width: 100%
    }
    .submit-btn {
        margin-top: 26%
    }
    .copyright p {
        font-size: 10px
    }
    .footer_nav {
        padding: 5px;
        line-height: 5px
    }
    h1.text-center.gallery {
        line-height: 1em;
        width: 100%;
        margin-top: 1em
    }
}

@media screen and (min-width:361px) and (max-width:480px) {
    #shareworldmap #usergallery .form-signin textarea {
        width: 84%
    }
    .contact-form .submit-btn {
        margin-top: 20%
    }
    .partners #comments {
        z-index: 99999;
        width: 92%!important
    }
    .contact-page textarea {
        z-index: 99999;
        width: 92%!important
    }
}

@media screen and (min-width:320px) and (max-width:360px) {
    #shareworldmap #usergallery .form-signin textarea {
        width: 80%
    }
    .contact-form .submit-btn {
        margin-top: 35%
    }
    .partners #comments {
        z-index: 99999;
        width: 90%!important
    }
    .contact-page textarea {
        z-index: 99999;
        width: 90%!important
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .bell-head {
        color: #db9a3a;
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        padding-bottom: 4%;
        padding-right: 4.3%
    }
    .notifications-no {
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: auto;
        bottom: 16px;
        right: 0;
        padding-right: 3px
    }
    .not1 {
        padding: 1%;
        min-height: 250px;
        max-height: 250px;
        overflow-y: scroll;
        top: 97%;
        right: 3%
    }
    .not1:before {
        right: 2%;
        top: -1.4%
    }
    .infoBelt span {
        margin-right: 0;
        font-size: 12px;
        display: inline
    }
    .button.mini {
        display: inline-block;
        width: 85px;
        text-align: center;
        font-size: 12px;
        text-transform: capitalize;
        padding: 0;
        height: 22px;
        line-height: 22px;
        margin-left: 6px
    }
    .gallery-col .carousel-caption {
        display: none
    }
    #registerform .form-group label {
        float: left!important;
        display: block;
        width: 100%!important
    }
    .error {
        float: left!important
    }
    .sign_up .form-container {
        width: 100%
    }
    .signup_form h2 {
        font-size: 36px
    }
    .sign_up footer {
        margin-top: 0
    }
    .confirm_login .form-container {
        width: 100%
    }
    .hero_image {
        background: 0 0;
        height: auto
    }
    .rectangle {
        margin-top: 40px
    }
    .confirm_login footer {
        margin-top: 20%
    }
    .footer_logo>img {
        width: 250px;
        height: 130px
    }
    .feature-image {
        margin-bottom: 0
    }
    .rectangle {
        width: 90%
    }
    .rectangle h3 {
        font-size: 35px;
        min-height: 38px;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 35px
    }
    .world h2 {
        font-size: 26px;
        padding: 0 22px 0 25px
    }
    .world p {
        font-size: 14px;
        margin: 0 0 20px;
        line-height: 1.5;
        padding: 0 1%
    }
    .subscriptions h3 {
        font-size: 22px
    }
    .footer_nav ul li {
        padding-top: 10px
    }
    .form-horizontal input {
        width: 100%;
        display: block
    }
    .map_overlayer {
        width: 100%;
        height: auto
    }
    .camera_logo {
        display: none
    }
    .submitbtn {
        text-align: center
    }
    .rectangle {
        margin-left: 0;
        margin-top: 10%
    }
    .navigation {
        float: none;
        margin-top: 0
    }
    .overlay {
        margin-top: 0
    }
    .country-header a.btn-default {
        margin: 0;
        margin-top: 13px;
        margin-left: 10px
    }
    .gallery-header p {
        font-size: 14px;
        line-height: 1.5;
        padding: 0
    }
    .gallery h2 {
        font-size: 22px;
        line-height: 27px;
        margin-top: 20px
    }
    .gallery p {
        font-size: 14px
    }
    .account {
        margin-bottom: 0
    }
    .hero_image {
        margin-top: 30px
    }
    .map_banner {
        height: auto;
        width: 100%;
        padding-bottom: 60%;
        background-position: center;
        background-size: cover
    }
    .headtwo .navbar-brand {
        padding: 7px 15px
    }
    .headtwo .navbar-brand img {
        width: 125px
    }
    .confirm_login footer {
        margin-top: 0
    }
    .index .hero .hgroup p {
        margin-top: 1%
    }
    .sign_up .btn-lg {
        margin-top: 4%
    }
    .form-all {
        display: block
    }
    .side-menu {
        display: none
    }
    .infoBelt .rightInfo {
        text-align: left;
        float: left
    }
    .create_account ul {
        float: right
    }
    .index header {
        margin-top: -4%
    }
    .navbar {
        position: relative;
        width: 100%;
        height: auto
    }
    .navbar-header {
        padding-top: 0;
        height: 80px
    }
    .navbar-collapse {
        background-color: #060000db
    }
    .hero {
        min-width: 95%
    }
    .hero .hgroup h2 {
        font-size: 22px;
        width: 100%;
        margin: 0 auto;
        margin-top: 50%
    }
    .img-gallery {
        display: block!important
    }
    .img-gallery img {
        margin-bottom: 5%!important
    }
    .navbar-brand {
        padding: 16px 15px 0
    }
    .navbar-brand img {
        width: 125px;
        padding-top: 1%
    }
    .carousel-indicators {
        display: none
    }
    .world {
        padding-top: 20px
    }
    .users #sidebar-left {
        min-height: 253px!important
    }
    ul.tab#sidebar-left li {
        padding: 10px 16px;
        font-size: 14px
    }
    .country_nav ul {
        padding-left: 0
    }
    .country_nav ul li {
        display: block
    }
    .gallery-header {
        padding-top: 0;
        padding-bottom: 0
    }
    .gallery-header h1 {
        font-size: 19px;
        padding: 0;
        margin: 0
    }
    #view-gallery li label {
        font-size: 12px
    }
    .account h1 {
        font-size: 36px;
        padding: 0 19px
    }
    .account .col-md-12 {
        padding-top: 25px
    }
    .index .navbar-toggle {
        margin-top: 17px;
        margin-bottom: 0
    }
    .slider-title1 {
        top: 40%;
        width: 90%;
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative
    }
    .slider-title2 {
        top: 50%;
        color: #fff;
        font-size: 15px;
        margin-top: 0;
        width: 100%
    }
    .slider-title3 {
        top: 60%;
        color: #fff;
        font-size: 15px;
        margin-top: 0;
        position: relative
    }
    .uranus.tparrows {
        display: none
    }
    .map_banners .map {
        width: 100%;
        height: 30px
    }
    .subscriptions {
        padding-top: 20px
    }
    footer {
        padding: 0!important
    }
    .copyright p {
        padding: 0 1%
    }
    .membership .steps-text h2,
    .membership .steps-text p {
        padding: 0 1%
    }
    .planTable .cell {
        padding-right: 1%
    }
    .cellContent {
        font-size: 13px!important;
        line-height: 43px!important;
        width: 100%!important;
        height: 100%!important
    }
    .planTable .columnHeader {
        padding-right: 0!important;
        padding-left: 5%!important
    }
    .hdAvail {
        padding: 0 0 0 1%
    }
    .continue-btn {
        margin: 0 1% 0 1%
    }
    .planTable .bodyCell {
        padding: 0
    }
    .mobile_menu {
        background-color: #2f3a4d;
        padding: 2% 3%
    }
    .glyphicon {
        top: 0
    }
    #navbar-close {
        height: 14px;
        line-height: 14px
    }
    .contact-page .column {
        max-width: 94%;
        width: 100%;
        margin: 0 auto;
        float: none;
        margin-bottom: 4%
    }
    .form-signin {
        max-width: 300px
    }
    #usergallery .form-signin {
        max-width: 100%
    }
    .lgin {
        padding: 33% 0 5% 0
    }
    .confirm_login #forgetpw form h2 {
        line-height: 36px
    }
    .confirm_login hr:not(.revslider-hr) {
        margin: 30px auto;
        margin-top: 0
    }
    .outer-container,
    .subscribed_users_gallery .element {
        height: 47px
    }
    .subscribed_users_gallery h1 {
        line-height: 32px;
        font-size: 24px
    }
    .subscribed_users_gallery .image-upload label {
        width: 100%;
        padding-left: 18%
    }
    .subscribed_users_gallery footer {
        margin-top: 0
    }
    #conatiner .column {
        padding: 0 10px 10px
    }
    #content,
    .sidebar {
        min-height: 330px!important
    }
    .tab {
        width: 100%!important
    }
    .head h2 {
        padding-top: 4%
    }
    #gallery_list .head h2 {
        color: #fff;
        font-size: 20px;
        padding: 0;
        line-height: normal;
        padding-top: 10px
    }
    .create_account ul {
        padding-right: 10%
    }
    .create_account a {
        padding: 5px 7px;
        font-size: 12px
    }
    .create_account .container-fluid ul span {
        margin-top: 2px!important;
        font-size: 11px!important
    }
    .index .create_account .container-fluid ul span {
        margin-top: 10px!important;
        font-size: 11px!important
    }
    .slider-title1 h1 {
        font-size: 34px
    }
    article.content>div {
        height: 500px!important
    }
    article.content .rev_slider_wrapper {
        height: 500px!important
    }
    .error {
        left: 0;
        float: left
    }
    #profile #main {
        display: block
    }
    .country_nav ul>li>a:active,
    .country_nav ul>li>a:focus,
    .country_nav ul>li>a:hover {
        color: #252525;
        background: #db9a3a
    }
    .country_nav ul li:hover ul {
        width: 100%;
        height: 230px
    }
    #profileupload h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }
    #profileupload p {
        font-size: 14px;
        margin-bottom: 0
    }
    #rightPanel h2 {
        padding-bottom: 3%;
        font-size: 16px;
        font-weight: 700;
        line-height: normal
    }
    .address-form-section label {
        display: block;
        font-size: 14px
    }
    .users #profile form #rightPanel input {
        margin-bottom: 2%;
        font-size: 14px;
        height: 35px;
        padding: 0 0 0 10px
    }
    #billing .head {
        height: 45px
    }
    #billing .head h2 {
        font-size: 16px;
        padding-top: 0
    }
    #billing p {
        font-size: 14px;
        margin-bottom: 0
    }
    #billing .btn-success {
        border-radius: 0;
        margin: 15px 0;
        line-height: 20px;
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 700
    }
    .gallery-list:not(.gallery-list):hover .gallery-links-icon {
        display: inline-block
    }
    .left-sidebar .gallery_tab ul li .col-md-10.col-xs-10 a {
        padding-left: 10px
    }
    #upload-image.tabcontent {
        margin-top: 4%
    }
    #upload-image.tabcontent .form_all .form_upload>div.col-md-6 {
        padding: 0
    }
    .or {
		margin-top: -10px;
	}
    #photupload .form_all ul li {
        padding: 0
    }
    #photupload .form_all ul li.upload-filesection .outer-container {
        height: 185px
    }
    #photupload .search_locality {
        padding: 0
    }
    .submit-address-button {
        margin-top: 10px
    }
    .pip {
        padding-left: 0;
        margin: 10px 1px 0 5px
    }
    .form_all .img-title {
        font-size: 10px
    }
    .gallery_tab ul {
        max-height: 405px;
        height: auto
    }
    .mg-wrapper .mg-controls .sp-preview {
        width: 75%
    }
    .footer_social a {
        width: 34px;
        height: 34px
    }
    body {
        padding: 0!important
    }
    .featureimgscroll .featureimglisting img {
        width: 96%
    }
    #sharegallery .modal-header {
        padding: 14px 0 5px 0;
        display: flex;
        flex-wrap: wrap
    }
    #exampleModalLabel {
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        padding-left: 20px
    }
    .modal-header .close {
        margin-top: 0
    }
    .modal-content {
        padding-bottom: 0
    }
    .photoMosaic {
        height: 500px!important;
        overflow-y: scroll!important;
        margin-bottom: 0;
        clear: both
    }
    #galleryImg a {
        width: 100%!important;
        min-height: 240px!important;
        max-height: 240px!important;
        position: relative!important;
        left: 0!important;
        top: 0!important
    }
    #galleryImg a.photomosaic-item span {
        left: 0!important
    }
    #galleryImg a img {
        width: 100%!important;
        min-height: 240px!important;
        max-height: 240px!important;
        left: 0!important;
        position: relative!important;
        object-fit: cover
    }
    .photomosaic-item {
        flex: 100%!important;
        height: 100%!important
    }
    #worldmapimg .modal-header {
        padding: 15px 0 15px 0;
        border-bottom: 1px solid #e5e5e5;
        text-align: left;
        display: flex
    }
    #exampleModalLabel {
        font-size: 13px;
        padding-left: 7px;
        text-align: left
    }
    .modal-header .close {
        margin-top: 0;
        right: 3px;
        font-size: 22px;
        top: 21px
    }
    #usergallery .form-signin textarea {
        width: 90%
    }
    form#usergallery .form-signin input[type=submit] {
        margin-top: 45%
    }
    .mg-wrapper.usingBootstrap .mg-controls .colorpickerReplacer,
    .mg-wrapper.usingBootstrap .mg-controls input {
        width: 96%!important
    }
    .button_top {
        margin-top: 80%!important
    }
    .form-signin .form-signin-heading {
        text-shadow: 0 4px 4px rgba(10, 8, 8, .8);
        font-size: 36px
    }
    #registerform .form-group {
        display: grid
    }
    #registerform .form-group.tems-condition {
        display: block
    }
    .contact-page input,
    .contact-page select {
        margin-bottom: 5px
    }
}

.cell-color-yellow {
    color: #d58512!important
}

.pp_content .pp_fade {
    display: none;
    overflow: hidden
}

.pp_details .w3-btn.w3-green {
    background: #db9a3a;
    width: 50px;
    border: none;
    color: #fff;
    margin-left: 8px;
    margin-top: 9px;
    position: absolute
}

div#gallery_list .row {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 15px
}

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

li.info-map {
    position: absolute;
    top: -20%;
    padding-left: 20px;
    text-align: center
}

li.info-map img.info-locations {
    width: 25px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

li.info-map .map-info-text {
    color: #000;
    text-decoration: none
}

li.info-map:hover img.info-locations {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

li.info-map:hover .map-info-text {
    color: #f0ad4e;
    text-decoration: none
}

li.info-map .info-map-link {
    text-decoration: none
}

@media screen and (min-width:1025px) and (max-width:1249px) {
    .column {
        padding: .5%;
        min-width: auto;
        max-width: none;
        width: 25%
    }
}

@media screen and (min-width:768px) and (max-width:999px) {
    .column {
        padding: .5%;
        min-width: 178px;
        max-width: 420px;
        width: 32.8%
    }
    div#gallery_list .row {
        margin-left: 5px;
        margin-right: 5px
    }
}

@media screen and (min-width:2195px) {
    .column {
        padding: .5%;
        min-width: auto;
        max-width: none;
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .ma-left {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:600px) {
    #cid_2.submitabove .form-buttons-wrapper input {
        width: 95%;
        margin: 15px auto!important
    }
    .submitabove .form-buttons-wrapper {
        text-align: center
    }
}

@media screen and (max-width:991px) {
    .form-line .outer-container {
        height: 100%
    }
    .tabcontent {
        background: #fff
    }
    .inner-container {
        position: initial
    }
    #cid_2.submitabove .form-buttons-wrapper input {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 12px
    }
    .navbar-inverse .uploading-file-sec {
        margin-top: 20px!important
    }
    .form_upload {
        padding-top: 0
    }
}

@media screen and (min-width:992px) {
    .tabcontent #uploadForm {
        float: left;
        width: 50%
    }
}

.navbar-inverse .uploading-file-sec {
    overflow: hidden;
    margin-top: 80px;
    text-decoration: none
}

.tabcontent#upload-image #load {
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.tabcontent .form_upload.address-form-section {
    float: none;
    width: 100%;
    overflow: hidden
}

.getlinkclass {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.getlinkclass span {
    width: 10%;
    display: inline-block;
    font-size: 25px
}

.getlinkclass input {
    width: 70%;
    height: 39px!important
}

.getlinkclass .linkbutton {
    width: 20%;
    height: 40px;
    text-align: right
}

.getlinkclass .getlink {
    background: #f0ad4d;
    border: 0;
    font-size: 15px;
    height: 40px;
    line-height: 16px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.shared-tooltiptext {
    display: none
}

.ShareSingleGallery,
.sharewordmapbtn {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .getlinkclass .linkbutton {
        width: 100%;
        margin-top: 20px
    }
    .getlinkclass .getlink {
        width: 100%
    }
    .getlinkclass span {
        width: 20%
    }
    .getlinkclass input {
        width: 80%
    }
}

.sharedsinglemap .share_with_email {
    width: 100%;
    height: 40px
}

.share_with_email {
    width: 100%;
    height: 40px;
    color: #07080d
}

.msglabel {
    margin: 10px 0
}

#upload-image .topaddimg .addimgsec {
    text-align: right;
    line-height: 3.5
}

#upload-image .topaddimg .addimgsec a {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #985f0d;
    padding: 8px 12px
}

#upload-image .topaddimg .addimgsec a:hover {
    background-color: #d58512;
    border-color: #985f0d;
    text-decoration: none
}

#upload-image #header_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (max-width:991px) {
    #header_1 {
        padding: 10px 14px!important
    }
    .col-md-6.col-md-offset-3.recaptcha-partner {
        margin-top: 55% !important;
    }
}

@media only screen and (max-width:480px) {
    #upload-image #header_1 h1.form-header {
        font-size: 40px!important
    }
    .col-md-6.col-md-offset-3.recaptcha-partner {
        margin-top: 55% !important;
    }
}

.col-md-6.col-md-offset-3.recaptcha-partner {
    margin-top: 23%;
}
#user_map_view_to_shared .input-group-addon i {
    cursor: not-allowed
}

.paypal-sucsess table {
    width: 100%;
    border-collapse: collapse
}

.paypal-sucsess tr:nth-of-type(odd) {
    background: #eee
}

.paypal-sucsess th {
    background: #333;
    color: #fff;
    font-weight: 700
}

.paypal-sucsess td,
th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left
}

.paypal-sucsess h2 {
    font-size: 2rem;
    font-family: brandon_printedone;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0 20px;
    display: block;
    margin-top: 15px
}

.paypal-sucsess .btn-primary {
    color: #fff;
    background-color: #db9a3a;
    border-color: #653f07;
    margin-bottom: 3em;
    margin-top: 1em;
    text-align: center;
    padding: 10px 60px;
    text-transform: uppercase
}

.rectangle {
    min-width: 350px
}
.photo-gallery ol {
    margin-left: 0px !important;
}

.paypal-sucsess .alert {
  padding: 20px;
  background-color: #4CAF50;
  color: white;
}

.paypal-sucsess .closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.paypal-sucsess .closebtn:hover {
  color: black;
}
.index .welcome {
    margin-top: 15px !important;
}
.jg-spinner {
	display: none !important;
}
#shareworldmap_section .table-responsive {
	min-height: .01%;
	overflow-x: auto;
	overflow-x: scroll;
	height: 200px;
	min-height: 292px !important;
}

.input-group.colorpicker-component select.input-lg {
    height: 34px;
    line-height: 46px;
}
.input-group.colorpicker-component .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 12px;
}
@media only screen and (min-width: 1080px) {

#coloruplaod #all-contries li {
    float: left;
    width: 20%;
    margin-left: 9px;
}
.select-colortheme{
    width:15%;
}
}
@media screen and (min-width: 320px) and (max-width: 500px){
    .navbar.navbar-default {
      min-height: 210px;
    }
}
#videoplay::after {
	content: '\e158';
	position: absolute;
	top: 20%;
	left: 30%;
	font-size: 100px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
}