* {
	box-sizing: content-box;
}
* {
	margin:0;
	padding:0;
}
html {
	scroll-behavior: smooth;
}
*, *::after, *::before {
 box-sizing: border-box;
}
body {
	font-weight: normal;
	color: #424242;
	font-size: 14px;
	line-height: 22px;
	background-color: #ffffff;
	overflow-x: hidden;
	max-width: 100%;
	font-family: 'Montserrat', sans-serif;
}
p {
	font-size:14px;
	line-height:22px;
	color: #424242;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	color: #30a5a7;
	text-decoration: none;
}
a:hover, a:focus {
	color: #666666;
	text-decoration: none;
}
a:hover, a:focus {
	outline: none !important;
}
a img {
	border: none;
}
iframe {
	border: none;
}
/* ========== HEADINGS FON-TSIZE ========== */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 10px;
}
h5 {
	font-size:16px;
	font-weight:normal;
	line-height: 1.4;
}
h4 {
	font-size:18px;
}
/* ==================== header ======================*/

.img-responsive {
	display:inline-block;
}
.pb-2 {
	padding-bottom:2%;
	display:block;
}
.pb-3 {
	padding-bottom:3%;
	display:block;
}
.pb-4 {
	padding-bottom:4%;
	display:block;
}
.pb-6 {
	padding-bottom:6%;
	display:block;
}
.pb-8 {
	padding-bottom:8%;
	display:block;
}
.pt-2 {
	padding-top:2%;
	display:block;
}
.pt-3 {
	padding-top:3%;
	display:block;
}
.pt-4 {
	padding-top:4%;
	display:block;
}
.pt-6 {
	padding-top:6%;
	display:block;
}
.pt-8 {
	padding-top:8%;
	display:block;
}
/* ==================== header ======================*/

header {
	background-color:#fff;
	width: 100%;
	float: left;
	z-index: 99999999;
	padding:0.6% 0;
	
}
/* ================= navigation ============== */

.img-responsive {
	display:inline-block;
}
.btm {
	margin-bottom:2.5%;
}
.navbar {
	margin-bottom:0;
	margin-top: 0;
}
.bottomMenu {
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
	transition: all 1s;
}
.hide {
	opacity:0;
}
.show {
	opacity:1;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
	float: right;
}
.nav > li > a {
	font-weight:normal;
	text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a {
	color: #000;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #30a5a7;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color:#30a5a7;
	background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #30a5a7;
	background-color: transparent;
}
.dropdown-menu {
	background-color:#fff;
}
.dropdown-menu>li>a {
	color:#000;
}
.dropdown-menu>li>a:hover {
	background-color:transparent;
	color:#30a5a7;
}
.carousel-caption {
	right: 0%;
	left: 0%;
}
/* ================= banner============== */
.banner {
	width:100%;
	float:left;
	color:#000;
	color:#fff;
	background-image:url(../images/banner2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	padding:18% 0;
	position:relative;
}
.banner .container {
	position: relative;
	top: 28%;
	z-index: 4;
	text-align: center;
}
.banner img {
	width:100%;
}
.banner h1 {
	color:#fff;
	font-size:60px;
	font-weight:bold;
}
.banner p {
	color:#fff;
}
.banner .scroll-down {
	padding:1% 2%;
	display: block;
	position: absolute;
	bottom: 0%;
	right:2%;
	background-color: #000;
	text-align: center;
	z-index: 6;
	color:#fff;
}

hr {
    border-top: 1px solid #ccc;
}
/* ==================== sec1 ======================*/
.sec1 {
	width:100%;
	float:left;
	padding:5% 0;
	position:relative;
}
.sec1 .fa {
	color:#fff;
}

.sec1 h2 {font-weight:300;}
.sec1 h1, .sec1 h2, .sec2 h1, .sec2 h2, .sec2 h3 {
	color:#30a5a7;
}
.sec1 .btn-default {
	border-radius:0;
	background-color:#30a5a7;
	border:none;
	color:#fff;
	margin-top:2%;
}
.sec1 .btn-default:hover {
	background-color:#000;
	transition:all 0.5s ease-out;
}
/* ==================== sec2 ======================*/
.sec2 {
	width:100%;
	float:left;
	padding:5% 0;
	position:relative;
	background-color:#f3efe0;
}
/* ==================== sec3 ======================*/
.sec3 {
	width:100%;
	float:left;
	padding-top:4%;
	position:relative;
}
.sec3 h2 {
	color:#30a5a7;
	margin-bottom:3%;
}
/* ==================== sec4 ======================*/
.sec4 {
	width:100%;
	float:left;
	padding:4% 0;
	position:relative;
}
.sec4 h2 {
	color:#30a5a7;
	margin-bottom:3%;
}
.sec4 .fa {
	color:#30a5a7;
	font-size:18px;
}
/* ==================== sec5 ======================*/
.sec5 {
	width:100%;
	float:left;
	padding-top:0%;
	padding-bottom:5%;
	position:relative;
}
.sec5 h2 {
	color:#30a5a7;
	margin-bottom:3%;
}
.sec5 .fa {
	color:#30a5a7;
	font-size:18px;
}

/* ==================== sec6 ======================*/
.sec6 {
	width:100%;
	float:left;
	padding:5% 0;
	position:relative;
	background-color:#30a5a7;
	color:#fff;
}
.sec6 h3 {
	color:#fff;
	margin-bottom:3%;
}
.sec6 p{
	color:#fff;
}
.sec6 a{
	color:#fff;
}
.sec6 .fa {font-size:30px; margin-bottom:10px;}

#paper .sec6 .fa {font-size:18px;}
/* ============== footer==============*/
footer {
	width:100%;
	float:left;
	padding-top:5%;
	background-color:#424242;
	color:#fff;
}
footer .fa {
	font-size:20px;
	color:fff;
}
footer a:hover {
	color:#ccc;
}
footer a, li {
	color:#fff;
}
.copy {
	background-color:#000;
	width:100%;
	float:left;
	padding:1% 0;
	margin-top:4%;
}
.copy p {
	color:#ccc;
	margin:0;
	padding:0;
	font-size:14px;
}

#paper .banner {padding:10% 0;}

.line {border-bottom:dotted 1px #999999; padding:4% 0;}
/*========================= Media Query ================== */

@media only screen and (max-width: 667px) and (min-width: 640px) {

 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border:none;
}
.banner, .sec1 h1, .sec2 h1, .sec3 h1, .sec4 h1, .sec5 h1, .sec6 h1, .sec7 h1, .sec8 h1, .sec9 h1, footer h1 {
font-size:26px;
}
.banner, .sec1 h2, .sec2 h2, .sec3 h2, .sec4 h2, .sec5 h2, .sec6 h2, .sec7 h2, .sec8 h2, .sec9 h2, footer h2 {
font-size:24px;
}
.banner, .sec1 h3, .sec2 h3, .sec3 h3, .sec4 h3, .sec5 h3, .sec6 h3, .sec7 h3, .sec8 h3, .sec9 h3, footer h3 {
font-size:20px;
}

.banner, .sec1 h4, .sec2 h4, .sec3 h4, .sec4 h4, .sec5 h4, .sec6 h4, .sec7 h1, .sec8 h4, .sec9 h4, footer h4 {
font-size:16px;
}
.sec1 .btn-default, .sec2 .btn-default, .sec3 .btn-default, .sec4 .btn-default, .sec5 .btn-default, .sec6 .btn-default, .sec7 .btn-default, .sec8 .btn-default, .sec9 .btn-default {
font-size:16px;
}
.pb-2, .pb-3, .pb-4, .pb-6, .pb-8 {
 padding-bottom:2%;
}
.pt-2, .pt-3, .pt-4, .pt-6, .pt-8 {
padding-top:4%;
}
 p {
font-size:14px;
}
 .navbar {
 margin-bottom: 0;
 margin-top: -10%;
}
.banner h1 {
font-size:30px;
}


.navbar-nav>li>a {
 padding-top: 0;
}

 .logo {
text-align:center;
float:left;
width:100%;
}
.copy {
 text-align: center;
}
.navbar-default {
       float:left;
}

}
@media only screen and (max-width: 639px) and (min-width: 319px) {
.navbar-default {
       float:revert;
}
.copy {
 text-align: center;
}
avbar {
 margin-bottom: 0;
 margin-top: -10%;
}
 div#bs-example-navbar-collapse-1 {
 float: left;

 width:100%;
}

.banner h1 {
font-size:20px;
}


.navbar-nav>li>a {
 padding-top: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border:none;
}
 .banner, .sec1 h1, .sec2 h1, .sec3 h1, .sec4 h1, .sec5 h1, .sec6 h1, .sec7 h1, .sec8 h1, .sec9 h1, footer h1 {
font-size:24px;
}
.banner, .sec1 h2, .sec2 h2, .sec3 h2, .sec4 h2, .sec5 h2, .sec6 h2, .sec7 h2, .sec8 h2, .sec9 h2, footer h2 {
font-size:20px;
}
.banner, .sec1 h3, .sec2 h3, .sec3 h3, .sec4 h3, .sec5 h3, .sec6 h3, .sec7 h3, .sec8 h3, .sec9 h3, footer h3 {
font-size:17px;
}
.banner, .sec1 h4, .sec2 h4, .sec3 h4, .sec4 h4, .sec5 h4, .sec6 h4, .sec7 h1, .sec8 h4, .sec9 h4, footer h4 {
font-size:16px;
}
 p {
font-size:14px;
}
.pb-2, .pb-3, .pb-4, .pb-6, .pb-8 {
 padding-bottom:2%;
}
.pt-2, .pt-3, .pt-4, .pt-6, .pt-8 {
padding-top:1%;
}
 .logo {
text-align:center;
float:left;
width:100%;
}

}