@font-face {
  font-family: 'TrajanPro-Regular';
  src: url('../fonts/TrajanPro-Regular.eot');
  src: url('../fonts/TrajanPro-Regular.woff2') format('woff2'),
       url('../fonts/TrajanPro-Regular.woff') format('woff'),
       url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
       url('../fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg'),
       url('../fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTStd-LtCn';
  src: url('../fonts/HelveticaNeueLTStd-LtCn.eot');
  src: url('../fonts/HelveticaNeueLTStd-LtCn.woff2') format('woff2'),
       url('../fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'),
       url('../fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
       url('../fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg'),
       url('../fonts/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Marguerite';
  src: url('../fonts/Marguerite.woff') format('woff'),
       url('../fonts/Marguerite.ttf') format('truetype'),
       url('../fonts/Marguerite.svg#Marguerite') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'marguerite';
  src: url('../fonts/marguerite.eot');
  src: url('../fonts/marguerite.woff2') format('woff2'),
       url('../fonts/marguerite.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ju2o0r');
  src:  url('../fonts/icomoon.eot?ju2o0r#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ju2o0r') format('truetype'),
    url('../fonts/icomoon.woff?ju2o0r') format('woff'),
    url('../fonts/icomoon.svg?ju2o0r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Call:before {
  content: "\e900";
}
.icon-cancel:before {
  content: "\e901";
}
.icon-email01:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-hand:before {
  content: "\e904";
}
.icon-iPhone:before {
  content: "\e905";
}
.icon-message:before {
  content: "\e906";
}
.icon-message1:before {
  content: "\e907";
}
.icon-phone:before {
  content: "\e908";
}
.icon-Phone01:before {
  content: "\e909";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-youtube:before {
  content: "\e90b";
}
.icon-youtube2 .path1:before {
  content: "\e90c";
  color: rgb(224, 47, 47);
}
.icon-youtube2 .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #575757;
    background-color: #ffffff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}
figure {
    margin: 0;
}

img {
    vertical-align: middle;
}


/*grid*/

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container {
    max-width: 1220px;
    width: 100%:
}


.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
}



.gutter0{
	margin-left: 0px;
    margin-right: 0px;
}
.gutter0 > div{     
	padding-left: 0;
    padding-right: 0;
}
.gutter4{
	margin-left: -4px;
    margin-right: -4px;
}
.gutter4 > div{     
	padding-left: 4px; 
    padding-right: 4px;
}
.gutter6{
	margin-left: -6px;
    margin-right: -6px; 
}
.gutter6 > div{     
	padding-left: 6px; 
    padding-right: 6px;
}
.gutter10 {
    margin-left: -10px;
    margin-right: -10px;
}
.gutter10 > div{     
	padding-left: 10px; 
    padding-right: 10px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
}


/*owlCarousel*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 30px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}


.radio, .checkbox {
    position: relative;
    display: block;
    margin-bottom: 4px;
    margin-top: 0;
}
.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    position: relative;
    top: 2px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 700px;
        margin: 80px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
}
@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.cf:before,
.cf:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.cf:after,
.modal-header:after,
.modal-footer:after {
    clear: both
}

.animated {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}



@keyframes preloader_3_before {
    0% {
        transform: translateX(0px) rotate(0deg)
    }
    50% {
        transform: translateX(50px) scale(1.2) rotate(260deg);
        background: #fff;
        border-radius: 0px;
        opacity: .75;
    }
    100% {
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes preloader_3_after {
    0% {
        transform: translateX(0px)
    }
    50% {
        transform: translateX(-50px) scale(1.2) rotate(-260deg);
        background: #fff;
        border-radius: 0px;
        opacity: .75;
    }
    100% {
        transform: translateX(0px)
    }
}



@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    background: #f2f2f2; color: #666;
}
h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; font-weight: 700; color: #666; font-family: 'TrajanPro-Regular';} 

.cf:before,
.cf:after,
.cf:before,
.cf:after,
.container:before,
.container:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.cf:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.ease01 {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.bezier02 {
    -webkit-transition: all 0.2s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    transition: all 0.2s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    -moz-transition: all 0.2s cubic-bezier(0.24, 0.63, 0.5, 0.99);
}
.bezier04 {
    -webkit-transition: all 0.4s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    transition: all 0.4s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    -moz-transition: all 0.4s cubic-bezier(0.24, 0.63, 0.5, 0.99);
}
.bezier06 {
    -webkit-transition: all 0.6s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    transition: all 0.6s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    -moz-transition: all 0.6s cubic-bezier(0.24, 0.63, 0.5, 0.99);
}
.trans08 {
        -webkit-transition: all 0.8s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    transition: all 0.8s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    -moz-transition: all 0.8s cubic-bezier(0.24, 0.63, 0.5, 0.99);
}
.radius04{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.pad01{ padding: 70px 0 90px;}
.pad02{ padding: 90px 0 90px;}
.pad03{ padding: 70px 0 76px;}
.pad04{ padding: 70px 0 30px;}
.list-unstyle, .list-unstyle li{ padding:0; margin: 0; list-style: none;}
a, a:hover, a:focus{ text-decoration: none; outline:none;}
.text-center{
    text-align: center;
}
.btn-styl01{ background:#6e587f; color: #FFF; }
.btn-styl01{color: #FFF; }
.btn-styl01:hover{ background:#694684;  color: #FFF; }

.btn-styl02{ background:#662d91; color: #FFF; }
.btn-styl02{color: #FFF; }
.btn-styl02:hover{ background:#6e587f;  color: #FFF; }
a.read-mor{
    padding: 5px 20px;  display: inline-block;
}
.mrg-btm20{ margin-bottom: 20px;}
.lg-gray-bg{ background: #f2f2f2 ;}
.gray-bg{ background: #ecebeb;}
 .white-bg{ background: #FFF;}
.brdr-rgt{ border-right:1px solid #9f7db9;}
.btn01 {
	vertical-align: baseline;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	display: inline-block;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative; z-index: 1;
	margin: 0 auto;
	padding: 0 30px;
	overflow: hidden;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
    background: #e1d7a6;
}
.btn01 span{ position: relative; z-index: 3; display: block; width: 100%; background:none; height: 100%;}
.btn01:after, .btn01:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    z-index: 2;
}

.btn01:after, .button:after {
	-webkit-transition: border-color .5s;
	transition: border-color .5s;
	z-index: 1
}

.btn01:before, .btn01:before {
	width: 200%;
	height: 500%;
	bottom: auto;
	right: auto;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: translate3d(50%, 0, 0) rotate(-45deg);
	transform: translate3d(50%, 0, 0) rotate(-45deg);
	background-color: #FFF ;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.btn01:hover:before, .btn01:hover:before {
	-webkit-transform: translate3d(-25%, 0, 0) rotate(-45deg);
	transform: translate3d(-25%, 0, 0) rotate(-45deg)
}
.btn01:hover span{ color: #164181;}

.gutter0{
	margin-left: 0px;
    margin-right: 0px;
}
.gutter0 > div{     
	padding-left: 0;
    padding-right: 0;
}
.guter4 {
    margin: 0 -5px;
}
.guter4 > div {
    padding: 0 5px;
}
.gutter8{
	margin-left: -8px;
    margin-right:  -8px;;
}
.gutter8 > div{     
	padding-left: 8px;
    padding-right: 8px;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #6c2e9b;
    z-index: 9999;
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
}

.spinner:before {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: blue;
    content: '';
    position: absolute;
    background: #fff;
    animation: preloader_3_before 1.5s infinite ease-in-out;
}

.spinner:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: blue;
    content: '';
    position: absolute;
    background: #fff;
    left: 22px;
    animation: preloader_3_after 1.5s infinite ease-in-out;
}
.top-header {
    background: #926dae;
    color: #979797
    overflow: hidden; width: 100%;
}
.top-header .mob-show{
    display:none;
}
.appointment-btn01 a{
    color: #FFF; padding: 4px 5px 5px; display: block; margin:4px 0;
}
.appointment-btn01 a .icon-hand{
    margin-right: 3px;
}
.top-header .socal-icon{padding: 5px 0 2px; }
.top-header .socal-icon li{ font-size:20px; line-height: 20px;  padding: 0 3px; float: left;}
.top-header .socal-icon li a{color: #FFF; text-decoration: none;}
.top-header .socal-icon li a:hover{color: #eedefa;}
.top-header-links{padding:3px 0 5px; font-size: 13px; font-weight: 600; color: #FFF;}
.top-header-links span{font-size: 22px; color: #FFF; float: left; padding: 0 5px;  }
.top-header-links span.icon-Call{ font-size: 20px; position: relative; top: 2px;}
.top-header-links a{color: #FFF; text-decoration: none; font-size: 13px;}
.top-header-links:hover a, .top-header-links:hover span{color: #FFF;}
.top-header-links{ padding-left: 5px;}
.top-header-links.email{ padding: 3px 12px;}
.icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-color: #777;
    background-image: none;
    background-size: contain;
    position: relative;
    top: -2px;
    margin-right: 4px;
}
._icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-color: #777;
    background-image: none;
    background-size: contain;
    position: relative;
    top: -2px;
    margin-right: 4px;
}
.header {
    background: #fff;
    position: relative;
    z-index: 100;
    padding: 12px 0;  border-bottom: 1px solid rgba(82, 57, 102, 0.1);
}
    .appointment-btn{
        margin-top: 18px;
    }
    .appointment-btn a{
      font-family: 'TrajanPro-Regular';
        padding: 5px 15px; font-size: 14px; height: 40px; line-height: 30px; display: block; font-weight: 600;
            -webkit-box-shadow: 0px 4px 0px 0px rgba(82,57,102,0.1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(82,57,102,0.1);
    box-shadow: 0px 4px 0px 0px rgba(82,57,102,0.1);
    }
    .appointment-btn a:hover, .appointment-btn a:focus{
        color: #f1e9f6; background: #634b75;
    }
    .appointment-btn a .icon-hand{
        font-size: 18px; padding-right: 4px; position: relative; top: 2px;
    }
    .appointment-btn a:hover .icon-hand{
        top: 0px; color: #f1e9f6;
    }
.navbar-toggle {
    display: none;
}
.nav-menu {
    margin: 16px 6px 0 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.nav-menu > li.open > a {
    color: #662d91;
}

.nav-menu > li {
    font-size: 15px; font-weight: 600;
    display: inline-block;
    position: relative;
    padding: 0 6px 12px;
}
.nav-menu > li > a, .nav-menu > li span {
    font-family: 'TrajanPro-Regular';
    font-weight: 600;
    font-size: 15px;
    color: #575757;
    line-height: 16px; 
    display: block;
    padding:8px 5px 10px;
    text-decoration: none;
    position: relative; cursor: pointer;
}

.nav-menu > li.active > a, .nav-menu > li.active span {
    color: #6f309e !important; 
}
.nav-menu > li > a:hover {
    color: #6f309e;
}
.nav-menu .sub-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 13px;
    top: 72px;
    list-style: none;
    width: 200px;
    background: #fff;
    border-top: 2px solid #dab5f6;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.open > .sub-menu,
.nav-menu > li:hover .sub-menu {
    top: 46px;
    opacity: 1;
    visibility: visible;
}
.nav-menu .sub-menu a {
    /*font-family: 'TrajanPro-Regular';*/
    display: block;
    text-decoration: none;
    color: #525252;
    font-size: 13px;
    padding: 8px 10px;
    border-top: 1px solid #d6d6d6;
}

.nav-menu .sub-menu a:hover {
    background: #f2f2f2;
}

.header .quick-contact{ border-left: 1px solid #d5d5d5; padding: 4px 0 0 12px; margin:0 0 0 10px;}
.header .quick-contact .icon-mobile{font-size: 34px; color: #73aa83; float: left; padding-right: 5px;}

.header .quick-contact .text01{font-size: 15px; line-height: 16px; color: #575757; float: left;}
.header .quick-contact .text01 span{ display: block; font-size: 20x; line-height: 24px; font-size: 20px; font-weight:600; }
.banner-panel{
    position: relative;
    background: #f1e8f8;
    z-index: 1;padding-bottom: 8px;
}
.banner-panel:after {
    content: "";
    position: absolute; left: 0; right: 0; bottom:0px; z-index: 6;
    height: 8px; width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3c5de+0,d3c5de+25,c3a7d9+25,c3a7d9+50,c3a7d9+50,ac8dc4+50,ac8dc4+75,845da3+75,845da3+100 */
background: #d3c5de; /* Old browsers */
background: -moz-linear-gradient(left, #d3c5de 0%, #d3c5de 25%, #c3a7d9 25%, #c3a7d9 50%, #c3a7d9 50%, #ac8dc4 50%, #ac8dc4 75%, #845da3 75%, #845da3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d3c5de 0%,#d3c5de 25%,#c3a7d9 25%,#c3a7d9 50%,#c3a7d9 50%,#ac8dc4 50%,#ac8dc4 75%,#845da3 75%,#845da3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d3c5de 0%,#d3c5de 25%,#c3a7d9 25%,#c3a7d9 50%,#c3a7d9 50%,#ac8dc4 50%,#ac8dc4 75%,#845da3 75%,#845da3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3c5de', endColorstr='#845da3',GradientType=1 ); /* IE6-9 */
}

.banner-wrap ul.home-banner, .banner-wrap .inner-banner {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #000;
    position: relative;
    z-index: 2;
}

.banner-wrap ul.home-banner li, .banner-wrap .inner-banner li {
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: none;
    padding: 0; position: relative;
}
.banner-wrap ul.banner li:after, .banner-wrap .inner-banner li:after {
    background: rgba(0,0,0,0.4);
    z-index: 3;
    content: "";
    position: absolute; left: 0; right: 0; top: 0; bottom:0px;
    height: 100%; width: 100%;
}
.banner-wrap .inner-banner li:after {
    background: rgba(0,0,0,0.2);
}
.banner-wrap .banner-caption{
    position: absolute;  z-index: 10;
    left: 0; right: 0; top: 0; bottom: 0;  width: 100%; height: 100%; display: table; text-align: center; vertical-align: middle;
}
.banner-wrap .banner-caption .captions{
     width: 100%; height: 100%; display:table-cell; text-align: center; vertical-align: middle; color: #FFF;
    
    text-align: center;
}

.banner-caption .captions h2 {
    font-size: 40px;  line-height: 50px; color: #FFF; font-weight: 700;
     margin: 0 0 30px; text-transform: uppercase; text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.8);
}
.banner-caption .captions{
    font-size: 18px; 
}
/*.banner-caption .captions h2.fadeInDown {
    display: block;
}
.banner-caption .captions > span {
    display: none;
}*/
.banner-caption .captions > h2 span{
    display:none;
}
.banner-wrap .bx-default-pager {
    display: none;
}
.banner-wrap .bx-controls-direction{ display: none;}
.banner-caption .captions > h2 span.fadeInUp, .banner-caption .captions > h2 span.fadeInLeft, .banner-caption .captions > h2 .captions > span.fadeInRight {
    display: inline-block;
}


.banner-wrap h3.head01{
    background: #3a3042;
    font-size:28px; font-weight: 600;  letter-spacing: 2px;
    color: #FFF;
    padding: 20px 60px 20px 34px;
    display: inline-block; position: absolute; z-index: 2; top: 50%; left: 0; margin-top: -30px;
}
.banner-wrap h3.head01:after{
    content: "";
    background: #6e587f;
    position: absolute; z-index: 3; left: 0; top: ; bottom:0; width: 6px; height: 100%;
}

.banner-caption .captions h2{
    position: absolute; left: 60px; top:50%;  margin-top:-60px;
}
.banner-caption .captions h2 span.text01{
     padding: 12px 60px 12px 20px; background: rgba(0,0,0,0.4); margin-bottom: 10px; margin-left: -80px;
    font-size: 34px;  line-height: 46px;
}
.banner-caption .captions h2 span.text02{
    display: inline-block; padding: 12px 60px 12px 20px; background: rgba(0,0,0,0.4); margin-left: 80px;
    font-size: 30px;  line-height: 42px;
}
.banner-caption .captions h2 span.text03{
    padding: 12px 60px 12px 60px; background: rgba(0,0,0,0.4); margin-left: 80px;
    font-size: 30px;  line-height: 42px;
}
/************************Content Area*************************/
.welcom-text{
    background: #FFF;
}
.welcom-text-inner{
    width: 100%; max-width: 1000px; margin: 0 auto;
}
h3.head01{
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase; padding-bottom: 26px;
}
.welcom-text p{
    padding: 0; margin: 0; padding-bottom: 12px; font-size: 15px;line-height: 26px;
}
.welcom-text a.read-mor{
    margin-top: 18px;
}
.product-panel{
    background: #f9f9f9;
}
.product-panel figure{
    overflow: hidden; position: relative; z-index: 1; height: 100%; width: 100%; max-width: 260px; max-height: 260px; margin: 0 auto;
     border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.product-panel figure img{
    max-width: 100%; max-height: 100%; position: relative; z-index: 1;
}
.product-panel figure a{
    position:absolute; z-index: 3; display: block; left: 50%; top: 50%; font-size: 30px; color:#d3b3ea; margin-left: -15px; margin-top: 0; opacity: 0; visibility:hidden;
}
.product-panel figure:hover a{
    opacity: 1; visibility:visible; color: #e1c8f3; margin-top: -15px;
}
.product-panel figure:hover a:hover{
    color: #f1e2fb;
}
.product-panel figure:after{
    background: rgba(0,0,0,0.1);
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    z-index: 2; opacity: 1; visibility:visible;
    -webkit-transition: all 0.4s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    transition: all 0.4s cubic-bezier(0.24, 0.63, 0.5, 0.99);
    -moz-transition: all 0.4s cubic-bezier(0.24, 0.63, 0.5, 0.99);
}
.product-panel figure:hover:after{
    background: rgba(0,0,0,0.4);
}
.product-panel figure a:b{
}
.product-panel product-item:hover figure a:after{opacity: 1; visibility: visible;}
.product-panel h4{
    font-size: 20px; font-weight: 300; text-align: center; padding: 30px 0 15px;
}
.product-panel h4 a, .product-itemlist .read-mor{
    color: #6f309e; 
}
.product-panel h4 a:hover, .product-itemlist .read-mor:hover{
    color: #666;
}
.product-panel .owl-controls{
    display: none;
}
.product-panel p{
    font-size: 14px; margin: 0; padding:0 15px; padding-bottom: 0;
}
.product-itemlist{
    padding:15px 0 0;
}
.product-itemlist .read-mor{margin-top: 6px;}

.hm-gallery{ background: #FFF;}
.hm-gallery img{ max-width: 100%;}

.big-tale .inner-caption {
    height: 450px;
}
.tale-md .inner-caption {
    height: 219px;
}
.big-tale {
    height: 450px;
    margin-bottom: 12px;
}
.tale-md {
    height: 219px;
    margin-bottom: 12px;
}
.hm-gallery .inner-caption {
    background: rgba(82, 52, 102, .8);
    display: table;
    width: 100%;
    text-align: center;
    padding: 0 20px;
	font-weight: 700;
    font-size: 26px; font-family: 'TrajanPro-Regular';
    opacity: 0;
    transition: .4s all ease; 
}
 
.hm-gallery .tale:hover .inner-caption {
    opacity: 1;
}
.inner-caption > span {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
.inner-caption > span a{
     color: #fff;
    display: block;
}

.hm-gallery .sort-menu-blk{ display: inline-block; text-align: center; width: 100%; padding-top: 20px;}
.filter-options {
	margin: 0;
	padding: 0;
	display: inline-block; width: 100%;
	list-style: none;
}
.hm-gallery .sort-menu-blk li {background: #FFF; font-family: 'TrajanPro-Regular'; font-size: 18px; font-weight: 400;height: 36px;line-height: 34px;padding: 0 26px;
	margin-right: 6px; display: inline-block; text-align: center; cursor: pointer;
}
.hm-gallery .sort-menu-blk li.active, .hm-gallery .sort-menu-blk li:hover{ background:#523567; color: #FFF; cursor: pointer;}
.hm-gallery .item.food-item { width:100%;}

.hm-gallery .sort-menu-blk{ padding-bottom:32px;}

.hm-gallery-list .item{width: 100%;}
.hm-gallery-list .item h3{
	font-family: 'merienda_oneregular';
	font-size: 23px;
	color: #3e413e;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 30px;
}
.hm-gallery-list .item h3:after{
	content: "";
	background: #523567;
	position: absolute;
	display: block;
	left: 0; bottom: 0;
	width: 40px; height: 3px;
	
}


.testimonial-panel{ 
    background: url(../img/bg01.jpg) no-repeat center 0;
}
.testimonial-area{
    padding: 20px 20px 40px;
    margin: 0 auto;
    max-width: 920px;
    text-align: center;
    width: 100%; position: relative;
}
.owl-testimonial .item{ padding: 0px 40px; font-size: 16px; line-height: 28px;}
.owl-testimonial .owl-stage-outer:before, .owl-testimonial .owl-stage-outer:after{ content: ""; background: url(../img/qouts.png) no-repeat 0 0; width: 33px; height: 36px; position: absolute; }
.owl-testimonial .owl-stage-outer:after{background-position: 0 0; left: 0px; top: 0;}
.owl-testimonial .owl-stage-outer:before{background-position: -33px 0; right:60px; bottom: 60px;}
.owl-testimonial .owl-stage-outer:before, .owl-testimonial .owl-stage-outer:after{ display: none;}
.owl-testimonial .owl-stage-outer .author{ font-weight: 400; padding-top: 15px; display: block;}
.owl-testimonial .author figure{ 
    width: 124px; height: 124px; margin: 0 auto; overflow: hidden;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.owl-testimonial .owl-stage-outer span.text01{ display: block; font-weight: 300; font-size: 14px;}
.owl-testimonial .owl-controls .owl-nav{ display: none;}
.owl-testimonial .owl-controls{ position: absolute; bottom: -40px; width: 100%;}
.owl-testimonial .owl-controls .owl-dots{
    display: inline-block; text-align: center; width: 100%; height: 10px;
}
.owl-testimonial .owl-controls .owl-dot{
    display: inline-block; text-align: center;
}
.owl-testimonial .owl-controls .owl-dot span{
    width: 12px; height: 12px; border: 1px solid #9e8ea9; background: #ac9eb6; text-indent: -9999px; display: block; margin: 0 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}
.owl-testimonial .owl-controls .owl-dot.active span{
    background: #FFF;
}

/************************About*************************/
.content-panel{
    background: #FFF;
}
.content01-text-inner{
    max-width:1125px;
    width: 100%;
}
.content01-text-inner p{
    padding: 0; margin: 0; padding-bottom: 12px; font-size: 15px;line-height: 26px;
}
.content01-text-inner .persontage{
    font-size: 20px; color: #6e587f;
}
.about-banner{
    height: 460px; position: relative; z-index: 1;
}
.about-banner .container{
    position: relative; z-index: 1; height: 100%;
}
.about-banner h3.head01{
    background: #3a3042;
    font-size:28px; font-weight: 600;  letter-spacing: 2px;
    color: #FFF;
    padding: 20px 60px 20px 34px;
    display: inline-block; position: absolute; z-index: 2; top: 50%; left: 0; margin-top: -30px;
}
.about-banner h3.head01:after{
    content: "";
    background: #6e587f;
    position: absolute; z-index: 3; left: 0; top: ; bottom:0; width: 6px; height: 100%;
}
/************************Apointment*************************/
.content01 h3.head01{
    padding-bottom: 20px;
}
.form-panel{ padding-bottom: 70px;}
.booking-form{
    width: 100%; max-width: 970px;
}
.form-panel label{ display: block; font-size: 14px;}
.form-panel .form-control{
    width: 100%; margin: 0; padding: 0; border: 1px solid #e3e1e1; height: 40px; line-height: 30px; padding: 5px 10px; 
    margin-bottom: 20px;
}
.form-panel .form-control.text-area{
    height: 120px;
}
.checkbox-panel h5.head02{
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0 15px;
    
}
.form-panel .checkbox {
    padding-left: 20px;
}
.form-panel .checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    vertical-align: middle;
}
.form-panel .checkbox-panel{
    padding:10px 0 10px;
}
.form-panel .form-btn{
    background: #6e587f; color: #FFF; padding: 12px 40px 14px; font-size: 24px; border: 0; margin-top:15px;
}
.form-panel .form-btn:hover{
    background: #5e4273;
}
h5.head05{ font-size: 18px; padding: 15px 0 20px; }
h5.head05 span{ font-size: 16px; display: block;}

.contact-adrs{
    padding-left: 40px; font-size: 16px; line-height: 28px;
}
.contact-adrs p{ padding: 0 0 5px; margin: 0;}
.contact-adrs h4.head04{
    font-size: 20px; font-weight: 400;
    padding: 10px 0 5px;
}
.contact-adrs .middle{
    padding: 20px 0;
}
.contact-adrs a{
    color: #666;
}
.contact-adrs a:hover{
    color: #8652af;
}

.contact-adrs span.f-icon{
    font-size: 20px; padding-right: 4px; position: relative;
    top: 2px;
}
.contact-adrs span.f-icon.icon-email01{
     font-size: 22px;  top:3px;
}
.booking-form .msg_popup, .contact-form .msg_popup{
    position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999;
    background: rgba(0,0,0,0.3); 
}

.booking-form .msg_popup .msg_popupinner, .contact-form .msg_popup .msg_popupinner{
    background: #FFF; width: 100%; max-width: 600px;
    position: absolute;
    border: 0 none; display:block;
    font-family: "HelveticaNeueLTStd-LtCn";
    font-size:42px; line-height: 46px;
    margin-top: 15px;
    padding:34px 40px 32px; text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit- transform: translate(-50%, -50%);
    -moz- transform: translate(-50%, -50%);
    border: 4px solid #9069af;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.booking-form .msg_popup .msg_popupinner span, .contact-form .msg_popup  .msg_popupinner span{
    display: block; font-size:24px;
}
.msg_popup .close-btn{ position: absolute; right: 5px; top: 5px; color:#575757; font-size: 18px; }
.msg_popup .close-btn:hover{color: #6f309e;}
/************************Curtain*************************/
.inner-gallery{
    background: #fbfbfb;
}
.content-panel h4.head04 {
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 14px; padding-top: 14px;
    text-transform: uppercase;
}
.inner-gallery h3.head01{
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 30px;
    text-transform: uppercase;
}
.inner-gallery h3.head01 span{
    display: block; font-size: 16px; font-weight: 300; padding: 5px 0;
}
.content-panel .reqst-btn{
    background: #6e587f;
    border: 0 none; display: inline-block;
    color: #fff;
    font-family: 'Marguerite';
    font-size: 18px; line-height: 26px;
    margin-top: 15px;
    padding:14px 40px 12px;
}
.content-panel .reqst-btn:hover {
    background: #5e4273;
}
.inner-slide-banner {
    height: 460px;
    position: relative;
    z-index: 1;
}
.inner-slider .container {
    height: 100%;
    position: relative;
    z-index: 1;
}
.inner-slider h3.head01{
    background: #3a3042;
    font-size:24px; font-weight: 600;  letter-spacing: 0; text-transform: uppercase;
    color: #FFF;
    padding: 20px 60px 20px 34px;
    display: inline-block; position: absolute; z-index: 2; top: 50%; left: 0; margin-top: -30px;
}
.inner-slider h3.head01:after{
    content: "";
    background: #6e587f;
    position: absolute; z-index: 3; left: 0; top: ; bottom:0; width: 6px; height: 100%;
}
.inner-banner li{
    height: 460px;
}
.inner-gallery-list a{
    position: relative; z-index: 1;
}
.inner-gallery-list a img{
    position: relative; z-index: 1;
}
.inner-gallery-list a:after {
    background: rgba(82, 52, 102, .4); content: "";
    width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0;
    opacity: 0;
    transition: .4s all ease; 
}
 
.inner-gallery-list a:hover:after {
    opacity: 1;
}

.inner-gallery-list .icon-plus{
    position:absolute; z-index: 3; display: block; left: 50%; top: 50%; margin-left: -15px; margin-top: 0; opacity: 0; visibility:hidden; font-size: 28px;
}
.inner-gallery-list a:hover .icon-plus{
    opacity: 1; visibility:visible; color: #e1c8f3; margin-top: -15px;
}
.inner-gallery-list a:hover .icon-plus:hover{
    color: #FFF;
}


/************************Footer*************************/
#footer {
    color: #fff;
}
.footer-widgets{
    padding-top: 50px;
    padding-bottom:30px;
    background-color: #573a6d; min-height: 300px;
}
.footer-widgets ul {
    list-style:none;
    margin: 0;
    padding: 0;
}
.footer-widgets li a {
    display: block;
    padding-bottom: 10px;
    padding-left:10px;
    transition: color 0.25s ease 0s;
    text-decoration:none;
}
.footer-widgets a {
    color: #fff;
}
.footer-widgets a:hover {
    color: #e8caff;
}
.footer-widgets h4 {
    font-size: 20px; color: #FFF;
    font-weight:400;
    line-height: 22px;
    margin: 0px 0px 32px;
}
.footer-copyright {
    background-color: #3f2850;
    padding:20px 0 16px;
    border:1px solid #4c6995;
    border-left:0;
    border-right:0;
}
.footer-copyright p{ margin:0; padding:0; font-size:11px;}
.fw-social {
    margin-top: 0px;
}
.fw-social ul li {
    float: left;
}
.fw-social ul li a {
    display: block;
    padding: 0 4px;
    color: #FFF;
    font-size: 20px;
}
.fw-social ul li a:hover {
    text-decoration: none;
    color: #e5e5e6;
}
.footer-widgets .contact-adrs{
    padding-left: 20px;
}

@media (min-width: 1181px)  {
    .header .logo{ width: 135px; padding-bottom: 2px;}
    .header .logo img{ max-width: 100%;}
    .home-banner li {
        display: block;
        height: 580px;
    }
    .nav-menu > li {
        padding:0 6px 12px;
    }
    .nav-menu .sub-menu:before {
        position: absolute;
        left: 10px;
        top: -8px;
        content: '';
        border-bottom: 6px solid #dab5f6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    .nav-menu > li.active a:before, .nav-menu > li.active span:before{
        content: "";
        height:2px;
        position:absolute;
        width:0;
        background:#dab5f6;
        top:0;
        width:100%;
        transition:  all .4s;
        left:0;
        transition:  all .4s;
    }
    .nav-menu > li.active a:after, .nav-menu > li.active span:after{
        content: "";
        height:2px;
        position:absolute;
        width:100%;
        background:#dab5f6;
        bottom:0;
        left:0%;
        transition:  all .4s;
    }
    
 
    .nav-menu {
        margin:21px 20px 0 0;
    }
    .nav-menu > li a:after, .nav-menu > li span:after{
        content: "";
        height:2px;
        position:absolute;
        width:0;
        background:#dab5f6;
        bottom:0;
        left:50%;
        transition:  all .4s;
    }
    .nav-menu > li:hover a:after, .nav-menu > li:hover span:after{
        width:100%;
        transition:  all .4s;
        left:0;
    }
    
    .nav-menu > li a:before, .nav-menu > li span:before{
        content: "";
        height:2px;
        position:absolute;
        width:0;
        background:#dab5f6;
        top:0;
        left:50%;
        transition:  all .4s;
    }
    .nav-menu > li:hover a:before, .nav-menu > li:hover span:before{
        width:100%;
        transition:  all .4s;
        left:0;
    }
}


@media (min-width: 767px) and (max-width: 991px) {
    .appointment-btn {
        margin-top: 19px;
    }
}
@media (max-width: 1180px) {
    .navbar-toggle {
        display: block;
        float: right;
        background: #6e587f;
        border: none;
        padding: 5px 10px 8px;
        margin-top: 26px; margin-right: 5px;
        margin-left: 20px;
        outline: none;
    }
    .navbar-toggle > span {
        height: 3px;
        background: #fff;
        margin-top: 3px;
        display: block;
        width: 22px;
    }
    .nav-menu {
        height: 0px;
        overflow: hidden;
        transition: .3s ease all;
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 100;
        margin: 0;
        margin-top: 82px;
    }
    .nav-menu.in {
        display: block;
        height: auto;
    }
    .nav-menu > li {
        display: block;
    }
    .nav-menu > li > a.active {
        background: #fff;
        color: #1d97db !important;
    }
    .nav-menu > li > a, .nav-menu > li span {
        border-top: 1px solid #eee;
        font-size: 15px;
        padding: 14px 10px;
        position: relative;
    }
    .nav-menu .sub-menu {
        top: 0 !important;
        left: 0 !important;
        position: relative !important;
        border: none;
        display: none;
        width: 100%;
        background: #eee;
    }
    .nav-menu .sub-menu:before {
        display: none;
    }
    .open > .sub-menu {
        display: block;
    }
    .home-banner li {
        display: block;
        height: 580px;
    }
    .footer-widgets h4 {
        font-size: 18px;
        margin: 0 0 18px;
    }
    .footer-widgets .contact-adrs{ padding-top: 20px;}
    .footer-widgets li a {
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .home-banner li {
        height: 480px;
        display: block;
    }
    .header {
        padding: 10px 0;
    }
    .hm-gallery{
        display: none;
    }
    .testimonial-panel{
        background-size: cover;
        -webkit-background-size: cover;
        background-position: center;
        background-repeat: none;
    }
    .testimonial-area {
        padding: 10px 0 40px;
    }
    .owl-testimonial .item {
        padding: 0 4px;
    }
    .owl-testimonial .owl-stage-outer:before, .owl-testimonial .owl-stage-outer:after{ display: none;}
    .big-tale {
        height: 380px;
    }
    .appointment-btn {
        margin-top: 0;
    }
    a.logo {
        float: left;
    }
    a.logo img {
        max-width: 144px;
    }
    header {
        position: relative;
        z-index: 1000;
    }
    .navbar-toggle {
        margin-top: 7px;
    }
    h3.head01 {
        font-size: 26px;
        font-weight: 300;
        line-height: 32px;
        padding-bottom: 24px;
    }
    .nav-menu {
        margin: 70px 0 0;
    }
    .appointment-btn {
        margin-top: 8px;
    }
    .navbar-toggle {
        margin-top: 13px;
    }
    .big-tale {
        height: 219px;
    }
    .tale-md {
        height: 219px;
    }
    .footer-widgets h4 {
        margin: 0 0 16px;
    }
    .footer-widgets ul{ padding-bottom: 15px;}
    .footer-widgets .contact-adrs {
        padding-left: 20px;
    }
    .footer-copyright .fw-social{display: none;}
    .booking-form .thanks-message, .contact-form .thanks-message{
        font-size:36px; line-height: 40px;
    }
    .booking-form .thanks-message span, .contact-form .thanks-message span{
        display: block; font-size:20px;
    }
    .banner-caption .captions h2 {
        left: 20px; margin-top: -40px;
    }
    .banner-caption .captions h2 span.text01{
        padding: 8px 20px 8px 30px; margin-left:0;
        font-size: 32px;  line-height: 36px;
    }
    .banner-caption .captions h2 span.text02{
        padding: 8px 20px 8px 30px; margin-left:0;
        font-size: 32px;  line-height: 36px;
    }
    .banner-caption .captions h2 span.text03{
        padding: 8px 20px 8px 30px; margin-left:0;
        font-size: 32px;  line-height: 36px;
    }
}
@media (max-width: 580px) {
    .top-header .socal-icon {
        display: none;
    }
    .header .appointment-btn{
        display:none;
    }
    .top-header .mob-show{
        display: block;
    }
}
@media (max-width: 480px) {
    .top-header .socal-icon {
        display: none;
    }
    .header .appointment-btn{
        display:none;
    }
    .top-header .mob-show{
        display: block;
    }
    .home-banner li {
        height: 420px;
        display: block;
    }
    .banner-caption .captions h2 {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 20px;
    }
    a.logo img {
        max-width: 100px;
    }
    .navbar-toggle{margin-left:12px;}
    .header .quick-contact .icon-mobile {
        font-size: 28px;
    }
    .header .quick-contact .text01 span{
        font-size: 12px;
        line-height: 16px;
    }
    .pad02 {
        padding: 54px 0;
    }
    .inner-banner li {
        height: 380px;
    }
    .inner-slider h3.head01{
        font-size: 20px;
        padding: 12px 60px 12px 34px;
    }
    .content-panel .reqst-btn {
        font-size: 15px;
    }
    
}
@media (max-width: 360px) {
    a.logo img {
        max-width: 140px;
    }
    .navbar-toggle {
        margin-top: 15px;
    }
    .nav-menu {
        margin: 68px 0 0;
    }
    .top-header .top-header-links {
        display: none;
    }
    .pad02 {
        padding: 46px 0;
    }
    .inner-slider h3.head01{
        font-size: 16px;
        padding: 12px 60px 12px 34px;
    }
    .content-panel .reqst-btn {
        font-size: 13px;
    }
    .appointment-btn {
        margin-top: 3px;
    }
    .appointment-btn a .icon-hand{ display: none;}
    .appointment-btn a {
        font-size: 14px;
        height: 38px;
        line-height: 28px;
        padding: 5px 10px;
    }
    .banner-caption .captions {
        padding: 40px 20px 50px;
    }
    .hm-gallery .sort-menu-blk {
        padding-bottom: 22px;
    }
    .hm-gallery .sort-menu-blk li {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding: 0 11px;
    }
    .banner-caption .captions h2 {
        left: 20px; margin-top: -40px;
    }
    .banner-caption .captions h2 span.text01{
        padding: 8px 20px 8px 20px; margin-left:0;
        font-size: 22px;  line-height: 26px;
    }
    .banner-caption .captions h2 span.text02{
        padding: 8px 20px 8px 20px; margin-left:0;
        font-size: 22px;  line-height: 26px;
    }
    .banner-caption .captions h2 span.text03{
        padding: 8px 20px 8px 20px; margin-left:0;
        font-size: 22px;  line-height: 26px;
    }
}
@media (max-width: 320px) {
    .hm-gallery .sort-menu-blk li {
        height: 26px;
        line-height: 26px;
        padding: 0 6px;
    }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
