@font-face {

    font-family:'Myriad Pro';

    src: url('../fonts/MyriadPro-Regular.eot');

	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),

		url('../fonts/MyriadPro-Regular.woff2') format('woff2'),

		url('../fonts/MyriadPro-Regular.woff') format('woff'),

		url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');

    font-weight: 400;

    font-style: normal;

    font-stretch: normal;

    unicode-range: U+0020-00FE;

}

@font-face {

    font-family:'u';

    src: url('../fonts/u Medium.eot');

	src: url('../fonts/u Medium.eot?#iefix') format('embedded-opentype'),

		url('../fonts/u Medium.woff2') format('woff2'),

		url('../fonts/u Medium.woff') format('woff'),

		url('../fonts/u Medium.svg#u Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-stretch: normal;

    unicode-range: U+0020-2074;

}

.message {

    display: none;

}



@media screen and (orientation:portrait) and (min-width:320px){

    .message {

        display: none;

      }

      .vertical-view {

          display: block;

      }

}



@media screen and (orientation:landscape) and (min-width:475px) {



   /*.message {

     position: fixed;

     left:0px;

     right: 0px;

     top:0px;

     bottom: 0px;

     background-color: #fff;

     width:100%;

     z-index: 9999;

     height: 100vh;

     display: block;

     align-items: center;

     text-align: center;

     line-height: 50vh;

   }*/

   

   

}



body {

    background-color:#dadfe9;

    font-family:'Myriad Pro';

    margin-bottom: 75px;

    font-size:14px;

}

.blink_me {

    animation: blinker 1s linear infinite;

  }

  

  @keyframes blinker {

    30% {

      opacity: .4;

    }

    70% {

        opacity: .7;

      }

  }

 .service-box {

     margin:5px;

     background-color:#fff;

     padding:5px

 }

 .service-head {

     text-align: center;

     width: 100%;

     height: 69px;

     position: relative;

     text-transform: uppercase;

 }

 .service-head .img {

     position: absolute;

     z-index: 1;

 }

 .service-head .head {

    position: absolute;

    z-index: 2;

    text-align: center;

    color:#fff;

    text-align: center;

    width: 100%;

    padding-top: 24px;

    font-family:'u';

}

@media only screen and (max-width: 364px) {

  .service-head .head {



    padding-top: 14px;

}

}

*,

*::before,

*::after {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}

.header-main {

    background-color:#1a75bc;

    height:50px;

    color:#fff;

    font-size: 19px;

    text-transform: uppercase;

}

.head-register {

    color: #fff;

    background-color: #83bd41;

    font-size: 15px;

    border-radius: 10px;

    padding: 5px 10px;

    margin: 9px 0px;

    display: inline-block;

    float: right;

    margin-right: 10px;

    margin-bottom: 0px;

}

.titleName {

    display: inline-block;

    padding:10px 0px;

    font-family:'u';

}

/* header */



.header {

    background-color: #fff;

    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);

    position: fixed;

    width: 100%;

    z-index: 3;

  }

  

  .header ul {

    margin: 0;

    padding: 0;

    list-style: none;

    overflow: hidden;

    background-color: #fff;

  }

  

  .header li a {

    display: block;

    padding: 10px 10px;

    border-bottom: 1px solid #565656;

    text-decoration: none;

    color: #fff;

    text-transform: capitalize;

    font-size: 15px;

  }

  

  .header li a:hover,

  .header .menu-btn:hover {

    background-color: #f4f4f4;

    color:#000;

  }

  

  .header .logo {

    display: block;

    float: left;

    font-size: 2em;

    padding: 10px 20px;

    text-decoration: none;

  }

  

  /* menu */

  

  .header .menu {

    clear: both;

    max-height: 0;

    transition: max-height .2s ease-out;

  }

  

  /* menu icon */

  

  .header .menu-icon {

    cursor: pointer;

    display: inline-block;

    float: left;

    padding: 24px 20px;

    position: relative;

    user-select: none;

  }

  

  .header .menu-icon .navicon {

    background: #fff;

    display: block;

    height: 2px;

    position: relative;

    transition: background .2s ease-out;

    width: 18px;

  }

  

  .header .menu-icon .navicon:before,

  .header .menu-icon .navicon:after {

    background: #fff;

    content: '';

    display: block;

    height: 100%;

    position: absolute;

    transition: all .2s ease-out;

    width: 100%;

  }

  

  .header .menu-icon .navicon:before {

    top: 5px;

  }

  

  .header .menu-icon .navicon:after {

    top: -5px;

  }

  

  /* menu btn */

  

  .header .menu-btn {

    display: none;

  }

  

  .header .menu-btn:checked ~ .menu {

    max-height: 240px;

    background-color: rgba(0,0,0,.8);

  }

  

  .header .menu-btn:checked ~ .menu-icon .navicon {

    background: transparent;

  }

  

  .header .menu-btn:checked ~ .menu-icon .navicon:before {

    transform: rotate(-45deg);

  }

  

  .header .menu-btn:checked ~ .menu-icon .navicon:after {

    transform: rotate(45deg);

  }

  

  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,

  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {

    top: 0;

  }

  

  /* 48em = 768px */

  

  @media (min-width: 48em) {

    .header li {

      float: left;

    }

    .header li a {

      padding: 20px 30px;

    }

    .header .menu {

      clear: none;

      float: right;

      max-height: none;

    }

    .header .menu-icon {

      display: none;

    }

  }

  .banner {

      display: block;

      width:100%;

      align-items: center;

      background-color:#f2f6fa;

      text-align: center;

      height: 150px;

    line-height: 150px;

  }

  .banner img {

      width:160px;

  }

  .services-list {

      padding:0px;

      margin:0px;

      text-align: center;

  }

  .services-list li {

      width:48%;

      display: inline-block;

      margin-bottom: 10px;

      border-radius: 20px;

      overflow: hidden;

      height: 100%;

      border-bottom: solid 2px #2a46a3;

  }

  .services-list li a {

    position: relative;

    height: 100%;

    display: block;

  }

  .services-list li a .linkTitle {

      position: absolute;

      width:100%;

      padding:2px 0;

      background-color: rgba(255, 255, 255, .8);

      font-size: 13px;

      z-index: 1;

      bottom: 10px;

      left: 0px;

      color:#000;

      font-family:'u';

      line-height: 15px;



  }

  .services-list li img {

      width:100%

  }

  label {

    text-align: left;

    display: block;

  }

  .form-group {

    margin-bottom: .4rem;

}

.custom-input{box-shadow:none;}

.bg-white{

    background: #f7f7f7 !important;

    display: inline-block;

    position: absolute;

    left: 0px;

    padding: 3.5px 5px;

    border: solid 1px #ccc;

    z-index: 1;

 }

 .datepicker input {

     margin-left:31px

 }

.datepicker{ position:relative;}

.datepicker > span:hover{cursor: pointer;}

.datepicker .prev, .datepicker .next {font-size:25px !important;line-height:12px !important; vertical-align:top;}

.datepicker {

  position: relative;

}

.datepicker input {

  margin-left: 31px;

}

fieldset {

  margin:20px 0px;

}

legend {

  font-family:'u';

  font-size: 13px;

  font-weight: bold;

  color:#1a75bc;

  border-radius: 20px;

  border:solid 1px #ddd;

  padding:5px 2px;

  background-color: #2196f321;

}



  label {

    margin-bottom: .0rem;

    font-family:'u';

    font-size: 13px;

}

  .why-box {

    margin-bottom: 20px;

  }

  .why-box .box-img {

      width:20%;

      display: inline-block;

      vertical-align: middle;

      height: 60px;

}

.why-box .box-con {

      width:78%;

      display: inline-block;

      vertical-align: middle;

      font-size:14px;

      line-height: 18px;

}

.why-box .why-head {

    font-family:'u'; 

    display: block;

    margin-bottom: 5px;

}

.quality-head {

    font-family:'u'; 

    display: block;

    margin-bottom: 5px;

    color:#1a75bc;

}

.service-box a {

  color:#1a75bc;

  text-decoration: none;

}

.registration-a {

  font-weight: bold;

  color:#1a75bc;

  font-size:14px;

  border-radius: 30px;

  padding:5px 5px;

}

.btn {

  box-shadow: 0px 2px 4px #cfcfcf;

}



footer {

    position: fixed;

    width: 100%;

    height: 70px;

    left: 0px;

    right:0px;

    background-color: #fff;

    bottom: 0px;

    z-index: 5;

    box-shadow:1px 1px 8px 0 rgba(0,0,0,.2);

    padding:5px 0;

}

.footer-menu {

    display: flex;

    align-items: center;

    font-size:13px

}

.footer-menu div {

    flex:1;

    text-align: center;

    text-transform: uppercase;

}

.footer-menu div a.active, .footer-menu div a.hover {

    color:#1a75bc;

    display: block; 

    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

    filter: grayscale(0%);

}

.footer-menu div a {

    color:#808080;

    display: block; 

    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

    text-decoration: none;

}

.social {

  text-decoration: none;

  display: inline-block;

  margin-right: 5px;

}

.table td, .table th {

  padding: .215rem;

}

.loading-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(62, 86, 95, 0.8);
    z-index: 999999999999999999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image:url(../images/logo.png);
    background-repeat:no-repeat;
    background-position:center center;
}

@media only screen and (max-width: 800px) {

	

	/* Force table to not be like tables anymore */

	.no-more-tables table, 

	.no-more-tables thead, 

    .no-more-tables tbody, 

    .no-more-tables tfoot,

	.no-more-tables th, 

	.no-more-tables td, 

	.no-more-tables tr { 

		display: block; 

	}

 

	/* Hide table headers (but not display: none;, for accessibility) */

	.no-more-tables thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

 

	.no-more-tables tr { border: 1px solid #ccc; }

 

	.no-more-tables td { 

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee; 

		position: relative;

		padding-left: 45%; 

		white-space: normal;

		text-align:left;

    }

    .no-more-tables tfoot td { 

        padding-left: 0px;

        padding: 10px 2px;

    }

    .no-more-tables tfoot td:before { 

        position: inherit;

    }

	.no-more-tables td:before { 

		position: absolute;

        top: 11px;

        left: 6px;

        width: 42%;

        padding-right: 10px;

        white-space: unset;

        text-align: left;

        font-weight: bold;

        line-height: 13px;

        font-size: 13px;

	}

 

	/*

	Label the data

	*/

	.no-more-tables td:before { content: attr(data-title); }

}