.mct{ display: none; }
.modal-backdrop.show{ background: #000; opacity: .5; }
#floatingCirclesG{ position:relative; width:125px; height:125px; margin:auto; transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); }
.f_circleG{ position:absolute; background-color:rgb(255,255,255); height:22px; width:22px; border-radius:12px; -o-border-radius:12px; -ms-border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; animation-name:f_fadeG; -o-animation-name:f_fadeG; -ms-animation-name:f_fadeG; -webkit-animation-name:f_fadeG; -moz-animation-name:f_fadeG; animation-duration:1.2s; -o-animation-duration:1.2s; -ms-animation-duration:1.2s; -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; }
#frotateG_01{ left:0; top:51px; animation-delay:0.45s; -o-animation-delay:0.45s; -ms-animation-delay:0.45s; -webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; }
#frotateG_02{ left:15px; top:15px; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; }
#frotateG_03{ left:51px; top:0; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; }
#frotateG_04{ right:15px; top:15px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; }
#frotateG_05{ right:0; top:51px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; }
#frotateG_06{ right:15px; bottom:15px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; }
#frotateG_07{ left:51px; bottom:0; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; }
#frotateG_08{ left:15px; bottom:15px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; }
.spinner{ position: absolute; top:0; left:0; right: 0; bottom: 0; background-color: #000; }
.spinner > div{ display: table; width: 100%; height: 100%; }
.spinner > div > div{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
@keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } }
@-o-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } }
@-ms-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } }
@-webkit-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } }
@-moz-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } }

body{ background: #000; }

footer > .wrapper-footer{margin:auto;text-align: center;padding: 15px 30px 15px;overflow: hidden; max-width: 600px;}
footer > .wrapper-footer h5,
footer > .wrapper-footer h6,
footer > .wrapper-footer p{ color:#AB8A5D; margin:15px 0 0; }
footer > .wrapper-footer h6{ font-size: .8rem; }
footer > .wrapper-footer > .foot-menu{ margin-bottom: 20px; }
footer > .wrapper-footer > .foot-menu > a{ color:#AB8A5D; margin-left: 10px; text-transform: uppercase; font-size: 1em; }
footer > .wrapper-footer > .contact-us > div > .address{ text-align: left; }
footer > .wrapper-footer > .contact-us > input{padding: 2.5px 5px;font-size: .8em;text-align: center; }
footer > .wrapper-footer > .contact-us > input::-webkit-input-placeholder { color: #939393; text-transform: uppercase; }
footer > .wrapper-footer > .contact-us > input::-moz-placeholder { color: #939393; text-transform: uppercase; }
footer > .wrapper-footer > .contact-us > input:-ms-input-placeholder { color: #939393; text-transform: uppercase; }
footer > .wrapper-footer > .contact-us > input:-moz-placeholder { color: #939393; text-transform: uppercase; }
footer > .wrapper-footer > .copyright{ margin:auto; }
footer > .wrapper-footer > .copyright > div{ margin: auto; text-align: center; margin-top: 15px; }
footer > .wrapper-footer > .copyright > div > a{ position: relative; color: #AB8A5D; background: #AB8A5D; width: 40px; height: 40px; padding: 10px; display: inline-block; vertical-align: middle; border-radius: 100%; }
footer > .wrapper-footer > .copyright > div > a::before{ position: absolute; margin: 2px; width: 36px; height: 36px; border: 1px solid #000; top: 0; content:''; right: 0; left: 0; bottom: 0; z-index: 1; border-radius: 100%; }
footer > .wrapper-footer > .copyright > div > a > i{ color: #000; font-size: 1.2em; }
footer > .wrapper-footer > .copyright p{ font-size: .75rem; }

/*modal-content*/
.modal-dialog{ display: table; height: 100%; margin: auto; }
.modal-dialog > div{ display: table-cell; vertical-align: middle; padding: 15px; }
.modal-content{ border-radius: 0; background: transparent; border:0 solid #fff; }
.modal-content > .mdl-contact{ background:#000; padding: 30px; border:1px solid #fff; position: relative; width: 500px; }
.modal-content > .mdl-contact > .header > h5{ text-align: center; color: #A28263; margin: 30px 0; text-transform: uppercase; font-weight: normal; }
.modal-content > .mdl-product > div > button,
.modal-content > .mdl-contact > .header > button{ position: absolute; top: 0; right: 0; margin: 15px; cursor: pointer; }
.modal-content > .mdl-product > div > button > div > span.x,
.modal-content > .mdl-contact > .header > button > div > span.x{ text-shadow: none; color: #86724D; cursor: pointer; border-right: 2px solid #86724D; font-weight: normal; border-left: 2px solid #86724D; font-size: .6em; padding: 0 2.5px; }
.modal-content > .mdl-product > div > button > div > span.x + span,
.modal-content > .mdl-contact > .header > button > div > span.x + span{ text-shadow: none; color: #86724D; cursor: pointer; font-size: .6em; font-weight: normal; padding: 0; text-transform: uppercase; }
.modal-content > .mdl-contact > .form > form > .captcha,
.modal-content > .mdl-contact > .form > form > .form-group{ width: 100%; flex-wrap:wrap; display: flex; }
.modal-content > .mdl-contact > .form > form > .captcha > div.label,
.modal-content > .mdl-contact > .form > form > .form-group > div.label{ float: left; width: 100px; }
.modal-content > .mdl-contact > .form > form > .captcha > div.label > label,
.modal-content > .mdl-contact > .form > form > .form-group > div.label > label{ margin: 0; padding: 2.5px; font-size: 0.9em; color: #A28263; }
.modal-content > .mdl-contact > .form > form > .captcha > div.input,
.modal-content > .mdl-contact > .form > form > .form-group > div.input{ float: left; width: calc(100% - 100px); position: relative; }
.modal-content > .mdl-contact > .form > form > .form-group > div.input::before{ content: "*"; font-size: 1.2em; color:#A28263; position: absolute; right: 0; top: -7px; }
.modal-content > .mdl-contact > .form > form > .captcha > div.input::after,
.modal-content > .mdl-contact > .form > form > .form-group > div.input::after{ content: ":"; font-size: 1.2em; color:#A28263; position: absolute; left: -7.5px; top: -4px; }
.modal-content > .mdl-contact > .form > form > .form-group > div.input > input,
.modal-content > .mdl-contact > .form > form > .form-group > div.input > textarea{ resize:unset; float: left; width: calc(100% - 10px); border: 1px solid #A28263; padding: 5px 10px; font-size: .8em; }
.modal-content > .mdl-contact > .form > form > .form-group > div.input > span{ color: #f00; font-size: 12px; font-weight: bold; }
.modal-content > .mdl-contact > .form > form > .captcha > div.input > input{ border: 1px solid #A28263; padding: 5px 10px; font-size: .8em; max-width: 100%; }
.modal-content > .mdl-contact > .form > form > button{ margin-bottom:30px;  margin-left: 100px; width: calc(100% - 100px); border: 1px solid #A28263; border-radius: 0; background:#A28263; margin-top: 15px; color: #fff; font-size: 1em; text-transform: uppercase; }
.modal-content > .mdl-product{ padding: 30px; position: relative; }
.modal-content > .mdl-product > div > div.desc{ padding: 30px 15px 15px; }
.modal-content > .mdl-product > div > div.desc > h5{ color: #CD7631; text-transform: uppercase; }
.modal-content > .mdl-product > div > div.desc p{ color: #A8865D; max-width: 300px; text-align: center; margin: auto; font-size: .9em; }
.modal-content > .mdl-product > div > div.desc p:first-letter{ color: #A8865D; text-transform: uppercase; }

@media (min-width: 576px) {

}

@media(max-width:640px){

	footer > .wrapper-footer{margin:auto;text-align: center;padding: 15px 20px 15px;overflow: hidden; max-width: 600px;}
}

@media(max-width:576px){
	footer > .wrapper-footer > .contact-us > div > .address{ text-align: center; }
	footer > .wrapper-footer > .copyright > div{ margin-top: 15px; }
	footer > .wrapper-footer > .contact-us > div > input{ float: unset; }

}

@media(max-width:481px) {
	.modal-content > .mdl-contact{ width: 450px; }
}

@media(max-width:361px){
	.modal-content > .mdl-contact{ width: 320px; }

}

@media(max-width:321px){
	.modal-content > .mdl-contact{ width: 280px; }

}

@media(max-width:320px){
	.modal-content > .mdl-contact{padding: 15px; border: 1px solid #fff;}
}