@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Molengo|Poppins|Open+Sans');
body{margin:0; font-size: 14px; font-family: "Poppins", sans-serif, sans-serif;}
#main{width:100%; height:auto; float:left}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:95%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:auto}

a{text-decoration:none; color:#333}

#welcome{width: 100%; height: auto; float: left; overflow: hidden;}
#welcome .left{width: 70%; height: auto; float: left; background: url('images/bg.png') #feb505 right top no-repeat; background-size: auto 100%; padding: 55px 200px 55px 100px;}
#welcome .left h1{width: 100%; height: auto; float: left; border-left: #f3432c 4px solid; padding-left: 10px; margin-bottom: 20px;}
#welcome .left p{width: 100%; height: auto; float: left; text-align: justify;}
#welcome .right{width: 30%; height: auto; float: left; padding-top: 10px;}
#welcome .right h3{width: 100%; height: auto; float: left; text-align: center;}
#welcome .right b{width: 20%; height: auto; float: left; margin: 1% 40%; padding: 2px 0; background: #019fb6;}
#welcome .right img{width: 80%; height: auto; float: left; margin: 60px 10% 2% 10%;}

.offerdiv{width: 100%; height: auto; float: left; margin: 10px 0 30px 0;}
.offerdiv h1{width: 100%; height: auto; float: left; margin: 20px 0 0 0; text-align: center; color: #da3a1e;}
.offerdiv b{width: 10%; height: auto; float: left; margin: 0 45% 20px 45%; padding: 1px 0; background: #333;}

.col-md-41{width: 31.2%; height: auto; float: left; margin: 1%; background: #fff;}
.col-md-41 h6{text-align: center; padding: 15px 0 0 0; margin: 0; color: #f3432c;}

.sale-banner img {
	width: 100%;
}
.hover_effect1 {
	overflow: hidden;
	position: relative;
	display: block;
}
.hover_effect1::before, .hover_effect1::after {
	background-color: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: all 0.9s ease 0s;
	width: 100%;
	z-index: 1;
}
.hover_effect1::before {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(105%, 0%);
	-webkit-transform: translate(105%, 0%);
	transform: translate(105%, 0%);
}
.hover_effect1::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(-105%, 0%);
	-webkit-transform: translate(-105%, 0%);
	transform: translate(-105%, 0%);
}
.hover_effect1:hover:before, .hover_effect1:hover:after {
	opacity: 0;
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}


.popularbac {
  background: #16343f;
  padding: 50px 0 0 0;
}

.popularbac h2 {
  width: 100%;
  height: auto;
  float: left;
  color: #fff;
  margin: 0;
  font-weight: 500;
}

.popularbac b {
  width: 5%;
  height: auto;
  float: left;
  margin: 5px 0 15px 0;
  padding: 2px 0;
  background: #d9aa3f;
}

.popularbac .b {
  width: 15%;
  height: auto;
  float: left;
  margin: 6px 80% 15px 0;
  padding: 1px 0;
  background: #eeeeee;
}

.popularbac .card-title {
  font-weight: 500;
  margin: 10px 0 0 0;
  font-size: large;
}

.popularbac .card-text {
  margin: 5px 0;
}

.popularbac .btn {
  float: left;
  background: #36788e;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px 3px 3px 3px!important;
  margin: 12px 0 0 0!important;
}

.popularbac .carousel-item1 {
  margin-bottom: 60px;
}

.popularbac .carousel-item1 .card-img-top {
  width: 100%;
}

.popularbac .controls-top {
  float: right;
  margin: 0 0 20px 0;
}

.popularbac .btn-floating {
  border: 1px solid #fff;
  padding: 5px 10px;
}

.popularbac .btn-floating1 {
  margin-bottom: -10px!important;
}

.servicesbg{background:url('images/bg1.jpg') #efeeee left center no-repeat; background-size: 50% auto;}
#services{width: 60%; height: auto; float: right; margin: 30px 0 30px 40%;}
#services p{width: 50%; height: auto; float: left; background: url('images/icon.png') left center no-repeat; background-size: 15px 15px; padding: 3px 0 3px 30px;}
#services1{width: 80%; height: auto; float: right; margin: 30px 10%; background:#f1f0f0; border-radius:5px; padding:10px;}
#services1 p{width: 50%; height: auto; float: left; background: url('images/icon.png') left center no-repeat; background-size: 15px 15px; padding: 3px 0 3px 30px;}

#byte{width: 100%; height: auto; float: left; margin: 20px 0;}
#byte iframe{width: 48%; height: 350px; float: left; margin: 1%;}

.logosbg{background: #dddcd4;}
#logos{width: 100%; height: auto; float: left; padding: 40px 0;}
#logos h4{width: 100%; height: auto; float: left;}
#logos b{width: 10%; height: auto; float: left; margin:0 90% 15px 0; padding:1px 0; background:#e59c3a;}
#logos img{width: 13.2%; height: auto; float: left; margin: 0.5%;}
#logos p{width: 100%; height: auto; float: left; margin-top:15px; color:#e53f1f;}

.footerbg{background: #00284a;}
#footer{width: 100%; height: auto; float: left; color: #fff; margin: 20px 0 30px 0;}
#footer h3{text-transform: uppercase;}
#footer .con{width: 33%; height: auto; float: left; margin: 1% 3% 1% 0;}
#footer .con h6{width: 100%; height: auto; float: left; margin: 15px 0 10px 0;}
#footer .con p{width: 100%; height: auto; float: left; margin: 0;}
#footer .con img{width: 30%; height: auto; float: left; margin: 2% 70% 0 0}
#footer .con .img{width: 8%; height: auto; float: left; margin: 1%; padding: 7px; background: #019fb6; border-radius: 50%;}
#footer .con .img1{background: #fe0000;}
#footer .con .img img{width: 100%; height: auto; float: left;}
#footer .con1{width: 32%; height: auto; float: left; margin: 1%;}
#footer .con1 a{width: 100%; height: auto; float: left; margin: 1.5% 0; color: #fff; transition: 0.2s;}
#footer .con1 a:hover{color: #037adf; text-decoration: none;}
#footer .con2{width: 28%; height: auto; float: left; margin: 1%;}
#footer .con2 iframe{width: 100%!important; height: 300px; float: left;}

.gdlowfooterbg{background: #000;}
#gdlowfooter{width:100%; height:auto; float: left; padding: 1% 0}
#gdlowfooter p{width: 50%; height: auto; float: left; margin: 0; padding: 0; color: #fff; font-size: small}
#gdlowfooter .p{ text-align: right;}
#gdlowfooter p a{color: #62aae7;}

.shadow_one{padding:50px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url('images/bg2.jpg') bottom center no-repeat; background-size: 100% auto; margin-top:-2px;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}
.page_header_breadcum a:hover{color:#fdb92e; text-decoration: none;}

#static{width:100%; height:auto; float:left; margin:30px 0}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:175%; text-align:justify; color:#333333;}
#static span{margin:1% 0; line-height:160%; text-align:justify; color:#333333;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#static ul li{margin:1.5% 0}
#static .con{width:31%; height:auto; float:left; margin:1%; background: #dc472f; border-radius: 0 0 5px 5px; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.10);}
#static .con img{width:100%; height:auto; float:left; margin:0;}
#static .con h6{width:100%; height:auto; float:left; margin:10px 0; text-align: center; color: #fff;}
#static .left{width:22%; height:auto; float:left; margin:0}
#static .left .accordion {
  background-color: #3a3a3c;
  color: #fff;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  margin: 0.5% 0;
  border: none;
  text-align: left;
  display: inline-block;
  outline: none;
  font-size: 15px;
  font-weight: 500;
  transition: 0.4s;
}
#static .left .active, .accordion:hover {
  background-color: #3a3a3c;
}
#static .left .accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  text-align: right;
  margin-left: 5px;
}
#static .left .active:after {
  content: "\2212";
}
#static .left .panel {
  padding: 0 8px;
  background-color: #eee;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#static .left .panel a{
  width: 100%;
  float: left;
  padding: 7px 0;
  color: #0158a3;
  border-bottom: 1px solid #dcdcdc;
  text-decoration: none;
}
#static .left .panel a:last-child{border: none;}
#static .left .panel a:hover{color: #000;}

#static .middle{width:49%; height:auto; float:left; margin:0 2%}
#static .middle .con1{width:100%; height:auto; float:left; margin:0 0 15px 0; background: #eeeeee; padding: 10px;}
#static .middle .con1 .img1{width:30%; height:auto; float:left; margin: 0;}
#static .middle .con1 .left{width:67%; height:auto; float:left; margin:0 0 0 3%;}
#static .middle .con1 .left p{width:100%; height:auto; float:left; margin:3px 0; font-weight: bold; font-size: medium; text-align: left; line-height: 25px;}
#static .middle .con1 .left p strong{color: #0164b8; font-weight: normal;}
#static .middle .con1 .low{width:95%; height:auto; float:left; margin:0 2.5%;}

#static .right{width:25%; height:auto; float:left; margin:0;}
#static .right h3{width: 100%; height: auto; float: left; text-align: center;}
#static .right b{width: 20%; height: auto; float: left; margin: 1% 40% 20px 40%; padding: 2px 0; background: #019fb6;}
#static .right .con2{width:100%; height:auto; float:left; margin:0 0 10px 0; padding: 10px; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);}
#static .right .con2 img{width:30%; height:auto; float:left; margin:0 10px 5px 0}
#static .right .con2 p{margin:0; line-height: 22px;}

#static .regis{width:30%; height:auto; float:left; margin:1% 35%; background:#016ec3; color:#fff; border-radius:5px; padding:10px; text-align:center; font-size:xx-large; text-decoration:none; transition:0.3s;}
#static .regis:hover{background:#01508d;}

#static .cont{width:40%; height:auto; float:left; margin:1% 30%; background:#efefef; text-align:center; padding:20px 0;}
#static .cont p{width:100%; height:auto; float:left; text-align:center; font-size:large;}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:auto}

.navbar .navbar-nav .nav-item .nav-link{float:left;font-size:16px;color:#fff;padding:10px 8px!important;font-weight:600;cursor:pointer}

.header-denmark{width:100%!important; height:100%!important; float:left; margin-bottom:-160%}
.header-denmark .swiper-container{width:100%;height:30%!important;position:absolute;left:0;top:0;}

#welcome .left{width: 100%; height: auto; float: left; background-image: none; background: #feb505; background-size: auto 100%; padding: 50px 20px 20px 20px;}
#welcome .left h1{width: 100%; height: auto; float: left; border-left: #f3432c 4px solid; padding-left: 10px; margin-bottom: 20px; font-size: xx-large;}
#welcome .left p{width: 100%; height: auto; float: left; text-align: justify;}
#welcome .right{width: 100%; height: auto; float: left; padding: 10px 0;}

.offerdiv{width: 100%; height: auto; float: left; margin: 0 0 30px 0; background: #eaeaea;}
.offerdiv h1{font-size: xx-large;}
.offerdiv b{width: 20%; height: auto; float: left; margin: 5px 40% 20px 40%; padding: 1px 0; background: #333;}

.servicesbg{background:none; background-size: 0;}
.servicesbg1{background:#e2dbbf}
#services{width: 100%; height: auto; float: right; margin: 10px 0 30px 0;}
#services img{width: 40%; height: auto; float: right; margin: 0 30% 10px 30%; visibility: visible;}
#services p{width: 95%; height: auto; float: left; background: url('images/icon.png') left center no-repeat; background-size: 15px 15px; padding: 3px 0 3px 30px; margin: 1% 2.5%;}
#services1{width: 100%; height: auto; float: right; margin: 30px 0; background:#f1f0f0; border-radius:5px; padding:10px;}
#services1 p{width: 95%; height: auto; float: left; background: url('images/icon.png') left center no-repeat; background-size: 15px 15px; padding: 3px 0 3px 30px; margin:2.5%;}

#byte iframe{width: 98%; height: 300px; float: left; margin: 1%;}

#logos img{width: 31%; height: auto; float: left; margin: 1%;}

#footer h3{width: 98%; height: auto; float: left; text-align: center; text-transform: uppercase;}
#footer .con{width: 98%; height: auto; float: left; margin: 1%}
#footer .con h2{width: 98%; height: auto; float: left; text-align: center;}
#footer .con h6{width: 98%; height: auto; float: left; text-align: center;}
#footer .con img{width: 30%; height: auto; float: left; margin: 2% 35%}
#footer .con .imgl{width: 30%; height: auto; float: left; margin: 2% 35%}
#footer .con .img{width: 8%; height: auto; float: left; margin: 1% 1% 1% 40%; padding: 7px; background: #019fb6; border-radius: 50%;}
#footer .con .img1{background: #fe0000; margin: 1% 40% 1% 1%;}
#footer .con1{width: 98%; height: auto; float: left; margin: 1%;}
#footer .con1 a{width: 100%; height: auto; float: left; margin: 1.5% 0; color: #fff; text-align: center; transition: 0.2s;}
#footer .con2{width: 98%; height: auto; float: left; margin: 1%;}

#gdlowfooter{width:95%; height:auto; float: left; padding: 1% 0; margin:0 2.5%;}
#gdlowfooter p{width: 100%; height: auto; float: left; margin:1% 0; padding: 0; color: #fff; font-size: small; text-align: center;}
#gdlowfooter .p{text-align: center;}

.col-md-41{width: 98%; height: auto; float: left; margin: 1%;}

.popularbac {
  background: #16343f;
  padding: 50px 0 0 0;
}

.shadow_one{padding:100px 0 30px 0;}
#page_header{background:url(images/bg2.jpg); background-attachment: scroll;background-position: center;background-repeat: no-repeat; background-size: auto 100%;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px!important}

#static{width:95%; height:auto; float:left; margin:4% 2.5%}
#static .con{width:98%; height:auto; float:left; margin:1%; background: #dc472f; border-radius: 0 0 5px 5px; box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.10);}
#static .left{width:100%; height:auto; float:left; margin:0}
#static .middle{width:100%; height:auto; float:left; margin:0}
#static .right{width:100%; height:auto; float:left; margin:0;}
#static .regis{width:90%; height:auto; float:left; margin:2% 5%; background:#016ec3; color:#fff; border-radius:5px; padding:10px; text-align:center; font-size:xx-large; text-decoration:none; transition:0.3s;}
#static .cont{width:98%; height:auto; float:left; margin:1%; background:#efefef; text-align:center; padding:20px 0;}



}