/* ***************  default links ******************* */
a:link{ color:#2D5796; }
a:visited{color:#2D5796; }
a:hover{color:#2D5796; }
a:active{color:#2D5796; }

div.container{
a:link{ color:#2D5796; }
a:visited{color:#2D5796; }
a:hover{color:#2D5796; }
a:active{color:#2D5796; }
}

/* ***************  linkslink links ******************* */
a:link.linkslink, a:visited.linkslink {color:#2D5796; }
a:hover.linkslink, a:active.linkslink { color:#2D5796;}

.hide{ visibility:hidden;}
/* NAV BAR ******************* */
.navbar {
    margin-bottom: 0;
    background-color: #2D5796;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #345496 !important;
    background-color: #5583B7 !important;
	color: #fff!important;
}

.navbar-default .navbar-toggle  {
    border-color: transparent;
    color: #fff!important;
}

.dropdown-menu {background-color: #356AAA;}
.dropdown-menu li a{ color:#fff!important;  } /* rik ******************* */
.dropdown-menu li a:hover, .dropdown-menu li.active a {
    background-color: #fff !important;
	color: #014401 !important;
    
}

.btn a{ color:#fff!important;}
#contactbutton{ display:inline-block; width:100%; max-width:200px; color:#fff!important;}
a:link.contactbutton, a:visited.contactbutton, a:hover.contactbutton, a:active.contactbutton { color:#fff!important;}

/* JUMBOTRON ******************* */
.jumbotron {
    background-color: #2D5796;
    color: #fff;
    padding: 90px 10px;
	background-image:url(images/petals-blue-tran.png); background-repeat:no-repeat; background-position:25% 100%;  
}

.container-fluid {
    padding: 60px 50px;
}

.bg-grey {
    background-color: #f6f6f6;
	}
	
.logo-small {
    color: #215A98;
    font-size: 50px;
}

.logo {
    color: #215A98;
    font-size: 200px;
}

.logopush { /* adds space to top of logo */
    margin-top:60px;
}

.thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}

.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.squeeze{margin:8px 5px!important;}

/* BEGIN CAROUSEL **************** */
.carousel-control.right, .carousel-control.left {
    background-image: none;
    color: #f4511e;
}

.carousel-indicators li {
    border-color: #f4511e;
}

.carousel-indicators li.active {
    background-color: #f4511e;
}

.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
}

.item span {
    font-style: normal;
}
/* END CAROUSEL **************** */

/* BEGIN PANEL **************** */
.panel {
    border: 1px solid #f4511e; 
    border-radius:0;
    transition: box-shadow 0.5s;
}

.panel:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

.panel-footer .btn:hover {
    border: 1px solid #f4511e;
    background-color: #fff !important;
    color: #f4511e;
}

.panel-heading {
    color: #fff !important;
    background-color: #f4511e !important;
    padding: 25px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.panel-footer {
    background-color: #fff !important;
}

.panel-footer h3 {
    font-size: 32px;
}

.panel-footer h4 {
    color: #aaa;
    font-size: 14px;
}

.panel-footer .btn {
    margin: 15px 0;
    background-color: #f4511e;
    color: #fff;
}
/* END PANEL **************** */

/* FOOTER **************** */
footer{background-color:#345496;}
footer .glyphicon { 
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff;
}
footer a:link, a:visited, a:hover, a:active{color: #fff;}

/* END FOOTER **************** */


/* SLIDE ANIMATION **************** */
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
/* END SLIDE ANIMATION **************** */

#moveitbuttons{ padding:0 20px 0 0; float:left; -webkit-align-self: center; align-self: center; }


/* ********* MOVE IT BUTTONS ********** */  
  a.moveit {width: 320px; background-color: #345496; color:#fff;  text-decoration:none; padding:6px 20px; display: block; border-radius:7px; transition: all 0.9s ease 0s;
   }
   
   a.moveit:hover{opacity: 1;}
   
a.moveit:hover  span{
   position: relative;
    	
    animation-name: gobutton;
    animation-duration: 1s;
    animation-iteration-count: infinite;
	
	-webkit-animation-name: gobutton; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
}
/* MOVE IT TWO */
a.moveit#two {background-color: #345496; color:#fff; opacity: 1;}
a.moveit#two:hover{opacity: 0.6;}

/* Standard syntax */
@keyframes gobutton {
    0%   { left:0px; top:0px;}
    50%  { left:10px; top:0px;}
    100% { left:0px; top:0px;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes gobutton {
    0%   { left:0px; top:0px;}
    50%  { left:10px; top:0px;}
    100% { left:0px; top:0px;}
}


@media screen and (max-width: 768px) {
    .col-sm-4 {
        text-align: center;
        margin: 25px 0;
    }
	
	.panel-footer{width:100%; }
	
	.logopush {
    margin-top:0;
}
}