.p-header-client-1 {
    background: url(../images/clients/photographer.jpg) top center no-repeat;
}

.photALL {
    text-transform: none;
}

.client-title-1 {
    padding: 20px 0;
}

.section-top .client-title-1 {
    font-size: 40px;

    word-wrap: normal;
    word-break: normal;
}
.col-30 {
    width: 33%;
    min-height: 400px;
    float: left;
}

.col-70 {
    width: 66%;
    float: right;
}

.p-section-service h3 {
    line-height: 1.8em;
}

.content-container-row {
    width: 100%;
    display: block;
    overflow: hidden;
}

.p-client-project .img-item {
    float: left;
    text-align: center;

}

.p-client-project .img-item img {
    box-shadow: #0b0b0b 10px 10px 10px;
}

.p-other-client h3,
.p-client-project h3 {
    padding-bottom: 2em;
}

.p-other-client .section-2-text_bold {
    padding-top: 2em;
}

.p-section-faq .container {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;

}

.cursor-pen {
  cursor: pointer;
}

.menu-faq {
    background: #707070;
    margin-top: 30px;

}

.menu-faq li {
    min-height: 2.5em;
    padding: 0 15px;
}

.menu-faq li a {
    text-transform: uppercase;
    text-align: center;
    line-height: 2.5em;
    border-bottom: #ffffff solid 1px;
    display: block;

}

.menu-faq li:last-child a {
    border: none;
}

.menu-faq li.active {
    background: #ffffff;
    color: #ea4b22;
    border-left: #ea4b22 solid 1px;
}

.menu-faq li.active a {
    color: #ea4b22;
}

.menu-faq li:hover {
    background: #ffffff;
    color: #ea4b22;
    border-left: #ea4b22 solid 1px;
}

.menu-faq li:hover a,
.menu-faq li a:hover {
    color: #ea4b22;
}

.list-faq {
    margin-top: 30px;
    padding: 0 30px;
}

.faq-detail .list-faq {
    margin-top: 30px;
    padding: 0 0px;
}

.faq-content a {
    color: #e74c3c;
}
.faq-content {
    background: #ffffff;
    border-radius: 4px;
    color: #4a4a4a;
    padding: 20px;
    margin-top: 30px;
}

.list-faq li {
    background: #ffffff;
    border-radius: 4px;
    color: #4a4a4a;
    padding: 15px;
    margin-bottom: 25px;
    box-shadow: 0 1.5px 10px 0 rgba(0, 0, 0, 0.2);
}

.list-faq li .learn {
    padding: 5px 30px;
}

.list-faq li .wraper-btn {
    margin-bottom: -29px;
}

.list-faq li h5 {
    font-weight: bold;
}

.bg-client-dark {
    width: 100%;
    background: #2b2b2b;
    height: 310px;
    position: absolute;
    top: 180px;
}

.p-section-client-2 img {
    width: 100%;
}

.view-photo-client {
    position: relative;
    display: block;
    overflow: hidden;
}

.recent-photo .text-bg-layer {
    background: #0b0b0b;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 80%;
    width: 100%;
    height: 50%;
    display: none;
    transform: skewY(10deg);

}

.text-client-type {
    position: absolute;
    top: 85%;
    left: 0;
    padding: 20px;
    width: 65%;
    text-align: left;
    display: none;
    color: #fff;

}

.img-item:hover .text-client-type,
.img-item:hover .text-bg-layer {
    display: block;
}

.img-item .before,
.img-item:hover .after {
    display: none;
}

.img-item:hover .before {
    display: block;
}

.recent-photo .img-item img {
    width: 100%;
}

.recent-photo .img-item {
    margin: 1.5%;
    display: block;
    overflow: hidden;
    width: 30%;
    box-shadow: #0b0b0b 10px 10px 10px;
    position: relative;


}

a.btn-checkout,
.btn-checkout {
    border-radius: 1px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    color: #ffbaa8;
}

.group-btn {
    text-align: center;
}

.p-other-client .item-text {
    background: rgb(0, 0, 0, 0.1);
}

.p-other-client .img-item {
    margin: 0;
    padding: 0;
}

.p-other-client .media-container-row {
    margin-bottom: 40px;
}

.p-other-client .img-item img {
    margin-top: -20px;
}

.other-client-text {
    padding-left: 30px;
    /*    margin-top: 10px;*/
}

.why-photographer {
    padding-top: 3em;
    position: relative;
    top: 0;
    left: 0;
    background: #262626;
    width: 100%;
    /*    display: block;*/
    /*    overflow: hidden;*/
}

#target2 {
position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 450px;
    width: 1900px;
    display: block;
}
#target {
    
    overflow: hidden;
    display: block;
    /*top: 120px !important;*/
}

.spacer.s2 {
    min-height: 10px;
}

.img-item.wauto img  {
    width: auto;
}
.img-item.wauto img {
    float: right;
}
.other-mobi {
    display: none;
}

.other-desktop {
    display: block;
}

.about-content {
    box-shadow: 0 1.5px 10px 0 rgba(0, 0, 0, 0.8);
    background-color: #333333;
    padding: 25px;
    margin-left: 15%;
    margin-bottom: 50px;
}

.title-page {
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
    line-height: 70px;
    
}

.img-about {
    width: 40%;
    margin-right: 5%;
    float: left;

}

.testimonial-item {
    width: 100%;
    display: block;
    overflow: hidden;
}

.testimonials-img {
    float: left;
    margin: 0 10px 10px 0;
}

a.btn-cancel {
    color: #ea4b22;
}

.contact-info {
    background: url(../images/contact-bg.png) 60px 0px no-repeat;
    height: 200px;
    padding-left: 40%;
    padding-top: 25px;
    background-size: cover;
    margin-bottom: 20px;
    padding-right: 25px;
}

.service-info {
    background: url(../images/bg-service.png) 60px 0px no-repeat;
    background-size: cover;
}

span.icon {
    color: #ea4b22;
}

.wraper-btn-center {
    text-align: center;
}

.wraper-btn-left {
    text-align: left;
}

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

.section-top {
    padding-top: 150px;
}

.row-short-text {
    padding-bottom: 1em;
}

.stories-text {
    font-size: 0.7em;
}

.intro-type-list {
    padding-top: 30px;
}

.layout-calculator {
    background: #fff;
    /*padding: 1%;*/
    display: block;
    overflow: hidden;
    color: #000;
}

.layout-service {
    background: rgba(0, 0, 0, 0.3);

    padding: 0 10%;
    display: block;
    overflow: hidden;
    color: #fff;
}
.request_a_quotation {
    margin-top: 40px;
}

.wraper-calculator {
    padding-left: 80px;
    padding-top: 20px;
    position: relative;
}

.wraper-unit-price {
    position: absolute;
    left: 60%;
    top: 55px;
    width: 360px;
    padding: 20px;
    z-index: 7;
}

.wraper-unit-price_bottom{
    bottom: 0;
    top: auto;
}

.sub-calculator {
    padding-left: 20px;
    font-size: 0.7em;
}

.text-unit-price {
    position: relative;
    color: #fff;
}

.bg-unit-price {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 185px;
    transform: skewY(5deg);
    background: rgba(0, 0, 0, 0.7);
}

.text-unit-price .wraper-btn .btn-submit {
    /*transform: skewY(5deg);*/
}

#result-price {
    font-weight: bold;
    padding: 0 0 10px 0;
    display: block;
}

.text-uppercase {
    text-transform: uppercase;
}

.layout-portfolio .row {
    margin: 0;
    margin-left: 6%;
}

.layout-portfolio {
    background: #fff;
    /*padding: 1%;*/
    display: block;
    overflow: hidden;
}

.service-portfolio {
    background: rgba(0, 0, 0, 0.3);

    padding: 0 0%;
    display: block;
    overflow: hidden;
}

.service-portfolio img,
.layout-portfolio img {
    width: 100%;
   
    /*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);*/
}
.layout-portfolio img {
     border: #fff 10px solid;
    }

.portfolio-col-md-12 {
    margin-top: 1px;
}

.portfolio-col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
    background: #fff;
    float: left;
}

.portfolio-col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62%;
    flex: 0 0 62%;
    max-width: 62%;
    background: #fff;
    float: left;
}

.portfolio-col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
    background: #fff;
    float: left;
}
.md-5-4{
    max-width: 31.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.5%;
    flex: 0 0 31.5%;

}
.md-5-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 61.5%;
    flex: 0 0 61.5%;
    max-width: 61.5%;
    }
.portfolio-tab {

    background: #262626;
    
    box-shadow: 0 1.5px 10px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.portfolio-l {
    margin-left: 1px;
}

.portfolio-r {
    margin-right: 0;
}

.portfolio-tab li {
    float: left;
    /*width: 16.66%;*/
    width: auto;
    min-width: 14%;  
    

}

.portfolio-tab li a {
    color: #fff;
    padding: 20px 20px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-family: 'AvenirNext-Medium';
    margin-top: 10px;
    background: #707070 url(../images/right-tab-portfolio.jpg) right 12px no-repeat;
   
    /*border-right: 1px solid #8c8c8c;*/
}
.portfolio-tab li:last-child a {
    background: #707070;
}

.portfolio-tab li.active a,
.portfolio-tab li a:hover {
    color: #ea4b22;
    background: #fff;
    font-family: 'AvenirNext-Bold';
    margin-top: 0px;
    padding: 25px 20px;
    border-radius: 10px 10px 0 0;
}

.wraper-page {
    padding: 40px 30px;
}

.wraper-calculator {
    display: none;
    min-height: 500px;
}

#pricing_photoplus {
    display: block;
}

.pricing_quotation {
    width: 100%;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.mobile {
    display: none;
}

.unit-price_fix {
    position: fixed;
    top: 61%;
    left: 56%;
}

.p-section-resource .media-container-row,
.tab-resource {
    width: 100%;
    overflow: hidden;
    display: block;
    background: #fff;
}

.tab-resource li {
    width: 50%;
    text-align: center;
    float: left;
    background: #707070;
    font-weight: bold;
    padding: 20px;
    text-transform: uppercase;

}

.tab-resource li a {

    color: #fff;


}

.tab-resource li.active {
    background: #fff;
}

.tab-resource li.active a {

    color: #ea4b22;
}

.resource-top img {
    width: 100%;
}

.resource-home a.read-more,
.resource-home a.read-more:hover {
    color: #4a4a4a;
}

.resource-home {
    padding: 40px;
    color: #4a4a4a;
}

.resource-home a {
    color: #4a4a4a;
}

.text-top1 {
    padding: 10px;
}

.resource-home .title a {
    font-weight: bold;
}

.item-top1 {
    width: 60%;
    float: left;
}

.item-top2 {
    width: 38%;
    float: left;
    margin-left: 2%;
}

.content-main,
.items-list {
    width: 75%;
    float: left;
}

.content-main img {
    max-width: 99%;
}

.content-category {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 50px;
}

.content-category li {
    float: left;
    display: block;
    margin-right: 25px;

}

.content-category li a {
    text-transform: uppercase;
}

.content-category li.active {
    border-bottom: #f06744 solid 2px;
}

.content-category li.active a {
    text-transform: uppercase;
    color: #f06744;
}

a.category,
a.category:hover {
    color: #f06744;
}

.items-list p {
    margin-bottom: 0.5rem;
    font-size: 0.8em;
}

.items-list ul li {
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
    display: block;
    box-shadow: 0 2.5px 10px 0 rgba(0, 0, 0, 0.1);
}

.items-list ul li .Rectangle-77 {
    overflow: hidden;
    margin: 10px 0;
}

.items-list ul li:hover {
    box-shadow: #f06744 5px 5px 5px;
}

.items-list ul li img {
    width: 30%;
    float: left;
    margin-right: 2%;
}

.category-search {
    width: 23%;
    margin-left: 2%;
    float: left;

}

.category-search img {
    width: 100%;
}

.search-container {
    border: #e2e2e2 solid 1px;
    margin-bottom: 25px;
}

.search-container button {
    float: right;
    padding: 9px 10px;
    margin-top: 10px;
    margin-right: 16px;
    background: url(../img/icon-search.png) no-repeat;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.search-container input[type=text] {
    padding: 6px;
    margin-top: 2px;
    font-size: 17px;
    border: none;
    width: 80%;
}
.search-faq {
    position: relative;
    width: 50%;
    padding: 20px 30px;
    border: none;
}
.search-faq input[type=text] {
    width: 100%;
}
.search-faq button {
    position: absolute;
    top: 21px;
    right: 16px;
}


.link-cate {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
}

.link-cate a {
    font-weight: bold;
    border: #ff9174 solid 1px;
    border-radius: 8px;
    padding: 8px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 5px;
}

.link-cate a:hover {
    color: #ff9174;
}

.page-search {
    width: 75%;

}

.p-section-paging {
    margin-bottom: 45px;
}

.p-section-paging .paging-list .entries {
    width: 100%;
}

.select-paging a {
    float: left;
    border-radius: 1px;
    /*    border: #e2e2e2 solid 1px;*/
    /*    margin: 0 5px;*/
    padding: 1px 8px;
}

.select-paging strong {
    float: left;
    border: #e2e2e2 solid 1px;
    margin: 0 5px;
    padding: 1px 8px;
    background: linear-gradient(134deg, #ffb3a0, #f47a5b);
    color: #fff;
}

.total-price {
    background: #636363;
    color: #fff;
    width: 25%;
    position: fixed;
    top: 200px;
    right: 0;
    padding: 30px 20px;
    transform: skewY(5deg);
    z-index: 100;
}

.total-price p{
        transform: skewY(-5deg);
        margin-bottom: 2pt;
        font-size: 10pt;
    }
.total-price p.total-price_title3{
        font-weight: bold;
    font-size: 12pt;
}
.total-price .total-price_title4 a{
    border-radius: 1px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.1);
    border: solid 0.5px #ffbaa8;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
}

.paid-quotations {
    padding: 20px;

}

#paid-quotations {
    display: none;
}

.wrapper-loading {
    width: 78%;
}

.w3-grey2,
.w3-hover-grey2:hover,
.w3-grey,
.w3-hover-grey:hover {
    color: #000 !important;
    background-image: linear-gradient(96deg, #ff9174, #ffd3c7);
    height: 8px;
    position: relative;
}

.w3-grey2,
.w3-hover-grey2:hover {
    color: #000 !important;
    background-image: linear-gradient(96deg, #ff9174, #ffd3c7);
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation:2s linear 0s normal none infinite running progress-bar-stripes;
    -moz-animation:2s linear 0s normal none infinite running progress-bar-stripes;
    -o-animation:2s linear 0s normal none infinite running progress-bar-stripes;
    -ms-animation:2s linear 0s normal none infinite running progress-bar-stripes;
    animation:2s linear 0s normal none infinite running progress-bar-stripes;
}
.w3-border {
    border: 1px solid #ccc !important;
    background: #e2e2e2;
    border-radius: 50px;
    width: 80%;
    float: right;
    margin-top: 12px;
    position: relative;
}
.step-pay li {
    /*width: 30%;*/
    float: left;
}

.not-enough-money {
    color: var(--reddish-orange);
    font-size: 12px;
    float: right;
}


@-webkit-keyframes progress-bar-stripes{
    from{width: 0;}
    to{width: 100%;}
}
@-moz-keyframes progress-bar-stripes{
    from{width: 0;}
    to{width: 100%;}
}
@-ms-keyframes progress-bar-stripes{
    from{width: 0;}
    to{width: 100%;}
}
@-o-keyframes progress-bar-stripes{
    from{width: 0;}
    to{width: 100%;}
}
@keyframes progress-bar-stripes{
   from{width: 0;}
    to{width: 100%;}
}
.proj-instuction {
    width: 80%;
    font-size: 16px;
}

a.icon-note,
a.icon-note:link,
a.icon-note:active,
a.icon-note:hover,
a.icon-note:visited {
    padding: 0px 7px;
    background-color: #adadad;
    color: #fff;
    font-size: 13px;
    border-radius: 8px;
    padding-left: 7px;
    line-height: 14px;

}

.proj-instuction-files {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.proj-instuction-files ~ label {
    border-radius: 1px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.1);
    border: solid 0.5px #ffbaa8;
    padding: 3px 5px;
    color: #ea4b22;
    font-size: 16px;

}
.padding20{
    padding: 20px 0;
}
.proj-instuction-files ~ label.btn {
    padding: 15px 15px;
    }

.p-left20 {
    padding-left: 20px;
}

.resizing1_input {
    width: 63px;
    height: 30px;
}

.animation-prophoto
 {
    position: relative;
    padding-top: 250px;
    min-height: 620px;
}

.animation-restore {
     position: relative;
    padding-top: 150px;
    min-height: 880px;
}
.animation-retouche {
    padding-top: 150px;
}

.animation-creatALL {
    padding-top: 250px;
}


.animation-restore img {
    /*zoom: 0.5;*/
}

.animation-restore .animation_IMG2_re_1 {
    position: absolute;
    top: 57px;
    left: 0px;
}

.animation-restore .animation_IMG2_re_2 {
    position: absolute;
    top: 57px;
    left: 149px;
}

.animation-restore .animation_IMG2_re_3 {
    position: absolute;
    top: 58px;
    left: 253px;
}

.animation-restore .animation_IMG2_re_4 {
    position: absolute;
    top: 166px;
    left: 0px;
}

.animation-restore .animation_IMG2_re_5 {
    position: absolute;
    top: 220px;
    left: 98px;
}

.animation-restore .animation_IMG2_re_6 {
    position: absolute;
    top: 165px;
    left: 303px;
}

.animation-restore .animation_IMG2_re_7 {
    position: absolute;
    top: 390px;
    left: 0px;
}

.animation-restore .animation_IMG2_re_8 {
    position: absolute;
    top: 334px;
    left: 148px;
}

.animation-restore .animation_IMG2_re_9 {
    position: absolute;
    top: 388px;
    left: 253px;
}

.animation-restore .animation_IMG2_re_10 {
    position: absolute;
    top: 501px;
    left: 0px;
}

.animation-restore .animation_IMG2_re_11 {
    position: absolute;
    top: 556px;
    left: 99px;
}

.animation-restore .animation_IMG2_re_12 {
    position: absolute;
    top: 502px;
    left: 303px;
}

.animation-restore .animation_Corporate-before_1,
.animation-restore .animation_Corporate-before_2,
.animation-restore .animation_Corporate-before_3 {
    /*position: absolute;*/
    top: 50px;
    left: 50px;
}

table.list-topup {
    border-collapse: collapse;
}

table.list-topup,
.list-topup th,
.list-topup td {
    border: 1px solid #e2e2e2;
    padding: 5px;
    text-align: right;
}

.marign-right {
    float: right;
    width: 52%;
}

.folder-view li a.icon-download-photo, .folder-view li a.icon-note-photo,
.icon-download-photo, .icon-note-photo{
    background: url(../images/dashboard/icon-note-photo.jpg) no-repeat;
    width: 40px;
    height: 24px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top:0;
    left: 40%;
    min-height: 20px;
    padding-top: 0;
}

.icon-download-photo{
    background-position: -50px 0; left: 65%;
}

.folder-view a.icon-download-photo{
    background-position: -50px 0 !important; left: 65% !important;
}

.folder-view li a.is_express,
.is_express {
    background: url(../images/is_express.png) no-repeat;
    width: 42px;
    height: 44px;
    display: block;
    /*overflow: hidden;*/
    text-indent: -9999px;
    position: absolute;
    top:0;
    left: 0%; 
    line-height: 43px;
}
.folder-view li a.not_express ,
.not_express {
    background: url(../images/not_express.png) no-repeat;
    width: 42px;
    height: 44px;
    display: block;
    /*overflow: hidden;*/
    text-indent: -9999px;
    position: absolute;
    top:0;
    left: 0%; 
    line-height: 43px;
}
.express_project{
    text-indent: 0;
    position: relative;
    width: auto;
    padding-left: 40px;
}
.express_project_width {
    width: 250px;
    float: left;
}

.commentform{
    width: 100%;
    padding: 5px;
}

.wrapper-note {
    width: 100%;
    height: 100%;
    position: relative;
}
.img_center {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    
}
.upload-img-content {
    /* border-top: 1px solid #a7b0b9; */
    border-bottom: 1px solid #a7b0b9;
    padding: 8px;
    float: left;
    width: 440px;
}
.normal.noteform div.input{
    margin-bottom:10px;
}
.normal.noteform div.input textarea{
    border-radius:5px;
    border:0;
    padding:13px 15px;
    width:173px;
    height:36px;
    margin-top:12px;
    color:#192530;
    font:14px 'GothamNarrow-Book',Arial;
    -webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
}
.normal.noteform div.input:before{
    /*bottom:100%;
    content:url('../../img/front/note-arrow.png');
    left:34px;
    position:absolute;
    top:-10px;*/
}
.normal.noteform div.submit input{
    -webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
    background:#fff url('../../img/front/sprite-icon.png') no-repeat -1480px -2180px;
    border-radius:2px;
    border:0;
    width:81px;
    max-width:81px;
    height:27px;
    float:left;
    color:#468c00;
    font-size:14px;
    padding:5px 15px 5px 26px;
    margin-right:10px;
    text-transform:none;
}
.normal.noteform div.submit input:hover{
    color:#fff;
    background-color:#468c00;
    background-position:-1480px -2226px;
}

.pncanvas{width:700px; border:1px solid #000000;}
.pncanvas *{max-width:100%;}
.pncanvas .my_canvas{ width:100%;}

#popup_detail_photo .btnaction { position: absolute; right:20px; top:36px; background:#fff; border-radius:12px; padding:3px 6px; color:#000;}
#popup_detail_photo .image_tag { cursor:pointer; }
.normal.noteform .note-delete{
	margin-left:8px;
	padding-top:5px;
    float:right;  
    text-align:center;
    cursor:pointer;
}
.normal.noteform .note-delete:hover{
  
}
.imove {
    position: absolute;
    top: 5px;
    left: 0px;
	font-size:20px;
    padding: 0 0 0 11px;
    border-radius: 4px;  
    cursor: pointer;
    text-align: left;
    z-index: 10001;		
	-webkit-text-fill-color: white; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
  

}

.note-close {
    position: absolute;
    top: 9px;
    right: 8px;
    color: #192530;
    font: 12px 'GothamNarrow-Book',Arial;
    padding: 0 3px 0 10px;
    border-radius: 4px;
    cursor: pointer;
    width: 38px;
    text-align: right;
    z-index: 9;
    background: url(../../img/front/sprite-icon.png) no-repeat -1488px -2538px;
    background-color: #fff;
}
.note-close:hover{
    
}
.notesicon{
    background:url(notes.png) no-repeat #fff;
    overflow:hidden;
    position:absolute;
    height:27px;
    width:22px;
    z-index:1000000;
    cursor:pointer;
}
.note{
    background:url('../../img/front/spacer.gif') no-repeat;
    border:2px solid rgb(255, 255, 255);
    overflow:hidden;
    position:absolute;
    z-index:0;
    cursor:default;
}
.notep{ 
    background:#eee;
    font-size:8pt;
    margin-top:0px;
    padding:2px;
    position:absolute;
    width:175px;
    cursor:default;
}
#noteform{
    display:none;
    position:absolute;
    width:270px;
	height:100px;
}
#noteform form{ padding-top:15px;}
#noteform form .submit{ top:41px;}
.divdisplaynone,
#calltopup{
    display: none;
    width: 600px;
}

.viewprojectsummary {
    width: 900px;
}
.TextBold{
    text-transform: uppercase;
}
.none-skrollr{
    display: none;
}
.item-output{
    padding: 10px;
}
.textcenter {
    text-align: center;
}

.p-section-project a.btn_mobi_sum:link ,
.p-section-project a.btn_mobi_sum:hover ,
.p-section-project a.btn_mobi_sum:active ,
.p-section-project a.btn_mobi_sum:visited {
    border-radius: 1px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.1);
    border: solid 0.5px #e2e2e2;
    background: #fff;
    color: #ea4b22;
    padding: 5px 15px;
    margin-bottom: 10px;
    display: block;
}
.title-page-h2 {
    width: 100%;
    font-weight: bold;
}

.fixtop{
   
    height: 1200px;
}
.fixtop .media-container-row{
     position: fixed;
     top: 65px;
     height: 1000px;
     width: 90%;
}
.service-rank2 {
    margin: 10px 0;
}

.animation_Corporate-before_1,
.animation_Corporate-before{
  width: 90%;
}

.services-descriptions{
  margin-top: 10%;
}
.back_faq {
    padding-top: 10px;
    display: block;
}

.p-section-client-2 {
    display: block;
    overflow: hidden;
    position: relative;
}
.new_project_mobi{
    position: fixed;
    top: 75px;
    left: 1px;
    z-index: 1000;
    display: none;
}
.complexity_more{
    text-transform: initial;
}
.note_free_trial{
    font-size: 15px;
}
.text_note_output {
    font-size: 15px;
}

ul.share-icon li {
    float: left;
    margin: 5px;
}

ul.share-icon li a {
    background: url(../images/icon-share.jpg) no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -9999px;    
}
ul.share-icon li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    }

 ul.share-icon li a.twitter {
    background: url(../images/icon-share.jpg) -48px 0;
}
ul.share-icon li a.instagram {
    background: url(../images/icon-share.jpg) -96px 0;
}
ul.share-icon li a.linkedin {
    background: url(../images/icon-share.jpg) -192px 0;
}
   
@media (min-width: 1650px) and (max-width: 1681px)  {
    .container {
        max-width: 1560px;
    }
    .services-descriptions-img {
        padding-top: 20px;
    }
}

@media (min-width: 1400px){




.p-section-client-2::-webkit-scrollbar {
    width: 1em;
}
 
.p-section-client-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
 
.p-section-client-2::-webkit-scrollbar-thumb {
  background-color: #262626;
}

.p-section-client-2 {
        overflow-y: scroll;
        min-height: 500px;
        scrollbar-color: #262626 #262626;
        /*-webkit-overflow-scrolling: auto !important;*/
    }
#target {
    /*height: 680px;*/

}


    .contact-info {
        background: url(../images/contact-bg.png) 300px -20px no-repeat;
        background-size: cover;
        width: 100%;
    }
    .service-info {
        background: url(../images/bg-service.png) 300px -24px no-repeat;
        background-size: cover;
        width: 100%;
    }
     .font_page_40{
        font-size: 40px;
   }
    .animation_Corporate-before_1, .animation_Corporate-before{
        width: 96%;
    }
}
 @media (min-width: 1145px) and (max-width: 1400px) {
    .portfolio-tab li {   
      min-width: auto;
    }
     .font_page_40{
        font-size: 40px;
   }
    .animation_Corporate-before_1, .animation_Corporate-before{
        width: 96%;
    }
}
  @media (min-width: 768px) and (max-width: 1145px) {
    .portfolio-tab li {   
      min-width: auto;
      font-size: 0.5em;  
    }
    .font_page_40{
        font-size: 30px;
   }
  }
  
@media (max-width: 1024px) {

}
@media (max-width: 767px) {


 .new_project_mobi{
    display: block;
 }   

.request_a_quotation {
    margin-top: 20px;
}
.animation-prophoto
 {
    
    padding-top: 150px;
    min-height: auto;

}

    .section-top .client-title-1 {
    font-size: 30px;
}

.animation_Corporate-before_1,
.animation_Corporate-before{
  width: 100%;
}
    .viewprojectsummary {
        width: auto;
    }
    .portfolio-tab li{
        width: 50%;
    }
    .portfolio-tab li a{
        padding: 2px;
    }
    .portfolio-tab li.active a, .portfolio-tab li a:hover {
        padding: 2px;
        margin-top: 10px;
        border-radius: 0;
    }
    .proj-instuction{
        width: 96%;
    }
     .photo_mobi {
        width: 50%;
        float: left;
    }
    .image-view li {

    }
    .image-view li a,
    .image-view li a.is_express,
    .image-view li a.not_express,
    .image-view li a.icon-note-photo{
        font-size: 11pt;
    }
    .folder-view li a.is_express, .is_express ,
    .icon-note-photo,
    .folder-view li a.icon-note-photo,

    .folder-view li a.not_express, .not_express{
        width: auto;
        height: auto;
        position: relative;
        left: 0;
        top: 0;
        border: solid 0.5px #e2e2e2;
        background: #fff;
        text-indent: 0;
       
        padding: 5px;
        min-height: 30px;
        font-size: 11pt;
    }
    .folder-view li a.icon-note-photo,
    .image-view li a.icon-note-photo{
         margin-top: 10px;
    }
    .image-view li a.is_express:link,
    .image-view li a.is_express:active,
    .image-view li a.is_express:hover,
    .image-view li a.is_express:visited,

    p a.is_express:link,
    p a.is_express:active,
    p a.is_express:hover,
    p a.is_express:visited,

    .folder-view li a.is_express:link,
    .folder-view li a.is_express:active,
    .folder-view li a.is_express:hover,
    .folder-view li a.is_express:visited,
    .folder-view li a.is_express, .is_express {

        background: #ff9174;
        color: #fff;
    }


    .animation-prophoto img{
        width: 100%;
    }
    .body-skrollr{
        display: none;
    }
    .none-skrollr{
        display: block;
    }
    .img-item.wauto img {
        width: 100%;
    }
    .content-main h1 {
        font-size: 1.3em;
    }
    .total-price {
        width: 100%;
        top: auto;
        bottom: -20px;
        z-index: 100;
        }
    .total-price p {
        font-size: 9pt;
    }

    .content-main,
    .items-list {
        width: 100%;
    }

    .category-search {
        width: 96%;
    }

    .resource-home {
        padding: 5px;
    }

    .item-top1 {
        width: 100%;
        float: none;
    }

    .item-top2 {
        width: 100%;
        float: none;
        margin-left: 0%;
    }

    .text-unit-price .Rectangle-77 {
        display: none;
    }

    .wraper-calculator {
        padding-left: 0;
    }

    .wraper-unit-price {
        position: fixed;
        top: 75px;
        left: 0;
        width: 100%;
        height: 30px;
        transform: skewY(0deg);
        padding: 0 20px;
        background: rgba(0, 0, 0, 0.9);
    }

    
    .text-unit-price p {
        width: 35%;
        float: left;
        font-size: 15px;
        text-align: right;
    }
    .text-unit-price p.text-uppercase {
        padding-right: 5px;
        width: 65%;
        
        border-right: 1px solid #f06744
    }

    .text-unit-price p.wraper-btn {
        width: 100%;
        position: fixed;
        top: 20px;
        left: 0;
        text-align: left;
    }

    .text-unit-price .wraper-btn .btn-submit {
        /*transform: skewY(0deg);*/
    }

    .bg-unit-price {

        display: none;
    }

    .row {
        padding: 0 15px;
    }

    .faq-content img {
        width: 100%;
    }

    .p-section-faq .container {
        background: none;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .list-faq {
        padding: 0;
    }

    .contact-info {
        background: url(../images/contact-bg.png) 150px bottom no-repeat;
        height: 200px;
        padding-left: 0;
        padding-top: 25px;
        background-size: contain;
        padding: 10px;
    }

    .about-content {
        box-shadow: 0;
        background-color: none;
        padding: 15px;
        margin-left: 0%;
    }

    .img-core-team {
        width: 100%;
    }

    #target {
        height: auto;
    }

    .other-mobi {
        display: block;
    }

    .other-desktop {
        display: none;
    }

    .recent-photo .img-item .Ellipse-1,
    .recent-photo .read-more .Ellipse-1,
    .recent-photo .Ellipse-1,
    .recent-photo .Ellipse-1:hover {
        right: 20px;
        top: 53px;
    }

    .p-header-client-1 {
        background: url(../images/clients/photographer-mobi.jpg) top center no-repeat;
        min-height: 550px;
    }

    .text-client-type,
    .recent-photo .text-bg-layer {
        display: block;
    }

    .col-30,
    .col-70 {
        width: 100%;
        float: none;
    }

    .col-30 {
        min-height: 100px;
    }

    .recent-photo .img-item {
        margin: 10px 0%;
        display: block;
        overflow: hidden;
        width: 100%;
        box-shadow: #0b0b0b 10px 10px 10px;


    }
}