@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@300;400;600;700;800;900&display=swap');

@font-face {
  font-family: 'Calibri';
  src: url('../Calibri.svg#Calibri') format('svg'),
       url('../Calibri.ttf') format('truetype'),
       url('../Calibri.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'calibri';
  src: url('../calibri.eot');
  src: url('../calibri.eot?#iefix') format('embedded-opentype'),
       url('../calibri.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: #fff !important;
    color: #555 !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
    }

.blue-login{
  margin-top: 5%;
}

.left-login-part{ background: #fff; border-radius: 25px 0px 0px 25px; min-height: 450px; 
-webkit-box-shadow: inset 1px -1px 33px -2px rgba(133,133,133,1);
-moz-box-shadow: inset 1px -1px 33px -2px rgba(133,133,133,1);
box-shadow: inset 1px -1px 33px -2px rgba(133,133,133,1);

}


.left-login-part .inner{
  padding:35px 25px; font-family: 'Martel Sans', sans-serif;
} 
.left-login-part .inner .logo img{ width: auto; margin-bottom: 40px; max-width: -webkit-fill-available; }

.left-login-part .inner .blue-login-form{}
.left-login-part .inner .blue-login-form h1{
  padding:0px;
  margin: 0px 0px 3px 0px;
  line-height: 18px;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
  color: #2c95fa;
}
.left-login-part .inner .blue-login-form p{
 font-size: 13px;
    color: #909090;
    font-weight: 600;
    line-height: 15px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.left-login-part .inner .blue-login-form .form-outer-border{
  border-bottom: 1px solid #d0d0d0;
  padding: 0px;
}

.left-login-part .inner .blue-login-form .form-outer-border img{ height: 28px; margin-top: 3px; }

.left-login-part .inner .blue-login-form .form-outer-border .form-control{
      border: 0px;
    padding: 5px 5px 5px 35px;
    margin: 0px;
    height: 35px;
    line-height: 35px;
     font-size: 13px; font-weight: 700;
  color: #5a5a5a;
}

.left-login-part .inner .blue-login-form .form-outer-border .form-control::placeholder { 
  font-size: 13px; font-weight: 700;
  color: #868686;
}

.left-login-part .inner .blue-login-form .form-outer-border .form-control:focus {
  background: #fff;
  border-bottom: 1px solid #2c95fa;
  box-shadow: none;

}





.left-login-part .inner .blue-login-form .form-outer-border .input-group-addon{
  position: absolute;
  z-index: 9
}

.left-login-part .inner .blue-login-form .btn{
      background: #1d266b;
    border-radius: 30px;
    padding: 14px 25px 10px;
    margin: 4px 0px 0px 0px;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    border: 0px;
}
.left-login-part .inner .blue-login-form .forget-text{ 
  line-height: 17px; 
    font-size: 13px;
  color: #818181;
 
  letter-spacing: 1px;
}
.left-login-part .inner .blue-login-form .forget-text a{
  color: #818181;  font-weight: 700;
}

.left-login-part .inner .blue-login-form .forget-text a:hover{
  text-decoration: none;
}

.left-login-part .inner #recoverform{ display: none; }

.right-slider-part{ 
   
  border-radius: 0px 25px 25px 0px; min-height: 450px; border-left: 1.8px dotted #fff 
}

.right-slider-part .top-contact{ 
position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: #2c95fa;
    right: -24px;
    top: -25px;
 }



.right-slider-part .top-contact img{
      width: 40px;
    margin: 11px 0 0 10px;
 }


 .top-contact-outer{}
 .top-contact-outer .top-contact{ 
position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: #2c95fa;
    right: -24px;
    top: -25px;
    z-index: 9;
 }



 .top-contact-outer .top-contact img{
      width: 40px;
    margin: 11px 0 0 10px;
 }

.right-slider-part .image img{ 

    width: 300px;
    height: 300px;
    border-radius: 200px;
    border: 10px solid #fff;
    margin-top: 37px;
    margin-left: 29px;

 }

.right-slider-part .text{
  margin-left: 30px; margin-top: 20px;
}
.right-slider-part .text h2{
  color: #fff;
  font-family: 'Bebas Neue', cursive;
  font-size: 50px;
  letter-spacing: 1px;
  padding:0px;
  margin: 0px 0px 10px 0px;
  text-shadow: 3px 3px 2px rgba(0,0,0,0.27);
  line-height: 40px;
}
.right-slider-part .text p{
  margin:0px;
  font-size: 13px; 
  color: #fff;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px;
}


/**** slick slider oe new slider ****/
  .myslider .item {
  width: 100%;
  position: relative;
}

.slick-dots {
  position: absolute;
  top: 63%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -14px;
}
.slick-dots li {
  list-style: none;
  margin: 8px 0;
}
.slick-dots button {
      border-radius: 0;
    width: 2px !important;
    height: 20px;
    border: none;
    background-color: #2c95fa;
    text-indent: -9999px;
    outline: 0;
    border-left: 2px solid #fff;
}
.slick-dots button:hover {
  background-color: #2c95fa;
}

.slick-slide {
  height: 55vh !important;
}

.myslider2 {
      width: 100%;
    padding: 0px;
    margin: 0px;
}

.myslider2 .slick-slide {
      height: 30vh !important;
    margin: 0;
    padding: 0px;
}
.myslider2 .slick-slide img {
      background: #e3e4e4;
    padding: 5px;
    border-radius: 12px;
}
.myslider2 .slick-prev{ 
background: #0095da;
   /*display: block;*/ display: none !important;
    border: 0px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 9;
    line-height: 37px;
    color: #fff;
    top: 37%;
    left: -15px;
    display: none;
 }

 .myslider2 .slick-next{ 
    background: #0095da;
    /*display: block;*/ display: none !important;
    border: 0px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 9;
    line-height: 37px;
    color: #fff;
    top: 37%;
    right: -15px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}



/**** slick slider oe new slider ****/



.mobileslider{ }

.middle-arrow-btn{
    position: absolute;
    z-index: 9;
    left: 48%;
    top: 45%;
}

.middle-arrow-btn img{ width: 50px; }
.enquire-pop{
          border-radius: 50px;
    padding: 20px;
    background: #0095da;
    border: 10px solid #0b83bb;
}
.enquire-pop .close-btn{
  position: absolute;
    right: -5px;
    top: -4px;
    border: 0px;
    background: #0095da;
}

.enquire-pop h3{
  color: #fff;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 35px;
    text-align: center;
    padding: 0px;
    margin: -19px 0 20px 0;
}

.enquire-pop .form-control{
      background: #0095da;
    border: 0px;
    border-bottom: 1px dashed #fff;
    color: #fff;
    font-size: 16px;
}

.enquire-pop .form-control::placeholder {
  color: #fff;
}

.enquire-pop .custom-button{
      background: #fff;
    border: 0px;
    border-radius: 25px;
    padding: 8px 15px;
    font-weight: 600;
    float: right;
}

/* Hiddeen classes */
/* Breakpoint XS */
@media (max-width: 575px)
{
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, 
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    } 
}

/* responsive */

@media (min-width: 1200px){
.container{
    max-width: 960px;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) and (min-width : 320px) {

.blue-login {
    margin-top: 11%;
}
.left-login-part{ border-radius: 25px !important; margin:0px 15px; width: 93%; }

.top-contact-outer .top-contact{ 
    right: 6px;
 }
.blue-login .modal.show .modal-dialog{ margin-top: 15%; }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}



/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}



/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}



.terms-condition-ck .checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.terms-condition-ck .checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.terms-condition-ck .checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.terms-condition-ck .checkbox label input[type="checkbox"] {
  display: none;
}

.terms-condition-ck .checkbox label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}

.terms-condition-ck .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.terms-condition-ck .checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}