html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* Sticky Navigation*/
header {
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
}

#navbar {
	border-bottom: 10px solid #60a3d7;
	z-index: 9999;
}

.logo_col{
	padding-right: 0px !important;
}

.link_col{
	padding-left: 0px;
}

/* Navigation layout */
.navbar-stretch{
	margin-left: 0px;
	margin-right: 0px;
}

.top_navigation_trans{
	background-color: #ffffff;
}

.mobile-navigation i{
	font-size: 28px;
	color: #60a3d7;
	padding-top: 20px !important;
}

.list-inline>li {
	padding-top: 23px !important;
}

.main-nav .navigation .menu-item.current-menu-item a{
	color: #60a3d7;
}

.main-nav .navigation .menu-item.current-menu-ancestor a{
	color: #60a3d7;
}

.main-nav .navigation .menu-item a{
	color: #525252;
	font-weight: 400;
}

.main-nav .navigation .menu-item a:hover{
	color: #60a3d7;
	text-decoration: none;
}
/* Mobile navigation layout */
.mobile-nav.open{
  	top:81px;
  	right: 0px;
	position: absolute;
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	max-height: -webkit-calc(100vh - 71px);
    max-height: -moz-calc(100vh - 71px);
    max-height: calc(100vh - 71px);
	overflow-y: auto;
}
.mobile-nav{
	top:-1500px;
	position: absolute;
	width: 100%;
	right: 0px;
	font-size: 18px;
	font-weight: 400;
	z-index: -1;

	-webkit-transition: top 1s;
    -moz-transition: top 1s;
    transition: top 1s;
}

.mobile-nav ul li.menu-item ul.open {
	display: block;
    height: auto;
}

.mobile-nav ul li.menu-item ul.close {
	display: none;
    height: 0;
}

.mobile-nav ul li.menu-item ul {
	display: none;
    height: 0;
}

.mobile-nav ul{
	list-style-type: none;
	padding: 0;
}

.mobile-nav li{
	padding-left: 15px;
	padding-right: 15px;
	border-bottom:1px solid #fff;
}

.mobile-nav li.menu-item:hover{
	background-color: #3c6278;
}

.mobile-nav li.menu-item ul li.menu-item:hover{
	background-color: #3c6278;
}


.mobile-nav li:last-child{
	border: none;
}


.mobile-nav li a{
	display:inline-block;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.mobile-nav li.menu-item.current-menu-item{
	background-color: #3c6278;
}

.mobile-nav li.menu-item.current-menu-ancestor{
	background-color: #3c6278;
}

.mobile-nav li.menu-item.current-menu-ancestor ul{
	display: block;
    height: auto;
	background-color: #3c6278;
}

.mobile-nav li.menu-item.menu-item-has-children:before {
    float: right;
    font-family: "FontAwesome";
    content: "\f0d7";
    color: #fff;

    -moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
 	transition: all 0.3s ease;

	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-nav li.menu-item.current-menu-ancestor:before {
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-nav li.menu-item.current-menu-ancestor.open:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mobile-nav li.menu-item.menu-item-has-children.open:before{
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mobile-nav li.menu-item{
	background-color: #60a3d7;
}

.mobile-nav li.menu-item ul li.menu-item{
	background-color: #3078b1;
}

.mobile-nav li.menu-item ul li.current-menu-item{
	background-color: #3c6278;
}

.mobile-nav ul.sub-menu li{
	margin-left: -15px;
	margin-right: -15px;

}

.mobile-nav ul.sub-menu li:first-child {
	border-top: 1px solid #fff !important;
}

.mobile-nav ul.sub-menu li a{
	padding-left: 0px
}

.mobile-nav ul.sub-menu li:last-child{
	border: none;
}


/* third level */

.mobile-nav li.menu-item ul li.current-menu-ancestor{
	background-color: #3c6278;
}

.mobile-nav li.menu-item ul li.menu-item ul li.menu-item{
	background-color: #9f9ea0;
}

.mobile-nav li.menu-item ul li.menu-item ul li.menu-item:hover {
	background-color: #3c6278;
}

.mobile-nav li.menu-item ul li.menu-item ul li.current-menu-item {
	background-color: #3c6278;
}

.mobile-nav li.menu-item ul li.menu-item.menu-item-has-children:before {
    float: right;
    font-family: "FontAwesome";
    content: "\f0d7";
    color: #fff;

    -moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
 	transition: all 0.3s ease;

	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-nav li.menu-item ul li.menu-item.current-page-parent:before {
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-nav li.menu-item ul li.menu-item.current-page-parent.open:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mobile-nav li.menu-item ul li.menu-item.menu-item-has-children.open:before{
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


.mobile-nav ul li.menu-item ul li.menu-item ul.open {
	display: block;
    height: auto;
}

.mobile-nav ul li.menu-item ul li.menu-item ul.close {
	display: none;
    height: 0;
}

.mobile-nav ul li.menu-item ul li.menu-item.current-menu-ancestor ul.close{
	display: none;
    height: 0;
}

.mobile-nav ul li.menu-item ul li.menu-item ul {
	display: none;
    height: 0;
}

.mobile-nav ul li.menu-item ul li.menu-item.current-menu-ancestor ul{
	display: block;
    height: auto;
}

/* Navigation */
.language_switch_container{
	position: relative;
    margin-right: -60px;
    padding: 32px 15px 10px 15px;
    margin-left: 30px;
}
.customize-support header {
    top: 45px;
}

.navigation li a{
	margin-left: -5px;
	margin-right: -5px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.navigation li.menu-item-has-children:hover{
	color: #ffffff
}

.navigation li.menu-item-has-children .sub-menu {
	position: absolute;
	top: 45px;
	margin-left:0px;
	list-style: none;
	visibility: hidden;
}

.navigation li.menu-item-has-children:hover a{
	background-color: #60a3d7;
	color: #ffffff !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.navigation li.menu-item-has-children a:hover{
	color: #ffffff !important;
	border-bottom: 1px solid #ffffff;
}

.navigation li.menu-item-has-children ul{
	margin-left:5px;
}

.navigation li.menu-item-has-children ul li{
	padding-top: 5px;
	padding-bottom: 5px;
}

.navigation li.menu-item-has-children ul li.current-menu-item a{
	padding-bottom: 2px;
	border-bottom: 1px solid #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.navigation li.menu-item-has-children ul li.current-menu-ancestor a{
	padding-bottom: 2px;
	border-bottom: 1px solid #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 5px;
}

.navigation li.menu-item-has-children ul li a:hover{
	padding-bottom: 2px;
	border-bottom: 1px solid #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

.navigation li.menu-item-has-children:hover .sub-menu {
	color: #ffffff;
	visibility: visible;
	background-color: #60a3d7;
	padding: 5px 5px 5px 5px;
	margin-left: -5px;
	width: auto;
}

.menu_icon_changable{
	width: 24px;
}

@media screen and (min-width: 782px){
	.customize-support header {
    	top: 31px;
    }
}

/* Navigation responsive properties */

/* Bootstrap xs */
@media screen and (min-width:576px){
	.main-nav .navigation {
		font-size: 10px;
	}
}

/* Bootstrap sm */
@media screen and (max-width:767px){

}

@media screen and (min-width:768px){
	.navigation li.menu-item-has-children:hover .sub-menu {
		font-size: 10px;
		min-width: 93px !important;
	}
}

@media screen and (max-width:991px){
	.navigation{
		display: none;
	}
	.language_switch_container{
		padding-top: 24px;
		margin-right: 25px;
	}
	.logo-area img{
		width: 166px;
		height: auto;
	}
}
/* Bootstrap md */
@media screen and (min-width:992px){
	.navbar-stretch{
		margin-left: -100px;
    	margin-right: -50px;
	}
	.main-nav .navigation {
	    font-size: 10px !important;
	    font-weight: 500;
	}
	.mobile-navigation{
		display: none;
	}
	.mobile-nav{
		display: none;
	}
	.main-nav .navigation {
		font-size: 11px !important; /* old 14px */
	}
	.navigation li.menu-item-has-children:hover .sub-menu {
		font-size: 13px;
		min-width: 114px !important;
	}
	.list-inline>li {
		padding-top: 34px !important;
	}
	.navigation li.menu-item-has-children .sub-menu {
		position: absolute;
		top: 58px;
		margin-left:0px;
		list-style: none;
		visibility: hidden;
	}
}

/* Bootstrap lg */
@media screen and (min-width:1200px){
	.navbar-stretch{
		margin-left: -250px;
    	margin-right: -200px;
	}
	.main-nav .navigation {
		font-size: 11px !important; /* old 14px */
	}
	.navigation li.menu-item-has-children:hover .sub-menu {
		min-width: 135px !important;
		font-size: 11px;
	}
}

@media screen and (min-width:1530px){
	.navbar-stretch{
		margin-left: 0px;
		margin-right: 0px;
	}
	.main-nav .navigation {
		font-size: 12px !important;
	}
	.navigation li.menu-item-has-children:hover .sub-menu {
		min-width: 135px !important;
		font-size: 12px;
	}
}