/* Add here all your CSS customizations */
#header .header-body{
	background: #070650;
}
.header-title h1{
	font-family : "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	color: #fff;
	padding-left: 20px;
	font-size: 2.1em;
	margin-top: 8px;
}
h2{
	font-family : "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
#header.header-effect-shrink .header-container {
    min-height: 60px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.header-right{
	color: #fff;
    position: absolute;
    right: 8px;
}
.header-right a{
	color: #fff;
}
.header-right a.active{
	color: #2388ed;
}
.container-wide{
	padding: 40px;
}
.text-style{
	border: 1px solid #ccc;
	padding: 13px;
}
.text-style:focus{
	border: 1px solid #80bdff;
}
.accordion.accordion-style-1 .accordion-header h3 {
	padding: 28.8px 24px;
    padding-bottom: 15px;
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: #DAE2E6;
    border-bottom-width: 0;
    border-radius: 0;
}
.nav-child{
	padding-left: 10px;
}
.portfolio-item{
	-webkit-box-shadow: 10px 0px 17px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 17px -10px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 17px -10px rgba(0,0,0,0.4);
}
.portfolio-item img{
	width: 100%;
}
.portfolio-item .text-1{
	line-height: 1.4em;
	margin-top: 4px;
}
.region-footer #block-system-main-menu {
    background: #070650 url(../img/footerbg.png) bottom center no-repeat;
    background-size: contain;
    padding-top: 42px;
    padding-bottom: 75px;
    margin-top: 30px;
    color: #FFFFFF;
}
.portfolio-text{
	position: absolute;
	bottom: 0px;
	padding-top: 15px;
    width: 100%;
    z-index: 30;
    background: rgba(0,0,0,0.5);
}
.portfolio-text h2 a,.portfolio-text p{
	color: #fff;
}
.img-icon{
	position: absolute !important;
    z-index: 9 !important;
    top: 0;
    left: 0;
    max-width: 40px;
    margin: 10px;
}

@media only screen and (min-width: 1440px) {
	.isotope-item{
		width: 33% !important
	}
}

@media only screen and (min-width: 767px) {
	.navbar-toggler{ display: none; }	
}

.portfolio-list{
	display: none;
}
.lds-roller-frame{
	width: 100%;
}
.lds-roller {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  padding: 200px 0;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #070650;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.header-container,#header{ height: 140px;min-height: 140px; }
@media only screen and (min-width: 740px) and (max-width: 900px) {
	#header .header-logo img{ max-width: 200px !important; }
	#header .header-logo{ width: 200px; height: 97px; }
	.header-container,#header{ height: 97px !important;;min-height: 97px !important; }
}
@media only screen and (max-width: 740px) {
	#header .header-logo{ margin-right: 20px; }
	#header .header-logo img{ position: relative; }
	#header .header-column{ display: block;align-self: unset; }
	.header-container,#header{ height: 230px !important;;min-height: 230px !important; }
	.header-title h1{ margin: 0;padding: 0;font-size: 2em;line-height: 49px; }
	.header-right{ text-align: right;position: relative;margin-bottom: 15px; }
	#header .header-body{ padding-top: 10px; }
	.accordion.accordion-style-1 .accordion-header h3{ position: absolute;margin-left: 96px;z-index: 2;border: 0; }
	.accordion.accordion-style-1 .accordion-body{ border-top-width: 1px;padding-top: 10px; }
}
@media only screen and (max-width: 555px) {
	#header .header-logo{ width: 100% !important;margin: 0; }
}
@media only screen and (max-width: 405px) {
	#header .header-logo img{     max-width: 100%;width: 100%; }
	.header-title h1{ line-height: 30px; }
}