/* ===========================
	$GENERAL
============================ */

body {
	color:#424242;
	font-weight: normal;
	font-size:  15px;
	font-family: 'Open Sans', sans-serif;
	background:#fff;
}

.gentium{
	font-family: 'Gentium Basic';
}

.addthis_floating_style.addthis_counter_style{background: none;}

.content,
.admin-content{
	padding: 25px 0;
	background: #FFF;
}

.admin-content{
	padding: 0 15px 25px 0;
}

.bot-check,
.submit-form input.bot-check{
	display: none !important;
}

.input-group[class*=col-]{
	float: left;
}

hr { width:100%; clear:both; margin:25px 0; height:1px; background:#C2C2C2;}
hr.dashed { border-top:1px dashed #9D9D9C; background:transparent;}

.clear {clear:both;}

.right{float:right;}
.left{float:left;}

.bg-blue-white {
    background: linear-gradient(180deg, #0C84C7 65%, #FFF 35%);
}

.white{color: #FFF;}
.bg-white{ background-color: #FFF; }
.black{color:#000;}
.bg-black{ background-color: #000; }
.light-sky-blue{ color:#a3d8f6; }
.bg-light-sky-blue{ background-color:#a3d8f6; }
.sky-blue{ color: #74a6d9; }
.bg-sky-blue{ background-color: #74a6d9; }
.blue{ color: #0c84c7; }
.bg-blue{ background-color: #0c84c7; }
.light-grey{ color: #f1efef; }
.bg-light-grey{ background-color: #f1efef; }
.grey{ color: #d3d1d1; }
.bg-grey{ background-color: #d3d1d1; }
.dark-grey{ color: #424040; }
.bg-dark-grey{ background-color: #424040; }

.row.tight-cells{margin-left:0;margin-right:0;}
.row.tight-cells > div[class^="col-"]{
	padding-left:0;
	padding-right:0;
}

.top-red-blue-border {
    border: 0;
    background-image: url('../img/red-blue-line.png');
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 1px;
}

button.bg-blue.white{
    border: none;
}

a{ cursor: pointer; }
a:hover, a:active, a:focus{ text-decoration: none; cursor: pointer; }
a.white:hover, a.white:active, a.white:focus{ text-decoration: underline; color: #FFF; }
a.sky-blue:hover, a.sky-blue:active, a.sky-blue:focus{ text-decoration: underline; color: #74a6d9; }
button.bg-blue.white:hover{ background-color: #74a6d9; color: #FFF; }


.date{font:normal 0.8em Open Sans; color: #737474;}

.row-bordered:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ccc;
  margin: 0 15px;
}

.bordered{
	border: 1px solid #ccc;
}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.lighter {font-weight: lighter;}

.text-center {text-align:center;}
.responsive-center{margin:0 auto;}

.relative{position:relative;}

.uppercase {text-transform:uppercase;}

.heading {font:300 2.6em Open Sans; color:#000; line-height: 39px;}
.small-heading{font:normal 1.6em Open Sans; color: #000; margin-bottom: 10px; line-height: 24px;}
.small-title{font:normal 1.2em Open Sans; color: #000;}


.left25{margin-left: 25px;}

.inline-block{
	display: inline-block;
}

.spacer { clear:both; height:22px; display:block; }
.spacer.small { height:10px; }
.spacer.xsmall { height:5px; }
.spacer.xxlarge { height:60px; }
.spacer.xlarge { height:45px; }
.spacer.large { height:30px; }

.container{
	max-width: 1170px;
	width: auto;
}

img.pull-right {margin:0 0 15px 15px;}
img.pull-left {margin:0 15px 15px 0;}

.grey-border {border:1px solid #C5C5C5;}

img.left{margin: 0 10px 10px 0;}


form.inline{display: inline-block;}

.text9{ font-size: 9px; }
.text10{ font-size: 10px; }
.text11{ font-size: 11px; }
.text12{ font-size: 12px; }
.text13{ font-size: 13px; }
.text14{ font-size: 14px; }
.text15{ font-size: 15px; }
.text16{ font-size: 16px; }
.text17{ font-size: 17px; }
.text18{ font-size: 18px; }
.text19{ font-size: 19px; }
.text20{ font-size: 20px; }
.text22{ font-size: 22px; }
.text23{ font-size: 23px; }
.text24{ font-size: 24px; }
.text25{ font-size: 25px; }
.text26{ font-size: 26px; }
.text27{ font-size: 27px; }
.text28{ font-size: 28px; }
.text29{ font-size: 29px; }
.text30{ font-size: 30px; }
.text32{ font-size: 32px; }
.text35{ font-size: 35px; }
.text42{ font-size: 42px; }
.text45{ font-size: 45px; }
.text46{ font-size: 46px; }
.text48{ font-size: 48px; }
.text52{ font-size: 52px; }
.text60{ font-size: 60px; }

/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.center-block-sm{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

@media (max-width: 767px) {
	.center-block-xs{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.custom-btn-small{ padding: 5px 15px; }
.custom-btn{ padding: 10px 15px; }
.custom-btn-big{ padding: 10px 30px; }


/* ===========================
    $PADDINGS & MARGINS
============================ */

.no-margin{ margin: 0px; }
.no-padding{ padding: 0px; }

.p-l-15 { padding-left: 15px; }
.p-r-15 { padding-right: 15px; }
.p-l-30 { padding-left: 30px; }
.p-r-30 { padding-right: 30px; }

@media (min-width: 992px) {
    .p-l-30-md{ padding-left: 30px; }
    .p-r-30-md{ padding-right: 30px; }
    .p-l-15-md{ padding-left: 15px; }
    .p-r-15-md{ padding-right: 15px; }
}

/* ===========================
	$HEADER
============================ */
#header {
	background: #FFF;
	width: 100%;
}

#nav {
	position: relative;
	z-index: 1001;
}

a.nav-element{
	position: relative;
}

a:hover .nav-element:after, .nav-element.active:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #424040 transparent transparent transparent;
    transform: translateX(-50%);
}


/* ===========================
	$SIDE NAV
============================ */

/* ===================================
	$HOME
===================================== */

.banner{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	min-height: 490px;
}

.banner.small{
	min-height: 350px;
}

.banner .caption{
	background-color: rgba(24, 116, 177, 0.6);
	padding: 30px 15px;
	position: absolute;
	top: 25%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    max-width: 500px;
}

.content-container{
	margin-top: -21px; padding-top: 21px;
}

.bmo-logo{
	max-height: 33px;
}

/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.banner{
		min-height: 330px;
	}	

	/*.content-container .container, .container-fluid-xs{
		padding: 0px;
	}*/

	.content-container.bg-blue
	{
		padding-top: 10px;
		margin-top: 0px;
	}

	.banner .caption{
		transform: translateY(-25%);
		-webkit-transform: translateY(-25%);
		-moz-transform: translateY(-25%);
		-ms-transform: translateY(-25%);
	}
}

@media (max-width: 767px) {

	.content-container .container, .container-fluid-xs{
		padding: 0px;
	}

	.content-container.bg-blue
	{
		padding-top: 5px;
		margin-top: 0px;
	}

	.banner{
		min-height: 210px;
	}

	.bmo-logo{
		max-height:33px;
	}
}

a .hoverplus{
	display: none;
}

a:hover .hoverplus{
	display: block;
}

a:hover .service{
	background-color: #f1efef;
}

.home-services > div .service{
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;
}

.home-services > div:nth-child(even) .service{
	border-right-color: transparent;
}

.home-services > div:last-child .service,.home-services > div:nth-child(3) .service{
	border-bottom-color: transparent;
}

@media (max-width: 767px) {
	.home-services > div .service{
		border: none;
	}
}

/* ===================================
    $SUBPAGES
===================================== */

a .about-service{
    border-bottom: 4px solid #f1efef;
}

a:hover .about-service{
    border-bottom-color: #0c84c7;
}

a .move-nav-item.rentals{
    padding-left: 48px;
}

a .move-nav-item.rentals:before{
    content: '';
    background-image: url('/a/img/icon-rentals.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 15px;
    height: 37px;
    width: 37px;
    background-color: #d3d1d1;
}

a:hover .move-nav-item, a .move-nav-item.active{
    background-color: #0c84c7;
}

a:hover .move-nav-item p, a .move-nav-item.active p{
    color: #FFF;
}


/* ===================================
	$FOOTER
===================================== */


/* ===================================
	$PAGE NUMBERS
===================================== */
.pageNumbers {
	color:#000;
	text-align:center;
	margin: 40px 0 10px 0;
	font-size:1em;
	font-weight:bold;
}
.pageNumbers a, .pageNumbers a.next, .pageNumbers a.prev {
	color:#000;
	padding:8px 12px;
	margin:0 3px;
}

 .pageNumbers a.next, .pageNumbers a.prev {
	color:#fff;
	background:#C73927;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 }
 
.pageNumbers a:hover, .pageNumbers a.active, .pageNumbers a.next:hover, .pageNumbers a.prev:hover {
	color:#fff;
	text-decoration: none;
	background:#054170;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* ===========================
	$LOGIN
============================ */
.login {
	width:40%;
	margin:0 auto;
	padding:15px 20px;
	border:1px solid #C6C6C6;
	-webkit-border-radius:6px;
	border-radius:6px;
}

/* ===================================
	$ADMIN
===================================== */
.sidebar{
	padding-left: 0;
	margin: 0 0 20px;
}

.sidebar li{
	list-style: none;
	margin: 0;
}

.sidebar li a{
	display: block;
	padding: 15px 10px;
	background: #EDEDED;
	border-bottom: 1px solid #FFF;
}

/* ===================================
	$SIDEBAR
===================================== */

#sidebar {
    z-index: 1000;
    box-sizing: border-box;
    width: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow-x: hidden;
    perspective: 1000px; }

#sidebar.move{
	width: 325px;
}

#sidebar > .parent-sidebar-panel > ul{
	display: flex;
    flex-direction: column;
}

#sidebar ul {
    padding: 0px 15px;
    list-style-type: none;
}
#sidebar ul li {
    padding: 10px 15px 10px 0px;
    border-bottom: 1px solid #74a6d9; }
#sidebar ul li a {
    display: flex;
    align-items: center;
    height: 40px; }

#sidebar ul li:hover {
    border-bottom: 1px solid #e08d2f;
}

#sidebar ul li ul li:hover {
    border-bottom: 1px solid #0c84c7;
}

#sidebar ul li a:hover, #sidebar ul li a:focus, #sidebar ul li a:active {
    text-decoration: none; 
    color: #FFF;
}

#sidebar ul li ul li{
	padding:0px;
	border-bottom: 1px dotted #0c84c7;
}

#sidebar ul li span {
    display: block;
    margin-left: 10px;
    font-size: 13px; }
#sidebar header {
    height: 56px;
    padding: 5px;
    background-color: #272c30; }
#sidebar header h1 {
    margin: 0; }
#sidebar .parent-sidebar-panel {
    padding-top: 25px;
    color: #fff;
    height: 100%;
    box-sizing: border-box;
    width: 0px;
    background-color: #0c84c7;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transform-style: preserve-3d;
    transition: width 300ms ease; }
#sidebar .parent-sidebar-panel .fa {
    font-size: 24px;
    cursor: pointer; }
#sidebar .parent-sidebar-panel.move {
    width: 325px; }

.mobile-nav {
    display: block;
    height: 100px;
    color: #fff;
    padding: 0 30px;
    font-size: 40px;
    z-index: 999999;
    top: 0;
    right: 0;
    cursor: pointer; }
.mobile-nav.move {
    display: none; }
.with-logo {
    width: 80%;
    height: 90px;
    position: relative;
}

.mobile-nav img {
    margin: 0 auto;
    width: 30%;
}

.nav-open {
    /*position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2000;*/
    cursor: pointer;
}

.parent-item ul{
	display: none;
}

.menu-phone{
	margin-left: 15px;
	margin-top: 75px;
}

p .nav-open{
	position: inherit;
	padding: 5px 15px;
}

/* ===================================
	$RESPONSIVE STYLES
===================================== */

/* Large desktop */
@media (min-width: 1200px) {  

}

@media (max-width: 1200px) {

}


@media (min-width: 992px) {

}

/* In between desktop and tablet*/ 
@media (min-width: 980px) and (max-width: 1199px) {


}

@media (max-width:1059px) {


}

/* anything below tablet size */
@media (max-width: 991px) {


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
 
@media (max-width: 540px){
	

}

/* Landscape phones and down */
@media (max-width: 480px) {

}

/* ===================================
	$RESPONSIVE TEXT ALIGN
===================================== */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

/* ===================================
	$5 COLUMN
===================================== */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths.borderbottom,
.col-sm-5ths.borderbottom,
.col-md-5ths.borderbottom,
.col-lg-5ths.borderbottom{
	border-right: 1px solid #C1C1C1;
	border-bottom: 5px solid #C1C1C1;
}

.col-xs-5ths.borderbottom.active,
.col-sm-5ths.borderbottom.active,
.col-md-5ths.borderbottom.active,
.col-lg-5ths.borderbottom.active{
	border-bottom-color: #D3BA29;
}

.col-xs-5ths {
    width: 20%;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
    }
}