/* Add here all your css styles (customizations) */

@media print {
  a[href]:after {
    content: none !important;
  }
}

body {
   background: ccc;
   color: #002C3C;
   font-size: 15px;
   line-height: 1.6;
   font-family: "Raleway", Arial, sans-serif;
}

a {
    color: #174269;
}
a:focus, 
a:hover, 
a:active {
  color: #3c75ac;
}
.color-green {
  color: #3c75ac;
}
a.read-more:hover { 
  color:#3c75ac; 
}

a:-webkit-any-link {
  text-decoration: none;
  }

.linked:hover {
  color:#3c75ac;
}

/* Blockquote */
blockquote {
    padding: 10px 10px 30px 30px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 3px solid #174269;
}

blockquote:hover {
  border-left-color: #3c75ac; 
}
.hero {
  border-left-color: #3c75ac;
}
blockquote.hero.hero-default {
  background: #3c75ac;
}
blockquote.hero.hero-default:hover {
  background: #3c75ac;
}

/*li.navbaritem:first-child {
    border-top-left-radius: 100px;
    border-top-right-radius: 0px;
}

.list-group-item:first-child {
    border-top-left-radius: 100px;
    border-top-right-radius: 0px;
}*/

#topcontrol:hover {
  color: #fff;
  background: #21466a;
}

.purchase span {
	color: #666;
	display: block;
	font-size: 24px;
	line-height: 35px;
	font-weight: normal;
	margin-bottom: 12px;
	font-family: "Raleway", Arial, sans-serif;
}

.latest-list li {
	padding: 8px 0;
	border-top: 1px solid rgba(255,255,255,0.2) ;
}

.link-list li {
	border-top: solid 1px rgba(255,255,255,0.2) ;
}
/*Menu List*/
.menu-list li {
	border-top: solid 1px rgba(255,255,255,0.2) ;
}

.menu-list li:first-child {
	border-top: none !important;
}

.menu-list a {
	color: #eee;
	font-size: 18px;
	padding: 6px 0px;
	display: inline-block;
	text-transform: uppercase;
}

.menu-list a:hover {
   color: rgba(255,255,255,0.5);
   text-decoration: underline;
}

.menu-list li i {
	color: rgba(255,255,255,0.2);
	float: right;
	margin-top: 10px;
}

.thumbnail-style h3 a {
	color: #585f69;
	font-size: 24px;
	font-weight: 500;
	line-height: 125%;
}

.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
   /*transform: scale(1.2) rotate(2deg);*/
}


.vertical-nav {
     position: fixed;
     top: 105px; /* distance to the top of the menu div from the top of the page */
     width:130px; /* width of the menu div */
     height: auto;
     margin: 0;
     padding: 5px;
     border: 2px solid #0000FF; /* border width, type and color*/
     border-radius: 10px; /* border-radius */
     background: rgba(0,0,0, 0.5); /* Menu background color with opacity - delete if not required */
     z-index: 10001;
}

#sidebar {
    position: relative;
    top: 45px;
    height: auto;
    width: 50px;
    margin: 0;
    background-color: #16a085;
    color: white;
    padding: 5px;
    left: 0;
    z-index: 15000;

}

#sidebar-nav {
    position: relative;
    top: 45px;
    margin-top: -15px;
}

.dropcap-top {
  float: left;
  color: #fff;
  padding: 7px 0;
  min-width: 35px;
  font-size: 18px;
  font-weight: 100;
  line-height: 20px;
  text-align: center;
  background: #72c02c;
  margin: 4px 10px 0 0;
}


.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #ddd;
    border-color: #fff;
}


.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #ddd;
    border-color: #ccc;
}

.footer-v1 {
  position: relative;
}

ul.affix {
  position: fixed;
  top: 135px;
}
ul.affix-top {
  position: static;
}
ul.affix-bottom {
  position: absolute;
}

.center {
  text-align: center;
}

.crop {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

@media (max-width: 1199px) {
  .text-slider-gg {
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .text-slider-gg {
    max-width: 600px;
  }
}

.circleborder-xs {   
   box-shadow: rgb(39, 104, 115) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(135deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 90%); 
   border-radius: 1000px; 
   display: inline-block; 
   cursor: pointer; 
   padding: 1px 4px; 
   white-space: nowrap;
  }

.btn-u.btn-u-blancoxs {
   box-shadow: rgb(255,255,255) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(-45deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 1000px; 
   cursor: pointer; 
   font-size: 14px;
   font-weight: 400;
   color: #21466a; 
   padding: 0px 4px; 
   position: relative;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none; 
   text-shadow: #a1bad3 0px 1px 0px;
   margin-bottom: 0px;
}

.circleborder {   
   box-shadow: rgb(39, 104, 115) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(135deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 90%); 
   border-radius: 1000px; 
   display: inline-block; 
   cursor: pointer; 
   padding: 5px; 
   position: relative;
   white-space: nowrap;
  }

.btn-u.btn-u-blanco {
   box-shadow: rgb(255,255,255) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(-45deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 1000px; 
   cursor: pointer; 
   font-size: 24px;
   font-weight: 400;
   color: #21466a; 
   padding: 0px 9px; 
   position: relative;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none; 
   text-shadow: #a1bad3 0px 1px 0px;
}
.btn-u.btn-u-blanco:hover, 
.btn-u.btn-u-blanco:focus, 
.btn-u.btn-u-blanco:active, 
.btn-u.btn-u-blanco.active, 
.open .dropdown-toggle.btn-u.btn-u-blanco {
   background: #2a839f;
   background: linear-gradient(-45deg, #122d47 0%, #3b73aa 50%); 
   /*background: linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 50%); */
   /*background: linear-gradient(135deg, rgb(255,255,255) 15%, rgb(210, 219, 226) 100%); */
   color: #fff; 
   text-shadow: #a1bad3 2px 2px 2px;

}
.btn-u.btn-u-split-blanco.dropdown-toggle {
   border-left: solid 1px #2a839f;
}
.btn-u.btn-u-blanco,.btn-u.btn-u-blanco:before{
  border-radius: 1000px; 
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out}
.btn-u.btn-u-blanco:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;content:'';z-index:-1;opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
.btn-u.btn-u-blanco:focus,.btn-u.btn-u-blanco:hover{box-shadow:0 1px 8px rgba(58,51,53,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}
.btn-u.btn-u-blanco:focus,.btn-u.btn-u-blanco:focus:before,.btn-u.btn-u-blanco:hover,.btn-u.btn-u-blanco:before{-webkit-transition:all .3s cubic-bezier(.02,.01,.47,1);transition:all .3s cubic-bezier(.02,.01,.47,1)}
.btn-u.btn-u-blanco:focus:before,.btn-u.btn-u-blanco:hover:before{opacity:.05;-webkit-transform:scale(1);transform:scale(1)}



.btn-u.btn-u-btogris {
   box-shadow: rgb(255,255,255) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 10px; 
   cursor: pointer; 
   font-size: 20px;
   font-weight: 400;
   line-height: 90%;
   color: #555; 
   margin: 1px; 
   padding: 6px 100px 10px 100px;
   position: relative;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none; 
}

.btn-u.btn-u-btogris:hover, 
.btn-u.btn-u-btogris:focus, 
.btn-u.btn-u-btogris:active, 
.btn-u.btn-u-btogris.active, 
.open .dropdown-toggle.btn-u.btn-u-btogris {
   color: #fff !important;;
   background: #2a839f;
   background: linear-gradient(-180deg, #3b73aa 0%, #122d47 50%); 
   /*background: linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 50%); */
   /*background: linear-gradient(135deg, rgb(255,255,255) 15%, rgb(210, 219, 226) 100%); */
   text-shadow: #222 1px 1px 1px;
   -webkit-transform:scale(1.05);transform:scale(1.05)
   transition: background-color 0.5s ease-out;
}
.btn-u.btn-u-split-btogris.dropdown-toggle {
   border-left: solid 1px #2a839f;
}
.btn-u.btn-u-btogris,.btn-u.btn-u-btogris:before{
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out}
.btn-u.btn-u-btogris:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;content:'';z-index:-1;opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
.btn-u.btn-u-btogris:focus,.btn-u.btn-u-btogris:hover{box-shadow:0 1px 8px rgba(58,51,53,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}
.btn-u.btn-u-btogris:focus,.btn-u.btn-u-btogris:focus:before,.btn-u.btn-u-btogris:hover,.btn-u.btn-u-btogris:before{-webkit-transition:all .3s cubic-bezier(.02,.01,.47,1);transition:all .3s cubic-bezier(.02,.01,.47,1)}
.btn-u.btn-u-btogris:focus:before,.btn-u.btn-u-btogris:hover:before{opacity:.15;-webkit-transform:scale(1);transform:scale(1)}

.btn-u.btn-u-menu { 
   box-shadow: #838f98 -10px 0px 18px -10px inset; 
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 0px; 
   cursor: pointer; 
   font-size: 20px;
   font-weight: 400;
   line-height: 90%;
   text-align: left;
   color: #174269; 
   margin: 0px;
   margin-bottom: -7px; 
   padding: 6px 50px 10px 30px;
   position: relative;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none; 
}

.btn-u.btn-u-menu:hover, 
.btn-u.btn-u-menu:focus, 
.btn-u.btn-u-menu:active, 
.btn-u.btn-u-menu.active, 
.open .dropdown-toggle.btn-u.btn-u-menu {
   color: #fff !important;
   background: #122d47;
   background: linear-gradient(-180deg, #3b73aa 0%, #122d47 50%); 
   /*background: linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 50%); */
   /*background: linear-gradient(135deg, rgb(255,255,255) 15%, rgb(210, 219, 226) 100%); */
   text-shadow: #222 1px 1px 1px;
   -webkit-transform:scale(1.05);transform:scale(1.05)
   transition: background-color 0.5s ease-out;
   z-index:52001;
}
.btn-u.btn-u-split-menu.dropdown-toggle {
   border-left: solid 1px #2a839f;
}
.btn-u.btn-u-menu,.btn-u.btn-u-menu:before{
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out}
.btn-u.btn-u-menu:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;content:'';z-index:-1;opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
.btn-u.btn-u-menu:focus,.btn-u.btn-u-menu:hover{box-shadow:0 1px 8px rgba(58,51,53,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}
.btn-u.btn-u-menu:focus,.btn-u.btn-u-menu:focus:before,.btn-u.btn-u-menu:hover,.btn-u.btn-u-menu:before{-webkit-transition:all .3s cubic-bezier(.02,.01,.47,1);transition:all .3s cubic-bezier(.02,.01,.47,1)}
.btn-u.btn-u-menu:focus:before,.btn-u.btn-u-menu:hover:before{opacity:.15;-webkit-transform:scale(1);transform:scale(1)}

.menuborder {  
   box-shadow: #838f98 0px -10px 18px -10px; 
   /*box-shadow: rgb(39, 104, 115) 0px 10px 18px -10px; */
   background: #fff;
   background: linear-gradient(rgb(210, 219, 226) 5%, rgb(245,245,245) 100%); 
   border-radius: 0px; 
   display: inline-block; 
   cursor: pointer; 
   padding: 0px; 
   position: relative;
   white-space: nowrap;
  }

.btogrisborder {   
   background: #fff;
   background: linear-gradient(rgb(210, 219, 226) 5%, rgb(245,245,245) 100%); 
   border-radius: 10px; 
   display: inline-block; 
   padding: 0px; 
   position: relative;
   white-space: nowrap;
  }

.btogrisshadow {   
   box-shadow: 0px 10px 18px -10px; 
   /*box-shadow: rgb(39, 104, 115) 0px 10px 18px -10px; */
   background: #fff;
   background: linear-gradient(rgb(210, 219, 226) 5%, rgb(245,245,245) 100%); 
   border-radius: 10px; 
   display: inline-block; 
   cursor: pointer; 
   padding: 0px; 
   position: relative;
   white-space: nowrap;
  }

.btn-u.btn-u-btogris-f {
   color: #375714; 
   box-shadow: rgb(255,255,255) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 10px; 
   cursor: pointer; 
   font-size: 20px;
   font-weight: 400;
   line-height: 90%;
   margin: 1px; 
   padding: 6px 100px 10px 100px;
   position: relative;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none; 
}


.btn-u.btn-u-btogris-f:hover, 
.btn-u.btn-u-btogris-f:focus, 
.btn-u.btn-u-btogris-f:active, 
.btn-u.btn-u-btogris-f.active, 
.open .dropdown-toggle.btn-u.btn-u-btogris-f {
   color: #fff !important; 
   background: #466f19;
   background: linear-gradient(-180deg, #81c03b 0%, #466f19 90%); 
   /*background: linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 50%); */
   /*background: linear-gradient(135deg, rgb(255,255,255) 15%, rgb(210, 219, 226) 100%); */
   text-shadow: #000 1px 1px 1px;
   -webkit-transform:scale(1.05);transform:scale(1.05)
}

.btn-u.btn-u-btogris-t {
   color: #043645; 
   box-shadow: rgb(255,255,255) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 10px; 
   cursor: pointer; 
   font-size: 20px;
   font-weight: 400;
   line-height: 90%;
   margin: 1px; 
   padding: 6px 100px 10px 100px;
   position: relative;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none; 
}


.btn-u.btn-u-btogris-t:hover, 
.btn-u.btn-u-btogris-t:focus, 
.btn-u.btn-u-btogris-t:active, 
.btn-u.btn-u-btogris-t.active, 
.open .dropdown-toggle.btn-u.btn-u-btogris-t {
   color: #fff !important;
   background: #86a03d;
   background: linear-gradient(-180deg, #30baed 0%, #043645 100%); 
   /*background: linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 50%); */
   /*background: linear-gradient(135deg, rgb(255,255,255) 15%, rgb(210, 219, 226) 100%); */
   text-shadow: #000 1px 1px 1px;
   -webkit-transform:scale(1.05);transform:scale(1.05)
}

.btn-u.btn-u-btogris-d {
   color: #831d1f; 
   box-shadow: rgb(255,255,255) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 10px; 
   cursor: pointer; 
   font-size: 20px;
   font-weight: 400;
   line-height: 90%;
   margin: 1px; 
   padding: 6px 100px 10px 100px;
   position: relative;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none; 
}


.btn-u.btn-u-btogris-d:hover, 
.btn-u.btn-u-btogris-d:focus, 
.btn-u.btn-u-btogris-d:active, 
.btn-u.btn-u-btogris-d.active, 
.open .dropdown-toggle.btn-u.btn-u-btogris-d {
   color: #fff;
   background: #86a03d;
   background: linear-gradient(-180deg, #ea3237 0%, #831d1f 70%); 
   /*background: linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 50%); */
   /*background: linear-gradient(135deg, rgb(255,255,255) 15%, rgb(210, 219, 226) 100%); */
   text-shadow: #000 1px 1px 1px;
   -webkit-transform:scale(1.05);transform:scale(1.05)
}

.btn-u.btn-u-btogris-f.sm, 
.btn-u.btn-u-btogris-t.sm, 
.btn-u.btn-u-btogris-d.sm {
   font-size: 14px;
   font-weight: 400;
   line-height: 120%;
   margin: 1px; 
   padding: 6px 30px 10px 30px;
   position: relative;
   white-space: normal;
   display: inline-block;
   text-decoration: none; 
}

.btn-u.btn-u-btogris-f.b, 
.btn-u.btn-u-btogris-t.b, 
.btn-u.btn-u-btogris-d.b {
  border: 1px solid #ccc;
}


/*Paneles */
.panel-btogris {
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 10px; 
   margin: 1px; 
   padding: 6px 20px 10px 20px;
}

.panel-gris {
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 10px; 
   margin: 0px; 
   padding: 6px 20px 10px 20px;
}

.btogrisborder {   
   background: #fff;
   background: linear-gradient(rgb(210, 219, 226) 5%, rgb(245,245,245) 100%); 
   border-radius: 10px; 
   display: inline-block; 
   padding: 0px; 
   position: relative;
   white-space: nowrap;
  }

.panel-btogris-lg {
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 60%); 
   border-radius: 0px 10px 10px 0px;  
   border: 1px solid #ccc; 
   padding: 6px 20px 10px 20px;
}

.btogrisborder-lg {
   background: #fff;
   background: linear-gradient(rgb(210, 219, 226) 5%, rgb(245,245,245) 100%);
   border-radius: 0px 10px 10px 0px;  
   padding: 0px;
   margin: 0 0 10px;
   border-left: 3px solid #174269;
   position: relative;
}

.btogrisborder-lg.w {
  white-space: normal;
}

.panel-verde {
   background: #466f19;
   background: linear-gradient(-180deg, #81c03b 0%, #466f19 70%); 
   border-radius: 10px;
   padding: 6px 20px 10px 20px;
}

.panel-celeste {
   background: #073a4a;
   background: linear-gradient(-180deg, #30baed 0%, #043645 100%); 
   border-radius: 10px; 
   padding: 6px 20px 10px 20px;
}

.panel-rojo {
   background: #2a3d19;
   background: linear-gradient(-180deg, #ea3237 0%, #831d1f 70%); 
   border-radius: 10px; 
   padding: 6px 20px 10px 20px;
}

.btn-u.btn-u-btogris-f,.btn-u.btn-u-btogris-f:before,.btn-u.btn-u-btogris-t,.btn-u.btn-u-btogris-t:before,.btn-u.btn-u-btogris-d,.btn-u.btn-u-btogris-d:before{
  border-radius: 10px; 
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out}
.btn-u.btn-u-btogris-f:before,.btn-u.btn-u-btogris-t:before,.btn-u.btn-u-btogris-d:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;content:'';z-index:-1;opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
.btn-u.btn-u-btogris-f:focus,.btn-u.btn-u-btogris-f:hover,.btn-u.btn-u-btogris-t:focus,.btn-u.btn-u-btogris-t:hover,.btn-u.btn-u-btogris-d:focus,.btn-u.btn-u-btogris-d:hover{box-shadow:0 1px 8px rgba(58,51,53,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}
.btn-u.btn-u-btogris-f:focus,.btn-u.btn-u-btogris-f:focus:before,.btn-u.btn-u-btogris-f:hover,.btn-u.btn-u-btogris-f:before,.btn-u.btn-u-btogris-t:focus,.btn-u.btn-u-btogris-t:focus:before,.btn-u.btn-u-btogris-t:hover,.btn-u.btn-u-btogris-t:before,.btn-u.btn-u-btogris-d:focus,.btn-u.btn-u-btogris-d:focus:before,.btn-u.btn-u-btogris-d:hover,.btn-u.btn-u-btogris-d:before{-webkit-transition:all .3s cubic-bezier(.02,.01,.47,1);transition:all .3s cubic-bezier(.02,.01,.47,1)}
.btn-u.btn-u-btogris-f:focus:before,.btn-u.btn-u-btogris-f:hover:before,.btn-u.btn-u-btogris-t:focus:before,.btn-u.btn-u-btogris-t:hover:before,.btn-u.btn-u-btogris-d:focus:before,.btn-u.btn-u-btogris-d:hover:before{opacity:.15;-webkit-transform:scale(1);transform:scale(1)}

.btn-rotate {
   position: relative;
   white-space: nowrap;
}
.btn-rotate:hover, 
.btn-rotate:focus, 
.btn-rotate:active, 
.btn-rotate.active, 
.open .dropdown-toggle.btn-rotate {
   color: #fff; 
   transform: rotate(360deg);
   transition: all 0.8s ease-out; 
}
/*.btn-rotate,.btn-rotate:before{
  border-radius: 10px; 
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out}
.btn-rotate:before,{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;content:'';z-index:-1;opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
.btn-rotate:focus,.btn-rotate:hover{box-shadow:0 1px 8px rgba(58,51,53,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}
.btn-rotate:focus,.btn-rotate:focus:before,.btn-rotate:hover,.btn-rotate:before{-webkit-transition:all .3s cubic-bezier(.02,.01,.47,1);transition:all .3s cubic-bezier(.02,.01,.47,1)}
.btn-rotate:focus:before,.btn-rotate:hover:before{opacity:.15;-webkit-transform:scale(1);transform:scale(1)}*/

.brightness {-webkit-filter: brightness(1); filter: brightness(1);}
.brightness:hover {-webkit-filter: brightness(10); filter: brightness(10);}

.menuitem {
   box-shadow: #838f98 -10px 0px 18px -10px inset; 
   /*color: #21466a;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%);*/  
   background: linear-gradient(30deg, rgba(255,255,255, 1) 40%, rgba(210, 219, 226, 0.5) 100%); 
   cursor: pointer; 
   font-size: 11px;
   font-weight: 700;
   line-height: 110%;
   width: 290px;
   border-right: #ccc solid 1px;
   border-bottom: #ccc solid 1px;
   border-radius: 0px;
   padding: 10px 20px 10px 20px;
   position: relative;
   display: inline-block;
   text-decoration: none;
   text-transform: uppercase;
   text-align: left; 
}

.menuitem:hover, 
.menuitem:focus, 
.menuitem:active, 
.menuitem.active, 
.open .dropdown-toggle.menuitem {
   color: #fff; 
   background: #21466a;
   transition: all 0.2s ease-out; 
}

.navbaritem {
   box-shadow: #838f98 -10px 0px 18px -10px inset; 
   /*color: #21466a;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%);
   background: linear-gradient(30deg, rgba(210, 219, 226, 0.9) 0%, rgba(255,255,255, 1) 40%, rgba(210, 219, 226, 0.9) 100%);*/  
   background: linear-gradient(30deg, rgba(255,255,255, 1) 5%, rgba(210, 219, 226, 0.8) 100%);
   cursor: pointer; 
   font-size: 12px;
   font-weight: 700;
   line-height: 110%;
   width: 220px;
   border: 1px solid #ccc;
   border-top: 1px solid #fff; 
   border-radius: 0px;
   padding: 10px 20px 10px 20px;
   position: relative;
   display: block;
   text-decoration: none;
   text-transform: uppercase;
   text-align: left; 
   margin-bottom: -1px;
}


.navbaritem:hover, 
.navbaritem:focus, 
.navbaritem:active, 
.navbaritem.active, 
.navbaritem a:hover, 
.open .dropdown-toggle.navbaritem {
   color: #fff !important; 
   background: #21466a;
   transition: all 0.2s ease-out; 
   text-decoration: none;
}

.navbaritem.first {
  border-top: 1px solid #ccc;
  border-top-left-radius: 100px;
  border-top-right-radius: 0px;
}

.navbaritem.last {
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 0px;
  border-bottom: 1px solid #ccc;
}

.navbarnoitem {
   box-shadow: #838f98 -10px 0px 18px -10px inset; 
   /*color: #21466a;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%);
   background: linear-gradient(30deg, rgba(210, 219, 226, 0.9) 0%, rgba(255,255,255, 1) 40%, rgba(210, 219, 226, 0.9) 100%);*/  
   background: linear-gradient(30deg, rgba(255,255,255, 1) 5%, rgba(210, 219, 226, 0.8) 100%);
   font-size: 13px;
   font-weight: 700;
   line-height: 110%;
   width: 220px;
   border: 1px solid #ccc;
   border-radius: 0px;
   padding: 10px 15px 10px 15px;
   position: relative;
   display: block;
   text-decoration: none;
   text-align: left; 
}

.btn-u.btn-u-common {
   box-shadow: rgb(255,255,255) 0px 10px 18px -10px; 
   background: #fff;
   background: linear-gradient(-180deg, rgb(255,255,255) 5%, rgb(210, 219, 226) 100%); 
   border-radius: 10px; 
   cursor: pointer; 
   font-size: 14px;
   font-weight: 400;
   line-height: 120%;
   color: #555; 
   white-space: pre-wrap;
   border: 1px solid #ccc;
   padding: 6px 30px 10px 30px;
   position: relative;
   display: inline-block;
   text-decoration: none; 
}


.btn-u.btn-u-common:hover, 
.btn-u.btn-u-common:focus, 
.btn-u.btn-u-common:active, 
.btn-u.btn-u-common.active, 
.open .dropdown-toggle.btn-u.btn-u-btogris {
   color: #fff !important;;
   background: #2a839f;
   background: linear-gradient(-180deg, #3b73aa 0%, #122d47 50%); 
   /*background: linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(210, 219, 226) 50%); */
   /*background: linear-gradient(135deg, rgb(255,255,255) 15%, rgb(210, 219, 226) 100%); */
   text-shadow: #222 1px 1px 1px;
   -webkit-transform:scale(1.05);transform:scale(1.05)
   transition: background-color 0.5s ease-out;
}

.tag-box.tag-box-v8 {
    /*border-bottom: solid 2px #3c75ac;*/
    border-bottom: 1px solid #3c75ac;
    -moz-border-image: -moz-linear-gradient(left, transparent 0%, #3c75ac 20%, #3c75ac 80%, transparent 100%);
    -webkit-border-image: -webkit-linear-gradient(left, transparent 0%, #3c75ac 20%, #3c75ac 80%, transparent 100%);
    border-image: linear-gradient(left, transparent 0%, #3c75ac 20%, #3c75ac 80%, transparent 100%);
    border-image-slice: 1;
    box-shadow: 0px 5px 10px #acbac4;
    height:3px;
    padding: 0px 10px;
    margin-top: 20px;
}

.tag-box.tag-box-v9 {
    border: solid 1px #ccc;
     border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;
     padding: 30px 40px;
     box-shadow: 2px 2px 5px #acbac4;
}
   
.tag-box h4 {
    font-size: 20px;
    line-height: 25px;
    color: #174269;
    font-weight: 700;
    text-align: left;
}

.tag-box.tag-box-v4 {
  border: solid 1px #ccc;
  }

.headline h6 {
    font-size: 18px;
    border-bottom: 2px solid #174269;
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
}

.headline h2, .headline h3, .headline h4 {
    /*border-bottom: solid 2px #3c75ac;*/
    border-bottom: 2px solid #3c75ac;
    -moz-border-image: -moz-linear-gradient(left, transparent 0%, #3c75ac 20%, #174269 50%, #3c75ac 80%, transparent 100%);
    -webkit-border-image: -webkit-linear-gradient(left, transparent 0%, #3c75ac 20%, #174269 50%, #3c75ac 80%, transparent 100%);
    border-image: linear-gradient(left, transparent 0%, #3c75ac 20%, #174269 50%, #3c75ac 80%, transparent 100%);
    border-image-slice: 2;
}

.list-unstyled.list-address {
  font-size: 14px;
  text-align: left;
  margin-left: -10px;
  white-space: nowrap;
  }

.thumbnail-zoomy img {
  left: 10px;
  margin-left: -10px;
  position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-zoomy:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.thumbnail-st {
  padding: 7px 7px 20px 7px;
  margin-bottom: 20px;
  border: solid 1px #ddd;
  box-shadow: 0 0 10px #ccc;
}

/* Tooltip container */
.tooltips {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltips .tooltipstext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltipstext {
  visibility: visible;
}