.data {





  margin-top:40px;





  text-align:center





  ;





  padding:4rem;





  font-size:1.4rem;





  min-height:40vh;





  





}



.heading{

  text-align:center ;

  color:#444;

}

header .main-navbar {

    padding: 2rem 10%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    background: #fff;

   

    position: relative;

    z-index: 1000;

  }

  

  .header .main-navbar.active {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    border-bottom: none;

    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);

            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);

  }

  

  .header .main-navbar .logo {

    font-size: 2.5rem;

    text-transform: capitalize;

    color: #444;

    font-weight: bolder;

  }

  

  .header .main-navbar .logo i {

    color: #FDC800;

  }

  

  .header .main-navbar .links a {

    margin-left: 2rem;

    font-size: 2rem;

    text-transform: capitalize;

    color: #444;

  }

  

  .header .main-navbar .links a:hover {

    text-decoration: underline;

    color: #2597f4;

  }

  header.header-active{

    background:#444;

  }

  

  

  .header #menu-btn {

    font-size: 3rem;

    cursor: pointer;

    color: #334;

    display: none;

  }

  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{

    padding:2rem!important;

  }

  .table-container{

    border: 1px solid rgba(0,0,0,0.2);

  }

  .fa-arrow-up{

    color: #0cad0c;



  }

  .fa-arrow-down{

    color: #ff3737;



  }

 

  .newsletter{

   background: #f8fdff;

    /* padding:4rem 1rem; */

    padding: 0;

    text-align: center;

   

  }

  .newsletter .box{

    padding: 4rem 2rem;

    /* background: url(../images/newsletter.jpg) no-repeat;

    background-size: cover; */

    background-attachment: fixed;

    width: 100%;

    /* margin: auto; */

  

      

    /* background: linear-gradient(45deg, #3f51b5, #4b68da); */

    

    height: 400px;

    /* border-radius: 2rem; */

  }

  

  .newsletter h1{

    color:#444;

    font-size: 4rem;

    text-transform: capitalize;

  }

  

  .newsletter p{

    color:#666;

    font-size: 2rem;

    padding:1rem 0;

  }

  

  .newsletter form{

    height:5.5rem;

    max-width: 60rem;

    margin:0 auto;

    padding:0 1rem;

    /* display: flex;

    align-items: center;

    justify-content: space-between; */

    /* border-radius: 5rem;

    background:rgba(0,0,0,.3); */

  }

  

  .newsletter form input[type="email"]{

    height: 100%;

    width: 100%;

    padding:0 3rem;

    outline: none;

    border:none;

    background:none;

    font-size: 1.6rem;

    /* color:#fff; */

    border-radius: 5rem;

    background: #e9f3f9;;

  }

  

  .newsletter form input[type="text"]{

    height: 100%;

    width: 100%;

    padding:0 3rem;

    outline: none;

    border:none;

    background:none;

    font-size: 1.6rem;

    /* color:#fff; */

    border-radius: 5rem;

    background: #e9f3f9; ;

  }

  

  

  .newsletter form input[type="submit"]{

    border-radius: 5rem;

    padding: 1rem 4rem;

    background: #337ab7;

    color: #fff;

    border: none;

  }

  /* advertise page */





  .content-top{





   





    padding: 0 4rem;





    text-align: center;





    list-style-type: none;





   





  }





  .content-top h2{





    color: #272F38;





    padding: 1rem;





    font-size: 2.6rem;





  }





  .content-top li{





    padding:.5rem;





    color: #384350;





    font-size: 1.4rem;





  }





  .content-top ul{





    list-style-type: none;





  }





  .submit-btn {





    display: block;





    margin-left: auto;





    border: none;





    outline: none;





    background: #1a73e8;





    font-size: 1.4rem;





    text-transform: uppercase;





    letter-spacing: 1px;





    padding: 10px 20px;





    border-radius: 5px;





    color: #fff;





    cursor: pointer;





    margin-bottom: 1.2rem;





  }





  /* login-form */





  .login-wrapper {





    padding:7rem ;





  





   display: flex;





   justify-content: center;





   align-items: center;





 }





 .form {





   position: relative;





   width: 100%;





   max-width: 380px;





   padding:  40px 40px;





   /* background: rgba(0,0,0,0.7); */





   border:2px solid #1a73e8;





   border-radius: 10px;





   color: #fff;





   box-shadow: 0 15px 25px rgba(0,0,0,0.5);





 }





 





 





 .form h2 {





   text-align: center;





   letter-spacing: 4px;





   margin-bottom: 4rem;





   font-size: 2.4rem;





   color: #1a73e8;





 }





 .form .input-group {





   position: relative;





   width: 100%;





 }





 .form .input-group input {





   width: 100%;





   padding: 10px 0;





   /* font-size: 1rem; */





   letter-spacing: 1px;





   margin-bottom: 30px;





   border: none;





   border-bottom: 1px solid #777;





   outline: none;





   background-color: transparent;





 }





 .form .input-group label{





     color: #333;





     font-size: 1.4rem;





 }





 





 .submit-btn {





   display: block;





   margin-left: auto;





   border: none;





   outline: none;





   background: #1a73e8;





   font-size: 1.4rem;





   text-transform: uppercase;





   letter-spacing: 1px;





   padding: 10px 20px;





   border-radius: 5px;





   color: #fff;





   cursor: pointer;





   margin-bottom: 1.2rem;





 }





 .login-wrapper a{





   color: rgb(238, 86, 30);





   font-size: 1.3rem;





 }





 /* signup page */





 .signup-wrapper{





  padding: 4rem; 





  height: 100%;





  display: flex;





  justify-content: center;





  align-items: center;











 }





 .signup-form{





     





  position: relative;





  width: 100%;





  max-width: 600px;





  padding:  40px 60px;





  /* background: rgba(0,0,0,0.7); */





  border:2px solid #1a73e8;





  border-radius: 10px;





  color: #fff;





  box-shadow: 0 15px 25px rgba(0,0,0,0.5);





 }











.signup-form h2 {





  text-align: center;





  letter-spacing: 4px;





  margin-bottom: 4rem;





  font-size: 2.4rem;





  color: #1a73e8;





}





 input, optgroup, select, textarea{





  color:#333;





}





.signup-form .input-group {





  position: relative;





  width: 100%;





}





.signup-form .input-group input,textarea,select {





  width: 100%;





  padding: 10px 0;





  color: #333;





  /* font-size: 1rem; */





  letter-spacing: 1px;





  margin-bottom: 30px;





  border: none;





  border-bottom: 1px solid rgba(0,0,0,0.2);





  outline: none;





  background-color: transparent;





  resize: none;





}





.signup-form .input-group label{





    color: #333;





    font-size: 1.4rem;





}



  footer{margin:0; padding:48px 0; width:100%; float:left;background: #00223e;}



footer .logoandicon{margin:0; padding:0; width:100%; float:left;}



footer .logoandicon a.footer-logo{float:left; height:auto; padding:0 ; font-size:35px; line-height:20px; font-weight:700; color:#fff;}



footer .logoandicon a.footer-logo p{margin:0; font-size: 25px; padding: 0; float:left;}



footer .logoandicon a.footer-logo img{margin:0 10px 0 0; padding:0px; float:left;}





footer .logoandicon a.footer-logo:focus, a.footer-logo:hover{color:#ca5b23; background:none;}

footer ul{

  padding-left: 0;

}



footer ul.icon{ width:100%; float:left;}



footer ul.icon li{margin:0 11px; padding:0; list-style:none; display:inline-block;}



footer ul.icon li a{margin:0; padding:0; outline:none; text-decoration:none; cursor:pointer; color: #20a6fd; font-size: 3rem;}



footer .quick-links{margin:0; padding-bottom: 2rem;; float:left; width:100%;}



footer .quick-links h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}



footer .quick-links hr{margin-top:20px; margin-bottom:20px; border:none; height:2px;

	 width:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;

	  box-sizing:content-box; background:#fff;

}



footer .quick-links ul{margin:0; padding:0; width:50%; float:left;}



footer .quick-links ul li{margin:0; padding:0; list-style:none; display:block;}



footer .quick-links ul li a{margin:0; padding:0; font-size:14px; color:#ddd; font-weight:400; outline:none; text-decoration:none; cursor:pointer;}



footer .quick-links ul li:hover a{color:#ddd;}



footer .quick-links ul li a .fa-angle-right{font-size:18px; color:#a4aab7; margin:0 10px 0 0;}



footer .company{margin:0; padding-bottom: 2rem; float:left; width:100%;}



footer .company h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}



footer .company hr{margin-top:20px; margin-bottom:20px; border:none; height:2px; width:100%;

	 -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;

	  background:#fff;

}



footer .company p{margin:0; padding:0; font-size:14px; color:#a4aab7; font-weight:400; line-height:26px;}



.copyright{background:#002a4d;; padding:14px 0px; float:left; width:100%;}



.copyright .granames{text-align:right; margin-top:-24px; margin-right:14px;}



.copyright .copytexts{text-align:center; font-size:13px; color:#fff; font-weight:400;}







  @media (max-width: 1200px) {

    .header .contact-info {

      padding: 2rem 5%;

    }

    .header .main-navbar {

      padding: 2rem 5%;

    }

    section {

      padding: 3rem 5%;

    }

    .menu .box-container .box{

      width: 100%;

    }

  }

  

  @media (max-width: 991px) {

  

    html {

      font-size: 55%;

    }

    .header .contact-info {

      padding: 2rem;

    }

    .header .main-navbar {

      padding: 2rem;

    }

    section {

      padding: 3rem 2rem;

    }

    .menu  .box-container .box{

      width: 100%;

    }

  }

  

  @media (max-width: 768px){

    .menu .box-container .box{

      width: 100%;

    }

    .header .contact-info {

      display: none;

    }

    .header #menu-btn {

      display: inline-block;

    }

    .header #menu-btn.fa-times {

      -webkit-transform: rotate(180deg);

              transform: rotate(180deg);

    }

    .signup-wrapper , .login-wrapper{

      padding:3rem 2rem;

  }

    .header .main-navbar .links {

      position: absolute;

      top: 99%;

      left: 0;

      right: 0;

      background: #fff;

      border-top: 0.2rem solid #334;

      border-bottom: 0.2rem solid #334;

      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

              clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

    }

    .header .main-navbar .links.active {

      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    }

    .header .main-navbar .links a {

      display: block;

      margin: 2.5rem 2rem;

      font-size: 2.5rem;

    }

}

.margin-vertical-10{height:10px; width:100%}



.margin-vertical-20{height:20px; width:100%}



.margin-vertical-30{height:30px; width:100%}



.margin-vertical-40{height:40px; width:100%}



.margin-vertical-50{height:50px; width:100%}



.margin-vertical-60{height:60px; width:100%}



.margin-vertical-70{height:70px; width:100%}



.margin-vertical-80{height:80px; width:100%}



.margin-vertical-90{height:90px; width:100%}



.margin-vertical-100{height:100px; width:100%}