@import url('css.css');

html,
body {
    height: 100%;
    font-size: 15px;
    color: #222;
    font-family: 'Lato', sans-serif;
    vertical-align: baseline;
    line-height: 26px;
    font-weight: 400
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 26px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 26px
}

.aligncenter {
    display: block;
    margin: 0 auto 26px
}

a:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto
}

.fix {
    overflow: hidden
}

p {
    margin: 0 0 26px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 26px;
    font-weight: 600;
    font-family: 'Gloria Hallelujah', cursive
}

a {
    transition: all .5s ease 0s;
    text-decoration: none
}

a:hover {
    color: #385a57;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0 none;
    color: #547d79
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

::-moz-selection {
    background: #385a57;
    text-shadow: none
}

::selection {
    background: #385a57;
    text-shadow: none
}

.browserupgrade {
    margin: 26px 0;
    background: #385a57;
    color: #333;
    padding: 26px 0
}

.acurate {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.mobile-menu-area {
    display: none
}

.mean-container .mean-nav {
    position: absolute;
    top: 100%
}

.section-title {
    text-align: center
}

.section-title h2 {
    position: relative;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    color: #385a57;
    text-transform: uppercase;
    margin-bottom: 10px
}

.section-title h2:before {
    position: absolute;
    text-align: center;
    background: url(../image/line.png) no-repeat;
    left: 150px;
    height: 10px;
    content: "";
    margin: auto;
    top: 20px;
    width: 150px
}

.section-title h2:after {
    position: absolute;
    text-align: center;
    background: url(../image/line.png) no-repeat;
    right: 150px;
    height: 10px;
    content: "";
    margin: auto;
    top: 20px;
    width: 150px
}

.section-title h2 span {
    font-family: 'Gloria Hallelujah', cursive;
    text-transform: capitalize;
    color: #adb4b3;
    font-size: 40px
}

.section-title p {
    border: 1px solid #ddd;
    border-radius: 30px;
    display: inline-block;
    padding: 5px 30px
}

.read-more {
    display: inline-block
}

.read-more a {
    background: #fff;
    color: #52716e;
    display: inline-block;
    padding: 10px 20px;
    transition: all .5s ease 0s
}

.read-more a:hover {
    background: #385a57;
    color: #fff
}

.header-area {
    background: #182121
}

.header-area .logo-area {
    padding: 45px 0 0;
    text-align: center
}

.header-area .main-menu ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.header-area .main-menu ul li {
    display: inline-block;
    padding: 40px 20px;
    position: relative
}

.header-area .main-menu ul li:hover ul {
    transform: scaleY(1);
    visibility: visible;
    opacity: 1
}

.header-area .main-menu ul li ul {
    position: absolute;
    background: #182121;
    left: 0;
    opacity: 0;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0;
    transition: all .5s ease 0s;
    width: 200px;
    z-index: 99999;
    text-align: left;
    visibility: hidden
}

.header-area .main-menu ul li ul li {
    display: block;
    border-bottom: 1px solid #385a57;
    margin: 0;
    padding: 0
}

.header-area .main-menu ul li ul li a {
    display: block;
    padding: 7px 10px;
    text-decoration: none;
    color: #fff !important;
    font-size: 14px;
    font-weight: 300;
    transition: all .5s ease 0s
}

.header-area .main-menu ul li ul li a:hover {
    color: #547d79;
    margin-left: 5px
}

.header-area .main-menu ul li a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800
}

.header-area .main-menu ul li a:hover {
    color: #ddd
}

.slider-area {
    position: relative
}

.slider-area .single-slider {
    padding: 200px 0
}

.slider-area .single-slider h2 {
    font-family: 'Lato', sans-serif;
    font-size: 65px;
    color: #fff
}

.slider-area .single-slider .read-more {
    display: inline-block
}

.slider-area .single-slider .read-more a {
    background: #fff;
    color: #52716e;
    display: inline-block;
    padding: 10px 20px;
    transition: all .5s ease 0s
}

.slider-area .single-slider .read-more a:hover {
    background: #385a57;
    color: #fff
}

.slider-area .single-slider.slide-one {
    background: url(../images/1.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.slider-area .single-slider.slide-two {
  background: url(../images/1.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.slider-area .single-slider.slide-three {
  background: url(../images/1.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.slider-area .owl-controls {
    margin-top: 50px;
    z-index: 99999;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    bottom: 28px
}

.slider-area .owl-controls .owl-pagination .owl-page.active span {
    background: #fff
}

.slider-area .owl-controls .owl-pagination .owl-page span {
    display: block;
    width: 50px;
    height: 2px;
    margin: 5px 7px;
    filter: alpha(opacity=50);
    opacity: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #547d79;
    border: 0
}

.reason-to-come-zoo-area {
    padding: 100px 0
}

.reason-to-come-zoo-area .single-reason {
    padding: 30px 5px
}

.reason-to-come-zoo-area .single-reason .icon a i {
    border-bottom: 1px solid #ddd;
    color: #385a57;
    display: inline-block;
    font-size: 50px;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.reason-to-come-zoo-area .single-reason h3 a {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #385a57;
    transition: all .5s ease 0s
}

.reason-to-come-zoo-area .single-reason h3 a:hover {
    color: #333
}

.showcase-area {
    padding: 100px 0;
    background: #f7f7f7
}

.showcase-area .showcase-slider {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-right: -30px
}

.showcase-area .showcase-slider .single-showcase {
    margin-right: 30px;
    position: relative;
    overflow: hidden
}

.showcase-area .showcase-slider .single-showcase:hover .overley {
    opacity: 1;
    transform: scale(1)
}

.showcase-area .showcase-slider .single-showcase .images img {
    width: 100%
}

.showcase-area .showcase-slider .single-showcase .overley {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #385a57;
    text-align: center;
    margin: auto;
    top: 0;
    opacity: 0;
    transition: all .5s;
    transform: scale(2)
}

.showcase-area .showcase-slider .single-showcase .overley .information {
    top: 35%;
    position: absolute;
    transform: rotateY(-50px);
    padding: 0 30px
}

.showcase-area .showcase-slider .single-showcase .overley .information h3 {
    margin-bottom: 20px
}

.showcase-area .showcase-slider .single-showcase .overley .information h3>a {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    border: 0;
    padding: 0;
    line-height: 1.5
}

.showcase-area .showcase-slider .single-showcase .overley .information a {
    border: 1px solid #ddd;
    border-radius: 10px;
    display: inline-block;
    padding: 5px 30px;
    color: #fff
}

.showcase-area .showcase-slider .owl-buttons .owl-prev {
    left: 28px;
    top: 40%;
    position: absolute;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 2px !important;
    background: transparent;
    transition: all .5s ease 0s
}

.showcase-area .showcase-slider .owl-buttons .owl-next {
    right: 56px;
    top: 40%;
    position: absolute;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 2px !important;
    background: transparent;
    transition: all .5s ease 0s
}

.showcase-area .showcase-slider .owl-buttons i {
    color: #385a57;
    font-size: 72px;
    font-weight: 100;
    color: #fff
}

.promo-area {
    padding: 140px 0 200px;
    background: url(../image/promo.png) no-repeat;
    background-position: center;
    background-size: cover
}

.promo-area .promo-text {
    color: #fff;
    width: 50%
}

.promo-area .promo-text h2 {
    font-size: 60px;
    font-family: 'Lato', sans-serif;
    font-weight: 600
}

.promo-area .promo-text p {
    font-size: 18px;
    margin-bottom: 40px
}

.current-exibition-area h2 {
    color: #385a57;
    font-size: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    padding-bottom: 10px
}

.exhibition-menu ul {
    margin: 0;
    padding: 0;
    text-align: left;
    border: 0
}

.exhibition-menu ul.nav.nav-tabs {
    margin: 0;
    padding: 0;
    text-align: left
}

.exhibition-menu ul.nav.nav-tabs li {
    display: inline-block;
    float: inherit;
    background: transparent;
    color: #444;
    margin: 3px
}

.exhibition-menu ul.nav.nav-tabs li.active a {
    background: #385a57;
    color: #fff;
    border: 2px solid #385a57;
    border-radius: 10px;
    padding: 6px 25px
}

.exhibition-menu ul.nav.nav-tabs li a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #8f8f8f;
    background: transparent;
    border: 2px solid #385a57;
    border-radius: 10px;
    padding: 8px 25px
}

.exhibition-menu ul.nav.nav-tabs li a:hover {
    background: #385a57;
    color: #fff
}

.exhibition-content-area {
    position: relative;
    overflow: hidden;
    margin: 30px 0
}

.exhibition-content-area .image-area {
    position: relative;
    overflow: hidden;
    transition: all .5s ease 0s;
    margin-bottom: 30px
}

.exhibition-content-area .image-area .images {
    position: relative;
    overflow: hidden
}

.exhibition-content-area .image-area .images:hover img {
    transform: scale(1.2)
}

.exhibition-content-area .image-area .images img {
    width: 100%;
    transition: all .5s ease 0s
}

.exhibition-content-area .image-area .date-area {
    width: 95px;
    height: 120px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold
}

.exhibition-content-area .image-area .date-area p {
    font-size: 16px;
    padding: 10px;
    margin-bottom: 0
}

.exhibition-content-area .image-area .date-area span {
    color: #fff;
    background: #385a57;
    display: block
}

.exhibition-content-area .exhibition-details {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px
}

.exhibition-content-area .exhibition-details.last-child {
    border: none !important
}

.exhibition-content-area .exhibition-details h2 {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    color: #385a57
}

.exhibition-content-area .exhibition-details h2 span {
    float: right;
    font-size: 14px;
    padding: 10px 30px;
    cursor: pointer;
    background: #385a57;
    color: #fff;
    text-transform: uppercase;
    transition: all .5s ease 0s;
    border: 2px solid #385a57
}

.exhibition-content-area .exhibition-details h2 span:hover {
    background: #fff;
    color: #385a57;
    border: 2px solid #385a57
}

.exhibition-content-area .exhibition-details ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.exhibition-content-area .exhibition-details ul li {
    display: block;
    margin-right: 30px;
    margin-bottom: 10px
}

.exhibition-content-area .exhibition-details ul li i {
    margin-right: 10px;
    font-weight: 800;
    color: #cfcfcf
}

.exhibition-content-area .exhibition-details ul li span {
    margin-left: 100px
}

.exhibition-content-area .exhibition-details ul li span i {
    margin-right: 10px;
    font-weight: 800;
    color: #cfcfcf
}

.video-area {
    padding: 100px 0;
    background: #f7f7f7
}

.video-area .video-content h2 {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    color: #385a57;
    font-weight: 800;
    margin-bottom: 40px
}

.video-area .video-content .media .pull-left {
    margin-right: 15px
}

.video-area .video-content .media .pull-left a {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    border: 2px solid #385a57;
    display: block;
    text-align: center;
    transition: all .5s ease 0s
}

.video-area .video-content .media .pull-left a:hover {
    background: #385a57
}

.video-area .video-content .media .pull-left a:hover i {
    color: #fff
}

.video-area .video-content .media .pull-left a i {
    font-size: 30px;
    font-weight: 800;
    color: #385a57
}

.video-area .video-content .media .media-body h4 {
    font-size: 24px;
    color: #385a57;
    margin-bottom: 30px
}

.video-area .video-content .media .media-body p {
    color: #385a57
}

.recent-zooks-photo-area {
    padding: 100px 0
}

.recent-zooks-photo-area .single-recent-photos {
    position: relative;
    overflow: hidden;
    margin-top: 30px
}

.recent-zooks-photo-area .single-recent-photos:hover .overley {
    opacity: 1;
    transform: scale(1)
}

.recent-zooks-photo-area .single-recent-photos .images img {
    width: 100%
}

.recent-zooks-photo-area .single-recent-photos .overley {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #385a57;
    text-align: left;
    margin: auto;
    top: 0;
    opacity: 0;
    transition: all .5s;
    transform: scale(2)
}

.recent-zooks-photo-area .single-recent-photos .overley .photos-informations {
    top: 35%;
    position: absolute;
    transform: rotateY(-50px);
    padding: 0 15px
}

.recent-zooks-photo-area .single-recent-photos .overley .photos-informations h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    border: 0;
    padding: 0;
    line-height: 1.5
}

.recent-zooks-photo-area .single-recent-photos .overley .photos-informations ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.recent-zooks-photo-area .single-recent-photos .overley .photos-informations ul li {
    display: inline-block;
    margin-right: 30px;
    color: #fff
}

.recent-zooks-photo-area .single-recent-photos .overley .photos-informations ul li:last-child {
    float: right
}

.recent-zooks-photo-area .single-recent-photos .overley .photos-informations ul li a {
    color: #fff;
    display: inline-block;
    margin: 0 5px
}

.footer-top {
    padding: 100px 0;
    background: url(../image/footer-bg.png) no-repeat;
    background-position: center;
    background-size: cover
}

.footer-top .widget h2 {
    font-family: 'Architects Daughter', cursive;
    font-size: 26px;
    color: #385a57;
    position: relative;
    margin-bottom: 50px
}

.footer-top .widget h2:after {
    background: #385a57;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px
}

.footer-top .widget .media .pull-left {
    margin-right: 10px
}

.footer-top .widget .media .pull-left a {
    font-size: 20px
}

.footer-top .widget .media .pull-left a i {
    color: #385a57
}

.footer-top .widget .media .media-body h4.media-heading {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #385a57
}

.footer-top .widget .media .media-body p {
    margin-bottom: 0
}

.footer-top .widget .media .media-body .read-more {
    display: inline-block
}

.footer-top .widget .media .media-body .read-more a {
    color: #52716e;
    display: inline-block;
    transition: all .5s ease 0s;
    padding: 0;
    margin: 0
}

.footer-top .widget .media .media-body .read-more a:hover {
    color: #385a57;
    background: transparent
}

.footer-top .widget .clock {
    margin-bottom: 20px
}

.footer-top .widget .sponser {
    margin-bottom: 40px
}

.footer-top .widget .sponser ul li {
    border: 1px solid #ededed;
    display: inline-block;
    margin: 2px;
    transition: all .5s ease 0s
}

.footer-top .widget .sponser ul li:hover {
    border: 1px solid #385a57
}

.footer-top .widget .sponser ul li img {
    width: 100%;
    transition: all .5s ease 0s
}

.news-letter {
    background: #385a57;
    padding: 30px 0
}

.news-letter .text h2 {
    color: #fff;
    margin-bottom: 0;
    font-family: 'Lato', sans-serif;
    text-align: right;
    font-weight: 400
}

.news-letter .subscribe {
    position: relative;
    overflow: hidden
}

.news-letter .subscribe form .form-group {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.news-letter .subscribe form .form-group input {
    height: 50px;
    border-radius: 10px
}

.news-letter .subscribe-button {
    position: absolute;
    right: 20px;
    top: 10px
}

.news-letter .subscribe-button a i {
    font-weight: bold;
    color: #385a57
}

.footer-bottom-area {
    padding: 25px 0
}

.footer-bottom-area .footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-bottom-area .footer-menu ul li {
    display: inline-block
}

.footer-bottom-area .footer-menu ul li a {
    display: block;
    padding: 0 20px;
    font-family: 'Gloria Hallelujah', cursive;
    font-size: 18px;
    transition: all .5s ease 0s;
    color: #9f9f9f
}

.footer-bottom-area .footer-menu ul li a:hover {
    color: #385a57
}

.footer-bottom-area .copyright {
    text-align: right
}

.footer-bottom-area .copyright p {
    color: #9f9f9f;
    margin-bottom: 0
}

.footer-bottom-area .copyright p i {
    padding: 0 10px
}

.breadcumb-area {
    background: url(../images/breadcumb.jpg) no-repeat;
    background-position: center;
    background-size: cover
}

.breadcumb-area .breadcumb h2 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    margin-bottom: 0;
    padding: 40px 0;
    font-size: 40px
}

.meseum-cafe-area {
    padding: 100px 0;
    background: url(../images/meseum.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 580px
}

.meseum-cafe-area .meseum-cafe-content {
    margin-top: 60px
}

.meseum-cafe-area .meseum-cafe-content h2 {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 60px
}

.meseum-cafe-area .meseum-cafe-content p {
    color: #fff;
    margin-bottom: 40px
}

.meseum-cafe-area .meseum-cafe-food {
    border: 1px solid #ddd;
    padding: 5px
}

.meseum-cafe-area .meseum-cafe-food .single-food {
    border: 1px solid #ddd;
    padding: 5px
}

.meseum-cafe-area .meseum-cafe-food .single-food ul {
    margin: 0;
    padding: 30px;
    list-style: none
}

.meseum-cafe-area .meseum-cafe-food .single-food ul li {
    display: block
}

.meseum-cafe-area .meseum-cafe-food .single-food ul li .food-menu h3 {
    color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #777
}

.meseum-cafe-area .meseum-cafe-food .single-food ul li .food-menu p {
    color: #fff
}

.meseum-cafe-area .meseum-cafe-food .owl-controls {
    margin-top: 0
}

.meseum-cafe-area .meseum-cafe-food .owl-controls .owl-buttons .owl-prev {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    color: #777;
    font-size: 24px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 80px;
    top: 30px;
    margin: 0 1px;
    transition: all .5s ease 0s
}

.meseum-cafe-area .meseum-cafe-food .owl-controls .owl-buttons .owl-prev:hover {
    color: #fff
}

.meseum-cafe-area .meseum-cafe-food .owl-controls .owl-buttons .owl-next {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    font-size: 24px;
    color: #777;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 40px;
    top: 30px;
    transition: all .5s ease 0s
}

.meseum-cafe-area .meseum-cafe-food .owl-controls .owl-buttons .owl-next:hover {
    color: #fff
}

.tutor-area {
    background: rgba(0, 0, 0, 0);
    background-image: url("../image/tutor-bg.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    margin: 40px 0 0;
    padding: 0 0 120px
}

.tutor-area .tutor-content .tutor-title h2 {
    position: relative;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    color: #385a57;
    text-transform: uppercase;
    margin-bottom: 10px
}

.tutor-area .tutor-content .tutor-title p {
    border: 1px solid #ddd;
    border-radius: 10px;
    display: inline-block;
    padding: 5px 30px
}

.tutor-area .tutor-content .text>p {
    font-weight: 600
}

.tutor-area .tutor-content .import-notice {
    display: block
}

.tutor-area .tutor-content .import-notice:before {
    content: '';
    position: absolute;
    left: -100px;
    background: #f3f3f3 none repeat scroll 0 0;
    display: block;
    height: 165px;
    right: 15px;
    z-index: 9
}

.tutor-area .tutor-content .import-notice>p {
    position: relative;
    padding: 15px 0;
    z-index: 999
}

.tutor-area .tutor-content .import-notice .color-area {
    display: block;
    margin: 0 0 50px
}

.tutor-area .tutor-content .import-notice .color-area:before {
    content: '';
    position: absolute;
    left: -100px;
    background: #385a57 none repeat scroll 0 0;
    display: block;
    height: 55px;
    right: 15px;
    z-index: 9
}

.tutor-area .tutor-content .import-notice .color-area>p {
    position: relative;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 0;
    z-index: 999
}

.tutor-area .tutor-content .contact {
    padding-top: 30px
}

.tutor-area .tutor-content .contact a {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #385a57;
    color: #385a57;
    transition: all .5s ease 0s
}

.tutor-area .tutor-content .contact a:hover {
    background: #385a57;
    color: #fff
}

.pulication-area {
    padding: 100px 0;
    background: #f3f3f3
}

.pulication-area .single-publication {
    margin-right: 30px
}

.pulication-area .single-publication .images {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.pulication-area .single-publication .images:hover .overley {
    opacity: 1;
    transform: scale(1)
}

.pulication-area .single-publication .images img {
    width: 100%
}

.pulication-area .single-publication .images .overley {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    transition: all .5s ease 0s;
    opacity: 0;
    transform: scale(2)
}

.pulication-area .single-publication .images .overley .information {
    position: relative;
    top: 50%;
    transform: scaleY(-50px)
}

.pulication-area .single-publication .images .overley .information a {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #385a57
}

.pulication-area .single-publication .publication-details {
    text-align: center
}

.pulication-area .single-publication .publication-details h3 a {
    font-family: 'Lato', sans-serif;
    color: #385a57;
    font-size: 17px;
    transition: all .5s ease 0s;
    position: relative
}

.pulication-area .single-publication .publication-details h3 a:after {
    /* background: #ddd none repeat scroll 0 0; */
    bottom: -39px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 60px
}

.pulication-area .single-publication .publication-details h3 a:hover {
    color: #333
}

.pulication-area .single-publication .publication-details p {
    color: #385a57;
    font-weight: 600;
    font-size: 24px;
    margin-top: 10px
}

.pulication-area .single-publication .publication-details p del {
    color: #999;
    margin: 0 5px;
    font-size: 16px
}

.pulication-area .single-publication .publication-details>a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #385a57;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all .5s ease 0s;
    border: 1px solid #385a57
}

.pulication-area .single-publication .publication-details>a:hover {
    background: transparent;
    border: 1px solid #385a57;
    color: #385a57
}

.single-services-area {
    padding: 100px 0
}

.single-services-area .services-content {
    background: url(../image/services-bg.png) no-repeat;
    background-position: 100% 0;
    overflow: hidden
}

.single-services-area .services-content .main-single-service .service-image img {
    transition: all .5s ease 0s;
    margin-bottom: 30px
}

.single-services-area .services-content .main-single-service .service-image img:hover {
    -webkit-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5);
    box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5)
}

.single-services-area .services-content .main-single-service h3 {
    font-size: 18px;
    position: relative;
    margin-bottom: 40px
}

.single-services-area .services-content .main-single-service h3:after {
    background: #385a57;
    bottom: -15px;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    width: 100px
}

.single-services-area .services-content .main-single-service p {
    margin-bottom: 60px
}

.single-services-area .services-content .main-single-service .benefit-business-planning ul li {
    position: relative;
    margin-left: 20px;
    margin-bottom: 10px
}

.single-services-area .services-content .main-single-service .benefit-business-planning ul li:after {
    top: 0;
    content: "\f0c8";
    height: 3px;
    left: -20px;
    margin: auto;
    position: absolute;
    width: 30px;
    height: 30px;
    font-family: fontawesome;
    margin-right: 10px;
    color: #444
}

.single-services-area .services-content .main-single-service .business-benefit-image img {
    width: 100%;
    transition: all .5s ease 0s;
    margin-bottom: 30px
}

.single-services-area .services-content .main-single-service .business-benefit-image img:hover {
    -webkit-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5);
    box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.5)
}

.sidebar-area .widget .navbar-form {
    width: 100%;
    margin-bottom: 40px
}

.sidebar-area .widget .navbar-form .form-group {
    width: 100%;
    position: relative;
    overflow: hidden
}

.sidebar-area .widget .navbar-form .form-group input {
    width: 100%;
    height: 45px;
    border-radius: 0;
    background: #f6f6f6;
    border: 1px solid #f6f6f6
}

.sidebar-area .widget .navbar-form .form-group i {
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 20px;
    color: #999;
    cursor: pointer
}

.sidebar-area .widget .services-tab {
    padding: 30px;
    background: #f3f3f3
}

.sidebar-area .widget .services-tab ul {
    margin: 0;
    padding: 0;
    text-align: left;
    border: 0
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs {
    margin: 0;
    padding: 0;
    text-align: left;
    border: 0
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li {
    display: block;
    float: inherit;
    border-top: 0;
    color: #444
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li i {
    background: #385a57 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: auto 15px auto auto;
    text-align: center;
    width: 30px;
    border: 1px solid #385a57
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li i:hover {
    background: transparent;
    color: #385a57
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li.active {
    display: block;
    float: inherit;
    border-top: 0;
    background: #f3f3f3;
    color: #444
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li.active i {
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    margin: auto 15px auto auto;
    text-align: center;
    width: 30px;
    border: 1px solid #385a57;
    background: transparent;
    color: #385a57
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li.active a {
    background: transparent;
    color: #385a57;
    border: 0
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li a {
    display: block;
    font-size: 16px;
    color: #444;
    background: transparent;
    border: 0
}

.sidebar-area .widget .services-tab ul.nav.nav-tabs li a:hover {
    background: transparent;
    color: #385a57;
    border: 0
}

.opening-price-area {
    padding: 100px 0
}

.opening-price-area .meseum-openning-area h2 {
    font-family: 'Lato', sans-serif;
    color: #385a57;
    font-size: 30px;
    text-transform: uppercase
}

.opening-price-area .meseum-openning-area h2 span {
    color: #b7b7b7
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table {
    margin: 0;
    padding: 0
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table thead {
    background: #385a57
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table thead.nightime {
    background: #b8b8b8 !important
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table thead.nightime>tr>th {
    font-size: 24px;
    font-weight: 800;
    text-align: center
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table thead tr th {
    color: #fff;
    font-size: 16px;
    padding: 25px 30px;
    font-weight: bold
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table tbody {
    background: #f4f4f4
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table tbody tr th {
    padding: 20px 30px
}

.opening-price-area .meseum-openning-area .openning-table .table-responsive .table tbody tr td {
    padding: 20px 30px
}

.sidebar-area .widget {
    margin-bottom: 60px
}

.sidebar-area .widget h2 {
    font-size: 24px;
    color: #385a57;
    font-family: 'Lato', sans-serif;
    border-bottom: 1px solid #385a57;
    padding-bottom: 15px
}

.sidebar-area .widget h2 i {
    margin-right: 20px;
    font-size: 20px
}

.sidebar-area .widget ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar-area .widget ul li {
    display: block;
    margin-bottom: 15px
}

.sidebar-area .widget ul li a {
    display: block;
    color: #707070
}

.sidebar-area .widget ul li a span {
    font-weight: 600;
    color: #333
}

.sidebar-area .widget ul li a i {
    margin: 5px 20px 0 0;
    float: left
}

.sidebar-area .widget ul li a p {
    display: table
}

.sidebar-area .widget .media {
    margin-bottom: 15px
}

.sidebar-area .widget .media .pull-left {
    margin-right: 5px
}

.sidebar-area .widget .media .pull-left a img:hover {
    opacity: .9
}

.sidebar-area .widget .media .media-body h4 {
    margin-bottom: 20px
}

.sidebar-area .widget .media .media-body h4 a {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #707070
}

.sidebar-area .widget .media .media-body h4 a:hover {
    color: #385a57
}

.sidebar-area .widget .media .media-body ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar-area .widget .media .media-body ul li {
    display: block;
    margin-bottom: 8px
}

.sidebar-area .widget .media .media-body ul li a {
    display: block;
    color: #707070
}

.sidebar-area .widget .media .media-body ul li a span {
    font-weight: 600;
    color: #333
}

.sidebar-area .widget .media .media-body ul li a i {
    margin-right: 7px
}

.calender-area {
    margin-top: 100px;
    background: #f4f4f4
}

.calender-area .table-responsive {
    padding: 15px;
    overflow-y: scroll
}

.calender-area .table-responsive h3 {
    background: #385a57 none repeat scroll 0 0;
    color: #fff;
    font-family: 'Lato', sans-serif;
    padding: 25px;
    text-align: center;
    margin: -15px -15px 0 -15px
}

.calender-area .table-responsive h3 i {
    margin: 0 30px
}

.calender-area .table-responsive .table {
    margin: 0;
    padding: 0;
    min-width: 767px
}

.calender-area .table-responsive .table tbody {
    background: #f4f4f4;
    text-align: center;
    margin-left: 0;
    margin-right: 0
}

.calender-area .table-responsive .table tbody tr {
    text-align: left
}

.calender-area .table-responsive .table tbody tr:first-child {
    border-bottom: 2px solid #ededed
}

.calender-area .table-responsive .table tbody tr th {
    padding: 20px 10px
}

.calender-area .table-responsive .table tbody tr td {
    padding: 20px 0;
    width: 70px;
    height: 70px;
    text-align: center;
    display: inline-block;
    margin: 20px;
    border: 0
}

.calender-area .table-responsive .table tbody tr td.date {
    background: #c8c8c8
}

.calender-area .table-responsive .table tbody tr td.open {
    background: #6fb55f !important;
    color: #fff !important
}

.calender-area .table-responsive .table tbody tr td.close {
    background: #ce4343 !important;
    color: #fff !important;
    float: inherit;
    font-weight: 400;
    font-size: 15px;
    opacity: 1
}

.calender-area .table-responsive .specific {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding: 15px;
    min-width: 767px
}

.calender-area .table-responsive .specific ul li {
    width: 30px;
    height: 30px;
    display: inline-block;
    width: 33%
}

.calender-area .table-responsive .specific ul li i {
    margin-right: 20px;
    color: #ce4343
}

.calender-area .table-responsive .specific ul li:nth-child(2) i {
    color: #6fb55f
}

.calender-area .table-responsive .specific ul li:nth-child(3) i {
    color: #c8c8c8
}

.meseum-openning-area.prices-table {
    margin-top: 100px
}

.activities-area {
    padding: 100px 0
}

.activities-area .topbar-area {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 0
}

.activities-area .topbar-area .title-text h2 {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #385a57;
    font-weight: 800
}

.activities-area .topbar-area .activities-menu ul {
    margin: 0;
    padding: 0;
    text-align: right;
    border: 0
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs {
    margin: 0;
    padding: 0;
    text-align: right
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs li {
    display: inline-block;
    float: inherit;
    background: transparent;
    color: #444;
    margin: 3px
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs li:nth-child(2) a {
    background: #5f92b5;
    color: #fff;
    border-radius: 10px
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs li:nth-child(3) a {
    background: #d3ab1f;
    color: #fff;
    border-radius: 10px
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs li.active a {
    background: #6fb55f;
    color: #fff;
    border-radius: 10px;
    padding: 0 25px 3px
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs li.active a:hover {
    background: #6fb55f;
    color: #fff
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs li a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #8f8f8f;
    background: transparent;
    border-radius: 10px;
    padding: 0 25px 3px
}

.activities-area .topbar-area .activities-menu ul.nav.nav-tabs li a:hover {
    background: #385a57;
    color: #fff
}

.activities-area .tab-content {
    overflow: hidden
}

.activities-area .tab-content .tab-pane .media {
    background: #f4f4f4;
    margin: 15px 0;
    min-height: 260px
}

.activities-area .tab-content .tab-pane .media .pull-left {
    margin-right: 0
}

.activities-area .tab-content .tab-pane .media .pull-left figure {
    display: inline-block;
    position: relative
}

.activities-area .tab-content .tab-pane .media .pull-left figure img {
    width: 100%
}

.activities-area .tab-content .tab-pane .media .pull-left figure img:hover {
    opacity: .9
}

.activities-area .tab-content .tab-pane .media .pull-left figure a {
    position: absolute;
    font-size: 14px;
    bottom: 15px;
    right: 15px;
    color: #fff;
    padding: 1px 30px;
    border-radius: 50px
}

.activities-area .tab-content .tab-pane .media .pull-left figure a.green {
    background: #6fb55f
}

.activities-area .tab-content .tab-pane .media .pull-left figure a.blue {
    background: #5f92b5
}

.activities-area .tab-content .tab-pane .media .pull-left figure a.yellow {
    background: #d3ab1f
}

.activities-area .tab-content .tab-pane .media .media-body {
    padding: 20px
}

.activities-area .tab-content .tab-pane .media .media-body span {
    bottom: 40px;
    font-size: 20px;
    position: absolute;
    right: 40px
}

.activities-area .tab-content .tab-pane .media .media-body span a {
    color: #999
}

.activities-area .tab-content .tab-pane .media .media-body h4 {
    margin-bottom: 20px
}

.activities-area .tab-content .tab-pane .media .media-body h4 a {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    color: #707070;
    line-height: 1.5
}

.activities-area .tab-content .tab-pane .media .media-body h4 a:hover {
    color: #385a57
}

.activities-area .tab-content .tab-pane .media .media-body ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.activities-area .tab-content .tab-pane .media .media-body ul li {
    margin-bottom: 8px;
    display: block;
    color: #707070
}

.activities-area .tab-content .tab-pane .media .media-body ul li i {
    margin-right: 7px;
    color: #707070
}

.events-area {
    padding: 100px 0
}

.events-area .topbar-area {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 0
}

.events-area .topbar-area .title-text h2 {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #385a57;
    font-weight: 600
}

.events-area .topbar-area .activities-menu ul {
    margin: 0;
    padding: 0;
    text-align: right;
    border: 0
}

.events-area .topbar-area .activities-menu ul.nav.nav-tabs {
    margin: 0;
    padding: 0;
    text-align: right
}

.events-area .topbar-area .activities-menu ul.nav.nav-tabs li {
    display: inline-block;
    float: inherit;
    background: transparent;
    color: #444;
    margin: 3px
}

.events-area .topbar-area .activities-menu ul.nav.nav-tabs li.active a {
    background: #385a57;
    border: 1px solid #385a57;
    color: #fff;
    border-radius: 10px;
    padding: 7px 30px
}

.events-area .topbar-area .activities-menu ul.nav.nav-tabs li.active a:hover {
    background: #6fb55f;
    color: #fff
}

.events-area .topbar-area .activities-menu ul.nav.nav-tabs li a {
    display: block;
    text-align: center;
    font-size: 14px;
    border: 1px solid #385a57;
    color: #8f8f8f;
    background: transparent;
    border-radius: 10px;
    padding: 7px 30px
}

.events-area .topbar-area .activities-menu ul.nav.nav-tabs li a:hover {
    background: #385a57;
    border: 1px solid #385a57;
    color: #fff
}

.events-area .tab-pane .single-events {
    position: relative;
    overflow: hidden;
    margin: 15px 0
}

.events-area .tab-pane .single-events .images {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.events-area .tab-pane .single-events .images img {
    opacity: 1;
    transition: all .5s ease 0s
}

.events-area .tab-pane .single-events .images:hover .overley {
    opacity: 1;
    transform: scale(1)
}

.events-area .tab-pane .single-events .images:hover img {
    opacity: .6
}

.events-area .tab-pane .single-events .images a {
    display: block
}

.events-area .tab-pane .single-events .images a img {
    width: 100&
}

.events-area .tab-pane .single-events .images .overley {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
    margin: auto;
    top: 0;
    opacity: 0;
    transition: all .5s;
    transform: scale(2)
}

.events-area .tab-pane .single-events .images .overley a {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
    top: 40%;
    background: #385a57;
    transition: all .5s
}

.events-area .tab-pane .single-events .images .overley a:hover {
    background: #547d79
}

.events-area .tab-pane .single-events .images .overley a i {
    margin-right: 15px
}

.events-area .tab-pane .single-events .events-details h3 {
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px
}

.events-area .tab-pane .single-events .events-details h3 a {
    color: #385a57;
    font-weight: 400;
    font-size: 25px
}

.events-area .tab-pane .single-events .events-details .events-informations ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.events-area .tab-pane .single-events .events-details .events-informations ul li {
    color: #707070;
    width: 47%;
    float: left;
    margin-right: 15px
}

.events-area .tab-pane .single-events .events-details .events-informations ul li i {
    margin-right: 10px;
    font-size: 12px;
    color: #cfcfcf
}

.single-events-area {
    padding: 100px 0
}

.single-events-area .page-title {
    border-bottom: 2px solid #f4f4f4;
    display: block;
    width: 100%;
    margin: 0 0 26px
}

.single-events-area .page-title h2 {
    color: #385a57;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px
}

.single-events-area .events-area {
    padding: 0
}

.single-events-area .events-area .images {
    margin-bottom: 30px
}

.single-events-area .events-area .images a img {
    width: 100%
}

.single-events-area .events-area .images a img:hover {
    opacity: .9
}

.single-events-area .events-area .events-details h3 {
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px
}

.single-events-area .events-area .events-details h3 a {
    color: #385a57;
    font-weight: 400;
    font-size: 25px
}

.single-events-area .events-area .events-details .events-informations {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 40px
}

.single-events-area .events-area .events-details .events-informations ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.single-events-area .events-area .events-details .events-informations ul li {
    color: #707070;
    width: 47%;
    float: left;
    margin-right: 15px
}

.single-events-area .events-area .events-details .events-informations ul li i {
    margin-right: 10px;
    font-size: 12px;
    color: #cfcfcf
}

.single-events-area .events-area .events-text {
    padding: 30px 0
}

.single-events-area .events-area .events-text p {
    color: #707070
}

.single-events-area .events-area .events-text .buy-ticket a {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
    top: 40%;
    background: #385a57;
    transition: all .5s
}

.single-events-area .events-area .events-text .buy-ticket a:hover {
    background: #547d79
}

.single-events-area .events-area .events-text .buy-ticket a i {
    margin-right: 15px
}

.single-events-area .events-area .next-prev-button {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ededed
}

.single-events-area .events-area .next-prev-button ul {
    text-align: left
}

.single-events-area .events-area .next-prev-button ul li {
    display: inline-block
}

.single-events-area .events-area .next-prev-button ul li:last-child {
    float: right
}

.single-events-area .events-area .next-prev-button ul li a {
    color: #385a57;
    display: inline-block;
    font-weight: 600;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
    top: 40%;
    border: 1px solid #385a57;
    border-radius: 20px;
    transition: all .5s
}

.single-events-area .events-area .next-prev-button ul li a:hover {
    background: #385a57;
    color: #fff
}

.single-events-area .events-area .next-prev-button ul li a i {
    margin-right: 15px
}

.membership-area {
    padding: 100px 0
}

.membership-area .membership {
    margin: 25px 0
}

.membership-area .membership .price h2 {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    color: #385a57;
    position: relative;
    margin-bottom: 50px;
    font-weight: 400
}

.membership-area .membership .price h2:after {
    bottom: -17px;
    position: absolute;
    left: 0;
    height: 2px;
    width: 60px;
    background: #f0f0f0;
    content: ""
}

.membership-area .membership .details h3 {
    font-family: 'Lato', sans-serif;
    color: #385a57;
    font-size: 18px;
    margin-bottom: 15px;
    color: #707070
}

.membership-area a {
    font-size: 14px;
    padding: 10px 30px;
    margin: 25px 0 0;
    display: inline-block;
    background: #385a57;
    color: #fff;
    text-transform: uppercase;
    transition: all .5s ease 0s;
    border: 2px solid #385a57
}

.membership-area a:hover {
    background: transparent;
    color: #385a57
}

.contact-area {
    padding: 100px 0
}

.contact-area .contact-text ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-area .contact-text ul li {
    display: block;
    margin-bottom: 60px
}

.contact-area .contact-text ul li .single-contact h3 {
    font-size: 30px;
    color: #385a57;
    font-weight: 300;
    margin-bottom: 15px;
    font-family: 'Architects Daughter', cursive
}

.contact-area .contact-text ul li .single-contact p {
    color: #707070
}

.contact-area .contact-text ul li .single-contact ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-area .contact-text ul li .single-contact ul li {
    display: inline-block;
    margin-right: 10px
}

.contact-area .contact-text ul li .single-contact ul li i {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    line-height: 30px;
    background: #cacaca;
    text-align: center;
    color: #fff;
    transition: all .5s ease 0s
}

.contact-area .contact-text ul li .single-contact ul li i:hover {
    background: #385a57
}

.contact-area .form-area {
    background: #f8f8f8;
    padding: 60px 30px
}

.contact-area .form-area .leave-comments-area {
    padding-top: 30px
}

.contact-area .form-area .leave-comments-area h4 {
    color: #222;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    margin-bottom: 40px;
    text-decoration: none
}

.contact-area .form-area .leave-comments-area fieldset {
    margin-top: 0
}

.contact-area .form-area .leave-comments-area fieldset input {
    background: #eee none repeat scroll 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 45px;
    margin-right: 20px;
    border: 0;
    box-shadow: none;
    border: 1px solid transparent;
    transition: all .5s ease 0s
}

.contact-area .form-area .leave-comments-area fieldset input:focus {
    border: 1px solid #385a57;
    box-shadow: none
}

.contact-area .form-area .leave-comments-area textarea {
    background: #eee none repeat scroll 0 0;
    border-radius: 0;
    margin-right: 20px;
    border: 1px solid transparent;
    box-shadow: none;
    outline: 0;
    transition: all .5s ease 0s
}

.contact-area .form-area .leave-comments-area textarea:focus {
    border: 1px solid #385a57;
    box-shadow: none
}

.contact-area .form-area .leave-comments-area .btn-send {
    background: #385a57 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px;
    padding: 10px 45px;
    text-transform: uppercase;
    transition: all .3s ease 0s;
    width: 100%
}

.contact-area .form-area .leave-comments-area .btn-send::hover {
    background: #385a56
}

.contact-details {
    padding: 100px 0
}

.contact-details .content-contact .left-content {
    display: inline-block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 26px
}

.contact-details .content-contact .left-content img {
    width: 100%
}

.contact-details .content-contact .right-content {
    display: table
}

.contact-details .content-contact .right-content h2 {
    color: #385a57;
    font-family: 'Architects Daughter', cursive
}

.contact-details .content-contact .right-content p {
    font-size: 15px;
    color: #707070
}