/* ================================================== */

/* 01. General Style */

/* ================================================== */

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

body {

	font-family: 'Poppins', sans-serif;

	font-weight: normal;

	font-size: 16px;

	color: #687377;

	line-height: 26px;

	background: #fff;

}

/* Added New */

.config-form input {

		font-size: 8px !important;

}

.center-switch {

	display: block !important;

	text-align: center !important;

	padding: 0px 100px 0px 0px;

}

/* Add percent sign inside input box */
.valuePadding {
  border: 1px inset #ccc;
}
.valuePadding input {
  border: none;
  padding:0px;
  outline: none;
}


.my-input {
  padding-left: 5px;

}
.prefix {
  margin-right: -10px;
  position: absolute;
}

.prefix1 {
  margin-right: -10px;
  position: absolute;
  font-size: 12px !important;
}

/* Center text with small black border */
.center-tn-2pxbdr {
  text-align: center !important;
  border: 2px solid black !important;
}

.center-tn {
  text-align: center !important;
}

.center-tn-y {
  text-align: center !important;
  background-color: yellow !important;
}

.center-tn-y-sm {
  text-align: center !important;
  background-color: yellow !important;
  font-size: 12px !important;
  border: 1px solid black !important;
}

.center-tn-sm {
  text-align: center !important;
  font-size: 12px !important;
  border: 1px solid black !important;
}

/* Labels for input boxes */
.no-border-right {
    border: none !important;
    text-align:right !important;
    padding-right: 5px !important;
    background: transparent;
    color: #000 !important;
}

.no-border-left {
    border: none !important;
    text-align:left !important;
    padding-left: 5px !important;
    background: transparent;
    color: #000 !important;
    text-align:bottom !important;
}

.no-border-left-sm {
    border: none !important;
    text-align:left !important;
    background: transparent;
    color: ##a6a6a6 !important;
    font-size: 12px !important;
}

.no-border-left-blk {
    border: none !important;
    text-align:left !important;
    background: transparent;
    text-align:bottom !important;
}

.no-border-center {
    border: none !important;
    text-align:center !important;
    background: transparent;
    color: ##a6a6a6 !important;
    text-align:bottom !important;
}

.noticetosave {
    border: none !important;
    text-align:center !important;
    background: transparent;
    color: #ff0000 !important;
    text-align:bottom !important;
    font-weight: 500;
}

/* Font Awesome inside input box */
.input-wrapper {
    display:inline-block;
    position: relative
}
.input-wrapper:after {
    font-family: 'FontAwesome';
    content: '\f274';
    position: absolute;
    right: 6px;
}
.errspan {
    float: right;
    margin-right: 6px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
    color: red;
}

.smalllabel {
	font-size: 12px !important;
	line-height: 10px !important;
	border: none !important;
	background: transparent;
}

.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Tooltip container */
.supertooltip {
  position: relative !important;
  display: inline-block !important;
  /*border-bottom: 1px dotted black !important; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.supertooltip .supertooltiptext {
  visibility: hidden !important;
  width: 200px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 5 !important;
  line-height: 20px !important;
  text-align: center !important;
  padding: 5px 5px !important;
  border-radius: 6px !important;
  border-style: solid !important;
  border-color: #0E4F8E !important;
  border-width: 2px !important;

  /* Position the tooltip text - see examples below! */
  position: absolute !important;
  z-index: 1 !important;
}

/* Show the tooltip text when you mouse over the tooltip container */
.supertooltip:hover .supertooltiptext {
  visibility: visible !important;
}

/* input button */
input[type="submit"] { 
    display: inline-block;

	padding: 5px 20px;
	/*#57bce2*/
	background: #1D75BD;

	font-size: 16px;

	color: #fff;

	font-weight: 500;

	text-transform: uppercase;

	border-radius: 5px;

}

.btn-start {

	display: inline-block;

	padding: 3px 30px !important;
	/*#57bce2*/
	background: #f29a32;

	font-size: 18px;

	color: #fff;

	font-weight: 800;

	text-transform: uppercase;

	border-radius: 5px;

}

.btn {

	display: inline-block;

	padding: 3px 20px;
	/*#57bce2*/
	background: #1D75BD;

	font-size: 16px;

	color: #fff;

	font-weight: 500;

	text-transform: uppercase;

	border-radius: 5px;

}

.btn-center {

	background: #1D75BD;

	margin:auto;
  
  	display:block;

	font-size: 16px;

	color: #fff;

	font-weight: 500;

	text-transform: uppercase;

	border-radius: 5px;

}

.btn-center:hover {

	background: #f29a32;

	color: #fff;

}

/* input button */
input[type="submit"]:hover {

	background: #f29a32;

	color: #fff;

}

.btn-start:hover {

	background: #1D75BD;

	color: #fff;
}	

.btn:hover {

	background: #f29a32;

	color: #fff;

}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 27px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 

.banner .container {

	position: relative;

	z-index: 2;

}

.form-area .select2.select2-container {

	background: none;

	border: 1px solid #d8dfe3;

	border-radius: 3px;

	box-shadow: none;

	height: 46px;

	line-height: 46px;

	margin: 0 0 14px;

	padding: 0 45px 0 10px;

	width: 100% !important;

	display: block;

	overflow: hidden;

	-moz-appearance: none;

	-webkit-appearance: none;

}

/*---Typography---*/

h1,

h2,

h3,

h4,

h5,

h6 {

    display: inline;

	padding: 0px;

	margin: 0px;

	font-family: 'Poppins', sans-serif;

	color: #00324c;

}

h1 {

	font-size: 42px;

	font-weight: 400;

}

h2 {

	font-size: 36px;

	font-weight: 300;

	line-height: 45px;

}

h3 {

	font-size: 30px;

	font-weight: 300;

}

h4 {

	font-size: 24px;

	font-weight: 300;

}

h5 {

	font-size: 22px;

	font-weight: 400;

}

h6 {

	font-size: 20px;

	font-weight: 300;

}

p {

	padding: 0px;

	margin: 0px;

	font-family: 'Poppins', sans-serif;

	color: #687377;

}

p.large {

	font-size: 16px;

	line-height: 30px;

}

p.medium {

	font-size: 14px;

	line-height: 24px;

}

p.small {

	font-size: 12px;

	line-height: 10px;

}

ol,

ul,

li {

	padding: 0px;

	margin: 0px;

}

ol {

	display: block;

	list-style-type: decimal !important;

	margin: 0;

	padding: 0 0 0 15px;

}

ol li {

	color: #687377;

	font-size: 14px;

}

ul {

	list-style: inside;

}

ul.list-unstyled {

	list-style: none;

}

a {

	text-decoration: none !important;

	outline: none;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}

button {

	outline: none !important;

}

.btn.focus,

.btn:focus {

	box-shadow: none;

}

label {

	font-weight: normal;

}

::-webkit-input-placeholder {

opacity:1;

}

:-moz-placeholder { /* Firefox 18- */

opacity:1;

}

::-moz-placeholder {  /* Firefox 19+ */

opacity:1;

}

:-ms-input-placeholder {

opacity:1;

}

input,

textarea {

	transition: all 0.3s ease 0s;

}

input:focus,

textarea:focus,

select:focus {

	outline: none;

}
/*
input[type="submit"] { 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 
*/

hr {

	margin: 0px;

	border-color: #e5e5e5;

}

figure {

	margin: 0px;

}

.white-bg {

	background: #fff !important;

}

.grey-bg {

	background: #f5f5f5;

}

/* ================================================== */

/* 02. Preloader */ 

/* ================================================== */

#loader {

	width: 100%;

	height: 100%;

	background: #fff;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 1000;

}

#element {

	width: 70px;

	height: 24px;

	position: relative;

	left: 0px;

	right: 0px; 

	margin: 0 auto;

	top: 50%;  

	transform: translateY(-50%);

	border-radius: 50%;

	z-index: 1001;

	animation: spin 2s linear infinite;

}

.circ-one,

.circ-two {

	position: relative;

	display: block;

	width: 20px;

	height: 20px;

	border-radius: 100%;

}

.circ-one {

	background: #149bbc;

	float: left;

	animation: load-x 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;

}

.circ-two {

	background: #bd33d0;

	float: right;

	animation: load-y 1s cubic-bezier(0.445, 0.1, 0.55, 0.9) infinite;

}





 @keyframes load-x {

 0% {

left: -5px;

}

 25% {

z-index:2;

}

 50% {

left:50px;

}

 75% {

z-index: 1;

}

 100% {

left:-5px;

}

}

 @keyframes load-y {

 0% {

right:-5px;

}

 25% {

}

 50% {

right:50px;

z-index:1;

}

 75% {

z-index:2;

}

 100% {

right:-5px;

}

}

 @keyframes pulse {

 50% {

opacity:0.5;

}

}

.the-intro .cnt-block {

		padding-top: 80px;

}

.the-intro .cnt-block h2 {

	padding-bottom: 15px;

}

.the-intro .cnt-block {

	padding-top: 60px;

	padding-bottom: 20px;

	text-align: center;

}

.the-intro .cnt-block h2 {

	padding-bottom: 20px;

}

.the-intro .img {

	width: 60%;

	margin: 0 auto;

}

.the-intro .cnt-block {

	padding-top: 40px;

}

.the-intro .cnt-block.padd-left {

	padding-left: 0px;

}

.the-intro .img,

.generate-forms .img,

.simple-editor .right .img {

	width: 85%;

	margin: 0 auto;

}

.the-intro .cnt-block h2,

.generate-forms h2,

.simple-editor .cnt-block h2,

.choose-pack h2 {

	padding-bottom: 20px;

}

.the-intro {

	background: #f5f5f5;

}

.the-intro .cnt-block {

	padding-top: 110px;

}

.the-intro .cnt-block.padd-left {

	padding-left: 40px;

}

.the-intro .cnt-block h2 {

	padding-bottom: 25px;

}

.the-intro .cnt-block p {

	padding: 0 4% 35px 0;

}

.the-intro .margin {

	margin-right: -100px;


}


/* ================================================== */

/* 03. Header */ 

/* ================================================== */



.cookiepolicy, .thepolicy {

	position: fixed;

	width: 100%;

	padding: 15px 0px;

	bottom: 0px;

	z-index: 9999;

	background: #fff;

	border-top: 1px solid #149bbc;

	color: #333;

	display: none;

}



.cookiepolicy p, .thepolicy p {

	float: left;

	width: 80%;

	margin: 0 10%;

}



.cookiepolicy p { text-align: center; }



header {

	background: #fff;

	-moz-transition: all 0.6s ease 0s;

	-o-transition: all 0.6s ease 0s;

	-webkit-transition: all 0.6s ease 0s;

	-ms-transition: all 0.6s ease 0s;

	transition: all 0.6s ease 0s;

}



header.fixed {

	position: fixed;

	top: 0;

	z-index: 999;

	background: #fff;

	border-bottom: 1px solid #f1f1f1;

	width: 100%;

}



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

	Header

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

.header-top {

	display: block;

	background: #f1f1f1;

}



.header-top .notification {

	/*float: left;*/

	width: 100%;

	display: block;

	padding: 0px 0px;

	margin-top: 0px !important;

	background: #149bbc;

	text-align: center !important;

	/*color: #fff;*/

	/*display: none; */

}

.header-top .notification a { color: #fff; }

.header-top .notice-wrapper {

	float: left;

	display: block;

	font-size: 13px;

	line-height: 0em;

	text-transform: uppercase;

}

.header-top .select2-container--default .select2-selection--single {

	border: none;

	border-radius: 0px;

	background: none;

}

.header-top .select2.select2-container {

	width: 100px !important;

}

.header-top .select2-container .select2-selection--single {

	height: 42px;

}

.header-top .select2-container--default .select2-selection--single .select2-selection__rendered {

	line-height: 42px;

}

.header-top .select2-container .select2-selection--single .select2-selection__rendered {

	padding-left: 16px;

	color: #738389;

}

.header-top .select2-container .select2-selection--single .select2-selection__rendered img {

	margin-right: 4px;

}

.header-top .select2-container--default .select2-selection--single .select2-selection__arrow {

	width: 30px;

	height: 42px;

}

.header-top .select2-container--default .select2-selection--single .select2-selection__arrow b {

	margin-top: -4px;

	opacity: 0.5

}

.header-top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

}

.select2-dropdown {

	border: 1px #dedddd solid;

}

.select2-results__option {

	padding: 0 6px;

	font-size: 13px;

}

.select2-results__option .img-flag {

	margin-right: 4px;

}

.select2-container--default .select2-results__option[aria-selected="true"] {

	background: #f1f1f1;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

	background: #57bce2;

}

.header-top .right-block {

	display: block;

	float: right;

}

.header-top ul.top-nav {

	display: block;

	padding-top: 8px;

	padding-right: 10px;

	float: left;

}

.header-top ul.top-nav li {

	display: block;

	padding: 0 10px;

	float: left;

	font-size: 16px;

	text-transform: uppercase;

}

.header-top ul.top-nav li a {

	color: #6c777d;

}

.header-top ul.top-nav li a:hover {

	color: #57bce2;

}

.header-top ul.follow-us {

	display: block;

	padding: 8px 0 6px 5px;

	float: right;

	border-left: 1px #d2dfdf solid;

}

.header-top ul.follow-us li {

	display: inline-block;

	padding-left: 16px;

	font-size: 16px;

}

.header-top ul.follow-us li a {

	color: #93a4a3;

}

.header-top ul.follow-us li a i {

	opacity: 0.7;

}

.header-top ul.follow-us li a:hover i {

	opacity: 1;

}

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

	Navigation

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

.navbar {

	padding: 0px;

}



.navbar-light {

	background: none;

	border: none;

	margin-bottom: 0px;

}

.navbar-light .navbar-nav {

	padding-left: 5%;

}

.navbar-light .navbar-nav > li {

	text-transform: uppercase;

}

.navbar-expand-lg .navbar-nav .nav-link {

	padding: 30px 20px;

	font-size: 16px;

	font-weight: 500;

	color: #556665;

	cursor: pointer;

}



header.smaller-padding .navbar-expand-lg .navbar-nav .nav-link {

	padding: 15px 20px !important;

}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

	color: #57bce2;

}

.dropdown-menu {

	padding-top: 15px;

	min-width: 230px;

	border: none;

	background: none;

}

.opt5 .dropdown-menu {

	padding-top: 0px;

}

.opt5.fixed .dropdown-menu {

	padding-top: 15px;

}

.dropdown-menu .inner {

	padding: 10px 0;

	background: #fff;

	border-radius: 3px;

	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);

	position: relative;

}

.dropdown-menu .inner:after {

	bottom: 100%;

	left: 30px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(255, 255, 255, 0);

	border-bottom-color: #fff;

	border-width: 10px;

	margin-left: -10px;

}

.dropdown-menu.megamenu {

	min-width: 380px;

}

.dropdown-menu.megamenu ul {

	width: 49%;

	display: inline-block;

	vertical-align: top;

}

.dropdown-menu.megamenu ul li {

	display: block;

}

.dropdown-menu > li > a {

	padding: 6px 20px;

}

.dropdown-item {

	padding: 3px 15px;

	font-size: 14px;

	color: #556665;

	text-transform: capitalize;

}

.dropdown-item:focus,

.dropdown-item:hover {

	background: none;

	color: #57bce2;

}

.dropdown-toggle:after{ 

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.navbar-right > li {

	list-style: none;

}

.navbar-right > li a {

	padding: 12px 40px;

	font-size: 12px;

	font-weight: 600;

	color: #fff !important;

	text-align: center;

	text-transform: uppercase;

}

.navbar-right > li:first-child a {

	border-radius: 30px 0 0 30px;

	background: #bd33d0;

}

.navbar-right > li:first-child a:hover {

	background: #821591;

}

.navbar-right > li:last-child a {

	border-radius: 0 30px 30px 0;

	background: #149bbc;

}

.navbar-right > li:last-child a:hover {

	background: #0a819e;

}