* {
    margin: 0;
    padding: 0;
    border: 0;
}



ul {
    list-style: none;
}

a {
    text-decoration: none !important;
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/iranyekan/eot/iranyekanwebregular(fanum).eot');
    src: url('/fonts/iranyekan/eot/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('/fonts/iranyekan/woff2/iranyekanwebregular(fanum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('/fonts/iranyekan/woff/iranyekanwebregular(fanum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/iranyekan/ttf/iranyekanwebregular(fanum).ttf') format('truetype');
}

@font-face {
    font-family: iransans;
    src: url('../fonts/iransanse/IRANSansWeb.eot');
    src: url('../fonts/iransanse/IRANSansWeb.ttf') format('truetype') ;
    src: url('../fonts/iransanse/IRANSansWeb.woff') format('woff');
    src: url('../fonts/iransanse/IRANSansWeb.woff2') format('woff2');

    font-weight: normal;
}
html, body {
    height: 100%;
    width: 100%;
    font-family: iransans !important;
    direction: rtl;
    background-color: white;
}
.font13 {
    font: 13px iransans;
}

.font14 {
    font: 14px iransans;
}

.font15 {
    font: 15px iransans;
}

.font16 {
    font: 16px iransans;
}

.font17 {
    font: 17px iransans;
}

.font18 {
    font: 18px iransans;
}

.font19 {
    font: 19px iransans;
}

.font20 {
    font: 20px iransans;
}

/*------------------------------------ HEADER-Bodybuilding ------------- */

.header {
    float: right;
    width: 100%;
    height: auto;
    background: #ffffff;
}

.header .header_right {
    /*width: 50%;*/
    height: auto;
    float: right;
    /*background: #00a157;*/
}

.header .header_right a {
    display: block;
    /*float: right;*/
    color: black;
    line-height: 67px;
}

.header .header_right a img {
    width: 100%;
    height: 75px;
    float: right;
}

.header .header_left {
    /*width: 50%;*/
    height: auto;
    float: left;
    /*background: #8a8a8a;*/
}

.header .header_left a {
    display: block;
    float: left;
    color: black;
    line-height: 67px;
}

@media (max-width: 1050px) {

    .header .header_left a {
        /*display: none;*/
    }
}

/*------------------------------------ END HEADER-Bodybuilding -------------*/

/*------------------------- WELCOME SECTION -----------------------*/
.padding {
    float: right;
    height: auto;
    /*box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.1);*/
    /*
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
    */
    position: relative;
    /*margin-bottom: 30px;*/
}

.welcome {
    margin: 0 auto;

}

.welcome p {
    font-family: iranyekan;
    font-size: 40px;
    /*font-weight: bolder;*/
    margin-top: 40px;

}

.welcome h1 {
    font-weight: initial;
    color: #3a535e;
    font-size: 20px;
    margin-bottom: 30px;

}
@media (max-width:700px){
    .welcome p {
        font-family: iranyekan;
        font-size: 5vw;
        /*font-weight: bolder;*/
        margin-top: 40px;
    }
    
    .welcome h1 {
        font-weight: initial;
        color: #707172;
        font-size: 5vw;
        margin-bottom: 30px;

}
}

/*------------------------- END WELCOME SECTION -----------------------*/


.unique-part1{
 width: 75%;
    position: absolute;
    right: 14px;
    
}

.unique-part2{
    width: 50%;
    height: 250px;
    position: absolute;
    right: 15% !important;
    top: 117px !important;
    
}

@media (min-width: 1024px) {
    
.unique-part1{
width: 44%;
    position: absolute;
    right: 13%;
    
}

.unique-part2{
   width: 34%;
    height: 124px;
    position: absolute;
    right: 15% !important;
    top: 95%!important;
    
}
}




@media (max-width: 768px) {
    
.unique-part1{
    top: 30%;
    width: 45%;
    position: absolute;
    right: 26%;
    
}

.unique-part2{
width: 35%;
    height: 233px;
    position: absolute;
    right: 29% !important;
    top: 24% !important;
    
}
}



@media (max-width: 425px) {
    
.unique-part1{
     top: 105%;
    width: 45%;
    position: absolute;
    right: 26%;
    
}

.unique-part2{
width: 35%;
    height: 137px;
    position: absolute;
    right: 29% !important;
    top: 89% !important;
    
}
}



@media (max-width: 320px) {
    
.unique-part1{
      top: 105%;
    width: 45%;
    position: absolute;
    right: 26%;
    
}

.unique-part2{
width: 35%;
    height: 90px;
    position: absolute;
    right: 29% !important;
    top: 111% !important;
    
}
}

/*--------------------------------- slider-fixed -----------------------*/

.img-backg {
    background: url("../images/xbody-france.jpg") no-repeat center;
    margin-top: 3px;
    /*position: fixed;*/
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 551px;
    background-size: cover;
    float: right;
    /*background-position: center center;*/
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    /*border-radius: 4px;*/
    background-attachment: fixed;

}

.img-backg .cover {
    width: 100%;
    height: 593px;
    /*background: #2c3e50;*/
    background-image: linear-gradient(305deg, rgba(255, 255, 255, 0.75) 33%, rgba(0, 48, 65, 0.27) 93%);

}

.row-container {
    width: 100%;
    height: auto;
    float: right;
    /*border-radius: 4px;*/
    /*background: #0c5460;*/

}

.row-container-first .row-container-full {
    width: 93%;
    height: 100%;
    /*background: #0069d9;*/
    margin: 0 auto;
    padding-bottom: 36px;
    padding-top: 100px;
    /*border-radius: 4px;*/
}

.row-container .row-container-full {
    width: 73%;
    height: 100%;
    /*background: #0069d9;*/
    margin: 0 auto;
    padding-bottom: 20px;
    /*border-radius: 4px;*/
}

.cover-bool {
    width: 95%;
    height: auto;
    margin: 20px 0 0 0;
    /*background: #f47d4e;*/
    float: right;
    /*border-radius: 4px;*/
}

.cover-bool:after {
    clear: both;
}

/*
.item-fool:nth-child(1) {
    right: -1000px;
    transition: all 1s;
    !*background: #2c3e50;*!
}

.item-fool:nth-child(2) {
    right: -1000px;
    transition: all 0.5s 0.2s;
}

.cover-bool .item-fool {
    width: 100%;
    height: 200px;
    float: right;
    !*background: white;*!
    overflow: hidden;
    margin: 0 auto;
    !*border-radius: 4px;*!
}

.front-item, .back-item {
    position: absolute;
    width: 90%;
    height: 100%;
    background: rgba(253, 253, 255, 0.8);
    float: right;
    transition: all .7s;
    backface-visibility: hidden;
    !*margin: 7% 10%;*!
    border-radius: 0;
    !*opacity: 1!important;*!
}

.item-fool:hover .front-item,
.item-fool.active .front-item {
    transform: rotateY(-180deg);
}

.item-fool:hover .back-item,
.item-fool.active .back-item {
    transform: rotateY(0deg);
    z-index: 3;
}
*/

.front-item {
    z-index: 2;
    transform: rotateY(0deg);
    /*outline: 2px solid #ffffff57;
    outline-offset: -11px;*/
    box-shadow: 0px 3px 13px 3px rgba(0, 0, 0, 0.65);
    height: 146px;
    border-radius: 10px !important;
}

/*.back-item {
    transform: rotateY(-180deg);
    z-index: 1;
}*/

.front-item img {
    width: 65%;
    height: 100%;
    border-radius: 10px 0 0 10px !important;
    float: left;
}

.back-item .middle {
    position: absolute;
    /* width: 60%; */
    
    bottom: 30% !important;
    right: 63%;
    width: 15%;
    background: #fdfefecc;
    height: 21%;
    font-size: 12px;
    border-radius: 5px;
    color: black;
    z-index: 3;
}

.back-item .middle2 {
    position: absolute;
    width: 60%;
    margin: 75px 20% 10% 20%;
    
    z-index: 3;
    top:-2% !important;
    /*left: 30%;*/
    /*
    border: 2px solid #df2726;
    */

}
.back-item .middle3 {
    position: absolute;
    /* width: 60%; */
    bottom: 4%;
    right: 63%;
    width: 15%;
    background: #fdfefecc;
    height: 21%;
    font-size: 12px;
    border-radius: 5px;
    color: black;
    z-index: 3;
}
 
.back-item .middle4 {
    position: absolute;
    width: 60%;
    margin: 75px 20% 10% 20%;
    top: 0;
    z-index: 3;
    /*left: 30%;*/
    /*
    border: 2px solid #df2726;
    */

}


.back-item .midxx {
    position: absolute;
    width: 60%;
    margin: 75px 20% 10% 20%;
    top: 0;
    z-index: 3;
    /*left: 30%;*/
    /*
    border: 2px solid #df2726;
    */

}
.back-item .btnx::before {
    background: #df2726;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all .3s ease-in-out;
    border-radius: 5px !important;
}

.back-item .btn1::before {
    width: 0;
    height: 100%;
}

.btn1:hover::before {
    width: 100%;
        border-radius: 5px !important;

}

.back-item .btn1 p {
    padding-top: 7%;
    color: black;
    transition: all .6s ease-in-out;
    padding-bottom: 1%;
}
.back-item .btn1:hover{
    border-radius: 5px !important;
}
.back-item .middle:hover p {
    color: white;
    transition: all .6s ease-in-out;
}

.back-item .middle2:hover p {
    color: white;
    transition: all .6s ease-in-out;
}

@media (max-width: 1700px) {

    .back-item .middle2 {
        position: absolute;
        width: 15%;
        height: 21%;
        background: #dc3545;
        right: 59%;
        top: 24%;
        border-radius: 5px;
        font-size: 12px;
        box-shadow: 2px 6px 3px 6px #00000014;
    }
    

  
.back-item .middle4 {
      position: absolute;
        width: 15%;
        height: 21%;
        background: #dc3545;
        right: 59%;
        top: 25%;
        border-radius: 5px;
        font-size: 12px;
        box-shadow: 2px 6px 3px 6px #00000014;
}

}

/*@media (max-width: 1300px) {*/

/*    .row-container {*/
/*        width: 100%;*/
/*        height: auto;*/
/*        float: right;*/
        /*background: #0c5460;*/

/*    }*/

/*    .row-container-first .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
/*        padding-bottom: 10px;*/
/*        padding-top: 0;*/
/*        padding-right: 15px;*/
/*    }*/

/*    .row-container .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
/*        padding-right: 15px;*/
/*    }*/

/*    .cover-bool {*/
/*        width: 95%;*/
/*        height: auto;*/
/*        margin: 20px 0 0 0;*/
        /*background: #f47d4e;*/
/*        float: right;*/
/*    }*/

/*    .cover-bool .item-fool {*/
/*        width: 70%;*/
/*        height: 150px;*/
/*        float: right;*/
        /*background: rgba(253, 253, 255, 0.64);*/
/*        overflow: hidden;*/
/*        margin: 0 auto;*/
/*        padding-top: 100px;*/
/*    }*/

/*    .item-fool .front-item, .item-fool .back-item {*/
/*        position: absolute;*/
/*        width: 85%;*/
/*        height: 100%;*/
/*        background: rgba(253, 253, 255, 0.64);*/
/*        float: right;*/
/*        transition: all .7s;*/
/*        backface-visibility: hidden;*/
        /*margin: 7% 10%;*/
/*    }*/

/*    .front-item img {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*    }*/

/*    .row-container {*/
/*        width: 100%;*/
/*        height: 50%;*/
/*        float: right;*/

/*    }*/

/*    .row-container .row-container-full {*/
/*        width: 100%;*/
/*        height: 50%;*/
/*        margin: 0 auto;*/
/*    }*/

/*    .back-item .middle {*/
/*        position: absolute;*/
/*        width: 10vw;*/
/*        margin: 10px 15% 0 15%;*/
        /*top: 10%;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/

/*    }*/

/*    .back-item .middle2 {*/
/*        position: absolute;*/
/*        width: 10vw;*/
/*        margin: 80px 15% 10% 15%;*/
        /*top: 10%;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/
/*    }*/

/*}*/

/*@media (max-width: 992px) {*/
/*    .row-container {*/
/*        width: 100%;*/
/*        height: auto;*/
/*        float: right;*/
        /*background: #0c5460;*/

/*    }*/

/*    .row-container-first .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
/*        padding-bottom: 10px;*/
/*        padding-top: 0;*/
/*        padding-right: 50px;*/
/*    }*/

/*    .row-container .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
/*        padding-right: 50px;*/
/*    }*/

/*    .cover-bool {*/
/*        width: 95%;*/
/*        height: auto;*/
/*        margin: 20px 0 0 0;*/
        /*background: #f47d4e;*/
/*        float: right;*/
/*    }*/

/*    .cover-bool .item-fool {*/
/*        width: 70%;*/
/*        height: 150px;*/
/*        float: right;*/
        /*background: white;*/
/*        overflow: hidden;*/
/*        margin: 0 auto;*/
/*        padding-top: 0;*/
/*    }*/

/*    .item-fool .front-item, .item-fool .back-item {*/
/*        position: absolute;*/
/*        width: 70%;*/
/*        height: 100%;*/
/*        background: rgba(253, 253, 255, 0.64);*/
/*        float: right;*/
/*        transition: all .7s;*/
/*        backface-visibility: hidden;*/
        /*margin: 7% 10%;*/
/*    }*/

/*    .front-item img {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*    }*/

/*    .row-container {*/
/*        width: 100%;*/
/*        height: 50%;*/
/*        float: right;*/

/*    }*/

/*    .row-container .row-container-full {*/
/*        width: 100%;*/
/*        height: 50%;*/
/*        margin: 0 auto;*/
/*    }*/

/*    .back-item .middle {*/
/*        position: absolute;*/
/*        width: 20vw;*/
/*        margin: 5% 15% 0 15%;*/
        /*top: 10%;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/

/*    }*/

/*    .back-item .middle2 {*/
/*        position: absolute;*/
/*        width: 20vw;*/
/*        margin: 80px 15% 10% 15%;*/
        /*top: 10%;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/
/*    }*/

/*}*/

/*@media (max-width: 768px) {*/

/*    .img-backg {*/
/*        width: 100%;*/
/*        height: auto;*/
/*    }*/

/*    .cover {*/
/*        width: 100%;*/
/*        height: auto;*/
/*        padding-bottom: 20px;*/
/*    }*/

/*    .cover-bool {*/
/*        width: 95%;*/
/*        height: auto;*/
/*        margin: 20px 0 0 0;*/
        /*background: #f47d4e;*/
/*        float: right;*/
/*    }*/

/*    .row-container-first .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
/*        padding-bottom: 10px;*/
/*        padding-top: 0;*/
/*        padding-right: 15px;*/
/*    }*/

/*    .row-container .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
/*        padding-right: 15px;*/
/*    }*/

/*    .front-item img {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*    }*/

/*    .row-container {*/
/*        width: 100%;*/
/*        height: 50%;*/
/*        float: right;*/
        /*background: #0c5460;*/

/*    }*/

/*    .back-item .middle {*/
/*        position: absolute;*/
/*        width: 20vw;*/
/*        margin: 3% 13%;*/
/*        top: 0;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/

/*    }*/

/*    .back-item .middle2 {*/
/*        position: absolute;*/
/*        width: 20vw;*/
/*        margin: 90px 13% 10% 13%;*/
        /*top: 10%;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/
/*    }*/

/*    #img-backg .cover-bool {*/
/*        width: 90%;*/
/*        height: 70%;*/
        /*background: #2c3e50;*/
/*        margin: 80px auto;*/
/*    }*/

/*    #img-backg .cover-bool .item-fool {*/
/*        width: 150px;*/
/*        height: 150px;*/
/*        float: right;*/
/*        overflow: hidden;*/
/*        margin: 5px 5px;*/
/*    }*/

/*    #img-backg .cover-bool .item-fool .front-item, .back-item {*/
/*        position: absolute;*/
/*        width: 150px;*/
/*        height: 150px;*/
/*        background: rgba(192, 192, 192, 0.6);*/
/*        float: right;*/
/*        transition: all .7s;*/
/*        backface-visibility: hidden;*/
/*    }*/

/*}*/

/*@media (max-width: 576px) {*/

/*    .cover-bool {*/
/*        width: 95%;*/
/*        height: auto;*/
/*        margin: 20px 0 0 0;*/
        /*background: #f47d4e;*/
/*        float: right;*/
/*    }*/

/*    .cover-bool .item-fool {*/
/*        width: 100%;*/
/*        height: 150px;*/
/*        float: right;*/
        /*background: white;*/
/*        overflow: hidden;*/
/*        margin: 0 0;*/
/*    }*/

/*    .item-fool .front-item, .item-fool .back-item {*/
/*        position: absolute;*/
/*        width: 90%;*/
/*        height: 100%;*/
/*        background: rgba(253, 253, 255, 0.64);*/
/*        float: right;*/
/*        transition: all .7s;*/
/*        backface-visibility: hidden;*/
        /*margin: 7% 10%;*/
/*    }*/

/*    .front-item img {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*    }*/

/*    .row-container {*/
/*        width: 100%;*/
/*        height: 50%;*/
/*        float: right;*/
        /*background: #0c5460;*/

/*    }*/

/*    .row-container-first .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
/*        padding-bottom: 10px;*/
/*        padding-top: 0;*/
        /*padding-right: 40px;*/
/*        padding-left: 20px;*/
/*    }*/

/*    .row-container .row-container-full {*/
/*        width: 100%;*/
/*        height: 100%;*/
        /*background: #0069d9;*/
/*        margin: 0 auto;*/
        /*padding-right: 40px;*/
/*        padding-left: 20px;*/
/*    }*/

/*    .back-item .middle {*/
/*        position: absolute;*/
/*        width: 20vw;*/
/*        margin: 10% 20% 10% 20%;*/
/*        top: 0;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/

/*    }*/

/*    .back-item .middle2 {*/
/*        position: absolute;*/
/*        width: 20vw;*/
/*        margin: 80px 20% 10% 20%;*/
        /*top: 10%;*/
        /*left: 30%;*/
/*        border: 2px solid #df2726;*/
/*    }*/

/*}*/

@media (max-width: 1300px) {

    .row-container {
        width: 100%;
        height: auto;
        float: right;
        /*background: #0c5460;*/

    }

    .row-container-first .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding: 0 20px 10px;
    }

    .row-container .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-right: 20px;
        padding-left: 20px;
    }

    .cover-bool {
        width: 95%;
        height: auto;
        margin: 20px 0 0 0;
        /*background: #f47d4e;*/
        float: right;
    }

    .cover-bool .item-fool {
        width: 200px;
        height: 150px;
        float: right;
        /*background: rgba(253, 253, 255, 0.64);*/
        overflow: hidden;
        margin: 0 auto;
        padding-top: 100px;
    }

    .item-fool .front-item, .item-fool .back-item {
        position: absolute;
        width: 70%;
        height: 90%;
        background: rgba(253, 253, 255, 0.64);
        float: right;
        transition: all .7s;
        backface-visibility: hidden;
        /*margin: 7% 10%;*/
    }

    .front-item img {
        width: 65%;
        height: 100%;
        border-radius: 10px 0 0 10px !important;
        float: left;
    }

    .row-container {
        width: 100%;
        height: 50%;
        float: right;

    }

    .row-container .row-container-full {
        width: 73%;
        height: 50%;
        margin: 0 auto;
    }

    .back-item .middle {
        position: absolute;
        width: 7vw;
        margin: 10px 1% 0 15%;
        bottom: 79% !important;
        /*top: 10%;*/
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */

    }

    .back-item .middle2 {
        position: absolute;
        width: 7vw;
        margin: 35px 5% 10% 15%;
        /*top: 10%;*/
        /*left: 30%;*/
        border: 2px solid #df2726;
    }




    .back-item .middle3 {
        position: absolute;
        width: 7vw;
        margin: 10px 1% 0 15%;
        bottom: 79% !important;
        top: 43%;
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */

    }

    .back-item .middle4 {
        position: absolute;
        width: 7vw;
        margin: 35px 5% 10% 15%;
        top: 49%;
        /*left: 30%;*/
        border: 2px solid #df2726;
    }
}

@media (max-width: 992px) {
    .row-container {
        width: 100%;
        height: auto;
        float: right;
        /*background: #0c5460;*/

    }

    .row-container-first .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-bottom: 10px;
        padding-top: 0;
        padding-right: 40px;
    }

    .row-container .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-right: 40px;
    }

    .cover-bool {
        /*width: 200px;*/
        height: auto;
        margin: 20px 0 0 0;
        /*background: #f47d4e;*/
        float: right;
    }

    .cover-bool .item-fool {
        width: 250px;
        height: 150px;
        float: right;
        /*background: white;*/
        overflow: hidden;
        margin: 0 auto;
        padding-top: 0;
        padding-right: 22%;
    }

    .item-fool .front-item, .item-fool .back-item {
        position: absolute;
        width: 80%;
        height: 100%;
        background: rgba(253, 253, 255, 0.64);
        float: right;
        transition: all .7s;
        backface-visibility: visible;
        /*margin: 7% 10%;*/
        border-radius: 14px !important;
    }

    .front-item img {
        width: 65%;
        height: 100%;
        border-radius: 10px 0 0 10px !important;
        float: left;
    }

    .row-container {
        width: 100%;
        height: 50%;
        float: right;

    }

    .row-container .row-container-full {
        width: 100%;
        height: 50%;
        margin: 0 auto;
    }

    .back-item .middle {
        position: absolute;
        width: 10vw;
        margin: 5% 2% 0 15%;
        /*top: 10%;*/
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */

    }

    .back-item .middle2 {
        position: absolute;
        width: 10vw;
        margin: 40px 6% 10% 15%;
        /*top: 10%;*/
        /*left: 30%;*/
        border: 2px solid #df2726;
    }

}

@media (max-width: 768px) {

    .row-container {
        width: 100%;
        height: auto;
        float: right;
        /*background: #0c5460;*/

    }
   

    .row-container-first .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-bottom: 0;
        padding-top: 2%;
        padding-right: 40px;
    }

    .row-container .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-right: 40px;
    }

    .cover-bool {
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        /*background: #f47d4e;*/
        float: right;
    }

    .cover-bool .item-fool {
        width: 250px;
        height: 170px;
        float: right;
        /*background: white;*/
        overflow: hidden;
        margin: 0 auto;
        padding-top: 0;
        padding-right: 17%;
    }

    .item-fool .front-item, .item-fool .back-item {
        position: absolute;
        width: 90%;
        height: 75%;
        background: rgba(253, 253, 255, 0.64);
        float: right;
        transition: all .7s;
        backface-visibility: hidden;
        /*margin: 7% 10%;*/
    }

    .front-item img {
        width: 65%;
        height: 100%;
        border-radius: 10px 0 0 10px !important;
        float: left;
    }

    .row-container {
        width: 100%;
        height: 50%;
        float: right;

    }

    .row-container .row-container-full {
        width: 100%;
        height: 50%;
        margin: 0 auto;
    }

    .back-item .middle {
        position: absolute;
        width: 10vw;
        margin: 4% 12% 0 15%;
        /*top: 10%;*/
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */

    }

    .back-item .middle2 {
        position: absolute;
        width: 10vw;
        margin: 50px 12% 10% 15%;
        top: -14% !important;
        right: 63%;
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */
    }
    
    
    .back-item .middle3 {
        position: absolute;
        width: 10vw;
        margin: 4% 12% 0 15%;
        /*top: 10%;*/
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */

    }

    .back-item .middle4 {
        position: absolute;
        width: 10vw;
        margin: 50px 12% 10% 15%;
        top: 37% !important;
        right: 63%;
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */
    }


}

@media (max-width: 576px) {

    .row-container {
        width: 100%;
        height: auto;
        float: right;
        /*background: #0c5460;*/

    }

    .row-container-first .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-bottom: 0;
        padding-top: 2%;
        padding-right: 40px;
    }

    .row-container .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-right: 40px;
    }

    .cover-bool {
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
        /*background: #f47d4e;*/
        float: right;
    }

    .cover-bool .item-fool {
        width: 150px;
        height: 170px;
        float: right;
        /*background: white;*/
        overflow: hidden;
        margin: 0 auto;
        padding-top: 0;
        padding-right: 8%;
    }

    .item-fool .front-item, .item-fool .back-item {
        position: absolute;
        width: 90%;
        height: 70%;
        background: rgba(253, 253, 255, 0.64);
        float: right;
        transition: all .7s;
        backface-visibility: hidden;
        /*margin: 7% 10%;*/
    }

    .front-item img {
        width: 65%;
        height: 100%;
        border-radius: 10px 0 0 10px !important;
        float: left;
    }

    .row-container {
        width: 100%;
        height: 50%;
        float: right;

    }

    .row-container .row-container-full {
        width: 100%;
        height: 50%;
        margin: 0 auto;
    }

    .back-item .middle {
        position: absolute;
        width: 22vw;
        margin: 4% 12% 0 15%;
        /*top: 10%;*/
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */

    }

    .back-item .middle2 {
        position: absolute;
        width: 22vw;
        margin: 50px 12% 10% 15%;
        /*top: 10%;*/
        /*left: 30%;*/
        /*
        border: 2px solid #df2726;
        */
    }

}

@media (max-width: 450px) {

    .img-backg .cover {
    height: 1178px;
    }
    .cover-bool {
        width: 100%;
        height: 100%;
        margin: 20px 0 0 0;
        /*background: #f47d4e;*/
        float: right;
    }

    .cover-bool .item-fool {
        width: 140px;
        height: 150px;
        float: right;
        /*background: white;*/
        overflow: hidden;
        margin: 0 0;
        padding-right: 5%;
    }

    .item-fool .front-item, .item-fool .back-item {
        position: absolute;
        width: 90%;
        height: 76%;
        background: rgba(253, 253, 255, 0.64);
        float: right;
        transition: all .7s;
        backface-visibility: hidden;
        /*margin: 7% 10%;*/
    }

    .front-item img {
        width: 65%;
        height: 100%;
        border-radius: 10px 0 0 10px !important;
        float: left;
    }

    .row-container {
        width: 100%;
        height: 50%;
        float: right;
        /*background: #0c5460;*/

    }

    .row-container-first .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-bottom: 10px;
        padding-top: 0;
        padding-right: 20px;
        padding-left: 20px;
    }

    .row-container .row-container-full {
        width: 100%;
        height: 100%;
        /*background: #0069d9;*/
        margin: 0 auto;
        padding-right: 20px;
        padding-left: 20px;
    }

    .back-item .middle {
        position: absolute;
      width: 17vw;
    top: 6%;
    left: 30%;
    right: 37%;
    z-index: +5;
        /*
        border: 2px solid #df2726;
        */
        height: 25%;
    }
    
    

    .back-item .middle3 {
        position: absolute;
      width: 17vw;
    top: 50%;
    left: 30%;
    right: 37%;
    z-index: +5;
        /*
        border: 2px solid #df2726;
        */
        height: 25%;
    }

    .back-item .middle2 {
        position: absolute;
        width: 30vw;
        margin: 30px 11% 10% 15%;
        border: 2px solid #df2726;
    }

    .img-backg{
        height: 1168px;
    }
}


/*--------------------------------- end fixed-stop --------------------*/
/*------------------------------- Column-Section -------------------*/
/*.section-1 {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    background-color: #f4f4f6;*/
/*    margin: 0;*/
/*    float: right;*/
/*}*/

/*.section-right-x {*/
/*    width: 100%;*/
/*    float: right;*/
/*    height: 100%;*/
/*}*/

/*.section-right-x {*/

/*}*/

/*.section-right-xx {*/
/*    width: 300px;*/
    /*line-height:100px;*/
/*    height: 100px;*/
    /*background: #2c3e50;*/
/*    margin: 150px 100px 0 0;*/
    /*transform: skewX(-11deg) translate3d(0, 0, 0);*/
/*    border-right: 10px solid red;*/
/*}*/

/*.section-right-xx p {*/
    /*width: 100px;*/
    /*height: 100px;*/
    /*background: #2c3e50;*/
    /*margin: 100px 100px 0 0;*/
    /*border-right: 10px solid #8d2108;*/
/*    font-family: iranyekan;*/
/*    font-size: 30px;*/
    /*font-weight: bolder;*/
/*    float: right;*/
/*}*/

/*.section-left-y {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    margin-top: 100px;*/
    /*margin: 0!important;*/
    /*padding: 0!important;*/

/*}*/

/*.section-left-y .section-left-ya {*/
/*    height: 110px;*/
    /*background: green;*/
    /*margin: 0;*/
/*    padding: 0;*/
/*    margin-bottom: 30px;*/
/*}*/

/*.section-left-ya .section-left-yaa {*/
/*    height: 110px;*/
    /*background: #0069d9;*/
/*    float: right;*/
    /*margin-left: 5px;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.section-left-ya .section-left-yaa p {*/
/*    font-family: iranyekan;*/
/*    font-size: 20px;*/
    /*font-weight: bolder;*/
/*    color: red;*/
/*    text-align:right;*/
    /*padding-top: 20px;*/

/*}*/

/*.section-left-ya .section-left-yaa p i {*/
/*    font-size: 15px;*/
/*    color: red;*/
/*}*/

/*.section-left-ya .section-left-yaa h1 {*/
/*    font-family: iranyekan;*/
/*    font-size: 20px;*/
    /*font-weight: bolder;*/
/*    color: #707172;*/
/*    text-align: right;*/
/*}*/

/*.section-left-ya .section-left-yab {*/
/*    height: 110px;*/
    /*background: #3f8499;*/
/*    float: left;*/
    /*margin-bottom: 10px;*/
/*}*/

/*.section-left-ya .section-left-yab p {*/
/*    font-family: iranyekan;*/
/*    font-size: 20px;*/
    /*font-weight: bolder;*/
/*    color: red;*/
    /*padding-top: 10px;*/
/*    text-align:right;*/
/*}*/

/*.section-left-ya .section-left-yab h1 {*/
/*    font-family: iranyekan;*/
/*    font-size: 20px;*/
    /*font-weight: bolder;*/
/*    text-align:right;*/
/*    color: #707172;*/
/*}*/

/*.section-left-ya .section-left-yab p i {*/
/*    font-size: 15px;*/
/*    color: red;*/
/*}*/

/*@media (max-width: 770px ) {*/
/*    .section-right-xx {*/
/*        width: 300px;*/
        /*line-height:100px;*/
/*        height: 100px;*/
        /*background: #2c3e50;*/
/*        margin: 50px 30px 0 0;*/
        /*transform: skewX(-11deg) translate3d(0, 0, 0);*/
/*        border-right: 10px solid red;*/
/*    }*/
/*}*/

/*@media (max-width: 700px ) {*/

/*    .section-right-xx p {*/
        /*width: 100px;*/
        /*height: 100px;*/
        /*background: #2c3e50;*/
        /*margin: 100px 100px 0 0;*/
        /*border-right: 10px solid #8d2108;*/
/*        font-family: iranyekan;*/
/*        font-size: 30px;*/
        /*font-weight: bolder;*/
/*        float: right;*/
/*    }*/

/*    .section-left-ya .section-left-yab {*/
/*        height: 80px;*/
        /*background: #3f8499;*/
/*        float: left;*/
/*        margin-bottom: 30px;*/
/*    }*/
    
/*    .section-left-y .section-left-ya {*/
/*        height: 80px;*/
        /*background: green;*/
        /*margin: 0;*/
/*        padding: 0;*/
/*        margin-bottom: 30px;*/
/*    }*/

/*    .section-left-ya .section-left-yaa {*/
/*        height: 80px;*/
        /*background: #0069d9;*/
/*        float: right;*/
        /*margin-left: 5px;*/
/*        margin-bottom: 10px;*/
/*    }*/

/*}*/

/*.section-left-y {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    margin-top: 50px;*/
    /*margin: 0!important;*/
    /*padding: 0!important;*/

/*}*/

/*@media (max-width: 470px) {*/
    
/*    .section-left-ya .section-left-yaa p {*/
/*        font-size: 4vw;*/
/*    }*/

/*    .section-left-ya .section-left-yaa h1 {*/
/*        font-size: 4vw;*/
/*    }*/

/*    .section-left-ya .section-left-yab p {*/
/*        font-size: 4vw;*/
/*    }*/

/*    .section-left-ya .section-left-yab h1 {*/
/*        font-size: 4vw;*/
/*    }*/
/*}*/

/*@media (max-width: 450px ) {*/
/*    .section-right-xx {*/
/*        width: 280px;*/
/*        margin: 50px 30px 0 0;*/
/*    }*/
    
/*    .section-left-ya .section-left-yab {*/
/*        height: 80px;*/
        /*background: #3f8499;*/
/*        float: left;*/
/*        margin-bottom: 0px;*/
/*    }*/
/*}*/

.section-1 {
    width: 100%;
    height: auto;
    background-color: #f4f4f6;
    margin: 0 0 0 0;
    float: right;
}

.section-right-x {
    width: 100%;
    float: right;
    height: 100%;
}

.section-right-x {

}

.section-right-xx {
    width: 300px;
    height: 100px;
    /*background: #2c3e50;*/
    margin: 150px 100px 0 0;
    /*transform: skewX(-11deg) translate3d(0, 0, 0);*/
    border-right: 10px solid #d6002a;
}

.section-right-xx p {
    /*width: 100px;*/
    /*height: 100px;*/
    /*background: #2c3e50;*/
    /*margin: 100px 100px 0 0;*/
    /*border-right: 10px solid #8d2108;*/
    font-family: iranyekan;
    font-size: 30px;
    /*font-weight: bolder;*/
    float: right;
}

.section-left-y {
    height: auto;
    margin-top: 100px;
}

.section-left-y .section-left-ya {
    height: 110px;
    /*background: green;*/
    margin-bottom: 30px;
}

.section-left-ya .section-left-yaa {
    height: 110px;
    /*background: #0069d9;*/
    float: right;
    /*margin-left: 5px;*/
    margin-bottom: 10px;
    text-align: right;
}

.section-left-ya .section-left-yaa p {
    font-family: iranyekan;
    font-size: 15px;
    /*font-weight: bolder;*/
    color: #707172;
    /*padding-top: 20px;*/

}

.section-left-ya .section-left-yaa p i {
    font-size: 15px;
}

.section-left-ya .section-left-yaa h1 {
    font-family: iranyekan;
    font-size: 18px;
    /*font-weight: bolder;*/
    color: #d6002a;

}

.section-left-ya .section-left-yab {
    height: 110px;
    /*background: #3f8499;*/
    float: left;
    margin-bottom: 10px;
    text-align: right;
}

.section-left-ya .section-left-yab p {
    font-family: iranyekan;
    font-size: 15px;
    /*font-weight: bolder;*/
    padding-top: 0;
    color: #707172;

}

.section-left-ya .section-left-yab h1 {
    font-family: iranyekan;
    font-size: 18px;
    /*font-weight: bolder;*/
    color: #d6002a;

}

.section-left-ya .section-left-yab p i {
    font-size: 15px;
    color: #d6002a;
}

@media (max-width: 1000px ){
    
    .section-right-xx {
        width: 300px;
        height: 100px;
        /*background: #2c3e50;*/
        margin: 50px 50px 0 0;
        border-right: 10px solid #d6002a;
    }
    
    .section-left-ya .section-left-yaa {
        height: 110px;
        /*background: #3f8499;*/
        float: left;
        margin-bottom: 30px;
        text-align: center;
    }
    
    .section-left-ya .section-left-yab {
        height: 110px;
        /*background: #0069d9;*/
        float: right;
        /*margin-left: 5px;*/
        margin-bottom: 10px;
        text-align: center;
    }
}


@media (max-width: 700px ) {
    .section-right-xx {
        width: 300px;
        height: 100px;
        /*background: #2c3e50;*/
        margin: 50px 50px 0 0;
        border-right: 10px solid #d6002a;
    }

    .section-right-xx p {
        /*width: 100px;*/
        /*height: 100px;*/
        /*background: #2c3e50;*/
        /*margin: 100px 100px 0 0;*/
        /*border-right: 10px solid #8d2108;*/
        font-family: iranyekan;
        font-size: 30px;
        /*font-weight: bolder;*/
        float: right;
    }

    .section-left-ya .section-left-yab {
        height: 47px;
        /*background: #3f8499;*/
        float: left;
        margin-bottom: 30px;
        text-align: center;
    }
    
    .section-left-ya .section-left-yaa {
        height: 47px;
        /*background: #3f8499;*/
        float: left;
        margin-bottom: 30px;
        text-align: center;
    }

}

@media (max-width: 470px) {
    .section-left-ya .section-left-yaa p {
        font-size: 4vw;
    }

    .section-left-ya .section-left-yaa h1 {
        font-size: 4vw;
    }

    .section-left-ya .section-left-yab p {
        font-size: 4vw;
    }

    .section-left-ya .section-left-yab h1 {
        font-size: 4vw;
    }
    
}

@media (max-width: 450px ) {
    .section-right-xx {
        width: 280px;
        margin: 100px 0 0 0;
    }
}

/*------------------------------- END Column-Section -------------------*/
/*---------------------------- slide-2 ---------------------------------*/
.slider-2 {
    height: 42vw;
    margin-top: 10px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    /*.slider-2 {*/
    /*height: 45vw;*/
    /*}*/
    /*.img-slide-2 img {*/
    /*height: 45vw !important;*/
    /*}*/
}

/*---------------------------- END slide-2 ---------------------------------*/
/*---------------------------- Cards -----------------------------------*/
.Cards-full {
    height: auto;
    background: #ffffff;
    float: right;
    box-shadow: -5px -5px 15px 0 rgba(0, 0, 0, 0.1);
}

.Cards-full h1 {
    font-family: iranyekan;
    padding-top: 40px;
    font-size: 40px;
    /*font-weight: bolder;*/
}

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

.Cards-col4 {
    height: 500px;
    /*background: #5bc0de;*/
    margin-bottom: 20px;
}

.Cards-col4 img {
    width: auto;
    height: auto;
}

.Cards-col4 h3  {
    font-family: iranyekan;
    /*font-weight: bolder;*/
    font-size: 30px;
    margin-top: 50px;
    color: #ff0000;
}

.Cards-col4 p{
    font-family: iranyekan;
    /*font-weight: bolder;*/
    font-size: 17px;
    margin-top: 13px;
    color: #707172;
}

@media (max-width: 900px) {
    .Cards-col4 h1 {
        font-family: iranyekan;
        /*font-weight: bolder;*/
        font-size: 17px;
        margin-top: -30px;
        color: #707172;
    }

}

/*---------------------------- End Cards -----------------------------------*/
/*------------------------------- Item-Only --------------------------------*/
.Item-full {
    height: auto;
    width: 100%;
    background: #eee7de;
    margin-top: 40px;
    float: right;
    /*
    border-top: 5px solid #2c3e50;
    */
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    /*
    box-shadow: 0 -11px 48px 10px rgba(0, 0, 0, 0.2);
    */
    /*margin-top: 60px;*/
}

.img-item-only {
    width: 100%;
    height: auto;
    /*background: #0c5460;*/

}

.img-item-only img {
    width: auto;
    height: auto;
    margin-top: 142px;
}

.item-left {
    width: 90%;
    height: 500px;
    margin-top: 142px;
}

.title-item-only {
    width: 99%;
    height: 8%;
    /*background: #0c5460;*/
    margin: 30px 15% 0 15%;
}

.title-item-only p {
    font-family: iranyekan;
    /*font-weight: bolder;*/
    font-size: 2vw;
    padding-top: 20px;
    text-align: right;
}

.paragraph-item-only {
    width: 90%;
    height: 70%;
    /*background: #0c5460;*/
    margin: 20px 15% 0 15%;
}

.paragraph-item-only p {
    font-family: iranyekan;
    /* font-weight: bolder; */
    font-size: 15px;
    padding-top: 30px;
    line-height: 32px;
    text-align: justify;
    color: #3a535e;
}

@media (max-width: 800px) {
    .img-item-only img {
        margin-right: -40px;
    }
    
    .title-item-only p {
        font-family: iranyekan;
        /*font-weight: bolder;*/
        font-size: 2vw;
        padding-top: 20px;
        text-align: right;
    }
    
    .paragraph-item-only p {
        font-family: iranyekan;
        /*font-weight: bolder;*/
        font-size: 1.8vw;
        padding-top: 30px;
        text-align: justify;
        color: #7e7d7d;
}
}

@media (max-width: 700px) {
    .img-item-only img {
        width: 92vw;
        height: auto;
        margin: 0 auto;
        padding-top: 33px;
    }
    .title-item-only p{
        font-size: 4.2vw;
        font-weight: bold;
    }
    
    .paragraph-item-only p {
    /*font-family: iranyekan;*/
    /*font-weight: bolder;*/
    font-size: 3vw;
    padding-top: 20px;
    /*text-align: justify;*/
    /*color: #7e7d7d;*/
}
}

@media (max-width: 500px) {
      .paragraph-item-only p {
    /*font-family: iranyekan;*/
    /*font-weight: bolder;*/
    font-size: 4vw;
    /*padding-top: 20px;*/
    /*text-align: justify;*/
    /*color: #7e7d7d;*/
}
}

/*------------------------------- End Item-Only --------------------------------*/
/*------------------------ Item-Gourp (Column Section-2) -----------------------*/
.section-2 {
    float: right;
    height: auto;
    width: 80%;
    background: white;
    /*margin-bottom: 20px;*/
}

.padding2{
    float: right;
    height: auto;
    /*box-shadow: 0px 0px 35px 0 rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}

.section-2-full {
    width: 100%;
    height: auto;
    /*background: #d7d7d7;*/
    margin-bottom: 20px;
    border-radius: 0;
}

.section-full-full {
    float: right;
    width: auto;
    height: 97px;
    line-height: 100px;
    margin: 5px 10px 20px 0;
    /* transform: skewX(-11deg) translate3d(0, 0, 0); */
    background: url(../images/xmark.png) no-repeat;
    background-position: right;
    background-size: 39px;
}

.section-full-full p {
    font-family: iranyekan;
    font-size: 30px;
    /*font-weight: bolder;*/
    float: right;
    color: white;
    padding-right: 43px;
}

.section-2-full .section-2-full-left {
    height: 95%;
    width: 70%;
    /*float: left;*/
    /*background: red;*/
    margin: 10px 147px 20px 60px;
}

.section-2-full-left img {
    width: 100%;
    margin-top: 5px;
    border-radius: 0;
    margin-right: 65px;
}

.section-2-full .section-2-full-right {
    /*background: #3f8499;*/
    float: right;
    height: auto;
    width: 90%;
    margin: 0 40px 40px 40px;
}

.title-full {
    float: right;
    /*width: 200px;*/
    height: 20px;
    /*background: #0069d9;*/
}

.title-full h1 {
    float: right;
    margin-top: 50px;
    color: #000000;
    font-family: iranyekan;
    font-weight: 300;
    font-size: 15px;
}

.title-center {
    /*float: right;*/
    width: 100%;
    height: 50px;
    margin-top: 60px;
    /*background: #3f8;*/
    line-height: 5px;
}

.title-center h2 {
    float: right;
    /*font-weight: bolder;*/
    color: white;
    font-family: iranyekan;
    font-size: 25px;
    text-align: right;
}

.title-bottom {
    /*float: right;*/
    width: 70%;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 35px;
    /*background: #3f8;*/
}

.section-2-full-right .title-bottom p {
    margin-top: 25px;
    color: white;
    font-family: iranyekan;
    font-size: 16px;
    text-align: justify !important;
    line-height: 29px;
}

.br {
    float: right;
    width: 70px;
    height: 3px;
    background: #fb0000;
    margin-top: 0;
    line-height: 5px;
    margin-right: 0;
}

@media (max-width: 1400px) {
    .title-bottom {
        /*float: right;*/
        width: 90%;
        /*height: 50px;*/
        /*margin-top: 10px;*/
        margin-bottom: 45px;
        /*background: #3f8;*/
    }
}

/*@media (max-width: 1100px) {*/

/*    .section-2-full .section-2-full-left {*/
/*        height: 95%;*/
/*        width: 90%;*/
        /*float: left;*/
        /*background: red;*/
/*        margin: 15px 10% 20px 4%;*/
/*    }*/

/*    .section-2-full-left img {*/
/*        width: 100%;*/
/*        margin-top: 5px;*/
/*        border-radius: 4px;*/
/*        margin-right: 0;*/
/*    }*/

/*    .section-2-full .section-2-full-right {*/
        /*background: #3f8499;*/
/*        float: right;*/
/*        height: auto;*/
/*        width: 100%;*/
/*        margin: 0 10% 0 10%;*/
/*    }*/

/*}*/

/*@media (max-width: 1020px) {*/
/*    .section-2-full .section-2-full-left {*/
/*        height: 100%;*/
/*        width: 100%;*/
        /*float: left;*/
        /*background: red;*/
/*        margin: 15px 5% 20px 5%;*/
/*    }*/

/*    .section-2-full-left img {*/
/*        width: 100%;*/
/*        height: 100% !important;*/
/*        margin-top: 5px;*/
/*        border-radius: 4px;*/
/*        margin-right: 0;*/
/*    }*/

/*    .section-2-full .section-2-full-right {*/
        /*background: #3f8499;*/
/*        float: right;*/
/*        height: auto;*/
/*        width: 100%;*/
/*        margin: 0 5% 40px 5%;*/
/*    }*/

/*    .title-bottom {*/
/*        margin-top: 10px;*/
/*        margin-bottom: 45px;*/
/*    }*/
/*}*/

/*@media (max-width: 980px) {*/
/*    .section-2-full .section-2-full-left {*/
/*        height: 50vw;*/
/*        width: 100%;*/
        /*float: left;*/
        /*background: red;*/
/*        margin: 15px 2% 20px 2%;*/
/*    }*/

/*    .section-2-full-left img {*/
/*        width: 100%;*/
/*        height: 50vw !important;*/
/*        margin-top: 5px;*/
/*        border-radius: 4px;*/
/*        margin-right: 0;*/
/*    }*/
/*}*/

/*@media (max-width:750px){*/
/*        .section-2-full-right .title-bottom h3 {*/
/*            margin-top: 25px;*/
/*            color: #6e6e6e;*/
/*            font-family: iranyekan;*/
/*            font-size: 2vw;*/
        /*text-align: justify !important;*/
        /*text-align: ;*/
        /*text-align: right;*/
/*    }*/
/*}*/

/*@media (max-width: 600px) {*/
/*    .title-center h2 {*/
/*        float: right;*/
        /*font-weight: bolder;*/
/*        color: black;*/
/*        font-family: iranyekan;*/
/*        font-size: 5vw;*/
/*        text-align: right;*/
/*    }*/
/*    .section-2-full-right .title-bottom h3 {*/
/*        margin-top: 25px;*/
/*        color: #6e6e6e;*/
/*        font-family: iranyekan;*/
/*        font-size: 3vw;*/
        /*text-align: justify !important;*/
        /*text-align: ;*/
        /*text-align: right;*/
/*    }*/
/*}*/

/*@media (max-width:400px){*/

/*}*/


@media (max-width: 1000px) {

    .section-2-full {
        width: 100%;
        height: auto;
        /*background: #d7d7d7;*/
        margin-bottom: 20px;
        border-radius: 0;
        padding-right: 0;
    }

/*.section-full-full {
    float: right;
    width: 600px;
    height: 100px;
    line-height: 100px;
    margin: 50px 10px 20px 0;
    !*transform: skewX(-11deg) translate3d(0, 0, 0);*!
    border-right: 10px solid #d6002a ;
    !*background: silver;*!
}*/

.section-full-full p {
    font-family: iranyekan;
    font-size: 30px;
    /*font-weight: bolder;*/
    float: right;
    color: #3e3d40;
}

    .section-2-full .section-2-full-left {
        height: 95%;
        width: 100%;
        /*float: left;*/
        /*background: red;*/
        margin: 10px 0px 20px 0px;
    }

    .section-2-full-left img {
        width: 85%;
        margin-top: 5px;
        border-radius: 0;
        margin-right: 17px;
    }

    .title-center h2 {
        float: right;
        font-weight: bolder;
        color: black;
        font-family: iranyekan;
        font-size: 5vw;
        text-align: right;
    }


    .section-2-full .section-2-full-right {
        /*background: #3f8499;*/
        float: right;
        height: auto;
        width: 85%;
        margin: 0 9% 40px 10px;
    }

    .title-full {
        float: right;
        /*width: 200px;*/
        height: 20px;
        /*background: #0069d9;*/
    }

    .title-full h1 {
        float: right;
        margin-top: 50px;
        color: #000000;
        font-family: iranyekan;
        font-weight: 300;
        font-size: 15px;
    }

    .title-center {
        /*float: right;*/
        width: 100%;
        height: 50px;
        margin-top: 100px;
        /*background: #3f8;*/
        line-height: 5px;
    }

    .title-center h2 {
        float: right;
        font-weight: bolder;
        color: black;
        font-family: iranyekan;
        font-size: 25px;
        text-align: right;
    }

    .title-bottom {
        /*float: right;*/
        width: 100%;
        height: 50px;
        margin-top: 10px;
        margin-bottom: 35px;
        /*background: #3f8;*/
    }

    .title-bottom h3 {
        margin-top: 25px;
        color: #6e6e6e;
        font-family: iranyekan;
        font-size: 19px;
        text-align: justify !important;
        /*text-align: ;*/
        /*text-align: right;*/
    }


}

@media (max-width: 770px) {

    .section-2-full {
        width: 100%;
        height: auto;
        /*background: #d7d7d7;*/
        margin-bottom: 20px;
        border-radius: 0;
        padding-right: 0;
    }

    .section-full-full {
        float: right;
        width: auto;
        height: 100px;
        margin: 50px 10px 20px 0;

    }

    .section-full-full p {
        font-family: iranyekan;
        font-size: 30px;
        font-weight: bolder;
        float: right;
        color: #3e3d40;
    }
    
        
    .section-2-full .section-2-full-right {
        /*background: #3f8499;*/
        float: right;
        height: auto;
        width: 100%;
        margin: 0 15px 40px 10px;
    }
    
    .section-2-full .section-2-full-left {
        height: 95%;
        width: 100%;
        /*float: left;*/
        /*background: red;*/
        margin: 10px 0px 20px 0px;
    }

    .section-2-full-left img {
        width: 100%;
        margin-top: 5px;
        border-radius: 0;
        margin-right: 17px;
    }

    .title-center h2 {
        float: right;
        font-weight: bolder;
        color: black;
        font-family: iranyekan;
        font-size: 5vw;
        text-align: right;
    }

    .title-full {
        float: right;
        /*width: 200px;*/
        height: 20px;
        /*background: #0069d9;*/
    }

    .title-full h1 {
        float: right;
        margin-top: 50px;
        color: #000000;
        font-family: iranyekan;
        font-weight: 300;
        font-size: 15px;
    }

    .title-center {
        /*float: right;*/
        width: 100%;
        height: 50px;
        margin-top: 100px;
        /*background: #3f8;*/
        line-height: 5px;
    }

    .title-center h2 {
        float: right;
        font-weight: bolder;
        color: #ffff;
        font-family: iranyekan;
        font-size: 25px;
        text-align: right;
    }

    .title-bottom {
        /*float: right;*/
        width: 100%;
        height: 50px;
        margin-top: 10px;
        margin-bottom: 35px;
        /*background: #3f8;*/
    }
    
     .section-2-full-right .title-bottom h3 {
        margin-top: 25px;
        color: #6e6e6e;
        font-family: iranyekan;
        font-size: 15px;
        text-align: justify !important;
    }

}

@media (max-width: 600px) {

    .section-2-full {
        width: 100%;
        height: auto;
        /*background: #d7d7d7;*/
        margin-bottom: 20px;
        border-radius: 0;
        padding-right: 0;
    }

   /* .section-full-full {
        float: right;
        width: 300px;
        height: 100px;
        margin: 50px 10px 20px 0;
        !*transform: skewX(-11deg) translate3d(0, 0, 0);*!
        border-right: 10px solid #d6002a;
        !*background: silver;*!
    }*/

    .section-full-full p {
        font-family: iranyekan;
        float: right;
        color: #ffffff;
        font-size: 24px !important;
    }

    .section-2-full .section-2-full-left {
        height: 95%;
        width: 100%;
        /*float: left;*/
        /*background: red;*/
        margin: 10px 0px 20px 0px;
    }

    .section-2-full-left img {
        width: 100%;
        margin-top: 5px;
        border-radius: 0;
        margin-right: 17px;
    }

    .title-center h2 {
        float: right;
        font-weight: none;
        color: #ffff;
        font-family: iranyekan;
        font-size: 5vw;
        text-align: right;
    }


    .section-2-full .section-2-full-right {
        /*background: #3f8499;*/
        float: right;
        height: auto;
        width: 100%;
        margin: 0 15px 40px 10px;
    }

    .title-full {
        float: right;
        /*width: 200px;*/
        height: 20px;
        /*background: #0069d9;*/
    }

    .title-full h1 {
        float: right;
        margin-top: 50px;
        color: #000000;
        font-family: iranyekan;
        font-weight: 300;
        font-size: 15px;
    }

    .title-center {
        /*float: right;*/
        width: 100%;
        height: 30px;
        margin-top: 30px;
        /*background: #3f8;*/
        line-height: 5px;
    }

    .title-center h2 {
        float: right;
        color: #ffffff;
        font-family: iranyekan;
        font-size: 22px;
        text-align: right;
    }

    .title-bottom {
        /*float: right;*/
        width: 100%;
        height: 50px;
        margin-top: 10px;
        margin-bottom: 35px;
        /*background: #3f8;*/
    }

    /*.title-bottom h3 {*/
    /*    margin-top: 25px;*/
    /*    color: #6e6e6e;*/
    /*    font-family: iranyekan;*/
    /*    font-size: 14px;*/
    /*    text-align: justify !important;*/
        /*text-align: ;*/
        /*text-align: right;*/
    /*}*/
    
    .section-2-full-right .title-bottom h3{
        margin-top: 25px;
        color: #6e6e6e;
        font-family: iranyekan;
        font-size: 14px;
        text-align: justify !important;
        /* text-align: right; */
    }


}

@media (max-width: 450px) {
    .color {
        width: 72% !important;
    }
    .section-2-full-left img {
        width: 100%;
        margin-top: 80px;
        height: 240px!important;
        border-radius: 0;
        margin-right: 17px;
    }
    
    .title-center {
        /* float: right; */
        width: 100%;
        height: 50px;
        margin-top: 20px;
        /* background: #3f8; */
        line-height: 5px;
    }
    
    .section-2-full-right .title-bottom h3{
            margin-top: 25px;
    color: #6e6e6e;
    font-family: iranyekan;
    font-size: 13px;
    text-align: justify !important;
    /* text-align: right; */
    }

   .reflection-m img{
       height: 270px !important;
       right: 202px !important;
       top: -57px !important;
   }
   }
    
    .section-full-full {
        float: right;
        width: auto;
        height: 100px;
        margin: 50px 10px 20px 0;
        /* transform: skewX(-11deg) translate3d(0, 0, 0); */
        /*border-right: 10px solid red;*/
        /* background: silver; */
    }
    
    /*.section-full-full {*/
    /*    float: right;*/
    /*    width: 310px;*/
    /*    height: 100px;*/
    /*    margin: 50px 10px 20px 0;*/
    /*     transform: none; */
        /*border-right: 10px solid red;*/
    /*     background: silver; */
    /*    padding-top: 80px;*/
    /*}*/
    
}

/*--------------- Button Hover (item-only) */

.item-only-button {
    width: 300px;
    height: 70px;
    float: right;
    margin-right: 40px;
    margin-top: 50px;
    /*border: 2px solid #2c3e50;*/
}

.item-only-button > button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

button {
    background: none;
    width: 260px;
    height: 60px;
    border: 2px solid #707172;
    font-size: 18px;
    /*border-radius: 4px;*/
    transform: skewX(0deg) translate3d(0, 0, 0);
    transition: .6s;
    overflow: hidden;
    /*margin-top: 1%;*/
    margin-left: 6%;
    margin-bottom: 20px;
}

button:focus {
    outline: none;
}

button:before {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, .6);
    width: 60px;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .5;
    filter: blur(30px);
    border: none;
    transform: translateX(0px) skewX(-15deg);
}

button:after {
    content: '';
    display: block;
    position: absolute;
    background: rgb(243, 243, 243);
    width: 30px;
    height: 100%;
    left: 30px;
    top: 0;
    opacity: 0;
    filter: blur(30px);
    border: none;
    transform: translate(-100px) scale3d(-30deg);
}

button:hover {
    background: #707172;
    cursor: pointer;
}

button:hover:before {
    transform: translateX(300px) skewX(-15deg);
    opacity: .6;
    transition: .7s;
}

button:hover:after {
    transform: translateX(300px) skewX(-15deg);
    opacity: 1;
    transition: .7s;
}

button:hover span {
    color: white;
    transition: .7s;
}

button span {
    /*color: white;*/
    transition: .7s;
    font-family: iranyekan;
    /*font-weight: bolder;*/
    color: #707172;

}

@media (max-width: 600px ) {

    .item-only-button {
        width: auto;
        height: 70px;
        float: right;
        margin-right: 0;
        margin-top: 40px;
        margin-bottom: 0;
    }

    button {
        width: 200px;
        /*margin-top: 10%;*/
        margin-right: -30px;
        margin-bottom: 10px;
    }
     /*   .section-full-full {
        float: right;
        width: 310px;
        height: 100px;
        margin: 50px 10px 20px 0;
        !*transform: skewX(-11deg) translate3d(0, 0, 0);*!
        border-right: 10px solid #d6002a;
        !*background: silver;*!
    }*/
    
    .section-full-full p {
        font-size:30px;
        line-height: 55px;
    }

}

@media (max-width: 450px ) {
    .title-item-only {
        margin: 30px 11% 0 15%;
    }
    .item-only-button {
        width: auto;
        height: 70px;
        float: right;
        margin-right: 0;
        margin-top: 100px;
        margin-bottom: 0;
    }

    button {
        width: 150px;
        /*margin-top: 10%;*/
        margin-bottom: 10px;
    }

    button span {
        font-size: 12px;
    }

    button:before {
        transform: translateX(-100px) skewX(-15deg);
    }

 /*   .section-full-full {
        float: right;
        width: 310px;
        height: 100px;
        margin: 50px 10px 20px 0;
        !*transform: skewX(-11deg) translate3d(0, 0, 0);*!
        border-right: 10px solid #d6002a;
        !*background: silver;*!
    }*/
    
    .section-full-full p {
        font-size:30px;
     
    }

    .section-2-full-right .title-bottom p{
        font-size: 11px;
    }

    img.img-responsive.bastimg{
        width: 100% !important;
    }

    .header .header_left{
        height: 49px !important;
    }
}
@media (max-width: 330px ){
       /* .section-full-full {
        float: right;
        width: 280px;
        height: 100px;
        margin: 50px 10px 20px 0;
        !*transform: skewX(-11deg) translate3d(0, 0, 0);*!
        border-right: 10px solid #d6002a;
        !*background: silver;*!
    }*/
    .section-full-full p {
        font-size:25px;
     
    }
}


/*--------------- End Button Hover (item-only) */

/*------------------------ End Item-Gourp (Column Section-2) -----------------------*/
/*------------------------------------ Proposal ----------------------------------*/
/*.proposal-full {*/
/*width: 100%;*/
/*height: auto;*/
/*float: right;*/
/*background: #eaedee;*/
/*padding-bottom: 40px;*/
/*padding-top: 100px;*/
/*}*/

/*.proposal-right {*/
/*width: 73%;*/
/*height: 500px;*/
/*float: right;*/
/*margin: 0 22.7% 30px 5%;*/
/*background: white;*/
/*position: relative;*/
/*border-radius: 0;*/
/*}*/

/*.proposal-right:hover {*/
/*box-shadow: 0 0 18px 8px rgba(0, 0, 0, 0.2);*/
/*cursor: pointer;*/
/*}*/

/*.proposal-right img {*/
/*width: 100%;*/
/*height: 330px;*/
/*float: right;*/
/*!*margin: 0 10% 30px 20%;*!*/
/*!*background: #d6d6d6;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal {*/
/*width: 70%;*/
/*height: 90px;*/
/*background: white;*/
/*float: right;*/
/*margin: 284px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 1.9vw;*/
/*font-weight: bold;*/
/*line-height: 40px;*/
/*}*/

/*.footer-proposal {*/
/*width: 90%;*/
/*height: 90px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 380px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 4px;*/
/*}*/

/*.footer-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 1.7vw;*/
/*font-weight: bold;*/
/*line-height: 40px;*/
/*color: #4d4d4d;*/
/*}*/

/*.proposal-left {*/
/*width: 70%;*/
/*height: 500px;*/
/*float: right;*/
/*margin: 0 4% 30px 26%;*/
/*background: white;*/
/*border-radius: 0;*/
/*position: relative;*/
/*}*/

/*.proposal-left:hover {*/
/*box-shadow: 0 0 18px 8px rgba(0, 0, 0, 0.2);*/
/*cursor: pointer;*/
/*}*/

/*.proposal-left img {*/
/*width: 100%;*/
/*height: 330px;*/
/*float: right;*/
/*!*margin: 0 10% 30px 20%;*!*/
/*!*background: #f47d4e;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left {*/
/*width: 70%;*/
/*height: 90px;*/
/*background: white;*/
/*float: right;*/
/*margin: 284px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 1.9vw;*/
/*font-weight: bold;*/
/*line-height: 40px;*/
/*}*/

/*.footer-proposal-left {*/
/*width: 95%;*/
/*height: 90px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 380px 2% 0 5%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.footer-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 1.7vw;*/
/*font-weight: bold;*/
/*line-height: 40px;*/
/*color: #4d4d4d;*/
/*}*/

/*.section-full-full2 {*/
/*float: right;*/
/*width: 270px;*/
/*height: 100px;*/
/*margin: -50px 10px 20px 0;*/
/*border-right: 10px solid red;*/
/*transform: skewX(-11deg) translate3d(0, 0, 0);*/
/*}*/

/*.section-full-full2 p {*/
/*font-family: iranyekan;*/
/*font-size: 30px;*/
/*font-weight: bolder;*/
/*float: right;*/
/*margin-bottom: 30px;*/
/*color: #9c9c9c;*/
/*}*/

/*@media (max-width: 1100px) {*/

/*.proposal-right {*/
/*width: 100%;*/
/*height: 530px;*/
/*float: right;*/
/*margin: 0 0 30px 0;*/
/*background: white;*/
/*position: relative;*/
/*border-radius: 0;*/
/*}*/

/*.proposal-right img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #d6d6d6;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 380px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*line-height: 55px;*/
/*}*/

/*.footer-proposal {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 460px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 4px;*/
/*}*/

/*.footer-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 2.3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.proposal-left {*/
/*width: 100%;*/
/*height: 530px;*/
/*float: right;*/
/*margin: 0 0 30px 0;*/
/*background: white;*/
/*border-radius: 0;*/
/*position: relative;*/
/*}*/

/*.proposal-left img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #f47d4e;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 380px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*line-height: 55px;*/
/*}*/

/*.footer-proposal-left {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 460px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.footer-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 2.3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/
/*}*/

/*@media (max-width: 992px) {*/

/*.proposal-right {*/
/*width: 80%;*/
/*height: 530px;*/
/*float: right;*/
/*margin: 0 10% 30px 10%;*/
/*background: white;*/
/*position: relative;*/
/*border-radius: 0;*/
/*}*/

/*.proposal-right img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #d6d6d6;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 380px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3.5vw;*/
/*font-weight: bold;*/
/*line-height: 55px;*/
/*}*/

/*.footer-proposal {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 460px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 4px;*/
/*}*/

/*.footer-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.proposal-left {*/
/*width: 80%;*/
/*height: 530px;*/
/*float: right;*/
/*margin: 0 10% 30px 10%;*/
/*background: white;*/
/*border-radius: 0;*/
/*position: relative;*/
/*}*/

/*.proposal-left img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #f47d4e;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 380px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.footer-proposal-left {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 460px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.footer-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*!*.proposal-right {*!*/
/*!*width: 100%;*!*/
/*!*height: 530px;*!*/
/*!*float: right;*!*/
/*!*margin: 0 0 30px 0;*!*/
/*!*background: white;*!*/
/*!*position: relative;*!*/
/*!*border-radius: 0;*!*/
/*!*}*!*/
/*!*.proposal-right img {*!*/
/*!*width: 100%;*!*/
/*!*height: 81%;*!*/
/*!*float: right;*!*/
/*!*margin: 0;*!*/
/*!*!*background: #d6d6d6;*!*!*/
/*!*border-radius: 0;*!*/
/*!*}*!*/
/*!*.title-proposal {*!*/
/*!*width: 70%;*!*/
/*!*height: 60px;*!*/
/*!*background: white;*!*/
/*!*float: right;*!*/
/*!*margin: 380px 15% 0 15%;*!*/
/*!*position: absolute;*!*/
/*!*border-radius: 0;*!*/
/*!*}*!*/
/*!*.title-proposal p {*!*/
/*!*font-family: iranyekan;*!*/
/*!*font-size: 3vw;*!*/
/*!*font-weight: bold;*!*/
/*!*line-height: 55px;*!*/
/*!*}*!*/
/*!*.footer-proposal {*!*/
/*!*width: 90%;*!*/
/*!*height: 50px;*!*/
/*!*background: #d7d;*!*/
/*!*float: right;*!*/
/*!*margin: 460px 5% 0 5%;*!*/
/*!*position: absolute;*!*/
/*!*border-radius: 4px;*!*/
/*!*}*!*/
/*!*.footer-proposal p {*!*/
/*!*font-family: iranyekan;*!*/
/*!*font-size: 2.3vw;*!*/
/*!*font-weight: bold;*!*/
/*!*!*line-height: 40px;*!*!*/
/*!*color: #4d4d4d;*!*/
/*!*}*!*/
/*!*.proposal-left {*!*/
/*!*width: 100%;*!*/
/*!*height: 530px;*!*/
/*!*float: right;*!*/
/*!*margin: 0 0 30px 0;*!*/
/*!*background: white;*!*/
/*!*border-radius: 0;*!*/
/*!*position: relative;*!*/
/*!*}*!*/
/*!*.proposal-left img {*!*/
/*!*width: 100%;*!*/
/*!*height: 81%;*!*/
/*!*float: right;*!*/
/*!*margin: 0;*!*/
/*!*!*background: #f47d4e;*!*!*/
/*!*border-radius: 0;*!*/
/*!*}*!*/
/*!*.title-proposal-left {*!*/
/*!*width: 70%;*!*/
/*!*height: 60px;*!*/
/*!*background: white;*!*/
/*!*float: right;*!*/
/*!*margin: 380px 15% 0 15%;*!*/
/*!*position: absolute;*!*/
/*!*border-radius: 0;*!*/
/*!*}*!*/
/*!*.title-proposal-left p {*!*/
/*!*font-family: iranyekan;*!*/
/*!*font-size: 3vw;*!*/
/*!*font-weight: bold;*!*/
/*!*line-height: 55px;*!*/
/*!*}*!*/
/*!*.footer-proposal-left {*!*/
/*!*width: 90%;*!*/
/*!*height: 50px;*!*/
/*!*background: #d7d;*!*/
/*!*float: right;*!*/
/*!*margin: 460px 5% 0 5%;*!*/
/*!*position: absolute;*!*/
/*!*border-radius: 0;*!*/
/*!*}*!*/
/*!*.footer-proposal-left p {*!*/
/*!*font-family: iranyekan;*!*/
/*!*font-size: 2.3vw;*!*/
/*!*font-weight: bold;*!*/
/*!*!*line-height: 40px;*!*!*/
/*!*color: #4d4d4d;*!*/
/*!*}*!*/

/*}*/

/*@media (max-width: 768px) {*/

/*.proposal-right {*/
/*width: 100%;*/
/*height: 530px;*/
/*float: right;*/
/*margin: 0 0 30px 0;*/
/*background: white;*/
/*position: relative;*/
/*border-radius: 0;*/
/*}*/

/*.proposal-right img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #d6d6d6;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 380px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3.5vw;*/
/*font-weight: bold;*/
/*line-height: 55px;*/
/*}*/

/*.footer-proposal {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 460px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 4px;*/
/*}*/

/*.footer-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.proposal-left {*/
/*width: 100%;*/
/*height: 530px;*/
/*float: right;*/
/*margin: 0 0 30px 0;*/
/*background: white;*/
/*border-radius: 0;*/
/*position: relative;*/
/*}*/

/*.proposal-left img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #f47d4e;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 380px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.footer-proposal-left {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*!*float: right;*!*/
/*margin: 460px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.footer-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/
/*}*/

/*@media (max-width: 576px) {*/

/*.proposal-right {*/
/*width: 100%;*/
/*height: 430px;*/
/*float: right;*/
/*!*margin: 0 0 30px 0;*!*/
/*background: white;*/
/*position: relative;*/
/*border-radius: 0;*/
/*}*/

/*.proposal-right img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #d6d6d6;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 310px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3.5vw;*/
/*font-weight: bold;*/
/*line-height: 55px;*/
/*}*/

/*.footer-proposal {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 365px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 4px;*/
/*}*/

/*.footer-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.proposal-left {*/
/*width: 100%;*/
/*height: 430px;*/
/*float: right;*/
/*margin: 0 0 30px 0;*/
/*background: white;*/
/*border-radius: 0;*/
/*position: relative;*/
/*}*/

/*.proposal-left img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #f47d4e;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left {*/
/*width: 70%;*/
/*height: 60px;*/
/*background: white;*/
/*float: right;*/
/*margin: 310px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.footer-proposal-left {*/
/*width: 90%;*/
/*height: 50px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 365px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.footer-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/
/*}*/

/*@media (max-width: 476px) {*/
/*.proposal-right {*/
/*width: 100%;*/
/*height: 330px;*/
/*float: right;*/
/*margin: 0 0 30px 0;*/
/*background: white;*/
/*position: relative;*/
/*border-radius: 0;*/
/*}*/

/*.proposal-right img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #d6d6d6;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal {*/
/*width: 70%;*/
/*height: 40px;*/
/*!*background: #9269ff;*!*/
/*float: right;*/
/*margin: 235px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3.5vw;*/
/*font-weight: bold;*/
/*line-height: 40px;*/
/*}*/

/*.footer-proposal {*/
/*width: 90%;*/
/*height: 40px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 280px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 4px;*/
/*}*/

/*.footer-proposal p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/

/*.proposal-left {*/
/*width: 100%;*/
/*height: 330px;*/
/*float: right;*/
/*margin: 0 0 30px 0;*/
/*background: white;*/
/*border-radius: 0;*/
/*position: relative;*/
/*}*/

/*.proposal-left img {*/
/*width: 100%;*/
/*height: 81%;*/
/*float: right;*/
/*margin: 0;*/
/*!*background: #f47d4e;*!*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left {*/
/*width: 70%;*/
/*height: 40px;*/
/*background: white;*/
/*float: right;*/
/*margin: 235px 15% 0 15%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.title-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*line-height: 40px;*/
/*color: #4d4d4d;*/
/*}*/

/*.footer-proposal-left {*/
/*width: 90%;*/
/*height: 40px;*/
/*!*background: #d7d;*!*/
/*float: right;*/
/*margin: 280px 5% 0 5%;*/
/*position: absolute;*/
/*border-radius: 0;*/
/*}*/

/*.footer-proposal-left p {*/
/*font-family: iranyekan;*/
/*font-size: 3vw;*/
/*font-weight: bold;*/
/*!*line-height: 40px;*!*/
/*color: #4d4d4d;*/
/*}*/
/*}*/

.full-proposal {
    width: 100%;
    height: auto;
    background: url(../images/backgrounds/bg.jpg) center center;
    float: right;
    padding-bottom: 40px;
}

.color {
    width: 17%;
    height: auto;
    /* float: right; */
    /* margin-top: 100px; */
    /*
    margin: 0 auto;
    */
    padding-right: 6px;
}

.color .section-full-full2 {
    /*
    float: right;
    */
    width: 100%;
    text-align: center;
    height: 100px;
   /* margin: 70px 20px 20px 0;
    border-right: 10px solid #d6002a;*/
    /*transform: skewX(-11deg) translate3d(0, 0, 0);*/
}

.color .section-full-full2 p {
    font-family: iranyekan;
    font-size: 30px;
    /* font-weight: bolder; */
    /* float: right; */
    color: #3e3d40;
    line-height: 130px;
    background: url(../images/xmark.png) no-repeat;
    background-position: right;
    background-size: 27px;
    padding-right: 11px;
}
.proposal {
    width: 100%;
    height: auto;
    /*background: #5435ff;*/
    float: right;
    margin-top: 10px;

}


/*.full-proposal:before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: -10%;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*    height: 3rem;*/
/*    box-shadow: -5px 10px 15px 0 rgba(0,0,0,0.1);*/
/*}*/


.proposal .proposal-tag {
    width: 100%;
    height: 355px;
    /* background: #0c5460; */
    float: right;
    margin-right: 3%;
    /* padding-top: 30px; */
    margin-top: 30px;
}

.proposal-tag .item-proposal {
    width: 95%;
    height: 331px;
    float: right;
    background: white;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
    /*padding-top: 30px;*/
    position: relative;
}

.proposal-tag .item-proposal:hover {
    box-shadow: 0 0 18px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.proposal-tag .item-proposal img {
    width: 100%;
    height: 224px;
    float: right;
    /*margin: 0 10% 30px 20%;*/
    /*background: #d6d6d6;*/
    border-radius: 0;
}

.proposal-tag .item-proposal .title-proposal {
    width: 90%;
    height: 90px;
    background: white;
    float: right;
    margin: 192px 4.5% 0 0;
    position: absolute;
    border-radius: 0;
}


.proposal-tag .item-proposal .footer-proposal p:before{
    content: '';
    display: block;
    position: absolute;
    top: -0.5rem;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: .1rem;
    background-color: #d6002a;
}


.item-proposal .title-proposal p {
    font-family: iranyekan;
    font-size: 1.5vw;
    /* font-weight: bold; */
    line-height: 67px;
    color: #ff0000;
    text-align: center;
}

.item-proposal .footer-proposal {
    width: 97%;
    height: 90px;
    /*background: #d7d;*/
    float: right;
    margin: 267px 1.5% 0 0;
    position: absolute;
    border-radius: 4px;
}

.item-proposal .footer-proposal p {
    font-family: iranyekan;
    font-size: 0.9vw;
    /* font-weight: bold; */
    line-height: 27px;
    color: #707172;
    text-align: center;
}

@media(min-width:768px){
     .header_right{
        margin-top:7%;
    }
}


@media(min-width:1024px){
     .header_right{
        margin-top:0;
    }
}
@media (max-width: 768px) {
    
    .full-proposal{
        height: auto!important;
    }
    
    .proposal .proposal-tag {
        width: 100%;
        height: 510px;
        /*background: #0c5460;*/
        float: right;
        margin-right: 0;

    }

    .proposal-tag .item-proposal {
        width: 100%;
        height: 500px;
        float: right;
        background: white;
        margin-right: 0;
        margin-bottom: 5%;
        position: relative;
    }

    .proposal-tag .item-proposal img {
        width: 100%;
        height: 330px;
        float: right;
        /*margin: 0 10% 30px 20%;*/
        /*background: #d6d6d6;*/
        border-radius: 0;
    }

    .proposal-tag .item-proposal .title-proposal {
        width: 90%;
        height: 90px;
        background: white;
        float: right;
        margin: 214px 4.5% 0 0;
        position: absolute;
        border-radius: 0;
    }

    .item-proposal .title-proposal p {
        font-family: iranyekan;
        font-size: 4.5vw;
        /*font-weight: bold;*/
        line-height: 70px;
    }

    .item-proposal .footer-proposal {
        width: 97%;
        height: 90px;
        /*background: #d7d;*/
        float: right;
        margin: 380px 1.5% 0 0;
        position: absolute;
        border-radius: 4px;
    }

    .item-proposal .footer-proposal p {
        font-family: iranyekan;
        font-size: 3.5vw;
        /*font-weight: bold;*/
        line-height: 70px;
        color: #4d4d4d;
    }

}

@media (max-width: 576px) {

    .proposal .proposal-tag {
        width: 100%;
        height: 510px;
        /*background: #0c5460;*/
        float: right;
        margin-right: 0;

    }

    .proposal-tag .item-proposal {
        width: 100%;
        height: 500px;
        float: right;
        /*background: grey;*/
        margin-right: 0;
        margin-bottom: 5%;
        position: relative;
    }

    .proposal-tag .item-proposal img {
        width: 100%;
        height: 271px;
        float: right;
        /*margin: 0 10% 30px 20%;*/
        /*background: #d6d6d6;*/
        border-radius: 0;
    }

    .proposal-tag .item-proposal .title-proposal {
        width: 90%;
        height: 90px;
        background: white;
        float: right;
        margin: 284px 4.5% 0 0;
        position: absolute;
        border-radius: 0;
    }

    .item-proposal .title-proposal p {
        font-family: iranyekan;
        font-size: 6vw;
        /*font-weight: bold;*/
        line-height: 70px;
    }

    .item-proposal .footer-proposal {
        width: 97%;
        height: 90px;
        /*background: #d7d;*/
        float: right;
        margin: 380px 1.5% 0 0;
        position: absolute;
        border-radius: 4px;
    }

    .item-proposal .footer-proposal p {
        font-family: iranyekan;
        font-size: 4.5vw;
        /*font-weight: bold;*/
        line-height: 70px;
        color: #4d4d4d;
    }
}

@media (max-width: 450px) {
.section-left-y{
    margin-top: 63%;
}
    .Cards-full h1{
        font-size: 23px;
    }
     .full-proposal{
        height: auto!important;
    }

    .footer .item-footer{
        height: auto!important;
    }
     .item-box-only{
         height: 62px !important;
     }

    .item-left{
        height: 607px;
        margin-top: 15px;
    }

    .proposal .proposal-tag {
        width: 100%;
        height: 410px;
        /*background: #0c5460;*/
        float: right;
        margin-right: 0;

    }

    .proposal-tag .item-proposal {
        width: 100%;
        height: 368px;
        float: right;
        /*background: grey;*/
        margin-right: 0;
        margin-bottom: 5%;
        position: relative;
    }

    .proposal-tag .item-proposal img {
        width: 100%;
        height: 240px;
        float: right;
        /*margin: 0 10% 30px 20%;*/
        /*background: #d6d6d6;*/
        border-radius: 0;
    }

    .proposal-tag .item-proposal .title-proposal {
        width: 90%;
        height: 90px;
        background: white;
        float: right;
        margin: 184px 4.5% 0 0;
        position: absolute;
        border-radius: 0;
    }

    .item-proposal .title-proposal p {
        font-family: iranyekan;
        font-size: 6vw;
        /*font-weight: bold;*/
        line-height: 70px;
    }

    .item-proposal .footer-proposal {
        width: 97%;
        height: 90px;
        /*background: #d7d;*/
        float: right;
        margin: 283px 1.5% 0 0;
        position: absolute;
        border-radius: 4px;
    }

    .item-proposal .footer-proposal p {
        font-family: iranyekan;
        font-size: 3.9vw;
        /*font-weight: bold;*/
        line-height: 36px;
        color: #4d4d4d;
    }

    .back-item .middle2 {
      position: absolute;
    width: 22%;
    height: 25%;
    background: #dc3545;
    right: 66%;
    top: -7% !important;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 2px 6px 3px 6px #00000014;
    z-index: +55555;
    }
    
    .back-item .middle4{
      position: absolute;
    width: 22%;
    height: 25%;
    background: #dc3545;
    right: 65%;
    top: 20% !important;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 2px 6px 3px 6px #00000014;
    z-index: +55555;
    }
}


/***fade image ********/

@keyframes animate {
    0% {
        opacity:1;
    }
    45% {
        opacity:1;
    }
    55% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

.allimage img.top {
    animation-name: animate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-direction: alternate;
}

/*.allimage{
    height: 86px;
    padding: 10px;
}*/

img.img-responsive.bastimg{
    position: absolute;
    width: auto;
    left: 0px;
}
img.img-responsive.lockimg{
    position: absolute;

    width: 83%;
    height: 96px;
}
/*fade image ********/
/***reflection box ****/
@keyframes reflect{
    10%{transform: scale(1);}
    20%{transform: scale(1);}
    30%{transform: scale(1);}
    40%{transform: scale(1);}
    50%{transform: scale(1);}
    /*
    55%{transform: scale(1.1);}
    */
    60%{transform: scale(1);}
    70%{transform: scale(1);opacity: 0.9}
    80%{transform: scale(1.1);}
    90%{transform: scale(1);}
    /*
    95%{transform: scale(1.1);}
    */
    100%{transform: scale(1);}

}
.reflection-b{
    animation: reflect;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 5s;

}
.reflection-m{
    animation: reflect;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 5s;

}
div#reflection-info {
    background: url('../images/backgrounds/bg.jpg') center center;
    background-attachment: fixed;
}
/***reflection box ****/

/**animation title  ***/
@keyframes bloglink{
    10%{transform: scale(1);}
    20%{transform: scale(1);}
    30%{transform: scale(1);}
    40%{transform: scale(1.1);}
    50%{transform: scale(1);}
    55%{transform: scale(1.1);}
    60%{transform: scale(1);}
    70%{transform: scale(1);}
    80%{transform: scale(1);}
    90%{transform: scale(1);}
    95%{transform: scale(1.1);}
    100%{transform: scale(1);}

}
.titlecard{
    animation: bloglink;
    animation-duration: 12s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 2s;
    text-align: center !important;

}

/***animation title  **/

/*** animation image cards ***/

.Cards-col4 img:hover{
   transform: scale(1.2);
}

.Cards-col4 img{
    transition: all 1.4s ease-in-out;
    -webkit-transition: all 1.4s ease-in-out;
    transform: scale(1);


}

/*** animation image cards ***/


/***section 2 ****/
.container-fluid.section-2.padding2{
    background: black;
}

a.btnx.btn1:hover {
    border-radius: 5px !important;
    color: red;
}
.marker {
    background-color: Yellow;
}