@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

.table-panel .form-control{height: 50px !important;  border-radius: 25px !important; border-color: #ffe2ad  !important; background: #e2bd79 !important;}
.form-panel .form-control{height: 50px !important;  border-radius: 25px !important; border-color: #ffe2ad  !important; background: #e2bd79 !important;}
.cus2-box{ width:80%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #6a41d4 , #e772c4); border-radius:5px 5px 5px 5px;}
.cus2-box .icon-box{ width:80px; height:80px; border-radius:50%; background-image: linear-gradient(to bottom, #e772c4 , #6a41d4); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:22px;}
.cus2-box .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus2-box .icon-box i{ font-size:30px; text-align:center; color:#fff; line-height:70px; margin:0 auto; display:block;}
.cus2-box .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#fff; line-height:30px; margin:12px 0 0px 0;}
.cus2-box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#fff; line-height:24px; margin:0 0 10px 0;}

.cus2-box:hover{background-image: linear-gradient(to bottom, #e772c4, #6a41d4 ); cursor:pointer;}
.cus2-box:hover .icon-box{background-image: linear-gradient(to bottom, #6a41d4, #e772c4); border:solid 5px #fff;}
.cus2-box:hover .icon-box h3{ color:#000;}

.cus2-box2{ width:80%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #e772c4, #6a41d4); border-radius:5px 5px 5px 5px;}
.cus2-box2 .icon-box{ width:80px; height:80px; border-radius:50%; background-image: linear-gradient(to bottom, #6a41d4 , #e772c4); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:22px;}
.cus2-box2 .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus2-box2 .icon-box i{ font-size:30px; text-align:center; color:#fff; line-height:70px; margin:0 auto; display:block;}
.cus2-box2 .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#fff; line-height:30px; margin:12px 0 0px 0;}
.cus2-box2 .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#fff; line-height:24px; margin:0 0 10px 0;}

.cus2-box2:hover{background-image: linear-gradient(to bottom, #6a41d4 , #e772c4 ); cursor:pointer;}
.cus2-box2:hover .icon-box{background-image: linear-gradient(to bottom, #e772c4, #6a41d4); border:solid 5px #fff;}
.cus2-box2:hover .icon-box h3{ color:#000;}



.cus3-box{ width:90%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #ffc89c , #fff); border-radius:5px 5px 5px 5px;}
.cus3-box .icon-box{ width:60px; height:60px; border-radius:10px; background-image: linear-gradient(to bottom, #fff , #e3a26e); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:-3px;}
.cus3-box .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus3-box .icon-box i{ font-size:30px; text-align:center; color:#7d1057; line-height:50px; margin:0 auto; display:block;}
.cus3-box .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#7d1057; line-height:30px; margin:12px 0 0px 0;}
.cus3-box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#1c1c1c; line-height:24px; margin:0 0 10px 0;}

.cus3-box:hover{background-image: linear-gradient(to bottom, #fff, #ffc89c ); cursor:pointer;}
.cus3-box:hover .icon-box{background-image: linear-gradient(to bottom, #e3a26e, #fff); border:solid 5px #fff;}
.cus3-box:hover .icon-box h3{ color:#000;}

.cus3-box2{ width:90%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #fff, #ffc89c); border-radius:5px 5px 5px 5px;}
.cus3-box2 .icon-box{ width:60px; height:60px; border-radius:10px; background-image: linear-gradient(to bottom, #e3a26e , #fff); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:-3px;}
.cus3-box2 .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus3-box2 .icon-box i{ font-size:30px; text-align:center; color:#7d1057; line-height:50px; margin:0 auto; display:block;}
.cus3-box2 .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#7d1057; line-height:30px; margin:12px 0 0px 0;}
.cus3-box2 .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#1c1c1c; line-height:24px; margin:0 0 10px 0;}

.cus3-box2:hover{background-image: linear-gradient(to bottom, #ffc89c , #fff ); cursor:pointer;}
.cus3-box2:hover .icon-box{background-image: linear-gradient(to bottom, #fff, #e3a26e); border:solid 5px #fff;}
.cus3-box2:hover .icon-box h3{ color:#000;}





.cus4-box{ width:90%; height:100px; margin:12px auto; padding:10px 10px; background-image: linear-gradient(to bottom, #fff , #eee); border-radius:5px 5px 5px 5px; box-shadow: 5px 10px 8px #888888;}
.cus4-box .icon-box{ width:60px; height:60px; border-radius:10px; background-image: linear-gradient(to bottom, #6ed6ff , #00aef3); border:solid 5px #fff; /*border:solid 5px #7edaff;*/ position:absolute; left:15px; top:32px;}
.cus4-box .icon-box h3{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:center; color:#fff; line-height:50px; margin:0;}
.cus4-box .icon-box i{ font-size:30px; text-align:center; color:#fff; line-height:50px; margin:0 auto; display:block;}
.cus4-box .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:300; text-align:right; color:#3e3e3e; line-height:30px; margin:12px 0 0px 0;}
.cus4-box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:right; color:#979797; line-height:24px; margin:0 0 10px 0;}

.cus4-box:hover{background-image: linear-gradient(to bottom, #eee, #fff ); cursor:pointer;}





#particles-js{
  width: 100%;
  height: 100%;
  position: fixed;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


.loader {
position: relative;
top: 35%;
width: 80px;
height: 80px;
margin: 0 auto;	

/*width:50px;
height:50px;
display:inline-block;*/
padding:0px;
opacity:0.5;
border:3px solid #fff;
-webkit-animation: loader 1s ease-in-out infinite alternate;
animation: loader 1s ease-in-out infinite alternate;
}

.loader:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 3px solid #fff;
}

.loader:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 3px solid #fff;
}

@keyframes loader {
   from {transform: rotate(0deg) scale(1,1);border-radius:0px;}
   to {transform: rotate(360deg) scale(0, 0);border-radius:50px;}
}
@-webkit-keyframes loader {
   from {-webkit-transform: rotate(0deg) scale(1, 1);border-radius:0px;}
   to {-webkit-transform: rotate(360deg) scale(0,0 );border-radius:50px;}
}



.loader6 {
position: relative;
top: 35%;
width: 60px;
height: 60px;
margin: 0 auto;
/*display:inline-block;
width: 20px;
height:20px;*/
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid #ffffff;
border-top: 3px solid #ffffff;
-webkit-animation: loader6 2.2s ease-in-out infinite alternate;
animation: loader6 2.2s ease-in-out infinite alternate;
}

.loader6:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 0px;
  right: 0px;
  bottom: 5px;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

@keyframes loader6 {
   from {transform: rotate(0deg);}
   to {transform: rotate(1440deg);}
}
@-webkit-keyframes loader6 {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(1440deg);}
}




/* SPINNER ANIMATION */
.spinner {
	position: relative;
	top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.area{
	/*background: #4e54c8;  
	background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); */ 
	position: fixed;
	z-index:-1;
	left:0; 
	right:0;
	top:0; 
	height:100%;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


/*.body-bg{ background-color:#17056f !important;
width:100%; margin:0 auto; background: url(../images/body-bg.png) 0 no-repeat fixed; background-position:bottom center; background-size:cover; 
}*/

.welcome-note{ width:100%; height:100px; margin:0 auto; margin-top:20px; padding:20px 10px; background-image: linear-gradient(to right, #016999 , #3bbffd); border-radius:20px 20px 0 0; position:relative; overflow:hidden;}
.welcome-note h2{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; text-transform:uppercase; color:#fff; line-height:18px; margin:0 0 5px 0; }
.welcome-note h2 span{ float:right; color:#fff; font-size:18px; margin-top:9px;}
.welcome-note h4{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:left; color:#ff9a9a; line-height:16px; margin:0 0 0px 0; }
/*.welcome-note:after{
  background-image: linear-gradient(to right, #fff , #ffffff);
  position: absolute;
  content: "";
  left:0;
  right:0;
  top: 75px;
  height: 60px;
  border-radius:45% 45% 15% 15%;
}*/

/*.bg-1{ background-image: linear-gradient(to right, #85ccfb , #279ef0)}
.bg-2{ background-image: linear-gradient(to right, #a582fe , #7e52fd)}
.bg-3{ background-image: linear-gradient(to right, #fe88e9 , #f847dd)}
.bg-4{ background-image: linear-gradient(to right, #fcc09a , #f58e53)}
.bg-5{ background-image: linear-gradient(to right, #7da6f8 , #4d73fc)}
.bg-6{ background-image: linear-gradient(to right, #84f489 , #35d860)}

.fc-1{ color:#279ef0;}
.fc-2{ color:#7e52fd;}
.fc-3{ color:#f847dd;}
.fc-4{ color:#f58e53;}
.fc-5{ color:#4d73fc;}
.fc-6{ color:#35d860;}*/

.bg-1{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-2{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-3{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-4{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-5{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}
.bg-6{ background-image: linear-gradient(to right, #279fd7 , #3cc1ff)}

.fc-1{ color:#aea8ff;}
.fc-2{ color:#aea8ff;}
.fc-3{ color:#aea8ff;}
.fc-4{ color:#aea8ff;}
.fc-5{ color:#aea8ff;}
.fc-6{ color:#aea8ff;}





.body-content .sec-1{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-1 .box{ width:100%; margin:10px auto; padding:30px 20px; min-height:150px; max-height:150px; border-radius:10px; position:relative; overflow:hidden;}
.body-content .sec-1 .box .caption{ width:100%; padding:30px; position:absolute; top:0; left:0; z-index:2;}
.body-content .sec-1 .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:300; text-align:left; color:#fff; line-height:30px; margin:0 0 20px 0;}
.body-content .sec-1 .box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:left; color:#fff; line-height:24px; margin:0 0 10px 0;}
.body-content .sec-1 .box .shape{width:100%; position:absolute; top:0; left:0; z-index:1;}
.body-content .sec-1 .box .shape img{width:100%; margin:0 auto; display:block;}

.body-content .sec-1 .bg1{ background-image: linear-gradient(to right, #f09b0c , #f06915);}
.body-content .sec-1 .bg2{ background-image: linear-gradient(to right, #eb4d0f , #fc48c5);}
.body-content .sec-1 .bg3{ background-image: linear-gradient(to right, #3e2cda , #fd2013);}
.body-content .sec-1 .bg4{ background-image: linear-gradient(to right, #087d6a , #69bb1a);}
.body-content .sec-1 .bg5{ background-image: linear-gradient(to right, #03a5f2 , #2e3af7);}
.body-content .sec-1 .bg6{ background-image: linear-gradient(to right, #3d3adb , #7e12e2);}

.body-content .sec-2{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-2 .box{ width:100%; margin:10px auto; padding:30px 20px; min-height:190px; max-height:190px; border-radius:10px; position:relative; overflow:hidden;}
.body-content .sec-2 .box .caption{ width:100%; padding:30px; position:absolute; top:0; left:0; z-index:2;}
.body-content .sec-2 .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:300; text-align:left; color:#fff; line-height:30px; margin:0 0 20px 0;}
.body-content .sec-2 .box .caption p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:left; color:#fff; line-height:24px; margin:0 0 10px 0;}
.body-content .sec-2 .box .shape{width:100%; position:absolute; top:0; left:0; z-index:1;}
.body-content .sec-2 .box .shape img{width:100%; margin:0 auto; display:block;}

.body-content .sec-2 .bg1{ background-image: linear-gradient(to right, #ffba99 , #db3a50);}
.body-content .sec-2 .bg2{ background-image: linear-gradient(to right, #8fc9f7 , #087cdf);}
.body-content .sec-2 .bg3{ background-image: linear-gradient(to right, #8eccc8  , #0cbda3);}



.body-content .sec-3{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-3 .box{ width:100%; margin:10px auto; border-radius:3px; overflow:hidden;}
.body-content .sec-3 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px;}
.body-content .sec-3 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#fff; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-3 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#fff; text-align:center; line-height:30px; margin:0;}
.body-content .sec-3 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-3 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-3 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


.body-content .sec-3 .box .bg-1{ background:linear-gradient(to top, #7414b5, #1e1a1e);}
.body-content .sec-3 .box .bg-2{ background:linear-gradient(to top, #64bf4d, #6b8c1c);}
.body-content .sec-3 .box .bg-3{ background:linear-gradient(to top, #880c0c, #ee0b00);}
.body-content .sec-3 .box .bg-4{ background:linear-gradient(to top, #fecc00, #8a6d3b);}

.body-content .sec-3 .box .btm-bg-1{ background:#3a0062;}
.body-content .sec-3 .box .btm-bg-2{ background:#087306;}
.body-content .sec-3 .box .btm-bg-3{ background:#730000;}
.body-content .sec-3 .box .btm-bg-4{ background:#8a6d3b;}




.body-content .sec-4{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-4 .box{ width:100%; height:auto; margin:10px auto; padding:15px 15px; border-radius:5px; position:relative; overflow:hidden;}
.body-content .sec-4 .box .caption{ width:100%; padding:0;}
.body-content .sec-4 .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:300; text-align:left; color:#000; line-height:28px; margin:0 0 0px 0;}
.body-content .sec-4 .box .caption a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; text-align:left; color:#fff; line-height:14px; margin:0 0 10px 0;}
.body-content .sec-4 .box .icon{ width:50px; height:40px; padding:0; border:solid 1px #fff; position:absolute; right:15px; top:10px; }
.body-content .sec-4 .box .icon i{ font-size:30px; color:#fff; line-height:40px; text-align:center; margin:0 auto; display:block;}
.body-content .sec-4 .box .icon:hover{ background:#fff;}
.body-content .sec-4 .box .icon:hover i{ color:#000;}

.body-content .sec-4 .bg1{ background-image: linear-gradient(to right, #2db9f5, #3042a1);}
.body-content .sec-4 .bg2{ background-image: linear-gradient(to bottom, #00b09b, #96c93d);}
.body-content .sec-4 .bg3{ background-image: linear-gradient(to right, #f6d365, #fda085);}
.body-content .sec-4 .bg4{ background-image: linear-gradient(to top, #ff0844, #ffb199);}


.body-content .sec-5{ width:100%; margin:10px auto; }
.body-content .sec-5 .custom-plr-8{ padding:0 9px;}
.body-content .sec-5 .p-box-outer {
  margin:0 auto;
  margin-bottom:50px;
  max-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-content .sec-5 .p-box {
  width: 100%;
  position: relative;
  z-index: 1;
}
.body-content .sec-5 .p-box .p-box-inner{ position:relative; background:#9234a8; min-height:130px; padding:15px;	}
.body-content .sec-5 .p-box .p-box-inner h4{ font-family: 'Roboto', sans-serif; font-size:24px; color:#FFF; line-height:30px; margin:0; margin-bottom:20px;}
.body-content .sec-5 .p-box .p-box-inner h5{ font-family: 'Roboto', sans-serif; font-size:16px; color:#FFF; line-height:20px; margin:0; }
.body-content .sec-5 .p-box .p-box-inner i{ font-size:30px; line-height:30px; color:#E67EFF; float:right; }
.body-content .sec-5 .p-box .p-box-inner .p-bar{ width:100%; height:5px; background:#00000099; border-radius:3px; position:relative; overflow:hidden; margin-bottom:20px;}
.body-content .sec-5 .p-box .p-box-inner .p-bar .wl{ width:50%; height:5px; background:#fff; position:absolute; top:0; left:0; z-index:2;}


.body-content .sec-14{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-14 .box{ width:100%; margin:10px auto; border-radius:3px; overflow:hidden;}
.body-content .sec-14 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px;}
.body-content .sec-14 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:20px; font-weight:bold; color:#00494d; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-14 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#006077; text-align:center; line-height:30px; margin:0;}
.body-content .sec-14 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-14 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-14 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


/*.body-content .sec-14 .box .bg-1{ background:linear-gradient(to top, #d6f8fd, #02b9e3);}*/
.body-content .sec-14 .box .bg-1{ background:linear-gradient(to top, #fef3b1, #feac18);}
.body-content .sec-14 .box .bg-2{ background:linear-gradient(to top, #64bf4d, #6b8c1c);}
.body-content .sec-14 .box .bg-3{ background:linear-gradient(to top, #880c0c, #ee0b00);}
.body-content .sec-14 .box .bg-4{ background:linear-gradient(to top, #fecc00, #8a6d3b);}

/*.body-content .sec-14 .box .btm-bg-1{ background:#00aad2;}*/.body-content .sec-14 .box .btm-bg-1{ background:#ff5f2d;}
.body-content .sec-14 .box .btm-bg-2{ background:#087306;}
.body-content .sec-14 .box .btm-bg-3{ background:#730000;}
.body-content .sec-14 .box .btm-bg-4{ background:#8a6d3b;}


.body-content .sec-15{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-15 .box{ width:100%; margin:10px auto; border-radius:3px; overflow:hidden;}
.body-content .sec-15 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px;}
.body-content .sec-15 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:20px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-15 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#eee; text-align:center; line-height:30px; margin:0;}
.body-content .sec-15 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-15 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-15 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


/*.body-content .sec-15 .box .bg-1{ background:linear-gradient(to top, #d6f8fd, #02b9e3);}*/
.body-content .sec-15 .box .bg-1{ background:linear-gradient(to top, #fde3d2, #7f0141);}
.body-content .sec-15 .box .bg-2{ background:linear-gradient(to top, #64bf4d, #6b8c1c);}
.body-content .sec-15 .box .bg-3{ background:linear-gradient(to top, #880c0c, #ee0b00);}
.body-content .sec-15 .box .bg-4{ background:linear-gradient(to top, #fecc00, #8a6d3b);}

/*.body-content .sec-15 .box .btm-bg-1{ background:#00aad2;}*/.body-content .sec-15 .box .btm-bg-1{ background:#d54141;}
.body-content .sec-15 .box .btm-bg-2{ background:#087306;}
.body-content .sec-15 .box .btm-bg-3{ background:#730000;}
.body-content .sec-15 .box .btm-bg-4{ background:#8a6d3b;}


.body-content .sec-16{ width:100%; margin:10px auto; overflow:hidden;}
.body-content .sec-16 .box{ width:100%; margin:15px auto; border:solid 1px #f4f4f4; border-radius:3px; box-shadow: 5px 10px 8px #888888; overflow:hidden;}
.body-content .sec-16 .box-top{ width:100%; /*height:120px;*/ margin:0 auto; padding:20px 10px; background:#fff;}
.body-content .sec-16 .box-top i{ font-size:40px; margin:5px auto; display:block; text-align:center;}
.body-content .sec-16 .box-top h3{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:bold; color:#515356; text-align:center; text-transform:uppercase; line-height:40px; margin:0;}
.body-content .sec-16 .box-top h4{ font-family: 'Julius Sans One', sans-serif; font-size:16px; font-weight:400; color:#a1a3a6; text-align:center; line-height:30px; margin:0;}
.body-content .sec-16 .box-btm{ width:100%; margin:0 auto; padding:5px 10px; }
.body-content .sec-16 .box-btm h5{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}
.body-content .sec-16 .box-btm h5 a{ font-family: 'Julius Sans One', sans-serif; font-size:15px; font-weight:400; color:#fcfacc; text-align:center; line-height:30px; margin:0;}


.body-content .sec-16 .box .f-cl-1{ color:#f54337 !important;}
.body-content .sec-16 .box .f-cl-2{ color:#ff9803 !important;}
.body-content .sec-16 .box .f-cl-3{ color:#2196f3 !important;}
.body-content .sec-16 .box .f-cl-4{ color:#30cc7b !important;}

.body-content .cl-1{ background:#f54337;}
.body-content .cl-2{ background:#ff9803;}
.body-content .cl-3{ background:#2196f3;}
.body-content .cl-4{ background:#30cc7b;}



.p-box img {
  width: 100%;
  height: auto;
  display: block;
}
.p-box:hover:before {
  bottom: 1.2rem;
  right: 1.2rem;
}
.p-box:hover:after {
  bottom: -1.2rem;
  right: -1.2rem;
}
.p-box:after{
	content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 0.3s ease;}
.p-box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 0.3s ease;
}
.p-box:before {
  /*background: #4c5871;*/
  border: solid 1px #bc88ff;
  bottom: 0.5rem;
  right: 0.5rem;
}
.p-box:after {
  background: #54278e;
  bottom: -0.5rem;
  right: -0.5rem;
}





}
@media (max-width: 990px){

}

@media (max-width: 767px){

}

@media (max-width: 575px){

}