/* Enter Your Custom CSS Here */

#what-does-gsp-provide {
    background: #e9eaef!important;
      border-top: 5px solid #e7e8ee!important;
    border-bottom: 5px solid #e7e8ee!important;
}
#what-does-gsp-provide .full-width {
    background: #e9eaef!important;
  border: none!important;
   padding-bottom: 0px!important;
}

.selectnav { background-image: url('https://gsp-agency.gr/wp-content/uploads/2017/11/menu-burger.png')!important; }

ul#nav li a {
    font-family: 'Montserrat', sans-serif!important;
}

div#qLbar { 
  margin-top: 20px!important;
  background-color: #1a2947!important; 
}

#qLpercentage {
    font-family: 'Montserrat', sans-serif!important;
    font-size: 60px !important;
    font-weight: 500!important;
    color: #1a2947!important;
}

nav.navigation.colored.sticky-nav { background: #1a2947!important; }

div#undefined-sticky-wrapper { border-top: 5px solid #e9eaef; }

.one_third.rnr-column a img { border: 5px solid #f4d430; }

.subtitle { text-transform:none!important; line-height: 34px!important; font-size: 23px!important; }

.title h1 {
    margin-bottom: 20px;
    line-height: 1;
    display: inline-block;
    padding: 0px!important;
    background: #ffffff!important;
    color: #1a2947!important;
    box-shadow: none!important;
}

h1 {
    font-size: 60px!important;
    font-style: normal;
    font-family: 'Montserrat', sans-serif!important; 
    font-weight: 700!important;
    text-transform: uppercase!important;
}

h1.header-text:before { display:none!important; }


.service-features h3 {
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 600;
    padding-top: 40px!important;
    text-transform: uppercase!important;
    margin-bottom: 4px;
    font-size: 25px;
  color: #192b47!important;
}

.full-width { 
  background: #f3d330!important;
  border-top: 5px solid #f3d330;
  border-bottom: 5px solid #f3d330;
}


.full-width {
    padding-top: 70px!important;
    padding-bottom: 30px!important;
}


.subtitle { margin-bottom: 55px!important; }



input.wpcf7-form-control.wpcf7-submit {
    background: #1a2a47;
}

div#google-map {
    border-top: 5px solid rgba(156, 156, 156, 0.14);
    padding-top: 0px;
    padding-bottom: 0px;
}

#google-map .container { width: 100%; }

#google-map .sixteen { 
  width: 100%; 
  margin-left: 0px;
  margin-right: 0px;
}

.wpcf7 div.rnr-input {
    width: 100%!important;
}

.wpcf7 div.rnr-textarea {
    width: 98%!important;
    float: none!important;
}

.wpcf7 div.rnr-submit input[type="submit"] {
    width: 98%!important;
    float: none!important;
}

#back-to-top a {
  display:none!important;
    background: #192b47 url(https://gsp-agency.gr/wp-content/themes/jarvis_wp/images/backtotop.png) no-repeat center center!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!impotant;
    border-radius: 0px!important;
}

.one_third.rnr-column p {
    font-size: 17px;
    color: #192b47!important;
    padding-top: 15px;
    padding-bottom: 10px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 300!important;
}

span.fa.fa-angle-down.animated.bounce { display: none; }

.home-slider { background: #FFF!important; }

div#slide-1-layer-3 {
    font-family: 'Montserrat', sans-serif!important;
    text-align: center!important;
    padding-top: 30px!important;
    background: rgba(105, 105, 105, 0.53);
    padding-bottom: 30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}

div#rev_slider_1_1_wrapper { margin-bottom: -70px!important; }

nav .container .twelve.columns { float: none!important; }

.navigation .container.clearfix { text-align: center!important; }


input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 400!important;
    font-size: 15px!important;
    padding-left: 20px!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    background: #FFF!important;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 400!important;
    font-size: 15px!important;
    padding-left: 20px!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    background: #FFF!important;
}

i.fa.fa-map-marker {
    color: #1a2947!important;
    font-size: 27px!important;
    padding-right: 13px!important;
    margin-bottom: 15px!important;
}

i.fa.fa-fax {
    color: #1a2947!important;
    font-size: 25px!important;
    margin-top: 22px!important;
    padding-right: 8px!important;
    margin-bottom: 15px!important;
}

i.fa.fa-phone {
    color: #1a2947!important;
    font-size: 25px!important;
    margin-top: 22px!important;
    padding-right: 12px!important;
    margin-bottom: 15px!important;
}

i.fa.fa-mobile {
    color: #1a2947!important;
    font-size: 33px!important;
    margin-top: 22px!important;
    padding-right: 19px!important;
    margin-bottom: 15px!important;
    vertical-align: sub!important;
}

i.fa.fa-envelope {
    color: #1a2947!important;
    font-size: 25px!important;
    margin-top: 22px!important;
    padding-right: 7px!important;
}

i.fa.fa-circle-thin {
    color: #FFF!important;
    font-size: 27px!important;
    padding-right: 6px!important;
    margin-bottom: 15px!important;
}

.contact .one_half.rnr-column.last {
    /*font-family: 'Montserrat', sans-serif!important; */
    font-size: 23px!important;
}

div#wpcf7-f177-o1 { margin-top: -15px!important; }

.last strong {
    color: #1a2a47;
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 500!important;
    line-height: 28px!important;
    font-size: 20px!important;
}


span.highlight { font-weight: 400!important; color: #192a47!important; }

.copyright.aligncenter {
    padding-top: 85px!important;
    padding-bottom: 60px!important;
    font-family: 'Montserrat', sans-serif!important;
    border-top: 7px solid #e7e8ec!important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border: none!important;
}

nav.navigation.colored.sticky-nav .four.columns {
    display: none;
}

div.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #5ba62b!important;
    border-color: #5ba62b!important;
    text-shadow: none!important;
}


/* -- START -- responsive headings */


@media screen and (max-width: 1099px) and (min-width: 600px) {

h1.header-text { font-size: 44px!important; }

h1.header-text:before { display:none!important; }

}

@media screen and (max-width: 599px) and (min-width: 490px) {

h1.header-text { font-size: 40px!important; }

h1.header-text:before {
    background-size: 50px 50px!important;
    background-position-y: 50px!important;
    padding-bottom: 35px!important;
    width: 64px!important;
    height: 64px!important;
}

}

@media screen and (max-width: 489px) and (min-width: 0px) {

h1.header-text { font-size: 30px!important; }

h1.header-text:before {
    background-size: 45px 45px!important;
    background-position-y: 50px!important;
    padding-bottom: 30px!important;
    width: 52px!important;
    height: 64px!important;
}

}

/* -- END -- responsive headings */


/* -- START -- menu */

@media screen and (max-width: 959px) and (min-width: 0px) {

  .selectnav {
  
    margin-top: 25px!important;
    margin-bottom: 25px!important;
    float: right!important;
  
  }
  
}

/* -- END -- menu */




/* -- START -- paddings */

@media screen and (max-width: 1099px) and (min-width: 768px) {
 
  div#profile { padding: 0px 0 10px!important; }
  .full-width { margin-top: 0px!important; }
 
  #profile .one_third.rnr-column {
    margin-bottom: 20px!important;
    margin-top: -10px!important;
  }
  
  div#contact-us { padding-top: 20px!important; }
  
}

@media screen and (max-width: 767px) and (min-width: 0px) {

  div#profile { padding: 0px 0 10px!important; }
  .full-width { 
    margin-top: -35px!important; 
    padding-top: 55px!important;
    padding-bottom: 40px!important;
  }
  
   #profile .one_third.rnr-column { margin-bottom: 20px!important; }
 
  div#our-product {
    margin-top: -70px!important;
    margin-bottom: -80px!important;
   }
  
  #our-product .subtitle { margin-top: -40px!important; }

 
  div#contact-us {
    padding-top: 15px!important;
    padding-bottom: 0px!important;
}

  form.wpcf7-form { height: 430px!important; margin-top: -70px!important; }
  
  div#google-map { margin-top: -40px!important; }
 
  .copyright-logo h1 { font-size: 40px!important; }
  .copyright-logo a { margin-bottom: 5px!important; }
  .copyright p { font-size: 12px!important; }
  
  .copyright.aligncenter {
    padding-top: 80px!important;
    padding-bottom: 15px!important;
  }
  
  .table-header { padding-left: 5px!important; }
  
}

/* -- END -- paddings */

#about { padding-top: 100px!important; padding-bottom: 30px!important; }

#what-does-gsp-provide { padding-top: 0px!important; padding-bottom: 0px!important; }

.service-features .img-container:after { display: none!important; }

.service-features .img-container {
    padding: 30px 33px!important;
    border-radius: 100px!important;
    background: #192b47!important;
    width: 123px!important;
}

#what-does-gsp-provide h2.highlight {
    color: #192b47!important;
    font-size: 55px!important;
    margin-top: -10px!important;
    padding-bottom: 35px!important;
}

.toggle-title i { display: none!important; }

.toggle .toggle-title .title-name {
    font-size: 22px!important;
    color: #192a47!important;
    padding: 14px 15px 10px!important;
}

#services { padding-top: 100px!important; padding-bottom: 0px!important; }

i.fa.fa-quote-left { display:none!important; }
i.fa.fa-quote-right { display:none!important; }

p.quote.animated.fadeInUp { font-size: 80px!important; }

.quote-author.animated.fadeInUp { font-size: 26px!important; }

.copyright.aligncenter { background: #1a2a47!important; }

#history .parallax-content {
    padding-top: 150px!important;
    padding-bottom: 250px!important;
}

#seafarers-services-2 span.title-name {
    text-align: center!important;
}


#additional-services .img-container { background: none!important; }
#additional-services h3 { padding-top: 0px!important; }

#additional-services {
    background: #f7f7f7!important;
    border-top: 5px solid!important;
    border-bottom: 5px solid!important;
    border-color: #192b47!important;
  padding-bottom: 15px!important;
    margin-top: 50px!important;
}

#additional-services .full-width {
    background: #f7f7f7!important;
    border: none!important;
    padding-top: 40px!important;
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
}

#additional-services .service-features{
    background: #FFF!important;
    border: 1px solid rgba(25, 43, 71, 0.1)!important;
    border-radius: 30px!important;
    /*box-shadow: 1px 3px 5px rgba(25, 43, 71, 0.15)!important;*/
}

#additional-services h2.highlight {
    color: #192b47!important;
    font-size: 55px!important;
    margin-top: -10px!important;
    padding-bottom: 35px!important;
}

#contact {
    padding-bottom: 0px!important;
    padding-top: 100px!important;
}

#additional-services .caroufredsel_wrapper {
    height: 285px!important;
}

/* -- START -- about fullwidth*/

@media screen and (max-width: 959px) and (min-width: 0px) {
#about { width: 100%!important;}
} 
  
/* -- END -- about fullwidth*/


/* -- START -- parallax sections*/

@media screen and (max-width: 1000px) and (min-width: 960px) {

.quote-author.animated.fadeInUp {
    font-size: 23px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}
}

@media screen and (max-width: 959px) and (min-width: 768px) {

p.quote.animated.fadeInUp { font-size: 65px!important; }
.quote-author.animated.fadeInUp { 
    font-size: 22px!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}

@media screen and (max-width: 767px) and (min-width: 500px) {

p.quote.animated.fadeInUp { font-size: 45px!important; }
.quote-author.animated.fadeInUp { 
    font-size: 17px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}

@media screen and (max-width: 499px) and (min-width: 0px) {

p.quote.animated.fadeInUp { font-size: 35px!important; }
.quote-author.animated.fadeInUp { 
    font-size: 16px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  
  #history .parallax-content {
    padding-top: 140px!important;
    padding-bottom: 260px!important;
}
  
}


/* -- END -- parallax sections*/

/* -- START -- texts */

@media screen and (max-width: 850px) and (min-width: 768px) {
  
  .subtitle p { 
    font-size: 20px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
}













@media screen and (max-width: 767px) and (min-width: 0px) {
  
  .subtitle p { 
    font-size: 19px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  
  #about {
    padding-bottom: 0px!important;
    padding-top: 60px!important;
    margin-bottom: -80px!important;
}
  
  #what-does-gsp-provide h2.highlight {
    color: #192b47!important;
    font-size: 38px!important;
    margin-top: 35px!important;
    padding-bottom: 30px!important;
}
  
  #services {
    padding-top: 80px!important;
    padding-bottom: 0px!important;
    margin-bottom: -50px!important;
}
  
  #services .subtitle p {
    margin-bottom: -60px!important;
}
  
  #additional-services h2.highlight {
    color: #192b47!important;
    font-size: 39px!important;
    margin-top: -40px!important;
    padding-bottom: 10px!important;
}
  
  #seafarers-services-2 {
    padding-bottom: 15px!important;
}
  
  #contact { padding-top: 60px!important; }
  
}


/* -- END -- texts */


/* -- START -- contact us */

.contact-us-1 { display: block!important; font-size:20px!important; }
.contact-us-2 { display: none!important; }
.contact-us-3 { display: none!important; }

@media screen and (max-width: 1200px) and (min-width: 768px) {

.contact-us-1 { display: none!important; }
.contact-us-2 { display: block!important; font-size: 20px!important; }  
.contact-us-3 { display: none!important; }

}

@media screen and (max-width: 767px) and (min-width: 0px) {

.contact-us-1 { display: none!important; }
.contact-us-2 { display: none!important; }
.contact-us-3 { display: block!important; font-size: 19px!important; }
  
}

/* -- END -- contact us */

@media screen and (max-width: 485px) and (min-width: 0px) {
#additional-services .caroufredsel_wrapper { height: 315px!important; }
}

/* #nav .container .column, .container .columns { display: -webkit-inline-box!important; } */
a.back-to-top { display: none!important; }

@media screen and (max-width: 959px) and (min-width: 0px) {
/* #nav .container .column, .container .columns { display: inline-block!important; } */
a.back-to-top { display: none!important; }
}

@media screen and (max-width: 959px) and (min-width: 768px) {
select#selectnav1 { margin-right: 160px!important; }
}

.wpcf7-form-control-wrap { position: inherit!important; }


@media screen and (max-width: 500px) and (min-width: 0px) {
  #about {
    padding-bottom: 0px!important;
    padding-top: 110px!important;
    margin-bottom: -80px!important;
}
}

.copyright-logo img { width: 180px; }

.smls-grid-image-wrap { padding: 0px!important; }

#clients-partners { 
  padding-top: 50px!important;
  padding-bottom: 0px!important;
  border-top: 7px solid #e7e8ec!important;
}

.fancy-header1 h2 {
    font-size: 53px!important;
    color: #1b2b47!important;
}

.fancy-header1 h2:before { display:none!important; }
.fancy-header1 h2:after { display:none!important; }
.fancy-header1 { margin-bottom: -15px!important; }
.smls-overlay-wrap:hover { opacity: 0!important; }

#clients-partners .one_half {
    margin-right: 1%;
    margin-left: 1%;
    border-right: 2px solid #1c2c470f!important;
}


#clients-partners .last {
    margin-right: 1%;
    margin-left: 1%;
    border-right: 2px solid #FFF!important;
}

.smls-overlay-effect .smls-overlay-wrap {
    background-color: rgba(0, 0, 0, 0)!important;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
#clients-partners .one_half { border-right: 2px solid #FFF!important; }
}

span#cn-notice-text {
    font-size: 15px!important;
    font-style: normal!important;
    font-family: 'Montserrat', sans-serif!important; 
}

a#cn-accept-cookie {
    background: #FFF!important;
    color: #1b2a47!important;
    padding: 7px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    text-transform: uppercase!important;
    font-style: normal!important;
    font-family: 'Montserrat', sans-serif!important; 
    font-weight: 700!important;
}

.recaptcha {
    padding-top: 10px;
    padding-bottom: 15px;
}

body #load {
display:none!important
}