/*==================================================================
▐	0. INITIAL SETTINGS
===================================================================*/
/*  COMMON STYLES
-------------------------------------------------------------------*/
.lomax-opacity-1 {
  opacity: 1 !important;
}
.lomax-transform-none {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
/*  FONTS
-------------------------------------------------------------------*/
@font-face {
  font-family: 'lomax-sliding-panel';
  src: url('../fonts/lomax-sliding-panel.eot?6832966');
  src: url('../fonts/lomax-sliding-panel.eot?6832966#iefix') format('embedded-opentype'),
       url('../fonts/lomax-sliding-panel.woff2?6832966') format('woff2'),
       url('../fonts/lomax-sliding-panel.woff?6832966') format('woff'),
       url('../fonts/lomax-sliding-panel.ttf?6832966') format('truetype'),
       url('../fonts/lomax-sliding-panel.svg?6832966#lomax-sliding-panel') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="lomax-icon-"]:before, [class*=" lomax-icon-"]:before {
  font-family: "lomax-sliding-panel";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.lomax-icon-phone:before { content: '\e800'; } /* '' */
.lomax-icon-cancel:before { content: '\e801'; } /* '' */
.font-roboto-condenced,
#lomax-sliding-panel h3,
#lomax-sliding-panel .lomax-sliding-panel__last-text {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}
/*==================================================================
▐	1. MAIN | PANEL STYLES
===================================================================*/
/*  GENERAL
-------------------------------------------------------------------*/
.lomax-sliding-panel-wrap {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: 22;
}

/* Sliding Panel Responsive START */

@media (min-device-width:768px) and (max-device-width:1024px){
   .lomax-sliding-panel-wrap {
	   position: absolute;
    top: 23% !important;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media (min-device-width:1366px) and (max-device-width:1024px){
   .lomax-sliding-panel-wrap {
	   position: absolute;
    top: 30% !important;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}

@media (min-device-width:1024px) and (max-device-width:768px){
   .lomax-sliding-panel-wrap {
	   position: absolute;
    top: 38% !important;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}

@media (min-device-width:600px) and (max-device-width:960px){
   .lomax-sliding-panel-wrap {
	   position: absolute;
    top: 25% !important;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}

@media (min-device-width:800px) and (max-device-width:1280px){
   .lomax-sliding-panel-wrap {
	   position: absolute;
    top: 25% !important;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}


/* Apple Devices*/


/* Other Devices */
@media(max-width:1900px){
	.lomax-sliding-panel-wrap {
		position: absolute;
    top: 50%;
    right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:1600px){
	.lomax-sliding-panel-wrap {
		position: absolute;
    top: 55%;
    right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}


@media(max-width:1440px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 40%;
    right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:1366px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 52%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:1280px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 50%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:1080px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:1050px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:1024px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:991px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:900px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:800px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:768px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:767px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 270px;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:736px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 270px;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:667px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 60%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:640px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 110%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:600px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 120%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:568px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 125%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:480px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 125%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:414px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 125%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:384px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 125%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:375px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 125%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}
@media(max-width:320px){
	.lomax-sliding-panel-wrap {
    position: absolute;
    top: 125%;
  right: 0px;
 
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
		
  }
}


/* Sliding Panel Responsive END */

.lomax-sliding-panel-inner-wrap {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
#lomax-sliding-panel {
  width: 320px;
  padding: 20px 27px 25px;
  border: 2px solid #959595;
  border-right: none;
  background: #1b1b3c url("../img/phone-icon-bg.png") no-repeat 5px 5px;
  color: #fff;
  text-align: center;
}
#lomax-sliding-panel h3 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 17px 0;
  text-align: inherit;
  letter-spacing: -0.2px;
  color: inherit;
}
#lomax-sliding-panel .lomax-sliding-panel__last-text {
  font-size: 16px;
  font-weight: bold;
}
/*  Form
-------------------------------------------------------------------*/
#lomax-sliding-panel form {
  margin: 0;
}
#lomax-sliding-panel form fieldset {
  padding: 0;
}
#lomax-sliding-panel form .form-field {
  margin-bottom: 14px;
}
#lomax-sliding-panel form .frm_primary_label {
  text-align: center;
  color: #fff;
}
#lomax-sliding-panel form .frm_submit > input {
  margin-top: 6px;
  margin-bottom: 0 !important;
}
/*  Open/Close panel | Buttons
-------------------------------------------------------------------*/
.lomax-panel-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 4px 2px;
  border: 2px solid #959595;
  border-radius: 50%;
  background: #1b1b3c;
  box-shadow: none !important;
}
@media (min-width: 370px) {
  .lomax-panel-btn {
    top: 0;
    left: -41px;
    right: auto;
  }
}
.lomax-panel-btn i:before {
  font-size: 20px;
}
.lomax-panel-btn--mobile {
  top: 0;
  left: -41px;
  right: auto;
}
.lomax-panel-btn--opened i:before {
  content: '\e801';
}
.lomax-panel-btn--closed i:before {
  content: '\e800';
  position: relative;
  top: 1px;
}
/*==================================================================
▐	2. ANIMATION
===================================================================*/
/*  Fade-Slide In Right  */
@-webkit-keyframes lomax-fadeSlideIn-right {
  from {
    -webkit-transform: translate(320px, 0);
            transform: translate(320px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes lomax-fadeSlideIn-right {
  from {
    -webkit-transform: translate(320px, 0);
            transform: translate(320px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.lomax-fadeSlideIn-right {
  -webkit-animation-name: lomax-fadeSlideIn-right;
          animation-name: lomax-fadeSlideIn-right;
}
/*  Fade-Slide Out Right  */
@-webkit-keyframes lomax-fadeSlideOut-right {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(320px, 0);
            transform: translate(320px, 0);
  }
}
@keyframes lomax-fadeSlideOut-right {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(320px, 0);
            transform: translate(320px, 0);
  }
}
.lomax-fadeSlideOut-right {
  -webkit-animation-name: lomax-fadeSlideOut-right;
          animation-name: lomax-fadeSlideOut-right;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
/*==================================================================
▐	000. TEMPORARY FIXES
===================================================================*/
/*# sourceMappingURL=sliding-panel.css.map */