/*CSS by SEO Bee */
body { font-size: 16px; font-family: 'Open Sans';  }

h1, h2, h3, h4 { font-family: 'Crimson Text'; color: #000; }

p, li, label { font-size: 16px; }
a { color: #3B566E; text-decoration: none; }

.text_j { text-align: justify !important;}

@media screen and (max-width:768px)
{
body { font-size: 14px; }

p, li, label { font-size: 14px; color: #3B566E;  }
 
}

.top_strip { padding: 5px 0px 5px 0px; font-size: 14px; display: inherit;}
.top_strip img { margin-right: 10px; }
.top_strip p { margin: 0px; padding: 10px 0px;  display: block; }
.top_strip p:hover {color:#ff760c;}

.top_strip a { margin: 0px; padding: 10px 0px; display: block;  }
.top_strip a:hover {color:#ff760c;}

nav { background: #1357a7; position: fixed;}
.navbar-nav { float: right;}
.nav-item { padding: 0px 35px;}
.nav-link { color: #fff; white-space: nowrap; font-weight: 300; text-transform: uppercase;}


@media screen and (max-width:768px)
{

 .top_strip p { text-align: center;}
 .top_strip a { text-align: center;}
 
 
 .navbar-nav { float: left; width: 100%;}
 .nav-item { text-align: center; width: 100%; display: block; border-bottom: 1px dashed #fff; padding: 0px 15px;}
 .nav-link { font-size: 14px; }
 
}



.banner { padding: 20px 0px; margin: 0px; background: #0a1c31;}
.banner h3 { 
  font-size: 28.294px;
  font-family: "Funnel Sans";
  color: rgb(151, 206, 209);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2; margin-top: 150px;

}

.banner p { 
  font-size: 24px;
  font-family: "Funnel Sans";
  color: #fff;
  font-weight: 300;


}





.banner_inner { background: #0a1c31; background-size: cover; background-position: center center; min-height: 400px;}
.banner_inner h1 { font-size: 50px; text-align: center; margin: auto; margin-bottom: 40px; font-weight: 800; color: #97ced1; padding-top: 160px; text-transform: uppercase;}



.text { padding: 120px 20px; font-size: 18px; }
.text h1 { font-size: 45px; text-align: center;color: rgb(13, 10, 10); text-transform: uppercase; }
.text h2 { font-size: 25px; text-align: center;color: rgb(13, 10, 10); text-transform: uppercase; }

.text h4 {
  font-size: 25px; text-transform: uppercase;
  color: rgb(38, 88, 171);
}



.text h1 span { color:#ff760c; }
.text ul { display: block; margin: 30px auto; color: #333333;}
.text ul li { list-style-image: url(images/pointer.png); margin-bottom: 30px; font-size: 15px;}
.text p { font-size: 15px; line-height: 29px;  }
.text a {}




.text_light { padding: 120px 20px; font-size: 18px; background: #181b1d; }
.text_light h1 { font-size: 45px; text-align: center;color: #fff; text-transform: uppercase;  margin-bottom: 20px;}
.text_light h2 { font-size: 25px; color:  #fff; text-transform: uppercase; }
.text_light h3 { font-size: 18px; color:  #3f9df4; text-transform: uppercase; margin-bottom: 20px; font-weight: bold;}

.text_light p { color: #fff; font-size: 15px; line-height: 29px; text-align: justify; padding: 0px 20px; }

.text_light ul li { color: #fff;}
.text_light p span { color: #5ee7fb; font-size: 15px; line-height: 29px;  }




.rserved { font-size: 16px; border-top:1px dotted #fff; padding: 20px 0px 3px 0px;  background: #000203; color: #fff;}
.rserved a { color: #fff;}
 
.footer { padding:80px 10px 20px 10px; background: #47ccdb;   }

.call { display: none;}

@media screen and (max-width:768px)
 
{
 
.footer { padding:80px 10px 20px 10px; background: blue;  }
 
 .call { display: block; background: #f58220; color: #fff; position: fixed; bottom: 0; text-align: center; padding: 0px 20px;}
 .call a { color: #fff; font-weight: bold; margin-top: 5px; padding: 5px; display: block;}
 
 html, body {   overflow-x: hidden;}
 body {  position: relative}

}






