/*
 Theme Name:     Helpline
 Theme URI:      http://wwww.loovweb.com/
 Description:    Dedicated theme for Helpline Group
 Author:         PINE
 Author URI:     http://wwww.loovweb.com/
 Template:       Divi
 Version:        3.3
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*  Primary Colour: #21356b
  Secondary Colour: #33c3e6 
*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
a {
  transition: 0.3s;
}
body {
  color: #000;
}
/* Responsive Classes */
@media only screen and ( max-width: 767px ) {
.hideonmobile{ /* hide on mobile */
display:none !important;
}
}
@media only screen and ( min-width: 767px ) {
.hideonpc{  /* hide on pc */
display:none !important;
}
}

.et_pb_button.et_pb_button_custom.et_pb_button_step_form {
    background-color: #33c3e6 !important;
    border: 1px solid #41bde4;
    color: #FFF;
    font-weight: bold;
}
.et_pb_button.et_pb_button_custom.et_pb_button_step_form:hover {
  background-color: #21356b !important;
  border-color: #21356b;
}
#footer-widgets .footer-widget .et_social_icons_container li {
    max-width: 40px;
}
#helpline-footer {
  background: #1f264e;
  color: #FFF;
}
#helpline-footer h5 {
  color: #52a6ee;
  font-size: 14px;
}
#helpline-footer a {
  color: #FFF;
  font-size: 12px;
}
#helpline-footer a:hover {
  color: #52a6ee;
}
#helpline-footer .widget-box {
  margin-bottom: 20px;
}
#helpline-footer-widgets .footer-widget {
  margin-bottom: 2%;
}
@media only screen and ( max-width: 767px ) {
  #helpline-footer .footer-widget {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #385094;
    padding-bottom: 10px;
  }

}
#et-top-navigation nav#top-menu-nav li a {
  text-transform: uppercase;
}
#top-menu li li a:hover,
#top-menu li li.nofade li a:hover {
  background-color: #21356b;
  color: #FFF !important;
  opacity: 1;
  transition: 0.5s;
}
#top-menu li li.nofade a:hover {
  color: #21356b !important;
}
.nav li ul {
    width: 300px;
}
#top-menu li li {
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
}
#top-menu li li a {
  width: 100%;
}
/* Flag Sprites */
/* SPRITES */
#mobile_slider_menu_list ul {
  margin: 0;
  margin-bottom: 20px;
  list-style: none;
}
#mobile_slider_menu_list ul li {
  list-style: none;
}
#request_call_back_container_area .widget_nav_menu ul li:before,
#mobile_slider_menu_list ul li:before,
#mobile_slider_menu_list ul li:before,
#country_menu_display ul li:before {
  background: url(images/flag-sprite.png);
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  width: 36px;
  height: 30px;
  content: " ";
}
#request_call_back_container_area .widget_nav_menu ul li,
#mobile_slider_menu_list ul li,
#country_menu_display ul li {
  margin: 5px 0;
  display: inline-block;
  float: left;
}
#mobile_slider_menu_list ul li a {
  padding-left: 50px;
  display: block;
  min-height: 38px;
  line-height: 2.2em;
  font-size: 14px;
  color: #FFF;
  font-weight: 600;
}
#mobile_slider_menu_list ul {
  padding: 0;
  margin: 0;
  margin-left: 20px;
  margin-top: 5px;
}
/* Room List */

#request_call_back_container_area ul li.uaecall:before,
#mobile_slider_menu_list ul li.uaecall:before,
#country_menu_display ul li.uaecall:before {background-position: -3px 0px}
#request_call_back_container_area ul li.saudicall:before,
#mobile_slider_menu_list ul li.saudicall:before,
#country_menu_display ul li.saudicall:before {background-position: -42px 0px}
#request_call_back_container_area ul li.qatarcall:before,
#mobile_slider_menu_list ul li.qatarcall:before,
#country_menu_display ul li.qatarcall:before {background-position: -80px 0px}
#request_call_back_container_area ul li.indiacall:before,
#mobile_slider_menu_list ul li.indiacall:before,
#country_menu_display ul li.indiacall:before {background-position: -118px 0px}
#request_call_back_container_area ul li.bahraincall:before,
#mobile_slider_menu_list ul li.bahraincall:before,
#country_menu_display ul li.bahraincall:before {background-position: -156px 0px}
#request_call_back_container_area ul li.omancall:before,
#mobile_slider_menu_list ul li.omancall:before,
#country_menu_display ul li.omancall:before {background-position: -3px -30px}
#request_call_back_container_area ul li.kuwaitcall:before,
#mobile_slider_menu_list ul li.kuwaitcall:before,
#country_menu_display ul li.kuwaitcall:before {background-position: -42px -30px}
#request_call_back_container_area ul li.australiacall:before,
#mobile_slider_menu_list ul li.australiacall:before,
#country_menu_display ul li.australiacall:before {background-position: -80px -30px}
#request_call_back_container_area ul li.ukcall:before,
#mobile_slider_menu_list ul li.ukcall:before,
#country_menu_display ul li.ukcall:before {background-position: -118px -30px}
#request_call_back_container_area ul li.usacall:before,
#mobile_slider_menu_list ul li.usacall:before,
#country_menu_display ul li.usacall:before {background-position: -156px -30px}
#request_call_back_container_area ul li.canadacall:before,
#mobile_slider_menu_list ul li.canadacall:before,
#country_menu_display ul li.canadacall:before {background-position: -3px -57px}
#request_call_back_container_area ul li.conemail:before,
#mobile_slider_menu_list ul li.conemail:before,
#country_menu_display ul li.conemail:before {background-position: -156px -57px}


#country_menu_main {}
#country_menu_main .widget_nav_menu {
  width: 100%;
  margin: 10px 0 10px 0;
}
#country_menu_display {
  width: 100%;
}
#country_menu_display ul li {
  display: inline-block;
  float: left;
  width: 20%;
}
#request_call_back_container_area .widget_nav_menu {
  width: 100%;
}
#request_call_back_container_area .widget_nav_menu ul li {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  margin-bottom: 20px;
}
#country_menu_display ul li a {
  font-size: 14px;
  line-height: 2.2em;
  margin-left: 20px;

}
#request_call_back_container_area .widget_nav_menu ul li a {
  padding-left: 40px;
  font-size: 16px;
  line-height: 2em;
}

/* Service main pages styles */
#service_mainpage_anchors {}
#request_call_back_pages {}
#helpline_wizard .has_first_name label,
#helpline_wizard .has_last_name label,
#quickcontact_general .has_first_name label,
#request_call_back_pages .has_first_name label {
  display: none;
}

/* Anchor Points */
#service_mainpage_anchors a {}
#attestation_centres a {}



/* Gravity Forms */

.gform_button,
.gform_next_button,
.gform_previous_button {
    padding: 8px 20px;
    border: 1px solid #223967;
    background-color: #223967;
    color: #FFF;
    font-weight: bold;
    border-radius: 4px;
    transition: 0.3s;
}
#helpline_wizard .gform_previous_button {
  margin-bottom: 10px !important;
}
.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover {
    background-color: #FFF;
    color: #223967;
}
#slideout input,
#helpline_wizard input,
#helpline_wizard select,
#quickcontact_general input,
#request_call_back_pages input {
    height: 40px;
}
#slideout input,
#helpline_wizard input,
#helpline_wizard select,
#quickcontact_general input {
  min-width: 100%;
}
#helpline_wizard ul.gfield_radio li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
#helpline_wizard .blockradio ul.gfield_radio li {
  display: block;
  width: 100%;
}
#helpline_wizard .blockradio ul.gfield_radio li input {
  height: auto;
}
#slideout label.gfield_label,
#quickcontact_general label.gfield_label {
  display: none;
}
#slideout input,
#slideout textarea,
#helpline_wizard input,
#helpline_wizard textarea,
#helpline_wizard select,
#quickcontact_general input,
#quickcontact_general textarea,
#request_call_back_pages input,
#request_call_back_pages textarea {
    border-radius: 4px;
    border-color: rgb(141, 151, 176);
}
#slideout .gform_wrapper div.validation_error,
#slideout #gfield_error,
#helpline_wizard .gform_wrapper div.validation_error,
#helpline_wizard #gfield_error,
#quickcontact_general .gform_wrapper div.validation_error,
#quickcontact_general .gform_wrapper #gfield_error,
#request_call_back_pages .gform_wrapper div.validation_error,
#request_call_back_pages #gfield_error {
    font-weight: 400;
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
    padding: 0;
}
#slideout .gfield_error,
#helpline_wizard .gfield_error,
#quickcontact_general .gfield_error,
#request_call_back_pages .gfield_error {
    font-weight: 400;
    margin-bottom: 0;
    border-top: none;
    border-bottom: none;
    padding: 0;
    background-color: transparent !important;

}
#request_call_back_container_area {}
#request_call_back_text_id {}
#request_call_back_text_flags {}

#quickcontact_general h3.gform_title {
  padding-bottom: 0px;
  margin: 0px;
}
#quickcontact_general .gform_wrapper ul li.gfield {
  margin-bottom: 10px;
  margin-top: 10px;
}
#quickcontact_general .gform_wrapper .gform_footer {
  padding: 0px;
  margin: 10px 0;
}

@media only screen and (min-width: 641px) {
#quickcontact_general .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px;
  }
}
@media only screen and ( max-width: 767px ) {
  #request_call_back_home_area,
  #request_call_back_container_area {
    background-image: none !important;
  }
}


/* Slide Out Form */
#slideout {
  display: none;
  position: fixed;
  top: 150px;
  left: 0;
  width: 35px;
  padding: 12px 0;
  text-align: center;
  background: #6DAD53;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
#slideout_inner {
  position: fixed;
  top: 150px;
  left: 0px;
  background: #6DAD53;
  width: 300px;
  padding: 25px;
  height: auto;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-align: left;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
img.slide-toggle {
    position: fixed;
    left: 0;
    top: 150px;
    padding: 10px;
    background: #6DAD53;
    border-radius: 0 4px 4px 0;
}
#slideout_inner img.slide-toggle {
    left: 265px;
    padding: 0;
    padding-top: 10px;
}


/* Divi Toggles */
.et_pb_toggle {
  border: 1px solid #25376d;
  transition: 0.3s;
}
.et_pb_toggle_close {
  background-color: #FFF;
}
.et_pb_toggle_open .et_pb_toggle_title, 
.et_pb_toggle_open h5.et_pb_toggle_title {
  color: #213a69;
  font-weight: bold;
}
.et_pb_toggle_close .et_pb_toggle_title, 
.et_pb_toggle_close h5.et_pb_toggle_title {
  color: #25376d;
  transition: 0.3s;
}
.et_pb_toggle_title:before {
  color: #25376d;
  transition: 0.3s;
}

/* Divi Tabs */
.et_pb_tabs_controls li a {
  padding: 20px 20px;
}
.et_pb_tabs_0 .et_pb_tabs_controls li.et_pb_tab_active a {
  color: #FFF !important;
}

/* Footer Logo Area */
.first-footer-sec {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
.first-footer-sec img {
  max-width: 150px;
  height: auto;
}
.second-footer-sec {
  display: inline-block;
  float: left;
}
@media only screen and ( max-width: 767px ) {
  .first-footer-sec {
    display: block;
    margin-right: 0px;
  }
  .second-footer-sec {
    display: block;
  }
}