/*!

 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



/* Global Styles */



html,

body {

    height: 100%;

}



body {

    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */

}



.img-portfolio {

    margin-bottom: 30px;

}



.img-hover:hover {

    opacity: 0.8;

}



.img-responsive{

	margin-bottom:20px;

}



/* Home Page Carousel */



header.carousel {

    height: 50%;

}



header.carousel .item,

header.carousel .item.active,

header.carousel .carousel-inner {

    height: 100%;

}



header.carousel .fill {

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: cover;

}



.carousel-caption {

	color:#fff;

	text-align: center;

	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);

	background:rgba(0,0,0, 0.4);

}



.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    cursor: pointer;

    background-color: transparent;

    border: 1px solid #16DD5C;

    border-radius: 10px;

}



.carousel-indicators .active {

    width: 12px;

    height: 12px;

    margin: 0px;

    background-color: #16DD5C;

}



.page-header {

    padding-bottom: 9px;

    margin: 70px 0px 20px;

    border-bottom: 1px solid #eee;

}



.page-headermob {

	font-size:24px;

    padding-bottom: 5px;

    margin: 20px 0px 20px;

    border-bottom: 1px solid #eee;

}



.panel-body {

	margin-top:-10px;

    padding-top: 5px;

}





/* 404 Page Styles */



.error-404 {

    font-size: 100px;

}





.footer {

	background:#eee;

	padding:20px;

	color:#3fa833;

}



/* Pricing Page Styles */



.price {

	margin-top:10px;

	margin-bottom:10px;

	border-bottom:1px solid #eee;

	font-family: 'aller_lightregular';

	color:#3fa833;

    display: block;

    font-size: 30px;

    line-height: 36px;

}



.price sup {

	margin-bottom:10px;

    top: -20px;

    left: 2px;

    font-size: 16px;

}



.period {

	font-size:14px;

	margin-top:10px;

	

	font-family: 'allerbold_italic';

    display: block;



}



.duration {

	text-align:left;

	padding-left:10px;

	margin:-1px 0px 10px 0px;

	font-family: 'aller_lightregular';

	border:1px solid #3fa833;

	border-radius:0px 0px 5px 5px;

	color:#3fa833;

    display: block;

    font-size: 16px;





}



.stopno {

	text-align:center;

	padding:0px 0px 2px 1px;

	margin:0px 0px 5px 0px;

	font-family: 'aller_lightregular';

	border-radius:30px;

	background:#3fa833;

	color:#fff;

    display: block;

    font-size: 16px;

    line-height: 30px;



}



.dtext {

	margin:-5px 0px 2px 0px;

	font-size:12px;

	text-align:center;

	font-family: 'aller_lightitalic';

    display: block;

    color:#fff;

	background:#3fa833;



}



.timetab {

	text-align:center;

	font-size:12px;

	line-height:12px;

	margin:0px 0px 5px 0px;

	padding:3px;

	color:#fff;

	background:#3fa833;

}



.periodtt {



	font-size:18px;

	color:#3fa833;

	margin-top:10px;

	margin-bottom:20px;

	font-family: 'allerbold_italic';

    display: block;



}



.periodttmob {

	margin-top:5px;

	font-size:14px;

	color:#3fa833;

	margin-top:0px;

	

	font-family: 'allerbold_italic';

    display: block;



}



.service{

	font-size:24px;

	font-family: 'allerbold';

	

}



/* Footer Styles */



footer {

    margin: 50px 0;

}



/* Responsive Styles */



@media(max-width:991px) {

    .customer-img,

    .img-related {

        margin-bottom: 30px;

    }

}



@media(max-width:767px) {

    .img-portfolio {

        margin-bottom: 15px;

    }



    header.carousel .carousel {

        height: 70%;

    }

}



.navbar-inverse {

	background: white;

	border-color: #eee;

	

	

}



.navbar-inverse .navbar-brand {

	margin-top:5px;

    font-family: 'allerbold_italic';

    color: white;

    background:#3fa833;

    border-radius:10px 0px 10px 0px;

    font-size:21px;

    

    

}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    color: rgb(255, 255, 255);

    background-color: #3fa833;

}



navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

    color: rgb(255, 255, 255);

    background-color: rgb(8, 8, 8);

}



.dropdown-menu {

    font-size: 18px;

    text-align: left;

    list-style: none outside none;

}



.navbar-inverse .navbar-nav > li > a {

	margin-top:5px;

	border-bottom: 3px solid #3fa833;

	font-size:21px;

    font-family: 'aller_lightregular';

    color: black;

}

.navbar-fixed-top {

    top: 0px;

    border-width: 0px 0px 15px;

}



.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #3fa833;



}



.btn-default {

    color: black;

    background-color: #16DD5C;

    border-color: #cbcbcb;

}



p.timetable{

	font-size:24px;

	}

	

p.timetablestop{

	margin-top:20px;

	font-family: 'aller_lightregular';

	font-size:24px;

	margin:0px 0px 0px 0px;

	}

	

p.timetablemob{

	font-family: 'aller_lightregular';

	font-size:16px;

	margin-bottom:15px;

	}

	

p.timetablestopmob{

	font-family: 'allerbold';

	font-size:16px;

	margin-bottom:10px;

	}

	

	p.timetabletab{

	font-family: 'aller_lightregular';

	font-size:16px;

	margin-bottom:0px;

	}

	

	p.timetabletabline{

	text-align:center;	

	font-family: 'allerbold';

	font-size:14px;

	margin:0px -15px 15px 0px;

	padding:0px 15px 0px 0px;

	border-right:1px solid #3fa833; 

	}

	

	p.timetabletabnoline{

	text-align:center;	

	font-family: 'allerbold';

	font-size:14px;

	margin:0px -15px 15px 0px;

	padding:0px 15px 0px 0px;



	}

	

.map {

	margin:10px 0px 0px 0px;

}

	

p.timetablestoptab{

	font-family: 'allerbold';

	font-size:16px;

	margin-bottom:10px;

	}

	

	.line{

		border-bottom:1px solid #3fa833;

		height:1px;

		margin:0px 15px 0px 15px;

	}

	

p.tabmob{

	font-size:12px;

}



h2{

	font-family: 'allerbold';

	}

	

body {

    font-family: 'allerregular';

    font-size: 16px;

    line-height: 1.42857;

    color: #333;

}



.intro{

	font-family: 'aller_lightregular';

    font-size:18px;

    line-height: 1.42857;

    color: #333;

}



.panel-default > .panel-heading {

    color: #333;

    background-color: #F5F5F5;

    border-color: #DDD;

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    color:  #fff;

    cursor: default;

    background-color: #3fa833;

    border-width: 1px;

    border-style: solid;

    border-color: #DDD #DDD transparent;

    -moz-border-top-colors: none;

    -moz-border-right-colors: none;

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    border-image: none;

}



.nav-tabs.nav-justified > li > a {

    border-bottom: 1px solid #DDD;

    border-radius: 4px 4px 0px 0px;

}



a {

    color: #555;

    text-decoration: none;

}





#con .well {

    height:400px;

}



#nav.affix {

    position: fixed;

    top: 0;

    width: 100%

}



.nav {

    padding-left: 0px;

    margin-bottom: 0px;

    list-style: none outside none;

    background:#fff;

}



.navtt {

	padding-left: 0px;

    margin-bottom: 0px;

    list-style: none outside none;

    background:#fff;

	margin-top:10px;

}

/* bootstrap 3 helpers */



.navbar-form input, .form-inline input {

	width:auto;

}



header {

	height:280px;

    background-color:#eee;

}



#navtt.affix {

    position: fixed;

    top: 0;

    width: 100%;

    z-index:10;

}





@font-face {

    font-family: 'allerbold';

    src: url('fonts/aller_bd-webfont.eot');

    src: url('fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/aller_bd-webfont.woff2') format('woff2'),

         url('fonts/aller_bd-webfont.woff') format('woff'),

         url('fonts/aller_bd-webfont.ttf') format('truetype'),

         url('fonts/aller_bd-webfont.svg#allerbold') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'aller_lightitalic';

    src: url('fonts/aller_ltit-webfont.eot');

    src: url('fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/aller_ltit-webfont.woff2') format('woff2'),

         url('fonts/aller_ltit-webfont.woff') format('woff'),

         url('fonts/aller_ltit-webfont.ttf') format('truetype'),

         url('fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'allerregular';

    src: url('fonts/aller_rg-webfont.eot');

    src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/aller_rg-webfont.woff2') format('woff2'),

         url('fonts/aller_rg-webfont.woff') format('woff'),

         url('fonts/aller_rg-webfont.ttf') format('truetype'),

         url('fonts/aller_rg-webfont.svg#allerregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'allerbold_italic';

    src: url('fonts/aller_bdit-webfont.eot');

    src: url('fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/aller_bdit-webfont.woff2') format('woff2'),

         url('fonts/aller_bdit-webfont.woff') format('woff'),

         url('fonts/aller_bdit-webfont.ttf') format('truetype'),

         url('fonts/aller_bdit-webfont.svg#allerbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'aller_lightregular';

    src: url('fonts/aller_lt-webfont.eot');

    src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/aller_lt-webfont.woff2') format('woff2'),

         url('fonts/aller_lt-webfont.woff') format('woff'),

         url('fonts/aller_lt-webfont.ttf') format('truetype'),

         url('fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;



}