﻿@import url(effect.css);
@import url(font-awesome/line-awesome.css);


::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #382461;
}
::selection {
  color: #fff;
  background: #382461;
}


html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Roboto', sans-serif;
padding:0; 
color:#000000; 
font-weight:400; 
padding-right:0!important;
font-size:16px;
line-height:1.6;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:#161616; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#f68827;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal; font-family: 'Nuosu SIL', serif;text-align: left}

.container{ max-width:1200px!important;}


.fix{
position:fixed !important ; 
z-index:999999 ; 
padding:0 ;
top: 0 ;
left: 0 ;
right: 0 ;
margin: 0;
width:100%;
background:rgba(255,255,255,1);
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.hader-bg-area{padding:10px 20px; border:none; transition: 1s; width:100%; position:relative; width:100%; left:0; top:0; z-index:999;}
.relative{position:relative;}
/*a.logo{ position:relative; top:0; left:0; z-index:999; transition: 1s; padding:0; display:block;}
a.logo img{height:100px; transition: 1s;}
.fix a.logo img{  height:80px; }*/

.download-report{ display:inline-block; padding:10px 20px; font-size:20px; color:#fff; background:#004785; font-weight:500; border-radius: 10px;}
.download-report:hover{ background:#023a6a;}
.download-report a i{ padding-right:5px;}

.menu-area{ display:block; position:relative; background:#24247a; border-bottom:3px solid #ffc40b; margin-bottom:0px; clear:both;}
.navigation{ display:block; position:relative; padding-bottom:10px;}


.banner-area{ display:block; background:#fff; clear:both; position:relative;}
.banner-area img{ width:100%; }
.banner-area .carousel-caption{ font-family: 'Raleway', sans-serif;  left:15%; top:35%; bottom:auto; text-align:left; background:rgba(0, 0, 0, 0.5);}
.banner-area .carousel-caption span{ display:block;  font-size:60px; text-transform:uppercase; font-weight:200; line-height:1.2; margin-bottom:15px;}
.banner-area .carousel-caption a{ color:#f4d432; font-weight:500; text-transform:uppercase;}
.banner-area .carousel-caption a i{ font-size:16px;}
.banner-area .carousel-indicators .active{ background-color:#fff;}
.banner-area .carousel-indicators li{ width:10px; height:10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}

.form-section{width: 25%; margin: 0; /*padding: 20px;*/ max-width: 100%; height: auto; text-align: center; position:absolute; right:14%; top:89%; background: #fff; color:#171717;}
.form-section span{ display: block; font-family: 'Nuosu SIL', serif; font-size: 25px; padding-bottom: 10px; margin-bottom: 15px; text-align:left;}

  .form-section .btn {
  padding: .8em 3.5em;
  transition: .3s ease-in-out;
  margin-top: 5px;
  width:100%;
  border-radius: 10px 10px 1px 1px;
  }
.btn-default, .btn-default {
    text-transform: uppercase;
    font-weight: 500;
    padding: 1.2em 3.5em;
    background-color: transparent;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 25px;
    color: #000;
    box-shadow: 0 0 0 2em #ffc40b inset;
    transition: .3s ease-in-out;
}
/*.form-section .btn:hover{box-shadow:0 0 0 2px #24247a inset;color:#24247a;}*/
.form-section .form-check-input { position: absolute; margin-top: 0.2rem; margin-left: -0.25rem;}

.ind-abt-area{ display:block; padding:50px 0; text-align:center;}
.ind-abt-area small{ display:block; font-size: 13px; line-height: 16px; color: #999; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 25px 0; font-weight: 400;}
.ind-abt-area h1{ display:block; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 32px; color: #333; margin-bottom:30px;}
.ind-abt-area p{ display:block; text-align:left;}

.form-section .form-control{ padding:10px; background:none; color:#24247a!important; font-weight:500!important;}

.blue-area{ display:block; padding:40px 0; background:#004785;}
.blue-area [class^="col-"]{ border-right:1px dotted #fff;}
.blue-area [class^="col-"]:last-child{ border-right:0;}
.blue-area [class^="col-"] div{ position:relative; padding:10px;}
.blue-area [class^="col-"] div img{ position:absolute; left:15px; top:30px;}
.blue-area [class^="col-"] div > div{ position:relative; padding-left:60px; color:#fff; font-size:20px;}

.ind-overview-area{ display:block; padding:60px 20px;}
.ind-overview-area h1{ display:block; font-size:45px;}
.ind-overview-area p{ display:block; font-size:16px; text-align:center; margin-bottom:32px;}
.ind-overview-area [class^="col-"] img{ border-radius: 10px;}
.ind-overview-area [class^="col-"] div{ display:block; text-align:left; } 
.ind-overview-area [class^="col-"] div span{ display:block; font-size:24px; margin-bottom:25px;}
.ind-overview-area [class^="col-"] div p{ display:block; text-align:left; margin-bottom:-5px; font-size:16px;} 
.ind-overview-area [class^="col-"] div ul li{font-size:18px;}

.objectives-bg-area{ display:block; background:#fafafa;}
.objectives-area{ display:block; padding:60px 20px 80px;}
.objectives-area h2{ display:block; font-size:45px;}
.objectives-area span{ display:block; font-family: 'Nuosu SIL', serif; font-size:20px; margin-bottom:50px;}
.objectives-area [class^="col-"] div{ display:block; background:#fff; padding:30px 20px; height:100%; border:1px solid #e6e6e6; border-left:3px solid #cecece; border-radius: 10px;
-webkit-transform:scale(1.0); transform:scale(1.0); 
box-shadow: 0 1px 20px 0 rgb(40 40 40 / 10%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0); } 
.objectives-area [class^="col-"] div:hover{ background:#1b589d; color:#fff; border:1px solid #fff; border-left:3px solid #fff; transition: .3s ease-in-out;
box-shadow: 0 1px 73px 0 rgb(40 40 40 / 15%);
 -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);}
  
  
.components-bg-area{ display:block; background: #012148 url(../images/bg.jpg) no-repeat; min-height:500px; clear:both; background-size: 100%;}
.components-area{ display:block; padding:60px 20px; color:#fff;}  
.components-area strong{ display:block; font-weight:500;}
.components-area span{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; margin-bottom:50px;}  

.components-area [class^="col-"]{ display:block; margin-bottom:40px;} 
.components-area [class^="col-"] div{ display:block; padding:30px; background:#fff; height:100%; border:1px solid #ccc; color:#000; border-radius: 10px;
-webkit-transform:scale(1.0); transform:scale(1.0); 
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}
.components-area [class^="col-"] div:hover{ transition: .3s ease-in-out;
 -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);}
.components-area [class^="col-"] div strong{ display:block; font-size:19px; margin-bottom:10px; font-weight:500; padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:20px; color:#012148;}
.components-area [class^="col-"] div p{ display:block; font-size:16px;}
  
  
.scope-area{ display:block; padding:60px 0px; clear:both;}
.scope-area h3{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; margin-bottom:22px; } 
.scope-area .row{  position:relative; top:-80px; margin-bottom:-80px;}
.scope-area [class^="col-"]{ margin-bottom:30px;}
.scope-area [class^="col-"] div{ display:block; background:#fff; height:100%; padding:30px; /*border:1px solid #e4e4e4;*/
-webkit-transform:scale(1.0); transform:scale(1.0); 
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0); }
.scope-area [class^="col-"] div:hover{ transition: .3s ease-in-out;
 -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);}
  
.scope-area [class^="col-"] div img{ display:block; margin-bottom:10px;}
.scope-area [class^="col-"] div span{ display:block; font-size:25px; font-weight:500; margin-bottom:20px;}   
.scope-area [class^="col-"] div p{ display:block; font-size:18px;}  


.journey-area{ display:block; /*padding:60px 0px 0;*/ background:#cce4eb; text-align:center;}  
.journey-area .container-fluid{ padding:0!important}
.journey-area h4{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; margin-bottom:20px;margin-left: 244px;}  
.journey-area span{ display:block; font-size:18px; font-weight:500; margin-bottom:20px;}  
.journey-area p{ display:block; font-size:30px; margin-bottom:10px;}
.journey-area img{ width:100%; max-width:100%; display:block; margin:0px auto;}

.modules-area{ display:block; /*padding:60px 20px;*/ text-align:center;}  
.modules-area h4{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; margin-bottom:20px;text-align: left}  
.modules-area span{ display:block; font-size:25px; margin-bottom:50px;}  

.four-box [class^="col-"]{ margin-bottom:30px;}
.four-box [class^="col-"] > div{ display:block; background:#dbece5; height:100%; padding:20px; text-align:left; border-radius: 10px;
-webkit-transform:scale(1.0); transform:scale(1.0); 
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0); }
.four-box > [class^="col-"] > div:hover{ transition: .3s ease-in-out;
 -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);}
  
.four-box [class^="col-"]:nth-child(2) > div{ background:#d1ecfd;}
.four-box [class^="col-"]:nth-child(3) > div{ background:#fff3ea;}
.four-box [class^="col-"]:nth-child(4) > div{ background:#f8e7c2;}
.four-box [class^="col-"] > div strong{ display:block; font-size:72px; font-weight:bold; margin-bottom:10px; color:#fff;}
.four-box [class^="col-"] > div span{ display:block; font-size:22px; font-weight:500; margin-bottom:20px;}   

.two-panel-area{ text-align:left;}
.two-panel-area tr td{ padding:20px;} 
.two-panel-area h5{ display:block; font-family: 'Barlow', sans-serif; font-size:25px; font-weight:500; margin-bottom:0;} 
.two-panel-area ul{ list-style-type:none; padding:0;}
.two-panel-area ul li{ position:relative; padding-left:20px; margin-bottom:10px;}
.two-panel-area ul li:before{content:'\f111'; position:absolute; top:7px; left:0px; font-family:'FontAwesome'; font-weight:900; display:block; color:#ffb900; font-size:9px;}


.panel-group1{  display:block; position:relative;}
.panel-group1 .panel-title a{ display:block; text-align:left; padding:15px; font-size:20px; background:#dbece5; color:#000; margin-bottom:0; cursor: pointer;}
.panel-group1 .blue{ background:#d1ecfd!important;}
.panel-group1 .orange{ background:#fff3ea!important;}
.panel-group1 .yellow{ background:#f8e7c2!important;}
.panel-group1 .panel-title a:{ text-decoration:none;}
.panel-group1 .card-header{ padding:0; border:0; margin-bottom:15px;}

.panel-group1 .card{ border:0;}
.card-header .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
content: "\e114"; /* adjust as needed, taken from bootstrap.css */
float: right; /* adjust as needed */
color: grey; /* adjust as needed */
}
.card-header .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
.panel-group1 .card-body{ display:block; padding:15px; background:#fff; border:1px solid #ebe9e9; text-align:left;}
.panel-group1 ul{ list-style-type:none; padding:0;}
.panel-group1 ul li{ position:relative; padding-left:20px; margin-bottom:10px;}
.panel-group1 ul li:before{content:'\f111'; position:absolute; top:7px; left:0px; font-family:'FontAwesome'; font-weight:900; display:block; color:#ffb900; font-size:9px;}





 
.usp-bg-area{ display:block; padding:60px 0; background: #00387d url(../images/bg2.jpg) no-repeat; text-align:center;} 
.usp-bg-area span{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; margin-bottom:40px; color:#fff; font-weight:400;text-align: left} 
.usp-bg-area [class^="col-"]{ margin-bottom:25px;}
.usp-bg-area [class^="col-"] div{ display:block; overflow:hidden; background:#fff; /*height:100%;*/ border-radius: 5px; }
.usp-bg-area [class^="col-"]:hover div{ background:#065dac; color:#fff; transition: .3s ease-in-out;}
.usp-bg-area [class^="col-"] div > div{ display:block; padding:30px; text-align:left;} 
.usp-bg-area [class^="col-"] div > div p{ display:block; font-size:16px; font-weight:400;} 

.architects-area{ display:block; padding:60px 20px;}
.architects-area h2{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; margin-bottom:17px; font-weight:400; color:#00387d;} 
.architects-area h3{ display:block; font-family: 'Nuosu SIL', serif; font-size:28px; margin-bottom:40px; font-weight:400;}
.architects-area [class^="col-"]{ margin-bottom:30px;}
.architects-area [class^="col-"] div a{ display:block; text-align:center;
-webkit-transform:scale(1.0); transform:scale(1.0); 
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}
.architects-area [class^="col-"] div a:hover { transition: .3s ease-in-out;
 -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);}
.architects-area [class^="col-"] div a > div{ display:block; padding:20px; background:#00387d; color:#fff; height:150px;}
.architects-area [class^="col-"] div a > div p{ display:block; margin-bottom:0; font-size:15px;}

.architects-area .modal-header1 { display: inherit!important; color:#00387d;}
.architects-area .modal-title{ display:block; color:#00387d;}
.architects-area .modal-title span{ display:block; font-size:18px!important; clear:both; text-align:left!important; margin-bottom:10px!important; color:#000!important;}
.sub-heading{  display:block; font-family: 'Nuosu SIL', serif; font-size:35px; margin-bottom:30px; font-weight:400; text-align:center;}


.convenience-area{ display:block; padding:20px 0 60px; background:#f8f8f8;}
.convenience-area span{ display:block; font-family: 'Nuosu SIL', serif; font-size:55px; margin-bottom:40px; font-weight:400;}
.convenience-area [class^="col-"]{ display:block; margin-bottom:40px;} 
.convenience-area [class^="col-"] div{ display:block; padding:30px; background:#fff; height:100%; border-right:1px solid #ccc;}
.convenience-area [class^="col-"]:nth-child(3) div, .convenience-area [class^="col-"]:last-child div{ border-right:0;}
.convenience-area [class^="col-"] div strong{ display:block; font-size:18px; margin-bottom:10px;}
.convenience-area [class^="col-"] div p{ display:block; font-size:16px;}

.convenience-area ul{ list-style-type:none; padding:0;}
.convenience-area ul li{ position:relative; padding-left:25px; margin-bottom:20px; font-weight:400;}
.convenience-area ul li i{ position:absolute; left:0; top:4px; color:#1faced; font-size:18px;}
.convenience-area ul li strong{ display:block; margin-bottom:10px; font-size:18px;}


.target-belegates-area{ display:block; overflow:hidden; padding:60px 0; background:url(../images/bg3.jpg) no-repeat; background-size: cover; position:relative;}
.white-box{ display:block; width:50%; padding:2%; background:#fff; float:right;}
.white-box span{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; margin-bottom:30px; font-weight:400;}
.white-box ul{ list-style-type:none; padding:0;}
.white-box ul li{ position:relative; padding-left:25px; margin-bottom:15px; font-weight:400;}
.white-box ul li i{ position:absolute; left:0; top:3px; color:#1faced;}

.registration-area{ display:block; padding:60px 20px;}
.registration-area span{ display:block; font-family: 'Nuosu SIL', serif; font-size:45px; /*margin-bottom:30px;*/ font-weight:400;}
.registration-area ul{ list-style-type:none; padding-left:0; position:relative; text-align:center;}
.registration-area ul li{ display:inline-block; width:25%; margin:0; position:relative;}
.registration-area ul li div{ display:block; background:#fff; padding:30px; border-width: 8px; border-style: solid; position:relative; text-align:left;
border-image: linear-gradient(to right bottom, #c3e0fa, #afb3ba);
border-image-slice: 1;}
.registration-area ul li:nth-child(2), .registration-area ul li:nth-child(4){ width:auto; top:-50px;}
.registration-area ul li div strong{ display:inline-block; padding:5px 20px; font-size:22px; background:#4c91ce; border-radius: 50px; color:#fff; margin-bottom:15px; font-weight:500;}
.registration-area ul li div strong i{ padding-left:20px; font-size:18px;}
.registration-area ul li div p{ display:block; font-size:22px; font-weight:500;}

.footer-area{ display:block; padding:60px 20px 40px; background:#22282e;}
.footer-area [class^="col-"] span{ display:block; font-family: 'Nuosu SIL', serif; font-size:25px; margin-bottom:10px; font-weight:400; text-align:center; color:#fff;}
.footer-area hr{ display:block; margin:40px 0; background:rgba(255, 255, 255, 0.5); height:1px;}
ul.ft-nav{ list-style-type:none; padding-left:0; text-align:center; margin-bottom:50px;}
ul.ft-nav li{ display:inline-block;}
ul.ft-nav li a{ display:block; padding:0px 15px; color:#fff; font-size:18px;}
ul.ft-nav li a:hover{ color:#ffb900;}

ul.social-nav{ list-style-type:none; padding-left:0; text-align:center; margin-bottom:30px;}
ul.social-nav li{ display:inline-block;}
ul.social-nav li a{ display:block; padding:0px 8px; color:#fff; font-size:40px;}
ul.social-nav li a:hover{ color:#ffb900;}
.footer-area p{ display:block; text-align:center; color:#b9b9b9;}
.footer-area p a{ color:#b9b9b9;}
.footer-area p a:hover{ color:#ffb900;}

.faculty-area{ display:block; padding:80px 20px; clear:both; overflow:hidden;}
.faculty-area h1{ display:block; font-family: 'Nuosu SIL', serif; font-size:55px; margin-bottom:40px; font-weight:400; text-align:center; clear:both;}
.faculty-area h2{ display:block; font-family: 'Nuosu SIL', serif; font-size:55px; margin:40px 0; font-weight:400; text-align:center; clear:both;} 
/*.faculty-area [class^="col-"]{ margin-bottom:35px;}
.faculty-area [class^="col-"] div a{ display:block; text-align:center;
-webkit-transform:scale(1.0); transform:scale(1.0); 
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);}
.faculty-area [class^="col-"] div a:hover{ transition: .3s ease-in-out;
 -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);}
.architects-area [class^="col-"] div > div{ display:block; padding:20px; background:#00387d; color:#fff; height:140px;}
.architects-area [class^="col-"] div > div p{ display:block; margin-bottom:0; font-size:15px;}

.faculty-area [class^="col-"] div a > div{ display:block; padding:20px; background:#00387d; color:#fff; height:160px;}
.faculty-area [class^="col-"] div a > div p{ display:block; margin-bottom:0; font-size:15px;}*/

.faculty-area .modal-header1 { display: inherit!important; color:#00387d;}
.faculty-area .modal-title{ display:block; color:#00387d;}
.faculty-area .modal-title span{ display:block; font-size:18px!important; clear:both; text-align:left!important; margin-bottom:10px!important; color:#000!important;}

.coaches-area{ display:block; padding:40px 0; background:#f8f8f8; clear:both;}


.speaker_image {

	position: relative;

	display: block;

}

.speaker_name {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	background-color: rgba(1,96,152,0.70);

	padding: 10px 15px;

	transition: all 0.3s linear;
	text-align:left;

}

.speaker_name::after {

	position: absolute;

	bottom: 7px;

	left: 15px;

	content: '';

	width: 82px;

	height: 2px;

	background-color: #fff;

}

.speaker_name h4 {

	font-size: 18px;

	color: #fff;

	margin: 0;

	font-family: 'Museo Sans Cyrl 300';
	text-align:left;

}

.speaker_name h4 span {

	font-family: 'Museo Sans Cyrl 700';

	font-size: 24px;
	text-align:left;

}

.speaker_hover h4 {

	font-size: 16px;

	color: #fff;

	margin: 0;

	font-family: 'Museo Sans Cyrl 300';

    position:relative;
	text-align:left;

}

.speaker_hover h4 span {

	font-family: 'Museo Sans Cyrl 700';

	font-size: 22px;
	text-align:left;

}

.speaker_hover h4::after {

	position: absolute;

	top: 58px;

	left: 0;

	content: '';

	width: 82px;

	height: 2px;

	background-color: #fff;

}

.speaker_hover {

	position: absolute;

	background: rgb(244,102,30);

	background: linear-gradient(138deg, rgba(244,102,30,0.5578432056416316) 30%, rgba(230,7,34,1) 100%); 

	background-repeat: no-repeat;

	display: flex;

	width: 100%;

	height: 100%;

	justify-content: flex-start;

	align-items: center;

	color: #fff;

	padding: 25px;

	cursor: pointer;

	top: 0;

	left: 0;

    opacity: 0;

    /*-webkit-transform: perspective(400px) rotateX(-90deg);

    -ms-transform: perspective(400px) rotateX(-90deg);

    transform: perspective(400px) rotateX(-90deg);

    -webkit-transform-origin: left;

    -ms-transform-origin: left;

    transform-origin: left;*/

    -webkit-transform: scale(0,1);

    -ms-transform: scale(0,1);

    transform: scale(0,1);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.speaker_image:hover .speaker_hover {

	opacity: 1;

	-webkit-transform: scale(1,1);

    -ms-transform: scale(1,1);

    transform: scale(1,1);

    /*-webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);*/

}

.speaker_image:hover .speaker_name {

    opacity:0;

}

.speaker_list {

	width: 100%;
	list-style-type:none;
	padding-left:0;

}

.speaker_list > li {
	float: left;
	padding: 15px;
	width: 25%;
}

.speaker_hover strong{ position:absolute; right:10px; top:10px; font-size: 20px; background: #000; padding: 0px 8px 2px; border-radius: 50px;}



#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}


.about-area{ display:block; padding:80px 20px; clear:both; overflow:hidden; position:relative;}
.about-area h1{ display:block; font-family: 'Nuosu SIL', serif; font-size:55px; margin-bottom:40px; font-weight:400; text-align:center; clear:both;}
.about-area h2{ display:block; font-family: 'Nuosu SIL', serif; font-size:30px; margin:40px 0 20px; font-weight:400; text-align:center; clear:both;} 

.about-area hr{ display:block; position:relative; border-top: 3px solid rgba(0, 0, 0, 1);}
.dt-box {
    position: absolute;
    left:50%;
    transform:
    translate(-50%,0);
    /* top: 50%; */
    bottom: 275px;
    background: #fff;
    padding: 10px 30px;
}

ul.social-nav1{ list-style-type:none; padding-left:0; text-align:center; margin-top:15px;}
ul.social-nav1 li{ display:inline-block; padding:0px 12px; font-size:34px; border-right:1px solid #ccc;}
ul.social-nav1 li:last-child{ border-right:0;}
ul.social-nav1 li > a{ color:#3b5998;}
ul.social-nav1 li:nth-child(2) > a{ color:#55acee;}
ul.social-nav1 li:nth-child(3) > a{ color:#0177b5;}
ul.social-nav1 li:nth-child(4) > a{ color:#ff0000;}
ul.social-nav1 li > a:hover{ color:#002060;}

.grey-bg{ display:block; padding:10px; text-align:center; font-size:22px; font-weight:500; letter-spacing:2px; background:#ffc40b;}

  

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1100px){
	.form-section{ position:relative; right:0; top:0; width:50%; margin:40px auto; /*border:1px solid #ccc;*/}

}
@media (max-width: 1030px){
	body{ overflow-x: hidden;}
	.stellarnav > ul > li > a{ padding: 13px 9px!important;}
	.hader-bg-area{ position:relative; background:#fff;}
	a.logo img{ height:auto; display: block; margin: 0px auto;}
	.fix a.logo img{ height:auto; }


}

@media (max-width: 991px){
	.header-area{ text-align:center;}
	.fix{ position:static!important;}
	a.logo img{ display:block; height:auto; margin: 0px;}
	.fix a.logo img{ height:auto; }
	
	.white-box { display: block; width: 96%; float: none; margin: 0px 2%;}
	.registration-area ul li{ width:100%; margin-bottom:20px;}
	.registration-area ul li:nth-child(2), .registration-area ul li:nth-child(4){ display:none;}
	

}

@media (max-width: 767px){
	.navigation{z-index:99999; display:block;}
	.components-area span, .scope-area h3, .usp-bg-area span, .convenience-area span{ font-size:40px;}
	.modules-area h4, .journey-area h4, .registration-area span, .footer-area [class^="col-"] span{ font-size:38px;}
	.convenience-area [class^="col-"] div{ border-bottom: 1px solid #ccc; border-right: 0;} 
	.footer-area{ text-align:center;}
	ul.ft-nav li{ display:block; margin:5px 0;}

	
}

@media (max-width: 500px){
	.stellarnav.mobile .menu-toggle{ top:-50px!important;}
	.form-section{ width:100%;}
	.download-report{ display:block; width:100%; margin:25px 0 0;}
}

@media (max-width: 380px){
	

}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}
