@charset "utf-8";
 /***************************************************************************************

	* Reset

***************************************************************************************/
 /***************************************************************************************

	* GENERAL STARTS

***************************************************************************************/

 *,
 * * {
     margin: 0;
     padding: 0;
     font-size: 1em;
     box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
     -webkit-text-size-adjust: 100%;
     -webkit-font-smoothing: antialiased;
 }

html{height: 100%;}

body {
     /*font-size: 62.5%;
     line-height: 18px;*/
     color: #000000;
     padding: 0;
     font-family: 'Numans-Regular';
     margin: 0;
     background: #f0f0f0;
     height: 100%;
 }

 a {
     color: #00b4ff;
     font-size: 12px;
     line-height: normal;
     text-decoration: underline;
     //font-family: 'Arial';
     outline: none;
 }

 a.active,
 a:hover,
 a:focus {
     text-decoration: none;
     color: #105157;
     outline: none;
 }

 p {
     font-size: 12px;
     margin-bottom: 10px;
     line-height: normal;
 }

 hr {
     height: 2px;
     background: #929292
 }
 
 .container.advice {
    background-color: white;
    margin-top: 15px;
    margin-bottom: 15px;
}
 
 /***************************************************************************************

	* HEADINGS STARTS

	***************************************************************************************/
 /* All Headings */
 /* Individual Headings */

 h1,
 .page-title {
     font-size: 36px;
     margin: 10px 0;
     line-height: normal;
 }

 h2,
 .sub-title {
     font-size: 33px;
     margin: 10px 0;
     line-height: normal;
     color: #105157;
 }

 h3 {
     font-size: 24px;
     margin: 10px 0;
     line-height: normal;
     color: #105157;
 }

 h4 {
     font-size: 20px;
     margin: 10px 0;
     line-height: normal;
 }

 h5 {
     font-size: 18px;
     margin: 10px 0;
     line-height: normal;
 }

 h6 {
     font-size: 14px;
     margin: 20px 0;
     line-height: normal;
 }
 /***************************************************************************************

	* LISTS STARTS

***************************************************************************************/
 /* All Lists */

 dl,
 ol,
 ul {
     padding-left: 30px;
     margin: 22px 0 22px 0;
 }
 /* Ordered Lists */

 ol {
     list-style-type: decimal;
 }

 ol li {
     padding-left: 10px;
     margin-bottom: 10px;
     /*line-height: 1.6;
     font-size: 1.7em;*/
 }

 ol ol li {
     font-size: 1em;
 }
 /* Unordered Lists */

 ul li {
     padding-left: 20px;
     margin-bottom: 5px;
    /* line-height: 1.6;
     font-size: 1.7em;*/
     list-style: none;
 }
 .header-tips ul li {
     list-style: disc;
 }
 
 li.whatsinit {
    list-style-type: disc;
 }

 ul ul li {
     font-size: 1em;
 }
 /***************************************************************************************

	* form css STARTS

***************************************************************************************/

 input[type="text"],
 input[type="email"],
 input[type="tel"],
 input[type="number"],
 input[type="url"],
 input[type="password"],
 input[type="date"],
 textarea {
     width: 100%;
     outline: none;
     background: #fff;
     font-size: 12px;
     font-family: 'Arial';
     color: #000000;
     line-height: 14px;
     border: 1px solid #105157;
     padding: 7px 10px;
     -webkit-appearance: none;
     border-radius: 0;
     height: auto;
 }

 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="tel"]:focus,
 input[type="password"]:focus,
 textarea:focus {
     background: #ffffff;
     color: #000000;
     border: 1px solid #105157;
 }

 select {
     width: 100%;
     border: 1px solid #105157;
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     -ms-appearance: none;
     position: relative;
     background:#fff url(../images/downarrow.png) 97% 50% no-repeat;
     padding: 6px 10px 5px;
     font-size: 12px;
     font-family: 'Arial';
     line-height: 14px;
         padding-right: 30px !important;
 }
 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
  opacity: 1;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: black;
  opacity: 1;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: black;
  opacity: 1;
}
input:-moz-placeholder { /* Firefox 18- */
  color: black;
  opacity: 1;
}

input[type="text"].required-field,
input[type="email"].required-field,
input[type="tel"].required-field,
textarea.required-field,
input[type="password"].required-field,
input[type="number"].required-field{border: 1px solid #ff0000;}

input[type="text"].required-field:focus,
 input[type="email"].required-field:focus,
 input[type="tel"].required-field:focus,
 input[type="password"].required-field:focus,
 textarea.required-field:focus {
     background: #ffffff;
     color: #000000;
     border: 1px solid #ff0000;
 }

select.required-field{
	border: 1px solid #ff0000;
	background: url(../images/downarrow-required.png) 96% 50% no-repeat;
}

 /*for the IE browser display the downarrow*/
select option {}
 select::-ms-expand {
     display: none;
 }

 @media screen and (-webkit-min-device-pixel-ratio:0) {
     /* Safari and Chrome, if Chrome rule needed */
     select {
         padding: 7px 10px;
     }
     input[type="button"] {
         padding: 8px 30px 8px;
     }
     .green-btn {
         padding: 8px 30px 8px;
     }
 }
 /***************************************************************************************

	* TABLES STARTS

***************************************************************************************/

 table {
     width: 100% !important;
    /* margin-bottom: 30px !important;*/
 }

 table tr th {}

 table tr td,
 table tr td {}
 /*header css starts*/
 /***************************************************************************************

	* COMMON CSS STARTS

***************************************************************************************/

 .wrapper {
     margin: 0 auto;
     max-width: 1366px;
     padding: 10px;
 }

 input[type="button"] {
     background-color: #ccc;
     font-size: 12px;
     line-height: normal;
     font-family: 'Numans-Regular';
     color: #000;
     padding: 7px 30px 6px;
     border: none;
     cursor: pointer;
     display: inline-block;
     transition: background .3s ease 0s;
     -ms-transition: background .3s ease 0s;
     -o-transition: background .3s ease 0s;
     -webkit-transition: background .3s ease 0s;
     -moz-transition: background .3s ease 0s;
 }

 input[type="button"]:hover {
     color: #fff;
 }

 .custom-btn {
     background-color: #ccc;
     font-size: 12px;
     line-height: normal;
     font-family: 'Numans-Regular';
     color: #000;
     border:none;
     padding: 8px 30px 7px;
     text-decoration: none;
	 text-align: center;
     display: inline-block;
     transition: background .3s ease 0s;
     -ms-transition: background .3s ease 0s;
     -o-transition: background .3s ease 0s;
     -webkit-transition: background .3s ease 0s;
     -moz-transition: background .3s ease 0s;
 }
 .trigerDelete {
    //margin-bottom: 10px;
}

 .dark-green-btn {
     background-color: #105157;
     color: #fff;
 }

 .dark-green-btn:hover,
 .dark-green-btn:focus,
 .dark-green-btn.active {
     color: #fff;
	 background-color: #246a71;
 }

 .light-green-btn {
     background-color: #7a9a97;
     color: #fff;
 }

 .light-green-btn:hover,
 .light-green-btn:focus,
 .light-green-btn.active {
     background-color: #fff;
     color: #105157;
 }

 .white-btn {
     background-color: #fff;
     color: #105157;
 }

 .white-btn:hover,
 .white-btn:focus,
 .white-btn.active {
     background-color: #105157;
     color: #fff;
 }


 .dark-red-btn {
     background-color: #89182c;
     color: #fff;
 }

 .dark-red-btn:hover,
 .dark-red-btn:focus,
 .dark-red-btn.active {
     color: #fff;
	 background-color: #ad273f;
 }

.dark-yellow-btn {
     background-color: #e47425;
     color: #fff;
 }

 .dark-yellow-btn:hover,
 .dark-yellow-btn:focus,
 .dark-yellow-btn.active {
     color: #fff;
	 background-color: #ef873d;
 }


 /***************************************************
Typography Starts here
***************************************************/

 @font-face {
     font-family: 'Numans-Regular';
     src: url('../fonts/Numans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Numans-Regular.woff') format('woff'), url('../fonts/Numans-Regular.ttf') format('truetype'), url('../fonts/Numans-Regular.svg#Numans-Regular') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'OpenSansLight-Italic';
     src: url('../fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSansLight-Italic.woff') format('woff'), url('../fonts/OpenSansLight-Italic.ttf') format('truetype'), url('../fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'OpenSans-Semibold';
     src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'OpenSans';
     src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Montserrat-Regular';
     src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.otf') format('opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 /***************************************************
Typography Ends here
***************************************************/