.c-no{height:150px;}
.grey-bg{background:#ebebeb;}
.counter-Txt{text-align:center; font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:20px;}
.counter-Txt span{display:block; font-size:36px}
@media(min-width:320px) and (max-width:767px){
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
}

/*---------------------------------------------------*
* Template Name  : -Personal Portfolio
* Version        : 1.0
* Version        : 1.0.0
* Created        : February 2017
*----------------------------------------------------*
*/

/*==============
*  1.Basic
*  2.Helper
*  3.Preloader
*  4.Navbar
*  5.Home
*  6.About Us
*  7.Services
*  8.Testimonial
*  9.Portfolio
*  10.Blog
*  11.Contact Us
*  12.Footer
*  13.Responsive
*=================
*/


/*=================
  1.Basic
=================== */

body {
    font-family: 'IBM Plex Sans', sans-serif;
    overflow-x: hidden;
	background-color: #FFF;
	font-size: 1.1rem;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'IBM Plex Sans', sans-serif;
}

a,
a:hover,
a:focus,
button {
    text-decoration: none !important;
    outline: none !important;
	color: #008ce8;
}



a.links:hover,
a.links:focus,
button {
    text-decoration: none !important;
    outline: none !important;
}

a.links,
button {
    text-decoration: underline !important;
    outline: none !important;
}






a.links-dark:hover,
a.links-dark:focus,
button {
    text-decoration: none !important;
    outline: none !important;
	color: #2fbbef;
}

a.links-dark,
button {
    text-decoration: underline !important;
    outline: none !important;
	color: #2fbbef;
}



a.links-img-overlay:hover,
a.links-img-overlay:focus,
button {
    text-decoration: none !important;
    outline: none !important;
	color: #52ddff;
}

a.links-img-overlay,
button {
    text-decoration: underline !important;
    outline: none !important;
	color: #FFF;
}





a.links-light:hover,
a.links-light:focus,
button {
    text-decoration: none !important;
    outline: none !important;
	color: #7ab1d6;
}

a.links-light,
button {
    text-decoration: underline !important;
    outline: none !important;
	color: rgba(255, 255, 255, 0.7);
}




a.links-alumni:hover,
a.links-alumni:focus,
button {
    text-decoration: underline !important;
    outline: none !important;
	color: #00a9d9;
}

a.links-alumni,
button {
    text-decoration: none !important;
    outline: none !important;
	color: #467e98;
}



a.links-notable-alumni:hover,
a.links-notable-alumni:focus,
button {
    text-decoration: underline !important;
    outline: none !important;
	color: #00a9d9;
}

a.links-notable-alumni,
button {
    text-decoration: none !important;
    outline: none !important;
	color: #467e98;
}



body p {
    line-height: 1.4;
	letter-spacing: -0.01em;
	font-size: 1.1em;
}

.services-boxed .services-content p {
    line-height: 1.2;
}

.details {
    line-height: 1.4;
	margin-top: -16px;
	margin-bottom: 0rem;
	color: #6a85a9;
}

.count
{
  line-height: 100px;
  color:white;
  margin-left:30px;
  font-size:25px;
}

.entry {
    position: relative;
    clear: both;
    page-break-inside: avoid;
}

.year {

}

.marginalie {
float: left;
width: 14.5%;
text-align: right;
font-weight: 700;
    color: #000;
padding-bottom: 1pt;
}

.item {
	padding-left: 25.75%;
    padding-bottom: 0pt;
	max-width: 92%;
}


.item-listing {
	padding-left: 25.75%;
    padding-bottom: 10pt;
	max-width: 92%;
}

.listing {
	margin-bottom: 0.55rem;
}


a.footer {color:#e0edf4; padding: 0px 0px 0px 0px; text-decoration:underline; }
a.footer:hover {no-repeat;color:#209eff;}
a.footer:link {text-decoration:underline; outline:none;}
a.footer:active {text-decoration:underline; outline:none;}


.shadow {
    box-shadow: 0 5px 10px rgba(0,0,0,0.1), 0 6px 5px rgba(0,0,0,0.1);
}






.text-blue {
   color: #0b60bd;
}

.text-blue-dark {
   color: #225c9c;
}


.text-grey {
		color: #94a0b8;
	}

.text-grey-light{
		color: #617d8c;
	}


.text-grey-dark {
		color: #445e93;
	}

.text-departments {
		color: #2c719b;
	}

.text-awards {
		color: #c6d3db;
		margin-top: -5px;
	}

.text-awards-list {
   color: #445e93;
   font-weight: 400;
}


.text-famous-alumni {
		color: #546e7a;
		font-size: 1em;
	}


.text-white-light {
	color: rgba(255, 255, 255, 0.7);
}

.text-intro {
		color: #FFF;
		text-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05);
	}

.text-weight-500	 {
		font-weight: 500;
	}

.text-size-4em	 {
		font-size: 4em;
	}

.text-size-3em	 {
		font-size: 3.5em;
	}


.text-size-large	 {
		font-size: 2.5em;
	}

.text-size-medium	 {
		font-size: 1.95em;
	}

.text-size-1-25em	 {
		font-size: 1.25em;
	}

.text-size-1em	 {
		font-size: 1em;
		line-height: 1.1em;
	}


.text-size-07em	 {
		font-size: 0.7em;
	}

.text-lineheight-1	 {
		line-height: 1.25em;
	}

.text-size-sub	 {
		font-size: 1.1em;
		line-height: 110%;
	}

.text-move-up	 {
		margin-top: -14px;
	}

.text-awards-subcategory {
	color: #ee5253;
	font-weight: 500;
	}

.text-size-footnote	 {
		font-size: 0.30em;
	}


.text-sub	 {

	}

.bg-section-award {
background-color: #f9fafb; /* Old browsers */
padding-top: 20px;
}







/*=================
  Lists
=================== */



ul.alumni-list {
  list-style: none; /* Remove HTML bullets */
  padding: 0;
  margin: 0;
  line-height: 1.4em;
}

li.alumni-list {
  padding-left: 0px;
  margin-bottom: 0.55rem;
}

li.alumni-list::before {
  content: " "; /* Insert content that looks like bullets */
  padding-right: 0px;
}




.loader{
  margin: 0 0 2em;
  height: 100px;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: inline-block;
  vertical-align: top;
}

/*
  Set the color of the icon
*/
svg path,
svg rect{
  fill: #2b6585;
}







/*=================
  Slider
=================== */

.full-height {
  height: 100%;
}

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

.slider {
  width:500px;
  margin:20px auto;
  height:300px;
  position:relative;
}
.slider .slide {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  font-size:100px;
  line-height:300px;
  color:#fff;
  display:none;
}
.slider .slide1 {
  background-color:black;
  background: url("../images/book_2013_kunst_u_methode_web.jpg"), linear-gradient(160deg, #f25c52, #744289);
}
.slider .slide2 {
  background-color:red;
}
.slider .slide3 {
  background-color:blue;
}
.slider .slide4 {
  background-color:orange;
}
.slider .slide5 {
  background-color:purple;
}
/* slide btn */
.slider .btn {
  display:block;
  color:#fff;
  font-size:3em;
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
}
.slider .btn.prev {
  left:0;
}
.slider .btn.next {
  right:0;
}

/* slide dots */
.slide_dots {
  position:absolute;
  z-index:5;
  bottom:0;
  width:100%;
  text-align:center;
}
.slide_dots button {
  display:inline-block;
  width:15px;
  height:15px;
  margin:5px;
  padding:0;
  background:#fff;
  cursor:pointer;
  border:none;
  opacity:0.5;
}
.slide_dots button.active {
  opacity:1;
}



.caption {
  position: absolute;
  left: 0;
  top: 22%;
  width: 100%;
  text-align: center;
  color: #000;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}







/*==================
  2.HELPER
====================*/

.section-none {
    padding-bottom: 60px;
    padding-top: 150px;
    position: relative;
}

.section-intro-slide {
    padding-bottom: 60px;
    padding-top: 150px;
	  position: relative;
}


.section {
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative;
}

.section-small {
    padding-bottom: 30px;
    padding-top: 25px;
    position: relative;
}

.section-small-down {
    padding-bottom: 20px;
    padding-top: 80px;
    position: relative;
}


.bg-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}

.bg-info-end {
background: #38474f; /* Old browsers */
background: -moz-linear-gradient(-45deg, #435e6d 1%, #364451 76%); /* FF3.6-15 * #38474f  #2c3e50 /
background: -webkit-linear-gradient(-45deg, #435e6d 1%,#38474f 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #435e6d 1%,#364451 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435e6d', endColorstr='#364451',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-person {
background: #53cbf1; /* Old browsers */
background: -moz-linear-gradient(-45deg, #5c9ac1 1%, #30d4af 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #5c9ac1 1%,#30d4af 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #5c9ac1 1%,#30d4af 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9ac1', endColorstr='#30d4af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-person-light {
background: #f8fafc; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e8eaf4 1%, #e7eaed 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e8eaf4 1%,#e7eaed 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e8eaf4 1%,#e7eaed 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaf4', endColorstr='#e7eaed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.bg-section {
background: #e4e9ec;
}


.bg-section-projects {
background: #f7f9fa;
}







ul.content {
margin-bottom: 2rem;
}



.section-title {
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
	color: #034b78;
}

.section-title-large {
    font-size: 1.25em;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
	color: #034b78;
}

.section-title-large-department {
    font-size: 1.25em;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
}



.section-title-large-intro {
    font-size: 1.25em;
    text-transform: none;
	color: #225c9c;
}


.section-subtitle {
    letter-spacing: 0.0px;
    line-height: 1.4;
    max-width: 650px;
}

.section-subtitle-cv {
    font-weight: bold;
    line-height: 1.4;
    max-width: 650px;
margin-bottom: -1rem;
}

.section-subtitle-title {
    font-weight: bold;
    line-height: 1.4;
    max-width: 650px;
margin-bottom: 0.25rem;
}




.section-title-border {
    background-color: #034b78;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 90px;
    height: 0px;
    margin-top: -4px;
}

.text-custom {
    color: #1dc6df;
}


.text-subtitle {
	font-size: 1.0em;
    line-height: 1.4;
    margin-top: -0.45em;
}

.text-large {
	font-size: 1.25em;
    line-height: 1.4;
}

.text-large-extra {
	font-size: 1.55em;
    line-height: 1.4;
}


.text-blue {
	color: #034b78;
}



.btn {
    padding: 12px 25px;
    text-transform: none;
    font-weight: 600;
	letter-spacing: 0.02em;
}

.btn-custom-outline {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    transition: all 0.3s;
}

.btn-custom-outline:hover,
.btn-custom-outline:focus,
.btn-custom-outline:active,
.btn-custom-outline.active,
.btn-custom-outline.focus,
.btn-custom-outline:active,
.btn-custom-outline:focus,
.btn-custom-outline:hover,
.open > .dropdown-toggle.btn-custom-outline {
    color: #f3f3f3 !important;
    transition: all 0.5s;
    background-color: #000;
}


.btn-custom {
    padding: 12px 25px;
    font-weight: 600;
    color: #000;
    background-color: #FFF;
    border: 0px solid #000;
    transition: all 0.3s;
	border-radius: 2.25rem;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
.open > .dropdown-toggle.btn-custom {
    color: #f3f3f3 !important;
    transition: all 0.5s;
    background-color: #000;
}


.btn-blue {
    padding: 12px 25px;
    font-weight: 600;
    color: #FFF;
    background-color: #008ce8;
    border: 0px solid #000;
    transition: all 0.3s;
	border-radius: 2.25rem;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.focus,
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover,
.open > .dropdown-toggle.btn-custom {
    color: #f3f3f3 !important;
    transition: all 0.5s;
    background-color: #000;
}


.b {                        /* font-weight bold inline <span> text */
  font-weight: 500;
}
.n {                        /* font-weight normal for inline <span> text */
  font-weight: 400;
}




/*==================
    3.PRELOADER
====================*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 9999999;
}

#status {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}

.spinner {
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 5px solid rgba(255, 255, 255, 0.2);
    border-right: 5px solid rgba(255, 255, 255, 0.2);
    border-bottom: 5px solid rgba(255, 255, 255, 0.2);
    border-left: 5px solid #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.spinner,
.spinner:after {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*==================
    4.Navbar
====================*/

.navbar-custom {
    padding: 20px 0px;
    width: 100%;
    border-radius: 0px;
    z-index: 999;
    margin-bottom: 0px;
    transition: all 0.5s ease-in-out;
}

.navbar-custom .navbar-nav li a {
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    background-color: transparent !important;
    padding: 7px 0;
    margin: 0 7px;	text-align: center;
    transition: all 0.4s;
}

.navbar-toggler {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #ffffff;

}


.stickyadd .navbar-nav {
    margin-top: 0px;
}

.stickyadd.navbar-custom {
    margin-top: 0px;
    padding: 4px 0px;
    background-color: #000082;
    box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
    color: #000 !important;
}

.logo {
   	color: #fff !important;
    font-weight: 400;
	line-height: 23px;
}

.navbar-custom .navbar-nav li.active a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.navbar-custom .navbar-nav li.active a,
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:active {
    color: rgba(255, 255, 255, 1.0) !important;
	font-weight: 500;
}

.navbar-toggle {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #ffffff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}


/*==================
  5.HOME
====================*/

.bg-home {
    background-image: url('../images/02_home.jpg');
    background-size: cover;
    background-position: center center;
    height: 100vh;
}

.bg-home-color {
    background-image: url('../images/02_home.jpg');
    background-size: cover;
    background-position: center center;
}

.bg-home-small {
    background-image: url('../images/02_home.jpg');
    background-size: cover;
    background-position: center center;
    height: 10vh;
}


.bg-intro {
    background-color: rgba(0, 0, 0, 0.2);
	 background-image: url('../images/03_home.jpg');
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
}


.bg-intro-overlay {
  /* The image used */
  background-image: url("../images/intro_discourseflow.jpg");
  background-color: #267c8d;

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.bg-awards {
  /* The image used */
    background: url("../images/gr_Bokeh-Blur-Clean-15.jpg"), linear-gradient(160deg, #f25c52, #744289);
	background-blend-mode: multiply;
  /* Full height */

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.bg-awards-details {
  /* The image used */
    background: url("../images/gr_Bokeh-Blur-Clean-15.jpg"), linear-gradient(160deg, #95a5a6, #34495e);
	box-shadow: 0 5px 10px rgba(0,0,0,0.15), 0 6px 5px rgba(0,0,0,0.20);
	background-blend-mode: multiply;
  /* Full height */

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.color-overlay {
    box-shadow: 0 5px 10px rgba(0,0,0,0.15), 0 6px 5px rgba(0,0,0,0.20);
    background: url("../images/gr_Bokeh-Blur-Clean-15.jpg"), linear-gradient(160deg, #f25c52, #744289);
    background-size: auto auto, auto auto;
    background-blend-mode: multiply;
    background-size: 100%;

}

.home-bg-overlay {
    background-color: rgba(0, 0, 0, 0.0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.home-title {
    font-size: 80px;
}

.home-title span {
    font-weight: 800;
    letter-spacing: 0px;
}

.home-table-center {
    display: table-cell;
    vertical-align: middle;
	width: 100%;
    height: 100%;
}

.home-table {
    display: table;
    width: 100%;
    height: 100%;
}


/*----DEMO-2----*/

.slide-set {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
}


/*----DEMO-3/DEMO-4/DEMO-6---*/

.home-clip {
    clip-path: polygon(0 0, 100% 0%, 100% 88%, 0% 100%);
}


/*----DEMO-4----*/

.bg-video {
    height: 100vh;
    background-color: #000;
}


/*==================
  6.ABOUT US
====================*/

.about-desc {
    line-height: 30px;
    max-width: 500px;
}

.progress-bar {
    background-color: #000;
    height: 5px;
}


/*==================
  7.SERVICES
====================*/

.services-boxed {
    transition: all 0.5s;
}

.services-boxed:hover .services-icons,.services-boxed:hover .services-content h5 {
    color: #376eef;
}

.services-boxed .services-icons,.services-boxed .services-content h5 {
    color: #44acb0;
}


.services-boxed .services-icons {
    font-size: 42px;
    transition: all 0.5s;
}


.services-boxed .services-content h5 {
    font-size: 23px;
    font-weight: 700;
    transition: all 0.5s;
}

.services-boxed .services-content p {
    font-size: 20px;
}


/*===================
  8.TESTIMONIAL
=====================*/

.bg-client {
    background-attachment: fixed;
    background-image: url('../images/bg-client.jpg');
    background-position: center center;
    background-size: cover;
}

.client-post .testi-user-name {
    font-size: 16px;
}

.client-post .testi-user-work {
    font-size: 13px;
}


/*===================
  9.PORTFOLIO
=====================*/

.portfolio {
    overflow: hidden
}

.filter-list li a {
    padding: 8px 10px;
    cursor: pointer;
    display: block;
}

.filter-list a {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.03em;
    transition: all 0.5s;
}

.filter-list a.active,
.filter-list a:hover {
    color: #1dc6df !important;
}

.item-img {
    padding: 15px;
    position: relative;
}

.item-img-overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: rgba(29, 43, 93, .6);
    opacity: 0;
    overflow: hidden;
    transition: all .5s
}

.item-img-overlay .icon {
    position: relative;
    width: 70px;
    height: 70px;
}

.item-img-overlay .icon:before {
    content: '';
    width: 2px;
    height: 70px;
    background: #eee;
    position: absolute;
    top: 0;
    left: 50%
}

.item-img-overlay .icon:after {
    content: '';
    width: 70px;
    height: 2px;
    background: #eee;
    position: absolute;
    top: 50%;
    left: 0
}

.v-middle {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    transform: translate(0, -50%);
}

.v-middle span {
    display: inline-block;
}


.text-overlay-portfolio {
    position: relative;
    bottom: -5px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    transition: all .5s
}

.item-img-overlay .overlay-info {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    transition: all .2s
}

.item-img-overlay .overlay-info p {
    text-transform: none;
	line-height: 1.2;
}

.item-img-overlay:hover .overlay-info {
    bottom: 10px
}

.item-img:hover .item-img-overlay {
    opacity: 1
}


/*===================
    10.BLOG
=====================*/

.blog-date,
.read-more {
    font-size: 13px;
}

.blog-img {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto -20px;
    bottom: 40px;
    transition: all 0.5s;
}

.blog-title {
    font-weight: 600;
}

.blog-subtitle {
    font-size: 15px;
}

.blog-date,
.read-more {
    font-size: 12px;
}


/*======================
   11.CONTACT US
========================*/

.form-custom .form-control {
    background-color: #f3f3f3;
    border: none;
    height: 45px;
}

textarea.form-control {
    height: auto !important;
}

.contact-icon i {
    font-size: 30px;
}

.contact-detail p {

}

.contact-detail h5 {
    font-weight: 600;
}


/*======================
  12.FOOTER
========================*/

.footer {
    background-color: #334995;
}

.footer-alt p {
    font-size: 1.02em;
	    color: #8fa3ad;
		line-height: 1.25em;
}

.footer-alt ul li a {
    color: #000;
    font-size: 19px;
    transition: all 0.5s;
    padding: 10px 10px;
}

.footer-alt ul li a:hover {
    color: #1dc6df;
}


/*=====================
    13.RESPONSIVE
=======================*/

@media (min-width: 200px) and (max-width: 767px) {
    .home-title {
        font-size: 45px;
    }
    .navbar-custom {
        margin-top: 0px;
        padding: 10px 0px !important;
        background-color: #000082 !important;
        box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
        color: #fff !important;
    }
    .navbar-custom .navbar-nav li a {
        transition: all 0.4s;
        color: #fff !important;
        margin: 0px;
    }
    .navbar-custom>.container {
        width: 90%;
    }
    .navbar-custom .navbar-nav li.active a {
        border-color: transparent;
    }
    .navbar-nav {
        margin-top: 0px;
    }
    .navbar-toggler {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #ffffff;
    }


	.caption {
  position: absolute;
  left: 0;
  top: 15%;
  text-align: center;
  color: #000;
  margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}

.full-height {
  height: 160%;
}


}