@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
  
body, html{
	font-family: "Lato",Arial,Helvetica,sans-serif !important;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
    color: #5a5a5a;
	font-size:15px !important;
 }

h1{
	text-transform: uppercase;
}
h1 strong{
	font-weight: 900;
}
h2{
	text-transform: uppercase;
	line-height: 20px;
	margin:  0;
}
h3{
font-size: 18px;
font-weight: 900;
}
h4{
	text-transform: uppercase;
}
h5{
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p{
    /*--font-family: 'Open Sans', sans-serif; --*/
    font-family: "Lato",Arial,Helvetica,sans-serif
}
p.intro{
	font-size: 16px;
	margin: 12px 0 0;
	line-height: 24px;
	text-align: left;
	/*--font-family: 'Open Sans', sans-serif; --*/
    font-family: "Lato",Arial,Helvetica,sans-serif
}
a{ color: #74e3ff;}
a:hover,
a:focus{
	text-decoration: none;
	color: #74e3ff;
}

.section-title hr{
	border-color: #74e3ff;
	border-width: 4px;
	width: 60px;
	float: left;
  clear: both;
  margin-top: 8px;
    margin-bottom: 8px;
}
.section-title p{
	font-size: 16px;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ul, ol{
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
}
/* Navigation */
#tf-menu {
	padding: 0px 0px;
	transition: all 0.8s;
}
#tf-menu.navbar-default {
	background-color: rgba(248, 248, 248, 0);
  border-color: rgba(231, 231, 231, 0);
   position: fixed; margin-bottom: 0;

}
.on .top-header{
  background: #499bb0;
}
#tf-menu a.navbar-brand {
text-transform: uppercase;
font-size: 22px;
color: #fff;
font-weight: 900;
}

#tf-menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
    letter-spacing: 0.8px; padding: 3px 10px;
    
}
#tf-menu.navbar-default .navbar-nav > li > a.nav-link{
  position: relative;
    top: 4px;
}
#tf-menu.navbar-default .top-header .navbar-nav > li > a{
  font-size: 13px;
}
#tf-menu.nav > li > a{	padding:10px 7px   !important;;}
.on {
	background-color: #357e90 !important;
	 
}


[data-simplebar]{position:relative;z-index:0;overflow:hidden;-webkit-overflow-scrolling:touch}[data-simplebar=init]{display:-webkit-box;display:-ms-flexbox;display:flex}.simplebar-scroll-content{overflow-x:hidden;overflow-y:scroll;min-width:100%;-webkit-box-sizing:content-box;box-sizing:content-box}.simplebar-content{overflow-x:scroll;overflow-y:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100%}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:11px}.simplebar-scrollbar{position:absolute;right:2px;border-radius:7px;min-height:10px;width:7px;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;background:#000;background-clip:padding-box}.simplebar-track:hover .simplebar-scrollbar{opacity:.5;-webkit-transition:opacity 0 linear;transition:opacity 0 linear}.simplebar-track .simplebar-scrollbar.visible{opacity:.5}.simplebar-track.horizontal{left:0;width:auto;height:11px}.simplebar-track.vertical{top:0}.horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto}
.demo {
  height: calc(100vh - 153px);
  height: -webkit-calc(100vh - 153px);
  overflow: hidden;
  margin: 0 auto;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color: #74e3ff !important;
	background-color: transparent;
	font-weight: 700;
}

.navbar-toggle {
	border-radius: 0;
	}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #FCAC45;
	border-color: #FCAC45;
	}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
	}
/* Home Style */
#tf-home{
	background: url(../img/homeban.png);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
}

#tf-home .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: 750px;
	background-attachment: fixed;
}
#tf-home p.lead{
	color: #e3e3e3;
}

.content{
	position: relative;
	padding: 20% 0 0;
}

.color{
	color: #74e3ff;
}
.img-pro-ed{
  padding-bottom: 15px;
}
.img-pro-ed img{

}
figure.snip1192 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 100%;
  width: 100%;
  color: #333;
  text-align: left;
  box-shadow: none !important; margin-bottom: 40px;
}
.snip1192  .boxbrder{
	  border:3px solid #499bb0
  }
  
figure.snip1192:hover blockquote{
	    
}
figure.snip1192:hover blockquote{ 
  background-color: #357e90; color: #fff;
}
figure.snip1192 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip1192 img {
  max-width: 100%;
  height: 100px;
  width: 100px;
  border-radius: 15px;
  margin-bottom: 15px;
  display: inline-block;
  z-index: 1;
  position: relative;
}
figure.snip1192 blockquote {
  margin: 0;
  display: block;
  border-radius: 8px;
  position: relative;
  background-color: #fafafa;
  padding: 30px 50px 65px 50px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 -70px;
  line-height: 1.6em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); height: 220px;
}
.apply-btn{
  padding-bottom: 60px; text-align: right;
  position: relative;
  top: -52px;
}
.apply-btn a{
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  border: 0;
  position: relative;
  letter-spacing: 0.15em;
  margin: 0 auto;
  padding: 1rem 2.5rem;
  background: #499bb0;
  outline: none;
  font-size: 22px;
  color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;
}
.apply-btn a:before, .apply-btn a:after {
  border: 0;
  content: "";
  position: absolute;
  height: 40%;
  width: 10%;
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: -2;
  border-radius: 50%;
}

/* /--apply-now---/ */
.card-4 {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
}
.card-4 .card-body {
  padding: 57px 65px;
  padding-bottom: 65px;
}
.row-space {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.input-group {
  position: relative;
  margin-bottom: 22px;
}

.apply-form-col .input-group label {
  font-size: 16px;
  color: #555;
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px; padding-left: 0;
}
.input--style-4 {
  line-height: 45px;
  background: #fafafa;
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; border:0;  width: 100%;
}
.p-t-10 {
  padding-top: 10px; clear: both;
}
.input-group .radio-container {
  display: inline-block;
  position: relative;
  padding-left: 30px !important;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; padding-right: 15px;
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.select2-selection__arrow {
  height: 50px;
  right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
 .select-dropdown select{
  line-height: 45px;
    background: #fafafa;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 20px;
    font-size: 16px;
    color: #666;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 0;     width: 100%
}
.card-body .input-group{
  display: block;
}
.card-body .input-group.select-full label{
  display: block; width:100%; text-align: left;
}

.select-dropdown{
  display: block;
}
.p-t-15{
  padding-top: 30px;
}

.p-t-15 .btn--radius-2{
  line-height: 50px;
  padding: 0 50px;
  color: #fff;
}

.radio-container input:checked ~ .checkmark {
  background-color: #e5e5e5;
}

.radio-container input:checked ~ .checkmark:after {
  display: block;
}

.radio-container .checkmark:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #57b846;
}

.checkmark {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #e5e5e5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.input-group {
  position: relative;
  margin-bottom: 22px;
}
.select2-selection__rendered {
  line-height: 50px;
  padding-left: 0;
  color: #555;
  font-size: 16px;
  font-family: inherit;
  padding-left: 22px;
  padding-right: 50px;
}
.apply-form-col{
  padding-top: 25px;
    padding-bottom: 25px;
    background: #f5f5f5;
}
.wrapper--w680 {
  max-width: 680px; margin: auto;
}

.apply-now-btns-col{
  width: 300px;
    position: fixed;
    right: -12px;
    top: 43%;
}
.apply-now-btns-col button{
  position: absolute;
    left: -112px;
    top: 44px; display: none;
}
.btns-col-sub {
  background: #fff;
  border: 1px solid #dfdfdf;
}
.btns-col-sub a{
  font-size: 13px;
    border-bottom: 1px solid #dfdfdf;
    padding: 12px 14px;
    display: block; position: relative; text-decoration: none !important;
}

.btns-col-sub a:hover{
  color: #74e3ff;
  padding-left: 25px;
  border-color: transparent;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  background: #fafafa;
}
.btns-col-sub a::before{
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 5px;
  background: #74e3ff;
  z-index: 9;
  border-radius: unset;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.btns-col-sub a:hover:before{
  opacity: 1;
  left: 0px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
 
/* /--appl-now-/ */














.apply-btn a:before{
  border: 0;
  background-color: #74e3ff;
  top: -0.75rem;
  left: 0.5rem;
  -webkit-animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
  animation: topAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;

}
.apply-btn a:after {
  background-color: #499bb0;
  top: 3rem;
  left: 13rem;
  -webkit-animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
  animation: bottomAnimation 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
}
.apply-btn a:hover::before, .apply-btn a:hover::after {
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 0;
  -webkit-animation: none;
  animation: none;
}
.apply-btn a:hover{
  color:#fff !important;  text-decoration: none !important;
}
.apply-btn a:hover::before {
  top: 0.5rem;
  left: 0.35rem;
}
.apply-btn a:hover::after {
  left: 0rem;
}
@-webkit-keyframes topAnimation {
  from {
    -webkit-transform: translate(0rem, 0);
            transform: translate(0rem, 0);
  }
  to {
    -webkit-transform: translate(0rem, 3.5rem);
            transform: translate(0rem, 3.5rem);
  }
}

@keyframes topAnimation {
  from {
    -webkit-transform: translate(0rem, 0);
            transform: translate(0rem, 0);
  }
  to {
    -webkit-transform: translate(0rem, 3.5rem);
            transform: translate(0rem, 3.5rem);
  }
}
@-webkit-keyframes bottomAnimation {
  from {
    -webkit-transform: translate(-11.5rem, 0);
            transform: translate(-11.5rem, 0);
  }
  to {
    -webkit-transform: translate(0rem, 0);
            transform: translate(0rem, 0);
  }
}
@keyframes bottomAnimation {
  from {
    -webkit-transform: translate(-11.5rem, 0);
            transform: translate(-11.5rem, 0);
  }
  to {
    -webkit-transform: translate(0rem, 0);
            transform: translate(0rem, 0);
  }
}

figure.snip1192 blockquote:before,
figure.snip1192 blockquote:after {
  font-family: 'FontAwesome';
  content: "\201C";
  position: absolute;
  font-size: 50px;
  opacity: 0.3;
  font-style: normal;
}
figure.snip1192 blockquote:before {
  top: 35px;
  left: 20px;
}
figure.snip1192 blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 35px;
}
figure.snip1192 .author {
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
}
figure.snip1192 .author h5 {
  opacity: 0.8;
  margin: 0;
  font-weight: 800; color: #499bb0; padding-top: 20px;
}
figure.snip1192 .author h5 span {
  font-weight: 400;
  text-transform: none;
  display: block; padding-top: 10px; color:#000;
}
figure.snip1192:hover .author h5 {
  opacity: 1;
}
.img-pro-ed h3{
  margin-top: 0px; font-size: 30px;
}
.img-pro-ed h4{
  color: #ce008f;
}
.img-pro-ed  h2{
  font-size: 44px;
}
a.fa.fa-angle-down {
	padding: 10px 15px;
	color: #fff;
	border: 2px solid #b4b4b4;
	border-radius: 50%;
	font-size: 24px;
	margin-top: 200px;
	transition: all 0.5s;
}
a.fa.fa-angle-down:hover{
	background: #fcac45;
	color: #ffffff;
	border: 2px solid #fcac45;
}
/* About Section */
#tf-about{
	padding: 30px 0;
}
ul.about-list{
	margin-left:35px;
}
ul.about-list li{
	/*display: block;*/
	font-size: 16px;
	line-height: 30px;
	/*--font-family: 'Open Sans', sans-serif; --*/
    font-family: "Lato",Arial,Helvetica,sans-serif
	padding-left:6px;
}
ul.about-list li span{ 
	margin-right: 10px;
}
#myChart{
  height: 300px !important;
}
/* Team Section */
#tf-team{
	background: url(../img/03.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
}
#tf-team .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
	padding: 20px 0;
}
#tf-team2ism{
	background: url(../img/rec-bg.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
}
#tf-team2ism .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
	padding: 24px 0;
}
.section-title.center{
	padding: 30px 0;
}
.section-title h2,
.section-title.center h2{
	font-weight: 600;
}
.section-title.center .line{
	border-top: 4px solid #74e3ff;
	height: 10px;
	width: 60px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}

.section-title.center hr {
	border-top: 4px solid;
	width: 40px;
	text-align: center;
	margin-top: 10px;
	position: relative;
	left: 17%;
}
#team{ margin: 0 auto}
#team .item{
    padding: 0;
    margin: 15px;
    color: #FFF;
    text-align: center;
}

img.img-circle.team-img {
	width: 200px;
	height: 200px;
	border: 4px solid transparent;
	transition: all 0.5s;
}
#tf-team .item .thumbnail:hover>img.img-circle.team-img{
	border: 4px solid #FCAC45;
}
#tf-team .thumbnail {
	background: transparent;
	border: 0;
}

#tf-team .thumbnail .caption {
	padding: 9px;
	color: #F2F2F2;
}


#tf-team2ism .item .thumbnail:hover>img.img-circle.team-img{
	border: 4px solid #FCAC45;
}
#tf-team2ism .thumbnail {
	background: transparent;
	border: 0;
}

#tf-team2ism .thumbnail .caption {
	padding: 9px;
	color: #F2F2F2;
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 20px;
	border-radius: 0;
	background: #FFFFFF;
	transition: all 0.5s;
}

.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #74e3ff;
}
.owl-theme .owl-controls .owl-page.active span{
	background: #74e3ff;
}

/* Services Section */
#tf-services{
	padding: 0px;
}

.space{
	margin-top: 40px;
}

#tf-services i.fa {
	font-size: 25px;
    width: 90px;
    height: 90px;
    padding: 34px 0px;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all 0.5s;
    background: #eceeff;
}

#tf-services i.fa.fa-mobile{
	font-size: 50px;
	padding: 20px 25px;
}

#tf-services .service:hover>i.fa{
	background: #74e3ff;
	color: #ffffff;
}

/* Clients Section */
#tf-clients{
	background: url(../img/04.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
}

#tf-clients .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	padding: 30px 0;
	background-attachment: fixed;
}

#clients .item{
    padding: 0;
    /*margin: 35px;*/
    color: #FFF;
    text-align: center;
}
/* Gallery Section 
==============================*/
#tf-works{
  padding: 10px 0;
  background: url(../img/services-bg.png) no-repeat;
      background-size: 100%;
}
.categories{ 
	padding: 10px 0;
}
ul.cat li{
	display: inline-block;
}
#tf-works li.pull-right {
	margin-top: 10px;
}
ol.type li{
	display: inline-block;
	margin-left: 20px;
}
ol.type li:after{
	content: ' | ';
	margin-left: 20px;
}
ol.type li:last-child:after { content: ''; }
ol.type li a{ color: #222222}
ol.type li a.active { font-weight: 700; }
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { z-index: 1 }
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope-item {
    margin-right: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.isotope {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.portfolio-item{
	margin-bottom: 30px;
}
.portfolio-item .hover-bg{
	height: 260px;
	overflow: hidden;
	position: relative;
}

.top-header .navbar-nav hr {
  height: .25rem;
  width: 0;
  margin: 0;
  background: #fff;
  border: none;
  transition: .3s ease-in-out;
}

.one:hover ~ hr {
  margin-left: 0%; width: 11%;
}

.two:hover ~ hr {
  margin-left: 12%; width: 11%;
}

.three:hover ~ hr {
  margin-left: 26%; width: 11%;
}

.four:hover ~ hr {
  margin-left: 42%; width: 11%;
}
.five:hover ~ hr {
  margin-left: 57%; width: 11%;
}
.six:hover ~ hr {
  margin-left: 71%;
    width: 9%;
}

.top-header .navbar-nav li a{
  text-decoration: none;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 25% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
    transition: all 0.5s;
}
.hover-bg .hover-text>h4{
	opacity: 0;
	-webkit-transform: translateY(100%);
            transform: translateY(100%);
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>h4{
	opacity: 1;
    -webkit-backface-visibility:hidden;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.hover-bg .hover-text>i{
	opacity: 0;
	-webkit-transform: translateY(0);
            transform: translateY(0);
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>i{
	opacity: 1;
    -webkit-backface-visibility:hidden;
   -webkit-transform: translateY(100%);
            transform: translateY(100%);
}
.hover-bg:hover .hover-text{
	opacity: 1;
}
#tf-works i.fa {
	height: 30px;
	width: 30px;
	border: 1px solid #74e3ff;
	font-size: 20px;
	padding: 5px;
	border-radius: 50%;
	color: #74e3ff;
}
/* Testimonials Section */
#tf-testimonials{
	background: url(../img/testimonials.jpg) !important;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
}

#tf-testimonials .overlay{
	/* background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4)));  
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);  
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);  
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);  
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); IE6-9 */
	padding: 10px 0;
	background-attachment: fixed; background: rgba(0, 0, 0, 0.75);
}
#testimonial {
	padding: 30px 0;
}
#testimonial .item{
    display: block;
    width: 100%;
    height: auto;
}

#testimonial .item p {
	font-weight: 400;
	margin: 30px 0;
	color: #d1d1d1;
}
/* Contact Section */
#tf-contact{
	padding: 80px 0;
}

label {
	float: left;
	font-size: 12px;
	font-weight: 400;
	/*--font-family: 'Open Sans', sans-serif; --*/
    font-family: "Lato",Arial,Helvetica,sans-serif
}
#tf-contact .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

#tf-contact .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}

button.btn.tf-btn.btn-default {
	float: right;
	background: #74e3ff;
	border: 0;
	border-radius: 0;
	padding: 10px 40px;
	color: #ffffff;
	text-transform: uppercase;
}
.menubg{
    background-color: #357e90 !important; padding: 0 !important;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
	outline: thin dotted;
	outline: none;
	outline-offset: none;
}
/* Footer */
nav#footer{
	background: #222222;
	color: #ffffff;
	padding: 20px 0 15px 0;
}
nav#footer .fnav{ vertical-align: middle;}
ul.footer-social li{
	display: inline-block;
	margin-right: 10px;
}
nav#footer p{
	font-size: 12px;
	margin-top: 10px;
}
#footer i.fa {
height: 50px;
    width: 50px;
    border: 3px solid #ffff;
    font-size: 30px;
    padding: 8px 8px;
    border-radius: 50%;
	color: #8c8c8c;
	transition: all 0.8s;
}
#footer i.fa:hover{
	background: #74e3ff;
	border: 3px solid #ffff;
	color: #ffffff;
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2); 
}
.menu {
	margin-top: 8px !important;
}
.service h4 {
	font-size: 17px;
	min-height: 38px;	
}
.service h3 {
	font-size: 18px;
	line-height: 1.35em;
	font-weight: 600;
}

.employees,.customer,.design,.order
{
    margin-top: 30px;
    margin-bottom: 30px;
}
/*.counter-count
{
    font-size: 18px;
    background-color: #00b3e7;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}*/
.employees .bac-col, .customer .bac-col, .design .bac-col, .order .bac-col {
	font-size: 28px;
    background-color: #00b3e7;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 120px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}
.employee-p, .customer-p, .design-p, .order-p {
	font-size:22px;
}
.video-l {
	margin:0 auto;
}
.open-itl {
	font-weight:400;
}

.tcb-bs-fullscreen {
  height: 100%;
}
.tcb-bs-fullscreen .carousel,
.tcb-bs-fullscreen .item,
.tcb-bs-fullscreen .active {
  height: 100%;
}
.tcb-bs-fullscreen .carousel-inner {
  height: 100%;
}
/****************************
USE BACKGROUND IMAGES IN CAROUSEL SLIDER
*****************************/
.carousel-bg .carousel-inner .item {
  background-color: darkslategrey;
  background-size: cover;
  background-position: center;
  min-height: 360px;
}
.carousel-bg .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: 750px;
	background-attachment: fixed;
}
.padd-t {
	padding-top:25px;
}
.service:hover {
   /*-- box-shadow: 3px 3px 4px 4px #888888; --*/
}
.foot-lo p {
	padding-top:10px;
}
.foo-sam {
	background-color:#ffffff;
	color:#000000;
}

.overlay-foot123{
	background: -moz-linear-gradient(top,  rgba(166,227,255,0.8) 0%, rgba(166,227,255,0.73) 17%, rgba(166,227,255,0.66) 35%, rgba(166,227,255,0.55) 62%, rgba(166,227,255,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,227,255,0.8)), color-stop(17%,rgba(166,227,255,0.73)), color-stop(35%,rgba(166,227,255,0.66)), color-stop(62%,rgba(166,227,255,0.55)), color-stop(100%,rgba(166,227,255,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(166,227,255,0.8) 0%,rgba(166,227,255,0.73) 17%,rgba(166,227,255,0.66) 35%,rgba(166,227,255,0.55) 62%,rgba(166,227,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(166,227,255,0.8) 0%,rgba(166,227,255,0.73) 17%,rgba(166,227,255,0.66) 35%,rgba(166,227,255,0.55) 62%,rgba(166,227,255,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(166,227,255,0.8) 0%,rgba(166,227,255,0.73) 17%,rgba(166,227,255,0.66) 35%,rgba(166,227,255,0.55) 62%,rgba(166,227,255,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(166,227,255,0.8) 0%,rgba(166,227,255,0.73) 17%,rgba(166,227,255,0.66) 35%,rgba(166,227,255,0.55) 62%,rgba(166,227,255,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	background-attachment: fixed;
}

.container.gallery-container {
    background-color: #fff;
    color: #35373a;
    /*min-height: 100vh;
    padding: 30px 50px;*/
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    /*padding: 40px;*/
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.form-faculty{
  box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.1); padding: 6.5rem 5.5rem;   border-radius: 12px; width: 100%;
  margin: auto;
  
    background-size: cover; position: relative;
}
.form-faculty:hover{
  box-shadow: 0 4px 12px rgb(14 14 14 / 70%);
}
.form-faculty::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute; left: 0;top:0; background:  url(../img/search-faculty-bg.jpg) top left repeat; border-radius: 12px; background-size: cover; opacity: 0.5;
}
.form-faculty .form-group {
  margin-bottom: 24px;
}
.form-faculty form{
  position: relative;
}

.form-faculty label{
  color:#fff;
}
.form-faculty .form-group {
   width: 100%;
 }
.form-faculty .btn-primary{
  background-color: #0062cc;
  border-color: #005cbf; display: block;
  width: 100%; border-radius: 20px; padding: 10px; outline: none !important;
}
.form-field select, .form-field input{
  display: block;
    width: 100%;
    height: 40px;
    padding: 10px 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f5f7fa;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 0;
    box-shadow: none;
    border-radius: 5px; font-size: 14px;
}
.sel {
  display: inline-block;
    width: 100%;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    padding: 1.2em 3em 1.2em 1em;
    background: white;
    font-size: 15px;
}

.sel::before {
  position: absolute;
    content: '\f063';
    font-family: 'FontAwesome';
    font-size: 1em;
    color: #fff;
    height: 100%;
    top: 0;
    width: 50px;
    right: 0;
    line-height: 4rem;
    background: #357e90; 
}

.sel.active::before {
  transform: rotateX(-180deg);
}

.sel__placeholder {
  display: block;
    color: #838e95;
    text-align: left;
    pointer-events: none;
    user-select: none;
    visibility: visible;
}

.sel.active .sel__placeholder {
  visibility: hidden; position: relative; top:-3px; 
}

.sel__placeholder::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2em 0.5em;
  content: attr(data-placeholder);
  visibility: hidden;
}

.sel.active .sel__placeholder::before {
  visibility: visible;
}

.sel__box {
  position: absolute;
  top: calc(100% + 4px);
  left: 0px;
  display: none;
  list-style-type: none;
  text-align: left;
  font-size: 1em;
  background-color: #FFF;
  width: calc(100% + 0px);
  box-sizing: border-box; z-index: 3;     height: 300px;
  overflow-y: auto;
}

.sel__box::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.sel__box::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
.why-choose .block-why h3 {
    color: #251f85;
}
.sel__box::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.form-faculty .form-field input{
  font-size: 14px;
  height: 57px;
  border-radius: 0;
}
.thumnail-slider{
  background: #dfdfdf;
    height: 250px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sel.active .sel__box {
  display: block;
  animation: fadeInUp 500ms;
}

.sel__box__options {
  display: list-item;
    color: #838e95;
  padding: 1em 1em;
  user-select: none; font-size: 14px; border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sel__box__options::after {
  content: '\f00c';
  font-family: 'FontAwesome';
  font-size: 0.5em;
  margin-left: 5px;
  display: none;
}

.sel__box__options.selected::after {
  display: inline;
}

.sel__box__options:hover {
  background-color: #ebedef;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

h4.ftrgap {
    margin-top: 30px;
}
.ftrtxtclrs {
color:#26b99a;
}
.icon-bar2 {
    position: fixed;
    width: 40px;
    top: 27%;
    color: #ffff;
    right: 97.1%;
    border: 2px solid #ffff;
    border-radius: 6px;
    background: #347d9c;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
}
.icon-bar2 a {
  text-align: center;
  padding: 7px;
  transition: all 0.3s ease;
  color: #ffff !important;
  font-size: 12px;
  font-weight: 600;
   writing-mode: vertical-rl;
   text-orientation: upright;
   text-decoration: none !important;
}
.icon-bar2:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  background: #216288;
  border: 2px solid #ffff;
  border-radius: 6px;
  font-size: 12px;
  right: 96.95%;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.two-icons li{
  width:235px; flex: none !important;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 830px){
  .modal-content {
    width: 100%;
  }
  .h2, h2 {
    font-size: 20px !important;
}
.h3, h3 {
  font-size: 18px !important;
}
  #cd-search{
    height: 90px;
    top: 100px;
    padding-top: 10px;
   }
   .team-sam h3 {
    font-size: 18px;
}
.employee-p, .customer-p, .design-p, .order-p {
  font-size: 18px;
}
.employees .bac-col, .customer .bac-col, .design .bac-col, .order .bac-col {
  font-size: 22px;
   line-height: 100px;
  width: 100px;
  height: 100px;
 }
 .foot-lo .on-li ul {
   padding-left: 0;
}


}


/* slider-alumni */

/* slider обертка */
.alumni-page-slider .slider {
	position: relative;
	height: 100%;
	width: 100%;
	overflow:hidden;
}

/*Окно со слайдами*/
.alumni-page-slider .slider-content {
	position: relative;		
	width: 100%;
}
.poppup-body .content-scroll .popup-cnt:first-child h2{
  font-size: 25px;
}
.poppup-body .content-scroll .popup-cnt:first-child h3{
  font-size: 18px;
}
.full-width-alumni{
  background: #f5f5f5;
}

/*Контейнер для слайдов (передвигаем)*/
.alumni-page-slider .slider-content-wrapper {
	display: flex;
 	transition: transform 0.5s ease-in-out;
}
.alumni-page-slider{
  padding-top: 30px;
  padding-bottom: 30px;
}
/*Слайд*/
.alumni-page-slider .slider-content__item {
	flex: 1 0 100%;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 100px;
	color: rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider-content__item{

}
.img-anim{
  height: 300px; overflow: hidden;
}
.img-anim img{
  width: 100%;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
}
.img-anim:hover img{
  width: 120%;
  margin: 0 0 0 -10%;
  -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}

/* Блок с контролами */
.alumni-page-slider .slider-controls {
	padding:20px;
	text-align: center; display: none;
}

/* Блок с контролами внутри окна */
.alumni-page-slider .slider-content__controls {
	/* position:absolute; */
	top:0;left:0;
	width: 100%;
	height: 100%;
	z-index:1;
	/*transform: translateY(-50%);*/
	/*padding:0 15px;*/
}

/* Arrows */
.alumni-page-slider .prev-arrow, .alumni-page-slider .next-arrow {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	cursor: pointer;
	color:rgba(0,0,0, 0.3);
	width: 20px;
	transition: all 0.3s;
}
.alumni-page-slider .prev-arrow {left: 20px;}
.alumni-page-slider .next-arrow {right: 20px;}

.alumni-page-slider .prev-arrow:hover,
.alumni-page-slider .next-arrow:hover {
	cursor: pointer;
	color:rgba(0,0,0, 0.7);
}

/* Dots */
.dots {
	position:absolute;
	display: flex;
	left:50%;
	transform: translateX(-50%);
	bottom:10%;
}

.dot {
	cursor: pointer;
	width: 8px;
	height: 8px;
	margin-right: 4px;
	background-color: rgba(0,0,0, 0.3);
	/*box-shadow: 0 0 5px 0px rgba(0,0,0,0.9);*/
	border-radius: 50%;
	transition:all 0.3s;
}

.dot:last-child {margin-right: 0;}
.dot:hover {background-color: #fff;}
.dot--active {background-color: rgba(255,255,255, 0.5);}

/* Buttons */
button {
	cursor: pointer;
	margin-right: 8px;
	border:none;
	border-radius: 4px;
	padding:10px;
	background-color: #3066BE;
	color:#FFF;
	transition: all 0.5s;
}
button:last-child {margin-right: 0;}
button:hover {background-color: #60AFFF;}
button:focus {outline: none;}

/* Mods */
.disabled {
	background-color: #DCCFCF;
	color:#B0A8A8;
	cursor: default;
	pointer-events:none;
}

.alumni-page-slider .d-none {display: none;}
.alumni-page-slider .active {opacity: 1;}
.alumni-page-slider .centered {
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
}


/* slider-alumni */











@media (min-width: 768px) {
    /*added by T Morphy */
/*from http://www.barrykooij.com/bootstrap-submenu-open-on-mouse-over/ to get hover behaviour on desktop */
ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
ul.nav li.dropdown:hover ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
    display: none;
} 
ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu {
    display: block;
} 
  .lead {
    font-size: 21px;
  }
  .menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
}
.foot-lo h3 {
	color:#413ca0;
	text-transform:uppercase; margin-top: 0px;
}
.foot-lo a {
	color:#000000 !important;
	font-weight: 600;
}
.foot-lo li {
	padding-top:5px;
	padding-bottom:0px;
}
.foot-lo h4 {
	font-size: 17px; margin-bottom: 0px; margin-top: 10px;
}
.foot-lo h4 a {
	color:#000000 !important;
	font-weight:600;
}
.foot-lo .on-li ul {
    list-style-image: url('../index.html');
	padding-left:40px;
}
#footer {
	margin-top:15px;
}
.on-li ul li a {
	font-size:14px;
	text-transform:capitalize;
}
.foot-lo .section-title-foo.center .line {
    border-top: 3px solid #74e3ff;
    height: 10px;
    width: 60px;
	margin-bottom:2px;
}
.address-f .fa {
	font-size:24px;
	color:#26b99a;
}
.address-f p a {
	font-size:16px;
}
.foot-lo a:hover {
	text-decoration:underline;
}
.address-f .add-d {
	background: url(../img/addr.png) no-repeat 0px 6px transparent;
    list-style-type: none;
    margin: 0;
    padding: 6px 3px 1px 62px;
    vertical-align: middle;
	font-weight: 600;
    font-size: 15px;
}
.address-f .add-d address {
	margin-bottom:7px;
}
.address-f .phone {
	background: url(../img/phone.gif) no-repeat 0px 6px transparent;
    list-style-type: none;
    margin: 0;
    padding: 6px 3px 1px 62px;
    vertical-align: middle;
	font-weight: 600;
}
.address-f .phone a {
	font-size:20px;
	font-weight:900;
	line-height: 32px;
}
.address-f .mail {
	background: url(../img/email.png) no-repeat 0px 6px transparent;
    list-style-type: none;
    margin: 0;
    padding: 6px 3px 1px 62px;
    vertical-align: middle;
	font-weight: 600;
	margin-top:0px;
	padding-bottom:5px;
}
.address-f .mail a {
	font-size:18px;
	font-weight:800;
	line-height: 27px;
}
.rec-msg {
	background-image:url(../img/frame.png);
	background-size:100% 100%;
	padding:25px;
}
.about-text img {
	padding-left:35px;
	padding-bottom:25px;
}
.about-text p {
	/*text-align:justify;*/
}
#tf-why{
    background: url(../img/rec-bg.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #ffffff;
}
#tf-why .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
}
.block-why h3 {
	color:#74e3ff;
}
.block-why p {
	text-align:justify;
	font-size: 16px;
}
.capt-back {
	right:18%;
	left:18%;
	bottom:30%;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
     right:inherit;
}
}
.menu .dropdown-menu {
	font-size:17px;
}

.app-on.btn {
	font-size:22px;
	padding:6px 18px;
	color:#ffffff;
	background-color:rgba(53,126,144,0.6);
}
.full-img {
	background-color:#000000;
}
.full-img img {
	width:100%;
	opacity:0.70;
}
.team-sam {
	padding-top:20px; text-align:center; 
}
.founder-text {
  font-size: 20px;
  margin-top: 40px;
}
.founder-text strong{

}
.founder-text span{

}
.team-sam img {
	margin:0 auto;
	/*border-radius:100px;*/
	border:2px solid #74e3ff;
	background-color:#6b6b6b;
}
.team-sam h3 {
	font-size:24px;
}
.inn-text {
	padding-top:25px;
}
.inn-text {
  background: url(../img/services-bg.png) no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}
.inn-text .about-list {
	margin-top:10px;
}
.menu .dropdown-menu > li > a {
    display: block;
    padding: 5px 16px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
    min-width: 180px;
}
.menu .dropdown-menu {
	background-color: rgba(56,126,144,0.9);
}
#contact-form label, #apply-form label, #apply-form p {
	font-size:16px;
}
.error, #contact-form sup, #apply-form sup {
	color:red;
}
#contact-form .form-control {
	border:1px solid #357e90;
}
.btn-sam {
	font-size:24px;
	background-color:#357e90;
	color:#ffffff;
}
.edg-sa img {
	margin:0 auto;
}
.bs-slider{
    overflow: hidden;
   /* max-height: 700px;*/
    position: relative;
    background: #000000;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}


.kzabttbl table{
margin-left: 25%;
margin-top: 3%;
}



/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 3%;
}
.control-round .carousel-control.right {
    right: 3%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}





/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}



/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

/*.slide-text {
    left: 0;
    top: 25%;
    right: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    
}*/

.slide-text > h1 {
    
    padding: 0;
    color: #ffffff;
    font-size: 70px;
    font-style: normal;
    line-height: 84px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text > a.btn-default{
    font-weight: 400;
    line-height: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    line-height: 15px;
    margin-left: 10px;
    margin-bottom: 20px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.meet_popup{
position:relative;z-index:99999;
}

.meet_popup h4{font-weight:700;}
.navbar-right .dropdown-menu{left:0!important;right:inherit!important;}
.navbar-right .dropdown-menu li ul{left: 100%!important;}


/*----changes----*/
#tf-services{
    background: url(../img/services-bg.png) no-repeat;
    background-attachment: fixed;
    background-size: 100%; 
}
.sub-services{
    backface-visibility: hidden; 
    overflow: hidden;
    background-color: #19b4bb; 
    /* background-color: rgb(62 56 156 / 70%); */
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 35px 10px; position: relative;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.sub-services p{
   color: #474747; font-weight: 300;  
}
.sub-services p{
  color: #fff;
}
.sub-services h4{
  color: #fff;
}
.sub-services:hover h4, .sub-services:hover p{
  color: #474747;
}
.model-anim-popup{

}
#myModal123 .modal-header .close{
top:none !important;
right:0px;
}
.model-anim-popup .modal-dialog{
  width: 50%;
  max-width: 770px;
  min-width: 290px;
  background: #fff;
  padding: 1em 4em 4em 4em;
  padding: 1em 1em 4em 1em;
  text-align: center;
  position: relative;
  z-index: 5;
  opacity: 0; margin: auto;
}
.model-anim-popup .modal-content{
  box-shadow: none; border: 0;
}
.model-anim-popup.in .modal-dialog{}

.in .modal-dialog {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.in .modal-dialog {
  -webkit-animation-name: anim-open;
  animation-name: anim-open;
}
.model-anim-popup.popup--close .modal-dialog {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.navbar-nav.mr-auto.float-right{
     
}
.sub-services:hover {
    box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 15px 30px 5px rgba(0,0,0,0.15);
    border-radius: 40px 10px 10px 10px;
    background-color: #FFF;
}
.readmore-btn a{
    color: #222;
    border: 1px solid #f1f1f1;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    border-radius: 20px 6px 6px 6px;
    padding: 7px 27px;
    background-color: #FFF;
    margin: 9px 0 0;
}
.service h4 strong{
    font-size: 17px;
    min-height: 38px;
    margin-bottom: 15px;
    font-weight: 800;
    font-family: "Lato",Arial,Helvetica,sans-serif
}
.sub-services:before {
    content: "";
    width: 116px;
    height: 103px;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    position: absolute;
    left: -38px;
    top: -50px;
    mask-position: left top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: 0;
    background-color: #00eda4;
    border-radius: 50%;
}
.categories ol{

}
.categories ol li{

}
.categories ol li a{
  border: 1px solid #f1f1f1;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 20px 6px 6px 6px;
    padding: 6px 23px;
    background-color: #FFF;
}
.categories ol li a.active{
  background-image: -webkit-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -moz-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -o-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -ms-linear-gradient(left, #00eda4, #6a7df1);
    background-image: linear-gradient(to right, #00eda4, #6a7df1);
    color: #fff;
}
ol.type li:after {
  content: ' | ';
  margin-left: 8px;
}
.sub-services:after {
    content: "";
    width: 91px;
    height: 93px;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: right bottom;
    position: absolute;
    right: -47px;
    bottom: -27px;
    mask-position: right bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: 0;
    background: #00BCD4;
    border-radius: 6030px;
}
.sub-services:hover .fa{
    background-color: #fcc400 !important;
    color:#fff;
}
.sub-services:hover .readmore-btn a{
    background-image: -webkit-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -moz-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -o-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -ms-linear-gradient(left, #00eda4, #6a7df1);
    background-image: linear-gradient(to right, #00eda4, #6a7df1); color: #fff;
}
.sub-services:hover:before, .sub-services:hover:after  {
    opacity: 1;
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
.icon-bar2 {
    right: 98%;
    font-size: 10px;
}
}

@media (min-width: 1380px) {
.icon-bar2 {
    right: 97.3%;
}
.icon-bar2 a {
  font-sze: 10px !important;
}
.icon-bar2 a:hover {
  font-sze: 10px !important;
}
}

@media (min-width: 1680px) {
.icon-bar2 {
    right: 98%;
}
.icon-bar2:hover {
  right: 98%;
}
}

@media  (max-width: 980px) {

  .openpopup{
    width: 90% !important; position: absolute !important;
  }


}


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .title-popup{
      font-size: 20px !important;
    }
    .color-block {
       height: 100% !important; 
       left: -63% !important;
      top: -80% !important;
   }
   .image-col{
    left: 17px !important;
    top: 50px;
    width: 320px !important;
    float: none !important;
    margin: auto;
    display: block !important;
    height: 346px !important;
   }
   .poppup-body{
    width: 100% !important;  
  padding-top: 40px !important;  
  
   }
   .header-popup{
    padding-top: 115px !important;  
   }


   .demo{
    height: calc(100vh - 105px);
    height: -webkit-calc(100vh - 105px);
   }
   .popup-cnt {
    padding-left: 18px !important;
 }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }
    .unver-list-logos{
      border: 0;
    }
    .uni-btn{
      margin-bottom: 15px;
    }
.icon-bar2 {
    right: 89.6%;
    top: 24%;
}
.icon-bar2:hover {
    right: 89.6%;
    top: 24%;
}
.carousel-bg .overlay{
	background: none;
}

}

.model-anim-popup .modal-dialog {
  width: 80%;
  top: 4%;
}

/* team chart */
#wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 80em;
}

#container {
   padding: 1em;
   width: 62%;
   margin: auto;
}
.user img {
  margin: 0 auto;
  max-width: 60px;
  max-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #aaa;
}
.user .name {
  font-size: 20px;
  margin: 15px 0 0;
  font-weight: 300; color: #fff; font-weight: 700;
}
.user .role {
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 5px; color: #fff;
}
.user .manager {
  font-size: 12px;
  color: #fff; display: none;
}


ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
  position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol.organizational-chart {
  text-align: center;
}

ol.organizational-chart ol {
  padding-top: 1em;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
  background-color: #b7a6aa;
  content: '';
  position: absolute;
}

ol.organizational-chart ol > li {
  padding: 1em 0 0 1em;
}

ol.organizational-chart > li ol:before {
  height: 1em;
  left: 50%;
  top: 0;
  width: 3px;
}

ol.organizational-chart > li ol:after {
  height: 3px;
  left: 3px;
  top: 1em;
  width: 50%;
}

ol.organizational-chart > li ol > li:not(:last-of-type):before {
  height: 3px;
  left: 0;
  top: 2em;
  width: 1em;
}

ol.organizational-chart > li ol > li:not(:last-of-type):after {
  height: 100%;
  left: 0;
  top: 0;
  width: 3px;
}

ol.organizational-chart > li ol > li:last-of-type:before {
  height: 3px;
  left: 0;
  top: 2em;
  width: 1em;
}

ol.organizational-chart > li ol > li:last-of-type:after {
  height: 2em;
  left: 0;
  top: 0;
  width: 3px;
}

ol.organizational-chart li > div {
  background-color: rgb(255 255 255 / 13%) !important;
  border-radius: 3px;
  min-height: 2em;
  padding: 0.5em; border: 2px solid #fff;
}

/*** PRIMARY ***/
ol.organizational-chart > li > div {
  background-color: #fff;
  margin-right: 1em;
}

ol.organizational-chart > li > div:before {
  bottom: 2em;
  height: 3px;
  right: -1em;
  width: 1em;
}

ol.organizational-chart > li > div:first-of-type:after {
  bottom: 0;
  height: 2em;
  right: -1em;
  width: 3px;
}

ol.organizational-chart > li > div + div {
  margin-top: 1em;
}

ol.organizational-chart > li > div + div:after {
  height: calc(100% + 1em);
  right: -1em;
  top: -1em;
  width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
  left: inherit;
  right: 0;
}

ol.organizational-chart > li > ol:after {
  left: 0;
  width: 100%;
}

ol.organizational-chart > li > ol > li > div {
  background-color: #83e4e2;
}

/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {
  background-color: #fd6470;
}

/*** QUATERNARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > div {
  background-color: #fca858;
}

/*** QUINARY ***/
ol.organizational-chart > li > ol > li > ol > li > ol > li > ol > li > div {
  background-color: #fddc32;
}


 


/*** MEDIA QUERIES ***/
@media only screen and ( min-width: 64em ) {

  ol.organizational-chart {
      margin-left: -1em;
      margin-right: -1em;
  }

  /* PRIMARY */
  ol.organizational-chart > li > div {
      display: inline-block;
      float: none;
      margin: 0 1em 1em 1em;
      vertical-align: bottom;
  }

  ol.organizational-chart > li > div:only-of-type {
      margin-bottom: 0;
      width: calc((100% / 1) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
      width: calc((100% / 5) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
      width: calc((100% / 3) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
      width: calc((100% / 4) - 2em - 4px);
  }

  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
  ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
      width: calc((100% / 5) - 2em - 4px);
  }

  ol.organizational-chart > li > div:before,
  ol.organizational-chart > li > div:after {
      bottom: -1em!important;
      top: inherit!important;
  }

  ol.organizational-chart > li > div:before {
      height: 1em!important;
      left: 50%!important;
      width: 3px!important;
  }

  ol.organizational-chart > li > div:only-of-type:after {
      display: none;
  }

  ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
  ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
      bottom: -1em;
      height: 3px;
      width: calc(50% + 1em + 3px);
  }

  ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
      left: calc(50% + 3px);
  }

  ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
      left: calc(-1em - 3px);
  }

  ol.organizational-chart > li > div + div:not(:last-of-type):after {
      height: 3px;
      left: -2em;
      width: calc(100% + 4em);
  }

  /* SECONDARY */
  ol.organizational-chart > li > ol {
      display: flex;
      flex-wrap: nowrap;
  }

  ol.organizational-chart > li > ol:before,
  ol.organizational-chart > li > ol > li:before {
      height: 1em!important;
      left: 50%!important;
      top: 0!important;
      width: 3px!important;
  }

  ol.organizational-chart > li > ol:after {
      display: none;
  }

  ol.organizational-chart > li > ol > li {
      flex-grow: 1;
      padding-left: 1em;
      padding-right: 1em;
      padding-top: 1em;
  }

  ol.organizational-chart > li > ol > li:only-of-type {
      padding-top: 0;
  }

  ol.organizational-chart > li > ol > li:only-of-type:before,
  ol.organizational-chart > li > ol > li:only-of-type:after {
      display: none;
  }

  ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
  ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
      height: 3px;
      top: 0;
      width: 50%;
  }

  ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
      left: 50%;
  }

  ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
      left: 0;
  }

  ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
      height: 3px;
      left: 0;
      top: 0;
      width: 100%;
  }

}


/* team chart */

















@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    

    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .menu .show-on-mobile {
       overflow-y: scroll;
      height: auto !important;
  }
    .indicators-line > .carousel-indicators{
        display: none;
    }
    #tf-menu.navbar-default .top-header .navbar-nav > li > a {
      font-size: 10px; font-weight: 800;
  }
  .top-header .navbar-nav{
    padding-top: 0px;
  }
  .model-anim-popup .modal-dialog {
    width: 90%;
    top: 15%; padding: 1em 2em 2em 2em;
}
.mobile-header-menu-nav{
  position: relative;
  top: -62px;
}
body #tf-menu.navbar-default {
    background-color: transparent !important;
}

.social-media-icons{
  z-index: 999;
}
body .main-logo{
  width: 70px;
    padding-left: 20px;
    margin-top: 8px;
    position: relative;
    top: -20px 
}
body .menu-mobile{
  font-size: 34px;
  position: relative;
  left: -29px;
  top: -10px;
}
.mobile-header .mobile-header-menu-nav{
  background-color: #357e90 !important;
}

.menu .show-on-mobile{
  padding: 2px 12px;
}
.top-call-btn a {
  font-size: 15px !important;
  font-weight: 700;
}



}
.slide-text > h1 {
    font-size: 44px;
    margin-bottom: 10px;
    line-height: inherit;
}
.btn-con-i {
	font-size:22px;
	background-color:inherit;
	color:#ffffff;
	border:2px solid #ffffff;
}
.menu .dropdown-menu > li > a:hover {
	background-color:#413b9f;
	color:#ffffff;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu.more-menu {
     right: 0;
}
}
.faq-cat-content {
    margin-top: 25px;
}

.faq-cat-tabs li a {
    padding: 15px 10px 15px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #777777;
}

.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}

.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .panel-heading:hover {
    background-color: #efefef;
}

.active-faq {
    border-left: 5px solid #888888;
}

.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
}
.panel-title {
	text-transform:none;
	color: #26b99a;
    font-weight: bold;
	font-size:17px;
}
.tabbable-panel {
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
  padding-bottom: 20px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 15px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
  font-size: 24px;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline;
     zoom:1;
}

.nav-tabs, .nav-pills {
    text-align:center;
}
.section-title.center.faq-padd {
	padding-bottom:0px !important; padding-top: 0;
}
.canvasjs-chart-toolbar, .canvasjs-chart-credit {
	display:none;
}
.ol-notic li {
	font-size:15px;
	padding-bottom:12px;
}
#apply-form label {
	padding-top:10px;
}
.floating-form {
    max-width: 300px;
    padding: 10px 30px 10px 30px;
    font: 13px Arial, Helvetica, sans-serif;
    background: #F9F9F9;
    border: 1px solid #ddd;
    right: 10px;
    position: fixed;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
	z-index:999;
	top:100px !important;
	}
.contact-opener {
    position: absolute;
    left: -108px;
    transform: rotate(-90deg);
    top: 38%;
    background-color: #216288;
    padding: 9px;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);

}
.floating-form-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}
.floating-form label{
    display: block;
    margin: 0px 0px 6px 0px;
}
.floating-form label > span{
    /*width: 70px;*/
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.floating-form span.required{
    color:red;
}
.floating-form .tel-number-field{
    width: 40px;
    text-align: center;
}
.floating-form  .long{
    width: 120px;
}
/*.floating-form input.input-field{
    width: 68%;
   
}*/

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
 .floating-form .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
    border: 1px solid #0C0;
}
.floating-form .textarea-field{
    height:100px;
   /* width: 68%;*/
}
.floating-form input[type="button"],
.floating-form input[type="submit"], .contact-opener {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 7px 23px;
    text-decoration: none;
    font: 20px Arial, Helvetica, sans-serif;
}
.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover, .contact-opener {
    background: linear-gradient(to bottom, #357e90 5%, #337DA8 100%);
    background-color: #28739E;
}
.floating-form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}
.procem img {
	margin:0 auto;
}
.ytp-right-controls {
	display:none;
}
.about-list li {
        list-style-image: url(../img/dot.png);
}
#apply-form p {
	margin-bottom:0px;
	margin-top:10px;
}
.padd-b {
	padding-bottom:10px;
}
.img-cen-sa img {
	margin:0 auto;
}
.desk-dir h3 {
	margin-top:0px;
	color: #00b3e7;
}
.desk-dir h2 {
	margin-bottom:15px;
	color: #00b3e7;
}
.desk-dir h4 {
	margin-top:5px;
	font-weight:bold;
}
.white-dot li {
	list-style-image: url(../img/white-dot.png);
}
.cap {
	margin-bottom:15px;
}
.grid {
  list-style: none;
  margin-left: -40px;
}

.gc {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -.25em;
  min-height: 1px;
  padding-left: 40px;
  vertical-align: top;
}

.gc--1-of-3 {
  width: 33.33333%;
}

.gc--2-of-3 {
  width: 66.66666%;
}

.naccs {
  position: relative;
  max-width: 100%;
  margin: 30px auto 0;
}

.naccs .tabbing-left div {
  padding: 15px 20px 15px 40px;
  margin-bottom: 10px;
  color: #c8c7c7;
  background: #3F51B5;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  font-weight: 700;
  -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); font-size: 14px;
  text-align: left;
}
.nacc .active div p{
  font-size: 14px; color: #fff;
}
.naccs .tabbing-left div:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.naccs .tabbing-left div span.light {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 24px;
  left: 15px;
  background-color: #303F9F;
  border-radius: 100%;
  -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .tabbing-left div.active span.light {
  background-color: #FBC02D;
  left: 0;
  height: 100%;
  width: 3px;
  top: 0;
  border-radius: 0;
}

.naccs .tabbing-left div.active {
  color: #fff;
  padding: 15px 20px 15px 20px;
}

ol.nacc {
  position: relative;
  height: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ol.nacc li {
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  position: absolute;
  list-style: none;
  -webkit-transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
  display: block !important;
    width: 100% !important;
    margin-left: 0% !important;
    text-align: center;
    vertical-align: middle;  text-align: left;
}
.tabbing-left{

}
ol.nacc li.active {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px); text-align: left !important;
}

ol.nacc li p {
  margin: 0;
}

.img-anim, .circle-hover{
  position: relative;
    overflow: hidden;
    line-height: 0;
}
.circle-hover{
  width: 130px; height: 130px; border-radius: 15px; margin: auto;; box-shadow: -1px -1px 10px 2px rgb(0 0 0 / 10%);
}
.circle-hover span img{
  width: 100%;
  height: auto;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
  transform: scale(1);
}
.circle-hover:hover span img{
  transform: scale(1.4);
}


.modal-wrapper.get-form{
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background:rgb(0 0 0 / 75%);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.modal-wrapper.get-form.open{
  opacity:1;
  visibility:visible;
}

.get-form .modal{
  width:600px;
  height:auto;
  display:block;
  margin:auto;
  position:relative;
  top:50%; left:0;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.modal-wrapper.get-form.open .modal{
  margin-top:-200px;
  opacity:1;
}

.get-form .head{
  width:100%;
  height:42px;
   
  overflow:hidden;
  background:#01bce5;
}
.get-form .head label{
  float: left;
  padding: 8px 14px;
  color: #fff;
  font-size: 18px;
}


.get-form .btn-close{
  width:32px;
  height:32px;
  display:block;
  float:right;
}
.unistdntsbankdetails{
  margin: 0 !important;
  margin-bottom: 24px !important;
    border: 1px solid #dfdfdf;
    padding: 15px 5px 24px 5px;
    border-radius: 5px;
}
.unistdntsbankdetails label{

}

.unistdntsbankdetails select{

}
.unistdntsbankdetails button{
  color: #fff;
    padding: 8px 35px;
    margin-top: 20px; background: #357e90;

}
.un-table  th {
   font-size: 18px;
  color: #fff;
  line-height: 1.4;
  background-color: #6c7ae0;
}

.un-table tr:nth-child(even) {
  background-color: #f8f6ff;
}
.table-un-col{
  border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
.un-table td {
   font-size: 15px;
  color: #808080;
  line-height: 1.4;
}
.get-form .btn-close::before, .get-form .btn-close::after{
  content:'';
  width:20px;
  height:6px;
  display:block;
  background:#fff;
}

.get-form .btn-close::before{
  margin-top:18px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

.get-form .btn-close::after{
  margin-top:-6px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.get-form .content{
  padding:5%;
}



@media (max-width: 603px) {
	#tf-menu {
		padding:0px;
	}
}
input[type="file"] {
    float: left;
    width: 90%;
}
a.remove_field img{
    width: 20px;
    height: 20px;
    float: right;
    margin-top: 6px;
}
.input_fields_wrap div input {
    margin-top: 5px;
    margin-bottom: 10px;
}
a.add_field_button {
    float: right;
    margin-bottom: 15px;
}
.menu .active {
	color: #74e3ff !important;
 }
.menu > ul > li > a.active:before
{
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 38px;
  width: 100%;
  border: 2px solid #74e3ff;
  z-index: 9;
  border-radius: unset;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  background: none; border-radius: 4px;
}
.owl-item h3 {
	font-weight:normal;
	   font-size: 19px;
}
ul.about-list12 li {
    /* display: block; */
    font-size: 17px;
    line-height: 30px;
    /*--font-family: 'Open Sans', sans-serif; --*/
    font-family: 'Lato','Arial','Helvetica','sans-serif';
    padding-left: 6px;
    font-weight: bold;
}

/*-----------menu----------*/
.textbox-about{

}
.title-section {
  margin-bottom: 30px; 
}
.title-section .flat-title.medium {
  font-size: 36px;
  line-height: 40px; position: relative;
}
#mg_section{
  padding: 45px 0px; background: #f7f7f7;
}
.admin-bg{
  background: url(../img/about-bg-3.jpg) !important;
}
.admin-bg .title-section .flat-title.medium {
   color:#fff;
}
.admin-bg .about-introduce p{
  color:#fff;
}
.heading-type18:after {
  content: "";
  width: 46px;
  background: #357e901;
  position: absolute;
  height: 2px;
  bottom: -23px;
  left: 0;
}
 .btn-about a {
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  font-weight: 600;
  display: inline-block;
  letter-spacing: 0.3px;
  background: #357e90;
  padding: 3px 23px 1px 24px;
  text-transform: capitalize; text-decoration: none !important;
} 
.btn-about a:hover{
  color: #fff;
    background: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
figure.effect-apollo {
  position: relative;
   overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 100%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
figure.effect-apollo img {
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
  position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%; width: 100%;
}
.admin-bg .btn-about{
  padding-top: 5%;
}
figure.effect-apollo:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}
figure.effect-apollo figcaption{
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.effect-apollo figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-apollo:hover figcaption::before {
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.video-section-col{
  padding: 0px 0px; 
  background: #f7f7f7;
  background: url(../img/services-bg.png) no-repeat;
    background-attachment: scroll;
    background-size: auto;
background-attachment: fixed;
background-size: 100%;
}
.video-section-col .carousel-inner{
  height: 250px;
}
.video-section-col .carousel-inner  .item{
  height: 250px;
}
.video-section-col .carousel-inner img{
  width: 100%;  height: 100% !important;
}
.tabbing-logos{
  padding: 45px 0px; background: url(../img/services-bg.png) no-repeat;
   background-size: 100%;
}
.tabbing-logos .container{
  position: relative;
}
.tabbing-logos .thumbnails {
  list-style: none;
  font-size: 0;
  margin-left: -2%;
}
.tabbing-logos ul.thumbnails li {
  display: inline-block;
  width: 18%;
  margin-left: 2%;
  text-align: center;
  vertical-align: middle; 
}
.tabbing-logos ul.thumbnails li:hover .item-hugger {
  background: white;
}
.tabbing-logos ul.thumbnails li:hover .item-hugger .title {
  color: #000;
}
.tabbing-logos ul.thumbnails input[name="select"] {
  display: none;
}
.tabbing-logos ul.thumbnails .item-hugger {
  position: relative;
  height: 140px;
  margin: 20px 0;
  background: #f2f2f2;
  transition: all 150ms ease-in-out;
}
.tabbing-logos ul.thumbnails label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.tabbing-logos ul.thumbnails .title {
  padding: 20px 0 0;
  font-size: 18px;
  color: #555;
  transition: all 150ms linear;
}
.tabbing-logos ul.thumbnails .thumb-image {
  height: 100px;
  padding: 20px 0;
}
.tabbing-logos ul.thumbnails .content {
  position: absolute;
  bottom: -62px;
  left: 0;
  width: 100%;
  height: 80%;
  padding: 50px;
  opacity: 0;
  transition: all 150ms linear;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #72a5b2; display: none;
}
.is-active .content{
  display: block !important;
}
.tabbing-logos ul.thumbnails .content .title {
  font-size: 60px;
  font-weight: 400;
  display: inline-block;
  color: #fff;
  border-bottom: 6px solid #fe7701;
  padding: 50px 10px 0;
  text-transform: uppercase;
}
.tabbing-logos ul.thumbnails input[name="select"]:checked + .item-hugger {
  height: 180px;
  margin: 0;
  background: #72a5b2; color:#fff;
}
.tabbing-logos ul.thumbnails input[name="select"]:checked ~ .content {
  opacity: 1;
}
.tabbing-logos .white-box {
  background: white;
  height: 400px; 
}
.tabbing-logos ul.thumbnails input[name="select"]:checked + .item-hugger .title{
  color:#fff;
}




/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.top-header{
  padding-top: 5px;
     padding-bottom: 5px; background: #499bb0;
}
.top-header .container, #tf-menu .container{
  padding: 0px 0px;
}
.top-header .container{
   padding-bottom: 0px;
   margin-bottom: 0px;
}
.top-header .navbar-nav {
  width: 60%; padding-top: 5px;
}
.right-col-header {
  width: 39%;
    float: right;
}
.social-media-icons{
  display: inline-block; float: right;
}
.social-media-icons ul{
  margin-bottom: 0;
}
.social-media-icons ul li{
  display: inline-block;
    margin-right: 6px;
}
.social-media-icons ul li a{
  
}
.social-media-icons ul li i.fa {
  height: 35px;
    width: 35px;
    border: 1px solid #ffff;
    font-size: 14px;
    padding: 8px 8px;
    border-radius: 50%;
    color: #fff;
    transition: all 0.8s;
    line-height: 18px;
    text-align: center;
}

.social-media-icons ul li i.fa:hover {
  background: #74e3ff;
   color: #ffffff;
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


.top-header .navbar-nav li{
  padding:0% 1% 0% 2%;
}
.top-header .navbar-nav li:first-child{
  padding: 0% 0% 0% 0%;
}
.top-header .navbar-nav li:last-child{
  padding: 0% 0% 0% 5%;
} 
.top-call-btn a{
  font-size: 16px !important;
    font-weight: 700;
}

@media only screen and (max-width: 1169px) {
    body.nav-on-left.overflow-hidden {
      overflow: hidden;
    }
  }
   
  input[type="search"]::-ms-clear {
    /* removes close icon - IE */
    display: none;
  }
  
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    display: none;
  }
  
  /* -------------------------------- 
  
  Main components 
  
  -------------------------------- */
   .cd-main-header {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
  }
 .cd-main-header {
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  @media only screen and (max-width: 1169px) {
    .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
      -webkit-transform: translateX(-260px);
      -moz-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      -o-transform: translateX(-260px);
      transform: translateX(-260px);
    }
    .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
      -webkit-transform: translateX(260px);
      -moz-transform: translateX(260px);
      -ms-transform: translateX(260px);
      -o-transform: translateX(260px);
      transform: translateX(260px);
    }
   
  }
  
  .cd-main-content {
    min-height: 100vh;
    z-index: 1;
    overflow: hidden;
     width: 100%;
    height: 100%;   
  }
   
  .open-menu{
    display: block !important;
  }
  .cd-main-header {
    height: auto;
    background: #ffffff;
    z-index: 3;
  }
  .nav-is-fixed .cd-main-header {
    /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  @media only screen and (min-width: 1170px) {
    .cd-main-header {
      height: auto;
    }
    .cd-main-header::after {
      clear: both;
      content: "";
      display: table;
    }
    #menuheight{
      height: auto !important;
    }
  }
  
  .cd-logo {
     
    top: 12px;
    left: 5%;
  }
  .cd-logo img {
    display: block;
  }
  .top-header 
  @media only screen and (max-width: 1169px) {
    .nav-on-left .cd-logo {
      left: auto;
      right: 5%;
    }
  }
  @media only screen and (min-width: 1170px) {
    .cd-logo {
      top: 26px;
      left: 13em;
    }
    .vertab-menu{

       
    }
    .on .cd-logo {
        top: 8px;
        left: 13em;
    }
     
    .menubg  .cd-logo {
        top: 8px;
        left: 13em;
    }
    .menubg  .cd-logo img {
        display: block;
        width: 54px;
    }


  }
  
  .cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 3px;
    right: 5%;
  }
  .cd-header-buttons li {
    display: inline-block;
  }
  @media only screen and (max-width: 1169px) {
    .nav-on-left .cd-header-buttons {
      right: auto;
      left: 5%;
    }
    .nav-on-left .cd-header-buttons li {
      float: right;
    }
    .top-header .navbar-nav{
      float: none !important; text-align: center;
    }
    #tf-menu.navbar-default .navbar-nav > li > a {
      font-size: 11px;
      padding: 4px 5px;
  }
  .navbar-nav {
    margin: 7.5px 0px !important;
}
    .top-header .navbar-nav li{
     display: inline-block; float: none;
    }
    .top-header .container {
       padding-left: 0;
      padding-right: 0;
  }
  .main-logo {
    width: 50px;
    padding-left: 10px;
    margin-top: 8px;
}
.navbar-header{
  float: left;
}
.search-nav .cd-search-trigger {
  width: 35px !important;
  height: 26px !important; margin-bottom: 0;
}
.top-header {
  padding-top: 10px;
  padding-bottom: 10px; background: #499bb0;
 }
 .cd-search-trigger {
  top: 10px !important;
}
.search-nav {
  margin-top: -15px;
}
.cd-search-trigger::before {
  top: 1px !important;
  left: 3px !important;
}
.cd-search-trigger::after {
  bottom: 5px !important;
  right: 11px !important;
}
.cd-header-buttons {
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
  float: right; display: none;
}

.modal-content {
  width: 100%;
}
#cd-search{
  height: 90px;
  top: 100px;
  padding-top: 10px;
 }
 #cd-search {
  height: 90px;
  top: 110px;
  padding-top: 10px;
}
#tf-menu.navbar-default {
  background-color: #357e90 !important;
}
.inner-form .input-field {
  height: 50px;
}
.inner-form .input-field.second-wrap {
  min-width: 100px;
}
#cd-search {
  background: #fff;
}
.inner-form{
  width: 100% !important;
}
.cd-search{
  top: 157px;
}
.inner-form .input-field.first-wrap input{
  font-size: 13px !important;
}


  }

  #cd-search {
     border-top: 4px solid #7ac3da;
}
.modal-backdrop.in {
  filter: alpha(opacity=80) !important;;
  opacity: .8 !important;;
}
.modal-backdrop{
  background-color: #fff !important;;
   
}
.modal-dialog{
  -webkit-transition: box-shadow 0.5s ease 0.7s, border-radius 0.35s ease 0.7s;
  transition: box-shadow 0.5s ease 0.7s, border-radius 0.35s ease 0.7s;
}
.in .modal-dialog{
 
  box-shadow: -50px 0 200px -50px #504bff, 50px 0 200px -50px #4cfa63;
  }
  @media only screen and (min-width: 1170px) {
    .cd-header-buttons {
      top: 20px;
      right: 0;
      position: relative;
      float: right;
    }
     .cd-nav-menu{
      float: right;
     }


  }
  
  .cd-search-trigger, .cd-nav-trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    /* hide text */
    color: transparent;
    z-index: 3; cursor: pointer;
  }
  
  .cd-search-trigger::before, .cd-search-trigger::after {
    /* search icon */
    content: '';
    position: absolute;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-search-trigger::before {
    /* lens */
    top: 11px;
    left: 11px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 3px solid #fff;
  }
  .cd-search-trigger::after {
    /* handle */
    height: 3px;
    width: 8px;
    background: #fff;
    bottom: 14px;
    right: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .cd-search-trigger span {
    /* container for the X icon */
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 10px; 
  }
  .cd-search-trigger span::before, .cd-search-trigger span::after {
    /* close icon */
    content: '';
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 18%;
    margin-left: -11px;
    background: #fff;
    opacity: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
  }
  .cd-search-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .cd-search-trigger span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
    /* hide search icon */
    opacity: 0;
  }
  .cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
    /* show close icon */
    opacity: 1;
  }
  .cd-search-trigger.search-is-visible span::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .cd-search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #fff;
  }
  .cd-nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
  }
  .cd-nav-trigger span::before, .cd-nav-trigger span::after, .menu-mobile::before, .menu-mobile::after {
    /* other 2 lines */
    content: '';
    right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
  }
  .cd-nav-trigger span::before, .menu-mobile::before {
    /* menu icon top line */
    top: -6px;
  }
  .cd-nav-trigger span::after, .menu-mobile::after {
    /* menu icon bottom line */
    top: 6px;
  }
  .cd-nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(46, 50, 51, 0);
  }
  .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #2e3233;
  }
  .cd-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
  }
  .cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
  }

.get-form{

}
.ism-form{
  z-index: 9999;
}
.ism-form .modal{
  top: 34%;
}
.get-form .form-group {
  overflow: hidden;
  margin-bottom: 20px;
}

.get-form .form-input {
  width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #222;
}

.get-form .form-submit {
  width: 100%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 17px 20px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border: none;
  background-image: -moz-linear-gradient(to left, #74ebd5, #9face6);
  background-image: -ms-linear-gradient(to left, #74ebd5, #9face6);
  background-image: -o-linear-gradient(to left, #74ebd5, #9face6);
  background-image: -webkit-linear-gradient(to left, #74ebd5, #9face6);
  background-image: linear-gradient(to left, #74ebd5, #9face6);
}
.col-row-form{
  clear: both;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.col-row-form .radio-container, .col-md-12 .radio-container{
  position: relative;  color: #555;
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px;
  padding-left: 30px;
  cursor: pointer;
  color: #666;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 15px;
}

.get-form .col-row-form .form-input{
  padding: 10px 20px;
}


  @media only screen and (min-width: 1170px) {
    .cd-nav-trigger {
      display: none;
    }
  }
  
  .cd-primary-nav, .cd-primary-nav ul {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    background: #2e3233;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-primary-nav a, .cd-primary-nav ul a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #3a3f40;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
  }
  .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
    /* secondary navigations hidden by default */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  
  @media(max-width: 768px) {
    body {
        padding: 0;
    }
	h2 {
		line-height:30px;
	}
	.main-logo {
		width: 53px;
    padding-left: 20px; margin-top: 8px;
  }
  #tf-menu.navbar-default .navbar-nav > li > a {
     font-size: 11px;
     padding: 4px 5px;
}
.cd-search-trigger, .cd-nav-trigger{
  top: 6px;
}
.search-nav{
  margin-top: -15px; display: none !important;
}
.top-header {
  padding-top: 0px !important;
 }
.search-nav .cd-search-trigger {
  width: 35px !important;
  height: 26px !important;     zoom: 0.9;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 3px
}
.cd-search-trigger::before {
  top: 5px !important;
    left: 8px !important;
}
.cd-search-trigger::after {
  bottom: 5px !important;
  right: 11px !important;
}
.cd-search-trigger::after {
  bottom: 6px !important;
  right: 8px !important;
}
.cd-search-trigger{
  top: 15px;
}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
   background: #fff;
}
	.employees, .customer, .design, .order {
		margin-top:15px;
		margin-bottom:15px;
	}
	#tf-services, #tf-works {
		padding:15px 0px;
	}
	#tf-clients .overlay, #tf-testimonials .overlay, #tf-team .overlay {
		padding:20px 0px;
	}
	.kzabttbl table{
margin-left: 5%;
margin-top: 2%;
}
}


  @media only screen and (max-width: 1169px) {
    .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
      right: auto;
      left: 0;
    }
  }
  .cd-primary-nav .see-all a {
    /* different style for the See all button on mobile and tablet */
    color: #69aa6f;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
    /* items with picture (or icon) and title */
    height: 80px;
    line-height: 80px;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    padding-left: 90px;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    padding-left: 75px;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    color: #2e3233;
    font-size: 1.3rem;
    /* hide description on small devices */
    display: none;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    /* item icon */
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
    background-image: url("../index.html");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
    background-image: url("../index.html");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
    background-image: url("../index.html");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
    background-image: url("../index.html");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
    background-image: url("../index.html");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
    background-image: url("../index.html");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
    background-image: url("../index.html");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
    background-image: url("../index.html");
  }
  .inner-form {
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.15);
    border-radius: 34px;
    overflow: hidden;
    margin-bottom: 30px; margin: auto;
}
#cd-search form{
  margin-top: 2%;
}
.input-field.first-wrap {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
 }
  #search-btn {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
    border: 0;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: #00ad5f;
    transition: all .2s ease-out,color .2s ease-out;
    font-weight: 300;
}
.inner-form .input-field.first-wrap input {
  -ms-flex-positive: 1;
  flex-grow: 1;
  background: transparent;
    box-shadow: none;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #000;
}


.inner-form .input-field.first-wrap .svg-wrapper {
  min-width: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
}
.inner-form .input-field.second-wrap .btn-search {
  height: 100%;
  width: 100%;
  white-space: nowrap;
  font-size: 16px;
  color: #fff;
  border: 0;
  cursor: pointer;
  position: relative;
  z-index: 0;
  background: #00ad5f;
  transition: all .2s ease-out,color .2s ease-out;
  font-weight: 300;
}
 .inner-form .input-field {
  height: 68px;
}
 .inner-form .input-field.second-wrap {
  min-width: 216px;
}
  @media only screen and (max-width: 1169px) {
    .cd-primary-nav {
      /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
      visibility: hidden;
      -webkit-transition: visibility 0s 0.3s;
      -moz-transition: visibility 0s 0.3s;
      transition: visibility 0s 0.3s;
    }
    .cd-primary-nav.nav-is-visible {
      visibility: visible;
      -webkit-transition: visibility 0s 0s;
      -moz-transition: visibility 0s 0s;
      transition: visibility 0s 0s;
    }
  }
  @media screen and (max-width: 992px){
.inner-form .input-field {
    height: 50px;
}
.tabbable-line > .nav-tabs > li > a{
  font-size: 14px;
}
#myModal123{
  padding-right: 0 !important;
}
  }

  @media screen and (max-width: 767px){
    .inner-form .input-field.second-wrap {
        min-width: 100px;
    }
    .modal-dialog{
      padding: 1em 1em 2em 1em;
    }
    .modal-header .close{
      right: -1px !important;
    }
    .top-header .navbar-nav {
      width: 100%;
    }
    .right-col-header {
      width:  100%;
      float: none; padding-top: 15px; text-align: center;
  }
  .top-call-btn, .social-media-icons {
     float: none !important;
}
.social-media-icons {
  position: relative;
  top: -12px;
}


}
  @media only screen and (min-width: 1170px) {
    .cd-primary-nav {
      position: static;
      padding: 0 0px 0 0;
      height: auto;
      width: auto;
      float: right;
      overflow: visible;
      background: transparent; margin: 0;
    }
    .search-nav{

    }
    .search-nav  .cd-search-trigger{
      width: 90px;
      height: 30px;
      color: #fff;
      text-indent: 32px;
      font-size: 14px;
      padding: 2px 0px;
      margin-bottom: 0;
      line-height: 25px;
      background: #357e90;
    }
    .cd-search-trigger::after{
      bottom: 10px;
      right: 65px;
    }
    .cd-search-trigger::before { 
      top: 6px;
      left: 6px;
      }
    #cd-search{
      background: #fff;
      
    }
    .cd-primary-nav::after {
      clear: both;
      content: "";
      display: table;
    }
    .cd-primary-nav.moves-out > li > a {
      /* reset mobile style */
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
    .cd-primary-nav ul {
      position: static;
      height: auto;
      width: auto;
      background: transparent;
      overflow: visible;
      z-index: 3;
    }
    .is-hidden{
      display: none;
    }
    .cd-primary-nav ul {
      /* reset mobile style */
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: opacity .3s 0s, visibility 0s 0s;
      -moz-transition: opacity .3s 0s, visibility 0s 0s;
      transition: opacity .3s 0s, visibility 0s 0s; 
    }
    .cd-primary-nav ul.moves-out > li > a {
      /* reset mobile style */
      -webkit-transform: translateX(25px);
      -moz-transform: translateX(25px);
      -ms-transform: translateX(25px);
      -o-transform: translateX(25px);
      transform: translateX(25px);
      opacity: 1;
    }

    .has-children ul.moves-out > li.has-children > a {
      -webkit-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px);

    }
    .cd-primary-nav > li {
      float: left;
      margin-left: 0.5em; transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative;
    }
   
    .menu > ul > li:hover a{
      color:#74e3ff;
    }
     
    .cd-primary-nav > li > ul > li, .menu > ul > li > li > a{
      background: none;
    
    }
    .cd-primary-nav > li > a {
      /* main navigation buttons style */
      position: relative;
      display: inline-block;
      height: 87px;
      line-height: 87px;
      padding: 0 10px;
      color: #fff;
      overflow: visible;
      border-bottom: none;
      -webkit-transition: color 0.3s, box-shadow 0.3s;
      -moz-transition: color 0.3s, box-shadow 0.3s;
      transition: color 0.3s, box-shadow 0.3s;
      font-size: 14px;
      text-decoration: none;
    }
    
    .cd-primary-nav > li > a:hover {
      color: #69aa6f;
    }
    .cd-primary-nav > li > a.selected {
      color: #69aa6f;
      color: #69aa6f;
    box-shadow: none;
    background: #fff; transition: background 0.4s, color 0.4s;
    -o-transition: background 0.4s, color 0.4s;
    -ms-transition: background 0.4s, color 0.4s;
    -moz-transition: background 0.4s, color 0.4s;
    -webkit-transition: background 0.4s, color 0.4s;
    }
    .cd-primary-nav .go-back, .cd-primary-nav .see-all {
      display: none;
    }
    
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons, .has-children:hover .cd-secondary-nav {
      /* dropdown menu style */
      position: absolute;
      top: 80px;
      width: 100%;
      background: #ffffff;
      padding: 12px 0px 12px;
      box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: opacity .3s 0s,visibility .3s 0s,-webkit-transform .3s 0s;
      -moz-transition: opacity .3s 0s,visibility .3s 0s,-moz-transform .3s 0s;
      transition: opacity .3s 0s,visibility .3s 0s,transform .3s 0s;
    }
    .cd-secondary-nav {
      text-align: center;
    }
    .mega-drop-menu .icon-col{
      position: relative; text-decoration: none !important;
    }
   .mega-drop-menu .icon-col:before {
      position: absolute;
      content: '';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 0;
    left: 15%;
    right: 15%;
    top: 0;
    bottom: 0;
    border-left: 3px solid #15a4ab;
    border-right: 3px solid #15a4ab;
    width: 100%;
    height: 100%;
    background: none;     border-top: 0;
    border-bottom: 0; transform: none;
  }
  .icon-col:hover:before {
    opacity: 1;
    left: 0;
    right: 0;
}
     
    .has-children .icon-col:before, .has-children .icon-col:after{
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      border: 1px solid rgba(255, 255, 255, 0) !important;
      bottom: 18px !important;
      content: " " !important;
      display: block !important;
      margin: 0 auto !important;
      position: absolute !important;
      -webkit-transition: all 280ms ease-in-out !important;
      transition: all 280ms ease-in-out !important;
      width: 0;
      transform: rotate(0deg) !important;
      right: 0% !important;
      top: 28px !important; opacity: 0;
    }
    .has-children .icon-col:hover:before, .has-children .icon-col:hover:after{
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      border-color: #69aa6f !important;
      -webkit-transition: width 350ms ease-in-out;
      transition: width 350ms ease-in-out;
      width: 78%;
      left: 0;
      right: 0;
      margin: auto; opacity: 1;
    }
    .has-children .icon-col:hover:before {
      bottom: auto !important;
      top: 0px !important;
      width: 78% !important;
  }


    .cd-primary-nav .mini-dropmenu{
      min-width: 282px;
      padding: 0;
    } 
    .cd-primary-nav .mini-dropmenu > li{
      width: 100%;
      height: auto;
    }
    .cd-secondary-nav .has-children ul, .mega-drop-menu ul{
      position: absolute;
      left: 0;
      top: 62px;
      background: #fff;
      padding: 8px 16px;
      transform: translateY(25px);
      transition: all .3s ease;
      visibility: hidden;
      opacity: 0;
      display: block;
      border-top: 1px solid #dfdfdf;
    }
    .sub-arrow-icon::after{
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 12px solid #fff;
      left: 0;
      bottom: -14px;
      right: 0;
      margin: auto;
      transition: all 0.2s ease-out;
      display: block !important;  
       opacity: 0;
    }
    
    
    .mega-drop-menu li:hover .sub-arrow-icon::after{
opacity: 1;
    }
    .cd-secondary-nav li.has-children:hover ul {
      visibility: visible;
    opacity: 1; transform: translateY(0);
    }
    .cd-secondary-nav .has-children ul li, .mega-drop-menu ul li{
      list-style: none;
    display: inline-block;
    width: 50% !important;
    padding-right: 10px;  
    }
    .mega-drop-menu ul li a{
      width:100% !important;
    }
    .mega-drop-menu ul li{
      padding-right: 10px !important;
    }
    .cd-secondary-nav .has-children ul li.go-back{
      display: none;
    }
    .cd-secondary-nav .has-children ul li a{
      padding: 0 0% 0 0;
    }
    .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
      clear: both;
      content: "";
      display: table;
    }
    .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .3s 0s, visibility 0s .3s;
      -moz-transition: opacity .3s 0s, visibility 0s .3s;
      transition: opacity .3s 0s, visibility 0s .3s;
      -webkit-transform: translateY(30px);
      -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
      -o-transform: translateY(30px);
      transform: translateY(30px);
      -webkit-transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
      -moz-transition: opacity .3s 0s,visibility 0s .3s,-moz-transform .3s 0s;
      transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s;
      top: calc(100% - 2px);
      display: block;
    }

    .has-children:hover .cd-secondary-nav{
      opacity: 1;  visibility: visible;
      webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s 0s,visibility .3s 0s,-webkit-transform .3s 0s;
    -moz-transition: opacity .3s 0s,visibility .3s 0s,-moz-transform .3s 0s;
    transition: opacity .3s 0s,visibility .3s 0s,transform .3s 0s; top: 80px;
    }
    .mega-drop-menu{


    }
    .has-children:hover .menuactive{
      color: #69aa6f;
    box-shadow: none;
    background: #fff;
    transition: background 0.4s, color 0.4s;
    -o-transition: background 0.4s, color 0.4s;
    -ms-transition: background 0.4s, color 0.4s;
    -moz-transition: background 0.4s, color 0.4s;
    -webkit-transition: background 0.4s, color 0.4s;
    }
     
    
    .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
      /* this is the BIG See all button at the bottom of the dropdown menu */
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 80px;
      width: 100%;
      overflow: hidden;
      /* reset some inherited style */
      margin: 0;
      padding: 0;
    }
    
    .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      font-size: 2.2rem;
      font-weight: bold;
      text-align: center;
      line-height: 80px;
      border-top: 1px solid #e2e3df;
      /* reset some inherited style */
      border-bottom: none;
      margin: 0;
      padding: 0;
      -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
      -moz-transition: color 0.2s, background 0.2s, border 0.2s;
      transition: color 0.2s, background 0.2s, border 0.2s;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
      background: #2e3233;
      border-color: #2e3233;
      color: #ffffff;
    }
    .cd-primary-nav .cd-secondary-nav > li {
      /* change the height according to your needs - you can even set height: auto */
     /* height: 180px;*/
      /* here you set the number of columns - use width percentage */
      width: 19%;
      float: left;
      margin-right: 0.66%;
       
      overflow: hidden;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .cd-secondary-nav li.has-children, .menu > ul > li > ul > li{
      display: inline-block;
    float: none; padding-bottom: 0px;
    border-bottom: 1px solid #f7f7f7
    }

    .mega-drop-menu{
      text-align: center;
    }
    .cd-secondary-nav li.has-children .icon-col{
       margin-bottom: 0;
    }
    
    .cd-primary-nav .mini-dropmenu > li{
      width: 100%;
      height: auto;
      border: 1px;
      border-color: rgba(0,0,0,.1);
      border-top-width: 1px;
      padding: 12px 18px 10px;
      border-bottom: 1px solid #dfdfdf;
    }
    .sub-drop-menu{
      position: relative;
    }
    /*.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
        +2 because we have 2 list items with display:none 
      margin-right: 0;
      border-right: none;
    } */
    .cd-primary-nav .cd-secondary-nav > li:last-child  {
       
    margin-right: 0;
    border-right: none;
  } 
    .cd-primary-nav .cd-secondary-nav > li > a {
      /* secondary nav title */
      color: #69aa6f;
      font-weight: bold;
      font-size: 13px;
      margin-bottom: .6em;
    }
    .cd-primary-nav .cd-secondary-nav a {
      height: 30px;
      line-height: 30px;
      padding: 0 5% 0 0;
      color: #2e3233;
      border-bottom: none;
      font-size: 13px;
    }
    .cd-primary-nav .mini-dropmenu > li > a{
      height: 30px;
      line-height: 30px;
      padding: 0 0% 0 0;
      color: #2e3233;
      border-bottom: none;
      font-size: 1.4rem;
      font-weight: 300; margin-bottom: 0;
    }
    .cd-primary-nav .cd-secondary-nav a:hover {
      color: #69aa6f;
    }
    .cd-primary-nav .cd-secondary-nav ul {
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
    }
    
    .cd-primary-nav .cd-secondary-nav ul ul { 
      /* tertiary navigation */
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
    }
    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back {
      display: block;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
      color: transparent;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .see-all {
      display: block;
    }
    .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
      /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    .cd-primary-nav .cd-nav-gallery li {
      /* set here number of columns - use width percentage */
      width: 22%;
      float: left;
      margin: 0 4% 40px 0;
    }
    .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
      /* +2 because we have two additional list items with display:none */
      margin-right: 0;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
      border-bottom: none;
      padding: 0;
      height: auto;
      line-height: 1.2;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
      position: static;
      margin-top: 0;
      height: auto;
      width: 100%;
      margin-bottom: .6em;
    }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
      color: #69aa6f;
      font-weight: bold;
      padding: 0 .4em;
    }
    .cd-primary-nav .cd-nav-icons li {
      /* set here number of columns - use width percentage */
      width: 32%;
      float: left;
      margin: 0 2% 20px 0;
    }
    .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
      /* +2 because we have two additional list items with display:none */
      margin-right: 0;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
      border-bottom: none;
      height: 80px;
      line-height: 1.2;
      padding: 24px 0 0 85px;
      position: relative;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
      background: #f6f6f5;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
      color: #69aa6f;
      font-weight: bold;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item p {
      display: block;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
      left: 25px;
    }
  }
  .has-children > a, .go-back a {
    position: relative;
  }
  .icon-col img{
    width: 26px;  
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
    margin-right: 5px; margin: auto; margin-bottom: 5px;
  } 
  .icon-col { 
    font-size: 14px !important; 
  }
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    /* arrow icon in CSS - for element with nested unordered lists */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #464c4e;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .has-children > a::before, .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .has-children > a::after, .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  @media only screen and (min-width: 1170px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
      background: #c9cbc4;
    }
    .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
      background: #69aa6f;
    }
  }
  
  .has-children > a {
    padding-right: 40px;
  }
  .has-children > a::before, .has-children > a::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
  }
  
  .cd-primary-nav .go-back a {
    padding-left: 40px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
  }
  .popup-pdf{
    font-weight: bold;
    color: #337ab7;
  }
  .model-pdf{

  }
  .model-pdf p{
    padding-left: 10px;
  }
  .model-pdf h3{
    color: #4b0eac;
    font-weight: 900;
    font-size: 18px;
  }
  .model-pdf h3 .fa{
    color: #74e3ff;
  }
  .model-pdf ul {
    padding-left: 15px;
  }
  .model-pdf ul li{
    list-style: disclosure-closed;
  }
  .model-pdf ul li p{
    padding-left: 0;
  }
  .ed-year{
    color: #aca9a9; font-weight: bold;
  }
  .edtype{
    color: #c600a5; font-weight: bold;
  }
  .list-ed li{
    list-style: none !important;
  }
  @media only screen and (min-width: 1170px) {
    .has-children > a::before, .has-children > a::after {
      right: 15%;
    }
  
    .cd-primary-nav > .has-children > a {
      /* main navigation arrows on larger devices */
      padding-right: 30px !important;
    }
    .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
      width: 9px;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      background: #c9cbc4;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: width 0.3s, -webkit-transform 0.3s;
      -moz-transition: width 0.3s, -moz-transform 0.3s;
      transition: width 0.3s, transform 0.3s;
    }
    .cd-primary-nav > .has-children > a::before {
      right: 12px;
    }
    .cd-primary-nav > .has-children > a::after {
      right: 7px;
    }
    .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
      width: 14px;
    }
    .cd-primary-nav > .has-children > a.selected::before {
      -webkit-transform: translateX(5px) rotate(-45deg);
      -moz-transform: translateX(5px) rotate(-45deg);
      -ms-transform: translateX(5px) rotate(-45deg);
      -o-transform: translateX(5px) rotate(-45deg);
      transform: translateX(5px) rotate(-45deg);
    }
    .cd-primary-nav > .has-children > a.selected::after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  
    .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
      /* remove arrows on secondary nav titles */
      display: none;
    }
  
    .cd-primary-nav .go-back a {
      padding-left: 20px;
    }
    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
      left: 1px;
    }
  }
  .cd-search {
    position: fixed;
    height: 50px;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .cd-search form {
    height: 100%;
    width: 100%;
  }
  .cd-search input {
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
  }
  .cd-search input::-webkit-input-placeholder {
    color: #c9cbc4;
  }
  .cd-search input::-moz-placeholder {
    color: #c9cbc4;
  }
  .cd-search input:-moz-placeholder {
    color: #c9cbc4;
  }
  .cd-search input:-ms-input-placeholder {
    color: #c9cbc4;
  }
  .cd-search input:focus {
    outline: none;
  }
  .cd-search.is-visible {
    opacity: 1;
    visibility: visible;
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);

    transform: translateY(40px);
    transition: opacity 0.3s ease;
    animation: fade-in-stagger 0.8s ease forwards;
  }
  .nav-is-fixed .cd-search {
    position: fixed;
  }




  .heading-title {
    margin-bottom: 30px;
}
.section-col {
  /* background:url(/img/services-bg.png) no-repeat;  */
  position: relative; background-image: linear-gradient(to right top, #357e90, #00789e, #006fac, #0063b5, #3f51b5);
  background:url(../img/background-staff-compressed.jpg) no-repeat fixed; 

}
.section-col:before, .section-col:after {
  position: absolute;
  bottom: 0;
  right: 0px;
   content: " ";
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background-color: #e7e3e3;
  opacity: 0.3;
  width: 400px;
  height: 450px;
  display: inline-block;
  transform: rotate(-180deg);
}
.section-col:before {
  transform: translateX(50%) translateY(30%) rotate(-60deg);
  opacity: 0.2;
}
.section-col:after {
  opacity: 0.1;
  transform: translateX(30%) translateY(20%) rotate(-45deg); 
}

.text-center {
    text-align: center;
}
.heading-title h3 {
    margin-bottom: 0;
    letter-spacing: 2px;
    font-weight: normal; color:#fff;
}
.p-top-30 {
    padding-top: 30px;
}
.half-txt {
    width: 60%;
    margin: 0 auto;
    display: inline-block;
    line-height: 25px;
    color: #7e7e7e;
}
.text-uppercase {
    text-transform: uppercase;
}

.team-member, .team-member .team-img {
    position: relative;
}
.team-member {
    overflow: hidden;
}
.team-member, .team-member .team-img {
    position: relative;
}
.visitors .team-img{
  position: relative;
    overflow: hidden;
    line-height: 0;
     height: 230px;
}
.visitors .team-img img{
  width: 100%;
  height: auto;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
  transform: scale(1);
}
.draw::before, .draw::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.draw {
  transition: color 0.3s;
}
.draw::before, .draw::after {
  border: 5px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover {
  color: #60daaa;
}
.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #60daaa;
  border-right-color: #60daaa;
  transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
}
.draw:hover::after {
  border-bottom-color: #60daaa;
  border-left-color: #60daaa;
  transition: border-color 0s ease-out 0.3s, width 0.5s ease-out 0.3s, height 0.3s ease-out 0.75s;
}

.meet:hover {
  color: #6bd6f9;
}
.meet::after {
  top: 0;
  left: 0;
}
.meet:hover::before {
  border-top-color: #138cea;
  border-right-color: #138cea;
}
.meet:hover::after {
  border-bottom-color: #138cea;
  border-left-color: #138cea;
  transition: height 0.5s ease-out, width 0.5s ease-out 0.5s;
}
.visitors .border-col{
margin-bottom: 10px;
}
.visitors .team-img:hover img {
  transform: scale(1.4);
}
.team-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 20px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.90);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.team-member:hover .team-hover .desk {
    top: 35%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
    opacity: 1;
}
.team-hover .desk {
    position: absolute;
    top: 0%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    padding: 0 20px;
}
.desk, .desk h4, .team-hover .s-link a {
    text-align: center;
    color: #222;
}
.team-member:hover .team-hover .s-link {
    bottom: 10%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
    opacity: 1;
}
.team-hover .s-link {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}
.desk, .desk h4, .team-hover .s-link a {
    text-align: center;
    color: #222;
}
.team-member .s-link a {
    margin: 0 10px;
    color: #333;
    font-size: 16px;
}
.team-title {
    position: static;
    padding: 20px 0;
    display: inline-block;
    letter-spacing: 2px;
    width: 100%;
}
.team-title h5 {
    margin-bottom: 0px;
    display: block;
    text-transform: uppercase; color:#fff;
}
.team-title span {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
}
.col-md-2 .team-hover, .col-md-3 .team-hover{
  border: 6px solid rgba(0, 0, 0, 0.1);
}
.col-md-2 .desk, .col-md-3 .desk{
  padding: 0 10px;
}
.col-md-2 .desk p, .col-md-3 .desk p{
  font-size: 12px;
}
.col-md-2 .desk h4, .col-md-3 .desk h4{
  font-size: 14px;
}
  
.col-md-2  .team-member:hover .team-hover .desk {
  top: 55%;
}



.fa-pied-piper{
color:red;
}

.top-call-btn{
display: inline-block; float: left;
}
.top-call-btn a{
  position: relative;
	display: inline-block;
	padding: 6px 8px;
 	font-size: 24px;
	text-decoration: none !important;
	text-transform: uppercase;
	overflow: hidden;
	transition: 0.5s; 
  letter-spacing: 1px;
  color: #fff !important;
	 
}
.top-call-btn a span{
	position: absolute;
	display: block;
}
.top-call-btn a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #03e9f4);
  animation: animate1 1s linear infinite;
}
.icon-bar3{
  display: none !important;
}
.circle-hover span{
  width: 130px;
    height: 130px;
    border-radius: 15px; display: block;
}
.top-call-btn a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(100deg, transparent, #03e9f4);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}
.top-call-btn a:hover {
  background: #03e9f4 !important;
  color: #050801;
  box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 0 0 200px #03e9f4;
}
.top-call-btn a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #03e9f4);
  animation: animate3 1s linear infinite;
  animation-delay: 0.5s;
}
.top-call-btn a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #03e9f4);
  animation: animate4 1s linear infinite;
  animation-delay: 0.5s;
}
@keyframes animate1{
	0%{
		left: -100%;
	}
	50%,100%{
		left: 100%;
	}
}
 
@keyframes animate2{
	0%{
		top: -100%;
	}
	50%,100%{
		top: 100%;
	}
}
 
@keyframes animate3{
	0%{
		top: -100%;
	}
	50%,100%{
		top: 100%;
	}
}
 
@keyframes animate4{
	0%{
		bottom: -100%;
	}
	50%,100%{
		bottom: 100%;
	}
}









  @media only screen and (min-width: 1170px) {
    .cd-search {
      height: 120px;
      top: 135px;
    }
    .cd-search input {
      padding: 0 2em;
      font-size: 3.2rem;
      font-weight: 300;
    }
    .cd-logo img {
      width: 65px; margin-top: 6px; transition: all 0.2s ease-out;
  }
  .navbar-fixed-top.on .cd-logo img {
    width: 50px;
    margin: 5px 0px;  transition: all 0.2s ease-out;
}
.navbar-fixed-top.on .menu > ul > li a{
  padding-top: 15px;
    padding-bottom: 10px;
    font-size: 14px;
}
.navbar-fixed-top  .menu ul li ul li ul li a:hover {
   background:#f7f7f7;
}




  }
  
  .cd-overlay {
    /* shadow layer visible when navigation is active */
    position: fixed;
    z-index: 7;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(122, 195, 218, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  }
  .cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
  }
  @media only screen and (max-width: 1169px) {
    .cd-overlay.is-visible {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    .nav-on-left .cd-overlay.is-visible {
      -webkit-transform: translateX(260px);
      -moz-transform: translateX(260px);
      -ms-transform: translateX(260px);
      -o-transform: translateX(260px);
      transform: translateX(260px);
    }
    .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  /* -------------------------------- 
  
  support for no js 
  
  -------------------------------- */
  .no-js .cd-primary-nav {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    visibility: visible;
    z-index: 2;
  }
  
  .no-js .cd-search {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible;
  }
  
  .modal-content{
    border-radius: 40px 10px 10px 10px !important;
  }
  .modal-header h4
  {
    color: #357e90;
    font-size: 24px;
    font-weight: bold;
  }
  .modal-header .close {
    color: #357e90;
    opacity: 1;
    width: 30px;
    height: 30px;
    border: 1px solid #357e90;
    border-radius: 50%;
    right: -36px;
    top: 0px;
    display: inline-block;
    padding: 0;
    position: absolute;
}
.modal-footer{
    display: none;
}
.modal-body {
     min-height: 150px;
    padding-top: 38px !important;
    text-align: center;
}
  @media only screen and (min-width: 1170px) {
    .no-js .cd-primary-nav {
      position: absolute;
      z-index: 3;
      display: inline-block;
      width: auto;
      top: 0;
      right: 150px;
      padding: 0;
    }
  
    .no-js .nav-is-fixed .cd-primary-nav {
      position: fixed;
    }
    .menu > ul > li:hover {
      
    }
    #menuheight li:nth-child(2) {
     position: relative;
    }

    #menuheight .mega-drop-menu li:nth-child(2) {
      position: static;
     }
  }
  @media (min-width: 768px){
    .modal-dialog {
        
        top: 26%;

    }
  }
  
  @keyframes fade-in-stagger {
    to {
      opacity: 1;
      transform: translateY(0); 
    }
  }

  /* Generated with Bounce.js. Edit at http://goo.gl/6iLZu5 */

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); }
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
  width: 80%;
  margin: 0 auto;
  background: #e9e9e9;
}

.menu-mobile {
  display: none;
  padding: 20px;
}

.menu-mobile:after {
  
}

.menu-dropdown-icon:before {
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}

.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}

.menu > ul:after {
  clear: both;
}

.menu > ul > li {
  float: left;
   
  padding: 0;
  margin: 0;
}

.menu > ul > li a {
  text-decoration: none;
  padding: 1.5em 1em;
  display: block; color: #fff; transition: all 0.2s ease-out;
}



.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #f0f0f0;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul:after {
  clear: both;
}

.menu > ul > li > ul > li {
  margin: 0;
  list-style: none;
  width: 19%;
  background: none;
 }

.menu > ul > li > ul > li > a {
  color: #000 !important;
  padding: 13px 0px 13px 0;
    width: 100%;
    display: block; 
 }

 .menu > ul > li > ul > li a {
  color: #000 !important;
  padding: 10px 0px 10px 0;
    width: 100%;
    display: block; 
 }


.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 0px 0 0;
  list-style: none;
  box-sizing: border-box; transform: translate(0,24px) !important;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > a:hover{
  background: #f8f8f8;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul li a img{
  width: 26px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0px 0;
  margin: 0;
  font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
  border: 0;
}

.menu > ul > li > ul.normal-sub {
  width: 250px;
  right: 10px;
    padding: 10px 20px;
    left: auto;
}

.menu > ul > li > ul.normal-sub > li {
  width: 100%; padding: 0;
}

.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 0.5em 0;
    font-size: 14px;
}

/*** on -ampus page css **/

.textbox-about-inner .flat-title,{
color:#357E90;

}
.campusinner .title-section{
	text-transform:uppercase;
	font-size: 25px;

line-height: 28px;

position: relative;
margin-bottom:0px;
color:#102331;
}
.campusinner {
margin-top:30px;
}
#campus{
	margin-top:0px;
}
#campus .video-section-col{
	padding:0px !important;
}


.campusinner  .about-introduce{
	margin-top:10px;
}
.campusinner  .about-introduce .subheading{
	color:#357E90;
	font-style:italic;
	font-weight: 600;
}

.campusinner .textbox-about:hover .flat-title,
.campusinner .textbox-about:hover  .about-introduce .subheading{
	color:#fff;
	
}
.campusinner .textbox-about:hover{
	background:#357E90;
	padding:10px;
	color:#fff;
	border-radius: 20px;
}
.upheading{
	font-size:14px;
	color:#00B3E7;
	text-align:center
}
.upsubheading{
	font-size:13px;
	font-weight:600;
	color:#00B3E7;
}
.upcomingblock{
background:	#357E90;
padding-top:10px;
border-radius:10px;
color:#fff;
margin-top:10px;
}
.upcomingblock:hover{
	background:#3C504F;
}
/**End**/

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (min-width: 1170px) {

  .menu li a{
    position: relative;
  }
  .menu li a:before{
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #74e3ff;
    transition: width .3s;
    top: -10px;
    position: relative;
  }
  .menu li a:hover:before{
    width: 100%;
  }
  .menu > ul > li > ul
  {
      visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 80%;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0,20px);
  transition: all 0.2s ease-out;
  display: block !important; 
  border-top: 3px solid #74e3ff;  box-shadow: 0 6px 12px rgba(0,0,0,.07);
  }
  .menu > ul > li > ul > li li a{
    font-weight: bold;
  }
  .mega-drop-menu li{
    border:0;
  }
  .arrow-icon:after{
    content:'' ;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #74e3ff;
    left: 0;
    bottom: -4px;
    right: 0;
    margin: auto;
    transition: all 0.2s ease-out;
    display: block !important;
     box-shadow: 0 6px 12px rgba(0,0,0,.07); opacity: 0;

   }
   .menu-dropdown-icon:hover .arrow-icon:after{
    opacity: 1;
   }
  .mega-drop-menu{
    padding:0px 0px 0px !important;
  }
  .mega-drop-menu ul{
    width: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.0784313725490196);
  }

  .menu > ul > li > ul.normal-sub{
    padding: 0px 0px; box-shadow: 0 6px 12px rgba(0,0,0,.07);
  }
  .menu > ul > li > ul.normal-sub li{
    position: relative; display: inline-block;
   }
   .menu > ul > li > ul.normal-sub li a
   {
    position: relative;
    text-transform: none;
    padding: 12px 20px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    display: block;
    width: 100%;
}

.menu > ul > li > ul.normal-sub li a:before {
  content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 5px;
    background: #74e3ff;
    z-index: 9;
    border-radius: unset;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
} 
.menu > ul > li > ul.normal-sub li a:hover {
  color: #74e3ff;
  padding-left: 25px;
  border-color: transparent;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;  background: #fafafa
} 
.menu > ul > li > ul.normal-sub li a:hover:before {
  opacity: 1;
  left: 0px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
  .menu li:hover>ul {
      visibility: visible;
      opacity: 1;
      transform: translate(0,4px);
  }


}




  


@media only screen and (max-width: 1169px){
  .menu-container {
      width: 100%;
  }
  .menu-mobile {
      display: block;
      text-align: right;
    color: #fff !important;
    padding: 0px 0px;
    font-size: 23px;
  }
  .top-header .navbar-nav li:first-child {
    padding: 0% 0% 0% 0%;
}
.top-header .navbar-nav li:last-child {
  padding: 0% 0% 0% 0%;
}
.top-header .navbar-nav li {
  padding: 0% 0% 0% 0%;
}
  .mobile-header{
    padding-bottom: 10px !important;
  }
  .mega-drop-menu li:hover{

  }
  .menu > ul > li > ul > li > ul{
    display: none;
  }
  .mega-drop-menu li:hover ul{
display: block !important;
  }
  .menu-dropdown-icon:before {
    display: block;
    position: absolute;
    right: 4px;
    padding: 14px 0px;
    top: -4px;
    color: #fff;
    background: none;
    width: 80px;
    text-align: right;
  }
  .menu > ul {
      display: none;
  }
  .menu > ul > li {
      width: 100%;
      float: none;
      display: block; position: relative;
  }
  .menu > ul > li a {
      padding: 0.5em 0em;
      width: 100%;
      display: block; color:#fff;
  }
  .menu .active {
    color: #74e3ff !important;
    border: 0px solid;
    border-radius: 0px;
}
.menu .active:before{
  opacity: 0;
}
  .menu > ul > li > ul {
      position: relative;
  }
  .menu > ul > li > ul.normal-sub {
      width: 100%;
  }
  .menu > ul > li > ul > li {
      float: none;
      width: 100%;
      margin-top: 0px; padding: 8px 0px;
  }
  .menu > ul > li > ul > li:first-child {
      margin: 0;
  }
  .menu > ul > li > ul > li > ul {
      position: relative;
  }
  .menu > ul > li > ul > li > ul > li > li{
    padding: 8px 0px;
  }
  .menu > ul > li > ul > li > ul > li {
      float: none; padding: 5px 0;
  }
  .menu .show-on-mobile {
      display: block; border-top: 1px solid #6ba5b3;
      margin-top: 14px; 
      overflow-y:auto;
  } 
  #Idm6FJM-1582107463899{

  }
}


.panel-title {
	cursor:pointer;
}
h4.tab-title
{
 	font-weight: normal;
	font-size: 22px;
	color: #ffffff;
}
.vertab-content ul, .vertab-content ol {
	padding-left: 15px;
}
 nav.tabs-img-icon {
  background: rgba(255, 255, 255, 0.4);
}
nav.tabs-img-icon ul li a {
  overflow: visible;
  padding: 1em 0;
  line-height: 1;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

 nav.tabs-img-icon ul li a span {
  font-weight: 700;
  font-size: 0.7em;
}

nav.tabs-img-icon ul li.tab-current {
  z-index: 100;
}

nav.tabs-img-icon ul li.tab-current a {
  background: #fff;
  box-shadow: -1px 0 0 #fff;
}

 nav.tabs-img-icon ul li.tab-current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px;
  border-top-color: #fff;
  content: '';
  pointer-events: none;
}
 nav.tabs-img-icon ul li:first-child::before,
 nav.tabs-img-icon ul li::after {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
  width: 1px;
  height: 60%;
  background: rgba(0, 0, 0, 0.07);
  content: '';
}

 nav.tabs-img-icon ul li:first-child::before {
  right: auto;
  left: 0;
}

.tabs-style-iconbox .icon::before {
  display: block;
  margin: 0 0 0.25em 0;
}

.unver-list-logos .tabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  font-weight: 300;
  font-size: 1.25em;
}
.unver-list-logos  .tabs nav ul {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  list-style: none;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.unver-list-logos  .tabs nav ul li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.unver-list-logos  .tabs nav ul li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.unver-list-logos .tabs nav a {
  position: relative;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5;
}
.unver-list-logos nav ul li.tab-current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px;
  border-top-color: #fff;
  content: ''; display: none;
  pointer-events: none;
}
.content-wrap section {
  display: none;
  margin: 0 auto;
  padding: 1em;
  max-width: 1200px;
  text-align: center; background: #ebebeb;
}
.tabs-img-icon .tab-current::before{
  position: absolute !important;
    content: "\f00c" !important;
    font: normal normal normal 14px/1 FontAwesome;
    top: 0 !important;
    left: 0!important;
    right: 0 !important;
    width: auto !important;
    color: #fff;
    z-index: 1 !important;
    height: 100% !important;
    background: #357e9069 !important;
    font-size: 27px;
    line-height: 7;
 }
.tab-current{

}

.content-wrap section.content-current {
  display: block;
}
.tabs-img-icon a img{
  opacity: 0.6; border: 1px solid transparent; padding: 8px;
}
.tab-current a img{
  opacity: 1;   border-radius: 50%;
}

.logo-btn-col{
  padding-top: 15px;
}
.logo-btn-col a{
  display: inline-block;
  padding: 8px 18px; color: #fff;
  background: #dfdfdf;
  text-decoration: none !important; border-radius: 3px; margin-right: 5px; margin-bottom: 5px;
}
.logo-btn-col a:first-child{
  background: #357e90;
}
.logo-btn-col a:last-child{
  background: #03A9F4;
}

.border-col{
  padding: 5px;
  border:1px solid rgba(201, 201, 201, 0.27);
  text-align: center;
}
.org-chart {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.pg-orgchart{
  padding-top:5%;
}

ul{
  list-style-type: none;
}
.is-checked{
  color: #000000;
}
.faculty-header{
  background: #dfdfdf;
    padding: 8px 0px;
}
.faculty-header{
  background: #499bb0;
    padding: 8px 0px; box-shadow: 3px 2px 10px #cecece;
}
.faculty-header .col-md-3 select{
  width: 100%;
  border: 1px solid #fff;
  background: none;
  padding: 5px 6px;
  color: #333;
  height: 43px;
  background: #fff;
  border-radius: 0.25rem;
}
.filter-gallery-col{
  padding-top: 30px; background-color: rgb(249, 249, 249);
}
.faculty-header .col-md-6{
  color: #fff;
  font-size: 18px;
  padding-top: 10px;
}
.faculty-header .search-col{

}
 .view-btn{
  color: #333;
 }
   
   
/* Filter Style */
.mel-nav ul{
  display:flex;
  flex-direction: row;
  padding-left: 15px;
}
.mel-nav li{
  padding-right: 15px;
  cursor: pointer; border: 1px solid #aeaeae;
  padding: 5px 18px;
  margin-right: 5px; display: inline-block; background: #fff;
}
.mel-nav li:hover, .is-checked{
  background-image: -webkit-linear-gradient(left, #00eda4, #6a7df1) !important;
    background-image: -moz-linear-gradient(left, #00eda4, #6a7df1)!important;
    background-image: -o-linear-gradient(left, #00eda4, #6a7df1)!important;
    background-image: -ms-linear-gradient(left, #00eda4, #6a7df1)!important;
    background-image: linear-gradient(to right, #00eda4, #6a7df1)!important; color:#fff;
}
/* Grid Style */
.mel-grid {
  max-width: 100%;
}
.mel-grid:after {
  content: '';
  display: block;
  clear: both;
}
.mel-grid-sizer,
.mel-grid-item{
  width: 25%;
}
.mel-grid-item{
  float: left;
}
.mel-item-wrapper{
  margin: 15px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; border: 1px solid #dfdfdf; border-radius: 5px; background-color: #fff; overflow: hidden; margin-bottom: 10px;
}
.hover-image-col{
  height: 200px; position: relative; overflow: hidden;
}
.mel-item-wrapper:hover{
  -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
}
.content-scroll{
  padding-bottom: 20px;
}
.mel-image-container{
  width: 100%;
  height: 200px;
  max-height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.mel-image-container img{
  width: 100%;
}
.img-zoom{
  position: relative;
    overflow: hidden;
    line-height: 0;     -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    transform: scale(1);
}
 
.img-zoom img{
  width: 100%;
    height: auto;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    transform: scale(1);
}

.mel-item-wrapper:hover .mel-image-container{
  transform: scale(1.4);
}
.img-zoom:hover img{
  transform: scale(1.3);
}
.search-col input[type="search"] {
  -webkit-appearance: none !important;
  background-clip: padding-box;
  background-color: white;
  vertical-align: middle;
  border-radius: 0.25rem;
  border: 1px solid #e0e0e5;
  font-size: 1rem;
  width: 100%;
  line-height: 2;
  padding: 0.375rem 1.25rem;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

 

.search-col form.search-form {
  display: flex;
  justify-content: center;
}

.search-col label {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: center;
  margin-bottom: 0;
}

.search-col input.search-field {
  margin-bottom: 0;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: center;
  height: 43px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.search-col input.search-submit {
  height: 43px;
  margin: 0;
  padding: 0rem 1.3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
   font-size: 1rem;
}

.search-col .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.search-col .button {
  display: inline-block;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.15;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  background: #80cfde;
  color: #fff;
  border: 1px solid transparent;
  vertical-align: middle;
  text-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.search-col .button:hover,
.search-col .button:active,
.search-col .button:focus {
  cursor: pointer;
  background: #fff;
  color: #333;
  outline: 0;
}

.mel-content h3{
  color: #333;
    font-size: 18px;
    font-weight: 600; font-family: "Lato",Arial,Helvetica,sans-serif; min-height: 40px;
}

.mel-content{
  padding: 0px; text-align: center; font-family: "Lato",Arial,Helvetica,sans-serif; font-weight: 300;
}
.mel-content p{
  margin-bottom: 15px; color: #00b3e7;
}
  h3.heading-primary {
 
  line-height: 1.17em;
  color: #333; font-weight: 700; text-transform: capitalize;

}

h5.heading-primary {
  font-size: 16px; 
  line-height: 1.17em;
  color: #333; font-weight: 700; text-transform: capitalize;

}
.heading-primary  mark{
  padding: 0px;
    font-size: 30px;
}
.alum-container {
  padding-top: 50px;
    padding-bottom: 50px;
}
.trip-callto-action {

}
.main-btn-rect{

}
.strip-callto-action{
  background: #357e90;
    text-align: center; padding: 14px 0px;
}
.strip-callto-action a{
  border-radius: 4px; display:inline-block; text-decoration: none;
}
/* popup-contact */
.main-btn-rect,
.main-btn-circle{
	position: relative;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #FFFFF0;
	background-color: rgb(252, 79, 79);
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;	
	outline: none;
	cursor: pointer;
	z-index: 100;
}
.main-btn-rect {
	padding: 10px 80px;
	line-height: 30px;
}
.strip-callto-action .main-btn-rect {
  color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}
.main-btn-rect:before, 
.main-btn-rect:after{
  position: absolute;
  content: '';
  top:0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 240, 0.2);
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.main-btn-rect:before {
  left: 0;
}
.main-btn-rect:after {
  right: 0;
}
.main-btn-rect:hover:before, 
.main-btn-rect:hover:after{
  width: 50%;
}
.main-btn-circle{
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 100%;
	line-height: 40px;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.main-btn-circle:hover{   
  -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
}
.popup{
  position: fixed;
	top: 100%;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
.popup.active{
  top:0;
  background-color: rgba(3, 3, 3, 0.98); 
  transition: background-color .6s ,opacity .6s;
}
.popup .main-btn-rect{
  padding: 10px 100px;
}
.popup .popup-content{
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: auto;
  min-width: 320px;
  margin-top: 150px;
  padding: 25px;
  background-color: #FFFFF0;
  color: #070000;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transition: margin .6s;
  -webkit-transition: margin .6s;
  -moz-transition: margin .6s;
  -o-transition: margin .6s;
}
.popup.active .popup-content{
  margin-top: 0px;
}
.popup-content h6{
  display: table;
  font-size: 16px;
  text-align: center;
  margin: 10px auto;
  font-family: 'Roboto',sans-serif;
  text-transform: uppercase;
  font-weight: 100;  
}
.form-group{
	position: relative;
	width: 90%;
	margin: 0px auto;
}
form#send input, form#send textarea{
	position: relative;
	margin-bottom: 32px;
	width: 100%;
	height: 29px;
	font-family: 'RobotoLight', sans-serif;
	text-indent: 20px;
  background-color: transparent;
	outline: 0;
	border: none;
	border-bottom: 1px solid #070000;
	-webkit-transition: border 0.6s;
	-o-transition: border 0.6s;
	transition: border 0.6s;
}
form#send input:focus,
form#send textarea:focus{
	border-bottom: 1px solid rgb(63, 173, 168); 
}
form#send label{
	position: absolute;
	top: 0;
	line-height: 28px;
	-webkit-transition: color .5s;
	-o-transition: color .5s;
	transition: color .5s; left: 0;
}
form#send input:focus + label,
form#send textarea:focus + label{
  color: rgb(63, 173, 168);
}
form#send .txt{
	line-height: 22px;
	left: 2px;
}
form#send .main-btn-rect {
	position: relative;
	display: block;
	padding: 12px 80px;
	margin: 0px auto;
	font-size: 14px;
}
form#send .main-btn-rect i {
	margin-right: 5px;
}
.popup .fade-out{
  position: absolute;
  top: -20px;
  right: -20px;
  text-align: center;
  font-size: 15px;
}
/* popup-contact */









.content-col{
  padding-top: 25px;
}
.heading-description{
  color: #696969;
     font-size: 15px;
}
.ing-col-alm img{
  width:100%; position: relative;
  z-index: 1;
}
.ing-col-alm{
  position: relative;
}
.ing-col-alm:before{
  content: '';
    position: absolute;
    top: -28px;
    background: url(../img/pattern-2.png) no-repeat;
    width: 170px;
    height: 170px;
    right: -28px;
}
.ing-col-alm:after{
  content: '';
    position: absolute;
    bottom: -64px;
    background: url(../img/pattern-1.png) no-repeat;
    width: 170px;
    height: 170px;
    left: -21px;
}
.col-md-6.right-cont{
  padding-left: 35px;
}
.sub-row .img-col{
  display: inline-block; width: 168px; height: 140px; overflow: hidden; border-radius: 5px;
}
.sub-row .img-col img{
   width:100%;
}

.content-col-stu{
display: inline-block;
}
.content-col-stu h2{
  margin: 0; margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  padding-top: 20px; 
}
.sub-row{
  border: 1px solid #eaeaea;
    overflow: hidden;
    border-radius: 5px;
    background: #fbfbfb;
}
.alum-students{
  padding-top: 40px;
  padding-bottom: 40px;
}
.students-row{
  margin-bottom: 20px;
}
.content-col-stu p{

}
.content-col-stu a{

}
.btn-col-section{
  display: table;
  position: relative; width: 100%;     top: 0px;
  margin-top: 30px;
}
.img-icon-col{
  display: table-cell;
    vertical-align: middle; padding-right: 5px;
    width: 70px;
}
.img-icon-col img{
  width:55px;
}
.btn-col-section a{
  background: #499bb0;
    display: block;
    color: #fff !important;
    border-radius: 5px;
    padding: 20px 16px; position: relative; overflow: hidden; text-decoration: none !important;  transition: 0.5s;

}
.btn-col-section a:hover{
  background: #03e9f4 !important;
    color: #050801;
    box-shadow: 0 0 5px #03e9f4, 0 0 0px #03e9f4, 0 0 0px #03e9f4, 0 0 40px #03e9f4;

}


.btn-col-section a:after{
  content: '';
    width: 250px;
    height: 250px;
    background: rgba(255,255,255,.05);
    border-radius: 50%;
    left: -150px;
    bottom: -150px;
    position: absolute;
}
.btn-col-section .blk-bg{
  background-color: #2d3845; 
}
.btn-col-section .wht-bg{
  background-color: #357e90; color:#fff !important;
}
.students-col-btn{
  background-color: #f5f8fb;     padding-bottom: 50px;
  margin-bottom: -20px;
}
.content-icon-box{
  display: table-cell;
    vertical-align: middle; font-size: 22px;
    text-align: center;
}
.team-box{
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 10px 40px rgba(0,0,0,.07);
  background: #fff;
}
.team-image{

}
.color-block {
  position: fixed;
  height: 200%;
  width: 100%;
  transform: rotate(-15deg);
  left: -83%;
  top: -50%; background: #499bb0;
}
.team-image img{
width:100%;
}
.team-content{
  padding: 25px 20px 20px;
  position: relative;
}
.team-content h2{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 5px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 0;
}
.team-content h3{
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 0;
}
.team-content p{

}
.team-content a{

}
@media all and (min-width: 1005px) and (max-width: 1316px) {
      
  .image-col{
    width: 26% !important; height: 270px !important;
  }



}

@media all and (min-width: 984px) and (max-width: 1495px) {
      
  .openpopup{
    width: 75% !important;
  }



}


@media all and (min-width: 1169px) and (max-width: 1199px) {
  .top-header .navbar-nav li {
    padding: 0% 0% 0% 0%;
}
.top-call-btn a {
  font-size: 14px !important;
 }
 .right-col-header {
  width: 40%;
 }
 .social-media-icons ul li {
   margin-right: 0px;
}
.menu > ul > li a{
  padding: 1.5em 0.8em;
}

}



@media all and (min-width: 768px) and (max-width: 1168px) {
      
  .top-header .navbar-nav {
    float: none !important;
    width: 100%; padding-bottom: 10px;
}
.right-col-header {
  width: 100%;
  float: none;
}
.cd-search-trigger::before {
  top: 7px !important;
  left: 7px !important;
}
.one:hover ~ hr {
  margin-left: 26%;
  width: 7%;
}
.two:hover ~ hr {
  margin-left: 34%;
  width: 5%;
}
.three:hover ~ hr {
  margin-left: 40%;
  width: 7%;
}
.four:hover ~ hr {
  margin-left: 48%;
  width: 8%;
}
.five:hover ~ hr {
  margin-left: 57%;
  width: 6%;
}
.six:hover ~ hr {
  margin-left: 64%;
  width: 6%;
}
.top-header hr{
  display: none;
}


}



@media all and (min-width: 769px) and (max-width: 1004px) {
      
  .openpopup{
    width: 90% !important;
  }
  .poppup-body {
    
    width: 60% !important;
}


}





@media (min-width: 768px){
.sub-row .img-col{
     float: left;
    padding-right: 10px;
}
.content-col-stu{
  width: 66%; float: left;
 }


}


.elementor-heading-title{
  font-size: 15px;
}

@media all and (min-width: 769px) and (max-width: 980px) {
  .mel-grid-item{
    width: 50%;
  }
}

@media all and (min-width: 760px) and (max-width: 885px) {
  .poppup-body {
    width: 56% !important; 
}
} 

@media (max-width: 768px) {
  .mel-grid-item{
    width: 100%;
  }
  .top-header hr{
    display: none;
  }
}



.org-chart ul {
  padding-top: 20px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.org-chart ul:after{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0; height: 20px
}

.org-chart ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0;
}
.org-chart li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.org-chart li::before, .org-chart li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 50%;
  height: 20px;
}
.org-chart li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #ccc;
}
.org-chart li:only-child::after, .org-chart li:only-child::before {
  display: none;
}
.org-chart li:only-child {
  padding-top: 0;
}
.org-chart li:first-child::before, .org-chart li:last-child::after {
  border: 0 none;
}
.org-chart li:last-child::before {
  border-right: 1px solid #ccc;
  border-radius: 0 5px 0 0;
}
.org-chart li:first-child::after {
  border-radius: 5px 0 0 0;
}
.org-chart li .user {
  text-decoration: none;
  color: #666;
  display: inline-block;
  padding: 20px 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #fff;
  min-width: 180px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.org-chart li .user:hover, .org-chart li .user:hover + ul li .user {
  background: #b5d5ef;
  color: #002A50;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  box-shadow: inset 0 0 0 3px #76b1e1, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.org-chart li .user:hover img, .org-chart li .user:hover + ul li .user img {
  box-shadow: 0 0 0 5px #4c99d8;
}
.org-chart li .user:hover + ul li::after,
.org-chart li .user:hover + ul li::before,
.org-chart li .user:hover + ul::before,
.org-chart li .user:hover + ul ul::before {
  border-color: #94a0b4;
}
.org-chart li .user > div, .org-chart li .user > a {
  font-size: 12px;
}
.org-chart li .user img {
  margin: 0 auto;
  max-width: 60px;
  max-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #aaa;
}
.org-chart li .user .name {
  font-size: 16px;
  margin: 15px 0 0;
  font-weight: 300;
}
.org-chart li .user .role {
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 5px;
}
.org-chart li .user .manager {
  font-size: 12px;
  color: #b21e04;
}










@media (min-width:768px) {
.vertab-container {
	z-index: 10;
	background-color: #fff;
	padding: 0 !important;
	border: 1px solid #ddd;
	margin-top: 20px;
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
	overflow: auto;
	margin-bottom: 50px;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.06);
}

.vertab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	display: block;
 }
 
.vertab-menu .list-group {
	margin-bottom: 0;
}
.vertab-menu .list-group>a {
	margin-bottom: 0;
	border-radius: 0;
}
.vertab-menu{
  padding: 0 !important;
}
 .vertab-menu .list-group>a {
	color: #fff;
	background-image: none;
	background-color: #80cfde;
	border-radius: 0;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #fff;
	padding: 15px 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 12px;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	/* overflow: hidden; */
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
	border-color: #dfdddd;
	justify-content: left;
	align-items: center;
	font-size: 16px;
}
.list-group .list-group-item img{
  margin-right: 10px;
}
 .vertab-menu .list-group>a::after {
  -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(900px) rotate3d(0, 1, 0, 90deg);
  -webkit-transform-origin: 0%;
  transform-origin: 0%;
  -webkit-perspective-origin: 0%;
  perspective-origin: 0%;
  transform-origin: 0%;
}
.vertab-menu .list-group>a.active::after {
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
  background: #4557b6;
}
.vertab-menu .list-group>a.active::before {
  position: absolute;
    top: 25%;
    right: -11%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 16px;
    border-left-color: #4557b6;
    content: '';
    pointer-events: none;

}

.vertab-menu .list-group>a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(900px) rotate3d(1, 0, 0, 90deg);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
}


.vertab-menu .list-group>a.active, .vertab-menu .list-group>a:hover, .vertab-menu .list-group>a:focus {
	position: relative;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #CACACA;
	border-left: 0px solid #357e90;
	padding-left: 5px;
	background-image: none;
	background-color: #4557b6;
	color: #fff;
}
.vertab-content {
	padding-left: 20px;
	padding-top: 10px;
	color: #000;
}

.vertab-accordion .vertab-content:not(.active) {
	display: none;
}
.vertab-accordion .vertab-content.active .collapse {
	display: block; visibility: visible;
}	
.vertab-container .panel-heading {
	display: none;
}
.vertab-container .panel-body {
	border-top: none !important;
}
}
.country-logo{
  padding-bottom: 10px;
}
.uni-btn{
  border-radius: 3px;
    background: #3F51B3; color:#fff;
    display: inline-block;
    padding: 15px 38px;
    font-size: 16px;font-weight: 700; border: 0; outline: none;
}
.unver-list-logos {
  border: 1px solid #dfdfdf;
  width:100%;
  height:auto;
   padding:0px;
  display:none;
  position: relative;
  margin-top: 6px; 
}


.ekit-double-btn-one{
  color: #fff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    background: #357e90; padding: 12px 15px 12px 15px; display: inline-block;
}
.ekit-double-btn-one:hover{
  color: #357e90;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #357e90;
  background: none;
}

.btn-section{
  padding-top: 20px;
} 
.dropdown-menu li a{
  border: 0 !important;
}

/* If the tc_breakpoint variable is changed, this breakpoint should be changed as well */
@media (max-width:767px) {
.vertab-container {
	margin-top: 20px;
	margin-bottom: 20px;
}
.dropdown-menu li a{
  border: 0 !important;
}
.categories ol li a{
  margin-bottom: 5px; display: block;
}
.vertab-container .vertab-menu {
	display: none;
}
.vertab-container .panel-heading {
	background-color: #F6F6F6;
	color: #818181;
	padding: 15px;
	border-bottom: 1px solid #F6F6F6;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-left: 5px solid #F6F6F6;
}
ol.type li{
  display: block;
}
.portfolio-item .hover-bg{
  height: auto;
}
ol.type li:after{
  display: none;
}
.vertab-container .panel-heading:hover, .vertab-container .panel-heading:focus, .vertab-container .panel-heading.active {
	border-left: 5px solid #7952b3;
	border-bottom: 1px solid #7952b3;
}
.vertab-content {
	border-bottom: 1px solid #CACACA;
}
.vertab-container .panel-title a:focus, .vertab-container .panel-title a:hover, .vertab-container .panel-title a:active {
	color: #818181;
	text-decoration: none;
}
.panel-collapse.collapse, .panel-collapse.collapsing {
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.vertab-container .panel-collapse .panel-body {
	border-top: none !important;
}
.get-form .modal {
  top: 12%;
  width: 90%;
  margin: auto;
  left: 0;
  height: 80%;
  overflow-y: auto; position: absolute;
}
.modal-wrapper.get-form.open .modal{
  margin-top: 0;
}
.col-row-form .col-md-6{
  padding: 0; 
}
.get-form .form-input{
  margin-bottom: 5px;
}
.get-form .col-md-12{
  padding: 0;
}
.col-row-form .radio-container, .col-md-12 .radio-container{
  display: inline-block;
}



}

.carousel-indicators li {
    text-indent: 0;
  
  font-size: 0;
}
.accordion {
  font-size: 1rem;
  width: 30vw;
  margin: 0 auto;
  border-radius: 5px;
}

.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  padding: 1.5em 1.5em;
  background: #3F51B5;
  color: white;
  cursor: pointer;
  font-size: .7em;
  letter-spacing: .1em;
  transition: all .3s;
  text-transform: uppercase;
}

.accordion__item {
    border-bottom: 1px solid #3a4ba4;
}

.accordion__item .accordion__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion-header:hover {
  background: #2D3D99;
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fcfcfc;
  color: #353535;
  display: none;
}

.accordion-body__contents {
  padding: 1.5em 1.5em;
  font-size: .85em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.2em;
  float: right;
  position: relative;
  top: 10px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  background: #2D3D99;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}
.mobile-show{
  display: none;
}

@media screen and (max-width: 1000px) {
   
  
  .accordion {
    width: 100%;
  }
  .showbox {
     padding: 10px;
     
  }
  .spacer {
    clear: both;
    height: 20px;
  }
  .mobile-show{
    display: block;
    padding-top: 46px;
  }
  .mobile-hide{
    display: none;
  }
  #toggle li button{
    border: 1px solid #f1f1f1;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 20px 6px 6px 6px;
    padding: 6px 23px; margin-bottom: 15px; margin-right: 12px;
    background-color: #FFF;
  }
  #toggle li button
  {
    border: 1px solid #f1f1f1;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 20px 6px 6px 6px;
    padding: 15px 23px;
    background-color: #FFF;
    width: 95%;
    margin: auto;
  }
  #toggle {
    list-style-type: none;
    margin: 0;
    padding:0;
    text-align:left;
    line-height:2.5em;
    font-size: 1.0em;
    text-transform:uppercase;
    font-style:normal;
}
#toggle li {
    padding:0;
    margin:0;
    vertical-align:top;
    float: none;
    position:relative;
}
 
#toggle li ul {
    list-style-type: none;
    left:0;
    position:absolute;
    visibility:hidden;
}
#toggle li.open ul {
    visibility:visible;
    width: 96%;
    margin: auto !important;
    float: none;
}
#toggle li button.showclick {
    background-image: -webkit-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -moz-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -o-linear-gradient(left, #00eda4, #6a7df1);
    background-image: -ms-linear-gradient(left, #00eda4, #6a7df1);
    background-image: linear-gradient(to right, #00eda4, #6a7df1);
    color: #fff;
}
.buttons-mb{
  text-align: center; padding-top: 12%;
}

} 


.puprdmr{
	cursor: pointer;
	font-weight:bold;
	text-decoration:none;
padding: 3px 8px;
display: inline-block;
}

.puprdmr:hover{text-decoration:none;
	background-image: linear-gradient(to right, #00eda4, #6a7df1) !important;
color: #fff;
}
.cursor
{
	cursor:pointer;
}
.mel-content p{
	font-size: 18px;
font-weight: bold;
	
}

@media  (max-width: 484px) {
.social-media-icons{
  margin-top: 14px;
}
.right-col-header{
  padding-top: 0px;
}
.cd-search-trigger {
  top: 14px !important;
}

.full-img {
   padding-top: 203px; background-color: #ffffff; 
}

.full-img img {
  height: auto !important; opacity: 1;
}





}