/*------------------------------------------------------------------

[ TABLE OF CONTENTS]

	01. GLOBAL STYLES
	02. COMMON STYLES 
	
-------------------------------------------------------------------*/

/* 01. GLOBAL STYLES */




* {
	padding: 0;
	margin: 0;
}


body {
	font-size: 14px;
  background-color: #fff;
  overflow-x: hidden; 
  font-family: 'Nunito', sans-serif;
  background-color: #d1ecff


}

body, html {
  /* prevent horizontal scrolling */

}


html {
 /* scroll-behavior: smooth;*/
}


li, ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight:700;
	font-family: 'Playfair Display', serif; color: #2673ab

}

p {
	font-size: 14px;	
	color:#000
}
button, button:hover, a, a:hover {
	transition: .4s;
}

a{color: #333}

a:hover {
	color: #2292CD;
}
a, a:hover, a:focus, a:active, button, button:focus, input, textarea {
	outline: 0;
	text-decoration: none;
}


p{font-style: normal;font-size: 14px; color: #333;}


/* 02. COMMON STYLES */

.relative {
	position:relative !important
}
.fixedpadding20 {
	padding:20px 0
}
.fixedpadding30 {
	padding:30px 0
}
.fixedpadding40 {
	padding:40px 0
}
.fixedpadding50 {
	padding:50px 0
}
.fixedpadding60 {
	padding:60px 0
}
.fixedpadding70 {
	padding:70px 0
}
.fixedpadding80 {
	padding:80px 0
}
.fixedpadding90 {
	padding:90px 0
}
.fixedpadding100 {
	padding:100px 0
}
.space10 {
	margin-bottom: 10px;
}
.space20 {
	margin-bottom: 20px;
}
.space25 {
	margin-bottom: 25px;
}
.space30 {
	margin-bottom: 30px;
}
.space40 {
	margin-bottom: 40px;
}
.space50 {
	margin-bottom: 50px;
}
.space60 {
	margin-bottom: 60px;
}
.space70 {
	margin-bottom: 70px;
}
.space80 {
	margin-bottom: 80px;
}
.space90 {
	margin-bottom: 90px;
}
.space100 {
	margin-bottom: 100px;
}

.less-margin{ margin:0 !important}
.less_left{ padding-left:0 !important; }
.less_right{ padding-right:0;}


.less-right-0px{ padding-right:0px!important;}
.less-left-0px{ padding-left: 0px!important;}

.less-right-5px{ padding-right:5px;}
.less-left-5px{ padding-left: 5px;}

.less-right-10px{ padding-right:10px;}
.less-left-10px{ padding-left: 10px;}


.space-left-2px{ margin-left:5px;}
.space-left-5px{ margin-left:5px;}
.space-right-2px{ margin-right:5px;}
.space-right-5px{ margin-right:5px;}

/* line height */
.line-height-10 {line-height:10px !important}
.line-height-13 {line-height:13px !important}
.line-height-18 {line-height:18px !important}
.line-height-20 {line-height:20px !important}
.line-height-24 {line-height:24px !important}
.line-height-22 {line-height:22px !important}
.line-height-26 {line-height:26px !important}
.line-height-28 {line-height:28px !important}
.line-height-30 {line-height:30px !important}
.line-height-35 {line-height:35px !important}
.line-height-40 {line-height:40px !important}
.line-height-45 {line-height:45px !important}
.line-height-50 {line-height:50px !important}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

.font-size-11px{ font-size:11px !important;}
.font-size-12px{ font-size:12px !important;}
.font-size-13px{ font-size:13px !important; }
.font-size-14px{ font-size:14px !important;}
.font-size-15px{ font-size:15px !important;}
.font-size-16px{ font-size:16px !important;}
.font-size-17px{ font-size:17px !important;}
.font-size-18px{ font-size:18px !important;}
.font-size-19px{ font-size:19px !important;}
.font-size-20px{ font-size:20px !important;}
.font-size-21px{ font-size:21px !important;}
.font-size-22px{ font-size:22px !important;}
.font-size-23px{ font-size:23px !important;}
.font-size-24px{ font-size:24px !important;}
.font-size-25px{ font-size:25px !important;}

.font-weight-200{ font-weight:200 !important}
.font-weight-300{ font-weight:300 !important}
.font-weight-400{ font-weight:400 !important}
.font-weight-500{ font-weight:500 !important}
.font-weight-600{ font-weight:600 !important}
.font-weight-700{ font-weight:700 !important}
.font-weight-800{ font-weight:800 !important}

.pt-00{padding-top: 00px !important;}
.pt-05{padding-top: 05px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-45{padding-top: 45px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}

.pb-00{padding-bottom: 00px !important;}
.pb-05{padding-bottom: 05px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-45{padding-bottom: 45px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}


.mb-05{margin-bottom: 05px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{padding-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}



.bordernone{border: 0 !important;}

.container{max-width: 1280px;}



.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}


.color-theme{color: #ee1d23}
.color-white{color: #fff !important}
.color-blue{color: #000 !important}
.color-orange{color: #eeae00 !important}



.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
  padding-left:0;

  
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #DFDFE8;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 0.6em;
  border-radius:4px;

  
}

.radio .cr {
    border-radius: 50%;
    ;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size:0.8em;
    line-height: 0;
    top: 55%;
    left: 18%;
  color:#ee1d23;


}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label {cursor: pointer;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
    cursor: pointer;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;



}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
    cursor: pointer;

}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;

}







.mainBtn {
  height:42px;
  transition: .4s !important;
  background:#09558d;
  border:solid 0px #fff;
  font-size: 15px !important;
  color: #fff;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 42px;

  font-weight: 800;
  padding-left: 20px;padding-right: 20px;
  border-radius: 5px;
  text-transform: uppercase;
  margin:0 2px;
  margin-bottom: 2px;
}
.mainBtn:hover{color: #fff; background-color: #004271;}
.mainBtn:focus{color: #fff;}


.mainBtn2 {
  height:38px;
  transition: .4s !important;
  border:solid 1px #2772ab;
  font-size: 16px !important;
  color: #2772ab;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 38px;
  font-weight: 600;
  padding-left: 20px;padding-right: 20px;
  letter-spacing: 0;
  border-radius: 4px;
  text-transform: uppercase;
  margin:0 2px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.08);
  margin-bottom: 2px;
}
.mainBtn2:hover{color: #fff; background-color: #2772ab;}
.mainBtn2:focus{color: #2772ab;}




.mainBtn3 {
  height:32px;
  transition: .4s !important;
  background:#09558d;
  border:solid 0 #09558d !important;
  font-size: 13px !important;
  color: #fff;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
  font-weight: 600;
  padding-left: 10px;padding-right: 10px;
  border-radius: 5px;
  margin:0 2px;
  margin-bottom: 2px;
}
.mainBtn3:hover{color: #fff; background-color: #002845;}
.mainBtn3:focus{color: #fff; background-color: #002845;}




.bg-red{ background-color: #ce041c }
.bg-cyan{ background-color: #53b0f8 }




.custom-select2 {position: relative;display: block;margin: 0 auto;border: 1px solid #ced4da;background-color: #fff;height: 34px;border-radius: 5px;z-index: 2; position: relative;}

.custom-select2 select {border: none;outline: none;background: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;margin: 0;
display: block;width: 100%;padding: 6px 35px 6px 12px;font-size: 13px;}

.custom-select2:after {position: absolute;right: 5px;top:-5px;width: 40px;height: 100%;line-height: 42px;font-family: 'FontAwesome';content: "\f107";text-align: center;color: #525252;
font-size: 16px;border-left: 0 solid #3C1C78;z-index: -1;}

.custom-select2 .dropicon{position: absolute; top: 10px;font-size: 15px; left: 10px; color: #09558d}


.badge-teal{ background-color: #20a3a4; color: #fff; border-radius: 5px;padding:4px 8px; }


.wrapper{position: relative;margin:50px 0; background-color: #fff; border-radius: 25px;padding:40px 60px; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);-moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.08);}

.header{}
.header .logo{font-size: 24px; font-weight: 700; letter-spacing: -1px; color: #2673ab}
.header .logo img{width: 100%; max-width: 350px;}
.header .user{margin: 0; padding: 0;text-align: right; color: #2673ab;margin-top: 10px;}
.header .user .avtar{display: inline-block; height: 40px; width: 40px; border-radius: 50%; background-color: #a8cff0; text-align: center; font-size: 24px; line-height: 40px; color: #fff; margin-left: 4px;}
.header .caption{margin-top: 100px;padding-right: 70px;padding-left: 0;}
.header .caption h1{letter-spacing: -1px;font-family: 'Playfair Display', serif; color: #2673ab}
.header .caption p{font-size: 15px;}

.middle-section{ position: relative; background-color: #eff8ff; margin-top: 50px;padding: 30px; border-radius: 25px;}
.middle-section .header-tile{font-size:30px;position: relative;}
.middle-section .header-tile span{ background-color: #eff8ff; position: relative;padding-right: 15px; letter-spacing: -0.5px;}
.middle-section .header-tile:before{position: absolute; height: 1px; width: 100%; background-color: #d1ecff; top: 22px; left: 0; content: ""}

.sidebar-menu{background-color: #fff;padding: 15px; margin: 0; border-radius: 15px;-webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);
  -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.08);box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.08); }
  .sidebar-menu li {border-bottom: solid 1px #d1ecff;}
.sidebar-menu li a{display: block;padding: 7px 5px; }
.sidebar-menu li:last-child{border-bottom: 0}
.sidebar-menu li a:hover{padding-left: 10px;}


.search{position: relative;}
.search i{position: absolute; top: 10px; left: 15px}
.search .form-control{padding-left: 35px;font-size: 13px; box-shadow:none;}



.switch input[type=checkbox]{  height: 0;  width: 0;  visibility: hidden;}
.switch label {  cursor: pointer;text-indent: -9999px;width: 40px;height: 22px;background: #d1c6d2;display: block;border-radius: 100px;position: relative;}
.switch label:after {content: '';position: absolute;top:3px;left: 3px;width: 16px;height:16px;background: #fff;border-radius: 90px;transition: 0.3s;}
.switch input:checked + label {background: #4ED753;}
.switch input:checked + label:after {left: calc(100% - 5px);  transform: translateX(-100%);}





.toggle {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 34px;
  height: 20px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggle-switch:before, .toggle-switch:after {
  content: "";
}
.toggle-switch:before {
  display: block;
  background:#fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 3px;
  transition: left 0.25s;
}
.toggle:hover .toggle-switch:before {
}
.toggle-checkbox:checked + .toggle-switch {
  background: #4ED753;
}
.toggle-checkbox:checked + .toggle-switch:before {
  left: 16px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
  color: #000
}



.remove_field{background-color: #09558d !important; position: absolute !important; top: 0 !important; right: 0 !important; padding: 0; height: 25px; width: 25px; text-align: center; color: #fff }

.form-1{position: relative;}
.form-1 .form-control{ box-shadow:none; font-size: 13px;}
.form-1 .text-area{height: 150px; box-shadow:none;resize: none;}

.seprator-1{margin: 50px 0;height: 1px; width: 100%; background-color: #d1ecff; border: 0}
.seprator-2{margin: 05px 0;height: 1px; width: 100%; background-color: #d1ecff; border: 0}

.footer{text-align: center;padding-top: 50px;font-size: 13px;}