.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}.w3-display-container{position:relative}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.bordercot{border-left: 5px double #c6c6c6;margin-left: -0.55%; padding-left: 1%;}
.catborder{border-left:5px double #f0b40e; margin-left:-4.55%; padding-left:2%}
.w3-main,#main{transition:margin-left .4s}
 .slick-list {   
    padding:0px !important;}

    .slick-slide {
	
	padding-left:0px;
	padding-right:0px;

}
.textmap .thumbex {
  /* margin: 0px 3px 5px; */
  width: 100%; 
  height: 300px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
  /* outline: 2px solid #ffffff; */
  /* outline-offset: -15px; */
  /* background-color: #000000; */
  /* box-shadow: 5px 10px 40px 5px rgba(0, 0, 0, 0.5); */
}
.textmap .thumbex  span a{color:#fff !important;}
.textmap .thumbex .thumbnail {
  overflow: hidden;
  min-width: 268px;
  height: 300px;
  position: relative;
  opacity: 0.88;
  backface-visibility: hidden;
  transition: all 0.4s ease-out;
}
.textmap .thumbex .thumbnail img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}
.textmap .thumbex .thumbnail span {
  position: absolute;
    z-index: 2;
    bottom: calc(123px - 122px);
    left: 0;
    right: 0;
    background: #000000;
    color: white;
    font-weight: 300;
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.2px;
}
.textmap .thumbex .thumbnail:hover {
  backface-visibility: hidden;
  transform: scale(1.15, 1.15);
  opacity: 1;
}
.Artefacts .thumbex .thumbnail:hover span {
  opacity: 0;
}
* {box-sizing: border-box} 
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {

}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}#iq-features{display:none;}
}
 .mapinfo-text p{ margin:0px 0px 5px 0px !important; font-size:15px;}
 .mapinfo-text p a{ margin:0px 0px 5px 0px !important; font-size:16px; color:red; font-weight:bold;}
  
button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

/* .section SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section {
  background: #F45B69;
  padding: 50px 0;
}

.section .container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.section h1 {
  font-size: 2.5rem;
}

.section h2 {
  font-size: 1.3rem;
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
  white-space: nowrap;
  overflow-x: hidden;
}

.timeline ol {
  font-size: 0;
  width: 100vw;
  padding: 250px 0;
  transition: all 1s;
}

.timeline ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 160px;
  height: 3px;
  background:#AD1457;
}

.timeline ol li:last-child {
  width: 280px;
}

.timeline ol li:not(:first-child) {
  margin-left: 14px;
}

.timeline ol li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  bottom: 0;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #F45B69;
}

.timeline ol li div {
  position: absolute;
  left: calc(100% + 7px);
  width: 280px;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: black;
  background:#fce4ec;
}

.timeline ol li div::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ol li:nth-child(odd) div {
  top: -16px;
  transform: translateY(-100%);
}

.timeline ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 8px 8px 0 0;
  border-color: #FCE4EC transparent transparent transparent;
}

.timeline ol li:nth-child(even) div {
  top: calc(100% + 16px);
}

.timeline ol li:nth-child(even) div::before {
  top: -8px;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent #FCE4EC;
}

.timeline time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.timeline .arrows .arrow__prev {
  margin-right: 20px;
}

.timeline .disabled {
  opacity: .5;
}

.timeline .arrows img {
  width: 45px;
  height: 45px;
}

.pyramidbox {
  margin: 0 auto;
  width:100%; 
} 
.textistateslide{display:block ;}.textistateshide{display:none;}
/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
	
	.textistateslide{display:block;} .textmap .thumbex .thumbnail{min-width: 180px;height: 180px;}
	.textmap .thumbex .thumbnail span{font-size:10px;} #marker_gallery_div .slick-list{height:200px;}.textmap .thumbex{height:200px;}
	.pyramidbox {
  margin: 0 auto;
  width:100%;  overflow-y: hidden;
    overflow-x: scroll;
} 
  .timeline ol,
  .timeline ol li {
    width: auto; 
  }
  
  .timeline ol {
    padding: 0;
    transform: none !important;
  }
  
  .timeline ol li {
    display: block;
    height: auto;
    background: transparent;
  }
  
  .timeline ol li:first-child {
    margin-top: 25px;
  }
  
  .timeline ol li:not(:first-child) {
    margin-left: auto;
  }
  
  .timeline ol li div {
    width: 94%;
    height: auto !important;
    margin: 0 auto 25px;
  }
  
  .timeline ol li div {
    position: static;
  }
  
  .timeline ol li:nth-child(odd) div {
    transform: none;
  }
  
  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: none;
    border-left: 1px solid white;
    height: 25px;
  }
  
  .timeline ol li:last-child,
  .timeline ol li:nth-last-child(2) div::before,
  .timeline ol li:not(:last-child)::after,
  .timeline .arrows {
    display: none;
  }
}
.modal-hist {
    width: 1010px !important;max-width: 92%!important;
}
.modal-histdialog {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all .6s ease;
    max-width: 92%!important;
}
.Builtbg{background-color:#c5cae9 !important;text-align: center; width:900px; }
.Streetsbg{background-color:yellow !important;text-align: center;width:900px; }
.Livingbg{background-color:#e57373 !important;text-align: center;width:900px; }
.Peoplebg{background-color:#f3f3f3 !important; text-align: center;width:900px; }
.Naturalbg{background-color:#b5e3b5 !important;text-align: center;width:900px; }
.orangebg{background-color: #FF7F50 !important;text-align: center; width:900px; }
.yellowbg{background-color:#FFFF00 !important;text-align: center; width:900px; }
.purplebg{background-color:#ddbafe !important;text-align: center;width:900px; }
.greybg{background-color:#e57373 !important;text-align: center;width:900px; }
.pinkbg{background-color:#FFB6C1 !important; text-align: center;width:900px; }
.greenbg{background-color:#90EE90 !important; text-align: center;width:900px; }
.goldenishbg{background-color:#DAA520 !important;text-align: center;width:900px; }
.brownbg{background-color:#CD853F !important;text-align: center;width:900px; }
.mySlides1,.mySlides{width:600px; height:auto;}
.mod-txt p{padding: 0px 0px 0px 16px;}
.Builtbg p,.Streetsbg p, .Livingbg p, .Peoplebg p, .Naturalbg p{font-size:14px;color:#000; text-align:justify;} 
.Builtbg p a,.Streetsbg p a, .Livingbg p a, .Peoplebg p a, .Naturalbg p a{font-size:14px;color:#000; text-align:center;}  
.w3-display-left,.w3-display-right {
    cursor: pointer !important;
    font-size: 43px;
    padding: 0px;
    line-height: 25px;
    color: #454545 !important;
}  
.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}

.ui-widget-content, .ui-widget-header  {
background:none !important;
border:none !important;
}
.ui-tabs .ui-tabs-panel { 
    border: 1px white solid !important;
    background-color:white !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { 
   background: #fff !important;
   color:#454545 !important;
   border-color:#fff !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #454545 !important;   background-color: #fff; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color: #cccccc0d !important; }

 


.mobtextile_container {display:none;}
 @media screen and (max-width: 800px){
.iq-features{display:none;}

.mobtextile_container {
	width: 100%;
	max-width: 100%;
	display: block;
	margin: auto;
	padding: 0px;  
	box-sizing: border-box;
}

.mobinner_container {
	padding: 5px;
}

.mobcontent_block {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	display: flex;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 5px 0px 5px 0px;
}

.mobtextile_image {
	display: block;
	width: 50%;
	padding: 0px 5px 0px 5px;
	box-sizing: border-box;
}

.mobtextile_image img {
	width: 100%;
	border-radius: 5px;
}
.mobtextile_text {
	font-family: 'Roboto', sans-serif;
	width: 50%;
	display: inline-block;
	padding: 3px 8px 8px 8px;
	margin: 0px 5px 0px 5px;
	border-radius: 5px;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
}

.mobtextile_heading {
	font-size: 16px;
	font-weight: 500;
	color: #6b1551;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.mobtextile_content {
	font-size: 14px;
	line-height: normal;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.mobcontent_explore {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	padding: 5px 0px 5px 0px;
	background: #218443;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	text-transform:uppercase;
	width: 100%;
	display: block;
	text-align: center;
	letter-spacing: 0.2em;
	box-sizing: border-box;
	border-radius: 5px;
}
}
 
  
.fighterbox {
  position: relative; 
}

.fighterimg {
  display: block;
  width: 100%;
  height: 240px;
}

.fighteroverlay {
  position: absolute;
  top: 0;cursor: pointer;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
background-color: #87045891;
}

.fighterbox:hover .fighteroverlay {
  opacity: 1;
}

.fightertxt {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
 .fighter-tabs{
    font-size:15px;
    padding:10px;
    color:#000;
}
 .fighter-tabs .fighter-tabs .fighter-link{
 border-radius: 9px !important;  
    text-align: center !important;
    font-size: 15px; background-color:#ccc;
     line-height: 43px;
}
.fighter-tabs .fighter-tabs .fighter-item{list-style: none;border-bottom: 1px dotted #979797;}
 .fighter-tabs .fighter-tabs .fighter-item.active{
        color: #ba005f!important;
    font-weight: bold; font-size:17px;
}
 .fighter-tabs .tab-content>.active{
    background:#fff;
    display:block;
}
 .fighter-tabs .fighter.fighter-tabs{
    border-bottom:0; 
    display:block; background-color:#ccc;
    float:left;
    margin-right:0px;
    padding-right: 15px;  
    text-align: center;
    border: 1px dashed #000;
}
 .fighter-tabs .sv-tab-panel{ 
    padding-top:10px;
}
@media only screen and (max-width: 420px){
  .titulo{font-size: 22px}
}
@media only screen and (max-width: 325px){
  .fighter-tabs{ padding:8px;}
}
 .thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

.thumbnail img {
    width: 100%; height:220px;
}
.caption h4{font-size:14px; text-align:center;}


#google_translate_element{width:300px;float:right;text-align:right;display:block}
.goog-te-banner-frame.skiptranslate { display: none !important;} 
body { top: 0px !important; }
#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}

.card-dyk {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; padding:5px;
   background-color: #f2f2f2;
    border: 1px dashed #ccc;
    border-radius: 5px;
}
.card-txt p{margin:0px; font-size:14px;}
.card-dyk img{width:40%; height:auto; padding:5px; border-radius:10px;}
.card-dyk hr{padding:0px; margin:0px;}
.calendar {
margin:5px 0px 0px 10px;
padding-top:5px;
float:right;
width:80px;
background:#ededef;
background:-webkit-gradient(linear,left top,left bottom,from(#ededef),to(#ccc));
background:-moz-linear-gradient(top,#ededef,#ccc);
font:bold 30px/60px Arial Black,Arial,Helvetica,sans-serif;
text-align:center;
color:#000;
text-shadow:#fff 0 1px 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
position:relative;
-moz-box-shadow:0 2px 2px #888;
-webkit-box-shadow:0 2px 2px #888;
box-shadow:0 2px 2px #888
}

.calendar em {
display:block;
font:normal bold 11px/30px Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:#00365a 0 -1px 0;
background:#04599a;
background:-webkit-gradient(linear,left top,left bottom,from(#6b1551),to(#dc3545));
background:-moz-linear-gradient(top,#04599a,#00365a);
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
border-top:1px solid #00365a
}

.calendar:before,.calendar:after {
content:'';
float:left;
position:absolute;
top:5px;
width:8px;
height:8px;
background:#111;
z-index:1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 1px 1px #fff;
-webkit-box-shadow:0 1px 1px #fff;
box-shadow:0 1px 1px #fff
}

.calendar:before {
left:11px
}

.calendar:after {
right:11px
}

.calendar em:before,.calendar em:after {
content:'';
float:left;
position:absolute;
top:-5px;
width:4px;
height:14px;
background:#dadada;
background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#aaa));
background:-moz-linear-gradient(top,#f1f1f1,#aaa);
z-index:2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px
}
.calendar em:before {
left:13px
}

.calendar em:after {
right:13px
}
.offer-l ul {
     margin-bottom: 0px; padding:0px;
}
 .offer-l ul li {
     display:inline-grid;
     margin: 0px 1px 3px 0px;
    width: 13.50%;
     background-color: #f8f8f8;
    text-align: center;
   padding: 4px;
    border-radius: 4px;    height: 120px;
}
.offer-l ul li:hover{background-color: #a82e62;color: #fff;}
.offer-l ul li a:hover{color: #fff;}
 .offer-l ul li span {
     display: block;
     color: #000;   text-transform:capitalize;
     font-family: 'Quicksand', sans-serif;    font-weight: 500;
    font-size: 14px;  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp:3;
   overflow: hidden;line-height: 14px;
}
.offer-l ul li span a{ border:0px;color: #000; }
 .offer-l ul li div {
     border-radius: 70px;
     width: 70px;
     height: 70px;
     vertical-align: sub;
     background: #fff;margin-left: 3px;
     border: 1px solid #ccc;
     
}
 .offer-l ul li div img {
     width: 50px;
     padding: 0px;
     height: 50px;
     margin-left:2px;margin-top: 8px;
}
#block-views-block-did-you-know-block-1 {
    background: #DA4453;
    background: -webkit-linear-gradient(to right,#89216B,#DA4453);
    background: linear-gradient(to right,#89216B,#DA4453);
    color: #fff;
}
#block-views-block-did-you-know-block-1 img{width:40%; height:auto; padding:5px; border-radius:10px;}
.whitenew-btn{font-size:12px;font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; color:#fff; margin:0px; padding:5px 3px;
    line-height: 17px;}
 .whitenew-btn:hover{color:#000;}
/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
 .offer-l ul li {width:23%;height: 120px;}
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) { 
  .offer-l ul li {width: 23%;height: 126px;padding: 2px 1px;} .card-dyk{margin: 0% 2% 0% 4%;}.slick-arrow:before {color: #6b1551;font-size: 36px;font-size: 2.25rem;
}.bordercot{border-left:0px double #c6c6c6; margin-left:0%;}.offer-l ul li div{margin-left: 1px;}
#block-childrensection .cards{margin: 10% 0px 0px 6%;}.catborder{border-left: 0px double #f0b40e; margin-left: 0px;}
  .Builtbg{background-color:#c5cae9 !important;text-align: center; width:115%; }
.Streetsbg{background-color:yellow !important;text-align: center;width:115%; }
.Livingbg{background-color:#e57373 !important;text-align: center;width:115%; }
.Peoplebg{background-color:#f3f3f3 !important; text-align: center;width:115%; }
.Naturalbg{background-color:#b5e3b5 !important;text-align: center;width:115%; }
.orangebg{background-color: #FF7F50 !important;text-align: center; width:115%; }
.yellowbg{background-color:#FFFF00 !important;text-align: center; width:115%; }
.purplebg{background-color:#ddbafe !important;text-align: center;width:115%; }
.greybg{background-color:#e57373 !important;text-align: center;width:115%; }
.pinkbg{background-color:#FFB6C1 !important; text-align: center;width:115%; }
.greenbg{background-color:#90EE90 !important; text-align: center;width:115%; }
.goldenishbg{background-color:#DAA520 !important;text-align: center;width:115%; }
.brownbg{background-color:#CD853F !important;text-align: center;width:115%; }
.mySlides1,.mySlides{width:90%; height:auto;} 
#features3-4 .btn-secondary{padding:10px 20px !important;font-size: 100% !important;}
.features3 .image-element, .features4 .image-element{padding:0px;} #features3-4{margin-top:2%;}
.item.list-group-item img{width:33%;} .item.list-group-item{max-width: 100%;width: 100% !important;}
.timeline-item--active .timeline__content-title {margin: 0px;}
.timeline__content-title, .timeline__content-title a{margin: 73px 0 0 0;} .hr-space{padding:10px;}
}

.innercard-dyk {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    /* padding: 5px; */
    margin: 0 6px 6px;
    /* background-color: #fff; */
}
.innercalendar {
margin:.25em 10px 10px 0;
padding-top:5px;
float:left;
width:80px;
background:#ededef;
background:-webkit-gradient(linear,left top,left bottom,from(#ededef),to(#ccc));
background:-moz-linear-gradient(top,#ededef,#ccc);
font:bold 30px/60px Arial Black,Arial,Helvetica,sans-serif;
text-align:center;
color:#000;
text-shadow:#fff 0 1px 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
position:relative;
-moz-box-shadow:0 2px 2px #888;
-webkit-box-shadow:0 2px 2px #888;
box-shadow:0 2px 2px #888
}

.innercalendar em {
display:block;
font:normal bold 11px/30px Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:#00365a 0 -1px 0;
background:#04599a;
background:-webkit-gradient(linear,left top,left bottom,from(#6b1551),to(#dc3545));
background:-moz-linear-gradient(top,#04599a,#00365a);
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
border-top:1px solid #00365a
}

.innercalendar:before,.innercalendar:after {
content:'';
float:left;
position:absolute;
top:5px;
width:8px;
height:8px;
background:#111;
z-index:1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 1px 1px #fff;
-webkit-box-shadow:0 1px 1px #fff;
box-shadow:0 1px 1px #fff
}

.innercalendar:before {
left:11px
}

.innercalendar:after {
right:11px
}

.innercalendar em:before,.innercalendar em:after {
content:'';
float:left;
position:absolute;
top:-5px;
width:4px;
height:14px;
background:#dadada;
background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#aaa));
background:-moz-linear-gradient(top,#f1f1f1,#aaa);
z-index:2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px
}

.innercalendar em:before {
left:13px
}

.innercalendar em:after {
right:13px
}

 .card-dyk {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; padding:5px;
   background-color: #f2f2f2;
    border: 1px dashed #ccc;
    border-radius: 5px;
}
.card-dyk1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; padding:5px;
   background-color: #a42d62;
    border: 1px dashed #ccc; color:#fff;
    border-radius: 5px;
}
.card-txt p{margin:0px; font-size:14px;}
.card-dyk img,.card-dyk1 img{width:40%; height:auto; padding:5px; border-radius:10px;}
.card-dyk hr,.card-dyk1 hr{padding:0px; margin:0px;}
.calendar {
margin:5px 0px 0px 10px;
padding-top:5px;
float:right;
width:80px;
background:#ededef;
background:-webkit-gradient(linear,left top,left bottom,from(#ededef),to(#ccc));
background:-moz-linear-gradient(top,#ededef,#ccc);
font:bold 30px/60px Arial Black,Arial,Helvetica,sans-serif;
text-align:center;
color:#000;
text-shadow:#fff 0 1px 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
position:relative;
-moz-box-shadow:0 2px 2px #888;
-webkit-box-shadow:0 2px 2px #888;
box-shadow:0 2px 2px #888
}

.calendar em {
display:block;
font:normal bold 11px/30px Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:#00365a 0 -1px 0;
background:#04599a;
background:-webkit-gradient(linear,left top,left bottom,from(#6b1551),to(#dc3545));
background:-moz-linear-gradient(top,#04599a,#00365a);
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
border-top:1px solid #00365a
}

.calendar:before,.calendar:after {
content:'';
float:left;
position:absolute;
top:5px;
width:8px;
height:8px;
background:#111;
z-index:1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 1px 1px #fff;
-webkit-box-shadow:0 1px 1px #fff;
box-shadow:0 1px 1px #fff
}

.calendar:before {
left:11px
}

.calendar:after {
right:11px
}

.calendar em:before,.calendar em:after {
content:'';
float:left;
position:absolute;
top:-5px;
width:4px;
height:14px;
background:#dadada;
background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#aaa));
background:-moz-linear-gradient(top,#f1f1f1,#aaa);
z-index:2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px
}
.calendar em:before {
left:13px
}

.calendar em:after {
right:13px
}
.offer-l ul {
     margin-bottom: 0px; padding:0px;
}
 .offer-l ul li {
     display:inline-grid;
     margin:0px 1px 5px 1px; width:15.65%;
     background-color: #fff;
    text-align: center;
   padding:4px 0px 4px 4px;
    border-radius: 4px;    height: 122px;border: 1px solid #f2f1f1;
}
.offer-l ul li:hover{background-color: #a82e62;color: #fff;}
.offer-l ul li a:hover{color: #fff;}
 .offer-l ul li span {
     display: block;
     color: #000;   text-transform:capitalize;
     font-family: 'Quicksand', sans-serif;    font-weight: 500;
    font-size: 14px;  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp:3;
   overflow: hidden;line-height: 14px;
}
.offer-l ul li span a{ border:0px;color: #000;font-size: 13px; }
 .offer-l ul li div {
     border-radius: 70px;
     width: 70px;
     height: 70px;
     vertical-align: sub;
     background: #fff;margin-left: 3px;
     border: 1px solid #ccc;
     
}
 .offer-l ul li div img {
     width: 50px;
     padding: 0px;
     height: 50px;
     margin-left:2px;margin-top: 8px;
}
#block-views-block-did-you-know-block-1 {
    background: #DA4453;
    background: -webkit-linear-gradient(to right,#89216B,#DA4453);
    background: linear-gradient(to right,#89216B,#DA4453);
    color: #fff;
}
#block-views-block-did-you-know-block-1 img{width:40%; height:auto; padding:5px; border-radius:10px;}
.whitenew-btn{font-size:12px;}
/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
 .offer-l ul li {width:23%;height: 126px;padding: 2px 1px;}
}
 
#cathome .tab-content>.active {
    display: block;
    background-color: #f8f8f8;
    padding: 2px;
}

#cathome .nav-tabs .nav-item.show .nav-link,#cathome .nav-tabs .nav-link.active {
    color: #d34155!important;
    background-color: #f8f8f8!important;
    border-color: #dee2e6 #dee2e6 #fff!important;
    border-top: 5px solid #d34155!important;
}
#cathome .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 0px solid !important;
    font-size: 16px;
    font-weight: bold;
}

/* Style 7
   ----------------------------- */
.seven h1 {
text-align: center;
    font-size:25px; font-weight:500; color:#222;  
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows:1px 0;
    grid-gap:10px;
    align-items: center;
}

.seven h1:after,.seven h1:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000;
    height: 5px;
  background-color:#f8f8f8;
}

.cards {
  position: relative;
  list-style-type: none;
  padding: 0;
  max-width:80%;
  margin: 10% auto 0;
}
.cardchild h1{ text-align:center; font-size:22px;}
.cardchild {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
 background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(243,243,243,1) 0%, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%);
  border-radius:10px;
  padding:10px;
  box-shadow: 0 0 3px #000;
  transform: translateY(0) rotate(4deg) translateX(25px) scale(1);
  transform-origin: 0 0;
  transition: transform 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8) 0.1s, background 0.4s linear;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cardchild :last-child {
  margin-bottom: 0;
}
.card--next {
  z-index: 5;
  transform: translateY(-25px) rotate(4deg) translateX(25px) scale(1);
}
.card--out {
  -webkit-animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8);
          animation: card-out 0.6s cubic-bezier(0.8, 0.2, 0.1, 0.8);
  transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  z-index: 1;
 background: linear-gradient(280deg, rgba(2,0,36,1) 0%, rgba(243,243,243,1) 0%, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%);
}
@-webkit-keyframes card-out {
  0% {
    z-index: 20;
    transform: translateY(0px) rotate(-4deg);
  }
  50% {
    transform: translateY(-120%) rotate(-5deg) translateX(-40px);
  }
  80% {
    z-index: 1;
  }
  100% {
    transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  }
}
@keyframes card-out {
  0% {
    z-index: 20;
    transform: translateY(0px) rotate(-4deg);
  }
  50% {
    transform: translateY(-120%) rotate(-5deg) translateX(-40px);
  }
  80% {
    z-index: 1;
  }
  100% {
    transform: translateY(-50px) rotate(8deg) translateX(55px) scale(0.95);
  }
}
.card--current {
  cursor: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  position: relative;
  z-index: 10;
  opacity: 1; color:#fff; text-align:center; font-size:20px;
  background: linear-gradient(360deg, rgba(2,0,36,1) 0%, rgba(243,243,243,1) 0%, #ff9c07 0%, #fc0 100%);
  transform: rotate(-1deg) translateX(0%) scale(1);
} 

.testim {
  width: 100%;  
}

.testim .wrap {
  position: relative;
  width: 100%; 
  padding:0px;
  margin: auto;
}

.testim .arrow {
  display: block;
  position: absolute;
  color: #333;
  cursor: pointer;
  font-size: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 5px;
  z-index: 22222222;
}

.testim .arrow:before {
  cursor: pointer;
}

.testim .arrow:hover {
  color: green;
}

.testim .arrow.left {
  left: 70px;
}

.testim .arrow.right {
  right: 70px;
}

.testim .dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 60px;
  left: 0;
  display: block;
  z-index: 3333;
  height: 12px;
}

.testim .dots .dot {
  list-style-type: none;
  display: inline-block;
  width:7px;
  height:7px;
  border-radius: 50%;
  border: 1px solid #ff9f07;
  margin: 0 3px;background: #ff9f07;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
  background: #ff9f07;
  border-color: #ff9f07;
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale 0.5s ease-in-out forwards;
  -moz-animation: testim-scale 0.5s ease-in-out forwards;
  -ms-animation: testim-scale 0.5s ease-in-out forwards;
  -o-animation: testim-scale 0.5s ease-in-out forwards;
  animation: testim-scale 0.5s ease-in-out forwards;
}

.testim .cont {
  position: relative;
  overflow: hidden;
}

.testim .cont > div {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding:8px; border-radius:10px;
  opacity: 0; 
}

.testim .cont > div.inactive {
  opacity: 1;
}

.testim .cont > div.active {
  position: relative;background:linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(243,243,243,1) 0%, rgba(218,68,83,1) 0%, rgba(137,33,107,1) 100%);
  opacity: 1;
}

.testim .cont div .img img {
  display: block;
  width: 100%;
  height: 200px;
  margin: auto;
  border-radius:10px;
}
.testim .cont div h2{padding:0px; margin:0px;}
.testim .cont div h2 a{
  color: #fff;
  font-size:22px; font-weight:500;
  margin:5px 0;
}

.testim .cont div p {
  font-size: 1.15em;
  color: #333;
  width: 70%;
  margin: auto;
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show 0.5s ease-in-out forwards;
  -moz-animation: testim-show 0.5s ease-in-out forwards;
  -ms-animation: testim-show 0.5s ease-in-out forwards;
  -o-animation: testim-show 0.5s ease-in-out forwards;
  animation: testim-show 0.5s ease-in-out forwards;
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in 0.4s ease-in-out forwards;
  -moz-animation: testim-content-in 0.4s ease-in-out forwards;
  -ms-animation: testim-content-in 0.4s ease-in-out forwards;
  -o-animation: testim-content-in 0.4s ease-in-out forwards;
  animation: testim-content-in 0.4s ease-in-out forwards;
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in 0.5s ease-in-out forwards;
  -moz-animation: testim-content-in 0.5s ease-in-out forwards;
  -ms-animation: testim-content-in 0.5s ease-in-out forwards;
  -o-animation: testim-content-in 0.5s ease-in-out forwards;
  animation: testim-content-in 0.5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide 0.5s ease-in-out forwards;
  -moz-animation: testim-hide 0.5s ease-in-out forwards;
  -ms-animation: testim-hide 0.5s ease-in-out forwards;
  -o-animation: testim-hide 0.5s ease-in-out forwards;
  animation: testim-hide 0.5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out 0.4s ease-in-out forwards;
  -moz-animation: testim-content-out 0.4s ease-in-out forwards;
  -ms-animation: testim-content-out 0.4s ease-in-out forwards;
  -o-animation: testim-content-out 0.4s ease-in-out forwards;
  animation: testim-content-out 0.4s ease-in-out forwards;
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out 0.5s ease-in-out forwards;
  -moz-animation: testim-content-out 0.5s ease-in-out forwards;
  -ms-animation: testim-content-out 0.5s ease-in-out forwards;
  -o-animation: testim-content-out 0.5s ease-in-out forwards;
  animation: testim-content-out 0.5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -webkit-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-moz-keyframes testim-scale {
  0% {
    -moz-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -moz-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -moz-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -moz-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-ms-keyframes testim-scale {
  0% {
    -ms-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -ms-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -ms-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -ms-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-o-keyframes testim-scale {
  0% {
    -o-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -o-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -o-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -o-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@keyframes testim-scale {
  0% {
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-webkit-keyframes testim-content-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes testim-content-in {
  from {
    opacity: 0;
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes testim-content-in {
  from {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes testim-content-in {
  from {
    opacity: 0;
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes testim-content-in {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes testim-content-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-moz-keyframes testim-content-out {
  from {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-ms-keyframes testim-content-out {
  from {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-o-keyframes testim-content-out {
  from {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes testim-content-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes testim-show {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes testim-show {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes testim-show {
  from {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes testim-show {
  from {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes testim-show {
  from {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes testim-hide {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-moz-keyframes testim-hide {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}

@-ms-keyframes testim-hide {
  from {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }
}

@-o-keyframes testim-hide {
  from {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes testim-hide {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}

@media all and (max-width: 300px) {
  body {
    font-size: 14px;
  }
}

@media all and (max-width: 500px) {
  .testim .arrow {
    font-size: 1.5em;
  }

  .testim .cont div p {
    line-height: 25px;
  }
}


.histgraybox{
        height:auto; margin-bottom: 3%;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
        position: relative;
        overflow:hidden;
filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
    }
.histgraybox:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}
    .histgraybox figure {
        position: absolute;
        padding: 10px 15px;
        width: 100%;
        bottom: -44%;
        transition: ease-in-out .5s;
        background: rgba(0, 0, 0, 0.71);
        border-top: 1px solid #fff;
    }
    .histgraybox:hover figure {
        bottom:-10%;
    }
    .histgraybox img{
        height: 100%;  

    }
.histgraybox a figure h2{color:#fff; text-align:center;}