/*  _______________________________________

	Desktop Nav Styles
    _______________________________________  */

.container-full {
	margin: 0 auto;
	width: 100%;
}

.h2-family-sites{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-top: 0px;
	color: #cecece;
}

.tile-rm {
		padding: 1em 1em 1em 1em;
}

/*  _______________________________________

	open close animation
    _______________________________________  */



.open-close-button {
  display: block;
  width: .4em;
  height: .4em;
  border: 0.06em solid #005aab;
  font-size: 2.8em;
  border-radius: 50%;
  position: relative;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.open-close-button:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #005aab;
  width: 80%;
  height: 5%;
  left: 11%;
  top: 46%;
}
.open-close-button:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #005aab;
  width: 5%;
  height: 80%;
  left: 46%;
  top: 11%;
}
.open-close-button.open {
  background-color: #005aab;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.open-close-button.open:after {
  background-color: white;
}
.open-close-button.open:before {
  background-color: white;
}


/*  _______________________________________

	carousel custom
    _______________________________________  */
.bg-solid{
	background-color: #fff!important;
		z-index: 10;
	position: relative;
}


.foreground{
	z-index: 10;
	margin-top: -430px;
	position:relative;
	
}

.background{
	z-index: 1;
	background-color: #666;
	margin-top: 90px;
	position:relative;
	border-bottom: solid 1px8	z-index: 10;
	position: relative;
}

/* Carousel base class */
/*.carousel {
  height: 450px;

}*/
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
  z-index: 10;
}*/

/* Declare heights because of positioning of img element */
/*.carousel .item {
  height: 450px;

}*/

/* Carousel base class */
/*.carousel-bg {
  height: 500px;

}*/

/* Declare heights because of positioning of img element */
/*.carousel-bg .item {
  height: 500px;

}*/
/*.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 400px;
}*/
/* Fade Slider CSS */
/*.carousel.carousel-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}*/
/*.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}*/
/*.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}*/
 
/*.carousel.carousel-fade .carousel-control {
  z-index: 1000;
  outline:none;
}*/
.vid {
    position: relative;
    padding-bottom: 50.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*  _______________________________________

	top 3 thumbnails
    _______________________________________  */

.slider-rm{
	padding-top: 20px;
	background-color: #FFF!important;

}

.post
{
    background-color: #FFF;
    overflow: hidden;
    /*box-shadow: 0 0 1px #CCC;*/
}

.post .content
{
    padding: 15px;
}
.post .title
{
    font-size: 25px;
    color: #737373;
    padding: 0px 0px 5px 0px;
}
.post .post-img-content
{
    height: 196px;
    position: relative;
}
.post .post-img-content img
{
    position: absolute;
}
.post .post-title
{
    display: table-cell;
    vertical-align: bottom;
    z-index: 2;
    position: relative;
}

/*  _______________________________________

	global-footer
    _______________________________________  */

#global-footer {
	margin-top: 60px;
	padding: 20px 0;
	background: #fff;
	color: #005aab;
	font-weight: 300;
	font-family: 'Lato', sans-serif !important;
	border-top: solid 1px;
	border-color: #005aab;
}
#global-footer a {
	color: #005aab;
}
#global-footer a:hover {
	color: #bed62f;
	text-decoration: none;
}
#global-footer .headline {
	border-bottom: 1px dotted #005aab;
	margin-bottom: 20px;
}
#global-footer .headline h3{
	text-transform: uppercase;
	font-weight: 100;
	font-family: 'Lato', sans-serif !important;
}

#global-footer ul {
	padding: 0px;
}


.legal {
	padding: 20px 0 10px 0;
	font-size: 12px;

	color: #005aab;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	border-top: solid 1px #005aab;
}
.legal a {
	color: #d80f81;
	text-decoration: none;
}
.legal a:hover {
	color: #bed62f;
	text-decoration: none;
}
.social ul {

	color: #005aab;
	font-size: 45px;
	margin: 0;
	padding: 0;
}
.social li {
	float: left;
	display: block;
	list-style-type: none;
	width: 50px;
	height: 50px;
	
	margin: 0 5px 5px 0;
	text-align: center;
	line-height: 28px;
}
.social li:hover {
	background: none;
}
.social li, .social li:hover {
	transition: background 0.1s;
	-webkit-transition: background 0.1s;
	-moz-transition: background 0.1s;
}
.social li a {
	color: #005aab;

}
.social li:hover a {
	color: #bed62f;
}
.social li a, .social li:hover a {
	transition: color 0.1s;
	-webkit-transition: color 0.1s;
	-moz-transition: color 0.1s;
}

#global-footer .btn-default {
	color: #fff;
	background: none;
}
#global-footer .btn-default:hover {
	color: #3E7A8C;
	background: #fff;
	font-weight: bold;
	border: 1px solid #fff;
}
#global-footer .form-control {
	border: white;
}
#global-footer .form-control:focus {
	border: white;
}
#global-footer .sbtn {
	margin-bottom: 5px;
}

/*  _______________________________________

	GRID
    _______________________________________  */

.cbp-rfgrid {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
}

.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(255,255,255,0.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid li a:hover div {
	opacity: 1;
}

.cbp-rfgrid li a div h3 {
	width: 100%;
	z-index: 3;
	color: #005aab;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}
.cbp-rfgrid li a div h5 {
	width: 100%;
	z-index: 2;
	color: #005aab;
	font-size: 1.0em;
	letter-spacing: 2px;
	padding: 60px 0 0 0;
}

/* Example for media query: change number of items per row */

@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 20%; /* Fallback */
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 400px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}


/*  _______________________________________

navbar
    _______________________________________  */






.tomy-sec-nav {
	background-color: #f5f5f5;
	border-bottom: 1px solid #e1e1e1;
	height: 23px;
}
/*  _______________________________________

vertical slider
    _______________________________________  */


.btn-vertical-slider{ margin-left:65px; cursor:pointer;}
a {  cursor:pointer;}
.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

 .carousel.vertical .active {
  top: 0;
}

 .carousel.vertical .next {
  top: 100%;
}

 .carousel.vertical .prev {
  top: -100%;
}

 .carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

 .carousel.vertical .active.left {
  top: -100%;
}

 .carousel.vertical .active.right {
  top: 100%;
}

 .carousel.vertical .item {
    left: 0;
}
/* Carousel base class */
.carousel-vert {
  height: 200px!important;
}
/* Declare heights because of positioning of img element */
.carousel-vert .item {
  height: 200px!important;

}