.pb-55 {
padding-bottom: 55px;
}
.pt-80 {
padding-top: 80px;
}
.section-bg-tb {
margin: 25px 0;
position: relative;
z-index: 1;
}
.col-md-3 {
float: left;
padding: 0 13px;
width: 22%;
}
.product-item {
margin-bottom: 30px;
transition: all 0.3s ease 0s;
}
.product-item-2 {
border: 1px solid #dddddd;
border-radius: 10px;
max-height: 350px;
min-height: 280px;
position: relative;
top: 0;
transition: all 0.3s ease 0s;
}
.product-item:hover {
box-shadow: 0 8px 13px rgba(0, 0, 0, 0.15);
}
.product-item-2:hover {
border-color: #41c2fc;
box-shadow: 0 5px 2px rgba(0, 0, 0, 0.15);
top: -20px;
}
.product-img img {
width: 100%;
}
.product-item-2 img {
border-radius: 10px 10px 0 0;
transition: all 0.3s ease;
}
.product-item-2:hover img {
transform: scale(1.1, 1.1);
}
.product-item-2:hover .product-info {
background: #41c2fc none repeat scroll 0 0;
transition: all 0.3s ease;
}
.product-info {
background: #f6f6f6 none repeat scroll 0 0;
padding: 20px 0;
text-align: center;
}
.product-item-2 .product-info {
background: #ffffff none repeat scroll 0 0;
border-radius: 0 0 10px 10px;
border-top: 2px solid #f6f6f6;
transition: all 0.3s ease;
padding: 15px;
text-align: left;
margin-top: -7px;
}
.product-title {
color: #434343;
font-family: "Raleway",sans-serif;
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.brand-name {
color: #666666;
font-size: 13px;
font-weight: 500;
transition: all 0.3s ease;
}
.product-item-2:hover .product-info .product-title a {
color: #ffffff;
transition: all 0.3s ease;
}
.product-item-2:hover .product-info .brand-name {
color: #ffffff;
transition: all 0.3s ease;
}
.pro-price {
color: #E35454;
font-size: 16px;
font-family: "Roboto",sans-serif;
font-weight: 400;
line-height: 20px;
margin-bottom: 20px;
z-index: 9;
}
.product-item-2 .pro-price {
margin-bottom: 0;
}
.product-item-2 .action-button {
background: #ffffff none repeat scroll 0 0;
border-radius: 0 0 10px 10px;
border-top: 2px solid #f6f6f6;
bottom: 0;
opacity: 0;
text-align: center;
padding: 5px 0;
position: absolute;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 100%;
}
.product-item-2:hover .action-button {
bottom: -40px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
opacity: 1;
visibility: visible;
}
.action-button > li {
display: inline-block;
margin-right: 10px;
}
.action-button > li > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #dddddd;
border-radius: 50%;
color: #999999;
display: block;
font-size: 14px;
height: 30px;
text-align: center;
width: 30px;
}
.product-item-2 .action-button > li > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
}
.product-item-2 .action-button > li:hover > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ff7f00;
}
#Subheader.title-bar .sixteen.columns {
height: 80px;
margin-top: 40px;
}
#Subheader.title-bar .sixteen.columns h1 {
background: #41c2fc none repeat scroll 0 0;
color: #ffffff;
text-align: center;
left: initial;
}
#Subheader.inr_sub_hdr.no-height.title-bar .sixteen.columns {
height: 0;
}
.phone_desc_wrap > div.img_wrapper {
float: left;
width: 25%;
text-align: center;
}
.iphone_desc {
float: left;
width: 50%;
}
.best_seller {
float: left;
width: 25%;
}
.services_blk {
background: #ffffff none repeat scroll 0 0;
margin-bottom: 20px;
padding: 10px;
}
.img_wrapper > img {
margin: 0 auto;
width: 200px;
}
.desc_para {
margin-bottom: 25px;
padding: 0 20px;
}
.img_wrapper h4 {
margin-bottom: 0;
margin-top: 20px;
}
.one_three {
float: left;
width: 33%;
}
.dis_none {
display: none;
}
.desc_para  h3 {
font-weight: 500;
margin-bottom: 6px;
margin-top: 25px;
}
.three_sec {
overflow: hidden;
}
.one_three > div {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #41c2fc;
box-shadow: 0 0 5px #cccccc;
margin: 10px;
padding: 0 10px 10px;
}
.three_sec .one_three > div{
background: #f4fbff none repeat scroll 0 0;
border: 1px solid #41c2fc;
box-shadow: 0 0 5px #cccccc;
margin: 30px auto 30px;
max-width: 1200px;
padding: 0;
}
.one_three h3 {
background: #41c2fc none repeat scroll 0 0;
color: #ffffff;
font-size: 20px;
font-weight: 700;
margin: 0 -10px;
padding: 10px;
}
.phone_desc_wrap > .img_wrapper > p:first-child {
border: 1px solid #41c2fc;
border-radius: 5px;
box-shadow: 0 4px 4px rgba(64, 193, 252, 0.33);
margin-right: 20px;
padding: 10px;
}
.three_sec .one_three h3 {
margin: 0;
}
.one_three li {
margin: 7px 0;
color: #717171;
}
.services_blk > h3 {
background: #41c2fc none repeat scroll 0 0;
color: #ffffff;
font-size: 20px;
font-weight: 600;
margin: -10px -10px 10px;
padding: 10px;
}
.services_blk li {
margin-bottom: 5px;
color: #717171;
}
.desc_para h2 {
background: #41c2fc none repeat scroll 0 0;
color: #ffffff;
font-size: 30px;
font-weight: 700;
padding: 10px;
}
.inr_brdcrumb {
text-align: right;
}
#Subheader.inr_sub_hdr.title-bar .sixteen.columns {
height: 50px;
}
.white_bg {
background: #ffffff none repeat scroll 0 0;
padding: 10px;
}
.desc_para p {
color: #717171;
}
.contactus_blk img {
margin-right: 10px;
vertical-align: middle;
width: 30px;
}
.contactus_blk li:first-child img {
width: 25px;
}
.services_blk.contactus_blk li {
border-bottom: 1px solid #41c2fc;
margin: 5px 0;
padding: 10px 0;
}
.services_blk.contactus_blk li:last-child {
border-bottom: 0 none;
}
.services_blk.contactus_blk li:last-child a {
font-size: 14px;
} .hover14 figure {
position: relative;
}
.hover14 figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(65, 194, 252, 0.15) 0%, rgba(65, 194, 252, 0.3) 100%, rgba(65, 194, 252, 0.15) 0%);
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(65, 194, 252, 0.15) 0%, rgba(65, 194, 252, 0.3) 100%, rgba(65, 194, 252, 0.15) 0%) repeat scroll 0 0;
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hover14 figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.product-img {
border-radius: 10px;
overflow: hidden;
}
#Subheader{background-image:url(//www.metrodetroitphonerepair.com/wp-content/themes/tisson/css/../) !important;}
.product-img figure {
padding: 15px 0;
text-align: center;
}
.product-img figure > img {
height: auto;
width: auto;
}
.white_bg p strong::first-letter{color: #fff;}
.white_bg ol li:last-child:last-letter{color: #fff;}
.w{color: #fff;}
.get_in_touch > h3 {
max-height: 50px;
min-height: 50px;
}
.column-fixed .get_in_touch.inner-padding {
height: 310px;
}
.dnon{display: none;}