body{margin:0px;padding:0px;font-family: 'Rubik', sans-serif;font-size:15px; line-height:25px;-webkit-text-size-adjust:100%; height:100%; color:#5a5a5a; text-align:justify;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 
h1, h2, h3, h4, h5, h6{ font-family: "Unbounded", sans-serif; color: #011231;}


div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

a{ color:#1962ec; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a:hover{ text-decoration:underline;}
img { vertical-align: middle;}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}

p{ font-size:15px; text-align:left; line-height:25px; margin-bottom:12px;}
.maindiv{ max-width:1600px; margin:0 auto; overflow:hidden; position:relative;}

.container{ max-width:1200px; margin:0 auto; width:100%;}

.header-wraper { position:absolute; width: 100%; z-index: 100; max-width: 100%; margin: 0 auto 0}

.header-block { position:relative;}
.header-block:before{background: #0275c5; content: ""; display: block; height: 100%; position: absolute; right: -15%;  top: 0; transform: skew(-15deg); width: 45%; border-left:15px solid #e6222b;}

.top-wraper{ background:#000f49;}
.top-block{ display: flex; column-gap: 15px;}
.top-1:last-child .top-1-inner{ margin:0;}
.top-1{}
.top-1-inner { margin: 8px 0; display: flex; align-items: center; column-gap: 15px; color: #fff; padding: 0 30px 0 0;font-size: 13px;}
.top-1-inner i{ color: #0091ff}
.topcustomsocial{}
.customsocialtop{ position: relative; display: flex; gap: 12px; align-items: center;}
.customsocialtop span.followtxt{ font-weight: 500; font-size: 13px; color: #eeebff; flex: 0 0 auto;}
.customsocialtop ul{}
.customsocialtop ul li{ display: inline-block;}
.customsocialtop ul li a{ position: relative; width: 35px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 13px; background-color: transparent; transition: all 300ms ease;}
.customsocialtop ul li a i{ color:#fff}
.customsocialtop ul li a:hover{}


.middle-back{ }

.middle-wraper {padding: 0 0;transition: all 0.5s ease 0s;position: relative; background:rgba(12, 20, 54, .3)}
.middle-wraper:before { }

.middle-block{ position: relative; display: flex;align-items: center;}
.middle-wraper .logo{ margin:20px auto; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; max-width: 250px; text-align: center;}
.middle-wraper .logo a{ display:inline-block;}
.middle-wraper .logo img{ max-width:85%; transition:all 0.5s ease 0s; margin: 0 auto}
.middle-wraper .logo img.logo-white{ display:block;}
.middle-wraper .logo img.logo-dark{ display:none;}
.mainlogobox {position: relative;}


.bottom-wraper {  }
.bottom-block{ background:#0e6e69;}

.nav-wraper { float: right; width: 80%;}


.sf-menu { float: right}
.sf-menu > li > span { display: block; position: relative;}
.sf-menu ul { position:absolute; top:-999px; display:none; }/*offset of submenus need to match (see below)*/
.sf-menu li { position:relative; background: none;}
.sf-menu a { display: block; text-decoration: none;}
.sf-menu a:hover {text-decoration: none;}
.sf-menu > li{ position:relative;}
/*.sf-menu > li:before{ position:absolute; left:-10px; top:30px; width:6px; height:6px; border-radius:100%; content:""; background:#fff;}*/
.sf-menu > li:first-child:before{ display:none;}
/*================================>> 1 Level <<========================================*/
li.sfHover {position: relative;}
.sf-menu > li > a {vertical-align: middle; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; z-index: 100; 	}
.sf-menu > li > a { color: #fff; display:inline-block; font-size: 13px; font-weight:700; line-height: 22px; padding: 10px 20px; transform: translate3d(0px, 0px, 0px); text-transform:uppercase; margin: 10px 0; }	

.sf-menu > li:last-child{ }
.sf-menu > li.lgx-btn{ background: #2562ff; margin: 7px 0 0 0; padding:10px 20px}
.sf-menu > li.lgx-btn a{ color:#fff; padding: 0; margin: 0; }
.sf-menu > li > a.lgx-btn:hover{ color:#a545b9!important;}
.sf-menu > li > a{ position:relative;}

.sf-menu > li { display: inline-block; float:left; position: relative;}
.sf-menu > li + li { margin-left:0;}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span { color:#2562ff;}
.sf-menu > li.current > a{ color:#2562ff;}	
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:70px; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  left: 0; margin-left: 0; width: 220px; z-index:99; background: #fff; text-align:left; border-top:5px solid #053ca4;}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li {}
.sf-menu > li > ul > li > a { display: block; padding: 10px 15px; color: #2d2d2f; font-weight:500; line-height: 24px; font-size:14px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #fff; background:#053ca4;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute; display: block; content:"\f107"; right: -3px; text-align: center; margin-left: -10px;	top: 13px;-moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;overflow: hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #939393;}
.sf-menu > li > ul > li > a.sf-with-ul:hover:after  { color: #b8baaa;}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul { top: -7px; left: 160px; z-index:99; position: absolute;	text-align: left; padding-top: 9px;	padding-bottom: 6px; padding-left:10px;background: #50dbde; width: 120px;	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;	-o-border-radius: 10px;	border-radius: 10px;}
.sf-menu li li ul:before { position: absolute; left: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent #50dbde transparent transparent;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a { display: block; color: #aefdff; line-height: 28px; line-height: 39px;}
.sf-menu li li li + li a { border-top: 1px solid #67e0e2;}
.sf-menu li li li a:hover {	color: #fff;}

.sticky { border-top: 0 none; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1100; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 6px rgba(0,0,0,.2); box-shadow:2px 2px 6px rgba(0,0,0,.2); background:#00123e; border-bottom: none;}
.sticky{}
.middle-wraper.sticky .logo img.logo-white{ }
.middle-wraper.sticky .logo img.logo-dark{ }
.middle-wraper.sticky .sf-menu > li > a { }
.middle-wraper.sticky .sf-menu > li > a:hover{ }
.middle-wraper.sticky{ opacity:1;}
.middle-wraper.sticky .logo { margin: 15px 0; max-width: 200px;}
.middle-wraper.sticky .logo img.logo-white { }
.middle-wraper.sticky .nav-wraper{ margin-top:5px;}
.middle-wraper.sticky .middle-block::before{ display:none;}

.middle-wraper.sticky .mainlogobox { max-width: 187px; height: 65px;}

.banner-wraper{ padding:100px 0; background:linear-gradient(88deg, #970004 45%, #0b0a0b 100%) repeat; position:relative;}
.banner-wraper:before{ position:absolute; left:0; width:100%; top:0; height:100%; content:""; background:url(../images/dots.png) repeat; opacity:.08;}
.banner-block{ text-align:left;}

.banner-img-desc h1 { color: #fff; font-size: 58px; font-weight: 700; letter-spacing: 1px; line-height: 72px; margin: 0 0 5px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); text-transform: capitalize;}
.banner-img-desc h2{ color: #fff;font-size: 16px; font-weight: 600; letter-spacing: 1px; line-height: 30px; margin: 0;text-transform: uppercase;}
.banner-img-desc h3{ font-size:25px; font-weight:600; line-height:35px; color:#fff; margin-bottom:12px;}

.banner-img-desc h4 { color: #fff; font-size: 28px; font-weight: 600; letter-spacing: 1px; line-height: 38px; text-transform:capitalize; padding: 15px  0;}

.banner-img-desc h5 { color: #fff; font-size: 20px; font-weight: 600; letter-spacing: 1px; line-height: 30px;	margin: 0 0 12px; text-transform:capitalize; padding: 0 0 15px;}


.banner-1-img.default-btn{ background:none;}
.banner-1-img.default-btn:hover{ background:none;}
.banner-1-img.default-btn:before{}
.banner-1-img.default-btn:after{}
.banner-1-img.default-btn span:before{}
.banner-1-img.default-btn span:after{}

.slider-wrapper{ position:relative; }
.slider-wrapper:before{ /*position:absolute; left:10%; top:0; width:420px; height:100%; background:#c0dfd8; transform:skew(10deg); content:""; z-index:11;*/}
.slider-home{ position:relative}
.slider-home:before{ background:#01081c; position:absolute; left:0; width:100%; top:0; height:100%; content:""; z-index:10; opacity: .8;}
.slider-wrapper.default > div #left{ display:none;}
.slider-wrapper.default > div #right{ display:none;}
.slider-wrapper.default>div #slides img {width: 100%; animation: animate 15s ease;}
.slider-wrapper.default>div #bullets{ display:none;}
@-webkit-keyframes animate {
0% {
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
-o-transform-origin: bottom right;
transform-origin: bottom right;
transform: scale(1.0);
}
100% {
transform: scale(1.2);
}
}

.slidercontent-wrap{ position: absolute; width: 100%; top: 35%; z-index: 80;}
.slidercontent-block{ text-align: left;}
.slidercontent-block h1 { color: #fff; 	font-size: 50px;	font-weight: 700; text-transform: uppercase; line-height: 65px;margin-bottom: 15px;}
.slidercontent-block h2{ color: #fff; font-size: 19px; font-weight: 600; letter-spacing: 1px; line-height: 30px; margin: 0 0 10px 0;	text-transform: uppercase;}
.slidercontent-block h4{ color: #fff; font-size: 22px; font-weight: 700; text-transform: capitalize; line-height: 30px; margin-bottom: 10px;}
.slidercontent-block h5{ color: #fff; font-size: 22px; font-weight: 700; text-transform: capitalize; line-height: 30px; margin-bottom: 30px;}
.slidercontent-block .homebtn{}
.slidercontent-block h3 { color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height: 28px; margin-bottom: 25px;	text-align: left;letter-spacing: 5px;}

.homebanner-wraper{ position:relative;}

.date-place { display: flex; align-items: center;text-align: center;max-width: 100%;	margin: 30px auto;}
.date-place ul{ text-align: left; width: 100%;}
.date-place ul li { display: inline-block; font-size: 20px; margin: 0 20px 0 0; color: #fff; vertical-align: top; text-align: center; font-weight: 600;	font-family: "Unbounded", sans-serif;}
.date-place ul li i { color: #fff; font-size: 20px; vertical-align: middle; margin: 0 10px 0 0; line-height: 40px; border-radius: 100%;}

.lefttitme-block {  max-width: 100%; position: absolute; right: 5%; top: 30%;  z-index: 10; width: 100px}
.countdown{  }

.count-b { position: relative; width: 100%; height: 100px; display: flex; align-items: center; justify-content: center; gap: 10px; flex-direction: column; border-radius: 10px; text-align: center; margin-bottom: 10px;}

.dig { font-size: 50px; font-weight: 700; line-height: 50px;-webkit-text-stroke: 1px rgba(255, 255, 255, 1); color: transparent;}
.count-b .count-t { font-size: 16px; color: #fff; margin-top: 0; font-weight: 700; line-height: 22px;}
.count-cl{ background-color: #05151288;  }
@-webkit-keyframes moveleftbounce { 
  0% { -webkit-transform: translateX(0px);  transform: translateX(0px);}
  50% { -webkit-transform: translateX(20px); transform: translateX(20px);}
  100% { -webkit-transform: translateX(0px); transform: translateX(0px);}
}

@keyframes moveleftbounce {
  0% {-webkit-transform: translateX(0px); transform: translateX(0px);}
  50% { -webkit-transform: translateX(20px); transform: translateX(20px);}
  100% { -webkit-transform: translateX(0px); transform: translateX(0px);}
}

.shape5 { top: 20%; left: -6%; position: absolute; z-index: 1;}
.shape5 img{ max-width:100%; animation: movebounce 5s linear infinite;}

.shape6 { top: 20%; right: -6%; position: absolute; z-index: 1;}
.shape6 img{ max-width:100%; animation: movebounce 5s linear infinite;}

@-webkit-keyframes movebounce {
  0% {-webkit-transform: translateY(0px); transform: translateY(0px);}
  50% {-webkit-transform: translateY(20px); transform: translateY(20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}

@keyframes movebounce {
  0% {-webkit-transform: translateY(0px); transform: translateY(0px);}
  50% {-webkit-transform: translateY(20px); transform: translateY(20px);}
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);}
}

.lgx-btn { background: #2562ff; color: #fff; display: inline-block; padding: 10px 25px; margin-left: 5px; border-radius: 50px; position: relative; z-index: 1; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 20px; margin: 0 5px;}
.lgx-btn:hover{ color:#053ca4; text-decoration: none}
.lgx-btn:before{ position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background:#fff; transform: scale(0); z-index: -1;    border-radius: 5px; transition: 0.5s; border-radius: 50px;}
.lgx-btn:hover:before{ transform: scale(1);}
.lgx-btn i { margin-right: 12px;}

.custombtn { background: #eb7325; font-size: 14px; line-height: 26px; padding: 10px 40px; color: #fff!important; display: inline-block; position: relative;	border-radius: 10px; z-index: 2; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
.custombtn:before{ content: ''; position: absolute; top: 0; right: 0; width: 28px; height: 100%; background-color: #032977; border-radius: 56px 5px 5px 56px; transition: all .2s cubic-bezier(.645,.045,.355,1); z-index: -1}
.custombtn:hover:before{ width: 100%; border-radius: 10px;}
.custombtn:hover{ color: #fff!important; text-decoration: none;}
.custombtn:hover span{ color:#fff; position: relative; z-index: 1;}

.buttondiv{ margin-top:25px;}

.homebtn{ margin-top:30px;}
.homebtn a.lgx-btn{ }
.homebtn a.lgx-btn:hover{ text-decoration:none;}




.slidershape{ position: absolute; left: 0; bottom: 0; width: 100%;}
.slidershape img{ max-width:100%;}

.inspire-one{ position:relative; overflow:hidden; padding:0 0px 0;}
.inspire-one.alternate{ padding-bottom:120px; }
.inspiretitle { position: absolute; z-index: 10; background: #000f49; height: 100%; display: flex; align-items: center; padding: 20px; border-top: 1px solid #001fa0; border-bottom: 1px solid #001fa0; border-right: 1px solid #001fa0; max-width: 200px;}
.inspiretitle h2{ color: #fff; font-size: 21px; text-align: left; line-height: 30px; text-transform: uppercase;}
.inspire-one:before{ position:absolute; content:''; left:0px; top:22px; right:0px; height:100px; background-color: rgba(0, 13, 255, 1);    background: #FF2D55;}
.inspire-one .animation_mode { position: relative; min-height: 65px; background: linear-gradient(120deg, #000f49 0%, #043996 100%);	border-top: 1px solid #001fa0; border-bottom: 1px solid #001fa0;}
.inspire-one .animation_mode h3 { position: relative; font-size: 20px; line-height: 1em; font-weight: 600; margin: 20px 25px 0px; display: inline-block; text-transform: uppercase; color: #fff;}
.inspire-one .animation_mode h3:hover{ }
.inspire-one .animation_mode h3 i{ margin:0 15px 0 0;}


.sec-title{ position:relative; z-index: 2; margin-bottom:20px;}
.sec-title_title{ position: relative; font-weight:700; font-size:18px; display: flex; gap:15px; align-items:center; color:#2562ff; text-transform:uppercase;}

.sec-title_dots{position:relative;}
.sec-title_dots span:nth-child(1) {animation-delay: 0s;}
.sec-title_dots span:nth-child(2) {animation-delay: 0.5s;}
.sec-title_dots span:nth-child(3) {animation-delay: 1s;}
@keyframes zoom-in-out {
	0% { transform: scale(0); opacity: 0; }
	20% { transform: scale(1.2); opacity: 1; }
	50% { transform: scale(1); opacity: 1; }
	80% { transform: scale(0.8); opacity: 1; }
	100% { transform: scale(1); opacity: 0; }
}
.sec-title_dots span{position:relative;width:10px;height:10px;margin-right:4px;border-radius:50px;display:inline-block;animation: zoom-in-out 3s infinite;   opacity: 0;background-color: #2562ff; }
.sec-title_heading { margin-top: 15px; color: #fff; text-transform: uppercase; font-size: 35px; line-height: 45px; text-align: left;}

.sec-title_text{ line-height:30px;  font-size:16px;margin-top:20px; color:#666666;}
.sec-title.light .sec-title_title{ color: #fff;}

.sec-title.light .sec-title_title span{ background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.sec-title.light .sec-title_big-title{-webkit-text-stroke-color: rgb(221,221,221), 0.30);}
.sec-title.light .sec-title_text{opacity: 1;color: #fff;}
.sec-title.light .sec-title_heading{ color:#fff;}
.sec-title.centered{text-align: center !important;}

.sec-title.centered .sec-title_title{
	justify-content:center;
}

.about-three{position:relative;padding:100px 0px 260px; background: url("../images/bg_02-min.jpg") no-repeat center center;background-size: cover;}
.about-three_shadow{position:absolute;left:0px;top:-220px;right:0px;bottom:0px;background-position:right top;background-repeat:no-repeat;}
.about-three_title-column{position:relative; width: 50%; float: left; padding: 0 15px;}
.about-three_title-outer{position:relative;padding-right:90px;}
.about-three_content{position:relative;	padding-left:0;}
.about-three_experiance{position:absolute;left:0px;top:0px;width:100px;height: 260px;border-radius:50px;text-align:center;padding:40px 10px;	color:#fff;}
.about-three_experiance strong{position:relative;display:block;font-size:48px;line-height:48px;}
.about-three_experiance span{position: relative;   font-size: 16px; line-height: 28px; transform: rotate(90deg); display: block; width: 135px;    text-align: left; font-weight:700;transform-origin: 20% 72%;}
.about-three_title { position: relative; font-size: 24px; font-weight: 700; line-height: 30px; color: #2562ff; text-align: left;}
.about-three_text{position:relative;font-size:16px;font-weight:400;line-height:30px;color:#fff;margin-top:15px;}
.about-three_button{position:relative;margin-top:35px;}
.about-three_image-column{position:relative; width: 50%; float: left; padding: 0 15px;}
.about-three_image-outer{position:relative;padding-right:20px;margin-left:-50px;}
.about-three_image{position:relative;overflow:hidden;border-radius:40px;}
.about-three_image img{position:relative;width:100%;display:block;}
.about-three_image-two{position:absolute;right:-80px;bottom:-80px;overflow:hidden;border-radius:26px; max-width: 270px;}
.about-three_image-two img{ max-width:100%;}
.about-three_authors{position:relative;display:flex;gap:25px;margin-top:50px;margin-left:30px;}
.about-three_authors ul{position:relative;display:flex;margin-left:20px;}
.about-three_authors ul li{position:relative;width:54px;height:54px;margin-left:-20px;border-radius:50px;display:inline-block;border:3px solid #fff;}

.meetbox-wraper{ padding: 70px 0; position: relative; background: #f5f5f5; }
.meetboxmainrow{ position:relative; margin-top: -200px; z-index: 10; background: #fff; border-radius: 20px; padding: 50px;}
.meetbox-block{ text-align: center;}
.meetbox-1{ display: inline-block; width: 24%; vertical-align: top;}
.meetbox-1-inner{ margin: 10px; padding: 15px;	background: #fff;border-top: 4px solid #053ca4; text-align: center; border-radius: 10px 10px 5px 5px; transition: all 0.5s ease 0s;}
.meetbox-1-icon{ font-size: 32px;  color: #053ca4; margin-bottom: 20px;}
.meetbox-1-icon i{}
.meetbox-1-info{ }
.meetbox-1-info h4{ color: #053ca4; font-size: 14px; line-height: 23px;}
.meetbox-1-inner:hover{ background: #053ca4;}
.meetbox-1-inner:hover h4{ color:#fff}
.meetbox-1-inner:hover .meetbox-1-icon{ color:#fff}

.pattern-layer .pattern-3 { position: absolute; right: -31%; bottom: -10%; width: 570px; height: 710px; background-repeat: no-repeat; z-index: 20;	transform: rotate(-12deg);}

.number-wraper { background:url("../images/bg.jpg") no-repeat center center; background-size: cover; padding: 70px 0; position: relative;}
.number-block {position: relative;}
.number-1{ float:left; width:25%; text-align:center;}
.number-1-inner { margin: 15px;text-align: center;background: rgba(5, 60, 164, 0.1);padding:25px 15px;border: 1px solid #053ca4; min-height: 210px; transition: all 0.5s ease 0s;}
.number-1-inner .icon{ font-size:30px; color: #fff; margin-bottom: 20px;}
.counter-block { margin-bottom: 30px;}
.counter-block .inner-box { position: relative; display: flex; align-items: center; gap: 15px;}
@media (max-width: 575.98px) {.counter-block .inner-box {  gap: 15px; justify-content: center;}}
.counter-block .inner-box:hover .icon { animation: fa-spin 10s infinite linear;}
.counter-block .inner-box .count-box { position: relative; display: block; font-size: 40px; font-weight: 700;  line-height: 1em;  margin-bottom: 5px; color: #fff;}
@media (max-width: 575.98px) { .counter-block .inner-box .count-box { font-size: 50px;}}
.counter-block .inner-box .counter-title { position: relative; display: block; font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 0; color: #fff;}
@media (max-width: 575.98px) {.counter-block .inner-box .counter-title { font-size: 16px; line-height: 28px;}}
.counter-block .inner-box .icon { position: relative; transition: all 300ms ease; max-width: 70px;}
.counter-block .inner-box .icon img{ max-width:100%}
@media (max-width: 575.98px) {.counter-block .inner-box .icon { width: 90px;}}
.counter-block .inner-box .content{ text-align:left;}

.count-wrap{ text-align: center; width: 100%;}
.count-wrap h3 { font-size: 45px; line-height: 35px; font-weight: 500; margin-bottom: 12px; text-transform: uppercase; -webkit-text-stroke: 1px rgba(255, 255, 255, .8); color: transparent !important; font-family: 'Rubik', sans-serif; letter-spacing: 2px;}
.count-wrap .prg-count{}
.count-wrap h3.eng{}
.count-wrap h3.vie{ display: none;}
.count-wrap h4.prg-count-title { font-size: 14px; text-align: center; color: #fff; text-transform: uppercase;	font-weight: 600;}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car { display: inline-block;  vertical-align: middle; position: relative; color:transparent}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit { display: inline-block; vertical-align: middle; position: relative;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon { display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value { display: block;  transform: translateZ(0); color: transparent}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-alue.odometer-last-value { position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s;}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {transform: translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {transform: translateY(-100%);}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {transition: transform 2s;transform: translateY(0);}

.odometer.odometer-auto-theme, .odometer.odometer-theme-car { }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit { padding: 0; color: #fff; text-align: center;display: inline-block;}
.odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-car .odometer-digit:first-child { -moz-border-radius: 0.2em 0 0 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em 0 0 0.2em;}
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child { -moz-border-radius: 0 0.2em 0.2em 0; -webkit-border-radius: 0; border-radius: 0 0.2em 0.2em 0;  background-size: 100%;  background-image: linear-gradient(to bottom, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%); background-color: #eee0d3;  color: #000;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner { left: 0;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {transition-timing-function: linear;}



.section-title{ text-align:center; margin-bottom:30px; position:relative;}
.section-title h2 { font-size: 50px; font-weight: 700; line-height: 65px; text-transform: uppercase; margin-bottom: 20px;	position: relative;}
.section-title h3{ font-size: 18px; font-weight: 700; letter-spacing: 0; line-height: 26px; margin-bottom: 5px; position: relative; text-transform: uppercase;}
.section-title h4{ color: #ffb839; display: block; font-size: 18px; font-weight: 700; letter-spacing: 0; line-height: 26px; margin-bottom: 5px; position: relative; text-transform: uppercase; padding-left:65px;}
.section-title h4:before { background-color: #ffb839; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; top: 15px; width: 45px;}
.section-title p{ font-size:15px; text-align: center; max-width: 900px; margin: 0 auto; color: #000}
.section-title.white h2{ color:#fff;}
.section-title.white h3{ color:#fff;}
.section-title.white .sectiontitle-1-inner p{ color:#fff;}
.section-title.white p{ color:#fff;}

.sectiontitle-1{ float:left; width:50%;}
.sectiontitle-1-inner{ padding:0 15px;}
.sectiontitle-1-inner p{ color:#5a5a5a;}

.pxl-divider-vertical { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; max-width: 1400px; margin: 0 auto;}
.pxl-divider-vertical > div { background-color: rgba(255, 255, 255, 0.1); position: absolute; width: 1px; height: 100%; top: 0;}
.pxl-divider-vertical .pxl-section-line1 {left: 0;}
.pxl-divider-vertical .pxl-section-line2 { left: 25%;}
.pxl-divider-vertical .pxl-section-line3 { left: 50%;}
.pxl-divider-vertical .pxl-section-line4 { left: 75%;}
.pxl-divider-vertical .pxl-section-line5 { right: 0;}

.member-wraper{ }

.speakers-wraper{ padding:70px 0; position:relative; background: linear-gradient(120deg, #000f49 0%, #043996 100%)}

.speakers-block{ text-align:center; margin-bottom:20px; position:relative; z-index: 30}
.speaker-element{  position: relative}
.speaker-element .section-title h2{ font-size:30px; line-height:40px;}
.speaker-block.speakercenter-block{ text-align:center;}
.speaker-block.speakercenter-block .speaker-1 { display: inline-block; float: none; width: 25%; vertical-align: top;}
.speaker-block.speakercenter-block .speaker-1 .hex{ width:240px;}
.speaker-1{ float:left; width:25%; margin:10px 0}
.speaker-1-inner { background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); margin: 0 15px; position: relative; text-align: left; transition: all 0.5s ease 0s; border:2px solid #2562ff; border-bottom:10px solid #2562ff; border-radius:10px; min-height:475px; overflow: hidden}
.speaker-1-inner h4 { font-size: 18px; font-weight: 700; margin-bottom: 5px; position: relative; text-transform: capitalize; margin-top: 0;}
.speaker-1-inner h4 a{ color:#0d1d31; text-decoration:none;}
.speaker-1-inner h4 a:hover{ text-decoration:none; color:#ed1c24;}
.speakerinfo-box { max-height: 120px; min-height: 120px; overflow: hidden; text-align: center; padding: 0 10px}
.speakerinfo-box p{ text-align:center;}
p.lead.designation { color: #000; font-size: 15px; line-height: 20px; margin-bottom:5px;}
p.lead1.designation{ color:#001f98; font-size: 16px; line-height: 20px; font-weight:600;}

.speaker-1-inner .media { margin: 0 auto 20px; overflow: hidden; position: relative;}
.speaker-1-inner .media img{ max-width:100%; transition:all 0.5s ease 0s;}
.spsponsors-logo{ padding:0 15px 15px;}

.speaker-1-inner:hover .caption.hovered{opacity:1}
.speaker-1-inner:hover .media img{ -webkit-transform:scale(1.2); transform:scale(1.2);}


.sponsor-wraper{ position:relative; padding: 80px 0;}

.sponsors-wraper.presponsors-wraper{ background: #fff; display: none;}

.sponsors-wraper{ padding:60px 0 60px; position:relative;}
.sponsors-wraper:before { }
.sponsors-block { position: relative; background: #fff; padding:0 30px 60px; z-index: 10; border-radius: 0 0 20px 20px;}
.sponsors-row { text-align:center; margin:25px 0;}
.sponsors-1{ display:inline-block;}
.sponsors-1-inner{ padding: 15px 0; }
.sponsors-title{}
.sponsors-title h3 { color: #101010; font-size: 18px; font-weight: 600; text-align: center; text-transform:capitalize; margin-bottom: 15px;}
.sponsors-1-img { border: 1px solid #e4e4e4; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); display: inline-block; margin: 0 10px; padding: 5px; max-width:270px;}
.sponsors-1-img img{ max-width:100%;}

#previous-partners{ margin-bottom:0;}
#previous-partners .sponsors-1{ width:100%;}
#previous-partners .sponsors-1-img{ margin: 0 5px; background: #fff;}
#previous-partners.owl-theme .owl-dots .owl-dot span{ width:20px; height: 4px;}
#previous-partners.owl-theme .owl-dots .owl-dot.active span, #previous-partners.owl-theme .owl-dots .owl-dot:hover span{ background: #1e919b;}
#previous-partners.owl-theme .owl-dots .owl-dot span{ background: #000;}


.strip-wraper{ padding: 20px 0; position:relative; background:#000f49; border-top: 1px solid #001fa0;	border-bottom: 1px solid #001fa0;}
.strip-block{}
.strip-1{}
.strip-1-inner{ display:flex; align-items:center; justify-content: center; column-gap: 50px;}
.strip-1-inner h3{ color: #fff; font-size: 25px;}
.strip-1-inner h4{ color: #fff; font-size: 21px;}
.strip-1-inner p{ color: #fff;margin: 0; font-size: 17px; font-weight: 700;}

.footer-wraper{ padding:120px 0 0; margin-top:0; background:url("../images/footer-bg.jpg") no-repeat center center; background-size: cover;position: relative;}
.footer-block{}
.footer-1{ float:left; width:33.33%;}
.footer-1-inner{ padding:0 15px;}
.footer-1-inner h3 { color: #fff; font-size: 22px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px;}
.footer-1-inner h4 { color: #fff; font-size: 18px; font-weight: 800; text-transform: uppercase; margin-bottom: 25px; position: relative; padding-bottom: 15px;}
.footer-1-inner h4:before{ position: absolute; left: 0; bottom: 0; width: 35px; height: 3px; background: #1962ec; content: "";}
.footer-1-inner h5 { color: #fff; font-size: 16px; font-weight: normal; letter-spacing: 1px; margin-bottom: 12px;}
.footer-1-inner p{ color:#fff; font-weight:300; margin-bottom:5px;}
.footer-1-img{}
.footer-logo{ margin-bottom:30px; max-width: 100%;}
.footer-logo img{ max-width:85%;}
.footer-1-img{}
.footer-1-img img{ max-width:45%;}
.footer-1-inner a{ color:#e4e4e4;}

.footer-social{ margin-top: 15px;}
.footer-social ul{}
.footer-social ul li{ float:left; margin:0 10px 0 0}
.footer-social ul li a{ line-height:40px; color:#fff; background:#0566c4; border-radius:100%; display: block; float: left; height: 40px; margin: 0; text-align: center; width: 40px;}
.footer-social ul li a:hover{ text-decoration:none; background:#044687; color:#fff;}

.usefullinks{ text-align:left;}
.usefullinks li{ position:relative;margin: 5px 0; }
.usefullinks li:before{ color: #2562ff; content:"\f04d"; font-family: FontAwesome; font-size: 8px; left: 10px; position: absolute; top: 5px;  transform: rotate(45deg);}
.usefullinks li a { color: #fff; display: inline-block; padding:3px 0 3px 30px; margin-bottom:2px; font-size:15px;}
.usefullinks li a:hover{ text-decoration:none; color:#2562ff; }

.addBlock{}
.addIcon{}
.addIcon i{}
.addDetail{}
.addBlock{ margin-bottom:15px;}
.addBlock .addIcon {  float: left; height: 40px; line-height: 40px; margin: 0 10px 0 0; text-align: center; width: 40px; border-radius: 50%; border: 1px solid #0566c4;}
.addBlock .addIcon i { color: #0566c4; font-size: 15px;}

.addBlock .addDetail{ width:85%; float:right; font-size:15px; text-align:left; color:#FFFFFFB3;}




.footerlast-wraper{ padding:25px 0; margin-top:100px; border-top:1px solid rgba(255, 255, 255, .15);}
.footerlast-block{}



.copyright { color: #e4e4e4; float: left; font-size: 13px; text-align: right; width: 50%;}
.copyname{ color: #e4e4e4; float: left; font-size: 13px; text-align:center; width: 100%;}

a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop {  background:#053ca4; border-radius:50%; bottom: 15px; height: 45px; line-height: 5px; position: fixed; right: 15px; text-decoration: none; width: 45px; z-index: 9999; font-size: 20px; font-weight: 400; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
a#backtop:hover{ text-shadow: 0 3px 0 #000, 0 4px 2px #fff; -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff; background:#4e3224  ;}  

.socialbtnstick{ position:fixed; z-index:9999; right:15px; bottom:65px;}
.socialbtnstick a{ display:block; font-size:16px; border-radius:100%; color:#fff; width:45px; height:45px; line-height:45px; text-align:center; margin-top:5px;}
.socialbtnstick a.fb{ background:#354d8e;}
.socialbtnstick a.lin{ background:#347ed4;}
.socialbtnstick a.tw{ background:#00a3f6;}
.socialbtnstick a:hover{ text-decoration:none;}

.pattern-layer .pattern-4 { position: absolute; right: 15%; bottom: 100px; width: 138px; height: 138px; background-repeat: no-repeat; z-index: 20;}


.innerbanner-wraper { padding:250px 0 70px;  position:relative; background:#00074b;}
.innerbanner-wraper:before{ }
.innerbanner-block{ position:relative;}
.innerbanner-block:before { }
.innerbanner-block h1{ color: #fff; font-size: 45px; font-weight: 700; line-height: 55px; margin-bottom: 10px; text-align:left; text-transform: capitalize;}
.breadcrum{ text-align:left;}
.breadcrum ul{}
.breadcrum ul li{ display:inline-block; color:#e4e4e4; margin: 0 5px 0 0}
.breadcrum ul li a{ color:#fff;}
.breadcrum ul li a:hover{ text-decoration:none;}
.content-wraper{ padding:70px 0; }
.content-block{}
.content-block p{ font-size:16px;}
.content-block ul{}
.content-block ul li{ color: #1a1a1a; font-size: 17px; padding: 7px 0 7px 30px; position: relative; text-align: left;}
.content-block ul li:before{ position:absolute; left:10px; top:7px; font-size:7px; color:#5a9486; font-family:FontAwesome; content:"\f04d"; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.term-block{}
.term-block h3{ margin:15px 0;}

.content-1{}
.content-1 ul li { color: #1a1a1a; font-size: 17px; padding: 7px 0 7px 30px; position: relative; text-align: left;}
.content-1 ul li:before{  position:absolute; left:10px; top:7px; font-size:7px; color:#5a9486; font-family:FontAwesome; content:"\f04d"; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.allevent-block{ padding: 60px 0 20px}
.allevent-1{ float: left; width: 33.33%;}
.allevent-1-inner{ margin: 15px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 15px;}
.allevent-1-img{ text-align: center;}
.allevent-1-img img{ max-width:100%;}

.contentbox2{ padding: 40px 0;}
.contentbox2 h2{ font-size: 30px; text-align: left; margin-bottom: 30px;}
.contentbox2 h4{ text-align: center; font-size: 22px; margin-top: 30px;}

.digital-wraper{ padding:60px 0; background:#f9f9f9;}
.digital-block{}
.digital-1{ float:left; width:25%;}
.digital-1-inner{ margin:0 15px;}
.digital-1-img{ border: 1px solid #e4e4e4; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); display: inline-block;}
.digital-1-img img{ max-width:100%;}

.agenda-block{}
.attendtitle{ margin-top:25px; padding:0 15px;}
.attendtitle h2{ color: #000; font-size: 30px; font-weight: 700; line-height: 55px; margin-bottom: 0; text-align: left; text-transform: capitalize;}

.agenda-1{ width:100%; float:left;}
.agenda-1-inner{ margin:15px; background: #f5f5f5; padding: 20px;}
.agenda-1-inner h3{ font-size:20px; line-height: 30px; margin-bottom:10px; }
.agenda-1-inner h4{ font-size:16px; margin-bottom:10px; }
.agenda-1-inner .inner-box { padding: 10px; position: relative; transition: all 500ms ease 0s; border-radius:10px;}
.agenda-1-inner .text { color: #fff; cursor: default; display: block; font-size: 15px; font-weight: 400; line-height: 24px; position: relative; text-align:left;}
.agenda-1-inner .text ul{}
.agenda-1-inner .text ul li{ color: #101010; font-size: 17px; padding: 7px 0 7px 30px; position: relative; text-align: left;}
.agenda-1-inner .text ul li:before{ position:absolute; left:10px; top:7px; font-size:7px; color:#2562ff; font-family:FontAwesome; content:"\f04d"; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.content-form{}
.content-form h3 { font-size: 21px; font-weight: 500; margin-bottom: 30px; padding-bottom: 0; text-align: center;}
.content-form h4{ color:#101010; text-align:center;}
.content-form h5{}
.form-col { float: left; padding: 0 10px; width: 50%; margin-bottom:20px}
.form-col label { display: block; text-align: left; width: 100%; margin-bottom:5px; color:#00074b; text-transform:uppercase; font-weight:bold; font-size:13px;}
.form-col input { border: 1px solid #c5c5c5; padding: 10px; color: #101010; background: #f5f5f5; width: 100%; height: 50px; border-radius: 5px;}
.form-col select{ border: 1px solid #c5c5c5; padding: 10px; color: #101010; background: #f5f5f5; width: 100%; height: 50px; border-radius: 5px;}
.form-col select option{ color:#00074b;}
.form-col input:focus, .form-col.form-col-textarea textarea:focus, .form-col select:focus{ border:1px solid #2562ff;}
.form-col label em{ color:#cc0000;}
.form-col label.error{ color:#cc0000;}
.form-col.form-col-email{ width:100%; }
.form-col.form-col-email input{}
.form-col.form-col-textarea{ width:100%;}
.form-col.form-col-textarea textarea{  border:1px solid #5a5a5a; padding:10px; color:#101010; background:none; width:100%; border-radius:5px; height:90px; font-family:Arial, Helvetica, sans-serif;}
.form-col .submit{ background:#2562ff; max-width:150px; color:#fff; text-transform:uppercase; font-weight:bold; font-size:14px;  cursor:pointer; letter-spacing:1px; border:3px double #e4e4e4;}
.form-col.form-col-submit{ width:100%; text-align:left; margin:30px 0 0 0;}
.formcol-group{ float: left; padding: 10px; width: 100%; color:#101010;}
.formcol-group h3{ color: #000; font-size: 22px; font-weight: 700; line-height: 30px; margin: 0 0 10px; text-align: left; text-transform:uppercase;}
.formcol-group h4{ color: #000; font-size: 20px; font-weight: 700; line-height: 30px; margin: 0 0 10px; text-align: left; text-transform: capitalize;}
.formcol-group ul{}
.formcol-group ul li{ width:50%; color:#101010; padding:3px 0; float:left;}
.formcol-group input{ margin:0 10px 0 0;}
.formcol-group label { color: #101010; display: inline-block; font-weight: bold; width: 30%; font-size:18px;}
.amountgroup input { background:none;  color: #101010; display: inline-block; font-size: 18px; font-weight: bold; text-align: left; width: 6%;}
.form-col h4{ font-size: 21px; font-weight: 500; margin-bottom: 0; padding-bottom: 20px; text-align:left; color:#101010;}
.form-col .awardcatlabel{}
.form-col .awardcatlabel input { display: inline-block; width: 30px; height: 30px; color:#fff}
.form-col .awardcatlabel span { color: #101010; display: inline-block; font-size: 17px; font-weight: normal; margin-top: 0; vertical-align: top;}

.awardbox-block{}
.awardcat-1{ float:left; width:50%;}
.awardcat-1-inner { margin: 15px; background: #f5f5f5; padding: 20px;}
.content-block .awardcat-1-inner h3 { font-size: 20px; margin: 20px 0 10px; text-align: left; text-transform: capitalize;}
.awardcat-1-inner ul{}
.awardcat-1-inner ul li{ font-size: 16px; padding: 3px 0 3px 20px; position: relative; text-align: left;}
.awardcat-1-inner ul li:before{ position:absolute; left:0; top:3px; font-size:7px; color:#2562ff; font-family:FontAwesome; content:"\f04d"; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.awardprocess-block{ text-align:center;}
.awardprocess-1{ display:inline-block; width:33%; vertical-align:top}
.awardprocess-1-inner { margin: 30px 15px; padding: 20px 15px; border-radius:10px; min-height:210px; border: 2px solid #c5c5c5; position: relative;}
.awardprocess-title{ position: absolute; top: -25px; left: 0; right: 0; margin: auto;}
.awardprocess-title h3 { font-size: 22px; font-weight: normal; margin-bottom: 20px; text-align: center; text-transform: uppercase; -webkit-text-stroke: 1px rgba(37, 98, 295, 1); color: transparent; display: inline-block; background: #fff; padding: 10px 20px; border-radius: 10px; border: 2px solid #c5c5c5; letter-spacing: 4px;}
.awardprocess-text { font-size: 16px; font-weight: normal; line-height: 27px; text-align: center; margin-top: 46px; }

.spstrip-wraper{ background: #00074b; padding: 50px 0; position: relative;}
.spstrip-block{}
.spstrip-1{}
.spstrip-1-inner{}
.spstrip-1-inner h3{ color: #fff; font-size: 24px; line-height: 34px; text-align: center;}
.spstrip-1-inner h3 a { color: #fff; border: 1px solid rgba(255, 255, 255, .4); padding: 10px 20px; display: inline-block; margin-top: 20px;	font-weight: normal; font-size: 19px; border-radius: 5px;}
.spstrip-1-inner h3 a:hover{ text-decoration: none; background:#2562ff;}

.whyexhibitin-wraper{ background:url("../images/gallery.jpg") no-repeat center center; background-size: cover; position: relative;}
.whyexhibitin-wraper:before{ position:absolute; left: 0; top:0; width: 100%; height: 100%; content: ""; background: #fff; opacity: .9}

.whyexhibit-block{}
.whyexhibit-1{display: inline-block; width: 32%; vertical-align: top;}
.whyexhibit-1-inner{ margin:25px 10px; border: 1px solid #c5c5c5; padding: 20px; position: relative; background: #fff}
.whyexhibit-1-icon { position: absolute; width: 50px; height: 50px; line-height: 50px; border: 1px solid #c5c5c5; border-radius: 100%; text-align: center; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); color: #2562ff; top: -27px; background: #fff; font-size: 21px;}
.whyexhibit-1-info{ margin-top: 25px;}
.whyexhibit-1-info h3{ text-align: left; font-size: 18px; line-height: 30px; margin-bottom: 10px;}
.whyexhibit-1-info p{}

.stripex-wraper { padding: 70px 0; position: relative; background: #2562ff;}
.stripex-block{}
.stripex-1{ max-width: 1000px; margin: 0 auto;}
.stripex-1-inner{ text-align: center; }
.stripex-1-inner h3 { color: #fff; font-size: 40px; text-transform: uppercase; line-height: 50px; margin-bottom: 20px; }
.stripex-1-inner p{ color: #fff; text-align: center;}
.stripex-1-inner a{ color: #fff; font-weight: bold; text-decoration: underline}
.stripex-1-inner a:hover{}

.whoexhibit-wraper{ position: relative; padding: 70px 0; background: #00074b}
.whoexhibit-block{ text-align: center}
.whoexhibit-1{display: inline-block; width: 24%; vertical-align: top;}
.whoexhibit-1-inner{ margin:10px; border: 1px solid #053ca4; padding: 15px; position: relative; display: flex; align-items: center; background: rgba(5, 60, 164, 0.1); column-gap: 15px; min-height: 110px}
.whoexhibit-1-icon { position: relative; width: 50px; height: 50px; line-height: 50px; border: 1px solid #053ca4; border-radius: 100%; text-align: center; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); color: #2562ff; font-size: 21px;}
.whoexhibit-1-info{ margin-top: 0; width: 80%}
.whoexhibit-1-info h3{ font-size: 16px; line-height: 26px; margin-bottom: 10px; font-weight: 600; text-align: left; margin: 0; color: #fff}
.whoexhibit-1-info p{}


.contactdetaillist{ margin-top:60px; }
.contactdetaillist ul.contactlist{ display: flex; align-items: center; column-gap: 20px;}
.contactdetaillist ul.contactlist li { padding: 15px; display: flex; align-items: center; width: 33.33%; column-gap: 15px; background: #00074b; min-height: 100px;}
.contactdetaillist ul.contactlist li:before{ display:none;}
.contactdetaillist ul.contactlist li i { display: inline-block; color:#fff;}
.contactdetaillist ul.contactlist li p { color:#fff; display: inline-block; margin: 0 0 0 10px; font-size: 15px; }


.pagegallery-block{ position: relative;}
.pagegal-1{ width:20%; float:left;}
.gallery-1{ float:left; width:33.33%}
.gallery-item{ margin:0 15px 30px; position: relative;}
.gallery-item img{ width: 100%; vertical-align:top;}
.gallery-item .overlay{ position: absolute;  width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.8); text-align: center; opacity: 0; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s;}
.gallery-item a{ display: block; position: absolute; height: 42px; width: 42px; top: 50%; left: 50%; text-align: center; border: 2px solid #7b7b7b; border-radius: 100%; padding: 80px; -webkit-transition: .3s; transition: .3s;  -webkit-transform: translateY(-50%) translateX(-50%);    transform: translateY(-50%) translateX(-50%);  opacity: 0;}
.gallery-item a img{ -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s;}
.gallery-item:hover .overlay{ opacity: 1;}
.gallery-item:hover a{  opacity: 1; padding: 10px;}
.gallery-item:hover a img{ -webkit-transform: scale(1);transform: scale(1);}
.gallery-button{ background-color: #65ac4c; padding: 13px 30px; margin-top: 30px;}
.gallery-button:hover{ background-color: #ff9822;}

@font-face {
  font-family: 'elementskit';
  src: url('../fonts/elementskit.eot');
  src: url('../fonts/elementskit.eot?#iefix') format('embedded-opentype'), url('../fonts/elementskit.woff2') format('woff2'), url('../fonts/elementskit.woff') format('woff'), url('../fonts/elementskit.ttf') format('truetype'), url('../fonts/elementskit.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon::before { font-family: elementskit !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none;	line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon.icon-settings1::before {content: "\ea69";}
.icon.icon-oil-bottle::before {content: "\ebd5";}
.icon.icon-Bettery::before {content: "\eba8";}
.icon.icon-valve::before { content: "\eae1";}
.icon.icon-user-1::before { content: "\ea96";}
.icon.icon-energy-saving::before {content: "\eae3";}
.icon.icon-shield1::before {content: "\ea6e";}
.icon.icon-construction::before {content: "\e841";}
.icon.icon-tools::before {	content: "\e99e";}
.icon.icon-Helmet::before {content: "\ebc9";}
.icon.icon-light-bulb::before {content: "\e9cc";}
.icon.icon-oil-bottle::before {content: "\ebd5";}
.icon.icon-checked::before {content: "\e968";}
.icon.icon-brain::before { content: "\ead3";}
.icon.icon-university::before { content: "\ebe5";}

.icon.icon-rocket::before {   content: "\e84b";}
.icon.icon-car1::before { content: "\e84e";}
.icon.icon-hospital::before { content: "\ead9";}
.icon.icon-train::before { content: "\e84f";}
.icon.icon-database::before { content: "\eaf9";}
.icon.icon-paper-plane::before { content: "\e990";}
.icon.icon-credit-card1::before { content: "\ea04";}
.icon.icon-mic::before { content: "\e85e";}
.icon.icon-globe::before { content: "\eacf";}
.icon.icon-User::before { content: "\ebe6";}

.icon.icon-handshake::before { content: "\ebc8";}

.icon.icon-rocket-ship::before { content: "\ea65";}

.icon.icon-smartphone2::before { content: "\ea79";}

  
#menu-icon{ display:none;} 





@media screen and (min-width:1281px)
	
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:1250px;}
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:1000px;}
	.sf-menu > li > a{ margin:8px 0;}
	.slidercontent-block h1 {font-size: 40px;line-height: 50px;margin-bottom: 15px;}
	.count-b{ margin:0; height: 85px;}
	.dig{ font-size:40px; line-height: 30px;}
	.inspire-one .animation_mode h3 {font-size: 20px;margin: 36px 15px 0px;}
	.about-three_title-outer {padding-right: 20px;}
	.sec-title_heading {margin-top: 15px;font-size: 25px;line-height: 35px;}
	.about-three_image-outer{ margin:0;}
	.sec-title{ margin-bottom:15px}
	.section-title h2 {font-size: 35px;line-height: 45px;}
	.addBlock .addDetail{ width:80%}
	
	

	
	
	

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:760px}				
	#menu-icon { color: #fff; cursor: pointer; display: block;  font-size: 20px; position: relative; right: 0; top: 7px; padding: 10px; text-align:left;}
	#menu-icon span{ margin:0 0 0 10px;}
	.menu-container-1 { left: 10px; position: absolute; top: 97px; width: 97%;}
	.sf-menu > li + li{ margin-left:0;}
	.sf-menu{ float:none; display:none;}
	.breadcrum .breadCrumTP .menu-container-1{ position:static;}
	.sf-menu > li#menu-item-128 ul li { float: none; width: 100%;}
	
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%; margin:0;}
	.sf-menu > li.current_page_item > a{ color:#2a2a2a;}
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left; color:#2a2a2a; line-height:25px;}
	.sf-menu > li > a:hover{ color:#f89f22}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.sf-menu > li > ul > li > a{ color:#040404;}
	.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(../images/toogle-button2.png) no-repeat right -54px; height: 35px; position: absolute; right: 25px; top: 14px; width: 150px; z-index:200; cursor:pointer;}
	.sf-menu li strong.opened { background-position: right 7px;}
	.sf-menu > li{ background:#f9f9f9;}
	.sf-menu li ul { background: #e4e4e4; padding: 12px 28px; max-width: 100%;}
	.sf-menu{ display:none;}
	#menu-icon{ display:block; text-align:right;}
	.sf-menu > li > a{ margin:0 0;}
	
	.header-wraper{ position:relative;}
	.middle-wraper {background: #01145c;}
	.middle-block{ display:block;}
	.middle-wraper .logo{ margin:15px 0}
	.mainlogobox { position: relative; width: 35%; float: left;}
	.nav-wraper { float: right; width: 35%; margin-top: 20px;}
	.slidercontent-wrap{ top:12%;}
	.slidercontent-block h1 { font-size: 30px; line-height: 40px; margin-bottom: 15px;}
	.lefttitme-block { right: 0; top: 10%;}
	.about-three_title-column{ width:100%;}
	.about-three_image-two{ display:none;}
	.about-three_image-column { width: 100%; margin-top: 60px;}
	.meetboxmainrow{ padding:40px 15px;}
	.pattern-layer{ display:none;}
	.meetbox-1-inner{ padding:10px;}
	.count-wrap h3 { font-size: 25px; line-height: 35px;}
	.count-wrap h4.prg-count-title{ font-size:12px;}
	.speaker-1{ width:50%;}
	.addBlock .addDetail { width: 75%;}
	.top-1:nth-child(1){ display: none;}
	.top-1:nth-child(2){ display: none;}
	.top-1:nth-child(3){ width: 100%;}
	.innerbanner-wraper { padding: 50px 0; position: relative; background: #00074b;}
	.innerbanner-block h1{ font-size:28px; line-height: 36px;}	
	.innerbanner-block { position: relative; padding: 0 15px;}
	.content-block{ padding:0 15px;}
	.digital-1{ width:100%; margin: 10px 0;}
	
	
	
	
	

	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:600px}
	.nav-wraper { margin-top: 10px;}
	.slidercontent-block { text-align: left; max-width: 85%;}
	.slidercontent-block h3 { font-size: 12px; line-height: 16px; margin-bottom: 15px; text-align: left; letter-spacing: 2px;}
	.slidercontent-block h1 { font-size: 23px; line-height: 34px;margin-bottom: 0;}
	.date-place ul li{ font-size:14px;}
	.date-place ul li i{ font-size:14px;}
	.date-place{ margin:20px auto;}
	.dig { font-size: 30px; line-height: 20px;}
	.count-b { margin: 0; height: 65px;}
	.count-b .count-t{ font-size:13px;}
	.inspiretitle h2{ font-size:14px; line-height: 22px;}
	
	.inspiretitle{ max-width:142px; padding: 10px 15px;}
	.inspire-one .animation_mode{ min-height:70px;}
	.inspire-one .animation_mode h3 { font-size: 14px; margin: 28px 15px 0px;}
	.meetbox-1{ width:32%;}
	.meetbox-1-icon { font-size: 28px; color: #053ca4; margin-bottom: 7px;}
	.meetbox-1-info h4 { color: #053ca4; font-size: 12px; line-height: 20px;}
	.meetbox-1-inner{ border-top: 4px solid #053ca4;}
	.number-1 { float: left; width: 50%;text-align: center;}
	.footer-1 { float: left; width: 100%;}
	.agenda-1-inner { margin: 15px 0; background: #f5f5f5;padding: 15px;}
	.agenda-1-inner h3{ text-align:left}
	.agenda-1-inner h4{ text-align:left}
	.form-col{ width:100%; padding: 0;}
	.awardcat-1{ width:100%;}
	.awardcat-1-inner { margin: 0;	padding: 15px;}
	.form-col .awardcatlabel { display: flex; column-gap: 15px; margin-bottom: 10px;}
	.form-col .awardcatlabel span{ text-align:left; width: 90%;}
	.awardprocess-1{ width:100%}
	.whyexhibit-1{ width:100%}
	.whoexhibit-1{ width:100%}
	.whoexhibit-1-inner{ min-height:100%}
	.contactdetaillist ul.contactlist{ display:block}
	.contactdetaillist ul.contactlist li{ width:100% ; }
	
	
	
	

	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:440px}
	.header-wraper{ position:relative;}
	.mainlogobox { position: relative; width: 48%; float: left;}
	.slidercontent-block h1 { font-size: 16px; line-height: 26px; margin-bottom: 0;}
	.date-place ul li { font-size: 13px; margin: 0 5px;}
	.homebtn { margin-top: 0;}
	.lgx-btn{ padding:8px 20px; font-size: 13px;}
	.count-b { margin: 0; height: 55px; width: 70px}
	.dig { font-size: 23px; line-height: 7px;}
	.lefttitme-block{ width:70px;}
	.sec-title_heading { margin-top: 15px; font-size: 22px; line-height: 30px;}
	.about-three_title{ font-size:16px; line-height: 25px;}
	.section-title h2 { font-size: 25px; line-height: 35px;}
	.meetbox-1 { width: 49%;}
	.speaker-1{ width:100%;}
	
	
	
	
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto;}	
	#menu-icon { text-align:right; top: 10px; font-size:18px; padding:10px 0;}
	.menu-menu-1-container { top: 82px; width: 94%;}
	.mainlogobox { position: relative; width: 60%;float: left;}
	.slidercontent-wrap { top: 0; position: relative; background: #000f49;padding: 35px 25px;}	
	.inspire-one::before{ display:none;}
	.inspiretitle { max-width: 100%; padding: 10px 15px; position: relative; width: 100%;}
	.slidercontent-block { text-align: left; max-width: 100%;}
	.lefttitme-block { width: 100%; position: relative; background: linear-gradient(120deg, #000f49 0%, #043996 100%); border-top: 1px solid #001fa0; border-bottom: 1px solid #001fa0; padding: 30px 15px;}
	.count-b{ float:left; width: 80px;}
	.dig { font-size: 35px; line-height: 30px; }
	.slider-home::before { opacity: .3;}
	.inspiretitle h2 { font-size: 20px; line-height: 32px;}
	.about-three{ padding:70px 0 250px}
	.footerlast-wraper{ margin-top:50px;}
	.slidercontent-block h1 { font-size: 23px; line-height: 33px; margin-bottom: 0;}
	
	
	
	
	
	
	
	
}

@media screen and (max-width:320px)
{
	
	
	
	
	
}
