@charset "utf-8";
/* CSS Document */

/*-----------------------------------------*/
*, html {
    scroll-behavior: smooth !important;
}

body { font-family: "Open Sans", sans-serif;
background-color: #00162D;
}


.el-heading{ font-family:"ogg-text";}


.wow {
   visibility: hidden;
}



h2, .h2 {
	font-size: 3rem
  
}

h3, .h3 {
}

h4, .h4 {

}

h5, .h5 {
}

h6, .h6 {
}

p { font-size:14px;
	color: #fff;
    line-height: 23px; letter-spacing: 0.2px;}





.icon-30 {width:30px;}
.icon-40 {width:40px;}
.icon-50 {width:50px;}
.icon-70 {width:70px!important;}
.icon-80 {width:80px;}
.icon-90 {width:90px;}
.icon-100 {width:100px;}
.icon-110 {width:110px;}
.icon-120 {width:120px;}
.icon-200 {width:200px;}
.icon-300 {width:300px;}
.icon-400 {width:400px;}

.yellow {color:#FFDD00;}
.endfooter {
  position: absolute;
  bottom: 0;
  width: 100%;

  color:#fff;
}
.footer-bg { 
background: linear-gradient(57deg,rgba(15, 17, 25, 1) 0%, rgba(24, 46, 81, 1) 100%);
	background-image:url("../images/el-pattern-bg.png");
  background-position: center center;
  background-repeat: repeat;
  background-size: cover;
  position: relative;
	min-height:100vh!important;

}
.modal-bg {background-color: #00162D!important;}


.line-height-10 {line-height:10px;}
.line-height-15 {line-height:15px;}
.line-height-20 {line-height:20px;}
.line-height-30 {line-height:30px;}
.line-height-40 {line-height:40px;}
.line-height-50 {line-height:50px;}
.line-height-60 {line-height:60px;}
.line-height-70 {line-height:70px;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #3c4740;
    margin: 1em 0;
    padding: 0; 
}





.white-background { background-color:#fff;}
.black-background { background-color:#000;}
.white-text { color:#fff;}
.white-text a { color:#fff;}
.white-text a:hover{ color:#fff;}
.white-text a:visited{ color:#fff;}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Smartphones (portrait and landscape) ----------- */
}

@media only screen 
and (min-width : 321px) {
/* Smartphones (landscape) ----------- */
}

@media only screen 
and (max-width : 320px) {
/* Smartphones (portrait) ----------- */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* iPads (landscape) ----------- */

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* iPads (portrait) ----------- */
}

@media only screen 
and (min-width : 499px) {


}
@media only screen 

and (min-width : 799px) {

}

@media only screen 
and (min-width : 1200px) {
	h2, .h2 {
	font-size: 4.5rem!important;

}

@media only screen 
and (min-width : 1700px) {
/* Large screens ----------- */
	
  
}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* iPhone 4 ----------- */
}