/* Main Style*/
/* www.mcrmetalfiber.com */
/* MCR Metal Fiber Co., Limited */
/* font-family: 'Dosis', sans-serif;*/
@import url(../css/fonts.googleapis.css);

body {
font-family: "Dosis", sans-serif;
background: #fff;
font-weight: 300;
font-size: 1.5rem;
line-height: 2.2rem;
color: #888;}

:root{--thm-font: "Dosis", sans-serif;
	  --heading-font: "Dosis", sans-serif;
	  --special-font: "Dosis", sans-serif;
	  --thm-base: #c5a47e;
	  --thm-base-rgb: 170, 160, 129;
	  --thm-black: #333333;
	  --thm-black-rgb: 37, 41, 48;}

body, html {
margin:0;
overflow:auto;}

.bg-fixed-1 {
	position:fixed;
	top: 0;
	left:0;
	width: 100vw;
	height:100vh;
	opacity:0.5;
	background-image: url(../img/bg/logo.png);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
    z-index:-1;}

h1,h2,h3,h4,h5,h6 {
letter-spacing: 0px;
margin-top: 0px;
font-family: "Dosis", sans-serif;
color: #333;
font-weight: 400;}

a {
color:#fff;
font-family: "Dosis", sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;}

a:hover {
    color:burlywood;
    text-decoration: none;}

a:focus {
outline: none;
text-decoration: none;}

p { font-family: "Dosis", sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 0;}

ul,
li {
margin: 0;
padding: 0;}

fieldset {
border: 0 none;
margin: 0 auto;
padding: 0;}


/* margin & padding */

.mt-100 {margin-top: 100px;}
.mt-80 {margin-top: 80px;}
.mt-60 {margin-top: 60px;}
.mt-40 {margin-top: 40px;}
.mt-30 {margin-top: 30px;}
.mt-20 {margin-top: 20px;}
.mt-10 {margin-top: 10px;}
.mb-100 {margin-bottom: 100px;}
.mb-80 {margin-bottom: 80px;}
.mb-60 {margin-bottom: 60px;}
.mb-40 {margin-bottom: 40px;}
.mb-30 {margin-bottom: 30px;}
.mb-20 {margin-bottom: 20px;}
.mb-10 {margin-bottom: 10px;}
.pt-160{padding-top: 160px;}
.pt-100{padding-top: 100px;}
.pt-80 {padding-top: 80px;}
.pt-60 {padding-top: 60px;}
.pt-40 {padding-top: 40px;}
.pt-30 {padding-top: 30px;}
.pt-20 {padding-top: 20px;}
.pt-10 {padding-top: 10px;}
.pb-200{padding-bottom: 200px;}
.pb-160{padding-bottom: 160px;}
.pb-100{padding-bottom: 100px;}
.pb-80 {padding-bottom: 80px;}
.pb-60 {padding-bottom: 60px;}
.pb-40 {padding-bottom: 40px;}
.pb-30 {padding-bottom: 30px;}
.pb-20 {padding-bottom: 20px;}
.pb-10 {padding-bottom: 10px;}
	
/* preloader */

.preloader {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
top: 0;
left: 0;
z-index: 1;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
	align-items: center;
-webkit-box-pack: center;
justify-content: center;}
			
.preloader .preloader-circle {
width: 220px;
height: 220px;
position: relative;
border-style: solid;
border-width: 2px;
border-top-color: #70c745;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
z-index: 10;
border-radius: 50%;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
background-color: #ffffff;
-webkit-animation: zoom 500ms infinite ease;
animation: zoom 500ms infinite ease; 
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;}

.preloader .preloader-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 200; }

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
	
 100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
	
@keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
	
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*START PRELOADER DESIGN*/
.preloader {
    background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 30px;
	font-weight:600px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
color:white;
font-size:20px;
font-weight: 500;
letter-spacing: 1px;
margin-top: 0;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;}
.section-title  h3 {
font-size:20px;
color:black;
font-weight: 500;
letter-spacing:1px;
margin-top: 0;
text-transform: capitalize;
}
.section-title  h4 {
font-size:24px;
font-weight: 500;
letter-spacing: 2px;
margin-top: 0;
text-transform: capitalize;
}
.section-title  h5 {
color:darkgrey;
font-size:14px;
font-weight: 500;
letter-spacing: 0px;
margin-top: 0;
}
.section-title div {
background: #a8a8a8 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START HEADER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.header_area {
  left: 0;
  padding: 8px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
.top-info-left a {
color: #fff;
display: inline-block;
font-family: "Dosis", sans-serif;
font-size: 15px;
margin: 5px 10px 5px 0;
}
.top-info-left a i{ margin-right: 5px }
.top-info-right ul { float: right }
.top-info-right li { float: left }
.top-info-right li a { display: block }
.top-info-right li a i {
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	height: 25px;
	margin: 2px;
	width: 25px;
	color: #fff;
    -webkit-transition: all 0.36s ease-out;
            transition: all 0.36s ease-out;
}
.top-info-right li a i:hover {
color:burlywood;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END HEADER TOP DESIGN
* ----------------------------------------------------------------------------------------
*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.home {
--toolbar-height: 0px;
width:100%;
min-height: calc(100vh - var(--toolbar-height));
display:flex;	
overflow: hidden;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
box-sizing: border-box;
background-position: center center;
background-repeat: no-repeat;
background-attachment:fixed;
animation: slide 30s infinite;
position: relative; 
}

@keyframes slide {
0% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}	
10% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}
20% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}
30% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}
40% { background-image: url('../img/bg/banner-2.jpg');transform: translate3d(0, 0, 0);}
50% { background-image: url('../img/bg/banner-3.jpg');transform: translate3d(0, 0, 0);}
60% { background-image: url('../img/bg/banner-4.jpg');transform: translate3d(0, 0, 0);}
70% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}
80% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}
90% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}
100% { background-image: url('../img/bg/banner-1.jpg');transform: translate3d(0, 0, 0);}
}

.hero-bg{
margin: auto;
max-width: min(80ch, 90vw);
border-radius: 5px;
background:rgba(0,0,0,0.3);}

.hero-text{
max-width: min(80ch, 90vw); /* 使用ch单位与字符同宽 */
margin: auto;}

.hero-text h2 {
color:white;
font-size:24px;
font-weight: 600;
letter-spacing:1px;
line-height:60px;
text-transform: capitalize;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;}
.hero-text h2:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);}	
.hero-text p {
color: #fff;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;}
.hero-text p:hover {	
-webkit-transform: scale(1.02);
transform: scale(1.02);}	
.home_btn{
margin-top: 30px;}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 5px;
display: inline-block;
font-family: "Dosis",sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin: 0 10px 15px;
padding: 9px 15px;
transition: all 0.5s ease 0s;
}
.home_btn a:hover{
background: transparent none repeat scroll 0 0!important;
border: 2px solid #fff!important;
color:#fff!important;
-webkit-transform: scale(1.05);
	        transform: scale(1.05);}
.home_btn_color_one{background: rgba(251,251,251,0)none repeat scroll 0 0 !important;color: #fff;}
.home_btn_color_two{background: #2a80b9 none repeat scroll 0 0 !important;border: 2px solid #2a80b9 !important;color: #fff;}

.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height: 700px }
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div { height: auto }
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}
.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.single-slide-item {
    position: relative;
    z-index: 1;
}
.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.slide-1 {
    background: url(../img/bg/slide1.jpg) scroll 0 0;
    background-size: cover;
}
.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}
.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h2 {
color: #fff;
font-size: 54px;
font-weight: 500;
letter-spacing: 2px;
line-height: 70px;
text-transform: capitalize;
}
.single-slide-item p {
color: #fff;
font-weight: 400;
letter-spacing: 1px;
margin: auto auto 15px;
width: 70%;
}
.carousel-indicators-slider { bottom: 30px !important }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*
* ----------------------------------------------------------------------------------------
* 04.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background:rgba(0,0,0,0.6) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding-top: 15px;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
.stick {
position:fixed;
top:0px;
z-index:999999;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #000000!important;
background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
 color:#171717 !important;
 background-color: transparent;}

.navbar-brand img {
background-color: transparent;
width:100px;
height:80px;
margin-top:-30px;
padding: 0 10px;
transition: all 0.5s ease 0s;}
.navbar-brand img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);}	
	
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color:white!important;
font-family: "Dosis",sans-serif;
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 0px;
text-align:center;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.menu-top li a:hover {color:#ffffff;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

.navbar-default.menu-shrink {
background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
padding-top: 5px 0;
width: 100%;
margin-top:0px;
text-align:center;
}
.navbar-default.menu-shrink li a {color:rgba(0, 0, 0, 0.9) !important; }
.navbar-default.menu-shrink li a:hover {color:#000000!important }
.navbar-default .navbar-toggle {text-align:center;background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover
.navbar-default .navbar-toggle:focus { background-color: #333333; }
.navbar-default .navbar-toggle .icon-bar { background-color: #2a80b9; }
/*
* ----------------------------------------------------------------------------------------
* 04.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*
* ----------------------------------------------------------------------------------------
* 05.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

.about {
background-position: center center;
background-attachment:fixed;}

.feature{	
	background: #f9f9f9;}

.single_about {
	position:relative;
	z-index:1;
    overflow-y: auto; 
	border: 1px solid #e8e8e9;
	padding: 40px 20px;
	transition: all 0.4s ease 0s;
	text-align: center;}

.single_about:last-child { border-right: 1px; }
.single_about:hover {box-shadow:0 5px 45px 0 rgba(0, 0, 0, 0.9);z-index:999; }
.single_about i {
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin: 0 0 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	width: 40px;}

.color-one{background: #5d82d1 none repeat scroll 0 0;opacity:1;}
.color-two{background: #40bff5 none repeat scroll 0 0;opacity:1;}
.color-three{background: #238cc8 none repeat scroll 0 0;opacity:1;}
.color-four{background: #7ab55c none repeat scroll 0 0;opacity:1;}
.color-five{background: #13bfb1 none repeat scroll 0 0;opacity:1;}
.color-six{background: #f39c11 none repeat scroll 0 0;opacity:1;}
.color-seven{background: #27ae62 none repeat scroll 0 0;opacity:1;}
.color-eight{background: #cc181e none repeat scroll 0 0;opacity:1;}
.color-nine{background: #5d82d1 none repeat scroll 0 0;opacity:0.8;}
.color-ten{background: #238cc8 none repeat scroll 0 0;opacity:0.8;}
.color-eleven{background: #13bfb1 none repeat scroll 0 0;opacity:0.8;}
.color-twelve{background: #27ae62 none repeat scroll 0 0;opacity:0.8;}
.single_about h4 {
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out 0s;
}
.single_about p {
margin-bottom: 0;
padding: 0 15px 15px;
font-size: 14px;
color:black;
font-weight: 400;
text-align:justify;
}
   
.single_about:hover i {
	transform: scale(1.1);}
/*
* ----------------------------------------------------------------------------------------
* 05.END ABOUT  DESIGN
* ----------------------------------------------------------------------------------------

* ----------------------------------------------------------------------------------------
* 06.START GALLERY
* ----------------------------------------------------------------------------------------
*/
.gallery{
background-position:center center;
background-attachment: fixed;}

.single_gallery {
position:relative;
z-index:1;
padding-bottom: 20px;}

.single_our_work{
display:block;
opacity:0.5;
overflow: hidden;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}

.single_our_work:hover{
opacity:1;
-webkit-transform: scale(1.1);
transform: scale(1.1);}

.single_our_work img{
width: 90%;
padding-top:30px;
padding-bottom:30px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;}

.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0); /* semi-transparent white background */
display: flex;
justify-content: center;
align-items: center;
transition: opacity 0.5s ease; /* Optional: for a smooth transition */}

.overlay span {
color: #ffffff; /* Text color */
font-size: 18px; /* Text size */
font-weight:500;
background:#000000;
opacity:0.8;
transition: opacity 0.5s ease; /* Optional: for a smooth transition */}

.single_our_work:hover .overlay {
 opacity: 0; /* Hide overlay on hover */}
 
.single_our_work figure{
margin-bottom: 0;}

.sing_work_text_link{
position:absolute;
margin-top:180px;
width: 100%;
height:40%;
top: 0;
color: #fff;
background: rgba(0,0,0, 0.6);
-webkit-transition: .5s;
transition: .5s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;}

.sing_work_content_wrap{
display: table;
height: 100%;
width: 100%;}

.sing_work_content{
display: table-cell;
vertical-align: middle;}

.sing_work_text_link h4{
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 0px;
padding-top:50px;
margin-top: -20px;
letter-spacing: 1px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}

.sing_work_text_link h4:hover{
color:darkgoldenrod;
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity:1;}	

.sing_work_text_link h5{
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom:30px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}

.sing_work_text_link h5:hover{
color:darkgoldenrod;
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity:1;}	

.sing_link_img a i.fa{
font-size: 14px;}

.sing_link_img a{
color: #fff;
font-family: "Dosis", sans-serif;
font-weight: 500;}

.sing_link_img a:hover
{color:darkgoldenrod;}

.sing_link_img a.search{
margin-right: 16px;}

.single_our_work:hover  .sing_link_img a.search{
-webkit-animation: slideInDown 800ms ease-in-out;
animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
-webkit-animation: slideInDown 800ms ease-in-out;
animation: slideInDown 800ms ease-in-out;}

.single_our_work:hover{
background:#FFFFFF;
color: darkgoldenrod;}

.sing_work_text_link:hover{
color: darkgoldenrod;}


.single_our_work:hover .sing_work_text_link {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;}

/*gallery modal*/

.modal-dialog {
  margin: 80px auto 30px;
}
.modal-title {
  color: #333;
  margin: 0;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
margin-bottom: 15px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}
.modal-body:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);	}

.modal-body p{
margin: 20px 0;
text-align:justify;
}
.gallery-list {
margin: 30px 0;
}
.gallery-list label{
color: #333;
margin-bottom: 0;
margin-right: 20px;
width: 100px;
}
.gallery-list li{
padding: 7px 0;
font-size: 14px;
}
.gallery-list li a{
color: #777;
font-size: 13px;
transition: all 0.4s ease 0s;
}
.gallery-list li a:hover{color:#2a80b9;}
/*End gallery modal*/
/*
* ----------------------------------------------------------------------------------------
* 06.END GALLERY
* ----------------------------------------------------------------------------------------

* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service {

background-attachment: fixed;
background-position:center center;
}
.single_why {
	position:relative;
	z-index:1;
    border: 1px solid #e8e8e9;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.single_why:hover { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; }
.single_why_title { margin-bottom: 10px }
.single_why i {
    color: #fff;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    padding: 0 15px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 40px;
}

.single_why:hover i {
    background: #fff;
    color: #2a80b9;
}
.single_why h4 {
    color: #333;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.single_why:hover h4 { color: #fff }
.single_why p {
margin-bottom: 0;
padding: 0 15px 15px;
font-size: 14px;
color:black;
font-weight: 400;
text-align:justify;
}
.single_why:hover p { color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*
* ----------------------------------------------------------------------------------------
* 08.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video{
background-position:center center;
background-attachment: fixed;
}
.about_video:before { 
    content: "";
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    top: 0;}
.video-container h1 {
color: #333;
font-size:16px;
font-weight: 500;
margin-bottom: 0;
margin-top: 50px;
text-transform: capitalize;}
.video-container i 
{color:#2a80b9;
border-radius:20px; 
font-size:50px;
display: inline-block;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;}
.video-container i:hover {
position: relative;
color:darkgoldenrod;
-webkit-transform: scale(1.1);
transform: scale(1.1);	}

.fa-play  {
color:#2a80b9;
font-size: 50px;
position: relative;
margin:auto;}
.video-modal-content {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    margin-top: 100px;
    text-align: center;
    box-shadow: none;
    border: none;}
.video-modal-content iframe { border: none;}
/*
* ----------------------------------------------------------------------------------------
* 08.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*
* ----------------------------------------------------------------------------------------
* 09.START OUR CATEGORY
* ----------------------------------------------------------------------------------------
*/

.category {
background-attachment: fixed;
background-position:center center;
}

.img_wrap img{
position:relative;
opacity:1;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;}

.single_category {
position:relative;
z-index:1;
opacity:1;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;}

.single_category:hover {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);}

.social_link{
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	opacity: 0;}
.img_wrap:hover .social_link{
opacity:0.5;
visibility: visible;
}
.social_table{
	display: table;
	height: 100%;
	width: 100%;	
}
.social_table ul {
	list-style: none;
	display: table-cell;
	padding: 0;
	vertical-align: bottom;
	padding-bottom: 30px;
}
.social_table ul a{
	background: #2a80b9 ;
	border: 1px solid #2a80b9;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	transition: all 0.5s ease 0s;
	width: 40px;
	border-radius: 50%;
}
.social_table ul a:hover{
background: #fff none repeat scroll 0 0;
color: #2a80b9;
border-color: #fff;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.category_title{
background:#000000 none repeat scroll 0 0;
opacity:0.8;
padding: 10px 0;
}

.category_title h3{
color: #fff;
letter-spacing:1px;
font-size: 18px;
font-weight: 400;
margin-bottom: 5px;
margin-top: 0;
opacity:1;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}

.category_title h3:hover {
color:darkgoldenrod;
letter-spacing:1px;
-webkit-transform: scale(1.1);
transform: scale(1.1);}

.category_title p{
font-size: 16px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
color:#ffffff;}
.category_title p:hover{
color:darkgoldenrod;
-webkit-transform: scale(1.1);
transform: scale(1.1);}
/*
* ----------------------------------------------------------------------------------------
* 09.END OUR CETEGORY
* ----------------------------------------------------------------------------------------
*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonials{
background-position:center center;
background-attachment: fixed;
}

.single_testimonial {
	position:relative;
	z-index:1;
    border: 1px solid #eee;
    padding: 20px;
}

.single_testimonial:hover {
background: rgba(0, 10, 0, 0.1) none repeat scroll 0 0;
}
.single_testimonial h4 {
    letter-spacing: 1px;
    margin-top: 0;
}
.single_testimonial i {
    color: #ffc207;
    margin-bottom: 20px;
    margin-top: 10px;
}
.single_testimonial img {
border-radius: 500px;
display: block;
height: 100px;
margin: auto auto 10px;
width: 100px;
opacity:0.1;
}
.single_testimonial h3 {
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 0;
font-weight: 500;
}
.single_testimonial p {
font-size: 14px;
color:black;
margin-bottom: 0;
font-weight: 400;
text-align:justify;
}
.single_testimonial p:hover {
color:#000000;}
.carousel-indicators li {
border: 1px solid lightgrey;
border-radius: 5px;
height: 5px;
margin: 0 1px;
width: 10px;
background-color:lightgrey;
}
.carousel-indicators .active {
background-color:lightgrey;
border-radius: 5;
height: 5px;
margin: 0 1px;
width: 20px;
}
.site-wrapper { margin-bottom: 65px }
#testimonial_slide { margin-bottom: 70px }
#testimonial_slide .carousel-indicators { bottom: -50px }
.carousel-control { display: none }

/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------

* ----------------------------------------------------------------------------------------
* 11.START PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/


.enquiry {
background-attachment: fixed;
background-position:center center;}
.enquiry h5{
color:darkgray;
line-height: 30px;
font-size: 14px;
font-weight:500;}
.enquiry-table {
position:relative;
z-index:1;
border: 1px solid #e8e8e9;
display: block;
text-align: center;}

.enquiry-title {
background: #000000;
opacity:0.7;
color: #ffffff;
letter-spacing:1px;
font-size: 16px;
font-weight: 500;
height: 120px;
padding: 20px 0 10px;
text-align: center;
text-transform: capitalize;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}

.enquiry-title:hover {
font-size: 17px;}

.enquiry-table p:hover {
color:darkgoldenrod;
opacity:0.8;}

.enquiry-list li {
    border-top: 1px dashed #eaeaea;
    color:black;
    list-style: outside none none;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
	font-weight:500;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.enquiry-list li:hover { background-color: rgba(0, 0, 0, 0.03) }
.enquiry-table button {
    margin: 20px 0;
    padding: 10px 20px;
}
.enquiry-btn{	
background:rgba(0,0,0,0.9);	
margin-top: 20px;
padding-top:35px;}

.enquiry-btn a {
color:black;
background:rgba(0,0,0,0);
border: 2px solid #999;
border-radius: 5px;
display: inline-block;
font-family: "Dosis",sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin: 0 10px 15px;
padding: 9px 15px;
transition: all 0.5s ease 0s;
}
.enquiry-btn a:hover{
background: transparent none repeat scroll 0 0!important;
border: 2px solid #b8860b!important;
color:darkgoldenrod;
-webkit-transform: scale(1.05);
	        transform: scale(1.05);}
.enquiry-btn_color_one{background: rgba(42,128,185,0.1)none repeat scroll 0 0 !important;}
.enquiry-btn_color_two{background: #2a80b9 none repeat scroll 0 0 !important;border: 2px solid #2a80b9 !important;color: #fff;}

/*
* ----------------------------------------------------------------------------------------
* 11.END PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------

* ----------------------------------------------------------------------------------------
* 12.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.signup_form h3 {
font-size: 30px;
letter-spacing: 1px;
margin-bottom: 40px;
margin-top: 0;
text-transform: capitalize;
}
.signup_form input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #fff;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
color: #333;
height: 50px;
margin-bottom: 40px;
}
.signup_form input:focus{box-shadow: 0 3px 45px 0 rgba(0, 0, 0, 0.2);}
.signup_form button {
    background: #2a80b9 none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.signup_form button:hover {
    background: #333;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------

* ----------------------------------------------------------------------------------------
* 13.START PARTNER LOGO DESIGN
* ----------------------------------------------------------------------------------------
*/
.shapeportrait{
background-attachment: fixed;
background-position:center center;}
.shape {
text-align: center;
position:relative;
z-index:1;}
.shape img{
opacity:0.5;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;}
.shape img::after{
-webkit-transition: 1s;
transition: 1s;}
.shape img:hover {
 position: relative;
 z-index: 1;
opacity:1;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.shape h5{
color:black;
font-size:14px;
font-weight:500;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;}

.shape h5:hover{
position: relative;
z-index: 2;
color:darkgoldenrod;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*
* ----------------------------------------------------------------------------------------
* 14.FAQ
* ----------------------------------------------------------------------------------------
*/
.faq {
background-attachment: fixed;
background-position:center center;}
.feature{	
background: #f9f9f9;
}
.single_faq {
	position:relative;
	z-index:1;
	border: 1px solid #e8e8e9;
	padding: 40px 20px;
	transition: all 0.4s ease 0s;
	text-align: center;
}
.single_faq:last-child { border-right: 1px; }
.single_faq:hover {box-shadow:0 5px 45px 0 rgba(0, 0, 0, 0.9);z-index:999; }
.single_faq i {
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin: 0 0 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	width: 40px;
}

.single_faq h4 {
margin-bottom: 0;
font-size: 15px;
line-height:22px;
color:black;
font-weight: 500;
text-align:center;}
.single_faq h4:hover {
color:black;} 
	
.single_faq p {
margin-bottom: 0;
font-size: 14px;
color:black;
font-weight: 400;
text-align:justify;}
.single_faq p:hover {
color:darkgoldenrod;} 

.single_faq:hover i {
transform: scale(1.1);}

.faq-btn{
background:rgba(0,0,0,0.9);	
margin-top: 30px;
padding-top:18px;}

.faq-btn a {
color:black;
border: 2px solid #999;
border-radius: 5px;
display: inline-block;
font-family: "Dosis",sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin: 0 10px 15px;
padding: 9px 15px;
transition: all 0.5s ease 0s;
}
.faq-btn a:hover{
background: transparent none repeat scroll 0 0!important;
border: 2px solid #b8860b!important;
color:darkgoldenrod;
-webkit-transform: scale(1.05);
transform: scale(1.05);}
.faq-btn_color_one{background: rgba(42,128,185,0.1)none repeat scroll 0 0 !important;}
.faq-btn_color_two{background: #2a80b9 none repeat scroll 0 0 !important;border: 2px solid #2a80b9 !important;color: #fff;}

/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT
* ----------------------------------------------------------------------------------------
*/
.contact {
overflow: hidden;
padding: 35px;
position: relative;

}
.contact:before {
    background:#111 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
}

.form-control {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
border: 0 solid #eee;
border-radius: 0;
box-shadow: none;
color: #fff;
height: 50px;
padding-left: 10px;
transition: all 0.2s ease 0s;
}
.form-control:focus {
    border-radius: 0;
    box-shadow: none;
    outline: 0 none;
	border-bottom:1px solid #fff;
}
.mbnone { margin-bottom: 0px }
.actions {
    margin-top: 30px;
}
.btn-contact-bg {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
border: 0px solid rgba(0, 0, 0, 0.4);
border-radius: 30px;
color: #fff;
font-size: 14px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #2a80b9;
    border: 0px solid #2a80b9;
    color: #fff;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #379bbc;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.single_address{
margin-bottom: 26px;
overflow: hidden;
text-align: center;
margin-left: 10px;
}
.single_address i{
border-radius: 50px;
color: #fff;
height: 30px;
line-height: 30px;
transition: all 0.2s ease 0s;
width: 30px;}

.single_address i:hover{
color:darkgoldenrod;
-webkit-transform: scale(1.05);
transform: scale(1.05);}

.contact-title {
color:white;
font-size:20px;
font-weight: 500;
letter-spacing: 1px;
margin-top: 0;
margin-bottom:0px;
text-transform: capitalize;
-webkit-transition: all 500ms ease;}

.contact-title div {
background: #a8a8a8 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto 0;
overflow: hidden;
width: 50px;
}
.single_address h4{
text-transform: capitalize;
font-size:14px;
font-weight: 600;
color:darkgoldenrod;
}
.single_address p{color: #fff;
overflow: hidden;}
.single_address_mbnone{margin-bottom: 0px;}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------

* ----------------------------------------------------------------------------------------
* 15.START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
#map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* 15.START MAP DESIGN
* ----------------------------------------------------------------------------------------
*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {

    background-color: #25252a;
    padding: 20px 0;
}
.footer_copyright {
color: #fff;
margin: 15px 0 0;
padding-bottom: 10px;}

.footer_social {float: middle; }
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #2c2c31 none repeat scroll 0 0;
border: 0px solid #2c2c31;
border-radius: 4px;
color: #fff;
display: block;
font-size: 18px;
height: 40px;
line-height: 20px;
margin: 4px;
padding: 9px 12px;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
width: 40px;
}
.footer_social ul li a:hover { color: #fff }

.f_facebook:hover {
background: #5D82D1;
box-shadow: 0 0 0 0px #5D82D1;
border: 1px solid #5D82D1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.f_twitter:hover {
background: #40BFF5;
box-shadow: 0 0 0 0px #40BFF5;
border: 1px solid #40BFF5;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.f_instagram:hover {
background: #EB5E4C;
box-shadow: 0 0 0 0px #EB5E4C;
border: 1px solid #EB5E4C;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.f_linkedin:hover {
background: #238CC8;
box-shadow: 0 0 0 0px #238CC8;
border: 1px solid #238CC8;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.f_youtube:hover {
background:#FFA500;
box-shadow: 0 0 0 0px #CC181E;
border: 1px solid #CC181E;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.f_pinterest:hover {
background: #CC181E;
box-shadow: 0 0 0 0px #CC181E;
border: 1px solid #CC181E;
-webkit-transform: scale(1.15);
transform: scale(1.2);
}
/*END FOOTER SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
/*-------------------------------------------------------------- 
# Main Footer 
--------------------------------------------------------------*/
.site-footer{
    position: relative;
    z-index: 1;
    opacity:1;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
	background-color:#25252a;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;}

.site-footer__upper {
	padding-bottom: 80px;
	padding-top: 130px;}

.footer-widget {
	margin-bottom: 30px;}

.footer-widget__title {
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 30px;
    text-align:center;}

.footer-widget p {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	color: #848484;}

.footer-widget p+p {
	margin-top: 15px;}

.footer-widget p a {
	color: inherit;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;}

.footer-widget p a:hover {
	color: #996633;}

.footer-widget__links-list {
	margin-bottom: 0;
    text-align:center;}

.footer-widget__links-list li {
	position: relative;
	
	color:#ffffff;}

.footer-widget__links-list li::before {
	
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: var(--thm-base);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;}

.footer-widget__links-list li+li {
	margin-top: 5px;}

.footer-widget__links-list li a {
	color: #ffffff;
	font-size: 16px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
    text-align:center;}

.footer-widget__links-list li:hover::before {
	color:#c5a47e;}

.footer-widget__links-list li:hover a {
	color: #c5a47e;}

.footer-widget__about {
	padding-right: 30px;
	padding-left: 30px;}

.footer-widget__about p {
	margin: 0;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-family: var(--heading-font);}

.footer-widget__about: hover p{
	margin: 0;
	font-size: 16px;
	line-height: 30px;
	color: #996633;
	font-family: var(--heading-font);}
	
.footer-widget__contact {
	padding-left: 60px;}

.footer-widget__open-hrs {
	padding-left: 70px;}

.site-footer__bottom {
	padding-top: 30px;}

.site-footer__bottom .inner-container {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
    align-items: center;
	border-top: 0px solid #e5e5e5;
	-webkit-box-pack: justify;
	justify-content: space-between;}

.site-footer__bottom-logo {
	-webkit-transform: translateY(-30px);
	        transform: translateY(-30px);}

.site-footer__bottom p {
	margin: 0;}

.site-footer__bottom-links {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;}

.site-footer__links a {
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;}

.site-footer__links a:hover {
	color:#996633;}

.site-footer__bottom-links a+a {
	margin-left: 5px;}
		
.site-footer__social .social a {
    width: 36px;
    height: 36px;
    line-height: 40px;
    background: transparent;
    border-radius: 50%;
    color: #999999;
    font-size: 24px;
    margin: 0 2px 0 0;
    display: inline-block;
	flex-direction: inherit;
	align-items: center;
	justify-content:center;
    overflow: hidden;
    position: relative;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;}
 
.site-footer__social .social a:hover {
    color: #ffffff;
	font-size:26px;}

.site-footer__social .social a::before {
    content: '';
	
    position: absolute;
    top: -5px;
    left: -1px;
    right: -1px;
    bottom: -5px;
    background-color: #c5a47e;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    transition: 0.4s;}

.site-footer__social .social a:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}

.site-footer__social .social a i {
    position: relative;}

.site-footer__link {
	color:#c5a47e;
	font-size: 16px;
	font-weight: bold;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	position: relative;
	display: inline-block;
    text-align:center;}

.site-footer__link::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color:#c5a47e;;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: left center;
	        transform-origin: left center;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;}

.site-footer__link:hover::before {
    color:#c5a47e;
	-webkit-transform-origin: right center;
	        transform-origin: right center;
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);}

.site-footer__link:hover a {
color: #c5a47e;}
.site-footer h6 {
font-size:15px;
line-height:24px;
font-weight:400;
color:#ffffff;
-webkit-transition: all 500ms ease;
	transition: all 500ms ease;}

.site-footer h6:hover{
color:#c5a47e;
font-size:16px;}

.site-footer h7 {
font-size:14px;
line-height:24px;
font-weight:400;
color:#ffffff;
-webkit-transition: all 500ms ease;
	transition: all 500ms ease;}

.site-footer h7:hover{
color:#c5a47e;
font-size:18px;
font-weight:500;}

.site-footer__logo {
	border-right: 0;
	padding-right: 0;
	 -webkit-transition: all 500ms ease;
	transition: all 500ms ease;}

.site-footer__logo:hover {	
	opacity:1;
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);}
			
.site-footer__album {

    margin-top:20px;
	margin-bottom:20px;
	background-color:transparent;}
	
.site-footer__album h7 {
    font-size:16px;
    line-height:24px;
    font-weight:400;
    color:#000000;
    -webkit-transition: all 500ms ease;
	transition: all 500ms ease;}

.site-footer__album h7:hover{
color:#000000;
font-size:17px;
font-weight:500;
-webkit-transform: scale(1.05);
transform: scale(1.05);}
.footer_copyright p {
font-size:14px;
line-height:20px;
font-weight:300;
color:darkgrey;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;}

.footer_copyright p:hover{
color:#ffffff;
-webkit-transform: scale(1.05);
transform: scale(1.05);}