/* ---------------------------------- START SearchLanding Banner ---------------------------------- */
.page-landingSearch .main-banner {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #112e50 url(../jpg/banner2.jpg) no-repeat center center;
  background-size: cover;
}
.page-landingSearch .main-banner h1 {
  font-size: 41px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) { 
    .page-landingSearch .main-banner h1 {
        font-size: 21px;
    }
    .page-landingSearch .main-banner {
        padding-top: 20px;
        padding-bottom: 20px;
    }

}
.search-gallery-setting {
  position: relative;
   width: 100%;
  max-width: 750px;
  display: inline-block;
}
.search-gallery-setting .search-filed{
  padding: 10px;
  border: 0;
  width: 100%;
  border-radius: 5px;
  height: 50px;
  color: #333;
}
.search-gallery-setting .search-btn{ 
  background-color: #c31e53;
  border: 0;
  padding: 14px 15px;
  position: absolute;
  right: 0px;
  top: 0;
  border-radius: 0 5px 5px 0;
  height: 50px;
  cursor: pointer;
}

.search-gallery-setting .search-btn:hover {
  opacity: 0.9;
}


.page-landingSearch .popularKeywords-block {
  font-size: 14px;
  width: 100%;
  max-width: 700px;
  display: inline-block;
  text-align: left;
}
.page-landingSearch .popularKeywords-block > strong{
    vertical-align: middle;
}
.page-landingSearch .popularKeywords-block li {
    margin-left: 3px;
    margin-right: 3px
}
.page-landingSearch .popularKeywords-block li a {
    text-decoration: underline;
}
.page-landingSearch .popularKeywords-block li a:hover {
    opacity: 0.9;   
    color: #fff;
}

/* ---------------------------------- END SearchLanding Banner ---------------------------------- */

/* ---------------------------------- START SearchLanding NewStyle Gallery ---------------------------------- */
.gallery-newStyle {
  text-align: center;
}

.gallery-newStyle .column {
  display: inline-block;
  vertical-align: top;
}
.gallery-newStyle .column li {
  /*border: 1px solid #e0e0e0;*/
  position: relative;
  margin: 20px 8px;
  /*padding: 15px 15px 0 15px*/
}
.gallery-newStyle .column li figcaption, .gallery-newStyle .column li span.figcaption {
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
}
.gallery-newStyle .column li:hover figcaption {
  color: #c31e53;
}

.gallery-newStyle .link-overlay {
 /* position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;*/
}
/* ------------- grid Fixes ------------- */
.gallery-newStyle .column-3 li:last-child {
padding-top: 35px;
} 
.gallery-newStyle .column-3 li:last-child figcaption {
margin-top: 15px;
}

.gallery-newStyle .column-2 li:nth-child(2) {
padding-top: 48px;
} 
.gallery-newStyle .column-2 li:nth-child(2) figcaption {
margin-top: 28px;
}

/*----------------------------------------*/
.gallery-newStyle img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1110px){
 .gallery-newStyle .column li { max-width: 250px } 
}
@media (max-width: 860px){
    .gallery-newStyle .column li { max-width: 220px } 
}
@media (max-width: 767px){
    .gallery-newStyle .column li { display: inline-block; margin: 8px 0 0 7px }
    .gallery-newStyle img { max-height:100px } 
}
@media (max-width: 660px){
	.gallery-setting-block {padding:0px 10px;}
	.page-landingSearch .popularKeywords-block {padding: 0px 10px;}
	.img-style-2, .img-style-1 {margin-top:35px;}
	.section-gray img {margin-top:25px;}
    .gallery-newStyle .column li { max-width: none; margin: 8px 0 0 0 }
    .gallery-newStyle img { max-height: none }
    .gallery-newStyle .column li { display: block;}
	a.secondary-btn {padding: 13px 20px;font-size: 12px !important;}
}
.section-gray {background-color:#3b3b7b; padding:35px 0 60px;color:#fff;}
.section-gray  h4, .section-gray h2 {color:#fff;}
.section-gray  .col-lg-4 p {text-align: justify; padding: 0px 15px;font-size: 14px;}
 html { scroll-behavior: smooth; }
/* ---------------------------------- END SearchLanding NewStyle Gallery ---------------------------------- */

.page-landingSearch .otro-blockquote{
      font-size: 1.2em;
    width: 100%;
    margin: 35px auto;
    font-family: Open Sans;
    color: #3e3d3d;
    padding: 1.2em 30px 1.2em 75px;
    line-height: 1.6;
    position: relative;
    background: #fff`;
    font-weight: lighter;
    border-radius: 5px;
	border: 1px solid #c61e53;
}

.page-landingSearch .otro-blockquote::before{
 font-family: Arial;
    content: "\201C";
    color: #dcd9da;
    font-size: 10em;
    position: absolute;
    left: 12px;
    top: -62px;
}

.page-landingSearch .otro-blockquote::after{
  content: '';
}
.testimonial strong {display: block;margin-bottom: 10px;font-weight: bold;font-size: 15px;}
.page-landingSearch .otro-blockquote span{
  display:block;
  color:#32325c;
  font-style: normal;
  font-weight: bold;
  margin-top: 0.7em;
}
.bg-white {
    background: #fff;
    padding: 25px 25px;     border: 1px solid #d7d7d7;
    margin-bottom: 25px; text-align:center;
}
.bg-white h4 {text-align:center; margin-bottom:8px;}

.secondary-btn, .secondary-btn:hover {
   color: #000;
    background-color: rgb(204 204 204 / 40%);
    padding: 13px 25px;
    font-size: 13px !important;
    margin-bottom: 20px;
    justify-content: center;
    border-radius: 50px;
}

.img-style-1 { border-radius: 4px; margin-bottom: 12px;max-width: 95%;border: 1px solid #efefef;}
.img-style-2 { border-radius: 4px; margin-bottom: 12px;max-width: 100%;border: 1px solid #efefef;}
.step-style { font-size: 30px;margin-bottom: 8px;}
#myCarousel2 img {max-width:100%; border-radius:4px 0px 0px 4px; }
#myCarousel2 h3 {font-size:35px;}
#myCarousel2 p {font-size:15px; color:#fff; margin-top:18px; line-height: 1.6;}

.slider-option {background: #3b3b7b; padding:20px; max-width:330px; border-radius: 0px 6px 6px 0px;min-height: 335px;}
.slider-option h2, .slider-option h3, .slider-option p {color:#fff;}
.pr-0 {padding-right:0px;}
.gallery-newStyle.item-margin li {margin:0px 8px;}
.adject-margin {margin-top:-20px; margin-bottom:30px;}
.adject-margin2 {margin-top:-5px; margin-bottom:30px;}
.adject-margin3 {margin-top:-5px !important; margin-bottom:30px;}

@media (max-width: 660px){
#myCarousel2 h3 {font-size:22px; margin-top:10px;}
#myCarousel2 p { font-size: 13px;margin-top: 10px;margin-bottom: 5px;}
.slider-option { max-width: 100%; min-height:auto;padding: 10px 25px; border-radius:0px;}
#myCarousel2 img { border-radius:0px; }
.page-landingSearch .main-banner h1 {line-height:1.5;}
}

.search-gallery-setting {text-align:left;}
/*.search-gallery-setting #keyword, .search-gallery-setting #keyword2 {max-width: 283px;display: inline-block;}
.search-gallery-setting #company_name, .search-gallery-setting #company_name2 { max-width: 283px; margin-right: 5px;}*/
.search-gallery-setting .keywordSearchBtn, .search-gallery-setting .keywordSearchBtn2{ position: relative; width: 100%; margin-top: 1px;border-radius: 5px;}


.formRow2 {
  position: relative;
  width: 100%; border:none;
}
.formRow--item2 {
padding-left:5px; padding-right:5px;
margin-bottom: 2px;
}
.formRow--input2 {
  position: relative;
  padding: 10px 20px 16px;
  width: 100%;
  outline: none;
  border: solid 1px #95989a;
  border-radius: 4px;
  color: #2c3235;
  letter-spacing: 0.2px;
  font-weight: 400;
  font-size: 16px;
  resize: none;
  transition: all 0.2s ease; padding-left:9px;
}

.formRow--input-wrapper2 {
  position: relative;
  display: block;
  width: 100%;
}
.formRow--input-wrapper2.active .placeholder {
  top: 5px;
  background-color: #ffffff;
  color: #454545;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 11px;
  line-height: 14px;
  transform: translateY(0);
  left:0px; background:transparent;
}
.formRow--input-wrapper2.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {
  color: #fec8c9;
}
.formRow--input-wrapper2 .formRow--input:focus, .formRow--input-wrapper .formRow--input:hover {
  border-color: #454545;
}
.js-inputWrapper.active .formRow--input2 {padding: 18px 20px 8px; padding-left:10px;}
.formRow2 .placeholder {
  position: absolute;
  top: 40%;
  left: 10px;
  display: block;
  padding: 0 10px;
  color: #95989a;
  white-space: nowrap;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-size: 16px;
  transition: all, 0.2s;
  transform: translateY(-30%);
  pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	  user-select: none;
}

@media(max-width: 720px) {
.search-gallery-setting {text-align:center;}
.search-gallery-setting #company_name, .search-gallery-setting #company_name2 { margin-bottom: 10px; margin-right: 0px;}
.search-gallery-setting #keyword, .search-gallery-setting #keyword2 { margin-bottom: 10px;}
.search-gallery-setting .keywordSearchBtn, .search-gallery-setting .keywordSearchBtn2 {max-width: 280px;}
.popularKeywords-block ul {text-align:center; margin-top:10px;}
.formRow--input-wrapper2 { max-width: 280px;margin: 0px auto;}
}