@import "grid.css";

@import "font-awesome.css";

@import "superfish.css";





@import url(//fonts.googleapis.com/css?family=Open+Sans:400);

@import url(//fonts.googleapis.com/css?family=Open+Sans:600);

@import url(//fonts.googleapis.com/css?family=Open+Sans:300);

html {

    width: 100%;



}

a[href^="tel:"] {

 color: inherit;

 text-decoration: none;

}



* {

    -webkit-text-size-adjust: none;

}



body {

    position: relative;

    background-color: #363f45;

    color: #bbbaba;

    font: 14px/21px Arial, Helvetica, sans-serif;

}



strong {

    font-weight: 700;

}



address {

    font-style: normal;

}



p {

    margin-bottom: 21px;

}



input {

    border-radius: 0 !important;

    outline: none !important;

}





img {

    max-width: 100%;

}







/****Heads****/





h1, h2, h3, h4, h5, h6 {

    font-family: 'Open Sans', sans-serif;

    color: #363f45;

    font-weight: 300;

    text-transform: uppercase;

}



h2 {

    color: #fff;

    font-size: 60px;

    line-height: 60px;

    margin-bottom: 51px;

}



h3 {

    padding-top: 57px;

    font-size: 40px;

    line-height: 40px;

    margin-bottom: 23px;

}



.page1 h3 {

    margin-bottom: 25px;

    padding-top: 99px;

}



.page1 h3.mb0 {

    padding-top: 85px;

}



/****Lists****/





ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



ul.list {

    margin-top: -1px;

}



ul.list.l1 {

    padding-top: 2px;

}





ul.list.l1+h3 {

    padding-top: 94px;

}



ul.list li {

    font-family: 'Open Sans', sans-serif;

    padding-left: 30px;

    color: #3e454c;

    font-weight: 300;

    font-size: 15px;

    text-transform: uppercase;

    background: url(../images/marker.png) 0 7px no-repeat;

}



ul.list li+li {

    margin-top: 14px;

}

/****Links****/





a {

    text-decoration: none;

    color: inherit;

    outline: none;

    transition: 0.5s ease;

    -o-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

}



a:hover {

    color: #ffd400;

}



a.btn {

    background-color: #008333;

    padding: 14px 20px 16px;

    display: inline-block;

    font: 600 15px/20px 'Open Sans', sans-serif;

    color: #fff;

    text-transform: uppercase;

    margin-top: 25px;

}



a.btn:hover {

    background-color: #363F45 !important;

    color: #ffd400 !important;

}



/****classes****/



.mb0 {

    margin-bottom: 0px !important;

}

.m0 {

    margin: 0 !important;

}

.pad0 {

    padding: 0 !important;

}



.pad1 {

}





.img_inner {

    max-width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 23px;

    margin-top: 7px;

}







.fleft {

    float: left;

    width: auto !important;

    margin-right: 30px;

    margin-bottom: 0px;

    margin-top: 6px;

}





.oh {

    overflow: hidden;

}

.fright {

    float: right !important;

}

.upp {

    text-transform: uppercase;

}



.alright {

    text-align: right;

}

.center {

    text-align: center;

}

.wrapper, .extra_wrapper {

    overflow: hidden;

}

.clear {

    float: none !important;

    clear: both;

}



.oh {

    overflow: hidden;

}



.nowrap {

    white-space: nowrap;

}

/*header*/



header {

    display: block;

    position: relative;

    padding-top: 40px;

    border-top: 17px solid #008333;

    padding-bottom: 70px;

    background: url(../images/slide.jpg) center 0 no-repeat;

}



.page1 header {

    padding-bottom: 0;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    z-index: 999;

    background: no-repeat;

}



header h1 {

    position: relative;

    text-align: center;

    float: left;

    margin-bottom: 100px;

}





header h1 a {

    display: inline-block;

    overflow: hidden;

    width: 325px;

    height: 160px;

    font-size: 0;

    line-height: 0;

    

    text-indent: -999px;

    transition: 0s ease;

    -o-transition: 0s ease;

    -webkit-transition: 0s ease;

}

header h1 a img {

    display: block;

}



.booking {

    font: 300 20px/20px 'Open Sans', sans-serif;

    color: #fff;

    margin-top: 30px;

    padding-top: 2px;

    padding-bottom: 2px;

    float: right;

    text-transform: uppercase;

    padding-left: 39px;

    background: url(../images/booking_icon.png) 0 0 no-repeat;

}



.main {

    background-color: #fff;

}



a.box {

    font: 600 22px/30px 'Open Sans', sans-serif;

    text-transform: uppercase;

    text-align: center;

    margin-top: 64px;

    background-color: #ffd400;

    color: #fff;

    display: block;

}



.box_bot {

    padding: 22px 0 28px;

}



.bx1 {

    padding-top: 39px;

}



a.box:hover {

    background-color: #363f45;

}



/**Content**/

.content {

    padding-bottom: 85px;

}



.page1 .content {

    padding-bottom: 115px;

}



.block1 {

    padding-top: 106px;

    line-height: 23px;

}



.block1 .title {

    margin-bottom: 24px;

    text-transform: uppercase;

    font: 600 80px/53px 'Open Sans', sans-serif;

}



.block1 .title .col2 {

    font-weight: 300;

    font-size: 30px;

    line-height: 30px;

    padding-top: 14px;

}



.block1 .fleft {

    margin-top: 0;

}



.text1 {

    font: 20px/25px 'Open Sans', sans-serif;    

    text-transform: uppercase;

}



.date {

    margin-top: 4px;

    text-align: center;

    background: url(../images/calendar_icon.png) 0 0 no-repeat;

    width: 70px;

    height: 90px;

    float: left;

    margin-right: 30px;

    font: 600 25px/122px 'Open Sans', sans-serif;    

    text-transform: uppercase;

    color: #363f45;

}



.banner {

    padding-bottom: 86px;

    overflow: hidden;

    padding-top: 80px;

    color: #fff;

    font: 300 60px/58px 'Open Sans', sans-serif; 

    text-transform: uppercase;   

    background: url(../images/banner_img.jpg) center 0 no-repeat;

    -webkit-background-size: auto 100%;

    -moz-background-size: auto 100%;

    -ms-background-size: auto 100%;

    -o-background-size: auto 100%;

    background-size: auto 100%;

}



.banner .year {

    font-size: 140px;

    line-height: 116px;

    margin-left: 30px;

    font-weight: 600;

    float: left;

}



.banner strong {

    display: block;

    font-weight: 600;

}



.banner .title {

    float: left;

    margin-left: 115px;

    text-align: right;

}



.banner .fa {

    margin-top: 11px;

    float: left;

    display: block;

    width: 100px;

    height: 100px;

    background-color: #ffd400;

    text-align: center;

    margin-left: 96px;

    font-size: 70px;

    line-height: 98px;

}



.banner .fa:hover {

    background-color: #363f45;

}



.event {

    margin-bottom: 30px;

    background-color: #f5f5f5;

}



.ev_bot {

    padding: 23px 20px 20px;

}



.event .date {

    background-position: right 0;

}



.event:hover {

    background-color: #ffd400;

    color: #fff;

}



.event:hover .text1 {

    color: #fff;

}



.event:hover .date {

    background-position: right bottom;

    color: #fff;

}





.event:hover a.btn {

    background-color: #fff;

    color: #363f45;

}



.gallery {

    overflow: hidden;

    padding-top: 30px;

}



a.gal {

    display: block;

    background: url(../images/magnify.png) center center no-repeat #363f45;

}



a.gal img {

    width: 100%;

    box-shadow: 0 0 0 #fff;

     transition: 0.5s ease;

    -o-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

}



a.gal:hover img  {

    opacity: 0.2;

}



.cl2 {

    height: 28px;

}



.blog {

    overflow: hidden;

}



.blog a.comment {

    float: right;

}



.blog  .date {

    margin-top: -2px;

    position: relative;

    top: 6px;

}



.blog+.blog {

    margin-top: 36px;

}



.td {

    text-decoration: underline;

}



.prv p+.text1 {

    padding-top: 7px;

}



/**Map**/



.col1 {

    color: #008333;

}



.col1 a:hover, a.col1:hover {

    color: #363f45;

}



.col2 {

    color: #363f45;

}



.map {

    overflow: hidden;

    position: relative;

}

 

.map figure {

    padding-top: 7px;

    position: relative;

    display: block;

    width: 100%;

    margin-bottom: 24px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}



.map figure iframe {

    width: 100%;

    height: 420px;

    max-width: 100%;

}

.map address {

    float: left;

    display: block;

}



.map address dt {

}



.map address+address {

    margin-left: 80px;

}



 address dd span {

    min-width: 80px;

    display: inline-block;

    text-align: left;

}



.map address dd span.col1 {

    min-width: 0;

}



/**Footer**/



footer {

    display: block;

    padding: 0px 0 60px;

    color: #8f9caa;

    font-family: 'Open Sans', sans-serif;

}

.copy {

    padding-top: 64px;

    font-weight: 300;

    font-size: 15px;

    line-height: 24px;

    text-align: left;

}



.copy strong {

    font-weight: 600;

    text-transform: uppercase;

}



.socials {

    padding-top: 15px;

    overflow: hidden;

}



.socials a {

    display: block;

    border-radius: 500px;

    float: left;

    width: 34px;

    height: 34px;

    background: url(../images/socials.png) 0 0 no-repeat #3f4b53;

}



.socials a:hover {

    background-color: #008333;

}



.socials a+a {

    margin-left: 9px;

}



a.soc1 {

    background-position: -43px 0;

}



a.soc2 {

    background-position: -86px 0;

}



a.soc3 {

    background-position: right 0;

}

footer address {

    position: relative;

    padding-left: 50px;

    padding-top: 69px;

/*    text-transform: uppercase;*/

    font-size: 15px;

    line-height: 17px;

}



.add1 {

    padding-top: 67px;

    padding-left: 48px;

    line-height: 20px;

}



footer address img {

    position: absolute;

    left: 0;

    top: 71px;

}



footer address span{

    display: block;

    margin-bottom: 3px;

}



#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 40px;

    left: 51%;

    margin-left: 640px;

    overflow: hidden;

    width: 73px;

    height: 73px;

    border: none;

    text-indent: -999px;

    z-index: 20;

    background: url(../images/totop.png) no-repeat left 0;

    transition: 0s ease;

    -o-transition: 0s ease;

    -webkit-transition: 0s ease;

}

#toTop:hover {

    outline: none;

    background-position: right 0;

}



/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1199px) {

    .extra_wrapper {

        overflow: visible;

    }  



    .block1 .extra_wrapper {

        overflow: hidden;

    } 



    .block1 .title {

        font-size: 50px;

    }



    .banner .fa {

        float: none;

        clear: both;

        margin: 0 auto;

    }



     .banner .title {

        padding-bottom: 40px;

     }



}



@media only screen and (max-width: 979px) {



address dd span {

    min-width: 80px;

}



h3 {

    font-size: 26px;

}



.banner .year {

    float: none;

    text-align: center;

    clear: both;

    padding-bottom: 40px;

}



.banner  .title {

    float: none;

    text-align: center;

    margin-left: 0;

}



.blog .fleft {

    margin-right: 0;

    float: none;

    width: 100% !important;

    margin-bottom: 25px;

}



.map address+address {

    float: left;

}



 .map figure,  

 .map figure iframe,  

 #form input,  

 #form textarea,  

 #form .success {

    width: 100% !important;

    float: none !important;

}

 #form .success {

     -moz-box-sizing: border-box;

     -webkit-box-sizing: border-box;

     -o-box-sizing: border-box;

     box-sizing: border-box;

}

 .map figure {

 height: auto !important;

}





.map figure {

	margin-bottom: 15px;

}



.nowrap {

    white-space: normal;

}





.event .date {

    float: none;    

    margin-bottom: 30px;

}



.block1 .fleft {

    margin-right: 0;

    width: 100% !important;

    margin-bottom: 25px;

}



.block1 .extra_wrapper {

    overflow: visible;

}



.map address + address {

    margin-left: 22px;

}



}



@media only screen and (max-width: 767px) {





.blog a.comment {

    float: none;

    display: inline-block;

    margin-left: 8px;

}



.blog  .text1 {

}



.blog .date {

    margin-right: 15px;

}



.event .date {

    float: left;

}



.cl2 {

    height: 0;

}



.block2 {

    margin-bottom: 40px;

}



.camera_wrap {

    height: 600px !important;

}



.camera_wrap img  {

    height: 600px !important;

    margin: 0 0 0 0 !important;

    max-width: 1000%;

    width: 1339px !important;

    display: block;

    left: 50% !important;

    margin-left: -869px !important;



}



.caption {

    bottom: 50px;

}



.camera_pag {

    bottom: 15px;

}



h2 {

    font-size: 30px;

    line-height: 40px;

    margin-bottom: 10px;

}



.booking {

    float: none;

    margin-bottom: 40px;

    margin-top: 45px;

}



#owl {

    margin-top: 20px;

}



.bx1 {

    padding-top: 22px;

}





.banner * {

    float: none !important;

    text-align: center !important;

    margin-left: 0 !important;

    padding-bottom: 25px;

    font-size: 40px;

}



.banner .title {

    padding-left: 0;

}



.banner .fa {

    padding-bottom: 0;

    margin: 0 auto !important;

}



.box img,

#owl .item img {

    width: 100%;

}



.map address {

    float: none;

    margin-left: 0 !important;

 }



.map address +address {

    margin-top: 30px;

}





header h1 {

	display: block;

	width: auto;

    margin-left: 0;

    position: relative;

	height: auto;

}



.img_inner {

width: 100% !important;

float: none !important;

margin-right: 0 !important;

margin-bottom: 20px !important;

}



h1 a {

	max-width: 90%;

}





.img_inner img {

	width: 100%;

}





 header h1 {

 margin-bottom: 20px;

 float: none;

 left: 0;

 text-align: center;

}

 header h1 a {

 	width: auto;

 	display: inline-block;

 height: auto;

}

 header h1 a img {

}



 .map {

 	padding-right: 0px !important;

 }



 .map figure iframe {

 width: 100%;

 height: 300px;

}

 .map address {

 	margin-right: 0;

}





 .content .noresize {

 width: auto !important;

 float: left !important;

 margin-right: 20px !important;

 margin-top: 4px !important;

}



 .img_inner {

 margin-top: 30px;

}



.none {

    clear: both;

}

}





@media only screen and (max-width: 479px) {



.blog .date {

    margin-right: 15px;

    float: none;

    margin-bottom: 25px;

}



.banner * {

    font-size: 30px;

}



.banner .year {

    font-size: 80px;

}



}