body{font-family: 'Roboto', sans-serif;}
   h1{font-size: 42px;line-height: 42px; font-weight: 500; margin: 0px 0px 20px}
   h2{font-size: 32px;line-height: 32px; font-weight: 500; margin: 0px 0px 20px}
   p{font-size: 16px;line-height: 28px; font-weight: 400;}
   .navbar{border-radius:0px; background-color:#fff ; border-color:#fff; }

  .top-btn{background: #3a526a;}
  .top-btn .btn{border-radius: 0px; margin: 0px;}

  .myWasiat{ padding: 70px 0px 100px; }
  .myWasiat h1{font-size: 42px!important;}
  .myWasiat h5{color: #787878; margin-bottom: 30px}
  .myWasiat .grid{border: 1px solid #efefef; border-radius: 10px; padding: 10px 20px; min-height: 210px;    margin-bottom: 20px;}
  .myWasiat .grid img{float: left;; margin-bottom: 120px; margin-right: 10px}
  .myWasiat .grid h3{margin-top: 10px;}
  .myWasiat .grid p{color:#949494; line-height: 24px} 

  .easy_quick{background: #3a526a; padding: 50px 0px; color: #fff}
  .easy_quick .btn{background:#ed3833;}
  .easy_quick h1 {font-size: 42px!important;}
  .easy_quick p{font-size: 20px; margin-bottom: 20px; font-weight: 400}
  
  .news{ padding: 70px 0px 100px; }
  .new h1{font-size: 42px!important;}
  .news h5{color: #787878; margin-bottom: 30px}
  .news .col-sm-4{margin-bottom: 30px;}
  .news .col-sm-4 img{width: 100%}
  .news .col-sm-4 .date{margin: 15px 0px; display: block;}
  .news .col-sm-4 p{margin:0px  0px 15px;display: block; color: #ababab}
  .news .col-sm-4 .learnmore{margin:0px  0px 15px;display: block; color: red;}

  #footer{background: #3a526a; color: #fff; margin-top: 100px}
  #footer .col-lg-4{margin: 20px 0px; text-align: left;}
  #footer .col-lg-4 a{color: #fff; text-align: left; font-size: 14px;}

  #footer .col-lg-6{margin: 20px 0px; text-align: left;}
  #footer .col-lg-6 a{color: #fff; text-align: left; margin: 0px 10px;  font-size: 14px;}

  #footer .col-lg-2 img{margin: 18px 5px;}
  .img-responsive {display: block; width: 100%; height: auto;}


  .mywasiat-packages{margin: 120px auto; }
  .mywasiat-packages h1{font-size: 32px;line-height: 42px; font-weight: 500; margin: 0px 0px 20px}
 
  .about-header{background: url(../images/about-header.jpg) center center; padding: 50px 0px} 
  .about-header h1{color: #fff; font-size:36px; padding: 10px 0px;  margin: 0px}   
  .about-header p{color: #fff; font-size:18px; padding: 0px; margin: 0px} 
  .about-grid{background: #efefef; border-radius: 20px; padding:20px; margin:50px 0px; min-height: 400px}
  .about-grid h2{font-size: 30px; line-height: 30px; text-align: center; margin-top: 10px}
  .about-grid p{font-size: 14px; line-height: 26px; padding:0px 20px 0px;}
  .about-grid a{font-size: 14px; line-height: 26px; color: red; padding:0px 20px 20px;}
  
  .about-package{background: #ffffff; border-radius: 20px; box-shadow: 0px 0px 15px #00000020; margin: 20px 40px; padding: 30px;min-height: 470px}
  .about-package h2{font-size: 22px;
    line-height: 60px;
    font-weight: 500;
    margin: 0px 0px 0px;
    color: #484848;
    border-bottom: 1px solid #f1f1f1;}
 .about-package ol{margin: 20px 0px 20px  -20px;}
 .about-package ol li {line-height: 20px; margin:10px 0px;}

.about-package ul{  margin: 20px 0px 20px  -20px;}
.about-package ul li {line-height: 20px; margin:10px 0px;}


.about-block ol{margin: 20px 0px 20px  -20px;}
 .about-block ol li {line-height: 20px; margin:10px 0px;}

.about-block ul{  margin: 20px 0px 20px  -20px;}
.about-block ul li {line-height: 20px; margin:10px 0px;}

.tab-main ul{  margin: ;}
.tab-main ul li {line-height: 20px; margin:10px 5px;}


/*
  .about-package ul {  list-style: none;
    display: inline-block;
    margin: 10px 0px 30px;
    padding: 0px;}

  .about-package ul li {color: #838486;
    font-family: 'Poppins', sans-serif;
    font-size: 14px; 
    font-weight: normal;
    letter-spacing: 0.2px; 
    line-height: 32px;
}
*/
.about-package a{background: red; width: 100%; text-align: center; color: #fff; display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px; cursor: pointer;}
 
 .about-quick-links{background: #efeeef; padding: 50px 0px 50px }
  .about-quick-links h1{text-align: center; font-size: 28px;
    font-weight: 400;
    color: #262c31}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #fff!important;
}
.step-line h3{color:#fff;}
.step-line p{color:#fff;}

.modal-body {padding:0% 10% 50px;}
.modal-body  h4{font-size: 28px;}
.modal-body .btn{padding:10px;font-size: 18px;}
.navbar-nav{margin: 20px 0px; background: #fff;}
.form-group {
    margin-bottom: 12px !important;
}

input[type=text], select[id=country], textarea[id=subject] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 12px; 
  resize: vertical;
  height: 42px;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}
.tab-main h3{font-family: "Times New Roman", Times, serif; font-weight: bold;}

.tab-main  .tab-title {font-family: "Times New Roman", Times, serif; font-weight: bold;}
.tab-main  .field_container label{font-family: "Times New Roman", Times, serif;     line-height: 40 px;}
.tab-main .field_container label span{color: red;}

@media screen and (min-width: 768px){}
.carousel-caption {
     background: #141e31;
    text-align: left;
    color: #fff;
    right: 00%;
    left: 47%;
    top: 18%;
      padding: 70px 90px 60px  70px; height: 370px;
}
.carousel-caption h2{font-weight: normal; line-height: 40px}
.carousel-caption p{color: #fff;}
}

@media (min-width: 576px){
.navbar-default .navbar-brand{width:80%;}
.modal-dialog {max-width: 400px;} 
}



@media (min-width: 768px){
.modal-dialog {
    width: 600px;
    margin: 10% auto;
}
}

@media only screen and (max-width: 600px) {
 .about-package { margin: 20px 0px; padding: 15px; }
.tab-main{width: 100%!important;}
.tab-main .tab-header { margin: 0% 2%!important;}
}