.section{padding:50px 0px;}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
}
.container{}
*{padding:0px; margin:0px}
.porel{position:relative}
.idownarrow_box {
	position: absolute;
	top:0px; left:50%;
	background: #f8f8f8;
}
.idownarrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f8f8f8;
	border-width: 30px;
	margin-left: -30px;
}

.iuparrow_box.dcdcdc {	
	background: #dcdcdc;
}

.idownarrow_box.dcdcdc:after {	
	border-top-color: #dcdcdc;
}
.owl-pagination{bottom:40px}
#nav-icon3{
  width: 80px;
  height: 18px; 
  margin: 0px; z-index:1000;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-top:20px; 
}
#nav-icon3 span.bccolor{ background:#fff}
#nav-icon3 span{
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  background: #1d1d1d;
  border-radius: 0px;
  opacity: 1;
  left: 0;margin-right: 35px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 7px;
}

#nav-icon3 span:nth-child(4) {
  top: 15px;
}

#nav-icon3.open span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 7px;
  width: 0%;
  left: 50%;
}
.nopadding{padding:0px}
.paddingtop20{padding-top:20px}
body{font-size:14px; }
.card{border-radius:0px;}
.heading{font-size:25px; margin-bottom:10px;}
.wc{color:#FFF}
ul{padding:0px; margin:0px}

.topline{ background-color:#fff; padding:10px 0px;}
.topline li{display:inline-block; color:#fff; font-size:13px; padding-left:10px;}
.topline li a{color:#fff;}
#menuslide {
	position:fixed;
	top:40px;
	left:-100%;
	height:100%;
	overflow:auto;
	background-color:#ebebeb;
	transition: all 0.5s ease 0s;
	z-index:999;
	width:100%;
}
#menuslide.up{top:0px}
#menuslide.open {
	left:0px;
}
#nav {
	width: 100%;
	margin-top: 100px
}
#nav li a i {
	position:absolute;
	right:15px;
	padding-top:5px;
	transition: all 0.5s ease 0s;
}
#nav li a i.ro {
}
#nav li a {
	display: block;
	padding: 10px 15px;
	font-size:16px;
	letter-spacing:2px; text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	color: #1d1d1d;
}

#nav li a:hover, #nav li a.active {
	 background-color:#FAC0C0
}
#nav li ul {
	display: none;
}
#nav li ul li a {
	 background-color:#1d1d1d;
	color:#fff;font-size:12px; letter-spacing:0px;
}
.menuheader {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 15px;
	background-color:#ebebeb;
	color:#1d1d1d;
}
.closemenu {
	transition: all 0.5s ease 0s;
	cursor:pointer
}
.closemenu:hover, .closemenu:active {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}
.topslider{ position:relative; padding:80px 0px; z-index:99; margin-top:50px; background-color: #F4E2E2}
.topslider .bgimg{position: absolute; bottom: 0px;left: 50%;
  transform: translate(-50%, 0%); width: 600px;}
.topslider h1{font-size:25px; font-weight:400; letter-spacing:0px; color:#1d1d1d; text-align:center; line-height: 35px;}
.topslider h2{font-size:16px; font-weight:400; color:#1d1d1d; text-align:center; letter-spacing:1px; line-height:30px;}
.header{ height:100vh; overflow:hidden; padding-top:150PX;}
.header h1{padding:40px 10%; font-size:50px; letter-spacing:-2px; text-shadow:1px 1px 10px #000;}
.header h3{ font-size:25px; color:#FFF}

.howitwork{ padding:50px 0px;}
.howitwork img{width:100px; height:100px;}
.howitwork .title{ font-size:35px; text-align:left; border-bottom:solid 1px #dbdbdb; padding:10px 0px;}
.howitwork .title span{margin-right:5px; font-size:50px;}
.howitwork .spec{font-size:50px;}



.service{background-color:#00265D; color:#FFF; position:relative;}
.service .overlay{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; background-color:#1f2533; opacity:0.6}

.service .text{font-size:22px; text-shadow: 1px 1px 1px #000;}
.service .btn{background-color:transparent; padding:10px 50px;}

.service .title{font-size:30px; text-transform:uppercase; margin-bottom:5px;}
.service .subtext{font-size:14px}
.service li{display:block; width:40%; padding:15px 0px; border-bottom:dotted 1px #fff}
.service li span{font-size:20px; margin-left:10px; text-transform:uppercase; font-weight:bold}

.join .btn{padding:10px 50px; cursor:pointer; font-size:30px;}

.events{
	padding:40px 0px; background-color:#dcdcdc;
}
.events .item{margin:0px 10px 20px;}

.events .subtitle{font-size:16px;}

.events p.text{font-size:16px; margin-top:5px;}
.events .col-sm-4{margin-top:15px; margin-bottom:15px;}
.events .box{background-color:#FFF; padding:20px;}
.events .detail{background-color:#FFF; padding:20px; text-align:center}
.events .detail:nth-child(2n){background-color:#fff}
.events .title{font-size:18px;}
.events .text{margin-top:10px; height:30px;}
.uparrow_box {
	position: relative;
	background: #fff;
}
.uparrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.downarrow_box {
	position: relative;
	background: #fff;
}
.downarrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.author{background-color:#f8f8f8 ; padding:40px 0px}
.author figure{margin:0px}

.ft{ 
     position:relative; padding:50px 0px; background-color:#000; font-size:12px; color:#bac0c3;}
.overr{background-color:#001D37;opacity:0.7; position:absolute; top:0px; left:0px; width:100%; height:100%;}
.ftsocial a{margin:10px 15px; color:#003}
.fthead{font-weight:300; font-size:22px;}
.ft ul{margin-top:10px; margin-bottom:15px;display: grid;
  grid-template-columns: repeat(1, 1fr);}

.ft .lastoption{border:solid 1px #bda4a4; border-left:none; border-right:none; margin:25px 0px;}
.ft .lastoption li{display:inline-block; padding:0px 10px;}
.ft .lastoption li a{ border:none; font-weight:500; padding:5px 0px; display:inline-block}
.ft li{display:block;}
.ft li a{font-size:14px; color:#bac0c3; padding:5px 0px; font-weight:400; display:block;}
.ft li a:hover{color:#666; text-decoration:none}
.ft .logoimg{margin-bottom:20px; width:60%;}
.ft .des{font-size:16px; color:#bac0c3; line-height:25px; border-top:solid 1px; padding-top:20px;}
.ft .note{font-size:14px; border-top:solid 1px; padding-top:15px; padding-bottom:15px;} 
.ft .wt{color:#fff}
  .ft ul.inlineli{display:inline-block;}
  .inlineli li{display:inline-block;}
  .inlineli li a{display:inline-block; padding:0px 10px;}
.filter2{background-color:#E9EAEC;color:#1d1d1d;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.filter2 .navbar{padding:5px 15px;}
.filter2 .navbar-brand{font-size:14px; text-transform:uppercase}
.filter2 li a{color:#333; font-size:16px;}
.filter2 ul > li{display:inline-block;padding:8px 10px; }

.filter2 ul > li > a{display:inline-block; color:#1d1d1d;font-size:14px; text-transform:uppercase;    -webkit-transition: all 0.1s ease-out 0s; letter-spacing:1px;
       -moz-transition: all 0.1s ease-out 0s;
        -ms-transition: all 0.1s ease-out 0s;
         -o-transition: all 0.1s ease-out 0s;
            transition: all 0.1	s ease-out 0s;
}
.filter2 ul li a:hover{ text-decoration:none}
.filter2 ul li a .fa{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;	-o-transition: all .3s ease; transition: all .3s ease; }
.filter2 ul li a:hover .fa{transform: rotate(180deg);}
.filter2 ul > li > ul{display:none; position:absolute; background-color:#fff; z-index:101; margin-top:8px; width:200px;  margin-left:-10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.filter2 ul > li:hover > ul{display:block;}
.filter2 ul > li:hover{background-color:#fff;}
.filter2 ul > li:hover  .fa{transform: rotate(180deg);}
.filter2 ul > li > ul li{display:block; padding:0px;}
.filter2 ul > li > ul li a{display: block; color:#1d1d1d; padding:5px 10px; border-bottom:solid 1px #eee;font-size:12px; text-align:left; font-weight:bold;}
.filter2 ul > li > ul li a:hover{background-color:#f4f4f4; padding-left:20px;}
.filter2 .navbar-toggler{padding:0.25rem; border:solid 3px #1d1d1d; outline:none; border-radius:0px;}
.2col{
	
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

.ts{}
.topslider{ position:relative; padding:80px 0px; z-index:99; margin-top:50px; background-color: #F4E2E2}
.topslider .bgimg{position: absolute; bottom: 0px;left: 50%;
  transform: translate(-50%, 0%); width: 600px;}
.topslider h1{font-size:25px; font-weight:400; letter-spacing:0px; color:#1d1d1d; text-align:center; line-height: 35px;}
.topslider h2{font-size:16px; font-weight:400; color:#1d1d1d; text-align:center; letter-spacing:1px; line-height:30px;}
.topslider .btn1{background-color:#FDD106; font-size:25px; cursor:pointer;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
.topslider .btn{font-size:16px; cursor:pointer;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); font-weight:700; text-transform:uppercase }
.overlay{position:absolute; top:0px; left:0px; height:100%; width:100%; background-color: #FFDEE9;
background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);
 opacity:0.1; z-index:100;}
.topb{position:relative; z-index:101}

 .topslider .grid-item{width:14.27%; max-width:14.27%; cursor:pointer; padding:3px;}
  .topslider .grid-item .item{padding:20px 10px; text-align:center; background-color:#FFF; border-radius:5px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1); border:dashed 1px #999;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;	-o-transition: all .3s ease; transition: all .3s ease; width:100%}
.topslider .grid-item:hover{transform: scale(1.2);}
.topslider .grid-item img{width:50px;}
.topslider .title{font-size:12px; margin:0px; font-weight:600; color:#9d67cf;}
.grid-item.seeall{background-color:#0069D9; color:#fff; border:none; cursor:pointer;}
.seeall .title{font-size:16px; color:#fff;}
a:hover{text-decoration:none}

.innerpage{background-image:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);color:#1d1d1d;}

.whyus{background-image: #fff;padding:00px 0px;}
.whyus .item{ padding:50px 20px; margin:15px 0px; text-align:center;}
.whyus .col-6{ border-right:dotted 1px #ccc}
.whyus .col-6:last-child{border:none}
.whyus img{height:70px; width:70px;}
.whyus .title{font-size:18px; margin:10px 0px 5px; letter-spacing:1px;}

.testi{padding:50px 0px;background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);color:#1d1d1d;}
.testi .head{letter-spacing:0px;}
.testi .item{background-color:#fff; padding:20px; margin:0px 15px; border-radius:10px; border:solid 1px #e1d0d0;}
.testi .des{font-size:18px; line-height:25px; color:#1d1d1d; margin-bottom:20px; height:190px;}
.testi .title{font-size:16px; font-weight:700; color:#000; text-align:right}
.testi .subtitle{font-size:14px; font-size:400; color:#666; text-align:right}


.testi2{padding:110px 0;background-image:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);color:#1d1d1d}.testi2 .head{letter-spacing:0}.testi2 .grid-item{width:33%}.testi2 .item{background-color:#fff;padding:20px;margin:15px;border-radius:10px;border:1px solid #e1d0d0}.testi2 .des{font-size:18px;line-height:25px;color:#1d1d1d;margin-bottom:20px;text-align:left}.testi2 .title{font-size:16px;font-weight:700;color:#000;text-align:right}.testi2 .subtitle{font-size:14px;font-size:400;color:#666;text-align:right}a.knowmore{font-size:16px;color:#1d1d1d;display:block;padding:10px 20px;border:1px solid;text-transform:uppercase;font-weight:500;border-radius:3px;letter-spacing:1px}

.wbbtn{ font-size:14px; display:inline-block; padding:8px 15px; border:solid 1px; text-transform:uppercase; font-weight:700; border-radius:3px; letter-spacing:1px; margin-bottom:5px; outline:none; cursor:pointer}
.wbbtn:disabled,
.wbbtn[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666; cursor: not-allowed
}
.white{color:#1d1d1d;}
.black{color:#fff; background-color:#000; border-color:black}
.white:hover{background-color:#000; color:#fff;}
.black:hover{background-color:#fff; color:#1d1d1d;}
.rm10{margin-right:10px;}
.bighead{font-size:40px;}
@media (min-width: 260px) and (max-width: 310.99px) {
	.listing .item{width: 100%;  }
		.head{ font-size:18px;  line-height:25px;}
.subhead{font-size:12px; }
	}
	@media (min-width: 311px) and (max-width: 512.99px) {
		.listing .item{width: 100%;  }
	}
	@media(min-width: 513px) and (max-width: 767.99px) {  
		.listing .item{width: 50%;  }
	}.topslider h1{font-size:18px; letter-spacing:0px; text-align:center; margin-bottom: 10px;}
.topslider h2{font-size:12px; text-align:center; line-height: 16px; padding-bottom: 40px}
 .topslider .grid-item{width:33%; max-width:33%; cursor:pointer;}
.ft{padding-bottom:100px;}
	.topslider .bgimg{position: absolute; bottom: 0px;left: 50%;
  transform: translate(-50%, 0%); width: 100%;}@media (max-width: 767.99px) {  
.container{width:100%; margin:0px auto; max-width:100%}
	.topslider{padding: 40px 20px 80px;}
.topslider h1{font-size:18px; letter-spacing:0px; text-align:center; margin-bottom: 10px;}
.topslider h2{font-size:12px; text-align:center; line-height: 16px; padding-bottom: 40px}
 .topslider .grid-item{width:33%; max-width:33%; cursor:pointer;}

.testi2 .grid-item{width:100%}
.testi2 .item{padding:15px;margin:5px;border-radius:5px}
.wbbtn{ font-size:12px; padding:10px 15px; font-weight:600}
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.99px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.99px) {.filter2 ul > li:active > ul{display:block;} }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.99px) { }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }