
.gr-entry-page-rectangle-container .gr-entry-page-rectangle-wrap { background-image: url("../../images/about-us-header-bg.jpg"); }
.gr-entry-page-rectangle-container .gr-entry-page-rectangle-wrap .introPageBannerBox { padding: 40px 0 30px; }

/********** END header  **********/

.section3 br { display: block; }
.wrapgr-trust-enclosure { padding: 20px 0; text-align: center; }
.wrapgr-trust-enclosure .gr-trust-enclosure .gr-trust-image { padding-bottom: 5px; }

.wrapgr-trust-enclosure .gr-trust-enclosure { display: inline-block; vertical-align: middle; width: 178px; text-align: center; margin: 0 0 10px; }

@media (min-width: 320px) and (max-width: 767px){
    
}

@media (min-width: 768px){
    .gr-trust-container { margin: 0 -15px; }
    .wrapgr-trust-enclosure .gr-trust-enclosure { width: 24%; margin-bottom: 0; }
}

/********** END Section1 **********/
/********** Section2 **********/

.section2 .gr-our-visionContainer .gr-our-vision h2 { margin-bottom: 20px; }
.section2 .gr-our-visionContainer .gr-our-vision .gr-our-visionQuotationMark img {  }
.section2 .gr-our-visionContainer .gr-our-vision .gr-encloser-gray { padding: 20px; margin-top: 20px; }
.section2 .gr-our-visionContainer .gr-our-vision .simple { margin-top: 40px; }


@media (min-width: 768px) and (max-width: 1199px){
    .section2:before { background-size: cover; }
}

@media (min-width: 768px) {
    .section2 { position: relative; z-index: 1; }
    .section2:before { display: block; z-index: 0; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-image: url("../../images/softworks-global-our-vision.png"); background-repeat: no-repeat; background-position: center center; }
}

@media (min-width: 768px) and (max-width: 991px){
    
}

@media (min-width: 1200px){
    .section2:before { right: -200px; }
}

/********** END Section2 **********/	
/********** Section3 **********/	

.gr-mobile-dont-show { display: none; }
.gr-desktop-hidden { display: block; background-image: url("../../images/about-values-background-op.jpg"); background-repeat: no-repeat; padding: 20px 0; background-size: cover; }
.gr-desktop-hidden .gr-mobile-box-section-wrapper { display: block; margin-top: 0; }
.gr-desktop-hidden .gr-product-section .gr-mobile-item-all { background-color: #ffffff; }
.gr-desktop-hidden .gr-product-section .partAll { padding-bottom: 20px; }
.gr-desktop-hidden .gr-product-section .itemAll { padding: 15px 20px 15px 15px; }
.gr-desktop-hidden .gr-product-section .gr-enclosed-menu-item:after { right: 15px; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections .itemText { text-transform: uppercase; }

@media (min-width: 768px){
    .gr-desktop-hidden .gr-product-section .gr-r-info-item { height: 170px; }
}

@media (min-width: 992px){
    .gr-desktop-hidden { display: none; }
}

.itemsMenu { background-image: url("../../images/about-values-background.jpg"); background-repeat: no-repeat; background-position: center; padding-top: 20px; background-size: cover; }
.gr-enclose-5-sections .gr-multiple-sections-5 { margin: 0 -15px; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections { float: left; width: 16%; padding: 0 15px; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections .itemImage { cursor: pointer; border: 1px solid #11c979; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 140px; height: 140px; margin: 0 auto; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections .itemImage .colorImg { display: none; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections .itemText { border-top: 1px solid rgba(224, 231, 239, 0.2); padding: 15px; margin-top: 20px; cursor: pointer; position: relative; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections .itemText:before { content: ""; position: absolute; top: 50%; margin-top: -5px; right: 10px; width: 10px; height: 10px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections.active .itemImage { border: 1px solid #ffffff; background-color: #ffffff; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections.active .itemImage .colorImg { display: block; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections.active .itemImage .gr-image-white { display: none; }
.gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections.active .itemText { background-color: #3474ff; border-top: 1px solid #3474ff; }

.gr-entire-screen-items .gr-item-box1 .gr-item1 { display: none; padding: 15px; }
.gr-entire-screen-items .gr-item-box1 .gr-item1.active { display: block; }

@media (min-width: 768px){
    .itemsMenu { padding-top: 40px; }
}

@media (min-width: 992px){
    .gr-mobile-dont-show { display: block; }
}

@media (min-width: 992px) and (max-width: 1199px){
    .gr-enclose-5-sections .gr-multiple-sections-5 .gr-sections h6 { font-size: 12px; line-height: 22px; }
}

/********** END Section3 **********/	
/********** Section4 **********/

.section4 .gr-wrap-unclosure > div:first-child+div { margin-top: 15px; }

@media (min-width:1200px) {
    .section4 .gr-wrap-unclosure .gr-left-side { float: left; width: 48%; padding-right: 1%; }
    .section4 .gr-wrap-unclosure .gr-right-side { float: left; width: 48%; padding-left: 1%; }
    .section4 .gr-wrap-unclosure .gr-right-side h4 { padding: 40px 0; border-Bottom: 1px solid #e0e7ef; }
}


/********** END Section4 **********/	
/********** Section41 **********/

/********** END Section41 **********/	
/********** Section42 **********/	

.section42 { background-image: url("../../images/softworks-global-future.png"); background-repeat: no-repeat; }

@media (min-width: 320px) and (max-width: 767px) {
    .section42 { background-position: right center; }
}

@media (min-width: 768px) {
    .section42 { background-size: cover; background-position: center center; }
}

/********** END Section42 **********/	
/********** Section5 **********/

/********** END Section5 **********/
/********** Section6 **********/

.section6 .gr-subscriber-container { margin: 0 -15px; padding-top: 20px; }
.section6 .gr-subscriber-image { display: none; }
.section6 .gr-subscriber-content .gr-all_wrapped { display: inline-block; vertical-align: middle; }
.section6 .gr-subscriber-content .gr-left-enclosure { min-width: 290px; text-align: center; }

@media (min-width: 320px) and (max-width: 767px){
    .section6 .gr-subscriber-container { padding-bottom: 40px; text-align: center; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section6 .gr-subscriber-content .gr-left-enclosure { min-width: 290px; text-align: left; }
    .section6 .gr-subscriber-content h4 { font-size: 16px; line-height: 26px; }
    .section6 .gr-subscriber-content h5 { font-size: 14px; line-height: 24px; }
}

@media (min-width: 768px){
    .section6 .gr-subscriber-container { background-image: url("../../images/about-us-join-the-gorepa-team-background.jpg"); background-repeat: no-repeat; background-position: top center; }
    .section6 .gr-subscriber-image { text-align: right; display: block; }
    .section6 .gr-subscriber-image img { display: inline-block; }
    .section6 .gr-subscriber-content { padding-top: 40px; }
}

@media (min-width: 992px){
    .section6 .gr-subscriber-content .gr-left-enclosure { min-width: 400px; text-align: left; }
}

/********** END Section6 **********/	
/********** Section7 **********/


/********** END Section7 **********/

