body, html {
font-family: 'Didact Gothic', sans-serif;;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
color: #f8f5f2;
width: 100% !important;
height: 100% !important;
}
.intro .intro-body {
display: table-cell;
vertical-align: middle;
}
aside {
padding: 60px 0 0 0;
}
h1,h2 {
font-family: 'Roboto', sans-serif;
margin:0px;
}
h1 strong {
font-weight: 900;
}
h3 {
font-size: 18px;
font-weight: 700;
}
h4,
h5,
h6 {
font-family: 'Didact Gothic', sans-serif;
letter-spacing: 1px;
}
.list-inline p {
margin-bottom: 10px;
font-size: 16px;
line-height: 1.6;
}
p{
margin-bottom: 8px;
font-size: 12px;
line-height: 1.2;
} /*16/10 klo tak ni takde. nak besarkan kat mobile*/
.capbox {
background-color: #808080;
border: #808080 0px solid;
border-width: 0px 12px 0px 0px;
display: inline-block;
*display: inline; zoom: 1; /* FOR IE7-8 */
padding: 8px 40px 8px 8px;
}
.capbox-inner {
font: bold 11px arial, sans-serif;
color: #000000;
background-color: #808080;
margin: 5px auto 0px auto;
padding: 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#CaptchaDiv {
font: bold 17px verdana, arial, sans-serif;
font-style: italic;
color: #000000;
background-color: #808080;
padding: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }
@media(min-width:768px) {
p {
margin: 0 0 15px;
font-size: 20px;
line-height: 1.6;
}
}
@media only screen(max-device-width: 568px)
{
.carousel-caption h2{
font-size:21px;
}
.carousel-caption h4{
font-size:16px;
}
}
p.intro {
font-size: 16px;
margin: 12px 0 0;
line-height: 24px;
font-family: 'Didact Gothic', sans-serif;
}
a {
color: #fff;
}
a:hover, a:focus {
text-decoration: none;
color: #fc8305;
}
ul, ol {
list-style: none;
}
footer{background-color: #000;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
ul, ol {
padding: 0;
webkit-padding: 0;
moz-padding: 0;
}
/* Navigation */
.navbar-custom {
margin-bottom: 0;
text-transform: uppercase;
background-color: #000;
}
.navbar-custom .navbar-brand {
font-weight: 600;
}
.navbar-custom .navbar-brand i.fa {
color: #fc8305
}
.navbar-custom .navbar-brand:focus {
outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
padding: 4px 6px;
font-size: 16px;
color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
outline: 0;
}
.navbar-custom a {
color: #fff;
}
.navbar-custom .nav li a {
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
outline: 0;
color: #fc8305;
background-color: transparent;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
outline: 0;
background-color: transparent;
color: #fc8305;
}
.navbar-custom .nav li.active {
outline: 0;
}
.navbar-custom .nav li.active a {
background-color: rgba(255,255,255,.3);
}
.navbar-custom .nav li.active a:hover {
color: #fff;
}
@media(min-width:768px) {
.navbar-custom {
padding: 20px 0;
border-bottom: 0;
letter-spacing: 1px;
background: 0 0;
-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.navbar-custom.top-nav-collapse {
padding: 0;
background: #000;
}
}
/* Home Style */
.intro {
display: table;
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
padding: 100px 0;
text-align: center;
color: #fff;
/*background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;*/
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.intro .intro-body {
display: table-cell;
vertical-align: middle;
}
.intro .intro-body .brand-heading {
color: #fc8305;
text-transform: uppercase;
letter-spacing: -2px;
}
.intro .intro-body .intro-text {
font-size: 18px;
}
@media(min-width:768px) {
.intro {
height: 100%;
padding: 0;
}
.intro .intro-body H1 {
font-size: 70px;
font-weight: 700;
letter-spacing: -2px;
}
.intro .intro-body .intro-text {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 8px;
margin-bottom: 50px;
}
}
.btn-circle {
position:relative;
width: 70px;
height: 70px;
margin-top: 0;
margin-left: -15px;
text-align: center;
padding: 7px 16px;
border: 2px solid rgba(255,255,255,.2);
border-radius: 100%!important;
font-size: 40px;
color: #fc8305;
background: 0 0;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
margin-bottom: 0px;
}
.btn-circle:hover, .btn-circle:focus {
outline: 0;
color: #fc8305 ;
background: rgba(255,255,255,.1);
}
.btn-circle i.animated {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-moz-transition-property: -moz-transform;
-moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
.learn-more-btn {
background: #70645f;
padding: 10px 10px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
-webkit-box-shadow: 0px 3px 0px 0px #70645f;
-moz-box-shadow: 0px 3px 0px 0px #70645f;
box-shadow: 0px 3px 0px 0px #70645f;
margin: 3px 0 0;
font-weight: bold;
}
.learn-more-btnn {
background: #70645f;
padding: 10px 10px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
color: #0000;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
-webkit-box-shadow: 0px 3px 0px 0px #70645f;
-moz-box-shadow: 0px 3px 0px 0px #70645f;
box-shadow: 0px 3px 0px 0px #70645f;
margin: 3px 0 0;
font-weight: bold;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
transform: scale(1);
}
50% {
-moz-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
}
}
.section-title.center {
padding: 10px 0;
}
.section-title h2, .section-title.center h2 {
font-weight: 200;
margin-bottom: 10px;
padding: 10px 0;
}
.section-title.center hr {
height: 4px;
width: 70px;
text-align: center;
position: relative;
background: #fc8305;
margin: 0 auto;
margin-bottom: 0px 0;
border: 0;
}
/* About Section */
#about {
padding:30px 0;
color: #444;
background: #fc8305; /* Old browsers */
background: -moz-linear-gradient(top, #fdf5f570%, #D4AF37100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #fdf5f5), color-stop(100%, #D4AF37)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fdf5f5 70%, #D4AF37 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fdf5f5 70%, #D4AF37 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fdf5f5 70%, #D4AF37 100%); /* IE10+ */
background: linear-gradient(to bottom, #fdf5f5 70%, #D4AF37 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5f5', endColorstr='#D4AF37', GradientType=0 ); /* IE6-9 */
}
#about .about-text {
margin-left: 10px;
}
#about .section-title.center hr {
background: #fc8305;
}
#about .padding-left {
padding-left: 50px;
}
#about H4 {
color: #333;
}
#about i.fa {
float: left;
display: block;
margin-right: 15px;
color: #fff;
font-size: 24px;
text-shadow: 0 0 1px #666;
}
#about img {
margin-top: -30px;
margin-left: 10px;
}
#about p {
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
#products {
padding: 0 0;
background: url(../img/spotlight.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.pfblock {
padding: 120px 0 100px;
}
.pfblock-gray {
background: #f5f5f5;
}
.pfblock-image {
padding: 0;
}
.calltoaction h1,
.calltoaction h2,
.calltoaction h3,
.calltoaction h4,
.calltoaction h5,
.calltoaction h6,
.pfblock-image,
.pfblock-image h1,
.pfblock-image h2,
.pfblock-image h3,
.pfblock-image h4,
.pfblock-image h5,
.pfblock-image h6 {
color: #fff;
}
.pfblock-header {
text-align: center;
margin: 0 0 60px;
}
.pfblock-header-left {
text-align: left;
}
.pfblock-header-left .pfblock-line {
width: inherit;
margin: 30px 0;
}
.pfblock-title{
font-weight: 800;
}
.pfblock-subtitle {
font-family: 'Didact Gothic', sans-serif;
font-style: normal;
font-size: 18px;
}
.pfblock-line {
background: rgba(135, 135, 135, 0.5);
width: 100px;
height: 1px;
margin: 30px auto;
}
.pfblock-icon {
font-size: 32px;
}
.calltoaction *{
text-align: center;
}
.calltoaction {
background: url(../images/item-3.jpg);
background-color: #222;
background-repeat: no-repeat;
background-position: 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 50px 0;
color: #999;
}
.calltoaction h2 {
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 3px;
}
.calltoaction-decription{
padding-top: 20px;
padding-bottom: 30px;
font-size: 20px;
color: #fff;
}
.calltoaction-btn {
text-align: center;
}
.calltoaction-btn > .btn {
background: rgba(255, 255, 255, .8);
color: #111;
margin-top: 5px;
margin-bottom: 5px;
}
.calltoaction-btn > .btn:hover{
background: #fff;
}
.long-down {
margin-bottom: 40px;
}
/*scroll down*/
.scroll-down {
position: absolute;
left: 50%;
bottom: 40px;
border: 2px solid #fff;
border-radius: 50%;
height: 50px;
width: 50px;
margin-left: -15px;
display: block;
z-index: 10;
text-align: center;
}
.scroll-down span{
position: relative;
color: #fff;
-webkit-animation-name: drop;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: drop;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-play-state: running;
}
#works i.fa {
font-size: 20px;
padding: 5px;
color: #fc8305;
}
/* Testimonials Section */
#shop {
/*background: url(../img/sugar-coffeebw.jpg);
background-size: cover;
background-attachment: fixed;*/
color: black;
padding: 50px 0;
}
#shops {
padding: 0;
}
#shops .item {
display: block;
width: 100%;
height: auto;
}
#shops .item p {
font-weight: 500;
margin: 15px 0;
color: #ddd;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 7px;
filter: Alpha(Opacity=1);
opacity: 1;
-webkit-border-radius: 0;
-moz-border-radius: 20px;
border-radius: 50%;
background: #FFFFFF;
transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
opacity: 1;
background: #fc8305
}
.owl-theme .owl-controls .owl-page.active span {
background: #fc8305;
}
/* Contact Section */
#contact {
padding: 60px 0;
background: linear-gradient(rgba(128,128,128,0.50),rgba(128,128,128,0.50))
, url(../img/sugar-coffeebw.jpg);
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-attachment: fixed;
background-size: cover;
-o-background-size: cover;}
#contact h3 {
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
color: #d4c9c9;
}
#contact form {
padding: 30px 0;
}
#contact .fa {
color: #fc8305;
margin-bottom: 10px;
}
#contact .text-danger {
color: #ff3333;
text-align: left;
}
label {
font-size: 12px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
float: left;
}
#contact .form-control {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#contact .form-control:focus {
border-color: inherit;
outline: 0;
-webkit-box-shadow: transparent;
box-shadow: transparent;
}
/* Footer */
nav#footer {
background-color: #000;
background: #222222;
color: #ddd;
padding: 30px 0 25px 0;
}
nav#footer .fnav {
vertical-align: middle;
}
ul.footer-social li {
display: inline-block;
margin-right: 10px;
}
nav#footer p {
font-size: 12px;
margin-top: 10px;
}
#footer i.fa {
height: 30px;
width: 30px;
font-size: 20px;
padding: 4px 5px;
color: #ddd;
transition: all 0.5s;
}
#footer i.fa:hover {
color: #fc8305;
}
#footer span{
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
color: #ddd;
}
.footer-social{
list-style: none;
padding: 0;
margin: 0 0 20px;
}
.footer-social li {
display: inline-block;
margin: 5px;
}
.footer-social a {
width: 36px;
height: 36px;
display: block;
line-height: 35px;
text-align: center;
border: 1px solid rgba(255, 255, 255, .1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
color: rgba(255, 255, 255, .2);
}
.footer-social a:hover {
border: 1px solid rgba(255, 255, 255, .5);
color: rgba(255, 255, 255, .8);
}
.container-sp {
margin: 0 auto;
width: 90%;}
.container-full {
margin: 0px;
width: 100%;
padding: 0;
border-width:0;}
.container-fluid {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px auto;
margin-left: 0px auto;
margin: 0px;
}
.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.main-text
{
position: absolute;
top: 50px;
width:100%;
color: #000;
}
ul.list-inline{margin-bottom:30px;margin-top:0}
ul.social-buttons{margin-bottom:0}
ul.social-buttons li a{
display:block;
background-color:#222;
height:40px;
width:40px;
border-radius:100%;
font-size:20px;
line-height:40px;
color:#C8C8C8 ;
outline:0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active
{background-color:#fed136}
#video-container {
top:0%;
left:0%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
overflow: hidden;
position: absolute;
background: url(alt.jpg) no-repeat;
background-size: cover;
margin-left: auto ;
margin-right: auto ;
}
video {
position:absolute;
z-index:0;
margin-left: auto ;
margin-right: auto ;
}
video.fillWidth {
top:0%; /*kasi tengah*/
left:0%; /*kasi tengah*/
min-width: 100%; /*min-video fullsize*/
min-height:100%; /*minvideo fullsize*/
height: auto; /*kasi full sc*/
width: auto; /*kasi full sc*/
margin-left: auto ;
margin-right: auto ;
}
.google_map {
height: 500px;
}
.maps iframe{
pointer-events: none;
}
/*====== icon for address ===== */
#image1 {
line-height: 1.5em;
list-style-image: url(http://www.backinactionfitnessequipment.com/wp-content/themes/outreach/images/small-phone-icon.png);
}
#image2 {
line-height: 1.5em;
list-style-image: url(http://propell.com.au/wp-content/uploads/email-icon-1.png);
}
#image3 {
line-height: 1.5em;
list-style-image: url(http://www.townofmanchester.org/images/1112d647.buildingIcon.png);
}
#image4 {
line-height: 1.5em;
list-style-image: url(http://iconshow.me/media/images/Mixed/line-icon/png/20/shop-20.png);
}
#image5 {
line-height: 1.5em;
list-style-image: url(http://images.hullstudent.com/clock-grey.png);
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
.imglogo {
padding:100px 0;
width:100%;
}
.imglogoo {
padding:100px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
p {
margin: 0 0 15px;
font-size: 20px;
line-height: 1.6;
}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.imglogo {
padding:100px 0;
width:100%;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#about p {
margin: 0 0 15px;
font-size: 22px;
line-height: 1.6;
}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.imglogo {
padding: 100px 0;
width:100%;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#about p {
margin: 0 0 15px;
font-size: 20px;
line-height: 1.6;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.imglogo {
padding: 100px 0;
width:auto;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#about p {
margin: 0 0 15px;
font-size: 20px;
line-height: 1.6;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.imglogo {
padding: 100px 0;
width:auto;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#about p {
margin: 0 0 15px;
font-size: 20px;
line-height: 1.6;
}
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.imglogo {
padding: 100px 0;
width:100%;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#about p {
margin: 0 0 15px;
font-size: 22px;
line-height: 1.6;
}
#products p {
font-size: 20px;
margin-top: 0;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.imglogo {
padding: 100px 0;
width:100%;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#about p {
margin: 0 0 15px;
font-size: 22px;
line-height: 1.6;
}
#products p {
font-size: 20px;
margin-top: 0;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.imglogo {
padding: 100px 0;
width:100%;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#about p {
margin: 0 0 15px;
font-size: 22px;
line-height: 1.6;
}
#products p {
font-size: 16px;
margin-top: 0;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.imglogo {
padding: 100px 0;
width:100%;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
padding: 20px 0;
}
#about p {
margin: 0 0 15px;
font-size: 22px;
line-height: 1.6;
}
#products p {
font-size: 16px;
margin-top: 0;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.imglogo {
padding: 100px 0;
width:100%;
}
.imglogoo {
padding: 30px 0;
width:100%;
}
.intro {
width: 100%; /*make it full screen nadira*/
height: 100%; /*make it full screen nadira*/
}
#products p {
font-size: 16px;
margin-top: 0;
}
#about p {
margin: 0 0 15px;
font-size: 22px;
line-height: 1.6;
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#img_cont {
display: table;
width:100%;
margin: 20px auto;
}
#img_cont a {
display: table-cell;
text-align: center;
width: 16%;
}
#img_cont img {
width: 100%;
max-width: 200px;
}
.btn {
border-radius: 0;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-default {
border: 1px solid #cc5100;
color: #fff;
background-color: #cc5100;
}
.btn-default:hover,
.btn-default:focus {
border: 1px solid #ff741a;
outline: 0;
color: #fff;
background-color: #ff741a;
}
.thumbnail1 {
position:relative;
overflow:hidden;
}
.caption {
position:absolute;
top:20.33%;
right:0;
background: rgba(0,0,0,0.65);
margin-left:15%;
margin-right:15%;
padding:2%;
display: none;
text-align:center;
color: white; !important;
z-index:2;
}
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
padding-bottom:0;
}
.shadowfilter {
-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,));
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}.shadowfilter:hover {
-webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.8));
}