html,
body {
   overflow-x: hidden;
   background-color: #fff;
}

main {
   margin-top: 50px;
   position: static;
}

.row-back {
   margin-bottom: 20px;

}

.link-back {
   padding: 10px;
   transition: 0.8s;
}

.link-back:hover {
   margin-left: -3px;
}

.project .row-content {
   display: flex;
}

.project .row-content .item-img {
   flex: 0 1 66.666%;
   display: flex;
   flex-wrap: wrap;
   height: 100%;
}

.project .row-content .col1 {
   flex-direction: column;
}


.project .row-content .item-img .item {
   margin: 5px;
   width: 48%;
}

.project .row-content .col1 .item {
   width: 100%;
}


.project .row-content .item-img .item img {
   width: 100%;
   height: auto;
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);

}

.project .row-content .item-text {
   flex: 0 1 33.333%;
   position: sticky;
}


.project .item-text .row {
   padding-left: 30px;
}

.project .item-text h2 {
   color: #B8B8B8;
   font-size: 30px;
   font-family: 'RalewayBold';
   margin-top: 8px;
}

.project .item-text h3 {
   color: #000;
   font-size: 20px;
   font-family: 'RalewayBold';
   margin-top: 20px;
   text-align: center;
}

.project .item-text p {
   color: #000;
   font-family: 'RalewayLight';
   font-size: 14px;
   line-height: 23px;
   margin-top: 0px;
   margin-bottom: 20px;
}

.row-colors {
   display: flex;
   margin-top: 10px;
   justify-content: center
}

.row-colors .colors {
   width: 50px;
   height: 50px;
   border-radius: 30px;
   margin: 0px 4px;
}




.project .row-img {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   margin-bottom: 20px;
}

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

.project h4 {
   color: #000;
   text-transform: uppercase;
   font-family: 'RalewayBold';
}

.project .action_btn {
   margin-top: 20px;
   margin-bottom: 40px;
}


/* ****************************** project_colors ****************************** */
.row-colors .color-1-pro1 {
   background-color: #A7C1A4;
}

.row-colors .color-2-pro1 {
   background-color: #84A383;
}

.row-colors .color-3-pro1 {
   background-color: #8D7A73;
}

.row-colors .color-4-pro1 {
   background-color: #F1E4D3;
}

.row-colors .color-5-pro1 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_3 ****** */
.row-colors .color-1-pro3 {
   background-color: #28A500;
}

.row-colors .color-2-pro3 {
   background-color: #2E2E2E;
}

.row-colors .color-3-pro3 {
   background-color: #6F6F6F;
}

.row-colors .color-4-pro3 {
   background-color: #93CDD7;
}

.row-colors .color-5-pro3 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}


/* ****** project_4 ****** */
.row-colors .color-1-pro4 {
   background-color: #FF7500;
}

.row-colors .color-2-pro4 {
   background-color: #000000;
}

.row-colors .color-3-pro4 {
   background-color: #696969;
}

.row-colors .color-4-pro4 {
   background-color: #EDAF99;
}

.row-colors .color-5-pro4 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}


/* ****** project_5 ****** */
.row-colors .color-1-pro5 {
   background-color: #447DED;
}

.row-colors .color-2-pro5 {
   background-color: #000000;
}

.row-colors .color-3-pro5 {
   background-color: #D9D9D9;
}

.row-colors .color-4-pro5 {
   background-color: #F8F8F8;
}

.row-colors .color-5-pro5 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_6 ****** */
.row-colors .color-1-pro6 {
   background-color: #447DED;
}

.row-colors .color-2-pro6 {
   background-color: #000000;
}

.row-colors .color-3-pro6 {
   background-color: #D9D9D9;
}

.row-colors .color-4-pro6 {
   background-color: #F8F8F8;
}

.row-colors .color-5-pro6 {
   background-color: #fff;
   border: 1px solid #D7DFDF;
}

/* ****** project_7 ****** */
.row-colors .color-1-pro7 {
   background-color: #1C1C1C;
}

.row-colors .color-2-pro7 {
   background-color: #FFE600;
}

.row-colors .color-3-pro7 {
   background-color: #C7C1B5;
}

.row-colors .color-4-pro7 {
   background-color: #D9D9D9;
}

.row-colors .color-5-pro7 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_8 ****** */
.row-colors .color-1-pro8 {
   background-color: #47B0EA;
}

.row-colors .color-2-pro8 {
   background-color: #515050;
}

.row-colors .color-3-pro8 {
   background-color: #BAB0AF;
}

.row-colors .color-4-pro8 {
   background-color: #E7D5C1;
}

.row-colors .color-5-pro8 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_9 ****** */
.row-colors .color-1-pro9 {
   background-color: #202020;
}

.row-colors .color-2-pro9 {
   background-color: #515151;
}

.row-colors .color-3-pro9 {
   background-color: #717171;
}

.row-colors .color-4-pro9 {
   background-color: #E4E4E4;
}

.row-colors .color-5-pro9 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_10 ****** */
.row-colors .color-1-pro10 {
   background-color: #007467;
}

.row-colors .color-2-pro10 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_11 ****** */
.row-colors .color-1-pro11 {
   background-color: #282828;
}

.row-colors .color-2-pro11 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_12 ****** */
.row-colors .color-1-pro12 {
   background-color: #232323;
}

.row-colors .color-2-pro12 {
   background-color: #76B1EC;
}

.row-colors .color-3-pro12 {
   background-color: #C766BA;
}

.row-colors .color-4-pro12 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_13 ****** */
.row-colors .color-1-pro13 {
   background-color: #7F694D;
}

.row-colors .color-2-pro13 {
   background-color: #D1AC8F;
}

.row-colors .color-3-pro13 {
   background-color: #D4C2A9;
}

.row-colors .color-4-pro13 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_14 ****** */
.row-colors .color-1-pro14 {
   background-color: #343434;
}

.row-colors .color-2-pro14 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

.row-colors .color-3-pro14 {
   background-color: #D34A44;
}

/* ****** project_15 ****** */
.row-colors .color-1-pro15 {
   background-color: #000;
}

.row-colors .color-2-pro15 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_16 ****** */
.row-colors .color-1-pro16 {
   background-color: #000;
}

.row-colors .color-2-pro16 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_17 ****** */
.row-colors .color-1-pro17 {
   background-color: #038CB7;
}

.row-colors .color-2-pro17 {
   background-color: #6FC2C7;
}

.row-colors .color-3-pro17 {
   background-color: #4F8AB3;
}

.row-colors .color-4-pro17 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_18 ****** */
.row-colors .color-1-pro18 {
   background-color: #516953;
}

.row-colors .color-2-pro18 {
   background-color: #CAD6B0;
}

.row-colors .color-3-pro18 {
   background-color: #FEF4E5;
}

.row-colors .color-4-pro18 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_19 ****** */
.row-colors .color-1-pro19 {
   background-color: #000000;
}

.row-colors .color-2-pro19 {
   background-color: #7E7E7E;
}

.row-colors .color-3-pro19 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_20 ****** */
/* ****** project_21 ****** */
.row-colors .color-1-pro21 {
   background-color: #000;
}

.row-colors .color-2-pro21 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_22 ****** */
.row-colors .color-1-pro22 {
   background-color: #282828;
}

.row-colors .color-2-pro22 {
   background-color: #ffefdc;
}

.row-colors .color-3-pro22 {
   background-color: #E07143;
}

.row-colors .color-4-pro22 {
   background-color: #E4E4E6;
}

.row-colors .color-5-pro22 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_23 ****** */
.row-colors .color-1-pro23 {
   background-color: #000000;
}

.row-colors .color-2-pro23 {
   background-color: #FFDE1F;
}

.row-colors .color-3-pro23 {
   background-color: #B3B3B3;
}

.row-colors .color-4-pro23 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_24 ****** */
.row-colors .color-1-pro24 {
   background-color: #212121;
}

.row-colors .color-2-pro24 {
   background-color: #6E615E;
}

.row-colors .color-3-pro24 {
   background-color: #FCBD9D;
}

.row-colors .color-4-pro24 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_25 ****** */
.row-colors .color-1-pro25 {
   background-color: #2E1F84;
}

.row-colors .color-2-pro25 {
   background-color: #E1BEA6;
}

.row-colors .color-3-pro25 {
   background-color: #816359;
}

.row-colors .color-4-pro25 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}

/* ****** project_26 ****** */
.row-colors .color-1-pro26 {
   background-color: #2C2D2D;
}

.row-colors .color-2-pro26 {
   background-color: #EEE9E3;
}

.row-colors .color-3-pro26 {
   background-color: #fff;
   border: 1px solid #DFDFDF;
}