/* #### ==================== Loader ===========================#### */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("../images/book.gif") center no-repeat #f5f7f6;
}


  /* ================================================================== */
@import url('opensans.css');
html {
	overflow-x: hidden;
}

body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-family: 'Raleway', sans-serif;
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-weight: 400;
	font-family: sans-serif;
}


/* removing underline  */

a:hover,
a:focus {
	color: #23527c;
	text-decoration: none;
}

input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 400;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-family: 'Abel', sans-serif;
}

p {
	/*margin:0;*/
	margin-top: 0px;
	font-family: 'Raleway', sans-serif;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}

html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}


/*-- slider --*/


/* I wanted to center my loader */

#cycle-loader {
	height: 32px;
	left: 50%;
	margin: -8px 0 0 -8px;
	position: absolute;
	top: 50%;
	width: 32px;
	z-index: 999;
}


/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/

#maximage {
	display: none;
	/* Only use this if you fade it in again after the images load */
	;
}


/*Set my gradient above all images*/

#gradient {
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}


/*Set my logo in top left*/

#logo {
	left: 30px;
	top: 30px;
	position: absolute;
	z-index: 1000;
}

#logo img {
	width: 100%;
}

#arrow_left,
#arrow_right {
	bottom: 30px;
	height: 67px;
	position: absolute;
	right: 30px;
	width: 36px;
	z-index: 1000;
	bottom: 90px;
}

#arrow_left {
	right: 86px;
}

#arrow_left:hover,
#arrow_right:hover {
	bottom: 89px;
}

#arrow_left:active,
#arrow_right:active {
	bottom: 89px;
}

a {
	color: #666;
	text-decoration: none;
}

.in-slide-content h2 {
	color: #d4d9de;
	float: right;
	font-size: 36px;
	right: 0;
	padding: 20px;
	position: absolute;
	top: 48%;
	width: 100%;
	z-index: 9999;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 5px;
	background: rgba(10, 18, 22, 0.56);
}

.light-text {
	color: #ddd;
	text-shadow: 0 1px 0 #666;
}

.smaller-text {
	font-size: 30px;
}

.youtube-video {
	left: 0;
	position: absolute;
	top: -21px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
  }
  .carousel-fade .carousel-inner .active {
	opacity: 1;
  }
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }
  .carousel-fade .carousel-control {
    z-index: 2;
  }

  .carousel,
  .carousel-inner,
  .carousel-inner .item {
    height: 100%;
  }

  .carousel-caption h3:first-child {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
  .carousel-caption h3:nth-child(2) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }


  .banner .carousel-inner .item img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-image: url(../images/curve-graphic-top.svg);
    -webkit-animation: zoom 1s;
	 animation: zoom 1s;
  }

  @-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.5, 1.5);
    }
  }

  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.5, 1.5);
    }
  }

/*-- //slider --*/


/*-- header --*/

header {
	padding: 20px 0;
	border-top: 2px solid #00d0ff;
	border-bottom: 2px solid #00d0ff;
	margin: 20px 0;
	background: rgba(0, 0, 0, 0.61);
	position: Absolute;
	z-index: 999;
	width: 100%;
}

a#logo {
	text-decoration: none;
}

a#logo h1 {
	color: #fff;
	font-size: 45px;
	font-family: 'Lobster Two', cursive;
	text-transform: uppercase;
	letter-spacing: 10px;
}

.main-slider {
	height: 780px;
	position: relative;
}

.header-sec .logo-sec figure a {
	display: block;
}

.logo-sec h4 {
	font-size: 22px;
	padding-top: 13%;
	font-weight: 500;
}

.visit-nepal-toast{
    position: absolute;
    left: 1%;
    padding: 12px;
    background: #fff;
    top: 0;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.16);
    width: 106px;
    border-radius: 0px 0px 12px 12px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 999;
    -webkit-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88) 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88) 0.3s;
    transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88) 0.3s;
  }

/*-- top-strip --*/

button.btn.btn-primary {
	color: #ffffff;
	border: none;
	background: #ff9595;
	outline: none;
	font-size: 14px;
	border-radius: 0;
	letter-spacing: 1px;
	padding: 5px 10px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

button.btn.btn-primary:hover {
	background: #14a84d;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

button.btn.btn-primary:focus {
	outline: none;
	box-shadow: none;
}

.lumbini-top-strip {
	padding: 10px 0;
	background: url(../images/h_bg.gif) repeat;
	border-top: 5px solid #14a84d;
}

.lumbini-subscribe {
	float: left;
	width: 40%;
	margin-top: 1px;
}

.lumbini-subscribe a {
	color: #ffffff;
	border: none;
	background: #ff9595;
	outline: none;
	font-size: 14px;
	border-radius: 0;
	letter-spacing: 1px;
	padding: 5px 10px;
}

.lumbini-subscribe a:hover,
.lumbini-subscribe a:focus {
	color: #ffffff;
	background: #000000;
}

.agileinfo-contact-info {
	float: left;
	width: 30%;
	margin-top: 3px;
}

.lumbini-login {
	float: right;
}

.agileinfo-contact-info ul li {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
}

.agileinfo-contact-info ul li a {
	color: #ffffff;
}

.agileinfo-contact-info ul li a:hover {
	/*-- color:#000000; --*/
	
}

.agileinfo-contact-info ul li:nth-child(2) {
	margin-left: 25px;
}

.agileinfo-contact-info ul li span {
	left: -8px;
	color: #ffffff;
}

h4.package-title {
	margin: 0;
	line-height: 1.42857143;
	text-transform: uppercase;
	color: #0c68d6;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center;
}

button.close {
	font-size: 20px;
}

.agileits-login {
	padding: 3em;
	padding-bottom: 0;
}

.agileits-login input[type="text"],
.agileits-login input[type="email"],
.agileits-login input[type="password"] {
	outline: none;
	font-size: 1em;
	color: #fff;
	padding: 10px;
	margin: 0;
	width: 100%;
	border: none;
	border-bottom: 1px dashed #ccc;
	-webkit-appearance: none;
	margin-bottom: 2.5em;
	background: transparent;
}

.agileits-login input[type="text"]:focus,
.agileits-login input[type="password"]:focus {
	border-color: #54eaad;
	border-bottom-style: double;
}


/*-- checkbox --*/

.agileits-login label {
	font-size: 1em;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
	position: relative;
}

input.checkbox {
	background: #2b2d41;
	cursor: pointer;
	width: 1.2em;
	height: 1.2em;
	display: inline;
}

input.checkbox:before {
	content: "";
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	background: inherit;
	cursor: pointer;
}

input.checkbox:after {
	content: "";
	transition: .4s ease-in-out;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 1;
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #54eaad;
}

input.checkbox:checked:after {
	transform: rotate(-45deg);
	height: .5rem;
	border-color: #54eaad;
	border-top-color: transparent;
	border-right-color: transparent;
}

.anim input.checkbox:checked:after {
	transform: rotate(-45deg);
	height: .5rem;
	border-color: transparent;
	border-right-color: transparent;
	animation: .4s rippling .4s ease;
	animation-fill-mode: forwards;
}

@keyframes rippling {
	50% {
		border-left-color: #d24747;
	}
	100% {
		border-bottom-color: #d24747;
		border-left-color: #d24747;
	}
}


/*-- //checkbox --*/

.wthree-text ul li {
	display: inline-block;
	float: left;
}

.wthree-text ul li:nth-child(2) {
	float: right;
}

.wthree-text ul li a {
	font-size: 1em;
	color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.wthree-text ul li a:hover {
	color: #d24747;
}

.btn-submit {
	text-align: center;
	margin-top: 3em;
}

.submit-text {
	position: relative;
	display: inline-block;
}

.submit-text span {
	position: absolute;
	background: url(../images/i1.png)no-repeat 0px 0px;
	width: 63px;
	height: 30px;
	background-size: 100%;
	top: 17px;
	left: -34px;
	cursor: pointer;
}

.agileits-login input[type="submit"] {
	font-size: 18px;
	color: #fff;
	border: 3px solid #54eaad;
	outline: none;
	cursor: pointer;
	padding: 14px 100px 14px 40px;
	-webkit-appearance: none;
	background: url(../images/i1.png)#54eaad no-repeat 135px 9px;
	transition: .5s all;
}

.agileits-login input[type="submit"]:hover {
	background-position: 105px 9px;
}

.agileits-login input[type="submit"].register {
	background-position: 178px 9px;
}

.agileits-login input[type="submit"].register:hover {
	background-position: 135px 9px;
}


/*-- SAP --*/

.sap_tabs {
	clear: both;
}

.tab_box {
	background: #fd926d;
	padding: 2em;
}

.top1 {
	margin-top: 2%;
}

.resp-tabs-list {
	list-style: none;
	text-align: center;
}

.resp-tab-item {
	color: #fff;
	font-size: 1.5em;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	outline: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 50%;
	background: #25273b;
	float: left;
	padding: 1.1em 0;
}

.resp-tab-active {
	text-shadow: none;
	color: #54eaad;
	background: #1e2032;
}

.resp-tabs-container {
	padding: 0px;
	background-color: #2b2d41;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.resp-tab-content {
	display: none;
}

.resp-content-active,
.resp-accordion-active {
	display: block;
}

.resp-tab-item label {
	margin-right: 8px;
}


/*-- //SAP --*/

.modal-content {
	border-radius: 0;
}

.modal-lg {
	width: 650px;
}

.modal-title {
	font-size: 30px;
	text-align: center;
	color: #e83f3f;
}

.modal-header {
	padding: 25px;
}


/*-- //top-strip --*/


/*-- navigation-starts --*/

.header-sec {
	background: #2b6eb5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

.header-sec .logo-sec {
	background: #fff;
	min-height: 100px;
	text-align: right;
	z-index: 9;
	padding-right: 0px;
	-webkit-box-shadow: 7px 6px 5px -6px #999;
	-moz-box-shadow: 7px 6px 5px -6px #999;
	box-shadow: 7px 6px 5px -6px #999;
	display: flex;
	padding-left: 4%;
}

.header-sec .logo-sec h3 {
	padding: 35px 0 0 15px;
	padding-right: 0px;
}

.header-sec .logo-sec figure {
    padding-top: 31px;
    padding-right: 0px;
    padding-left: 129px;
}

.header-sec .logo-sec img {
	max-width: 100%;
	max-height: 72px;
}

.header-sec .logo-sec:after {
	position: absolute;
	left: 100%;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 100px 50px 0 0px;
	border-color: transparent;
	border-top-color: #fff;
	content: " ";
	pointer-events: none;
	top: 0;
	z-index: 9;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

.header-sec .navbar {
	margin-bottom: 0px;
	border: 0;
	background: none;
}

.header-sec .navbar-right {
	float: none !important;
	border-top: 1px solid #25427f;
	padding-top: 20px;
	padding-bottom: 5px;
	text-shadow: -1px -1px 0 #666;
	display: block;
	color: #FFF;
	background: none;
	border-radius: 0;
	margin-left: -15px;
	padding-left: 30px;
}

.header-sec .navbar-right>li>a {
	padding: 5px 1px;
	margin: -1px 0px;
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.01);
    font-size: 14px;
    font-weight: bold;
}

.header-sec .navbar-right>li {
	padding-left: 10px;
}

.header-sec .navbar-right li a:hover {
	background: rgba(20, 168, 77, 0.0);
	color: #ffff00;
	border: 1px solid rgba(255, 255, 255, 0.0);
	border-top-right-radius: 25px;
	border-bottom-left-radius: 5px;
}

.header-sec .navbar-right>li.active a,
.header-sec .navbar-right .open>a,
.header-sec .navbar-right .open>a:hover,
.header-sec .navbar-right .open>a:focus,
.header-sec .navbar-right li.active a:hover,
.header-sec .navbar-right>li.active a:focus {
	border-color: #568629;
	box-shadow: inset 0 1px 0 #55CA51;
	text-shadow: 0 -1px 0 #315311;
	background: #14a84d;
	color: #fff;
	/* border-top-right-radius: 25px; */
	border-bottom-left-radius: 5px;
	border-color: #14a84d;
}

.header-sec .navbar-right>li.active .dropdown-menu>li>a {
	background: none;
	border: none;
	color: #333;
	text-shadow: none;
	border-radius: 0px;
	box-shadow: none;
	border-bottom: 1px solid #fff;
}

.header-sec .navbar-right>li.active .dropdown-menu>li>a:hover,
.header-sec .navbar-right>li.active .dropdown-menu>li.active>a {
	background: #14a84d;
	color: #ffff00;
	border-bottom-color: #007b30;
}

.header-sec .navbar-right>li.active a:hover,
.header-sec .navbar-right>li a:focus {
	color: #fff;
}

.header-sec .navbar-right .dropdown-menu>li>a {
	text-shadow: none !important;
}

.header-sec .navbar-right li a:focus:hover {
	color: #ffff00;
}

.header-sec .container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

.header-sec .top-nav {
	padding: 0px 0px 0px 10px;
	margin-top: 0px;
	background: none;
	background: none;
	width: 100%;
	background: url(../images/bg-top.jpg) center center repeat;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}

.header-sec .top-nav>li {
	margin-left: -10px;
	vertical-align: middle;
}

.header-sec .navbar-collapse {
	padding-right: 0px;
}

.header-sec .navbar-default .navbar-nav.top-nav li a {
	padding: 8px 30px;
	text-transform: uppercase;
	font-family: 'OpenSans-Semibold';
	border-right: 1px solid #000;
}

.header-sec .navbar-default .navbar-nav.top-nav li a:hover {
	color: #ffff00;
}

.header-sec .navbar-default .navbar-nav.top-nav>.active>a,
.header-sec .navbar-default .navbar-nav.top-nav>.active>a:hover,
.header-sec .navbar-default .navbar-nav.top-nav>.active>a:focus {
	background: url(../images/h_bg.gif) center center repeat !important;
	color: #fff;
	text-shadow: -1px -1px 0 #b16d00;
}

.header-sec .top-nav>li>a:hover,
.header-sec .top-nav>li>a:focus {
	color: #fff;
}

.header-sec .navbar-right>li .dropdown-menu {
	border: none;
	border-radius: 5px;
	border-top-right-radius: 1px;
}

.header-sec .navbar-right>li .dropdown-menu>li>a {
	border-radius: 0px;
	border: none;
}

.header-sec .navbar-right>li .dropdown-menu>li>a:hover {
	background: #14a84d;
}

.dropdown-menu>li>a {
	font-size: 13px;
	padding: 6px 20px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #ff0642;
}

.dropdown-menu {
	border-radius: 0;
}

.c-language {
	position: absolute;
	top: 7px;
	right: 5px;
	z-index: 999;
}

.c-language .dropdown-menu {
	right: 0;
	left: auto;
	min-width: 130px;
	padding-bottom: 0;
}

.c-language .dropdown-menu>li>a {
	padding: 6px 10px;
	border-bottom: 1px solid #ddd;
}

.c-language a img,
.c-language .dropdown-menu>li>a span {
	display: inline-block;
	position: relative;
}

.c-language .dropdown-menu>li>a span {
	min-width: 25px;
}

.c-language .dropdown-menu>li>a span {
	max-width: 25px;
}

.cta-language {
	padding: 0 5px 0 5px;
	color: #fff;
	cursor: pointer;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	line-height: 18px;
	font-size: 1.2rem;
}

.top-search {
	position: absolute;
	top: 5px;
	right: 120px;
	z-index: 998;
}

.top-search .search-trigger {
	padding: 0px;
	background: none;
	position: absolute;
	top: 0;
	right: -38px;
}

.top-search .form-control {
	font-size: 14px;
	padding: 2px 10px;
	height: 25px;
	margin-top: 1px;
	margin-bottom: 0;
	max-height: 25px;
	min-height: 25px;
	border: none;
}

.top-search input:hover,
.top-search input:focus {
	min-width: 220px;
}



ul.nav.navbar-nav.navbar-right {
	width: 1200px
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: scaleY(0);
    transition: all 0.3s ease-in-out;
    transform-origin: center top;
  }
/*-- //navigation-ends --*/


/* carousel  */

.banner .carousel-control,
.prodct-detail .carousel-control {
	color: #fff;
	top: 48%;
	line-height: 33px;
	background: rgb(43, 110, 181);
	margin: 0 15px;
	border-radius: 15%;
	width: 34px;
	height: 34px;
	font-size: 20px;
	opacity: 1;
}


/* carousel caption css */
/*
.banner .carousel-inner .item img {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
} */


.carousel-caption {
	/* background: rgba(0, 0, 0, 0.8); */
	padding: 8px 0 8px 80px;
	bottom: 0;
	max-width: 610px;
	left: 0;
	/* right: 0; */
	position: absolute;
	top: 3px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	text-align: justify;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.74+0,0.65+33,0+100 */
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.65) 33%, rgba(0, 0, 0, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.65) 33%, rgba(0, 0, 0, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.65) 33%, rgba(0, 0, 0, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#00000000', GradientType=1);
	/* IE6-9 */
}

.carousel-caption h3 {
	display: inline-block;
	position: relative;
}

.carousel-caption h3:last-child {
	margin-left: 10px;
	border-left: 1px solid #f58634;
	padding-left: 10px;
}

.carousel {
	position: relative;
	padding-top: 99px;
}
/* News Section  */

.title {
	margin-bottom: 40px;
	margin-top: 25px;
}

.title h3 {
	font-size: 30px;
	text-align: center;
	color: #2b6eb5;
	text-transform: uppercase;
	font-weight: 200;
	position: relative;
	letter-spacing: 0px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E4E4E4;
}

.title h3:before {
	content: '';
	width: 70px;
	height: 3px;
	background: #f58634;
	position: absolute;
	bottom: -2px;
	left: 46.5%;
	display: block;
}

.title p {
	font-size: 1em;
	color: #999;
	line-height: 1.8em;
	text-align: center;
	margin-top: 1.5em;
}

.news {
	background-image: url(../images/curve-graphic-top.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}

.news {
	margin-top: -140px;
	position: relative;
	padding-top: 120px;
	/* border-bottom: 1px solid #e0e0e0; */
}


/* .news {
  padding: 70px 0px;
  padding-bottom: 30px;
  padding-top: 0px;
  background: #194b92;
} */

.news-grids {
	margin: 0 0 1em 0;
}

.news-title {
	float: left;
	padding-bottom: 20px;
	display: flex;
}

.news-title h3 {
	font-weight: 500;
	color: #333333;
}

.more-link {
	border-left: 1px solid rgb(182, 182, 182);
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

.more-links {
	border-left: 1px solid rgb(182, 182, 182);
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

.agile-news-grid-info {
	background: #FFF;
	padding: .5em;
	box-shadow: 0 0 10px #D4D4D4;
	-webkit-box-shadow: 0 0 10px #D4D4D4;
	-moz-box-shadow: 0 0 10px #D4D4D4;
	-o-box-shadow: 0 0 10px #D4D4D4;
	border-bottom: 4px solid #e1b228;
}

.news-grid-info-img a {
	overflow: hidden;
	display: block;
	min-height: 139px;
}

.news-grid-info-img img {
	transition: 1.9s all;
	-webkit-transition: 1.9s all;
	-moz-transition: 1.9s all;
	-o-transition: 1.9s all;
	-ms-transition: 1.9s all;
	width: 100%;
    max-height: 162px;
    min-height: 162px;
}


/* .agile-news-grid-info:hover a img {
  transform: scale(2.0);
  -webkit-transform: scale(2.0);
  -moz-transform: scale(2.0);
  -o-transform: scale(2.0);
  -ms-transform: scale(2.0);
} */

.news-grid-info-bottom {
	padding: 1em;
	min-height: 280px;
}

.admin {
	float: left;
}

.admin a {
	color: #383838;
	font-size: .875em;
	margin: 0;
	text-decoration: none;
}

.time {
	float: right;
	margin-left: 1em;
}

.time p {
	color: #383838;
	font-size: .875em;
	margin: 0;
}

.news-grid-info-bottom-text {
	margin: 1em 0 0 0;
	min-height: 200px;
}

.news-grid-info-bottom-text a {
	color: #fd5c63;
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	/*font-family: 'OpenSans-Semibold';*/
	font-family: sans-serif;
}

.news-grid-info-bottom-text p {
	margin: 1em 0 0 0;
	font-size: 1em;
	color: #666;
	line-height: 1.5em;
	text-align: justify;
	font-family: sans-serif;
}

.btn-sec {
	padding-top: 20px;
}

.btn-sec a {
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	padding: 7px 8px;
	color: #fff;
	background: #e83f3f;
	letter-spacing: 2px;
	font-weight: 600;
	outline: none;
}

.btn-sec a:hover {
	text-decoration: none;
	background: #14a84d;
	color: #fff;
}

.btn-sec-nav a {
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	padding: 7px 8px;
	color: #fff;
	background: #e83f3f;
	letter-spacing: 2px;
	font-weight: 600;
	outline: none;
}

.btn-sec-nav a:hover {
	text-decoration: none;
	background: #14a84d;
	color: #fff;
}

.btn-sec-active a {
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	padding: 7px 8px;
	color: #fff;
	background: #14a84d;
	letter-spacing: 2px;
	font-weight: 600;
	outline: none;
}

.btn-sec-active a:hover {
	text-decoration: none;
	background: #e83f3f;
	color: #fff;
}


/* event  */

.event-title {
    display: flex;
}

.event-grid {
	min-height: 547px;
}

.event-grid h3 {
	padding: 5px 0 0 10px;
}

.events-widget {
	float: left;
	width: 100%
}

.events-widget ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.events-widget ul li {
	display: block;
	overflow: hidden;
	padding: 23px 0 10px 10px;
}

.events-widget ul li:first-child {
	padding: 15px 0 10px 10px;
}

.events-widget .date-box {
	text-align: center;
	float: left;
	background: #004977;
	padding: 1px;
	color: #fff;
	font: 900 18px raleway, sans-serif;
	width: 24%;

}

.events-widget .date-box span {
	color: #fff;
	display: block;
	font: 600 11px raleway, sans-serif;
	padding: 2px 0 0
}

.events-widget .text-col {
	overflow: hidden;
	margin: -3px 0 0
}

.events-widget .text-col a {
	/*font: 600 14px/24px "Raleway", sans-serif;*/
	color: #004977;
	display: block;
	padding: 0 0 0 10px;
	font-family: sans-serif;
	font-size: 1em;
}

.events-widget .text-col span.time {
	color: #888;
	display: block;
	font: 600 12px/12px "Lato", sans-serif;
	padding: 0
}

.events-widget .text-col span.time .fa {
	padding: 0 8px 0 0
}

.events-widget ul li:hover .text-col a {
	text-decoration: none
}

.event-description {
    margin-left: 15%;
    margin-top: 5px;
}
/*-----*/


/* Message from VC  */



@media (min-width: 992px){
.message-vc {
	margin-top: 155px;
	height: 451px;
	margin-left:29px;

    /* max-height: 370px;
    min-height: 340px; */
    padding: 4% 0 0 0;
    color: #fff;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    position: relative;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	width: 88%;
	box-shadow: -15px 7px 30px rgba(0, 0, 0, 0.3);
	background: rgb(43 110 181);
}
}

@media (max-width: 991px){
	.message-vc {
		height: 451px;
		background: url(../images/banner-2.jpg) no-repeat 0px 0px;
		/* max-height: 370px;
		min-height: 340px; */
		padding: 4% 0 0 0;
		color: #fff;
		background-size: cover;
		text-align: center;
		background-attachment: fixed;
		position: relative;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		-ms-transition: 0.5s all;
		width: 96%;
		box-shadow: -15px 7px 30px rgba(0, 0, 0, 0.3);
	}
	}

.vc-image {
    /* float: left;
    margin: 2% 2% 2% 2%; */
	margin-top: 30px;
    padding: 43px 3px;
	/* border-top: 5px solid #e1b228;
    border-left: 5px solid #e1b228;
    border-bottom: 5px solid #fd5c63;
    border-right: 5px solid #fd5c63; */
}

.container.wow.fadeInDown.vc-message-text {
    width: 90%;
    margin-top: 2%;
}


.message-vc:hover div.agileits-layer {
	z-index: -1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.message-vc h4 {
	font-size: 1.5em;
	/* margin-bottom: 1em; */
	font-weight: 400;
	padding: 0;
}

.vc-message-text p {
    margin-top: 20px;
    text-align: justify;
    line-height: 1.6em;
    letter-spacing: 0px;
    font-size: 15px;
    font-style: initial;
}

.message-vc h3 {
	font-size: 2.8em;
	font-weight: 400;
	margin-bottom: 1em;
	padding: 0;
}

.message-vc a {
	/* padding: 12px 18px;
	font-size: 1.2em; */
	color: #e83f3f;
	/* outline: none; */
	/* font-weight: 400; */
	/* text-decoration: none; */
	/* background: #e83f3f; */
	/* text-transform: capitalize; */
}

.message-vc a:hover {
	color: #14a84d;
	text-decoration: none;
}

.message-vc blockquote {
    padding: 0;
    border: 0;
    font: italic 400 20px/36px 'Lato', sans-serif;
    color: #fff;
    position: relative;
    margin: 0 0 17px;
}

.message-vc blockquote span {
	float: left;
	font: 900 30px lato, sans-serif;
	padding: 0 9px 0 0;
	margin: -9px 0 0
}
.message-vc blockquote em {
	float: right;
	font: 900 30px lato, sans-serif;
	padding: 0
}
.message-vc h4 {
	color: #fff;
	margin: 0 0 5px
}
.message-vc strong.name {
	display: block;
	color: #fff;
	font: 400 26px dancing script, cursive
}


/*-----*/


/* About video section  */

.section-about {
	position: relative;
	width: 100%;
	height: 100vh;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.section-about h3 {
	text-align: center;
	/* font-size: 6rem; */
	font-family: "Cookie";
	padding: 20px;
	margin: 15px;
	z-index: 1;
	opacity: 0.7;
	color: #fff;
}

/* video description */

.section-about .description {
	z-index: 5;
	color: #fff;
	position: absolute;
	text-align: justify;
	margin: 0 100px;
	font: italic 400 16px/25px 'Lato', sans-serif;
	padding-left: 6%;
}

.section-about .video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.section-about .color-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100vh;
	opacity: 0.5;
}

video {
	width: 100%;
	height: 100vh;
}


/* ====== */


/* Service */


/* ============================================ */


/*  Service panel  */


/* ============================================ */

.service-panel {
	background: #194b92;
	/* background-image: url(../images/noise.png),linear-gradient(45deg,#30cfd0 0%,#194b92 50%); */
	background-position: center top;
}

.hero-panel-title {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	flex-flow: column nowrap;
	align-items: center;
	text-align: center;
}

.hero-panel-title h2 {
	font-size: 32px;
	margin-bottom: 20px;
}

.service-panel .hero-panel-title {
	color: #ffffff;
}

.service-panel .service-items .service-inner {
	border-radius: 4px;
}

.service-items {
	padding: 15px;
	outline: none;
}

.service-items .service-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.service-panel .service-items .service-inner .vision-icon {
	color: #f58634;
	font-size: 40px;
}

.service-items .service-inner h4 {
	font-size: 18px;
	margin: 15px 0 10px 0;
	color: #f58634;
}

.service-items .service-inner .vision-caption p {
	margin-top: 5px;
	font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family:sans-serif;
    font-weight:700;
}

.services-carousel {
	padding: 0 30px;
}

.services-carousel button.slick-prev,
.services-carousel button.slick-prev:hover {
	left: 0;
	width: 20px;
	height: 24px;
	background: url("../images/arrow-left.png") no-repeat center;
	border-radius: 4px;
}

.services-carousel button.slick-next,
.services-carousel button.slick-next:hover {
	right: 0;
	width: 20px;
	height: 24px;
	background: url("../images/arrow-right.png") no-repeat center;
	border-radius: 4px;
}


/*-- about page --*/

.about-top {
	padding: 50px 0;
	padding-top: 0px;
	margin-top: 0px;
	background: #FFFFFF;
}

.agile-about-top-right {
	border: solid 1px #dadada;
	padding: 1em;
	background: #f6f8f9;
	color: #000;
}

.agile-about-top-right h2,
.agile-about-top-right h3,
.agile-about-top-right h4 {
	color: #f58634;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-weight: 600;
	line-height: 30px;
}

.agile-about-top-right p {
	color: #333;
	font-size: 13.5px;
	/*margin: 0;*/
	margin-top: 0px;
	line-height: 24px;
	text-align: justify;
}

.agile-about-top-right p span {
	display: block;
	margin: 1em 0 0 0;
}


/*-----*/




/*-- Article page --*/

.article-top {
	/* padding: 50px 0; */
	padding-top: 0px;
	margin-top: 0px;
	background: #FFFFFF;
}

.agile-article-top-left {
	border: solid 1px #dadada;
	padding: 1em;
	background: #f6f8f9;
	color: #000;
	min-height: 470px;
}

.agile-article-top-left h2,
.agile-article-top-left h3,
.agile-article-top-left h4 {
	color: #fd5c63;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-weight: 600;
	line-height: 30px;
}

.agile-article-top-left p {
	color: #333;
	font-size: 13.5px;
	/*margin: 0;*/
	margin-top: 0px;
	line-height: 24px;
	text-align: justify;
}

.agile-article-top-left p span {
	display: block;
	margin: 1em 0 0 0;
}

.article-history {
	/* padding:60px 0; */
}

.article-history form {
	padding-bottom: 50px;
}

.article-history form input.user {
	width: 44%;
	padding: 11px;
	outline: none;
	font-size: 14px;
	border: 1px solid #f58634;
	margin-right: 2px;
	color: #000000!important;
	letter-spacing: 2px;
}

.article-history form button {
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	padding: 12px 40px;
	color: #fff;
	background: #e83f3f;
	letter-spacing: 2px;
	font-weight: 600;
	outline: none;
}

.article-history form button:hover {
	background: #14a84d;
}

.grid-art {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

.grid-art figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0.5% 0.5%;
	min-height: 230px;
	/* width: 27%; */
	background: #004977;
	text-align: center;
	cursor: pointer;
	border: 2px solid #f5954e;
}

.grid-art figure img {
	position: relative;
	display: block;
	height: auto;
	max-width: 100%;
	opacity: 0.8;
}

.grid-art figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-art figure figcaption::before,
.grid-art figure figcaption::after {
	pointer-events: none;
}

.grid-art figure figcaption,
.grid-art figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.grid-art figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid-art figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid-art figure h3 span {
	font-weight: 700;
	margin-left: 10px;
}

.grid-art figure h3,
.grid-art figure p {
	margin: 0;
}

.grid-art figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/* ===Marley===  */

.grid-art figure.effect-marley figcaption {
	text-align: right;
}

.grid-art figure.effect-marley h3,
.grid-art figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}

.grid-art figure.effect-marley p {
	bottom: 30px;
	line-height: 2;
	-webkit-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	color: #fff;
	font-size: 8px;
}

.grid-art figure.effect-marley h3 {
	top: 10px;
	-webkit-transition: -webkit-transform 0.35s;
	-o-transition: -o-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	-o-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	font-size: 10px;
	letter-spacing: 2px;
}

.grid-art figure.effect-marley:hover h3 {
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.grid-art figure.effect-marley h3::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
}

.grid-art figure.effect-marley h3::after,
.grid-art figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
}

.grid-art figure.effect-marley:hover h3::after,
.grid-art figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

.grid-art figure.effect-marley figcaption:hover {
	background: rgba(0, 0, 0, 0.6);
}


/*-----*/


/*-- Gallery page --*/

.gallery-top {
	padding: 50px 0;
	padding-top: 0px;
	margin-top: 0px;
	background: #FFFFFF;
}

.agile-gallery-top-left {
	border: solid 1px #dadada;
	padding: 1em;
	background: #f6f8f9;
	color: #000;
	min-height: 710px;
}

.agile-gallery-top-left h2,
.agile-gallery-top-left h3,
.agile-gallery-top-left h4 {
	color: #fd5c63;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-weight: 600;
	line-height: 30px;
}

.agile-gallery-top-left p {
	color: #333;
	font-size: 13.5px;
	/*margin: 0;*/
	margin-top: 0px;
	line-height: 24px;
	text-align: justify;
}

.agile-gallery-top-left p span {
	display: block;
	margin: 1em 0 0 0;
}

.gallery-top figure img {
	height: 37vh;
}


/* ============================================ */
/*  Gallery page css  */
/* ============================================ */
.main-section__content--gallery{
    background-color: #f4f5f4;
  }
  .moe-imageGallery {
    display: flex;
    flex-flow: row wrap;
    border-top: 5px solid #e1b228;
    border-left: 5px solid #e1b228;
    border-bottom: 5px solid #fd5c63;
    border-right: 5px solid #fd5c63;
    margin: 5px;
  }
  .moe-imageGallery .moe-imageGallery__box {
    /* width: calc(33.33% - 10px); */
       margin: 3px 7px;
    -webkit-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
    -moz-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
    transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
  }

  .moe-imageGallery .moe-imageGallery__box img{
    -webkit-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
    -moz-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
    transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
  }
  .moe-imageGallery .moe-imageGallery__box:hover img{
    transform: scale(1.06);
  }

  /* .content__block{
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center;
  } */

/*-----*/


/* Common style */

.grid {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0.5% 0.5%;
	/* max-height: 350px;
	min-height: 350px;
	width: 47%; */
	background: #004977;
	text-align: center;
	cursor: pointer;
	border: 2px solid #f5954e;
}

.grid figure img {
	position: relative;
	display: block;
	height: auto;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.grid figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h3 span {
	font-weight: 700;
	margin-left: 10px;
}

.grid figure h3,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/***** Marley *****/


/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h3,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}

figure.effect-marley p {
	bottom: 30px;
	line-height: 2;
	-webkit-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	color: #fff;
}

figure.effect-marley h3 {
	top: 10px;
	-webkit-transition: -webkit-transform 0.35s;
	-o-transition: -o-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	-o-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	font-size: 25px;
	letter-spacing: 2px;
}

figure.effect-marley:hover h3 {
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.effect-marley h3::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
}

figure.effect-marley h3::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
}

figure.effect-marley:hover h3::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

figure.effect-marley figcaption:hover {
	background: rgba(0, 0, 0, 0.6);
}

.grid .btn-sec {
	margin-right: 10px;
}


/*---------------*/


/*-- //image-hover-effect --*/


/*-----*/

.get-started {
    background: url(../images/banner-1.jpg) no-repeat 0px 0px;
    /* min-height: 370px; */
    /* max-height: 370px; */
    /* padding: 5% 0 0 0; */
    color: #fff;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    position: relative;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.get-started .container.wow.fadeInDown.animated {
    /* width: 95%; */
    padding: 1.5% 0;
}

.agileits-layer {
    position: absolute;
    width: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.14);
    min-height:178px;
    /* max-height: 380px; */
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.get-started:hover div.agileits-layer {
	z-index: -1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.get-started h4 {
	font-size: 1.5em;
	margin-bottom: 1em;
	font-weight: 400;
	padding: 0;
}

.get-started h3 {
	font-size: 2.8em;
	font-weight: 400;
	margin-bottom: 1em;
	padding: 0;
}

.get-started a {
	padding: 12px 18px;
	font-size: 1.2em;
	color: #fff;
	outline: none;
	font-weight: 400;
	text-decoration: none;
	background: #e83f3f;
	text-transform: capitalize;
}

.get-started a:hover {
	background: #14a84d;
	text-decoration: none;
}


/*-----*/


/* Notice  */

.wrap-up-container {
	background: url(../images/wrap-up.png) no-repeat;
	background-size: 1485px;
	background-position: center;
}


/* Footer  */

.footer {
	color: #fff
}

.footer a {
	color: #fff;
}

.footer-container {
	background: url(../images/newfooter-bg.png) no-repeat;
	background-size: 100% 100%;
    width: 100%;
    /* bottom: 0;
    position: absolute; */
}

.footer-section {
	margin: 50px;
	/* border : 1px solid #00d0ff; */
}


/* footer */

.main-footer-grids {
	/* background: #2b6eb5; */
	padding: 1px 0;
}

p.footer-gd {
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 2px;
}

p.footer-gd a {
	color: #fff;
}

.inner-footer {
	float: left;
}

.inner-footer h3 {
	font-size: 25px;
	color: #fff;
	margin-bottom: 32px;
	letter-spacing: 2px;
}

p.adam {
	float: right;
	color: #ccc !important;
	font-size: 13px !important;
	margin-top: 20px;
}

.inner-footer.one p {
	color: #fff;
	line-height: 22px;
	font-size: 13px;
}

.inner-footer.two ul {
	margin: 0;
	padding: 0;
}

.inner-footer.two ul li {
	list-style-type: none;
	display: block;
	line-height: 1.5em;
	font-size: 14px;
	margin: 18px 0;
}

.inner-footer.three {
	list-style-type: none;
}

.inner-footer.two ul li i {
	font-size: 13px;
	margin-right: 15px;
	width: 30px;
	text-align: center;
	color: #fff;
	background: #6E65F1;
	padding: 9px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	width: 30px;
	height: 30px;
}

.inner-footer.two ul li i.fa.fa-facebook {
	background: #5d82d2;
}

.inner-footer.two ul li i.fa.fa-twitter {
	background: #3bbef5;
}

.inner-footer.two ul li i.fa.fa-google-plus {
	background: #ea5d4b;
}

.inner-footer.two ul li i.fa.fa-dribbble {
	background: #f7659b;
}

.inner-footer.two ul li i.fa.fa-pinterest-p {
	background: #e23139;
}

.inner-footer.two ul li a {
	color: #a2d7ff;
	display: block;
	text-decoration: none;
	font-size: 13px;
}

.inner-footer.three ul li {
	margin-bottom: 15px;
}

.inner-footer.three ul li i {
	float: left;
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
}

.inner-footer.three ul li p {
	list-style-type: none;
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	float: left;
	margin-left: 15px;
}

.inner-footer.three ul li span {
	display: block;
}

.inner-footer.one {
	padding-right: 40px;
}

.tweet p {
	text-align: center;
	font-size: 16px;
	color: #000;
	margin-top: 15px;
}

.tweet ul li {
	display: block;
	color: #000;
	margin-bottom: 10px;
}

.tweet ul li:last-child {
	margin-bottom: 0px;
}

.tweet ul li a {
	color: #fff;
	line-height: 25px;
	font-size: 14px;
	text-decoration: none;
}

.tweet ul li a i {
	padding-right: 5px;
}

.tweet ul li span {
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 5px;
}

.tweet p a {
	color: #55ACEE;
	margin-left: 5px;
}

.tweet ul li a:hover {
	color: #ffff00;
	padding-left: 5px;
}

.inner-footer.three ul li a {
	display: block;
	color: #a2d7ff;
	float: left;
	margin-lefT: 15px;
	margin-top: 5px;
}

i.fa-envelope-o {
	float: left;
}

.copy-right-grids {
	padding: 20px 0px;
	/* background: #25427f; */
}

.copy-left {
	text-align: center;
}

.copy-right ul li a:hover,
.inner-footer.three ul li a:hover {
	color: #ffff00;
}

.inner-footer.two ul li:nth-child(1) a:hover {
	color: #5D82D2;
}

.inner-footer.two ul li:nth-child(2) a:hover {
	color: #3bbef5;
}

.inner-footer.two ul li:nth-child(3) a:hover {
	color: #ea5d4b;
}

.inner-footer.two ul li:nth-child(4) a:hover {
	color: #f7659b;
}

.inner-footer.two ul li:nth-child(5) a:hover {
	color: #e23139;
}


/* //footer */


/* =====================================================
single page
======================================================= */

.main-section__header {
	top: 102px;
	height: 242px;
	max-height: 242px;
	min-height: 242px;
	background: rgb(35, 97, 185);
	background: linear-gradient(0deg, rgb(35, 97, 185) 20%, rgb(74, 136, 224) 80%);
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.main-section__header:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.54);
}

.main-section__header .bg {
	background-image: url(../images/page_header_bg.jpg);
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.main-section__header .mask {
	z-index: 10;
	position: absolute;
	bottom: 0px;
	left: 0;
	display: block;
	width: 100%;
}

.main-section__header .text {
	display: block;
	text-align: center;
	z-index: 2;
	position: relative;
	padding: 0 10px 100px;
}

.main-section__header .text h1 {
	margin: 0;
	color: #fff;
	font-size: 2rem;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

.main-section__content {
	margin-top: 125px;
}

.page-title-row {
	display: flex;
	flex-flow: row nowrap;
	color: #fff;
	position: relative;
	z-index: 1;
}

.page-title-row h3 {
	line-height: 34px;
	text-align: justify;
	color: #ff6c00;
}

.page-title-row .page-title-col {
	flex: 1;
}

.page-title-text {
	padding: 40px 0px 150px;
}

.page-intro-image {
	padding: 40px 0px 80px 0px;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

.page-intro-image img {
	max-width: 450px;
	position: relative;
	z-index: 1;
	border: 5px solid #ffffff29;
}

.page-intro-image .img-top-circle {
	max-width: 50px;
	transform: translate(-20px, 100px);
}

.page-intro-image .img-bottom-circle {
	max-width: 127px;
	transform: translate(-45%, -47%);
}

.page-intro-image .img-top-circle,
.page-intro-image .img-bottom-circle {
	position: absolute;
}

.page-intro-image img .img-bottom-circle {
	right: 0;
	bottom: 0;
}

.page-title-text h1 {
	max-width: 410px;
	font-size: 60px;
}

.page-title-text p {
	font-weight: 300;
	font-size: 14px;
}


/** breadcrumb*/

.breadcrumb--transparent {
	padding: 0;
	margin-bottom: -5px;
	margin-top: -5px;
	background-color: transparent;
}

.page-title-row .breadcrumb--transparent a {
	color: #f4f5f7;
	font-size: 12px;
}

.page-title-row .breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #fff;
	content: "-";
}

.page-title-row .breadcrumb-item.active {
	color: #ff6c00;
	font-size: 12px;
	line-height: 28px;
}

#breadcrumb-shrink.breadcrumb--transparent {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
}


/* .breadcrumb {
    margin-bottom: 20px;
    color: white;
    position: absolute;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
  } */


/** end breadcrumb*/

.author-list {
	margin-top: 30px;
}

.author-list>ul {
	list-style: none;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
}

.author-list>ul li {
	flex: 1;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-right: transparent;
}

.author-list>ul li:last-child {
	border-right: 1px solid #ccc;
}

.author-list>ul li a {
	line-height: 45px;
	display: inline-flex;
	font-size: 12px;
	align-items: center;
	color: #fff;
}

.author-list>ul li a:hover {
	text-decoration: none;
}

.author-list>ul li i {
	font-size: 16px;
	margin-right: 5px;
}

.content__block-top {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
}

.content__block .container {
	max-width: 1000px;
}

.content__block-detail {
	/* padding-top: 50px; */
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}

.img-placeholder-wrap>* {
	position: relative;
}

.img-placeholder-bg {
	position: absolute;
	top: 50%;
	left: auto;
	right: 0;
	width: 100%;
	/* height: 60%; */
	background-color: rgb(216, 227, 232);
	transform: translate(0, -10%);
}

.img-placeholder-wrap img {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0px 10px 26px rgba(0, 0, 0, 0.16);
}

.detail-content {
	line-height: 30px;
	border: solid 1px #dadada;
	padding: 2em;
	background: #e9c2c2;
	color: #000;
	min-height: 700px;
    text-align: justify;
}

.detail-content h3 {
	font-size: 24px;
}

.detail-content h4 {
	font-size: 18px;
}

.detail-content h5 {
	font-size: 14px;
}

.detail-content h1,
.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h5,
.detail-content h6 {
	margin-bottom: 15px;
	margin-top: 30px;
}


/* Download */

.download-assetsPanel {
	display: flex;
	flex-flow: row wrap;
}

.download-grid {
	background: #e9f0f6;
	padding: 20px 42px 20px 21px;
	height: 222px;
	max-width: calc(242px - 4px);
	position: relative;
	word-wrap: break-word;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.52);
	margin: 2px;
}

.hero-banner-wrapper .download-grid {
	max-width: 275px;
}

.hero-banner-wrapper .download-grid h3 {
	width: auto;
	font-size: 22px;
	line-height: 35px;
	margin-right: 0;
	padding-right: 0;
}

.download-grid h3 {
	display: block;
	margin-bottom: 0;
	font-size: 15px;
	margin-top: 10px;
}

.download-grid span {
	font-size: 16px;
}

.download-grid span {
	color: #29292b;
}

.download-grid span {
	font-size: 16px;
}

.download-grid span {
	color: #29292b;
}

.download-grid .item-size {
	font-size: 12px;
	display: block;
	margin-top: 4px;
}

.pdf-downloadBtn {
	position: absolute;
	bottom: 22px;
	left: 22px;
	width: 34px;
	height: 34px;
	z-index: 3;
	font: 0/0 normal;
	background: url(../images/pdf-downloadBtn__gnarrow--down--red.png) no-repeat 0 27px;
	text-indent: -99999px;
	overflow: hidden;
}

.pdf-downloadBtn:after {
	position: inherit;
	content: '';
	background: url(../images/pdf-downloadBtn__arrow--down.png) no-repeat;
	display: block;
	width: 34px;
	height: 29px;
	top: 0;
	left: 0;
}

.view-item {
	position: absolute;
	bottom: 12px;
	right: 22px;
	left: auto;
	width: 100px;
	height: 34px;
	z-index: 3;
	font-size: 10px;
	color: #e75b4f;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	font-weight: 500;
}

.view-item:hover {
	text-decoration: none;
	transition: all 0.3s linear;
	font-size: 11px;
}

.view-item i {
	margin-right: 5px;
	font-size: 11px;
}

.download-grid:hover .pdf-downloadBtn:after {
	-webkit-animation: arrowDownAnimation .5s linear;
	-moz-animation: arrowDownAnimation .5s linear;
	animation: arrowDownAnimation .5s linear;
}

.download-grid:hover .pdf-downloadBtn:after {
	-webkit-animation: arrowDownAnimation .5s linear;
	-moz-animation: arrowDownAnimation .5s linear;
	animation: arrowDownAnimation .5s linear
}


/* ============================================ */


/* Social share css  */


/* ============================================ */

.share-box {
	width: 100%;
	/* padding: 20px 0; */
	display: flex;
	/* border-top: 1px solid #e0e0e0; */
	margin-top: 30px;
}

.share-box strong.title {
	float: left;
	font: 800 14px/32px 'Raleway', sans-serif;
	color: #222;
	padding: 0 12px 0 0
}

.share-box ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.share-box ul li {
	float: left;
	padding: 0 10px 0 0
}

.share-box ul li a {
	text-decoration: none;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	text-align: center;
	line-height: 32px;
	color: #fff;
	font-size: 15px;
	display: block
}

.social-color-1 {
	background: #29a9e1
}

.social-color-2 {
	background: #3b5a9a
}

.social-color-3 {
	background: #df4b38
}

.social-color-4 {
	background: #5280a5
}

.social-color-5 {
	background: #fba933
}

.social-color-6 {
	background: #cb312e
}

.share-title {
	padding-right: 5px;
}


/* ===============================================
 Category page
 ================================================== */

.category-grid {
	margin: 0em 0 4em 0;
}

.agile-category-grid-info {
    height: 500px;
    overflow: hidden;
	background: #FFF;
	padding: .5em;
	box-shadow: 0 0 10px #D4D4D4;
	-webkit-box-shadow: 0 0 10px #D4D4D4;
	-moz-box-shadow: 0 0 10px #D4D4D4;
	-o-box-shadow: 0 0 10px #D4D4D4;
	border-bottom: 4px solid #e1b228;
}

.category-grid-info-img a {
	overflow: hidden;
	display: block;
	min-height: 139px;
}

.category-grid-info-img img {
	transition: 1.9s all;
	-webkit-transition: 1.9s all;
	-moz-transition: 1.9s all;
	-o-transition: 1.9s all;
	-ms-transition: 1.9s all;
	width: 100%;
	max-height: 214px;
	min-height: 220px;
}


/* .agile-category-grid-info:hover a img {
  transform: scale(2.0);
  -webkit-transform: scale(2.0);
  -moz-transform: scale(2.0);
  -o-transform: scale(2.0);
  -ms-transform: scale(2.0);
} */

.category-grid-info-bottom {
	padding: 1em;
	min-height: 280px;
}

.admin {
	float: left;
}

.admin a {
	color: #383838;
	font-size: .875em;
	margin: 0;
	text-decoration: none;
}

.time {
	float: right;
	margin-left: 1em;
}

.time p {
	color: #383838;
	font-size: .875em;
	margin: 0;
}

.category-grid-info-bottom-text {
	margin: 1em 0 0 0;
	min-height: 200px;
}

.category-grid-info-bottom-text a {
	color: #fd5c63;
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	font-family: 'OpenSans-Semibold';
}

.category-grid-info-bottom-text p {
	margin: 1em 0 0 0;
	font-size: 1em;
	color: #666;
	line-height: 1.5em;
	text-align: justify;
}


/* ===============================================
Album
================================================ */

.grid-album {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

.grid-album figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0.5% 0.5%;
	max-height: 360px;
	min-height: 360px;
	/* width: 100%; */
	background: #004977;
	text-align: center;
	cursor: pointer;
	border: 2px solid #f5954e;
}

.grid-album figure img {
	position: relative;
	display: block;
	height: auto;
	max-width: 100%;
	opacity: 0.8;
}

.grid-album figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-album figure figcaption::before,
.grid-album figure figcaption::after {
	pointer-events: none;
}

.grid-album figure figcaption,
.grid-album figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.grid-album figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid-album figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid-album figure h3 span {
	font-weight: 700;
	margin-left: 10px;
}

.grid-album figure h3,
.grid-album figure p {
	margin: 0;
}

.grid-album figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.grid-album figure.effect-marley figcaption {
	text-align: right;
}

.grid-album figure.effect-marley h3,
.grid-album figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}

.grid-album figure.effect-marley p {
	bottom: 30px;
	line-height: 2;
	-webkit-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	color: #fff;
}

.grid-album figure.effect-marley h3 {
	top: 10px;
	-webkit-transition: -webkit-transform 0.35s;
	-o-transition: -o-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	-o-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	font-size: 25px;
	letter-spacing: 2px;
}

.grid-album figure.effect-marley:hover h3 {
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.grid-album figure.effect-marley h3::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
}

.grid-album figure.effect-marley h3::after,
.grid-album figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
}

.grid-album figure.effect-marley:hover h3::after,
.grid-album figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

.grid-album figure.effect-marley figcaption:hover {
	background: rgba(0, 0, 0, 0.6);
}


/* ==============================================
Article
============================================== */

.article ul>li {
	list-style: none;
}

.article .article-text-col {
	font-weight: 600;
	padding-top: 15px;
	padding-left: 30%;
}

.article .article-text-col p {
	color: #ff6c00
}

.article .article-text-col p span {
	color: #000;
}

.grid-article {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

.grid-article figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0.5% 0.5%;
	/* min-height: 230px; */
	/* max-height: 230px; */
	width: 27%;
	background: #004977;
	text-align: center;
	cursor: pointer;
	border: 2px solid #f5954e;
}

.grid-article figure img {
	position: relative;
	display: block;
	height:180px;
	max-width: 100%;
	opacity: 0.8;
}

.grid-article figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-article figure figcaption::before,
.grid-article figure figcaption::after {
	pointer-events: none;
}

.grid-article figure figcaption,
.grid-article figure figcaption>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.grid-article figure figcaption>a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid-article figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid-article figure h3 span {
	font-weight: 700;
	margin-left: 10px;
}

.grid-article figure h3,
.grid-article figure p {
	margin: 0;
}

.grid-article figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/* ===Marley===  */

.grid-article figure.effect-marley figcaption {
	text-align: right;
}

.grid-article figure.effect-marley h3,
.grid-article figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}

.grid-article figure.effect-marley p {
	bottom: 30px;
	line-height: 2;
	-webkit-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	color: #fff;
	font-size: 8px;
}

.grid-article figure.effect-marley h3 {
	top: 10px;
	-webkit-transition: -webkit-transform 0.35s;
	-o-transition: -o-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	-o-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	font-size: 10px;
	letter-spacing: 2px;
}

.grid-article figure.effect-marley:hover h3 {
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.grid-article figure.effect-marley h3::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
}

.grid-article figure.effect-marley h3::after,
.grid-article figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
}

.grid-article figure.effect-marley:hover h3::after,
.grid-article figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

.grid-article figure.effect-marley figcaption:hover {
	background: rgba(0, 0, 0, 0.6);
}


/*  Diwakar  */

.dropdown:hover .dropdown-menu {
    display: block;
    transform: scale(1);
}

.horizontal .carousel-inner {
	height: 100%;
}

.carousel.horizontal .item {
	-webkit-transition: 0.6s ease-in-out top;
	-moz-transition: 0.6s ease-in-out top;
	-ms-transition: 0.6s ease-in-out top;
	-o-transition: 0.6s ease-in-out top;
	transition: 0.6s ease-in-out top;
	width: 59%;
}

.carousel.horizontal .next {
	top: 400px;
}

.carousel.horizontal .prev {
	top: -400px;
}

.carousel.horizontal .active {
	top: 0;
}

.carousel.horizontal .next.left,
.carousel.horizontal .prev.right {
	top: 0;
}

.carousel.horizontal .active.left {
	top: -400px;
}

.carousel.horizontal .active.right {
	top: 400px;
}

.carousel.horizontal .item {
	left: 0;
}


/* ==== Sticky Banner ======== */

#secheader {
	padding-top: 65px;
	position: fixed;
	width: 100%;
	top: 0%;
	height: 1px;
	z-index: 9;
	overflow: hidden;
}

#secheader.sticky {
	height: 145px;
	max-height: 145px;
	font-size: 13px;
	min-height: 145px;
	overflow: hidden;
}

#author.shrink {
	display: none;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

#image.photo {
	display: none;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

#text.para {
	width: 1200px;
	font-size: 13px;
}

#secheader.sticky .breadcrumb--transparent ol>li#breadcrumb-extend {
	display: block;
}


/* Institute */

.institute-block {
	padding-bottom: 20px;
}

.institute {
	background: rgb(233, 194, 194);
	width: 100%;
	border-bottom: 4px solid #e1b228;
	text-align: justify;
	padding: 3%;
}

.institute p {
	padding-top: 20px;
	font-size: 18px;
}

.constituent {
	height: 500px;
	width: 400px;
	background-color: rgb(233, 194, 194);
}


/* Tab Navigation */

.nav-tabs {
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	justify-content: center;
}

.nav-tabs>li>a {
	background: #DADADA;
	border-radius: 0;
	box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, .4), -2px -2px 5px -2px rgba(0, 0, 0, .4);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover {
	background: #F5F5F5;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .4), -2px -3px 5px -2px rgba(0, 0, 0, .4);
}

/* index page tabs */

/* Tab Navigation */

@media (min-width: 1100px){

.news .news-grids .col-md-8 .nav-tabs {
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	justify-content: center;
	position: relative;
    left: -37%;
}

.news .news-grids .col-md-8 .nav-tabs>li>a {
	background: #DADADA;
	border-radius: 0;
	box-shadow: inset 0 -8px 7px -9px rgba(0, 0, 0, .4), -2px -2px 5px -2px rgba(0, 0, 0, .4);
}

.news .news-grids .col-md-8 .nav-tabs>li.active>a,
.news .news-grids .col-md-8 .nav-tabs>li.active>a:hover {
	background: #F5F5F5;
	box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .4), -2px -3px 5px -2px rgba(0, 0, 0, .4);
}

.news .news-grids .col-md-8 .nav-tabs > li {
    height: 50px;
    float: left;
    margin-bottom: -1px;
    width: 100px;
	font-size: 18px;
}
	.news .news-grids .col-md-8 .tab-content{
		width:90%;
	}

}




/* Tab Content */

.tab-pane {
	background: #F5F5F5;
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	border-radius: 0;
	text-align: center;
	padding: 10px;
}

.news-listings ul li {
	list-style: none;
	margin: 10px;
	padding: 15px;
	border-bottom: 0px solid rgba(207, 207, 207, 0.5);
	background-color: #fff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
	width: calc(50% - 20px);
}

.news-listings {
	padding-top: 20px;
}

.news-listings ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: row wrap;
}

.news-listings ul li:after {
	content: "";
	display: table;
	clear: both;
}

.news-listings ul .news-left {
	width: 100px;
	float: left;
}

.news-listings ul .news-desc-right {
	float: left;
	width: calc(100% - 100px);
	padding-left: 20px;
}

.news-listings ul .news-desc-right h3 {
	line-height: 1;
}

.news-listings ul .news-desc-right h3 a {
	font-size: 18px;
	font-weight: 400;
	color: #313335;
	display: block;
}

.news-listings ul .news-desc-right .date {
	color: #31333573;
	font-size: 12px;
}


/* ===================== text newslist ================ */

.news-listings--text ul li {
	list-style: none;
	margin: 5px 10px;
	padding: 15px;
	border-bottom: 0px solid rgba(207, 207, 207, 0.5);
	background-color: #fff;
	/* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.19); */
	width: calc(50% - 20px);
	border-radius: 4px;
	border: 1px solid #e6e6e6;
	position: relative;
}

.list-count {
	position: absolute;
	left: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50px;
	background-color: #30c0ff;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	top: 50%;
	margin-top: -15px;
}


/* .news-listings--text ul li:nth-child(odd) .list-count {
  background-color: #bd82d0;
} */

.news-listings--text ul .news-desc-right {
	padding-left: 35px;
}

.news-listings--text ul .news-desc-right h3 a {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}


/* ========================MODAL============================= */

.modal-body p {
	padding: 20px;
}

.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.agile-constituent-campuses-info {
	background: #D4D4D4;
	padding: .5em;
	height: 600px;
	box-shadow: 0 0 10px #D4D4D4;
	-webkit-box-shadow: 0 0 10px #D4D4D4;
	-moz-box-shadow: 0 0 10px #D4D4D4;
	-o-box-shadow: 0 0 10px #D4D4D4;
	border-bottom: 4px solid #e1b228;
	overflow: hidden;
}

.constituent-campuses-info-img a {
	overflow: hidden;
	/* display: block; */
	min-height: 150px;
}

.constituent-campuses-info-img img {
	transition: 1.9s all;
	-webkit-transition: 1.9s all;
	-moz-transition: 1.9s all;
	-o-transition: 1.9s all;
	-ms-transition: 1.9s all;
	width: 100%;
	max-height: 250px;
}

.constituent-campuses-info-bottom {
	padding: 1em;
	min-height: 280px;
}

.agile-affiliated-college-info {
	background: rgb(211, 204, 204);
	padding: .5em;
	height: 610px;
	overflow: hidden;
	box-shadow: 0 0 10px #D4D4D4;
	-webkit-box-shadow: 0 0 10px #D4D4D4;
	-moz-box-shadow: 0 0 10px #D4D4D4;
	-o-box-shadow: 0 0 10px #D4D4D4;
	border-bottom: 4px solid #e1b228;
}

.affiliated-college-info-img a {
	overflow: hidden;
	min-height: 150px;
}

.affiliated-college-info-img img {
	transition: 1.9s all;
	-webkit-transition: 1.9s all;
	-moz-transition: 1.9s all;
	-o-transition: 1.9s all;
	-ms-transition: 1.9s all;
	width: 100%;
	max-height: 250px;
}

.affiliated-college-info-bottom {
	padding: 1em;
	min-height: 280px;
}

.carousel-control.left,
.carousel-control.right {
	margin-left: 15px;
	background-image: none;
}

.button {
	background-color: #F58635;
	color: white;
	padding: 10px 25px;
	border: none;
	float: right;
	bottom: 0;
}

.agile-staffs-info {
	background: rgba(214, 224, 226, 0.2);
	overflow: hidden;
	padding: .5em;
	box-shadow: 0 0 10px #D4D4D4;
	-webkit-box-shadow: 0 0 10px #D4D4D4;
	-moz-box-shadow: 0 0 10px #D4D4D4;
	-o-box-shadow: 0 0 10px #D4D4D4;
	border-bottom: 4px solid #e1b228;
}

.staffs-info-img a {
	overflow: hidden;
	/* display: block; */
	min-height: 150px;
}

.staffs-info-img img {
	transition: 1.9s all;
	-webkit-transition: 1.9s all;
	-moz-transition: 1.9s all;
	-o-transition: 1.9s all;
	-ms-transition: 1.9s all;
	width: 100%;
	max-height: 250px;
}

.staffs-info-bottom {
	padding: 1em;
	min-height: 280px;
}


/*TU Authorities  */


/* tab authorities page */

.show {
	display: block;
}

.filterDiv {
	display: none;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	color: #737373;
	text-overflow: ellipsis;
}


/* tab authorities page */

.show {
	display: block;
}

.filterDiv {
	display: none;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	color: #737373;
	text-overflow: ellipsis;
}


/* ======== Vertical tab panel css article page ========== */

.tab button {
	display: block;
	background-color: #e83f3f;
	color: #fff;
	padding: 13px 16px;
	width: 100%;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 17px;

}


/* Change background color of buttons on hover */

.tab button:hover {
	background-color: #14a84d;
	color: #fff;
	transform: translateX(2px);
}


/* Create an active/current "tab button" class */

.tab button.active {
	background-color: #14a84d;
	color: #fff;
	transform: translateX(2px);
}


/* Style the tab content */

.tabcontent {
	float: left;
	padding: 0px 12px;
	border: 1px solid rgb(187, 183, 183);
	width: 70%;
	border-left: none;
	height: 300px;
}


/* ========End-- Vertical tab panel css article page ========== */

.avatar {
	border-radius: 50%;
}

.sidebar {
	margin-bottom: 50px;
	/* width: 300px; */
	margin-bottom: 0px;
	padding-right: 20px;
}

.sidebar-item {
	padding: 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.sidebar-item .recent-news .events-posts ul {
	height: 250px;
}

.sidebar-item h4 {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 25px;
	font-weight: 400;
	color: black;
	letter-spacing: 0.01rem;
	position: relative;
	padding-bottom: 10px;
}

.sidebar-item h4:after {
	background: #E80F0F;
	height: 2px;
	width: 80px;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}

.sidebar-item ul {
	padding: 0;
	margin: 0;
}

.sidebar-item ul li {
	list-style: none;
	position: relative;
}

.sidebar-item ul li a {
	font-size: 14px;
	display: block;
	font-weight: 400;
	line-height: 1.3;
	color: #252525;
	letter-spacing: 0.01rem;
	text-decoration: none;
}

.sidebar-item ul li a:hover {
	color: #E80F0F;
}

.sidebar-item ul li:after {
	display: table;
	content: "";
	clear: both;
}

.sidebar-item ul li:not(:last-child) {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.sidebar-item ul li .media-image {
	width: 80px;
	margin-right: 15px;
	float: left;
}

.sidebar-item ul li .media-image img {
	height: 80px;
	width: 80px;
	object-fit: cover;
}

.sidebar-item ul li .media-content {
	float: left;
}

.sidebar-item ul li .media-content .pub-date {
	padding-left: 20px;
}

.sidebar-item ul li .media-content h3 a {
	font-size: 14px;
	display: block;
	font-weight: 400;
	line-height: 1.3;
	color: #252525;
	letter-spacing: 0.01rem;
	text-decoration: none;
	position: relative;
	padding-left: 20px;
}

.sidebar-item ul li .media-content h3 a:before {
	content: "";
	position: absolute;
	font-family: "FontAwesome";
	left: 0;
	top: 0;
}

.sidebar-item ul li .media-content h3 a:hover {
	color: #E80F0F;
}

.sidebar-item.archives li {
	padding-left: 15px;
}

.sidebar-item.archives li::before {
	content: "";
	height: 0px;
	width: 0px;
	position: absolute;
	left: 0;
	top: 4px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #E80F0F;
}

.recent-news {
	height: 350px;
	overflow-y: scroll;
	width: auto;
}

.events-posts {
	height: 350px;
	overflow-y: scroll;
}

pub-date {
	color: #666;
	font-size: 13px;
}

.pub-date i {
	color: #E80F0F;
	margin-right: 10px;
}

.button1 {
	background-color: #F58635;
	color: white;
	padding: 5px 10px;
	border: none;
}

.card .btn {
	padding: 1rem 2.5rem;
	/* background-color:blueviolet; */
	border-radius: 20%;
	margin: 1rem 0;
	border: 3px solid blueviolet;
	width: 150px;
	height: 40px;
	text-transform: uppercase;
	color: black;
	font-size: 1.4rem;
}

.btn {
	padding: 1rem 2.5rem;
	 /* background-color:blueviolet; */
	border-radius: 0;
	margin: 1rem 0;
	/* border: 3px solid blueviolet; */
	width: 150px;
	height: 40px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.4rem;
}

.card .btn:hover {
	transform: translateY(-2px);
	box-shadow: .5rem .5rem 2rem rgba(0, 0, 0, .2);
}

.card .btn:active {
	transform: translateY(0);
	box-shadow: none;
}

.scrolling-wrapper {
	overflow-y: scroll;
	overflow-x: hidden;
	white-space: nowrap;
}

.card {
	padding-top: 20px;
	margin: 10px 0 20px 0;
	background-color: rgba(214, 224, 226, 0.2);
	border-top-width: 0;
	border-bottom-width: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.card-img {
	width: 100%;
	height: 28rem;
	object-fit: cover;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 45%, 0 46%);
	clip-path: polygon(0 0, 100% 0, 100% 45%, 0 46%);
}

.card .card-heading {
	padding: 0 20px;
	margin: 0;
}

.card .card-heading.simple {
	font-size: 20px;
	font-weight: 300;
	color: #777;
	border-bottom: 1px solid #e5e5e5;
}

.card .card-heading.image img {
	display: inline-block;
	width: 46px;
	height: 46px;
	margin-right: 15px;
	vertical-align: top;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.card .card-heading.image .card-heading-header {
	display: inline-block;
	vertical-align: top;
}

.card .card-heading.image .card-heading-header h3 {
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	color: #262626;
}

.card .card-heading.image .card-heading-header span {
	font-size: 12px;
	color: #999999;
}

.card .card-body {
	padding: 0 20px;
	margin-top: 20px;
}

.card .card-media {
	padding: 0 20px;
	margin: 0 -14px;
}

.card .card-media img {
	max-width: 100%;
	max-height: 100%;
}

.card .card-actions {
	min-height: 30px;
	padding: 0 20px 20px 20px;
	margin: 20px 0 0 0;
}

.card .card-comments {
	padding: 20px;
	margin: 0;
	background-color: #f8f8f8;
}

a {
	text-decoration: none;
}

.card .card-comments .comments-collapse-toggle {
	padding: 0;
	margin: 0 20px 12px 20px;
}

.card .card-comments .comments-collapse-toggle a,
.card .card-comments .comments-collapse-toggle span {
	padding-right: 5px;
	overflow: hidden;
	font-size: 12px;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card-comments .media-heading {
	font-size: 13px;
	font-weight: bold;
}

.card.people {
	position: relative;
	display: inline-block;
	width: 170px;
	height: 300px;
	padding-top: 0;
	margin-left: 20px;
	overflow: hidden;
	vertical-align: top;
}

.card.people:first-child {
	margin-left: 0;
}

.card.people .card-top {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 170px;
	height: 150px;
	background-color: #ffffff;
}

.card.people .card-top.green {
	background-color: #53a93f;
}

.card.people .card-top.blue {
	background-color: #427fed;
}

.card.people .card-info {
	position: absolute;
	top: 150px;
	display: inline-block;
	width: 100%;
	height: 101px;
	overflow: hidden;
	background: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.card.people .card-info .title {
	display: block;
	margin: 8px 14px 0 14px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #404040;
}

.card.people .card-info .desc {
	display: block;
	margin: 8px 14px 0 14px;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	color: #737373;
	text-overflow: ellipsis;
}

.card.people .card-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	line-height: 29px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.card.hovercard {
	position: relative;
	padding-top: 0;
	overflow: hidden;
	text-align: center;
	background-color: rgba(214, 224, 226, 0.2);
	min-height: 370px;
}

.card.hovercard .cardheader {
	background-size: cover;
	height: 135px;
}

.card.hovercard .avatar {
	position: relative;
	top: -50px;
	margin-bottom: -50px;
}

.card.hovercard .avatar img {
	/* width: 100px;
	height: 100px;
	max-width: 100px; */
	max-height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, 0.5);
}

.card.hovercard .info {
	padding: 4px 8px 10px;
}

.card.hovercard .info .title {
	margin-bottom: 4px;
	font-size: 24px;
	line-height: 1;
	color: #262626;
	vertical-align: middle;
}

.card.hovercard .info .desc {
	overflow: hidden;
	font-size: 12px;
	line-height: 20px;
	color: #737373;
	text-overflow: ellipsis;
}

.card.hovercard .bottom {
	padding: 0 20px;
	margin-bottom: 17px;
}

.sidebar-image-block {
	background: #6A9AE2;
	text-align: center;
	max-width: 190px;
	margin: 0 auto 55px;
	border: 1px solid #6A9AE2;
}

.sidebar-image-block .image-only {
	padding: 5px;
	background: #fff;
	border-radius: 0 0 0 65px;
	overflow: hidden;
	position: relative;
}

.sidebar-image-block .image-only img {
	border-radius: 0 0 0 65px;
	width: 100%;
}

.sidebar-image-block .sidebar-caption {
	padding: 14px 8px;
}

.sidebar-image-block .sidebar-caption h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}

.sidebar-image-block .sidebar-caption h4 span {
	display: block;
	text-transform: none;
}

.pagination-style-one {
	padding-left: 50%;
}

.pagination-style-one a {
	padding: 7px;
	background: #135fb4;
	color: #ffffff;
	/* border-radius: 50%;  */
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
}

.pagination-style-one a.selected,
.pagination-style-one a:hover,
.pagination-style-one a:active,
.pagination-style-one a:focus {
	padding: 12px;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .5);
}


/* arrow slider  */

.btn-outline-secondary {
	background-color: #193250;
	border-radius: 50%;
	color: white;
	padding: 10px 10px;
	border: none;
	float: center;
}

.carousel-showmanymoveone .carousel-inner>.item.active.right,
.carousel-showmanymoveone .carousel-inner>.item.next {
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0);
	left: 0;
}

.carousel-showmanymoveone .carousel-inner>.item.active.left,
.carousel-showmanymoveone .carousel-inner>.item.prev {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
	left: 0;
}

.carousel-showmanymoveone .carousel-inner>.item.left,
.carousel-showmanymoveone .carousel-inner>.item.prev.right,
.carousel-showmanymoveone .carousel-inner>.item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0;
}


/* Advance Search */

.search-section {
	text-align: right;
	position: absolute;
	/* bottom: -44px; */
	right: 100px;
	padding-right: 15px;
	z-index: 100;
}

.searchBtn__toggler {
	background-color: transparent;
	width: 40px;
	height: 35px;
	display: inline-block !important;
	line-height: 36px;
	color: white;
	padding-bottom: 20px;
	text-align: center;
	border-radius: 56%;
	/* border: 2px solid #fff; */
	-webkit-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
	-moz-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
	transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
}

.searchBtn__toggler:hover {
	background-color: #ff8200;
	border: 2px solid #ff8200;
	color: #fff;
}


/* ================================*/


/* Search Styles */


/* ================================*/

#search-overlay {
	display: none;
}

.block {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	text-align: center;
	background-color: #c4c7ca;
	border: #a0a0a0 solid 1px;
	margin: 0;
	z-index: 999999;
}

.block:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: 0;
	/* Adjusts for spacing */
	/* For visualization  */
	background: #808080;
}

.centered {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 10px 15px;
	color: #FFF;
	border: none;
	background: transparent;
	height: 90px;
}

#search-box {
	position: relative;
	width: 100%;
	margin: 0;
	height: 100%;
}

#search-form {
	height: 100%;
	border: 1px solid #383e41;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #383e41;
	overflow: hidden;
	border-radius: 8px;
}

#search-text .input-field .second-wrap {
	font-size: 14px;
	color: #ddd;
	border-width: 0;
	background: transparent;
}

#search-box input[type="text"] {
	width: 100%;
	padding: 20px 20px 20px 40px;
	outline: none;
	height: 100%;
}

#search-button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 42px;
	border-width: 0;
	background-color: #e80d0f;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	cursor: pointer;
	-webkit-animation: slbEnter 0.3s;
	-moz-animation: slbEnter 0.3s;
	animation: slbEnter 0.3s;
}

#close-btn {
	position: fixed;
	top: 0;
	font-size: 34px;
	color: #ffffff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	background-color: #000;
	left: 50%;
	margin-left: -40px;
}

#close-btn:hover {
	color: #383e41;
	cursor: pointer;
}

.search-active {
	overflow: hidden;
}

.search-active .search-input {
	opacity: 1;
	transform: none;
	pointer-events: all;
}

.search-active .icon-close {
	opacity: 1;
	transform: rotate(-90deg);
}

.search-active .control {
	cursor: default;
}

.search-active .control .btn-material {
	transform: scale(70);
}

.search-active .control .icon-material-search {
	opacity: 0;
}


/* Close Icon */

.icon-close {
	position: fixed;
	top: 30px;
	right: 30px;
	color: #FFF;
	cursor: pointer;
	font-size: 70px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.icon-close:hover {
	transform: rotate(0);
}


/* Search Input */

.search-input {
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50px;
	margin-top: -40px;
	pointer-events: none;
	opacity: 0;
	transform: translate(40px, 0);
	transition: all 0.3s ease-in-out;
}

#search-section {
	background: #e80d0f;
	padding: 20px 0px;
}

#search-categorie-item-block {
	/* margin: 68px 0px 124px;  */
	float: left;
	width: 100%;
}

.nopadding {
	padding: 0px;
}

#categorie-search-form {
	float: left;
	width: 100%;
}

form#categorie-search-form h1 {
	margin-bottom: 20px;
	font-size: 26px;
	letter-spacing: 0.5px;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
}

#search-input .form-group {
	margin-bottom: 0px;
}

select#location-search-list {
	box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

input.form-control {
	box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.14) inset;
}

#search-input .form-control {
	height: 50px;
	border: none;
	font-size: 15px;
	font-weight: 500;
}

#search-input select,
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

#search-input select.form-control {
	font-weight: 400;
	border-radius: 30px 0 0 30px;
	border-right: 1px solid #c2c2c2;
	color: #6f6f6f;
	padding-left: 15px;
}

#search-input input.form-control {
	font-weight: 400;
	border-radius: 0 30px 30px 0;
	padding-left: 15px;
	color: #928888;
}

#location-search-btn button {
	background: -webkit-linear-gradient(left, #ffffff 50%, #e80d0f 50%) repeat scroll right bottom/207% 100% transparent;
	background: linear-gradient(to right, #ffffff 50%, #e80d0f 50%) repeat scroll right bottom/207% 100% transparent;
	color: #fff;
	padding: 14px;
	font-size: 15px;
	border: none;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 30px;
	-webkit-transition: background 350ms ease-in-out;
	transition: background 350ms ease-in-out;
	width: 100%;
	outline: 0;
}

.nopadding-right {
	padding: 0px;
}


body.search-open {
    overflow: hidden;
  }

  .close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background: none;
    border: 0;
    font-size: 1rem;
    font-weight: 700;
    display: block;
    cursor: pointer;
    color: red;
    padding: 1rem 1.25rem;
    background: white;
    border-radius: 50%;
    outline: none;
  }
  .close:hover {
    background: #d62839;
  }

  .search-box.search-elem {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    z-index: 100;
    background: #949494;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    margin-top: 210px;
    margin-left: 320px;
  }

  .search-box.search-elem label {
    color: white;
    font-weight: 300;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
  }
  .search-box.search-elem button.submit {
    outline: none;
    position: absolute;
    top: 0;
    right: 15px;
    height: 70px;
    padding: 10px 2rem;
    background: #14a84d;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-size: 1rem;
    color: white;
  }
  .search-box.search-elem button.submit[disabled] {
    background: #ccc;
    color: #32213a;
  }
  .search-box.search-elem input[type="text"] {
    padding: 20px;
    height: 72px;
    font-size: 32px;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-weight: 300;
    border: none;
    border-bottom: solid 2px #999;
    transition: border 0.3s;
    border-radius: 0;
    
  }
  .search-box.search-elem input[type="text"]:focus {
    border-bottom: solid 2px #00a896;
    box-shadow: none;
  }
  .search-box.search-elem label.placeholder {
    position: absolute;
    top: 10px;
    left: 2rem;
    font-size: 32px;
    font-weight: 300;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    color: #999;
    transition: all 0.3s;
  }
  .search-box.search-elem label.placeholder.move-up {
    top: -25px;
    color: white;
    font-size: 1rem;
  }

  .search-box.search-elem.search-open {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  #search-btn {
    text-transform: uppercase;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-size: 0.875rem;
    padding: 0 10px;
    display: inline-block;
    margin-left:7px;
  }
  #location-search-btn:hover {
    color: #14a84d;
  }
  #searchBtn__toggler {
    background-color:transparent;
    width: 40px;
    height: 35px;
    display: inline-block !important;
    line-height: 36px;
    color: white;
    padding-bottom: 20px;
    text-align: center;
    border-radius: 56%;
    /* border: 2px solid #fff; */
    -webkit-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
    -moz-transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
    transition: all 0.3s cubic-bezier(0.74, 0.22, 0.36, 0.88);
  }
  #searchBtn__toggler:hover{
    background-color: #ff8200;
    border: 2px solid #ff8200;
    color: #fff;
  }
  .search-box.search-elem .inner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }


/* search result */

.mb20 {
	margin-top: 70px;
	margin-bottom: 20px;
}

hgroup {
	padding-left: 15px;
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
}

hgroup h1 {
	color: #2a3644;
	margin-top: 0;
	line-height: 1.15;
}

hgroup h2.lead {
	color: #2a3644;
	margin: 0;
	padding-bottom: 10px;
}

.search-result .thumbnail {
	border-radius: 0 !important;
}

.search-result:first-child {
	margin-top: 0 !important;
}

.search-result {
	margin-top: 20px;
}

.search-result .col-md-2 {
	border-right: 1px dotted #ccc;
	min-height: 140px;
}

.search-result ul {
	padding-left: 0 !important;
	list-style: none;
}

.search-result ul li {
	line-height: 30px;
}

.search-result ul li i {
	padding-right: 5px;
}

.search-result .col-md-7 {
	position: relative;
}

.search-result h3 {
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

.search-result h3>a,
.search-result i {
	color: #248dc1 !important;
}

.search-result span.border {
	display: block;
	width: 97%;
	margin: 0 15px;
	border-bottom: 1px dotted #ccc;
}



/*** end advance search **/


/* constituent campuses */


/* Styles for wrapping the search box */

.main {
	width: 50%;
	margin: 50px auto;
}


/* Bootstrap 3 text input with search icon */

.has-search .form-control-feedback {
	right: initial;
	left: 0;
	color: #ccc;
}

.has-search .form-control {
	padding-right: 12px;
	padding-left: 34px;
}

.align-middle {
	align-items: center;
}

.alphabet-filter-holder {
	background: #f9f9f9;
	font-weight: 400;
	padding: 11px 17px;
	text-align: center;
}

.alphabet-filter-holder.active-filter {
	display: block;
	font-size: 30px;
}

.active-filter {
	display: block;
}

.cards-list__holder .cards-list__content {
	min-height: 185px;
	background-color: #ffffff;
	position: relative;
	border-top: 4px solid #e1b228;
	transition: border 0.3s ease;
	padding: 11px 17px 17px;
	margin-bottom: 17px;
	box-shadow: 0 0 10px rgb(179, 174, 174);
	-webkit-box-shadow: 0 0 10px rgb(179, 174, 174);
	-moz-box-shadow: 0 0 10px rgb(179, 174, 174);
	-o-box-shadow: 0 0 10px rgb(179, 174, 174);
}

.cards-list-module>.row>.columns {
	width: 25%;
	float: left;
	flex: auto;
	padding-right: 20px;
}

.card-list-item {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.column,
.columns {
	flex: 1 1 0px;
	padding-right: 0.22222rem;
	padding-left: 0.22222rem;
	min-width: 0;
}

.cards-list__holder .cards-list__content .more-button span {
	color: #b1b1b1;
	font-weight: 400;
	transition: color 0.3s ease;
}

.cards-list__holder .cards-list__content .more-button {
	border: 2px solid #b1b1b1;
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 25px;
	bottom: 17px;
	right: 17px;
	cursor: pointer;
	transition: border 0.3s ease;
	font-size: 25px;
	border-radius: 16px;
	text-align: center;
}

.cards-list__holder .cards-list__content .more-button span:before {
	width: auto;
}

.cards-list__holder .cards-list__content {
	font-size: 16px;
	color: #525252;
	line-height: 20px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 13px;
	cursor: pointer;
}

.cards-list__holder .cards-list__content .cards-list-module__title h2.cards-list-title {
	font-size: 20px;
	line-height: 34px;
	font-weight: 300;
	transition: color 0.3s ease;
	cursor: pointer;
}

.cards-list__holder .cards-list__content .card-list-bottom {
	position: absolute;
	bottom: 50px;
	left: 17px;
    font-size: 16px;
    line-height: 18px;
}

.cards-list__holder .cards-list__content .card-list-bottom-2 {
	position: absolute;
	bottom: 10px;
	left: 17px;
	font-size: 16px;
}

.cards-list__holder .cards-list__content:hover .cards-list-module__title h2.cards-list-title {
	color: #05637b;
}

.title1 {
	text-align: center;
	font-size: 18px;
}


  /* popup */



  #darkBack {
    width: 100%;
    height: 100vh;
    background: rgba(76, 56, 75, .15);
  }

  #popUp {
    position: fixed;
    width: 50%;
    height: 80%;
    background: rgba(236, 240, 241, 1);
    border: 7px solid #fff;
    top: 0;
    /* bottom: 0; */
    margin-left: 25%;
    margin-top: 5%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }

  #new span {
    background: #fff;
    position: absolute;
    color: #1c8dc4;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: -5px;
  }

  #popUp .close {
    color: #464646;
    right: 8px;
    top: 0px;
    position: absolute;
    font-size: 20px;
    cursor: pointer;
  }

  #popUp h2 {
    font-size: 17px;
    color: #464646;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    margin-top: 40px;
    padding: 0 20px;
  }

  #body {
    height: 1200px;
    background: #eee;
  }

  a.button {
    margin: 0 auto;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
    width: 120px;
    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid #18729f;
    background: #1c8dc4;
    border-radius: 4px;
    padding: 8px 0;
  }

  #plus {
    position: fixed;
    color: #fff;
    bottom: 15%;
    font-size: 15px;
    margin-left: -425px;
    -webkit-transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
    cursor: pointer;
    text-align: left;
    letter-spacing: 1px;
  }

  #plus span {
    position: absolute;
    margin-top: 38px;
    left: 4px;
  }

  #plus::after {
    content: '';
    display: block;
    display: relative;
    border-top: 55px solid transparent;
    border-bottom: 55px solid transparent;
    border-left: 55px solid #1c8dc4;
  }

  /* @media all and (max-width: 900px) {
    #popUp {
      margin-left: -425px;
    }
    #plus {
      margin-left: 0px;
    }
  } */


  @media all and (max-width: 600px) {
  #popUp {
    position: fixed;
    /* width: 50%;
    height: 80%; */
    background: rgba(236, 240, 241, 1);
    border: 7px solid #fff;
    top: 0;
    margin-left: 10px;
      width: 95%;
    /* bottom: 0; */
    /* margin-left: 25%;
    margin-top: 5%; */
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  }

  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
    }
    .cnt223 a{
    text-decoration: none;
    }
    .popup{
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
    }
    .cnt223{
    min-width: 600px;
    width: 600px;
    min-height: 150px;
    margin: 100px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 103;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    }
    .cnt223 p{
    clear: both;
        color: #555555;
        /* text-align: justify; */
        font-size: 20px;
        font-family: sans-serif;
    }
    .cnt223 p a{
    color: #d91900;
    font-weight: bold;
    }
    .cnt223 .x{
    float: right;
    height: 35px;
    left: 22px;
    position: relative;
    top: -25px;
    width: 34px;
    }
    .cnt223 .x:hover{
    cursor: pointer;
    }

    .collage-btn {
        display:flex;
    }


/* popup */



/* badge */

.badge--danger {
	background-color: #e74c3c;
	 position: absolute;
	 right: 110px;
   /* top: -27px;
	left: -109px; */
}


  
 /* message from vc */

 .items {
    width: 400px;
    height: 500px;
    background: #fff;
    position: relative;
    box-shadow: -15px 7px 30px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 10px;
}
  .items .img {
    width: 100%;
    height: 50%;
    background: black;
    border-radius: 10px 10px 0 0;
    position: absolute;
    z-index: 5;
	overflow: hidden;
	top:0px;
}
  .items .img-content {
	width: 100%;
	height: 100%;
	transition: 0 !important;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
  }
  .items.showfull .text-container {
	height: 90%;
  }
  .items.showfull .content {
	height: 78%;
  }
  .items.showfull .social {
	top: 25px;
  }
  .items.showfull .img-content {
	transform: scale(1.04);
	filter: blur(5px);
  }
  .items.showfull .like {
	margin-top: 100px;
  }
  .items .text-container {
    width: 100%;
    height: 55%;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: 2px;
    z-index: 10;
    box-shadow: -3px -10px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 30px 20px 20px 20px;
    display: flex;
    flex-direction: column;
}
  .items .content {
	height: 63%;
	margin-bottom: 10px;
	overflow: hidden;
  }
  .items .social {
	width: 100%;
	height: 50px;
	position: absolute;
	z-index: 15;
	top: 40%;
	display: flex;
	justify-content: flex-end;
  }
  .items h2 {
	margin-bottom: 10px;
	margin-top: 10px;
  }
  
  .items .readmore {
	display: flex;
	padding-bottom: 5px;
  }
  .items .readmore h3 {
	display: block;
	padding: 10px 15px;
	border-radius: 40px;
	border: 1px solid;
	cursor: pointer;
	font-size: 10px;
	margin-bottom: 5px;
  }

.items-list{
	margin-top: 79px;
    margin-left: 12%;
}

  


  
/* Notice */

.border-col {
	border-right: #e8e8e8 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

.border-col3 {
	border-right: #e8e8e8 1px solid;
}

.home .sidebar {
	padding-top: 40px;
	padding-bottom: 30px;
}

.posts-listing {
	margin: 0;
	list-style-type: none;
}

.home .latest-posts h3 .title-border {
	padding-bottom: 18px;
}

.latest-posts .toblog {
	margin-top: 15px;
}

.posts-listing .post-excerpt {
	margin-top: 15px;
}

.post-list-item {
	padding: 32px 0;
	border-bottom: #e8e8e8 1px solid;
	height:90px;
}

.post-list-item:first-child {
	padding-top: 10px
}

.post-list-item:last-child {
	border-bottom: #e8e8e8 0px solid;
}

.posts-listing .post-title {
	font-size: 14px;
	font-weight: 400;
	display: block;
	margin-bottom: 0;
	font-family: 'Raleway', sans-serif;
	line-height: 20px;
	letter-spacing: normal;
	float: left;
    margin-left: 7px;
	
}
.posts-listing .post-title a {
	font: 500 14px/24px "Raleway", sans-serif;
    color: #000000;
}

.post-time{
	position: relative;
    left: -36%;
    color: #004977;
    font-weight: 700;
}

.post-title {
	position: relative;
    /* left: -50px; */
	text-align: justify;
}
.posts-listing .post-title1 {
	font-size: 16px !important;
	font-weight: 400;
	display: block;
	margin-bottom: 0;
}

.pb-5,
.py-5 {
	padding-bottom: 0rem!important;
}

a {
	color: #000;
}


/* scroll */


/* scroll */

.scrollbar {
	/* margin-left: 30px; */
	float: left;
	height: 300px;
	/* width: 100%;
	*/
	/* background: #fff;
	*/
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow {
	min-height: 300px;
}

.scrollbar-primary::-webkit-scrollbar {
	width: 2px;
	/* background-color: #F5F5F5;
	*/
}

.scrollbar-primary::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #4285F4;
}



/* Social */


/* social links */

@media (max-width: 1280px) {

	#social {
		/* margin: 20px 10px; */
		text-align: center;
		position: absolute;
		top: -60px;
		right: 20%;
	}
	
	.smGlobalBtn { /* global button class */
	   /* display: inline-block; */
	   position: relative;
	   cursor: pointer;
	   width: 50px;
	   height: 50px;
	   /* border: 2px solid #ddd; */
	   /* box-shadow: 0 3px 3px #999; */
	   padding: 7px;
	   text-decoration: none;
	   text-align: center;
	   color: #fff;
	   /* font-size: 25px; */
	   font-weight: normal;
	   line-height: 2em;
	   border-radius: 27px;
	   /* -moz-border-radius: 27px;
	   -webkit-border-radius: 27px;
	   border-radius: 50%; */
	   top: 63px;
	   z-index: 999;
	}
	
	/* facebook button class*/
	.facebookBtn{
	 background: #4060A5;
	}
	
	.facebookBtn:before{ /* use :before to add the relevant icons */
	 font-family: "FontAwesome";
	 content: "\f09a"; /* add facebook icon */
	}
	
	.facebookBtn:hover{
	 color: #4060A5;
	 background: #fff;
	 border-color: #4060A5; /* change the border color on mouse hover */
	}
	
	/* twitter button class*/
	.twitterBtn{
	 background: #00ABE3;
	}
	
	.twitterBtn:before{
	   font-family: "FontAwesome";
	   content: "\f099"; /* add twitter icon */
	   
	}
	
	.twitterBtn:hover{
	   color: #00ABE3;
	   background: #fff;
	   border-color: #00ABE3;
	}
	
	/* google plus button class*/
	.googleplusBtn{
	 background: #e64522;
	}
	
	.googleplusBtn:before{
	   font-family: "FontAwesome";
	   content: "\f0d5"; /* add googleplus icon */
	}
	
	.googleplusBtn:hover{
	   color: #e64522;
	   background: #fff;
	   border-color: #e64522;
	}
	
	/* linkedin button class*/
	.linkedinBtn{
	 background: #0094BC;
	}
	
	.linkedinBtn:before{
	   font-family: "FontAwesome";
	   content: "\f0e1"; /* add linkedin icon */
	}
	
	.linkedinBtn:hover{
	   color: #0094BC;
	   background: #fff;
	   border-color: #0094BC;
	}
	
	/* pinterest button class*/
	.pinterestBtn{
	 background: #cb2027;
	}
	
	.pinterestBtn:before{
	   font-family: "FontAwesome";
	   content: "\f0d2"; /* add pinterest icon */
	}
	
	.pinterestBtn:hover{
	   color: #cb2027;
	   background: #fff;
	   border-color: #cb2027;
	}
	
	/* tumblr button class*/
	.tumblrBtn{
	 background: #3a5876;
	}
	
	.tumblrBtn:before{
	   font-family: "FontAwesome";
	   content: "\f173"; /* add tumblr icon */
	}
	
	.tumblrBtn:hover{
	   color: #3a5876;
	   background: #fff;
	   border-color: #3a5876;
	}
	
	/* rss button class*/
	.rssBtn{
	 background: #e88845;
	}
	
	.rssBtn:before{
	   font-family: "FontAwesome";
	   content: "\f09e"; /* add rss icon */
	}
	
	.rssBtn:hover{
	   color: #e88845;
	   background: #fff;
	   border-color: #e88845;
	}
	}
	
	
	/* @media (min-width: 1280px) {
		#social {
			text-align: center;
			position: absolute;
			top: -60px;
			right: 13%;
		}
		
		.smGlobalBtn { 
		   position: relative;
		   cursor: pointer;
		   width: 50px;
		   height: 50px;
		   padding: 8px;
		   margin-right:5px;
		   text-decoration: none;
		   text-align: center;
		   color: #fff;
		   font-weight: normal;
		   line-height: 2em;
		   border-radius: 50%;
		   top: 63px;
		   z-index: 999;
		}
		
		.facebookBtn{
		 background: #4060A5;
		}
		
		.facebookBtn:before{ 
		 font-family: "FontAwesome";
		 content: "\f09a";
		}
		
		.facebookBtn:hover{
		 color: #4060A5;
		 background: #fff;
		 border-color: #4060A5; 
		}
		
		.twitterBtn{
		 background: #00ABE3;
		}
		
		.twitterBtn:before{
		   font-family: "FontAwesome";
		   content: "\f099";
		   
		}
		
		.twitterBtn:hover{
		   color: #00ABE3;
		   background: #fff;
		   border-color: #00ABE3;
		}
		
		.googleplusBtn{
		 background: #e64522;
		}
		
		.googleplusBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d5"; 
		}
		
		.googleplusBtn:hover{
		   color: #e64522;
		   background: #fff;
		   border-color: #e64522;
		}
		
		.linkedinBtn{
		 background: #0094BC;
		}
		
		.linkedinBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0e1"; 
		}
		
		.linkedinBtn:hover{
		   color: #0094BC;
		   background: #fff;
		   border-color: #0094BC;
		}
		
		.pinterestBtn{
		 background: #cb2027;
		}
		
		.pinterestBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d2"; 
		}
		
		.pinterestBtn:hover{
		   color: #cb2027;
		   background: #fff;
		   border-color: #cb2027;
		}
		
	
		.tumblrBtn{
		 background: #3a5876;
		}
		
		.tumblrBtn:before{
		   font-family: "FontAwesome";
		   content: "\f173"; 
		}
		
		.tumblrBtn:hover{
		   color: #3a5876;
		   background: #fff;
		   border-color: #3a5876;
		}
		
	
		.rssBtn{
		 background: #e88845;
		}
		
		.rssBtn:before{
		   font-family: "FontAwesome";
		   content: "\f09e"; 
		}
		
		.rssBtn:hover{
		   color: #e88845;
		   background: #fff;
		   border-color: #e88845;
		}
	} */
	
	
	@media (min-width: 992px) {
	
		#social {
			/* margin: 20px 10px; */
			text-align: center;
			position: absolute;
			top: -60px;
			right: 15%;
		}
		
		.smGlobalBtn { /* global button class */
		   /* display: inline-block; */
		   position: relative;
		   cursor: pointer;
		   width: 50px;
		   height: 50px;
		   /* border: 2px solid #ddd; */
		   /* box-shadow: 0 3px 3px #999; */
		   padding: 7px;
		   text-decoration: none;
		   text-align: center;
		   color: #fff;
		   /* font-size: 25px; */
		   font-weight: normal;
		   line-height: 2em;
		   border-radius: 27px;
		   /* -moz-border-radius: 27px;
		   -webkit-border-radius: 27px;
		   border-radius: 50%; */
		   top: 63px;
		   z-index: 999;
		}
		
		/* facebook button class*/
		.facebookBtn{
		 background: #4060A5;
		}
		
		.facebookBtn:before{ /* use :before to add the relevant icons */
		 font-family: "FontAwesome";
		 content: "\f09a"; /* add facebook icon */
		}
		
		.facebookBtn:hover{
		 color: #4060A5;
		 background: #fff;
		 border-color: #4060A5; /* change the border color on mouse hover */
		}
		
		/* twitter button class*/
		.twitterBtn{
		 background: #00ABE3;
		}
		
		.twitterBtn:before{
		   font-family: "FontAwesome";
		   content: "\f099"; /* add twitter icon */
		   
		}
		
		.twitterBtn:hover{
		   color: #00ABE3;
		   background: #fff;
		   border-color: #00ABE3;
		}
		
		/* google plus button class*/
		.googleplusBtn{
		 background: #e64522;
		}
		
		.googleplusBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d5"; /* add googleplus icon */
		}
		
		.googleplusBtn:hover{
		   color: #e64522;
		   background: #fff;
		   border-color: #e64522;
		}
		
		/* linkedin button class*/
		.linkedinBtn{
		 background: #0094BC;
		}
		
		.linkedinBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0e1"; /* add linkedin icon */
		}
		
		.linkedinBtn:hover{
		   color: #0094BC;
		   background: #fff;
		   border-color: #0094BC;
		}
		
		/* pinterest button class*/
		.pinterestBtn{
		 background: #cb2027;
		}
		
		.pinterestBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d2"; /* add pinterest icon */
		}
		
		.pinterestBtn:hover{
		   color: #cb2027;
		   background: #fff;
		   border-color: #cb2027;
		}
		
		/* tumblr button class*/
		.tumblrBtn{
		 background: #3a5876;
		}
		
		.tumblrBtn:before{
		   font-family: "FontAwesome";
		   content: "\f173"; /* add tumblr icon */
		}
		
		.tumblrBtn:hover{
		   color: #3a5876;
		   background: #fff;
		   border-color: #3a5876;
		}
		
		/* rss button class*/
		.rssBtn{
		 background: #e88845;
		}
		
		.rssBtn:before{
		   font-family: "FontAwesome";
		   content: "\f09e"; /* add rss icon */
		}
		
		.rssBtn:hover{
		   color: #e88845;
		   background: #fff;
		   border-color: #e88845;
		}
		}
	
		
	
	@media (max-width:767px) {
		#social {
			text-align: center;
			position: absolute;
			top: -60px;
			right: 32%;
		}
		
		.smGlobalBtn { 
		   position: relative;
		   cursor: pointer;
		   width: 50px;
		   height: 50px;
		   padding: 8px;
		   margin-right:5px;
		   text-decoration: none;
		   text-align: center;
		   color: #fff;
		   font-weight: normal;
		   line-height: 2em;
		   border-radius: 50%;
		   top: 63px;
		   z-index: 999;
		}
		
		/* facebook button class*/
		.facebookBtn{
		 background: #4060A5;
		}
		
		.facebookBtn:before{ 
		 font-family: "FontAwesome";
		 content: "\f09a";
		}
		
		.facebookBtn:hover{
		 color: #4060A5;
		 background: #fff;
		 border-color: #4060A5; 
		}
		
		/* twitter button class*/
		.twitterBtn{
		 background: #00ABE3;
		}
		
		.twitterBtn:before{
		   font-family: "FontAwesome";
		   content: "\f099";
		   
		}
		
		.twitterBtn:hover{
		   color: #00ABE3;
		   background: #fff;
		   border-color: #00ABE3;
		}
		
		/* google plus button class*/
		.googleplusBtn{
		 background: #e64522;
		}
		
		.googleplusBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d5"; /* add googleplus icon */
		}
		
		.googleplusBtn:hover{
		   color: #e64522;
		   background: #fff;
		   border-color: #e64522;
		}
		
		/* linkedin button class*/
		.linkedinBtn{
		 background: #0094BC;
		}
		
		.linkedinBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0e1"; /* add linkedin icon */
		}
		
		.linkedinBtn:hover{
		   color: #0094BC;
		   background: #fff;
		   border-color: #0094BC;
		}
		
		/* pinterest button class*/
		.pinterestBtn{
		 background: #cb2027;
		}
		
		.pinterestBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d2"; /* add pinterest icon */
		}
		
		.pinterestBtn:hover{
		   color: #cb2027;
		   background: #fff;
		   border-color: #cb2027;
		}
		
		/* tumblr button class*/
		.tumblrBtn{
		 background: #3a5876;
		}
		
		.tumblrBtn:before{
		   font-family: "FontAwesome";
		   content: "\f173"; /* add tumblr icon */
		}
		
		.tumblrBtn:hover{
		   color: #3a5876;
		   background: #fff;
		   border-color: #3a5876;
		}
		
		/* rss button class*/
		.rssBtn{
		 background: #e88845;
		}
		
		.rssBtn:before{
		   font-family: "FontAwesome";
		   content: "\f09e"; /* add rss icon */
		}
		
		.rssBtn:hover{
		   color: #e88845;
		   background: #fff;
		   border-color: #e88845;
		}
	}
	@media (max-width:900px) {
		#social {
			text-align: center;
			position: absolute;
			top: -60px;
			right: 20%;
		}
		
		.smGlobalBtn { 
		   position: relative;
		   cursor: pointer;
		   width: 50px;
		   height: 50px;
		   padding: 8px;
		   margin-right:5px;
		   text-decoration: none;
		   text-align: center;
		   color: #fff;
		   font-weight: normal;
		   line-height: 2em;
		   border-radius: 50%;
		   top: 63px;
		   z-index: 999;
		}
		
		/* facebook button class*/
		.facebookBtn{
		 background: #4060A5;
		}
		
		.facebookBtn:before{ 
		 font-family: "FontAwesome";
		 content: "\f09a";
		}
		
		.facebookBtn:hover{
		 color: #4060A5;
		 background: #fff;
		 border-color: #4060A5; 
		}
		
		/* twitter button class*/
		.twitterBtn{
		 background: #00ABE3;
		}
		
		.twitterBtn:before{
		   font-family: "FontAwesome";
		   content: "\f099";
		   
		}
		
		.twitterBtn:hover{
		   color: #00ABE3;
		   background: #fff;
		   border-color: #00ABE3;
		}
		
		/* google plus button class*/
		.googleplusBtn{
		 background: #e64522;
		}
		
		.googleplusBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d5"; /* add googleplus icon */
		}
		
		.googleplusBtn:hover{
		   color: #e64522;
		   background: #fff;
		   border-color: #e64522;
		}
		
		/* linkedin button class*/
		.linkedinBtn{
		 background: #0094BC;
		}
		
		.linkedinBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0e1"; /* add linkedin icon */
		}
		
		.linkedinBtn:hover{
		   color: #0094BC;
		   background: #fff;
		   border-color: #0094BC;
		}
		
		/* pinterest button class*/
		.pinterestBtn{
		 background: #cb2027;
		}
		
		.pinterestBtn:before{
		   font-family: "FontAwesome";
		   content: "\f0d2"; /* add pinterest icon */
		}
		
		.pinterestBtn:hover{
		   color: #cb2027;
		   background: #fff;
		   border-color: #cb2027;
		}
		
		/* tumblr button class*/
		.tumblrBtn{
		 background: #3a5876;
		}
		
		.tumblrBtn:before{
		   font-family: "FontAwesome";
		   content: "\f173"; /* add tumblr icon */
		}
		
		.tumblrBtn:hover{
		   color: #3a5876;
		   background: #fff;
		   border-color: #3a5876;
		}
		
		/* rss button class*/
		.rssBtn{
		 background: #e88845;
		}
		
		.rssBtn:before{
		   font-family: "FontAwesome";
		   content: "\f09e"; /* add rss icon */
		}
		
		.rssBtn:hover{
		   color: #e88845;
		   background: #fff;
		   border-color: #e88845;
		}
	}
	
	/* Social 1 */
	.ct-socials {
		position: fixed;
		top: 25%;
		left: 0;
		list-style: none;
		padding-left: 0;
		z-index: 10;
		margin: 0;
		-webkit-transition: right 0.25s ease-in-out;
		transition: right 0.25s ease-in-out;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.ct-socials li {
		padding: 0px 0;
	}
	.ct-socials li a {
		background: #3f4653;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: #fff;
		width: 44px;
		height: 54px;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		float: right;
		padding-left: 5px;
	}
	.ct-socials li a:hover {
	    width: 54px;
	    padding-left: 0;
	    text-decoration: none;
	    background: #3c9bd9;
	}
	.section.triad-section {
	  margin-top: 10px;
	}
	section.section h2 {
		font-size: 40px;
		line-height: 46px;
		margin-bottom: 20px;
		text-align: center;
		margin-top: 0;
	}
	h2 {
		color: #000;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: 200;
		letter-spacing: -1px;
	}
	section.section p.sub-heading {
		font-size: 16px;
		font-family: "Gotham SSm A", "Gotham SSm B";
		font-weight: 300;
		text-align: center;
		margin-bottom: 40px;
	}
	section.triad-section .triad-sub-section {
		padding-right: 60px;
	}
	section p.detail-paragraph:first-child {
		margin-top: 0;
	}
	section p.detail-paragraph {
		font-family: 'Open Sans Condensed', sans-serif;
		margin-top: 40px;
		font-size: 18px;
		color: #000;
	}
	b, strong {
		font-weight: 700;
	}


.slide-left {
  width:100%;
  overflow:hidden;
}
p.slide-left {
  animation: slide-left 10s;
  font-size: 13px;
}

@keyframes slide-left {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}


/* Senate index page */


.members-row-panel{
	display: flex;
  }
  .members-row-panel .home-sidebar .sidebar-image-block{
	margin: 5px;
	width: 130px;
  }
  .members-row-panel .sidebar-image-block .sidebar-caption h4 {
	font-size: 13px;
	/* text-transform: uppercase; */
	color: #fff;
	font-weight: 400;
  }
  .members-row-panel .sidebar-image-block .sidebar-caption {
	padding: 5px 0;
  }
  .members-row-panel2{
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 0;
  }
  .members-row-panel2.members-row-panel2--large{
	margin-top: 0;
  }
  .members-row-panel2 li {
	display: flex;
	flex-flow: row nowrap;
  }
  .members-row-panel2 .home-sidebar .sidebar-image-block {
	margin: 19px 10px;
	width: 130px;
	position: relative;
  }
  .members-row-panel2.members-row-panel2--large .home-sidebar .sidebar-image-block{
	width: 310px;
  }
  .members-row-panel2 .home-sidebar .sidebar-image-block {
	background: #2262b9;
	text-align: center;
	max-width: 170px;
	margin: 16px 15px;
	border: 1px solid #2163b9;
	min-height: 70px;
  }
  .members-row-panel2.members-row-panel2--large .home-sidebar .sidebar-image-block {
	background: #2262b9;
	text-align: center;
	max-width: 450px;
	margin: 40px 15px;
	border: 1px solid #2163b9;
	min-height: 80px;
  }
  .members-row-panel2 .sidebar-image-block .image-only {
	/* padding: 5px; */
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	top: -32px;
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	padding: 0;
  }
  .members-row-panel2.members-row-panel2--large .sidebar-image-block .image-only{
	top: -65px;
	width: 80px;
	height: 80px;
	left: 50%;
	margin-left: -40px;
	border: 3px solid #ececec;
  }
  .members-row-panel2 .sidebar-image-block .sidebar-caption {
	padding: 18px 0 5px 0;
  }
  .members-row-panel2 .sidebar-image-block .image-only img {
	border-radius: 0 ;
	max-width: 100%;
	padding: 0;
  }
  .members-row-panel2 .sidebar-image-block .sidebar-caption h4 {
	font-size: 13px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 400;
	margin-bottom: 0;
  }
  .members-row-panel2.members-row-panel2--large .sidebar-image-block .sidebar-caption h4{
	font-size: 16px;
  }
  .members-row-panel2 .sidebar-image-block .sidebar-caption h4 span{
	font-size: 11px;
	color: #afc6e6;
  }
  .members-row-panel2.members-row-panel2--large .sidebar-image-block .sidebar-caption h4 span{
	font-size: 13px;
	margin-top:5px;
  }




  /* DOwnloads page  */
.content__block-detail .single-post-title{
	min-height: 50px;
}

.content__block-detail .single-post-title h6{
	font-size:17px;
	letter-spacing: 1px;
}

.single-post-title .time{
	float: left;
	margin-left: 30px;
	padding: 7px 0;
}
  
.speech{
    position:absolute;
    right:356px;
    z-index:999;
    margin-top:5px;
    font-size:smaller;
    
    
}