/*
font-family: 'Playfair Display', serif;
font-family: 'Open Sans', sans-serif;
*/

.btn {font-size:16px;font-weight:500;padding:25px 15px;border-radius:0;box-shadow:none;text-transform:uppercase;border:none;border:1px solid;width:100%;}
.btn:hover, .btn:focus {}

.btn-yellow {color:white;border-color:#f2c65c;background:#f2c65c;}
.btn-yellow:hover, .btn-yellow:focus {color:#f2c65c;background:transparent;}
.btn-yellow-inv {color:#f2c65c;border-color:#f2c65c;background:transparent;}
.btn-yellow-inv:hover, .btn-yellow-inv:focus {color:white;background:#f2c65c;}


/*font*/

body {font-family: 'Open Sans', sans-serif;color:#838384;font-weight:300;letter-spacing:1px;}

h1, .h1, h2, .h2, h3, .h3 {margin-top:10px;}
h4, .h4, h5, .h5, h6, .h6 {}

h1.mega, .h1.mega {}
h1.jumbo, .h1.jumbo {}
h1, .h1 {font-family: 'Playfair Display', serif;font-size:60px;color:#080e13;text-transform:uppercase;font-weight: bold;letter-spacing: 10px;margin-bottom:25px;}
h2, .h2 {font-family: 'Playfair Display', serif;font-size:48px;color:#080e13;text-transform:uppercase;font-weight: bold;letter-spacing: 5px;}
h3, .h3 {margin:10px 0;font-size:16px;color:#6b7987;text-transform:uppercase;font-weight:300;letter-spacing:7px;}
h4, .h4 {}
h5, .h5 {}
h6, .h6 {}

.exceleron {max-width:150px;padding:15px 0;}


ul {margin:0;}


@media screen and (max-width:767px) {
    h1, .h1 {font-size:40px;letter-spacing:2px;}
    h2, .h2 {font-size:36px;letter-spacing:2px;}
    h3, .h3 {letter-spacing:0;}
    p, li, p span, p a {line-height:1.4;}
}
@media screen and (min-width:768px) and (max-width:991px){
    p, li, p span, p a {line-height:1.5;}
}
@media screen and (min-width:992px) and (max-width:1199px){
    p, li, p span, p a {line-height:1.6;}
}
@media screen and (min-width:1200px){
    p, li, p span, p a {line-height:1.7;}
}


img {width:100%;}

a {}
a:hover, a:focus {text-decoration:none;color:inherit;}
span:hover, span:focus {}
body {}
p {font-size:16px;}
a, 
a:active, 
a:focus, 
button, 
button:focus, 
button:active,
input,
label,
option,
select,
.btn, 
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn.focus:active, 
.btn.active.focus
#animate-btn,
#animate-btn:focus,
#animate-btn:active
#animate-btn span,
#animate-btn span:focus,
#animate-btn span:active
{outline: none;outline: 0;}

/*nav-btn-animate*/
#animate-btn {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#animate-btn span {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#animate-btn {border-color: transparent;border: none;background-color: transparent;height: auto;position: relative;float: right;padding: 10px;margin: 0;padding:30px 36px;display:block;}
#animate-btn span {background: white;display: block;position: absolute;height: 2px;border-radius: 0.5px;opacity: 1;left: 0;right:0;width: 24px;margin:auto;margin-top:20px;}
#animate-btn span:nth-child(1) {top: 0px;}
#animate-btn span:nth-child(2),
#animate-btn span:nth-child(3) {top: 8px;}
#animate-btn span:nth-child(4) {top: 16px;}
#animate-btn.open span:nth-child(1) {top: 18px;width: 0%;left: 0;right:0;}
#animate-btn.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#animate-btn.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#animate-btn.open span:nth-child(4) {top: 18px;width: 0%;left: 0;right:0;}
.btn-wrapper {background-color:transparent;float:right;margin:5px 0;}

/*animate*/
a,
.btn,
form input,
form textarea,
form select,
form option,
form input:focus,
form textarea:focus,
form select:focus,
form option:focus {transition:0.2s ease-in-out;}

nav,
nav li,
nav li a,
nav ul,
nav img,
.navbar,
.navbar-brand,
.navbar-collapse,
.navbar-header,
.navbar-nav,
.navbar-toggle,
.dropdown,
.overlay {transition:0.2s ease-in-out;}

/*jGrowl-form*/
#jGrowl {top:auto;bottom:0;left:0;right:0;margin:auto;width:100%;z-index:999;border-top:1px solid transparent;}
#jGrowl .jGrowl-notification {margin:0;border-radius:0;opacity:1;min-height:0px!important;width:auto;padding:0;font-size:15px;font-family: 'Open Sans', sans-serif;}
#jGrowl .af-message-success {color:#000;background:#f2c65c!important;}
#jGrowl .af-message-error {color:#fff;background:#6b7987!important;}
#jGrowl .jGrowl-close {padding:15px;}
#jGrowl .jGrowl-header {}
#jGrowl .jGrowl-message {padding:15px;text-align:center;}
#jGrowl .jGrowl-closer {color:#000;background:#f2c65c;font-size:15px;padding:15px;border-radius:0px;opacity:1;}


/*social-media*/
.social .fa {}
.fa-facebook-official {}
    a:hover > .fa-facebook-official {color:#3b5998}
.fa-google-plus {}
    a:hover > .fa-google-plus {color:#dd4b39}
.fa-instagram {}
    a:hover > .fa-instagram {color:#517fa4}
.fa-linkedin {}
    a:hover > .fa-linkedin {color:#0077B5}
.fa-pinterest {}
    a:hover > .fa-pinterest {color:#bd081c}
.fa-twitter {}
    a:hover > .fa-twitter {color:#55acee}
.fa-youtube-play {}
    a:hover > .fa-youtube-play {color:#bb0000}