body{
margin:0;
padding: 0;
background-color: #000;
color: #fff;
overflow-x: hidden;
font-size: 14px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div,button,a,img{outline: none;}
h1{font-size: 30px;}
h2{font-size: 28px;}
h3{font-size: 26px;}
h4{font-size: 20px;}
h5{font-size: 18px;}
h6{font-size: 16px;}
h1,h2,h3,h4,h5,h6{margin:0;}
.clear{clear: both}
.fade{
-webkit-transition: opacity 2s ease-in;
-moz-transition: opacity 2s ease-in;
-o-transition: opacity 2s ease-in;
-ms-transition: opacity 2s ease-in;
transition: opacity 2s ease-in;
}
.show767{display: none;}
.container{
width: 100%;
max-width: 1080px;
margin:0 auto;
padding: 0 15px;
}
.logo{
margin: 40px 0;
width: 100%;
text-align: center;
}
.logo img{
width: auto;
height: 130px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
text-align: center;
}
nav li {
display: inline-block;
text-align: center;
padding: 10px;
margin:0 25px;
font-size: 18px;
font-family: 'EB Garamond', serif;
letter-spacing: 4px;
}
nav li a {
display: block;
text-decoration: none;
background: rgba(133,103,42,1);
background: -moz-linear-gradient(left, rgba(133,103,42,1) 0%, rgba(253,248,178,1) 4%, rgba(215,158,25,1) 9%, rgba(132,103,42,1) 14%, rgba(253,248,178,1) 23%, rgba(213,157,26,1) 32%, rgba(133,103,42,1) 41%, rgba(253,248,178,1) 49%, rgba(133,103,42,1) 61%, rgba(220,162,23,1) 68%, rgba(132,103,42,1) 76%, rgba(253,248,178,1) 85%, rgba(133,103,42,1) 93%, rgba(215,158,25,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(133,103,42,1)), color-stop(4%, rgba(253,248,178,1)), color-stop(9%, rgba(215,158,25,1)), color-stop(14%, rgba(132,103,42,1)), color-stop(23%, rgba(253,248,178,1)), color-stop(32%, rgba(213,157,26,1)), color-stop(41%, rgba(133,103,42,1)), color-stop(49%, rgba(253,248,178,1)), color-stop(61%, rgba(133,103,42,1)), color-stop(68%, rgba(220,162,23,1)), color-stop(76%, rgba(132,103,42,1)), color-stop(85%, rgba(253,248,178,1)), color-stop(93%, rgba(133,103,42,1)), color-stop(100%, rgba(215,158,25,1)));
background: -webkit-linear-gradient(left, rgba(133,103,42,1) 0%, rgba(253,248,178,1) 4%, rgba(215,158,25,1) 9%, rgba(132,103,42,1) 14%, rgba(253,248,178,1) 23%, rgba(213,157,26,1) 32%, rgba(133,103,42,1) 41%, rgba(253,248,178,1) 49%, rgba(133,103,42,1) 61%, rgba(220,162,23,1) 68%, rgba(132,103,42,1) 76%, rgba(253,248,178,1) 85%, rgba(133,103,42,1) 93%, rgba(215,158,25,1) 100%);
background: -o-linear-gradient(left, rgba(133,103,42,1) 0%, rgba(253,248,178,1) 4%, rgba(215,158,25,1) 9%, rgba(132,103,42,1) 14%, rgba(253,248,178,1) 23%, rgba(213,157,26,1) 32%, rgba(133,103,42,1) 41%, rgba(253,248,178,1) 49%, rgba(133,103,42,1) 61%, rgba(220,162,23,1) 68%, rgba(132,103,42,1) 76%, rgba(253,248,178,1) 85%, rgba(133,103,42,1) 93%, rgba(215,158,25,1) 100%);
background: -ms-linear-gradient(left, rgba(133,103,42,1) 0%, rgba(253,248,178,1) 4%, rgba(215,158,25,1) 9%, rgba(132,103,42,1) 14%, rgba(253,248,178,1) 23%, rgba(213,157,26,1) 32%, rgba(133,103,42,1) 41%, rgba(253,248,178,1) 49%, rgba(133,103,42,1) 61%, rgba(220,162,23,1) 68%, rgba(132,103,42,1) 76%, rgba(253,248,178,1) 85%, rgba(133,103,42,1) 93%, rgba(215,158,25,1) 100%);
background: linear-gradient(to right, rgba(133,103,42,1) 0%, rgba(253,248,178,1) 4%, rgba(215,158,25,1) 9%, rgba(132,103,42,1) 14%, rgba(253,248,178,1) 23%, rgba(213,157,26,1) 32%, rgba(133,103,42,1) 41%, rgba(253,248,178,1) 49%, rgba(133,103,42,1) 61%, rgba(220,162,23,1) 68%, rgba(132,103,42,1) 76%, rgba(253,248,178,1) 85%, rgba(133,103,42,1) 93%, rgba(215,158,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85672a', endColorstr='#d79e19', GradientType=1 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: opacity 2s ease-in;
-moz-transition: opacity 2s ease-in;
-o-transition: opacity 2s ease-in;
-ms-transition: opacity 2s ease-in;
transition: opacity 2s ease-in;
}
/*MOBILE NAV*/
.navMobile{display: none;}
.mobileNavContainer{
width: 100%;
padding:15px;
font-family: 'EB Garamond', serif;
text-align: center;
border-bottom: 1px solid #dca217;
}
.mobileNavContainer button{
cursor: pointer;
padding: 0;
background-color: transparent;
border:0;
font-size: 17px;
font-family: 'EB Garamond', serif;
color: #fff;
letter-spacing: 3px;
}
.mobileMenu{margin-top: 15px;}
.mobileMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.mobileMenu li {
display: block;
text-align: center;
padding: 8px 0;
margin:0;
font-size: 15px;
font-family: 'EB Garamond', serif;
letter-spacing: 3px;
}
.mobileMenu li a {
display: block;
color: #bbb;
text-decoration: none;
}
.mobileMenu li a.active{color: #dca217;}
.Homeslider{
width: 100%;
max-width: 1080px;
margin: 50px auto 30px auto;
}
.showIMG img{max-width: 100%;height: auto;}
.followus{
width: 100%;
margin-bottom: 30px;
text-align: center;
letter-spacing: 2px;
font-size: 24px;
}
.gradientLetter span{
background: rgba(253,248,178,1);
background: -moz-linear-gradient(left, rgba(253,248,178,1) 0%, rgba(253,248,178,1) 2%, rgba(253,248,178,1) 30%, rgba(162,137,69,1) 50%, rgba(215,158,25,1) 70%, rgba(215,158,25,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,248,178,1)), color-stop(2%, rgba(253,248,178,1)), color-stop(30%, rgba(253,248,178,1)), color-stop(50%, rgba(162,137,69,1)), color-stop(70%, rgba(215,158,25,1)), color-stop(100%, rgba(215,158,25,1)));
background: -webkit-linear-gradient(left, rgba(253,248,178,1) 0%, rgba(253,248,178,1) 2%, rgba(253,248,178,1) 30%, rgba(162,137,69,1) 50%, rgba(215,158,25,1) 70%, rgba(215,158,25,1) 100%);
background: -o-linear-gradient(left, rgba(253,248,178,1) 0%, rgba(253,248,178,1) 2%, rgba(253,248,178,1) 30%, rgba(162,137,69,1) 50%, rgba(215,158,25,1) 70%, rgba(215,158,25,1) 100%);
background: -ms-linear-gradient(left, rgba(253,248,178,1) 0%, rgba(253,248,178,1) 2%, rgba(253,248,178,1) 30%, rgba(162,137,69,1) 50%, rgba(215,158,25,1) 70%, rgba(215,158,25,1) 100%);
background: linear-gradient(to right, rgba(253,248,178,1) 0%, rgba(253,248,178,1) 2%, rgba(253,248,178,1) 30%, rgba(162,137,69,1) 50%, rgba(215,158,25,1) 70%, rgba(215,158,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf8b2', endColorstr='#d79e19', GradientType=1 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.IGslider{margin-bottom: 50px;margin-left: -15px;margin-right: -15px;}
.IGPhoto{float: left;padding: 0 15px;}
.IGPhoto img{width: 100%;height: auto;}
.scrollToTop{
width:35px;
height:35px;
padding:10px;
text-align:center;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
bottom:35px;
right:35px;
display:none;
z-index: 99;
}
.scrollToTop img{width: 35px;height: 35px;}
.scrollToTop:hover{
text-decoration:none;
}
footer{
font-family: 'EB Garamond', serif;
font-weight: 300;
display: block;
font-size: 17px;
line-height: 1.5;
text-align: center;
margin:50px 0;
}
footer p,footer a{
color: #eee9aa;
text-decoration: none;
}
.copyrights{font-size: 13px;}
.section{float: left;
width: 100%;
margin: 50px 0;
}
.textCenter{text-align: center;}
.row{margin-left: -15px;margin-right: -15px;}
.grid-33{float: left;}
.grid-33{width: 33.33%;padding: 0 15px;}
.grid-33 img{max-width: 100%;height: auto;margin: 10px 0;}
.col-25,.col-30,.col-40,.col-60,.col-70,.col-100{float: left;padding: 0 15px;}
.col-25{width: 25%;}
.col-30{width: 30%;}
.col-40{width: 40%;}
.col-60{width: 60%;}
.col-70{width: 70%;}
.col-100{width: 100%;}
.TitleFont {font-size: 18px; line-height: 1.5;}
.card-container {
width: 100%;
max-width: 1080px;
padding: 0 15px;
margin:50px auto;
display: flex;
flex-flow: column wrap;
height:auto;
align-items: center;
}
.masonry {
/* Masonry container */
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em;
}
.item {
/* Masonry bricks or child elements */
background-color: #eee;
display: inline-block;
margin: 0 0 1em;
width: 100%;
}
.goldMedia{
width: 100%;
text-align: center;
margin-bottom: 100px;
}
.goldMedia img{
width: auto;
height: 40px;
margin:0 10px;
}
.aboutus{margin-bottom: 20px;}
.aboutus img{width: 100%;height: auto; margin-bottom: 20px;}
.aboutus p{
color: #f7c667;
font-size: 17px;
margin:0 0 15px 0;
line-height: 1.6;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.contacts{
text-align: center;
margin:50px 0 120px 0;
}
.contacts img{
max-width: 140px;width: 100%;
height: auto;
}