html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font: 16px/24px "Open Sans", Helvetica, Arial, sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}
.logo-header {
        position: absolute;
    z-index: 2;
    width: 100%;
    border-bottom: 1px solid #323232;
}
p {
    margin-bottom: 24px;
        text-align: justify;
}

a {
    text-decoration: none
}
.tb-borders h1 {
font-size: 30px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}
.img_radius {
        border-radius: 15px;
}
.tb-padding {
    padding: 48px 0 24px
}

.its-ok {
    display: none
}

.its-ok h4 {
    color: #fff;
    text-shadow: 1px 1px 0 #000
}

.top-white-holder {
    width: 100%;
    height: 70px;
    position: relative;
    background-color: #fff
}

.logo-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 25%;
    min-width: 300px;
    margin: 0 auto;
    padding: 12px 0;
    background-color: #fff;
    -webkit-border-radius: 84px;
    border-radius: 84px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center
}
.logo-holder img {
  width: 100%;
}
.main-header {
    padding-top: 110px;
    padding-bottom: 110px;
    width: 100%;
    position: relative;
    text-align: center;
        z-index: 1;
        background-size: cover;
    background-position: center;
}
.main-header:before {
    content:'';
    background: #00000078;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.main-header h1 {
    color: #fff;
    font: 48px/1.5em "Libre Baskerville", Georgia, serif;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.75)
}

.main-header h2 {
    color: #fff;
    font: 24px/1.5em "Libre Baskerville", Georgia, serif;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
    padding-top: 24px
}

.form-subscribe {
    padding-top: 48px
}

.form-subscribe input[type="email"],
.form-subscribe input[type="text"] {
    width: 100%;
    height: 36px;
    font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
    padding: 0 114px 0 14px;
    outline: 0;
    color: #4d4d4d;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
}

.form-subscribe input[type="email"]:focus,
.form-subscribe input[type="text"]:focus {
    border-color: rgba(131, 31, 131, 0.8);
    outline: 0 none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset, 0px 0 8px rgba(131, 31, 131, 0.6)
}

.form-subscribe>p {
    width: 40%;
    min-width: 300px;
    margin: 0 auto;
    position: relative
}

.form-subscribe input[type="submit"] {
    position: absolute;
    right: -5px;
    top: 0;
    cursor: pointer
}

#subscription-sent-ok {
    padding-top: 48px
}

.countdown-holder {
    background-color: #fff;
    width: 888px;
    height: 240px;
    margin: -120px auto 48px;
    -webkit-border-radius: 120px;
    border-radius: 120px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media(min-width:768px) and (max-width:979px) {
    .countdown-holder {
        background-color: #fff;
        width: 444px;
        margin: -120px auto 48px;
        -webkit-border-radius: 120px;
        border-radius: 120px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }
}

@media(max-width:767px) {
.logo_middle {
    display:none;
}
.main-header h1 {
    font: 28px / 1.1em "Libre Baskerville", Georgia, serif;
    margin-bottom: 10px;
}
.main-header {
    padding:50px 0;
}
    .countdown-holder {
        background-color: #fff;
        width: 444px;
        margin: -120px auto 48px;
        -webkit-border-radius: 120px;
        border-radius: 120px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }
}

@media(max-width:480px) {
    .countdown-holder {
        background-color: #fff;
        width: 444px;
        margin: -120px auto 48px;
        -webkit-border-radius: 120px;
        border-radius: 120px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }
}

@media(min-width:320px) and (max-width:479px) {
    .countdown-holder {
        background-color: #fff;
        width: 222px;
        margin: -120px auto 48px;
        -webkit-border-radius: 120px;
        border-radius: 120px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }
}

.our-team {
    padding-bottom: 24px;
    padding-top: 48px
}

.our-team li {
    text-align: justify;
    padding: 0 10px
}

.our-team li .round-outer-image {
    width: 210px;
    height: 210px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    padding: 4px;
    margin: 0 auto 24px
}

.our-team li .round-outer-image .round-inner-image {
    width: 200px;
    height: 200px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
    background-color: #fff
}

.our-team li h2 {
    margin-bottom: 24px
}

.find-us {
    width: 100%;
    background-color: #d7d7d7;
    background: url("../images/grey-pattern.html") repeat center center
}

.find-us-here {
    padding-top: 48px
}

.find-us-here li {
    text-align: center;
    padding: 0 10px
}

.find-us-here li .round-outer-map {
    width: 300px;
    height: 300px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    padding: 4px;
    margin: 0 auto 24px;
    transition: border-radius .5s
}

.find-us-here li .round-outer-map .round-inner-map {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
    background-color: #fff;
    transition: border-radius .5s
}

.find-us-here li .round-outer-map .round-inner-map:hover {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.find-us-here li .round-outer-map:hover {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.find-us-here li h3 {
    margin-top: 96px
}

@media(min-width:768px) and (max-width:979px) {
    .find-us-here li .round-outer-map {
        width: 210px;
        height: 210px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        overflow: hidden;
        background-color: #fff;
        border: 1px solid #d7d7d7;
        padding: 4px;
        margin: 0 auto 24px
    }
    .find-us-here li .round-outer-map .round-inner-map {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        overflow: hidden;
        background-color: #fff
    }
    .find-us-here li h3 {
        margin-top: 48px
    }
    .find-us-here li p {
        margin-bottom: 0
    }
}

.top-contact-white-holder {
    width: 100%;
    height: 72px;
    background-color: #fff;
    text-align: center;
    position: relative
}

.top-contact-white-holder .message-button-holder {
    width: 300px;
    height: 96px;
    position: absolute;
    background-color: #fff;
    top: 24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -moz-border-radius: 48px;
    -webkit-border-radius: 48px;
    border-radius: 48px
}

.top-contact-white-holder .message-button-holder .heading-button {
    width: 250px;
    height: 48px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    margin-top: 24px;
    font-size: 18px
}

.contact-main-area {
    padding-top: 72px;
    padding-bottom: 72px;
    width: 100%;
    background-color: #831f83;
    background: url("../images/big_purple.html") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center
}

.contact-main-area .form-send-us-message input[type="email"],
.contact-main-area .form-send-us-message input[type="text"] {
    text-align: center;
    width: 100%;
    height: 42px;
    font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
    padding: 4px;
    margin-bottom: 6px;
    outline: 0;
    color: #4d4d4d;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d7d7d7
}

.contact-main-area .form-send-us-message input[type="email"]:focus,
.contact-main-area .form-send-us-message input[type="text"]:focus {
    border-color: rgba(131, 31, 131, 0.8);
    outline: 0 none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset, 0px 0 8px rgba(131, 31, 131, 0.6)
}

.contact-main-area .form-send-us-message textarea {
    text-align: center;
    min-width: 100%;
    max-width: 100%;
    min-height: 90px;
    font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
    padding: 4px;
    margin-bottom: 6px;
    outline: 0;
    color: #4d4d4d;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d7d7d7
}

.contact-main-area .form-send-us-message textarea:focus {
    border-color: rgba(131, 31, 131, 0.8);
    outline: 0 none;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset, 0px 0 8px rgba(131, 31, 131, 0.6)
}

.contact-main-area .form-send-us-message>p {
    width: 40%;
    min-width: 300px;
    margin: 0 auto;
    position: relative
}

.contact-main-area .form-send-us-message input[type="submit"] {
    width: 100%;
    height: 48px;
    cursor: pointer
}

#twitter-ticker {
    min-width: 300px;
    width: 60%;
    margin: 0 auto;
    background-color: #fff;
    text-align: center
}

#twitter-ticker ul.tweets {
    position: relative;
    height: 72px;
    text-align: center
}

#twitter-ticker .tweets li {
    display: inline-block;
    margin: 0 auto;
    left: 0;
    right: 0;
    list-style-type: none;
    position: absolute
}

.bottom-contact-white-holder {
    min-width: 300px;
    width: 50%;
    padding: 24px;
    margin: -48px auto 0;
    text-align: center;
    -webkit-border-radius: 48px;
    border-radius: 48px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff
}

.bottom-contact-white-holder ul.social {
    list-style: none
}

.bottom-contact-white-holder ul.social li.social {
    display: inline-block;
    margin: 0
}

.bottom-contact-white-holder ul.social li.social a {
    text-decoration: none;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s
}

.bottom-contact-white-holder li.social.twitter a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") 0 0
}

.bottom-contact-white-holder li.social.twitter a:hover {
    background: url("../images/violet-social_icons.html") 0 -50px
}

.bottom-contact-white-holder li.social.facebook a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -50px 0
}

.bottom-contact-white-holder li.social.facebook a:hover {
    background: url("../images/violet-social_icons.html") -50px -50px
}

.bottom-contact-white-holder li.social.google-plus a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -100px 0
}

.bottom-contact-white-holder li.social.google-plus a:hover {
    background: url("../images/violet-social_icons.html") -100px -50px
}

.bottom-contact-white-holder li.social.digg a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -150px 0
}

.bottom-contact-white-holder li.social.digg a:hover {
    background: url("../images/violet-social_icons.html") -150px -50px
}

.bottom-contact-white-holder li.social.dribble a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -200px 0
}

.bottom-contact-white-holder li.social.dribble a:hover {
    background: url("../images/violet-social_icons.html") -200px -50px
}

.bottom-contact-white-holder li.social.linked-in a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -250px 0
}

.bottom-contact-white-holder li.social.linked-in a:hover {
    background: url("../images/violet-social_icons.html") -250px -50px
}

.bottom-contact-white-holder li.social.pinterest a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -300px 0
}

.bottom-contact-white-holder li.social.pinterest a:hover {
    background: url("../images/violet-social_icons.html") -300px -50px
}

.bottom-contact-white-holder li.social.vimeo a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -350px 0
}

.bottom-contact-white-holder li.social.vimeo a:hover {
    background: url("../images/violet-social_icons.html") -350px -50px
}

.bottom-contact-white-holder li.social.skype a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -400px 0
}

.bottom-contact-white-holder li.social.skype a:hover {
    background: url("../images/violet-social_icons.html") -400px -50px
}

.bottom-contact-white-holder li.social.youtube a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -450px 0
}

.bottom-contact-white-holder li.social.youtube a:hover {
    background: url("../images/violet-social_icons.html") -450px -50px
}

.bottom-contact-white-holder li.social.tumblr a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -500px 0
}

.bottom-contact-white-holder li.social.tumblr a:hover {
    background: url("../images/violet-social_icons.html") -500px -50px
}

.bottom-contact-white-holder li.social.five-hundred a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -550px 0
}

.bottom-contact-white-holder li.social.five-hundred a:hover {
    background: url("../images/violet-social_icons.html") -550px -50px
}

.bottom-contact-white-holder li.social.add-this a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -600px 0
}

.bottom-contact-white-holder li.social.add-this a:hover {
    background: url("../images/violet-social_icons.html") -600px -50px
}

.bottom-contact-white-holder li.social.bebo a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -650px 0
}

.bottom-contact-white-holder li.social.bebo a:hover {
    background: url("../images/violet-social_icons.html") -650px -50px
}

.bottom-contact-white-holder li.social.blogger a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -700px 0
}

.bottom-contact-white-holder li.social.blogger a:hover {
    background: url("../images/violet-social_icons.html") -700px -50px
}

.bottom-contact-white-holder li.social.deviantart a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -750px 0
}

.bottom-contact-white-holder li.social.deviantart a:hover {
    background: url("../images/violet-social_icons.html") -750px -50px
}

.bottom-contact-white-holder li.social.e-mail a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -800px 0
}

.bottom-contact-white-holder li.social.e-mail a:hover {
    background: url("../images/violet-social_icons.html") -800px -50px
}

.bottom-contact-white-holder li.social.envato a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -850px 0
}

.bottom-contact-white-holder li.social.envato a:hover {
    background: url("../images/violet-social_icons.html") -850px -50px
}

.bottom-contact-white-holder li.social.evernote a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -900px 0
}

.bottom-contact-white-holder li.social.evernote a:hover {
    background: url("../images/violet-social_icons.html") -900px -50px
}

.bottom-contact-white-holder li.social.flickr a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") 0 -100px
}

.bottom-contact-white-holder li.social.flickr a:hover {
    background: url("../images/violet-social_icons.html") 0 -150px
}

.bottom-contact-white-holder li.social.forrst a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -50px -100px
}

.bottom-contact-white-holder li.social.forrst a:hover {
    background: url("../images/violet-social_icons.html") -50px -150px
}

.bottom-contact-white-holder li.social.github a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -100px -100px
}

.bottom-contact-white-holder li.social.github a:hover {
    background: url("../images/violet-social_icons.html") -100px -150px
}

.bottom-contact-white-holder li.social.lastfm a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -150px -100px
}

.bottom-contact-white-holder li.social.lastfm a:hover {
    background: url("../images/violet-social_icons.html") -150px -150px
}

.bottom-contact-white-holder li.social.myspace a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -200px -100px
}

.bottom-contact-white-holder li.social.myspace a:hover {
    background: url("../images/violet-social_icons.html") -200px -150px
}

.bottom-contact-white-holder li.social.paypal a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -250px -100px
}

.bottom-contact-white-holder li.social.paypal a:hover {
    background: url("../images/violet-social_icons.html") -250px -150px
}

.bottom-contact-white-holder li.social.picassa a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -300px -100px
}

.bottom-contact-white-holder li.social.picassa a:hover {
    background: url("../images/violet-social_icons.html") -300px -150px
}

.bottom-contact-white-holder li.social.rss a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -350px -100px
}

.bottom-contact-white-holder li.social.rss a:hover {
    background: url("../images/violet-social_icons.html") -350px -150px
}

.bottom-contact-white-holder li.social.share-this a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -400px -100px
}

.bottom-contact-white-holder li.social.share-this a:hover {
    background: url("../images/violet-social_icons.html") -400px -150px
}

.bottom-contact-white-holder li.social.soundcloud a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -450px -100px
}

.bottom-contact-white-holder li.social.soundcloud a:hover {
    background: url("../images/violet-social_icons.html") -450px -150px
}

.bottom-contact-white-holder li.social.stack-overflow a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -500px -100px
}

.bottom-contact-white-holder li.social.stack-overflow a:hover {
    background: url("../images/violet-social_icons.html") -500px -150px
}

.bottom-contact-white-holder li.social.stamble-upon a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -550px -100px
}

.bottom-contact-white-holder li.social.stamble-upon a:hover {
    background: url("../images/violet-social_icons.html") -550px -150px
}

.bottom-contact-white-holder li.social.viddler a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -600px -100px
}

.bottom-contact-white-holder li.social.viddler a:hover {
    background: url("../images/violet-social_icons.html") -600px -150px
}

.bottom-contact-white-holder li.social.wordpress a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -650px -100px
}

.bottom-contact-white-holder li.social.wordpress a:hover {
    background: url("../images/violet-social_icons.html") -650px -150px
}

.bottom-contact-white-holder li.social.yahoo a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -700px -100px
}

.bottom-contact-white-holder li.social.yahoo a:hover {
    background: url("../images/violet-social_icons.html") -700px -150px
}

.bottom-contact-white-holder li.social.apple a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -750px -100px
}

.bottom-contact-white-holder li.social.apple a:hover {
    background: url("../images/violet-social_icons.html") -750px -150px
}

.bottom-contact-white-holder li.social.microsoft a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -800px -100px
}

.bottom-contact-white-holder li.social.microsoft a:hover {
    background: url("../images/violet-social_icons.html") -800px -150px
}

.bottom-contact-white-holder li.social.photobucket a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -850px -100px
}

.bottom-contact-white-holder li.social.photobucket a:hover {
    background: url("../images/violet-social_icons.html") -850px -150px
}

.bottom-contact-white-holder li.social.quora a {
    display: block;
    width: 45px;
    height: 50px;
    background: url("../images/violet-social_icons.html") -900px -100px
}

.bottom-contact-white-holder li.social.quora a:hover {
    background: url("../images/violet-social_icons.html") -900px -150px
}

footer p {
  margin: 0;
  color: #464545;
}
button,
.button {
    font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
    color: #fff;
    height: 36px;
    padding: 0 14px;
    -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #831f83), color-stop(1, #5a155a));
    background: -moz-linear-gradient(center top, #831f83 5%, #5a155a 100%);
    background-color: #831f83;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #5a155a;
    display: inline-block;
    text-shadow: 0 -1px 0 #000
}

button:hover,
.button:hover {
    background-color: #5a155a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5a155a), color-stop(1, #831f83));
    background: -moz-linear-gradient(center top, #5a155a 5%, #831f83 100%);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.2)
}

button:active,
.button:active {
    background-color: #5a155a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5a155a), color-stop(1, #831f83));
    background: -moz-linear-gradient(center top, #5a155a 5%, #831f83 100%);
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5), inset 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5), inset 0 1px 5px rgba(0, 0, 0, 0.5)
}

.button-subscribe {
    font: 14px/21px "Open Sans", Helvetica, Arial, sans-serif;
    color: #fff;
    height: 36px;
    padding: 0 14px;
    -moz-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #831f83), color-stop(1, #5a155a));
    background: -moz-linear-gradient(center top, #831f83 5%, #5a155a 100%);
    background-color: #831f83;
    -moz-border-radius: 0 18px 18px 0;
    -webkit-border-radius: 0 18px 18px 0;
    border-radius: 0 18px 18px 0;
    border: 1px solid #5a155a;
    display: inline-block;
    text-shadow: 1px 1px 0 #000
}

.button-subscribe:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5a155a), color-stop(1, #831f83));
    background: -moz-linear-gradient(center top, #5a155a 5%, #831f83 100%);
    background-color: #5a155a
}

.button-subscribe:active {
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5)
}
.address_contact p {
  margin: 0;
  font-size: 25px;
  line-height: 30px;
  color: #fff;
}
.address_contact .tel_phone {
  display: inline-block;
  background: #e63125;
  color: #fff;
  padding: 10px 20px;
  border-radius: 50px;
  margin-top: 10px;
}
.address_contact .tel_phone a {
  color: #fff;
}
.ab_sec {
  padding: 120px 0 55px;
    background: #e63125;
}
.ab_sec .link_sy a {
    color:white;
}
.logo_middle {
    
}
.logo_middle img {
    width: 300px;    
}
.nav-link {
        text-transform: uppercase;
    font-size: 18px;
    padding: 0;
    margin: 0 15px;
    color: black;
}
.navbar {
 padding:0;  
     background: white;
     border-top: 5px solid #e73126; 
}
.reservation {
    margin-bottom:50px;
}
.reservation form {
    border: 3px solid #e63125;
    padding: 30px;
    border-radius: 10px;
    background: #f8f8f8;
}
.reservation form .form-group {
    margin-bottom:15px;
}
.btn_01 {
        background: #e63125 !important;
    border: 1px solid #e63125;
    box-shadow: none !important;
    font-size: 18px;
    text-shadow: none;
    height: 45px;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 15px;
}
.navbar-brand img {
        width: 65px;
}
.navbar-toggler {
        background: white;
    border: none;
    box-shadow: none;
}
.tarif_page {
    background: #f4f2f2;
    padding: 50px 0;
}
.tarif_page table thead tr th {
        background: #e63125;
    border: 1px solid #000000;
    color: #fff;
}
.tarif_page table tbody tr td {
    border: 1px solid;
}
.WhatsApp_icon {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 11;
}
.WhatsApp_icon img {
    animation: pulseShake 1.5s ease-in-out infinite;
  transform-origin: center center;
    width: 60px;
}
@keyframes pulseShake {
  0% { transform: scale(1) rotate(0deg); }
  25% { transform: scale(1.02) rotate(0.5deg); }
  50% { transform: scale(0.98) rotate(-0.5deg); }
  75% { transform: scale(1.01) rotate(0.3deg); }
  100% { transform: scale(1) rotate(0deg); }
}

.footer_section {
        padding: 50px 0 0px;
    background: #f0f0f0;
}
.logo_footer img {
    margin-bottom:15px;
    max-width: 100px;
}
.policy_page {
    padding: 50px 0;
}
.policy_page h4 {
    font-size: 35px;
    font-weight: 600;
    text-align: left;
    line-height: 35px;
    margin-bottom: 20px;
    border-left: 4px solid #e63125;
    padding-left: 10px;
}
.policy_page h5 {
        font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.policy_page p {
    
}
.top_header {
    padding: 10px 0;
    background: #e63125;
}
.top_header p {
    margin: 0;
    color: #fff;
    font-size: 18px;
}
.top_header a {
color: #fff;
    display: block;
    text-align: right;
    font-size: 18px;
}
.top_header a i {
    background: #000;
    width: 30px;
    display: inline-block;
    height: 30px;
    text-align: center;
    border-radius: 50px;
    padding: 1px;
    line-height: 30px;
}
.navbar-nav {
    
margin: auto 0 0 auto;
}
.data_banenr,
.data_banenr h1 {
    text-align: left;
}
.data_banenr a {
    background: #e63125;
    line-height: 45px;
    display: inline-block;
    padding: 3px 20px 3px 3px;
    border-radius: 50px;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
}
.data_banenr a i {
    background: #000;
    color: #fff;
    height: 45px;
    display: inline-block;
    width: 45px;
    margin-right: 15px;
    border-radius: 50px;
    text-align: center;
}
.form-label {
    margin-bottom: 0;
}
.form-group {
    margin-bottom: 10px;
}
/*=== 8.0 CTA Section ===*/
.cta-section {
    background-image: url(../img/texture.png);
        overflow: hidden;
    background-repeat: repeat;
        padding: 55px 0px;
    background-size: cover;
    background-color: #222;
    position: relative;
    z-index: 1;
}

.cta-men {
    background-image: url(../img/cta-men.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 130px;
    bottom: -30px;
    z-index: -1;
}

.cta-content .cta-call {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
}

.cta-content .cta-call p span {
    display: block;
}

.cta-content .cta-call p a {
    color: #e63125;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.cta-content .cta-call i {
    background-color: #e63125;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    border-radius: 2px;
}

.cta-content h2 {
    font-size: 46px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 20px;
}

.cta-content h2 span {
    color: #e63125;
}

.cta-content P {
    font-size: 18px;
    font-weight: 500;
    color: #ccc;
    margin: 0;
}

.contact-details-wrap {
    padding-right: 60px;
}

.contact-title {
    margin-bottom: 20px;
}

.contact-title h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    display: inline-block;
}

.contact-details li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.contact-details li i {
    background-color: #222;
    color: white;
    font-size: 20px;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 2px;
}