@import url('https://fonts.googleapis.com/css?family=Kalam:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merienda+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap');
/*
font-family: 'Kalam', cursive;
font-family: 'Merienda One', cursive;
*/

* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body {width: 100%; font-size: 18px; line-height: 26px; color: #2f333c; font-family: 'Kalam', cursive; background: #fff; }
*::-webkit-input-placeholder { opacity:1; color: #2f333c; }
*::-moz-placeholder {opacity:1;color: #2f333c; }
*:-ms-input-placeholder {opacity:1;color: #2f333c; }
input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Kalam', cursive; }

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

/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }

#back-to-top { position: fixed; bottom: 20px; display: non; right: 15px; z-index: 9999; width: 36px; height: 120px; cursor: pointer; opacity: 0; background: url(../images/btt.png) no-repeat; background-size:100% auto; animation: move-it linear infinite 1.5s; -webkit-animation: move-it linear infinite 1.5s; }
#back-to-top.show { opacity: 100; }
#back-to-top.show:hover { opacity: 0.8; }
a.close, a.mobilemenu { display: none; }


/* wrapper */
#wrapper { padding: 60px 0 100px; width: 100%; min-height: 100%; position: relative; background:url(../images/bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
#wrapper:before { width: 100%; height: 100%; content:''; position:absolute; left:0; top:0; background: rgba(47,51,60,0.70); }  
.centering { max-width: 1100px; margin: auto; position: relative; }

/* header-part */
#header-part { position: relative; z-index: 100; width: 100%; }
#header-part .inner { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; padding: 20px 30px; position:relative; width: 100%; background: url(../images/header-mid.png) center top repeat-y; background-size:100% auto; }
#header-part .inner:before { width: 100%; height: 20px; content:''; position:absolute; left:0px; top:-20px; background:url(../images/header-top.png) center top no-repeat; background-size:98.5% 100%; }
#header-part .inner:after { width: 100%; height: 43px; content:''; position:absolute; left:0px; bottom:-43px; background:url(../images/header-bottom.png) center bottom no-repeat; background-size:100% 100%; }
#header-part .logo { width: 280px; font-size: 27px ; color:#d31f30; line-height: 30px; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); font-family: 'Merienda One', cursive; }
#header-part .logo span { display: block; font-size: }
#header-part .logo .logo-subtitle { padding: 5px 0 0 0; font-size: 17px; line-height: 20px; color: #00a3e4; }
#header-part .class_box { margin: 0 15px; width: calc(50% - 150px); background:url(../images/paper.png) center center no-repeat; background-size:100% 100%; padding: 20px 25px 25px 20px ; text-align:center; }
#header-part .class_box ul { text-align: left; }
#header-part .right_box li,
#header-part .class_box li { font-size: 18px; line-height: 22px; padding: 0 0 0px 15px; background:url(../images/bullet.png) left 7px no-repeat; background-size:8px auto; }
#header-part .class_box li a { color: #2f333c; }
#header-part .class_box li a:hover { color: #d31f30; }

#header-part .right_box { padding: 15px; width: calc(50% - 160px); box-shadow: 10px 10px 5px rgba(0,0,0,0.3); background: #eae9e5; }
#header-part h2 { text-align:center; font-size: 30px; line-height: 34px; color:#d31f30; }
#header-part .right_box .image { max-width: 80px; float: right; }
#header-part .right_box .text { float: left; width: calc(100% - 80px); padding: 0 10px 0 0; } 
#header-part .right_box h2 { color: #00a3e4; font-size: 25px; line-height:30px; padding-bottom: 10px; } 
#header-part .right_box p { font-size: 17px; line-height: 19px; padding: 0 0 10px; } 
#header-part .right_box li a { color: #2f333c; }
#header-part .right_box li a:hover { color: #00a3e4; }
#header-part .right_box ul { padding-bottom: 10px; }
#header-part .right_box .more { font-size: 18px; line-height: 20px; padding: 7px 30px; display: table; margin: auto; vertical-align: top; background:url(../images/paper-tape.png) no-repeat; background-size:100% 100%; font-weight:700; color: #008cb5; }
#header-part .right_box .more:hover { transform: scale(1.1,1); } 
#header-part .short_desc { position: relative; margin: 45px 0 15px 0 ; min-height:70px; text-align:center; display: flex; -webkit-display: flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; width: 100%; padding: 12px 15px 20px 15px ; background:url(../images/small-header.png) center center no-repeat; background-size:100% 100%; font-family: 'Berkshire Swash', cursive; font-size: 30px; line-height: 36px; color: #463b43; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); }
#header-part .short_desc:after,#header-part .short_desc:before { width: 12px; height: 66px; content:''; position: absolute; left:35px; top: -37px; background:url(../images/merger.png) no-repeat; background-size:100% 100%; }
#header-part .short_desc:after { left: auto; right:35px; }

#content-part { width: 100%; }
#content-part .internal { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; padding: 50px 20px 25px; border-radius: 10px; -webkit-border-radius: 10px; width: 100%; background:url(../images/paper2.jpg) center top repeat-y; background-size:100% auto; min-height:1500px; box-shadow:0px 0px 15px rgba(0,0,0,0.6); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.6); }

#content-part .left_sidebar { width: calc(100% - 300px); padding: 0 40px 0 0; position: relative; }
#content-part .right_sidebar { padding: 15px 15px 350px; width: 300px; position: relative; /*background: rgba(0,0,0,0.05); box-shadow: 0px 0px 10px rgba(0,0,0,0.3) inset; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3) inset; border-radius: 10px; -webkit-border-radius: 10px;*/ }
#content-part .right_sidebar:after { width: 170px; height: 300px; position:absolute; right:15px; bottom:0; content:''; background:url(../images/pen-stand.png) no-repeat; background-size:100% 100%; } 

.grey_box { position: relative; margin-bottom: 30px; padding: 30px 20px 20px; width: 100%; background: rgba(23,37,48,0.70); border: 5px solid #f3ecda; box-shadow: 0px 0px 14px rgba(0,0,0,0.6); border-radius: 10px; }

.grey_box:after,.grey_box:before { width: 11px; height: 30px; content:''; position:absolute; left:25px; top:-35px; background:url(../images/chain.png) no-repeat; background-size:100% 100%; }
.grey_box::after { left:auto; right:25px; }


.grey_box:first-child:after,.grey_box:first-child:before { width: 25px; height: 25px; top:-30px; background:url(../images/lock.png) no-repeat; background-size:100% 100%; }

.grey_box h1 { padding-bottom: 10px; font-size: 35px; line-height: 40px; color: #2bbfff; }
.grey_box p { color: #fffff1; font-size: 22px; line-height: 30px; padding-bottom: 15px; text-align:justify; }
.grey_box p.highlighted { color: #fff900; text-align:justify; }
.grey_box p a,.grey_box p span { color: #2bbfff; } 
.grey_box p a:hover { text-decoration:underline; }
.grey_box a.tel { cursor: text; margin: 0 0 15px 30px; background:url(../images/teared-paper1.png) no-repeat; background-size:100% 100%; position: relative; display: inline-block; vertical-align: top; font-size: 20px; line-height: 25px; color: #463b43; font-weight:700; padding: 17px 20px 7px 10px; }
.grey_box a.tel:after { width: 35px; height: 65px; content:''; position:absolute; left: -33px; top:7px; background:url(../images/teared-paper2.png) no-repeat; background-size:100% 100%; }  


.address_box { padding: 45px 25px 25px; position: relative; width: auto; margin: -20px -25px 25px; background: url(../images/sticky-paper.png) no-repeat; background-size:100% 100%; }
.address_box:after { margin-left:-15px; width: 30px; height: 46px; content:''; position:absolute; left: 50%; top: -15px; background:url(../images/paper-pin.png) no-repeat; background-size:100% 100%; }
.address_box h4 { padding-bottom: 10px;  color: #d31f30; font-size: 30px; line-height: 35px; }
.address_box address { padding-bottom: 15px; font-size: 20px; line-height: 26px; font-style: normal; }
.address_box address span { font-family: 'Merienda One', cursive; font-weight:700; }
.address_box a.tel { font-size: 16px; display: table; font-weight:700; color: #d31f30; background: url(../images/phone.png) left top no-repeat; background-size:auto 23px; padding:  0 0 0 20px; margin-bottom: 5px; }


/* gallery-bar */	
.gallery-slider { width:100%;}
.grey_box.gallery h1 { color: #a5ce00; }
.gallery-slider .MS-content .item {  display: inline-block; position: relative;  vertical-align: top;  width: 200px; }
.gallery-slider .item img { width:calc(100% - 14px); border: 4px solid #8aac04; margin: 0 7px; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
.gallery-slider {  position: relative; }
.gallery-slider .MS-content {  overflow: hidden;  white-space: nowrap; padding: 10px 0; }

/*contact_form*/
.contact_form { position: sticky; top:60px; margin: 70px -15px 110px; width: auto; background:url(../images/ladder.png) no-repeat; background-size:100% 100%; padding: 30px 20px 25px 20px; }
.contact_form:before { margin-left:-45px; width: 90px; height: 67px; content:''; position:absolute; left: 50%; top: -58px; background:url(../images/ladder-top.png) no-repeat; background-size:100% 100%; } 
.contact_form:after { margin-left:-60px; width: 120px; height: 100px; content:''; position:absolute; left: 50%; bottom: -95px; background:url(../images/ladder-bottom.png) no-repeat; background-size:100% 100%; } 

.contact_form h2 { font-size: 20px; line-height: 24px; padding-bottom: 5px; }
.contact_form .field { margin-bottom: 5px; width: 100%; height: 35px; border:0; padding: 15px 10px 10px; font-size: 16px; background:url(../images/field.png) no-repeat; background-size:100% 100%; }
.contact_form .btn { border:0; cursor: pointer; transition:all 0.3s; -webkit-transition:all 0.3s; font-size: 18px; line-height: 20px; padding: 7px 30px; display: table; margin: 10px auto 0; vertical-align: top; background:url(../images/paper-tape.png) no-repeat; background-size:100% 100%; font-weight:700; color: #008cb5; }
.contact_form .btn:hover { transform: scale(1.1,1); } 



@media (max-width: 1200px) {
.gallery-slider .MS-content .item {    width: 25%;  }
}

@media (max-width: 992px) {
.gallery-slider .MS-content .item {    width: 33.3333%;  }
}

@media (max-width: 767px) {
.gallery-slider .MS-content {    margin: 0;  }
}

@media (max-width: 479px) {
.gallery-slider .MS-content .item {    width: 50%;  }
}


footer { width: 100%; }
footer .inner { position: relative; margin: 15px 0 0px 0 ; min-height:70px; text-align:center; display: flex; -webkit-display: flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; width: 100%; padding: 15px 15px 20px 15px ; background:url(../images/small-header.png) center center no-repeat; background-size:100% 100%; font-size: 16px; line-height: 20px; color: #463b43; }
footer .inner:after,footer .inner:before { width: 12px; height: 66px; content:''; position: absolute; left:35px; top: -37px; background:url(../images/merger.png) no-repeat; background-size:100% 100%; }
footer .inner:after { left: auto; right:35px; }
footer .inner P a { font-weight:700; color: #463b43; }
footer .inner P a:hover { opacity: 0.80; }

.sticky-footer { padding: 20px 10px 17px; position:fixed; left:0; bottom:-3px; background: url(../images/graphic.png) left center repeat-x; background-size:auto 100%; width:100%; z-index:999; text-align:center; }
.sticky-footer .button { font-size: 18px; line-height: 22px; display: inline-block; vertical-align: top; color: #247700; font-weight:600; margin: 0 100px 0 0; background: url(../images/paper-tape.png) no-repeat; background-size: 100% 100%;  padding: 10px 20px 7px; }
.sticky-footer .button + .button { margin: 0 0 0 100px; }

.sticky-footer .packeges_link { font-size: 17px; font-weight:600; margin-left:-60px; width: 120px; min-height: 55px; background: url(../images/book-bottom.png) center bottom no-repeat; background-size:100% auto; color: #fff; text-align: center; display: block; position:absolute; left:50%; bottom:10px; padding: 20px 10px; }


@-webkit-keyframes move-it {
  0%{ transform: translate(0,0px); }
  50%{ transform: translate(0,-10px); }
  100%{ transform: translate(0,0px); }
}

@keyframes move-it {
  0%{ transform: translate(0,0px); }
  50%{ transform: translate(0,-10px); }
  100%{ transform: translate(0,0px); }
}