html,
body {
    height: 100%;
}

.btn{
	border-radius: 0;
}
.btn-primary {
	background-color: #1a97a9;
	border-color: #1a97a9;
}
.btn-primary:hover, 
.btn-primary:focus,
.btn-primary.focus{
    background-color: #1a97a9;
    border-color: #1a97a9;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
@media (max-width: 460px){
	.footer {
		height: 100px;
	}
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

#navbar{
	/*background-color: #46acb8;*/
	background-color: rgba(173,177,180, 0.9);
	border: none;
	color: #4f5054;
	min-height: 70px;
	box-shadow: rgba(0, 0, 0, 0.55) 0px 5px 10px -2px;
}
#navbar .navbar-toggle{
	background-color: #1a97a9;
	border: 0;
	border-radius: 0;
}
#navbar.navbar-inverse .navbar-nav > li > a{
	color: #4f5054;
	font-size: 16px;
}
#navbar .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}
#navbar.navbar-inverse .navbar-nav > .active > a, 
#navbar.navbar-inverse .navbar-nav > .active > a:hover, 
#navbar.navbar-inverse .navbar-nav > .active > a:focus{
	background-color: #1a97a9;
	color: #ffffff;
}

#navbar .navbar-nav > li > ul{
	list-style: none;
	padding: 10px 20px;
	margin: 0;
	position: absolute;
	background-color: rgba(173,177,180, 0.9);
	border: none;
	box-shadow: rgba(0, 0, 0, 0.55) 0px 5px 10px -2px;
	white-space: nowrap;
	transform: translateX(-30%);
	visibility: hidden;
	opacity: 0;
}
#navbar .navbar-nav li:hover > ul{
	visibility: visible;
	opacity: 1;
	transition: all 0.6s ease;
}
#navbar .navbar-nav li > ul::before {
    position: absolute;
    top: -20px;
    left: 43%;
    content: "";
    z-index: 1;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #4f5054;
    border-top: 10px solid transparent;
}
#navbar .navbar-nav > li > ul > li {
	padding: 10px 10px;
	font-size: 16px;
	border-top: 1px solid #4f5054;
	text-align: center;
}
#navbar .navbar-nav > li > ul > li:first-child{
	border: none;
}
#navbar .navbar-nav > li > ul > li > a{
	color: #4f5054;
	text-align: center;
}
#navbar .navbar-nav > li > ul > li > a:hover{
	text-decoration: none;
}
#navbar.navbar-inverse .navbar-brand {
    color: #ffffff;
}

#home-slider{
	position: relative;
	overflow: auto;
}

#main-slider{
	width: 100%;
	margin: 0;
	float: right;
	padding: 0;
	display: block;
}
@media (max-width: 767px){
	#main-slider{
		margin-top: 70px;
	}
	#navbar .navbar-nav > li > ul{
		display: none;
	}
}
#main-slider img{
	width: 100%;
	position: relative;
}
#main-slider .text{
	position: absolute;
	bottom: 30vh;
	left: 10vw;
	width: 30vw;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 40px;
	text-align: center;	
	font-size: 20px;
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
}
@media (max-width: 767px){
	#main-slider .text{
		bottom: 10vh;
		left: 5vw;
		width: 80vw;
		padding: 15px;
		font-size: 16px;
	}
}
#main-slider .active .text{
	opacity: 1;
}

.services{
	padding-top: 50px;
	padding-bottom: 30px;
}
.services .col-md-4{
	padding-bottom: 20px;
}
.services a{
	color: #333333;
}
.services a:hover{
	text-decoration: none;
}
.services a:hover .service-text{
	background-color: #eeeff0;
}
.service-icon{
	width: 100%;
	text-align: center;
}
.service-icon img{
	padding: 25px 0 25px 0;
}
.accounting .service-icon{
	background-color: #c77335;
}
.finance .service-icon, 
.pension .service-icon{
	background-color: #a7b43e;
}
.ensurance .service-icon{
	background-color: #4f5054;
}
.education .service-icon{
	background-color: #c77335;
}
.service-text{
	text-align: center;
	width: 100%;
	padding: 40px 20px 10px 30px;
	background-color: #f6f7f7;	
	overflow: hidden;
}
.service-text h3{
	margin-bottom: 25px;
	border-bottom: 1px solid;
	padding: 0 0 15px 0;
	border-color: #c5c8ca;
}
.service-text p{
	height: 100px;
}
.accounting a:hover .service-text h3, 
.education a:hover .service-text h3{
	border-color: #c77335;
}
.finance a:hover .service-text h3,
.pension a:hover .service-text h3{
	border-color: #a7b43e;
}
.ensurance a:hover .service-text h3{
	border-color: #4f5054;
}
.service-text .pull-right{
	font-size: 20px;
	padding: 10px 20px;
	color: #ffffff;
	margin-right: -20px;
	margin-bottom: -10px;
	background-color: #adb1b4;
	transition: background-color 0.5s ease-in-out;
}
.services .accounting  a:hover .service-text .pull-right,
.services .education  a:hover .service-text .pull-right{
	background-color: #c77335;
}
.services .finance a:hover .service-text .pull-right,
.services .pension a:hover .service-text .pull-right{
	background-color: #a7b43e;
}
.services .ensurance a:hover .service-text .pull-right{
	background-color: #4f5054;
}
@media (max-width: 767px){
	.services .col-md-4{
		padding-bottom: 0;
	}
	.service-icon img{
		padding: 0;
	}
	.service-text{
		padding: 20px 20px 10px 30px;
		margin-bottom: 20px;
	}
}

.contact-us{
	background: url(../img/contact.jpg) 100% 80% repeat-y fixed;
	height: auto;
	position: relative;
	z-index: 1;
}
.contact-us h2{
	padding: 10px 0 0 30px;
}
.contact-us span{
	width: 50%;
	margin-left: 30px;
	height: 1px;
	background: #c77335 none repeat scroll 0% 0%;
	display: block;
}
.contact-us div{
	padding: 30px 15px 30px 30px;
}
.contact-us ul, 
.site-contact ul{
    padding: 16px 0px 16px 30px;
    list-style: none;
}
.contact-us ul li,
.site-contact ul li{
	padding: 10px 0;
	font-size: 16px;
}
.contact-us ul li i,
.site-contact ul li i{
	color: #1a97a9;
	margin-right: 20px;
	font-size: 26px;
}

.footer{
	background: #4f5054;
	border-top: 4px solid #ffffff;
	color: #ffffff;
}

.site-about, .site-services, .site-prices {
	margin-top: 100px;
	margin-left: 40px;
	margin-right: 40px;
}
.site-about img{
	width: 100%;
}

.site-about .about-text{
	padding: 10px;
}

@media (min-width: 750px){
	.site-about .about-text{
		font-size: 16px;
		padding: 10vh 40px;
	}
}
.site-about .row, 
.site-login .row{
	margin-top: 60px;	
	margin-bottom: 20px;
}
.site-login .row{
	padding-left: 20px;
}
.site-login .form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}
.site-about .member{
	padding: 30px 20px;
	margin: 120px -5px 50px -5px;
	text-align: center;
	color: #ffffff;
}
.site-about .accounting{
	background-color: #c77335;
}
.site-about .finance{
	background-color: #a7b43e;
}
.site-about .ensurance{
	background-color: #4f5054;
}
.site-about .member-img{
	position: relative;
	margin-top: -130px
}
.site-about .member-img img{
	width: 60%;
}
.site-about .member-text{
	margin-top: 30px;
}
.site-about .member-text h6{
	color: #b8b9ba;
}
.site-about .member-text p{
	padding-top: 20px;
	color: #ededed;
}

.site-services section{
	margin: 60px 0;
	position: relative;
	padding: 20px 0 0 0;
}
.site-services section .section-header{
	color: #ffffff;
	width: 150px;
	text-align: center;
	font-size: 16px;
	height: 150px;
	position: absolute;
	z-index: 1;
	top: -40px;
	left: 20px;
	box-shadow: rgba(0, 0, 0, 0.55) 0px 5px 5px -2px;
}
.site-services section .section-header .header-img{
	width: 100px;
	margin: 0 25px;
}
.site-services section .section-header .header-img img{
	max-width:100%;
}
#accounting .section-header,
#education .section-header{
	background-color: #c77335;
}
#finance .section-header,
#pension .section-header{
	background-color: #a7b43e;
}
#ensurance .section-header{
	background-color: #4f5054;
}
.site-services section .img-container img{
	width: 100%;
}
@media(max-width:768px){
	.site-services section,
	.site-prices section{
		margin: 0;
		padding: 0;
	}
	.site-services section .section-header,
	.site-prices section .section-header{
		display: none;
	}
}
@media (min-width: 750px){
	.site-services .desc{
		font-size: 16px;
		padding: 10vh 0 0 15px;
	}
	.site-prices .desc{
		font-size: 16px;
	}
	.site-prices .tabs-index{
		margin: 20px 0 0 0;
	}
	.site-prices .tabs-index .nav-tabs{
		display: flex;
	}
	.site-prices .tabs-index .nav-tabs li {
		display: flex;
		flex: 1;
	}
	.site-prices .tabs-index .nav-tabs.nav-justified > li > a {
		flex: 1;
	}
}
.site-services #accounting, 
.site-services #education,
.site-prices #accounting, 
.site-prices #education{
	border-top: 3px solid #c77335;
}
.site-services #finance,
.site-services #pension,
.site-prices #finance,
.site-prices #pension{
	border-top: 3px solid #a7b43e;
}
.site-services #ensurance,
.site-prices #ensurance{
	border-top: 3px solid #4f5054;
}
.site-services .glyphicon-pencil,
.site-prices .glyphicon-pencil{
	font-size: 18px;
    float: right;
    position: absolute;
    top: -30px;
    color: #1a97a9;
}
.site-prices .glyphicon-pencil{
	position: relative;
}
.site-prices .tabs-index .nav-tabs.nav-justified > li > a {
	font-size: 18px;
	border-top: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	border-bottom: 0;
    border-radius: 10px 10px 0 0;
	color: #ffffff;
}
.site-prices .tabs-index .nav-tabs.nav-justified > li > a.accounting,
.site-prices .tabs-index .nav-tabs.nav-justified > li > a.education  {
	background-color: #ddab85;
}
.site-prices .tabs-index .nav-tabs.nav-justified > li > a.finance,
.site-prices .tabs-index .nav-tabs.nav-justified > li > a.pension {
	background-color: #cad28b;
}
.site-prices .tabs-index .nav-tabs.nav-justified > li > a.ensurance {
	background-color: #959698;
}
.site-prices .tabs-index .nav-tabs > li > a:hover {
    border: none;
}
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.accounting, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.accounting:hover, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.accounting:focus,
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.education, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.education:hover, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.education:focus {
	background-color: #c77335;
}
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.finance, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.finance:hover, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.finance:focus ,
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.pension, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.pension:hover, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.pension:focus{
	background-color: #a7b43e;
}
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.ensurance, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.ensurance:hover, 
.site-prices .tabs-index .nav-tabs.nav-justified > .active > a.ensurance:focus {
	background-color: #4f5054;
}
.site-prices .tabs-index .nav-tabs.nav-justified > li > a .tab-img{
	display: block;
	float: left;
	width: 35%;
}
.site-prices .tabs-index .nav-tabs.nav-justified > li > a .tab-text{
	display: block;
	float: right;
	width: 65%;
	padding: 6% 0;
}
.site-prices .tabs-index .nav-tabs.nav-justified > li > a  img{
	max-height: 100px;
	width: 100%;
}
.site-prices .tab-content{
	margin-top: 5px;
	margin-bottom: 50px;
}
.site-prices .tab-pane{
	padding: 30px 10px;
}
.site-prices .tab-pane .img-container img{
	width: 100%;
}
.site-prices .panel-body .list{
	padding: 20px 10px;
}
.site-prices .panel-body .list ul{
	list-style: none;
	padding-left: 0;
}
.site-prices .panel-body .redactor-editor ul{
	list-style: disc;
}
.site-prices .panel-body .list h5{
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 16px;
}
.site-prices .panel-body .list li{
	padding: 3px 0 3px 15px;
}
.site-prices .panel-body .list ul li i{
	padding: 0 7px 0 0;
	color: #c77335;
}
.site-prices .panel-body .list ul li span{
	padding: 10px 0 3px 0;
	font-style: italic;
	font-size: 14px;
}
@media(min-width:768px){
	.site-services .panel-heading,
	.site-prices .panel-heading{
		display:none;
	}  
	.site-services .panel,
	.site-prices .panel{
		border:none;
		box-shadow:none;
	}
	.site-services .panel-collapse,
	.site-prices .panel-collapse{
		height:auto;
	}
	.site-services .panel-collapse.collapse,
	.site-prices .panel-collapse.collapse{
		display:block;
	}
}
@media(max-width:767px){
	.site-services #accounting,
	.site-services #finance,
	.site-services #ensurance,
	.site-services #pension,
	.site-services #education{
		border: 0;
	}
	.site-prices .tab-pane{
		display: block;
		padding: 0;
	}
	.site-services .nav-tabs, 
	.site-prices .nav-tabs{
		display:none;
	}
	.site-services .panel-heading,
	.site-prices .panel-heading{
		color: #ffffff;
		border-radius: 0;
	}
	#accounting .panel-heading,
	#education .panel-heading{
		background-color: #c77335;
	}
	#finance .panel-heading,
	#pension .panel-heading{
		background-color: #a7b43e;
	}
	#ensurance .panel-heading{
		background-color: #4f5054;
	}
	.site-services .panel-title a, 
	.site-prices .panel-title a{
		display: block;
		text-align: center;
	}
	.site-services .panel-title a:hover,
	.site-services .panel-title a:hover{
		text-decoration: none;
	}
	.site-services .panel-title a img,
	.site-prices .panel-title a img{
		width: 50%;
	}
	.site-services .panel,
	.site-prices .panel{
		margin:0;
		box-shadow:none;
		border-radius:0;
		margin-top:-2px;
	}
	.site-services .tab-pane .panel,
	.site-prices .tab-pane .panel{
		border-radius:0;
	}
}

.contact-img{
	width: 100%;
}
.contact-img img{
	width: 100%;
}
.site-contact span,
.site-about span{
	width: 50%;
	height: 1px;
	background: #c77335 none repeat scroll 0% 0%;
	display: block;
}
.site-about span{
	width: 30%;
}
.site-contact .sub-title{
	margin: 20px 0 30px 0;
}
.site-contact .form-group .form-control{
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #dbdbdb;
	box-shadow: none;
}
.site-contact .form-group button{
	background-color: #c77335;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	padding: 12px 24px;
}
.site-contact .help-block{
	min-height: 20px;
}