h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
  font-family: 'Basic-Regular';
   font-size: 100%;
   background:#fff; 
}
@font-face {
    font-family: 'Monda-Regular';
    src:url(../fonts/Monda-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Basic-Regular';
    src:url(../fonts/Basic-Regular.ttf) format('truetype');
}
a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  text-decoration: none;
}
/*--banner start here--*/
.banner {
  background: url(../images/banner/banner_01.png)no-repeat center;
  min-height: 800px;
  background-size: cover;
}
.banner-0 {
  background: url(../images/banner/banner_01.png)no-repeat center;
  min-height: 800px;
  background-size: cover;
}
.banner-1 {
  background: url(../images/banner/banner_02.png)no-repeat center;
  min-height: 800px;
  background-size: cover;
}
.banner-2 {
  background: url(../images/banner/banner_03.png)no-repeat center;
  min-height: 800px;
  background-size: cover;
}

span.menu {
  display: none;
}
.invisible {
  display: none;
}
#header {
  padding: 1em 1em 1em 1em;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 997;
  background-color: rgb(8 2 2 / 15%);
  /*background-color: rgb(116 107 107 / 50%);*/
}
.header-fixed {
  background:#02020285;
  padding: 20px 0;
  transition: all 0.5s;
  opacity: 0.95;
  left: 0;
  top: 0;
  right: 0;
}
.social-links  p {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
}
.social-links  a {
  padding: 4px;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.social-links a:hover{
   color: #337ab7;
   opacity: 0.7;
}
.separator {
  background: #fff;
  height: 1px;
  opacity: .2;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.top-nav ul{
  padding: 0px;
  list-style: none;
  margin: 0.8em 0em 0em 0em;
}
.top-nav ul li {
  display: inline-block;
  margin: 0em 1.5em 0em 0em;
}
.top-nav ul li a {
  font-size: 1em;
  font-weight: 400;
  color:#fff;
  padding:3px 0px 3px 0px;
  text-decoration:none;
  /* border-bottom: 2px solid #032c48;
  border-top: 2px solid #032c48; */
}
.top-nav ul li a:hover {
  text-decoration:none;
  /* border-bottom: 2px solid #f34c3c; */
  border-top: 2px solid #f34c3c;
}
.banner-bottom {
  padding: 40em 0em 0em 0em;
}
.logo {
  float: left;
}
.logo a{
  text-decoration: none;
  display:inline-block;
  width:100%;
  height:100%;
}

.logo img{
  /*height: 35px;*/
  max-height: 60px;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.logo span{
  padding-left: 10px;
  color: #fff;
  font-size: 1.7em;
  text-transform: uppercase;
  }

.header-right {
  float: right;
}
.top-navg {
   float: left;
}
.banner-bottom h2 {
  font-size: 1.5em;
  font-weight: 400;
  color: #FFF;
  padding: 0.5em 0.5em 0.5em 0.5em;
  background: #f34c3c;
  width: 45%;
 font-family: 'Monda-Regular';
}
.banner-bottom p {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  background: #032c48;
  padding: 0.5em 0.5em 0.5em 0.5em;
  width: 35%;
  line-height: 1.6em;
}
.bann-btn {
  margin: 1em 0em 0em 0em;
}
.bann-btn a {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  background: #1A1A1A;
  padding: 0.5em 1em 0.5em 1em;
}
.bann-btn a:hover {
	text-decoration:none;
	background:#fff;
	color:#000;
}

.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 40px;
    background-color: #524d4d;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -20px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #524d4d transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#gallery #gallery-flters {
  padding: 0;
  margin: 0 0 45px 0;
  list-style: none;
  text-align: center;
}

#gallery #gallery-flters li {
  cursor: pointer;
  margin: 0 10px;
  display: inline-block;
  padding: 10px 22px;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  border-radius: 4px;
  border: 2px solid #f34c3c;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

#gallery #gallery-flters li:hover, #gallery #gallery-flters li.filter-active {
  background: #f34c3c;
  color: #fff;
}

#portfolio .col-md-6.portfolio-item {  padding: 15px; }
/*--search--*/
/*--banner end here--*/
/*--features start here--*/
.features {
  padding: 3.5em 0em 3.5em 0em;
}
.features-top {
  text-align: center;
}
.features-top h3 {
  font-size: 2.5em;
  font-weight: 600;
  color: #032c48;
  margin: 0em 0em 0.5em 0em;
   font-family: 'Monda-Regular';
}

.features-top p {
  font-size: 1em;
  font-weight: 400;
  color: #949494;
  width: 60%;
  margin: 1em auto;
}
.features-bottom {
  padding: 2em 0em;
  background-color: rgb(23 62 98 / 95%);
  /*#173e62*/
}
.fea-text {
  float: right;
  width: 85%;
}
.fea-text ul {
    list-style-type: square;
    font-size: 0.96em;
    font-weight: 400;
    color: #d9d2d2;
    list-style-position: inside;
    padding-left: 10px;
}
span.f1 {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
}
.features-grid {
  margin: 1.25em 0em 1.25em 0em;
}
.fea-text h4 {
  font-size: 1.2em;
  font-weight: 600;
  /*color: #032c48;*/
  color: #f34c3c;
  margin: 0em 0em 0.4em 0em;
   font-family: 'Monda-Regular';
}
.fea-text p {
  font-size: 0.96em;
  font-weight: 400;
  /*color: #949494;*/
  color: #d9d2d2;
  line-height: 1.6em;
}
/*--features end here--*/
/*--portfolio start here--*/
.gallery {
  padding: 3em 0em 4em 0em;
}
.gallery-top h3 {
  font-size: 2.5em;
  font-weight: 600;
  color: #032c48;
  margin: 0em 0em 0.2em 0em;
  font-family: 'Monda-Regular';
}
.gallery-top {
  text-align: center;
  padding: 0em 0em 1.5em 0em;
}
.gallery-1{
  margin: 2em 0em 0em 0em;
}
.gallery-top p {
  font-size: 0.96em;
  font-weight: 400;
  color: #949494;
  width: 65%;
  margin: 0 auto;
  padding-bottom: 8px;
}

.gallery-top a {
  padding: 6px;
  margin: 10px;
}
/*--light-box--*/
.portfolio-eff:hover span.rollover1 {
	background: url(../images/plus.png) center no-repeat rgba(11, 10, 9, 0.66);
	cursor: pointer;
	height: 255px;
	width: 255px;
	display: block;
	position: absolute;
	z-index: -9999px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.portfolio-eff{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position:relative;
}
/*--portfolio end here--*/
/*--contact start here--*/
.contact {
  padding: 3em 0em 4em 0em;
  background: url(../images/banner-bottom.jpg)no-repeat;
  min-height: 400px;
  background-size: cover;
}
.contact-bottom {
  margin: 3em 0em 0em 0em;
}
.contact-top h3 {
  font-size: 2.5em;
  font-weight: 600;
  color: #f34c3c;
  text-align: center;
  margin: 0em 0em 0.1em 0em;
}
.contact-top p {
  font-size: 0.96em;
  color: #fff;
  line-height: 1.6em;
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.contact-right p {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  line-height: 1.6em;
}
.contact-left {
   padding: 0px 15px 0px 0px;
}
.contact-bottom input[type="text"] {
  width: 100%;
  margin: 0px 0px 15px 0px;
  color: #032c48;
  padding: 10px 10px;
  outline: none;
  border: 1px solid #fff;
  font-size: 15px;
  background: none;
}
.contact-bottom textarea {
  width: 100%;
  height: 15em;
  color: #032c48;
  outline: none;
  resize: none;
  font-size: 0.8em;
  padding: 10px 15px;
  margin-bottom: 1em;
  border: 1px solid #fff;
  -webkit-appearance: none;
  background:none;
  font-weight: 400;
  font-family: 'Basic-Regular';
}
.contact-bottom input[type="submit"] {
    color: #FFFFFF;
  padding: 9px 42px;
  width: 15%;
  font-size: 15px;
  cursor: pointer;
  font-weight: 500;
  background: #032c48;
  outline: none;
  border: none;
  float: right;
}
.contact-bottom input[type="submit"]:hover {
  background: #f34c3c;
  color:#fff;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
/*--contact end here--*/
/*--footer start here--*/
#toTop {
  display:none;
  text-decoration: none;
  position: fixed;
  bottom: 17px;
  right: 110px;
  overflow: hidden;
  width: 36px;
  height: 33px;
  border: none;
  text-indent: 100%;
  background-size: 35px;
  background: url(../images/arrow.png) no-repeat 0px 0px;
  z-index: 1002 !important;
}
.footer {
  background: #000;
  padding: 1.5em 0em 1.5em 0em;
}
.copyright {
  text-align: center;
}
.copyright  p {
  font-size: 1em;
  font-weight: 400;
  color: #fff;
}
.copyright  p a {
  color: #f34c3c;
  text-decoration: none;
}
.copyright  p a:hover{
	 color: #fff;
}
/*--footer end here--*/
/*--meadia quiries start here--*/
@media(max-width:1440px){
.banner {
  min-height: 750px;
}
}
@media(max-width:1366px){

}
@media(max-width:1280px){
.banner {
  min-height: 680px;
}
/* .banner-bottom {
  padding: 30em 0em 0em 0em;
} */
}
@media(max-width:1024px){
.banner-bottom h2 {
  width: 55%;
}
.banner-bottom {
  padding: 33em 0em 0em 0em;
} 
.banner-bottom p {
  width: 40%;
}
.banner {
  min-height: 580px;
}
/* .banner-bottom {
  padding: 25em 0em 0em 0em;
} */

}
@media(max-width:768px){
span.menu{
		display: block;
		text-align: left;
		padding: 1px 0px 0px 0px;
		cursor: pointer;
		color: #E74C3C;
		font-size: 16px;
		font-weight: 700;
		position:relative;
	}
.top-nav ul.res{
	 display:none;
	 padding:0px;
}
.top-nav ul.res {
		padding: 0;
		margin: 1.5em 0em 0em 0em;
		z-index: 999;
		position: absolute;
		width: 100%;
		left:0;
}
.top-nav ul.res li {
		display: block;
		text-align: center;
		background:#f34c3c;
		margin: 0;
}
.top-nav ul.res li a {
		font-size: 16px;
		padding: 1em 0;
		color: #fff;
		display: block;
		  border: none;
}
ul.res li a:hover,ul.res li a.active{
	color:#000;
	border: none;
}
.banner {
  min-height: 440px;
}
.banner-bottom h2 {
  width: 65%;
  font-size: 1.3em;
}
.banner-bottom p {
  width: 55%;
}
.banner-bottom {
  padding: 25em 0em 0em 0em;
}
.features-semi-grid {
  float: left;
  width: 50%;
}
.fea-text {
  width: 83%;
}
.features {
  padding: 2em 0em 1em 0em;
}
.features-top p {
  font-size: 0.9em;
}
.fea-text p {
  font-size: 0.9em;
}
.gallery-left {
  float: left;
  width: 25%;
}
.gallery {
  padding: 2em 0em 3em 0em;
}
.contact-left {
  float: left;
  width: 70%;
}
.contact-right {
  float: right;
  width: 30%;
}
.contact-bottom input[type="submit"] {
  padding: 9px 20px;
}
.features-top h3 {
  font-size: 2em;
}
.gallery-top h3 {
  font-size: 2em;
}
.features-bottom {
  padding: 3em 0em 0em 0em;
}
.header-right {
  padding: 5px 0px 0px 0px;
}
.gallery-top p {
  font-size: 0.9em;
}
.contact-top h3 {
  font-size: 2em;
}
.contact-right p {
  font-size: 0.95em;
}
}
@media(max-width:640px){
.banner-bottom h2 {
  width: 70%;
}
.features-top p {
  width: 90%;
}

 .logo {
  width: 50%;
} 
/* .logo img {
  width: 40%;
  background-color: #000;
} */
.social, .separator{
  display: none;
}
.header {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
span.menu img {
  width: 80%;
}
.header-right {
  padding: 4px 0px 0px 0px;
}
.banner-bottom p {
  width: 60%;
  font-size: 0.91em;
}
.gallery-top p {
  width: 90%;
}
.contact {
  padding: 2em 0em 2em 0em;
}
.contact-top p {
  width: 90%;
}
.contact-bottom input[type="text"] {
  padding: 6px 10px;
  font-size: 14px;
}
.contact-bottom textarea {
  padding: 6px 10px;
  height: 10em;
}
.contact-right p {
  font-size: 0.9em;
  line-height: 1.5em;
}
.top-nav ul.res {
  margin: 1.1em 0em 0em 0em;
}
}
@media(max-width:600px){
/*.logo img {
  width: 42%;
}*/
.banner-bottom h2 {
  font-size: 1.2em;
}
.banner-bottom p {
  width: 65%
}
}
@media(max-width:568px){
  .logo {width: 60%;}
}
@media(max-width:480px){
.logo {width: 60%;}
.banner-bottom h2 {
  width: 75%;
  font-size: 1em;
}
.banner-bottom p {
  width: 80%;
  font-size: 0.9em;
}
.banner-bottom p {
  width: 80%;
  font-size: 0.9em;
}
.banner {
  min-height: 300px;
}
.banner-bottom {
  padding: 16em 0em 0em 0em;
}
/*.logo img {
  width: 55%;
}*/
span.menu img {
  width: 42%;
}
.bann-btn a {
  font-size: 0.9em;
}
.features-top h3 {
  font-size: 1.5em;
}
.features-top p {
  width: 100%;
}
.features {
  padding: 1em 0em 1em 0em;
}
.features-bottom {
  padding: 1.5em 0em 0em 0em;
}
.features-grid {
  margin: 0em 0em 0em 0em;
}
.features-semi-grid {
  float: none;
  width: 100%;
  margin: 0em 0em 1em 0em;
    padding: 0px;
}
.fea-text h4 {
  font-size: 1em;
}
.gallery-top h3 {
  font-size: 1.5em;
}
.gallery-top p {
  width: 100%;
}
.gallery-1 {
  margin: 1em 0em 0em 0em;
}
.gallery-left {
  float: left;
  width: 50%;
  padding: 0px 10px 10px 0px;
}
.gallery-1 {
  margin: 0em 0em 0em 0em;
}
.gallery {
  padding: 1em 0em 1.5em 0em;
}
.contact-top h3 {
  font-size: 1.5em;
}
.contact {
  padding: 1em 0em 1em 0em;
}
.contact-top p {
  width: 100%;
  font-size: 0.9em;
}
.contact-left {
  width: 50%;
  padding: 0px 0px 0px 0px;
}
.contact-right {
  width: 47%;
}
.contact-right p {
  font-size: 0.85em;
}
.contact-bottom input[type="submit"] {
  padding: 4px 16px;
  width: 18%;
  font-size: 14px;
}
.contact-bottom textarea {
  height: 8em;
  margin-bottom: 0.5em;
}
.copyright p {
  font-size: 0.9em;
}
}
@media(max-width:414px){
.banner-bottom h2 {
  width: 85%;	
}
.banner-bottom p {
  width: 90%;
}
/*
.logo img {
  width: 20%;
}
*/
.logo span {
  font-size: 1em;
}
}
@media(max-width:384px){
/*
.logo img {
  width: 20%;
}
*/
.logo span{
  font-size: 1em;
}
.banner-bottom h2 {
  width: 95%;
}
.banner-bottom p {
  width: 100%;
}	
}
@media(max-width:320px){
/*
.logo img {
  width: 75%;
}
*/

.header-right {
  padding: 0px 0px 0px 0px;
}
.banner-bottom h2 {
  width: 98%;
  font-size: 0.8em;
    margin: 0px 0px 7px 0px;
}
.banner-bottom p {
  width: 100%;
  font-size: 0.7em;
}
.bann-btn a {
  font-size: 0.7em;
  padding: 0.4em 0.7em 0.4em 0.7em;
}
.bann-btn {
  margin: 0.2em 0em 0em 0em;
}
.top-nav ul.res li a {
  font-size: 14px;
  padding: 0.5em 0;
}
.banner {
  min-height: 220px;
}
.banner-bottom {
  padding: 9em 0em 0em 0em;
}
.features-top h3 {
  font-size: 1.3em;
}
.features-top p {
  font-size: 0.8em;
}
.fea-text h4 {
  font-size: 0.9em;
}
.fea-text p {
  font-size: 0.8em;
  line-height: 1.5em;
}
.gallery-top h3 {
  font-size: 1.4em;
}
.gallery-top p {
  font-size: 0.8em;
  line-height: 1.5em;
}
.gallery-top {
  padding: 0em 0em 1em 0em;
}
.contact-top h3 {
  font-size: 1.4em;
}
.contact-top p {
  font-size: 0.8em;
  line-height: 1.5em;
}
.contact-bottom {
  margin: 1.5em 0em 0em 0em;
}
.contact-left {
  float: none;
  width: 100%;
}
.contact-right {
  float: none;
  width: 100%;
  margin: 0em 0em 0.7em 0em;
  padding: 0px;
}
.contact-bottom input[type="text"] {
  padding: 5px 10px;
  font-size: 12px;
  margin: 0px 0px 10px 0px;
}
.contact-right p {
  font-size: 0.8em;
}
.contact-bottom textarea {
  height: 6em;
}
.contact-bottom input[type="submit"] {
  width: 27%;
}
.copyright p {
  font-size: 0.8em;
}
}