/*-----------------------------------------------------------------------------------*/
/*	0. RESET
/*-----------------------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline
}

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

/*-----------------------------------------------------------------------------------*/
/*	1. GENERAL
/*-----------------------------------------------------------------------------------*/

body {
  background: #fff;
  width: 100% !important;
  height: 100% !important;
  font-family: 'Dosis', sans-serif;
  font-weight: 300;
  color: #737373;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}


body .body {
	height: 100%;
}
body #body-container {
	height: 100%;
}


html {
    width: 100%;
    height: 100%;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0; }

.clear {
  clear: both;
}

p {
    margin: 0 0 15px;
}

body img {
  border: none;
  max-width: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.link-effect {
    position: relative;
}
.link-effect:hover {
    color: #471A6D2

}
.link-effect:after {
    width: 0;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    background-color: #71A6D2;
    transition: all 0.3s ease-out;
    content: "";
}
.link-effect:hover:after {
    width: 100%
}

.lined {
    overflow: hidden;
    position: relative;
    display: table;
    padding: 0 150px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

.lined span::after, .lined span::before {
    border-top: 4px solid #008ad2;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.lined span {
    background-color: #fff;
    padding: 0 20px;
    display: table;
}

@media (max-width: 991px) {
  .lined {
    padding: 0 70px;
   }
}


/*-----------------------------------------------------------------------------------*/
/*	INTRO
/*-----------------------------------------------------------------------------------*/
.intro {
    display: table;
    width: 100%;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../tlo-dziewczyny2.jpg) no-repeat center scroll;
    background-color: #000;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
    height: 100% !important;
    z-index: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro a {
    color: #fff; }
.intro a:hover {
      color: #ccc;
      text-decoration: none;
}

 #slogan{
  display: table-cell;
  position: relative;
  vertical-align: middle;
  z-index: 200;
 }

 #slogan h1 {
    font-size: 120px;
    left: 0;
    letter-spacing: 3px;
    line-height: 1.2;
    margin-bottom: 20px;
    padding-top: 350px;
   text-shadow: 1px 1px #000;
}

#slogan span.line2 {
    margin: 0 auto;
    background: #01458E;
    color: white;
    font-size: 25px;
    font-weight: 400;
    text-transform: none;
    line-height: 2;
    padding: 4px 30px;
    letter-spacing: 2px;
}

@media (max-width: 991px) {
 #slogan h1 {
    font-size:95px;
    }
}

@media (max-width: 767px) {
 #slogan h1 {
    font-size:65px;
    }
#slogan span.line2 {
    font-size: 17px;
}
}

@media (max-width: 560px) {
 #slogan h1 {
    font-size:50px;
    }
}

@media (max-width: 440px) {
 #slogan h1 {
    font-size:35px;
    }
}

@media (max-width: 350px) {
 #slogan h1 {
    font-size:30px;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	10. INTRO HALF
/*-----------------------------------------------------------------------------------*/

.page-title {
    position: relative;
    background-position: center center;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.title-holder {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}


.title-text {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.title-text h1 {
   font-size: 48px;
   padding-top: 176px;
   text-shadow: 1px 1px #000;
}

.page-title .container {
  height: 340px;
}

@media (max-width: 991px) {
 .title-text h1 {
  padding-top:70px;
  font-size: 36px;
}

.page-title .container {
  height: 200px;
}
}



.breadcrumb {
  padding:0px;
  background-color: transparent;
}

.breadcrumb-outer .breadcrumb {
    margin-bottom: 0px;
    font-size: 14px;
}

.breadcrumb-navigation {
    border-bottom: 1px solid #ececec;
    padding: 15px 0;
}


.below-navigation {
    margin-top: 120px;
}
.clear-both {
    clear: both;
}


.post-title {
    padding: 40px 0;
}




.sidebar-style2 .widget {
    border: 1px solid rgba(0,0,0,.1);
    position: relative;
    
}

.sidebar-style2 h5 {
    text-align: center;
    top: -10px;
    position: absolute;
    left: 0;
    right: 0;
}


.sidebar-style2 .title-border span {
    background: #fff;
    padding: 0 20px;
    display: inline-block;
}



.post-date {
    position: absolute;
    top: 40px;
    left: 10px;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0,0,0,.1);
    z-index: 2;
    display: inline-block;
    min-width: 53px;
    text-align: center;
}


.post-day {
    padding-top: 4px;
    font-size: 24px;
}
.post-day, .post-month {
    display: block;color: #1B1919;
}



.section-wrap {
  padding: 40px 0;
  overflow: hidden;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat:
  no-repeat;
}


.result-box .timer {
  display: block;
  font-size: 60px;
  color: #fff;
  margin: 0 0 0px;
  font-family: "Montserrat", sans-serif;
}

.counter-text {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/*	2. NAVBAR
/*-----------------------------------------------------------------------------------*/


.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: rgba(0,0,0,0.1);
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li a.active {
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li a.active:hover {
    color: #fff;
}

@media(min-width:768px) {
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;

        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #008ad2;
    }
}

@media screen and (max-width:353px){
	.navbar .main-logo {
		width: 200px;
		height: 41px;
		background-size: 200px 41px;
		
	}
	
}

.navbar-brand{
 height:80px;
}

.nav{
 padding-top:15px;
}

.navbar-toggle{
 padding:19px 20px;
 color:#fff;

}




/*-----------------------------------------------------------------------------------*/
/*	3. ZOOM IMAGE
/*-----------------------------------------------------------------------------------*/


.image-row {

    overflow:hidden;
}

.image-row img {
    -webkit-transition: all 1s ease-in-out; /* Safari and Chrome */
    transition: all 1s ease-in-out;
}

.image-row:hover img {
    -webkit-transform:scale(1.1); /* Opera and Safari and Chrome */
    -ms-transform:scale(1.1); /* IE 9 */
    transform:scale(1.1);
}


.image-row .overlay {
    width: 100%;
    height: 100%;
    opacity: 0;
 }


/*-----------------------------------------------------------------------------------*/
/*	6. FOOTER
/*-----------------------------------------------------------------------------------*/


.footer {
    background-color: #008ad2;
    width:100%;
}

.footer-widgets .widget-title h4 {
    margin-bottom: 24px;
    color: #FFF;
}

.bottom-footer {
    background-color: #eff2f4;
    color:#272727;
    padding: 15px 0px;
    font-size: 14px
}


.widget-title h4{
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(239, 242, 244, 0.2);
}

.widget-title{
    color: #fff;
}

.main-footer{
    padding: 20px 0px 20px;
}

@media (min-width: 992px) {
    .main-footer img,.site-logo img { max-width:220px; }   }

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer img,.site-logo img { max-width:220px; } }
@media (min-width: 481px) and (max-width: 767px) {
    .main-footer img { max-width:220px; }
.site-logo img { max-width:200px; }
}

@media (max-width: 480px) {
.main-footer img { max-width:220px; }
.site-logo img { max-width:150px; }
}



.widget-title .iso{
  font-size:20px;      	
  color: #fff;
  font-weight:400;
  padding-top:20px;
  padding-bottom:10px;

}


@media (max-width: 991px) {
  .logo-footer, .iso {
    text-align: center;
    padding-bottom:20px;
  }

}

.footer-socials{
 text-align:right;
}

.contact{
  padding-top:10px;
  padding-bottom:10px;
  display:table;
  color:#f2f2f2;
}

.contact .footer-addr{
  width:100%;
  display:table-row;

}

.contact .footer-addr .footer-text{
 width:90%;
 float:right;
 display:table-cell;
}

.contact .footer-addr .footer-icon{
 width:10%;
 font-size:14px;
 float:left;
 display:table-cell;

}


.contact a{
  color: #71A6D2;
}

.contact a:hover{
  color: #eff2f4;
  text-decoration:none;
}



/*-----------------------------------------------------------------------------------*/
/*	01. RESPONSIVE VIDEO
/*-----------------------------------------------------------------------------------*/


 .js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.js-video.widescreen {
  padding-bottom: 56.34%;
}

.js-video.vimeo {
  padding-top: 0;
}


.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/*-----------------------------------------------------------------------------------*/
/*	01. SCROLL TO TOP
/*-----------------------------------------------------------------------------------*/

#back-to-top {
  display: block;
  z-index: 500;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 22px;
  position: fixed;
  bottom: -40px;
  right: 20px;
  line-height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #fff;
  text-decoration: none;

   box-shadow: 1px 1.732px 16px 0px rgba(0, 0, 0, 0.16), 1px 1.732px 5px 0px rgba(0, 0, 0, 0.12);
}

#back-to-top i {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#back-to-top a {
  width: 40px;
  height: 40px;
  display: block;
  color: #333333;
}

#back-to-top.show {
  bottom: 60px;
}

#back-to-top:hover {
  background-color: #333333;
}

#back-to-top:hover i {
  color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	7. MOUSE SCROLL
/*-----------------------------------------------------------------------------------*/

.scroll-btn .mouse {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 57px;
    margin: 0 auto 5px;
    border: 2px solid #18191B;
    border-radius: 24px;
    opacity: .6;
}

.scroll-btn .weel {
    position: relative;
    display: inline-block;
    height: 22px;
    margin: 10px auto 5px;
}

.scroll-btn .weel span {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 8px;
    height: 12px;
    margin: -10px 0 0 -4px;
    background: #18191B;
    border-radius: 20px;
    -webkit-animation: scroll 2s linear infinite;
    -moz-animation: scroll 2s linear infinite;
    animation: scroll 2s linear infinite; }

@-webkit-keyframes scroll {
  1% {
    opacity: 1;
    top: 30%; }
  20% {
    opacity: 1;
    top: 80%; }
  60% {
    opacity: 0;
    top: 80%; }
  100% {
    opacity: 0;
    top: 30%; } }
@-moz-keyframes scroll {
  1% {
    opacity: 1;
    top: 30%; }
  20% {
    opacity: 1;
    top: 80%; }
  60% {
    opacity: 0;
    top: 80%; }
  100% {
    opacity: 0;
    top: 30%; } }
@keyframes scroll {
  1% {
    opacity: 1;
    top: 30%; }
  20% {
    opacity: 1;
    top: 80%; }
  60% {
    opacity: 0;
    top: 80%; }
  100% {
    opacity: 0;
    top: 30%; } }


.mouse {
    height: 30px;
    width: 20px;
    border-radius: 10px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

#scrollMouse {
    margin-top: -80px;
    position: absolute;
    left: 50%;
}

.wheel {
    height: 8px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative;
}

/*-----------------------------------------------------------------------------------*/
/*	9. SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/


@media (max-width: 767px) {
  .copyright, .bip {
    text-align: center;
  }
  .copyright span {
    line-height: 1.5;
  }

}



.main-footer{
    padding: 20px 0px 20px;
}

.bottom-footer {
    background-color: #eff2f4;
    color:#555;
    padding: 15px 0px;
    font-size: 14px
}

.icon-small li i {
    font-size: 14px;
}

.social-icon li{
	display:inline-block;
	margin-left:5px;
	padding:0;
	font-size:18px;
	
}

.social-icon{
	display:block
}

.social-icon li:first-child{
	margin-left:0;
	padding-left:0
}

.social-icon li:last-child{
	margin-right:0;
	padding-right:0
}
.social-icon li{

    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.social-icon.icon-small li i{
	line-height:30px
}
.social-icon li i{
	line-height:40px
}
.social-icon.icon-circle li{
     border-radius: 50%;
}

.social-icon.icon-small li{
    width: 30px;
    height: 30px;
}

.social-icon.icon-colored li.li-facebook{
	background-color:#365493;

}

.social-icon.icon-colored li.li-snapchat{
	background-color:#FFFC00;

}


.social-icon.icon-colored li.li-twitter{
	background-color:#3CF
}

.social-icon.icon-colored li.li-googleplus{
	background-color:#d44132
}

.social-icon.icon-colored li.li-instagram{
	background-color:#774430
}
.social-icon.icon-colored li.li-youtube{
	background-color:#cd201f;

}
.social-icon.icon-colored li.li-youtube a{
       color:#fff;
}
.social-icon li a{
       color:#000;
}
.social-icon.icon-colored li a{
	color:#fff;
	position:relative;
	width:100%;
	display:inline-block
}




.social-icon li:hover a{
	color:#eeeeee;
}
.social-icon.icon-colored li:hover{
	opacity:.8

}

.bottom-footer .col-right{
	
	vertical-align:middle;
	text-align:right
}


@media (max-width: 767px) {
.bottom-footer .social-icon{
	text-align:center;
	margin-top:7px;
	}
}

.share-socials .social-icon{
  float: right;
  margin-top: 0;
}


.entry-tags span {
    float: left;
}
.entry-tags span, .entry-share span {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 32px;
}


/*-----------------------------------------------------------------------------------*/
/*	Tags
/*-----------------------------------------------------------------------------------*/

.entry-tags a {
  font-size: 11px;
  color: #a7a7a7;
  background-color: #fff;
  display: inline-block;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 26px !important;
  margin: 0 5px 9px 0;
  padding: 0 10px;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.entry-tags a:hover {
  background-color: #008ad2;
  color: #fff !important;
}

/*-----------------------------------------------------------------------------------*/
/*	01. OWL CAROUSEL
/*-----------------------------------------------------------------------------------*/


.owl-stage-outer .owl-stage .owl-item a img {
-webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.owl-stage-outer .owl-stage .owl-item a:hover img{
filter:none;
	-webkit-filter:grayscale(0)
}



.testimonial-text {
    cursor: grab;
}

 .testimonials.style-2 .testimonial span {
  color: #ababab;
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
}

.testimonials.style-2 .testimonial-text {
  margin: 10px 0 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: italic;
}



#section3 .fa {
    font-size: 60px;
}


.owl-dots {
  position: static;
  margin-top: 30px;
}

.owl-dot span {
  border-color: #a7a7a7;
}

.owl-dot.active span {
  background-color: #7a7a7a;
  border-color: #7a7a7a;
}


.owl-dot {
  display: inline-block;
  padding: 6px 6px;
  position: relative;
}

.owl-dot span {
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  opacity: 0.8;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: transparent;
  z-index: 100;
  border: 2px solid #a7a7a7;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.owl-dot span:hover {
  opacity: 1;
}

.owl-controls .owl-dot.active span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0;
}

.owl-next:hover i,
.owl-prev:hover i {
  color: #bfa67a;
}



 /*-----------------------------------------------------------------------------------*/
/*	01. SECTION
/*-----------------------------------------------------------------------------------*/
#section-1 {
	background: url(../images/tlo-akademia1.jpg) center no-repeat;
	background-size: cover;
	height: 100%;
	padding: 0;
}




/*-----------------------------------------------------------------------------------*/
/*	8. COOKIE POLICY
/*-----------------------------------------------------------------------------------*/


#cookie-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    line-height: 20px;
    font-size: 11px;
    background: rgba(0,0,0,0.9);
    border-top: 1px solid #000;
    color: #ddd;

}

#cookie-bar #cookie-policy {
    padding: 10px 110px 10px 15px;
}

#cookie-bar .cookie-close {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 70px;
    cursor: pointer;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    background: #ddd;
    border: 2px solid #000;
    color: #000;
}



.image-row .overlay { width: 100%; height: 100%; padding: 0 10%; position: absolute; top: 0; left: 0; text-align: center; background: #333; background: rgba(11,31,55,0.4); z-index: 4; color: #fff; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.image-row .overlay * { position: relative; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.image-row .overlay h4 { margin: 40px 0 12px 0; padding: 0 30px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.450em; font-family: 'avenir-bold'; top: -200px; }
.image-row .overlay p { margin: 0 0 20px 0; font-size: 13px; line-height: 1.250em; top: -300px; }
.image-row .overlay > .price { margin: 0 auto 30px auto; padding: 4px 6px 0 6px; border-top: 1px #fff solid; border-top-color: rgba(255,255,255,0.6); font-size: 25px; letter-spacing: 2px; display: inline-block; z-index: 2; text-transform: uppercase; font-family: 'avenir-bold'; top: -400px; }
.image-row .overlay > .price sup { margin: 10px 0 5px 0; display: block; text-align: center; font-size: 11px; letter-spacing: 1px; top: 0; }
.image-row .overlay > .price sup.old { text-decoration: line-through; }
.image-row .overlay .btn { width: 150px; margin: 0 auto; padding: 11px 0 14px 0; border: 2px #fff solid; font-size: 18px; font-family: Georgia, serif; font-style: italic; text-align: center; display: block; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-decoration: underline; bottom: -200px; }
.image-row .overlay .btn:hover { background: rgba(255,255,255,0.3); text-decoration: none; }
.col:hover .image-row .overlay { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.col:hover .image-row .overlay h4, .productFeature .columns .col:hover .image .overlay p, .productFeature .columns .col:hover .image .overlay .price { top: 0; }
.col:hover .image-row .overlay .btn { bottom: 0; }


.image-row{
    width:100%;
   overflow:hidden;
   position:relative;
}


.col .image-row > .image-title {
    padding: 0px 15px 15px 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 25px;
    text-align: right;
    display: block;
    color: #FFF;
    z-index: 2;
    text-shadow: 1px 1px 2px #000, 0px 0px 0.5em #000, 0px 0px 0.2em #000;
}

.caption {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}




/*-----------------------------------------------------------------------------------*/
/*	0. BUTTONS
/*-----------------------------------------------------------------------------------*/

.btn-dark {
    border: 2px solid #18191B;
    background-color: #18191B;
    color: #fff !important;
}

.btn:hover {
  opacity: 0.65;
}


.section-wrap .form-control{
    padding: 10px 16px;
    font-size: 16px;
    height: 40px;
    border-radius: 0 !important;
}
.section-wrap .btn{
    font-size: 14px !important;
    border-radius: 0 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.section-wrap .btn-dark{
    border: 2px solid #01458E;
    background-color: #01458E;
    color: #fff !important;
}

.border-top-mid{
    border-top: 1px solid rgba(0,0,0,.1);
}