/* Customized CSS */
a, img {border:none; margin:0; padding:0; border:0; outline:0;}

a:hover, a:focus {border:0;	outline:0; text-decoration:none;}

*, body {margin:0; padding:0; border:0; outline:0; box-sizing:border-box;}

.clear {clear:both}

.h1, .h2, .h3, h1, h2, h3 {margin-bottom:0;	margin-top:0;}

ul, ol, li {margin-bottom:0; margin-top:0; list-style-type:none;}

p {font-size:15px; line-height:24px; color:#999999; margin:0 0 10px; padding:0 0; font-family:'Open Sans', sans-serif; font-weight:400;}

img {max-width:100%;}

a {text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-weight:400; margin:0 0;}

body {background:#ffffff; font-family:'Open Sans', sans-serif; font-size:16px; color:#484848; font-weight:400; line-height:20px; font-weight:normal; overflow-y:scroll;}

.container {max-width:1200px;}

.hding-wrap {position:relative; padding:0 0 36px; margin:0 0 38px; text-align:center; font-family:'Lato', sans-serif;}

.hding-wrap h2 {color:#262e3b; font-size:48px; line-height:52px; padding:0 0; margin:0 0 25px; font-weight:300; text-transform:uppercase; letter-spacing:0;}

.hding-wrap:after {content:''; position:absolute; width:180px; height:1px; background:#c9e2eb; bottom:0; left:0; right:0; margin:0 auto;} 

.container h6 {color:#999999; font-size:15px; line-height:18px; margin:0 0 55px; text-align:center;}

.fixed-top {background:rgba(52, 41, 41, 0.8); z-index:99; min-height:115px; text-align:center; box-shadow: 0px 0px 10px 0px rgba(134, 134, 134, 0.75); -webkit-box-shadow: 0px 0px 10px 0px rgba(134, 134, 134, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(134, 134, 134, 0.75); -o-box-shadow:0px 0px 10px 0px rgba(134, 134, 134, 0.75);}

.fixed-top h1 {text-align:left;}

.navbar-brand {text-align:left; margin-top:7px; margin-bottom:0; padding:0 0;}

.navbar {float:right; padding:0 0; margin:0 0; display:inline-block; clear:both;}

.navbar-nav > ul {list-style-type:none;}

.navbar-nav > ul > li {margin:0 25px; padding:0 0 18px; float:left; position:relative; font-family:'Roboto', sans-serif; font-weight:500;}

.navbar-nav > ul > li:last-child {margin:0 0 0 25px;}

.navbar-nav > ul > li > a {font-size:15px; display:block; color:#ffffff; padding:0px 0; line-height:20px; font-weight:500; text-transform:uppercase; border-bottom:2px solid transparent;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}

.navbar-nav > ul > .active > a, .navbar-nav > ul > .active > a:hover, .navbar-nav > ul > .active > a:focus {background:transparent; border-bottom:2px solid #ffffff;}

.navbar-nav > ul > li:hover > a {background:transparent; border-bottom:2px solid #ffffff;}

.navbar-nav > ul > li.selected > a {background:transparent; border-bottom:2px solid #ffffff;}

.navbar-nav > ul > li > ul {position:relative; overflow:hidden; min-width:300px; position:absolute; left:0; background:transparent; display:none; z-index:99999; margin:18px 0 0; border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-box-shadow:0px 5px 10px 0px rgba(216, 216, 216, 0.9); -webkit-box-shadow: 0px 5px 10px 0px rgba(216, 216, 216, 0.9); -moz-box-shadow: 0px 5px 10px 0px rgba(216, 216, 216, 0.9); box-shadow: 0px 5px 10px 0px rgba(216, 216, 216, 0.9);}

.navbar-nav > ul > li:hover > ul {display:block;}

.navbar-nav > ul > li:last-child > ul {right:0;}

.navbar-nav > ul > li > ul > li {position:relative; display:block; float:none; list-style-type:none; text-align:left; background:#ffffff; border-left:0; padding:0 0px;}

.navbar-nav > ul > li > ul > li:last-child > a {border-bottom:0;}

.navbar-nav > ul > li > ul > li > a {display:block; color:#999999; font-size:16px; line-height:50px; padding:0 25px; margin:0 0px; font-weight:400; text-decoration:none; border-bottom:1px solid #cccccc; text-transform:uppercase;}

.navbar-nav > ul > li:hover > ul > li:hover {color:#ffffff; background:rgba(52, 41, 41, 0.9);}

.navbar-nav > ul > li:hover > ul > li:hover > a {color:#ffffff;}

.log-txt {display:none!important;}

.topsection {position:relative; display:inline-block; float:right; list-style-type:none; margin:20px 0 30px;}

.topsection li {float:left; display:inline-block; margin:0 0 0 22px; padding:0 0;}

.topsection li a {display:block; color:#d8d8d8; font-size:15px; font-weight:500; line-height:24px; background:transparent; border:0; padding:0;}

.topsection li a img {margin:0 15px 0 0;}

.topsection li:hover a {color:#ffffff;}

.slider_part {height:auto; position:relative; min-height:300px; position:relative; padding:0 0; margin:0 0; z-index:9;}

/* Browser Resets */
/*********************************/ 
.slider_part .flex-container a:active,
.slider_part .flexslider a:active,
.slider_part .flex-container a:focus,
.slider_part .flexslider a:focus  {outline: none;}
.slider_part .slides,
.slider_part .flex-control-nav,
.slider_part .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.slider_part .flexslider {margin: 0; padding: 0;}
.slider_part .flexslider .slides > li {display: none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider_part .flexslider .slides img {width:100%; height:auto; display: block; margin:0 0; padding:0 0; border:0; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: inset 0px 0px 20px 0px rgba(50, 50, 50, 0.3); box-shadow: inset 0px 0px 20px 0px rgba(50, 50, 50, 0.3);}
.slider_part .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.slider_part .flexslider {text-align:center; margin:0 0; border:0px solid #fff; position:relative; zoom:1; height:auto;}
.slider_part .flex-viewport {max-height:470px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index:1; position:relative;}
.slider_part .loading .flex-viewport {max-height: 470px;}
.slider_part .flexslider .slides {zoom: 1;}
.slider_part .carousel li {margin-right: 5px}
/* Direction Nav */
.slider_part .flex-direction-nav {*height:0;}
.slider_part .flex-direction-nav a {text-decoration:none; font-size:0; width:70px; height:77px; margin:0 0; position:absolute; top:45%; z-index: 10; overflow: hidden; opacity:0.9; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.slider_part .flex-direction-nav .flex-prev {cursor:pointer; left:2px; float:left; display:inline-block; background:url(../images/prev.png) center center no-repeat; background-size:cover;}
.slider_part .flex-direction-nav .flex-next {cursor:pointer; right:2px; float:right; display:inline-block; text-align:right;  background:url(../images/next.png) center center no-repeat; background-size:cover;}
.slider_part .flexslider:hover .flex-prev {opacity:1; background:url(../images/prev_h.png) center center no-repeat; background-size:cover;}
.slider_part .flexslider:hover .flex-next {opacity:1; background:url(../images/next_h.png) center center no-repeat; background-size:cover;}
.slider_part .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1;}
.slider_part .flex-direction-nav .flex-disabled {opacity:1!important; filter:alpha(opacity=1); cursor: default; }
.slider_part .flex-direction-nav a:before  {font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: ''; }
.slider_part .flex-direction-nav a.flex-next:before  { content: ''; }

/* Control Nav */
.slider_part .flex-control-nav {display:none; width:auto; margin:0 auto; padding:0 0; position:absolute; bottom:22px; left:7%; text-align:center; z-index:9;}
.slider_part .flex-control-nav li {float:left; margin:0 3px; display: inline-block; zoom: 1; *display: inline;}
.slider_part .flex-control-paging li a {width:13px; height:13px; display:block; border:2px solid #fff7f7; background:rgba(255, 255, 255, 1); cursor:pointer; text-indent:-9999px; border-radius:0;}
.slider_part .flex-control-paging li a:hover {background:rgba(237, 28, 36, 1);}
.slider_part .flex-control-paging li a.flex-active {background:rgba(237, 28, 36, 1); cursor:default;}
.slider_part .flex-control-thumbs {margin: 5px auto 0; position: static; overflow: hidden;}
.slider_part .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.slider_part .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.slider_part .flex-control-thumbs img:hover {opacity: 1;}
.slider_part .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .slider_part .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .slider_part .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.bancont {text-align:center; position:absolute; top:0px; left:0; width:auto; right:0; margin:230px 0 0; min-height:185px; z-index:9;}

.bancont h3 {font-size:44px; color:#ffffff; line-height:64px; margin:0px 0px 50px; padding:0 0; font-weight:700; letter-spacing:0; text-shadow:0 0 79px rgba(0, 0, 0, 0.6);}

.bancont p {display:block; font-size:16px; color:#4c4c4d; line-height:24px; margin:0 0 30px 20%; text-transform:inherit; text-align:right;}

.bancont a {display:inline-block; font-size:15px; color:#ffffff; font-weight:500; line-height:50px; margin:0 0; padding:0 55px 0 25px; background:url(../images/rgt-arrow.png) 85% center no-repeat transparent; font-family:'Roboto', sans-serif; text-transform:uppercase; border:2px solid #ffffff; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -weblit-border-radius:5px; -o-box-shadow:0px 5px 15px 0px rgba(105, 105, 105, 0.2); -webkit-box-shadow: 0px 5px 15px 0px rgba(105, 105, 105, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(105, 105, 105, 0.2); box-shadow: 0px 5px 15px 0px rgba(105, 105, 105, 0.2);}

.bancont a:hover {background-color:#221b1b; border:2px solid #171212;}

.top-contarea {z-index:9; position:relative; background:#ffffff; text-align:center; margin:-135px 0 75px; padding:50px; border:1px solid #d9d9d9; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -weblit-border-radius:5px; -o-box-shadow:0px 5px 15px 0px rgba(105, 105, 105, 0.2); -webkit-box-shadow: 0px 5px 15px 0px rgba(105, 105, 105, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(105, 105, 105, 0.2); box-shadow: 0px 5px 15px 0px rgba(105, 105, 105, 0.2);}

.hding-wrap p {color:#a6a6a6; font-size:16px; line-height:20px; padding:0 0; margin:0 0; font-weight:400; letter-spacing:0;}

.circle {width:154px; height:154px; display:inline-block; background:#78c5de; padding:0 0 12px; margin:0 0 28px; border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -weblit-border-radius:50%;}

.circle span {display:table-cell; width:154px; height:154px; vertical-align:middle; text-align:center;}

.circle span h6 {color:#ffffff; font-size:24px; line-height:24px; font-family:'Pacifico', cursive; margin:0 0; padding:0 0;}

.cont-wrap {text-align:center; font-family:'Lato', sans-serif;}

.cont-wrap h3 {color:#6bb3ca; font-size:23px; line-height:26px; padding:0 0; margin:0 0 20px; font-weight:500;}

.cont-wrap p {font-size:15px; line-height:25px; color:#8f8f8f; margin:0 0 15px; padding:0 0; font-weight:400; text-align:center;}

.cont-wrap a {display:inline-block; font-size:14px; line-height:20px; color:#262e3b; font-weight:500; margin:0 auto; padding:0 0; font-weight:400; letter-spacing:0;}

.cont-wrap a:hover {text-decoration:underline;}

.memberarea {margin:0 0; padding:0px 0 60px; position:relative; background:transparent;}

.memberarea h2 {margin:0 0;}

.memberarea .gallery {margin:20px 0 0;}

.memberarea .previous {display:block; left:-40px; top:2px; opacity:0.3; width:19px; height:38px; margin:0px auto; background:url(../images/prev.png) right top no-repeat; font-size:0; position:absolute; z-index:9;}

.memberarea .previous:hover, .memberarea .previous:focus {opacity:1;}

.memberarea .next {display:block; right:-40px; top:2px; opacity:0.3; width:19px; height:38px; margin:0px auto; background:url(../images/next.png) right top no-repeat; font-size:0; position:absolute; z-index:9;}

.memberarea .next:hover, .memberarea .next:focus {opacity:1;}

.memberarea figure {position:relative; padding:0 0; margin:0 0;}

.memberarea figure a {display:block; text-align:center;}

.memberarea figure a h4 {color:#78c5de; font-size:34px; line-height:60px; padding:0 0; margin:0 0; letter-spacing:1px; font-weight:normal; font-family:'Pacifico', cursive;}

.contentouter {padding:70px 0; background:#ffffff; margin:0 0; background:url(../images/bg.jpg) right center no-repeat #457ec1; background-size:cover;}

.whitebox {position:relative; min-height:200px; display:block; z-index:9; width:100%; margin:0 0; border:1px solid #c8d1d9; background:#e9eef2; text-align:center; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -o-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1);}

.whitebox:hover {border:1px solid #7a7a7a; background:#a09a9a;}

.whitebox img {min-height:280px; width:100%;}

.info-part {padding:20px; min-height:270px;}

.whitebox h3 {color:#515251; font-size:21px; line-height:30px; padding:0 0; margin:0 0 20px; font-weight:500; font-family:'Raleway', sans-serif;}

.whitebox p {font-size:16px; line-height:24px; color:#6c6c6c; margin:0 0 15px; padding:0 0; font-weight:400; text-align:center;}

.whitebox .btnarea {display:inline-block; font-size:15px; line-height:20px; color:#27a9e1; font-weight:500; margin:0 auto; padding:0 0; font-family:'Roboto', sans-serif; font-weight:500; letter-spacing:0.5px;}

.whitebox:hover h3, .whitebox:hover p, .whitebox:hover .btnarea {color:#ffffff;}

.descarea {padding:90px 0; position:relative;}

.descarea a {display:inline-block; font-size:16px; color:#ffffff; font-weight:700; line-height:50px; margin:20px 0; padding:0 70px 0 25px; background:url(../images/rgt-arrow.png) right center no-repeat #457ec1; text-transform:uppercase; border:1px solid #3462ae;}

.descarea a:hover {color:#3462ae; background:url(../images/rgt-arrow.png) right center no-repeat #ffffff; border:1px solid #cccccc;}

.newsarea {margin:60px 0; padding:0 0; position:relative; background:transparent; text-align:left;}

.newsarea figure {position:relative; padding:0; margin:0 0;}

.newsarea figure a {display:block; background:#ffffff; border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-box-shadow:0px 0px 5px 0px rgba(226, 226, 226, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(226, 226, 226, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(226, 226, 226, 0.8); box-shadow: 0px 0px 5px 0px rgba(226, 226, 226, 0.8);}

.newsarea figure a img, .newsarea figure a iframe {margin:0 0; border-radius:0;}

.news-info {min-height:250px; padding:20px 20px 25px;}

.newsarea figure a div.comments {font-size:14px; line-height:18px; color:#c8c8c8; font-weight:400; padding:0 0; margin:0 0 10px;}

.newsarea figure a h4 {font-size:18px; color:#363636; line-height:24px; font-weight:500; padding:0 0; margin:0 0 10px; font-family:'Raleway', sans-serif;}

.newsarea figure a p {font-size:14px; line-height:22px; color:#888888; font-weight:400; padding:0 0; margin:0 0 20px;}

.newsarea figure a span {position:absolute; left:20px; bottom:20px; display:inline-block; font-size:15px; color:#ffffff; font-weight:400; line-height:40px; margin:0 0; padding:0 45px 0 16px; background:url(../images/rgt-arrow.png) 88% center no-repeat #524343; font-family:'Roboto', sans-serif; text-transform:uppercase; border:0; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -weblit-border-radius:5px; -o-box-shadow:0px 0px 10px 0px rgba(105, 105, 105, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2);}

.newsarea figure a:hover span {background-color:#2e2525;}

.newsarea figure a:hover {-o-box-shadow:0px 0px 15px 0px rgba(173, 173, 173, 0.8); -webkit-box-shadow:0px 0px 15px 0px rgba(173, 173, 173, 0.8); -moz-box-shadow:0px 0px 15px 0px rgba(173, 173, 173, 0.8); box-shadow: 0px 0px 15px 0px rgba(173, 173, 173, 0.8);}

.newsarea .gallery-01 {margin:30px 0 0px!important; /*margin:30px 0 100px!important;*/}

.map-area {position:relative;}

.map-area iframe {-webkit-box-shadow: inset 0px 0px 5px 0px rgba(145, 145, 145, 0.75); -moz-box-shadow: inset 0px 0px 5px 0px rgba(145, 145, 145, 0.75); box-shadow:inset 0px 0px 5px 0px rgba(145, 145, 145, 0.75);}

.address-wrapper {position:absolute; top:0px; left:0; width:auto; right:0; margin:45px 0 0; z-index:9;}

.bottompart {padding:60px 0; background:url(../images/footer-logo.png) center bottom no-repeat #221b1b;}

.bottompart h3 {position:relative; font-size:20px; line-height:24px; color:#ffffff; font-weight:400; padding:0 0 15px; margin:0 0 24px; font-family:'Lato', sans-serif;}

.bottompart h3::after {content:''; position:absolute; height:1px; width:25px; background:#ffffff; left:0; bottom:0; border-bottom:1px solid #ffffff;}

.gl-area {overflow:hidden; padding:0 0; margin:0 0 30px;}

.gl-area:last-child {margin:0 0;}

.gl-img {float:left; width:82px; margin:0 18px 0 0;}

.gl-txt {float:left; width:60%; text-align:left;}

.gl-txt h6 {font-size:13px; line-height:20px; color:#ffffff; font-weight:400; text-align:left; margin:0 0 7px; padding:0 0;}

.footerouter .gl-txt p {font-size:11px; line-height:14px; color:#8b7d7d; margin:0 0; padding:0 0; font-weight:400;}

.sitemaplinks {margin:0 0 20px; padding:0 0; display:table; list-style-type:none;}

.sitemaplinks li {line-height:18px; display:block; color:#d7d7d7; padding:0 0; margin:0 0 14px;}

.sitemaplinks li a {font-size:13px; font-weight:400; display:block; color:#d7d7d7; text-transform:uppercase;}

.sitemaplinks li a:hover {color:#ffffff;}

.sitemaplinks li.active a {color:#ffffff;}

.info-area {font-size:13px; line-height:22px; color:#ffffff; padding:0 0; margin:0 0 25px; overflow:hidden;}

.info-area a {color:#ffffff;}

.info-area img {float:left; display:inline-block; margin:3px 15px 0 0;}

.info-area span {float:left; width:85%; text-align:left;}

.info-area a:hover {color:#8b7d7d;}

.info-area img {margin:0 15px 0 0;}

.ftrsocial-icons {display:inline-block; margin:-23px 0 0;}

.ftrsocial-icons ul {list-style-type:none;}

.ftrsocial-icons ul li {display:inline-block; width:30px; height:30px; float:left; padding:0 0; margin:0 3px;}

.ftrsocial-icons ul li a {display:block; position:relative; opacity:0.7;}

.ftrsocial-icons ul li a:hover {opacity:1;}

.bottompart .form-control {background:#fafafa; border:0; font-size:14px; color:#9b9b9b; line-height:30px; padding:.5rem .90rem; border-radius:5px;}

.bottompart .btn-primary {background:#d22300; border-color:#bb1f00; padding:10px 40px;}

.footerouter {position:relative; background:#130f0f; padding:0 0; letter-spacing:0.5px;}

.copyrg-txt {display:block; text-align:center; padding:25px 0; color:#403636; font-size:14px; overflow:hidden; font-weight:400; letter-spacing:0;}

.copyrg-txt a {color:#403636;}

.copyrg-txt a:hover {text-decoration:underline;}

.footerouter p {color:#ffffff; font-size:13px; line-height:22px; margin:0 0 20px; padding:0 20% 0 0; font-weight:400; letter-spacing:0; text-align:left;}

.footerlink {display:inline-block; clear:both; overflow:hidden; list-style-type:none;}

.footerlink li {display:inline-block; float:left; font-size:15px; display:block; color:#d2d2d2; padding:0 0 0 18px; margin:0 0 0 18px; line-height:15px; border-left:1px solid #d2d2d2;}

.footerlink li:first-child {border-left:0;}

.footerlink li a {color:#eeeeee; font-size:13px; display:block;}

.footerlink li a:hover {color:#ffffff;}

.scrollup,.socials a {width:50px;height:50px;background:#fff}

.cd-top {width:46px; height:46px; position:absolute; z-index:9; bottom:0; right:0; margin:0 20px 70px 0; border:0; font-size:30px; font-weight:bold; line-height:32px; color:#ffffff; text-align:center; padding:0; transition:all .2s; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; background:#6b6666; border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -weblit-border-radius:50%; -o-box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}

.cd-top .fa {width:46px; height:46px; display:table-cell; vertical-align:middle; color:#dddddd; text-align:center; font-size:20px;}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;}

.cd-top.cd-is-visible {visibility:visible; opacity:1;}

.cd-top.cd-fade-out {opacity:1;}

.no-touch .cd-top:hover {background-color:#eeeeee; opacity:1;}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 0;
    bottom: 0;
  }
}


@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");
/*========================
    SASS definitions
  =======================*/
/*========================
    FLEXBOX ALIGNMENT 
  =======================*/
/*body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-family: Montserrat;
}*/

/*========================
    BASIC styles
  =======================*/


/*========================
    BUTTON styles
  =======================*/
.clap {
  position: relative;
  outline: 1px solid transparent;
  border-radius: 50%;
  border: 1px solid #bdc3c7;
  width: 80px;
  height: 80px;
  background: none;
}
.clap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  width: 79px;
  height: 79px;
}
.clap:hover {
  cursor: pointer;
  border: 1px solid #27ae60;
  transition: border-color 0.3s ease-in;
}
.clap:hover:after {
  animation: shockwave 1s ease-in infinite;
}
.clap svg {
  width: 40px;
  fill: none;
  stroke: #27ae60;
  stroke-width: 2px;
}
.clap svg.checked {
  fill: #27ae60;
  stroke: #fff;
  stroke-width: 1px;
}
.clap .clap--count {
  position: absolute;
  top: -50px;
  left: 20px;
  font-size: 0.8rem;
  color: white;
  background: #27ae60;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
.clap .clap--count-total {
  position: absolute;
  font-size: 0.8rem;
  width: 80px;
  text-align: center;
  left: 0;
  top: -22.8571428571px;
  color: #bdc3c7;
}

/*====================
        Message
======================*/
#message {
  position: absolute;
  bottom: 20px;
  color: #27ae60;
  line-height: 1.52rem;
  padding: 1rem;
  font-size: 0.9rem;
}
#message a {
  color: #bdc3c7;
}

@keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px #27ae60;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 50px #145b32, inset 0 0 10px #27ae60;
  }
}


/*=================== Inner page ===================*/

.inner-pagehdr {padding:170px 0 30px; background:#ffffff; margin:0 0; background:url(../images/bg.jpg) right center no-repeat #457ec1; background-size:cover; border-bottom:1px solid #f7f3f2;}

.inner-pagehdr .hding-wrap h2 {font-size:44px; line-height:58px; text-transform:capitalize;}

.inner-pagehdr .hding-wrap h3 {font-size:44px; line-height:58px; font-weight:400; font-family:'Pacifico', cursive; letter-spacing:1px; color:#342929;}


/*=================== Plans page ===================*/

.planbox {position:relative; min-height:200px; display:block; z-index:9; width:100%; margin:0 0 40px; border:1px solid #dddddd; background:#fefefe; text-align:center; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -o-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1);}

.planbox:hover {border:1px solid #7a7a7a; background:rgba(52, 41, 41, 0.8); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}

.planbox img {min-height:200px; width:100%;}

.planbox .info-part {padding:30px; min-height:200px;}

.planbox h2 {position:relative; color:#515251; font-size:24px; line-height:32px; padding:0 0 20px; margin:0 0 25px; font-weight:400; font-family:'Roboto', sans-serif;}

.planbox h2:after {content:''; position:absolute; width:150px; height:1px; background:#dcdcdc; bottom:0; left:0; right:0; margin:0 auto;} 

.planbox h2 strong {font-weight:600;}

.planbox p {font-size:16px; line-height:28px; color:#6c6c6c; margin:0 0 15px; padding:0 0; font-weight:400; text-align:center;}

.planbox .btnarea {display:inline-block; font-size:15px; line-height:20px; color:#27a9e1; font-weight:500; margin:0 auto; padding:0 0; font-family:'Roboto', sans-serif; font-weight:500; letter-spacing:0.5px;}

.planbox:hover h2, .planbox:hover p, .planbox:hover .btnarea {color:#ffffff;}

.bottom-section {padding:60px 0 50px; background:#ffffff; margin:0 0; background:url(../images/gray-bg.jpg) left top repeat #457ec1;}

.bottom-section p {font-size:16px; line-height:30px; color:#6c6c6c; margin:0 0 15px; padding:0 0; font-weight:400;}

.bottom-section p a {color:#444444; font-weight:600;}

.bottom-section p a:hover {text-decoration:underline;}


/*=================== Amenities page ===================*/

.cont-wrapper {border-top:5px solid #ffffff; padding:40px 0; background:url(../images/pattern.jpg) left top repeat #ffffff; border-bottom:1px solid #eeeeee;}


/*=================== Services page ===================*/

.service-info {position:relative; display:block; width:100%; margin:20px 0; padding:25px 20px; overflow:hidden; border:1px solid #dddddd; background:#fefefe; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -o-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -webkit-border-radius:10px;}

.service-info:hover {border:1px solid #dddddd; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.3); -o-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}

.service-icon {position:relative; display:inline-block; float:left; width:100px; height:100px; text-align:center; left:0; margin:0 20px 0 0; background:#78c5de; border:5px solid #ffffff; border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

.service-icon span {position:relative; width:90px; height:90px; z-index:9; text-align:center; vertical-align:middle; display:table-cell;}

.service-info .info-part {display:inline-block; float:left; width:70%; padding:0 0; min-height:0; margin:0 0; position:relative;}

.service-info .info-part h2 {height:100px; vertical-align:middle; display:table-cell; color:#342929; font-size:24px; line-height:38px; padding:0 0; margin:0 0; font-weight:400; font-family:'Pacifico', cursive; letter-spacing:1px;}


/*=================== Contact page ===================*/

.cont-wrapper label {width:100%; text-align:left; font-size:14px; margin-bottom:5px;}

.cont-wrapper input[type="text"] {width:98%; padding:0 1%; border:1px solid #d1d1d1; border-radius:5px; height:40px; margin:0 0 10px 0;}

.cont-wrapper textarea {width:98%; height:120px; padding:0 1%; border:1px solid #d1d1d1; border-radius:5px; float:left; margin:0 0 10px 0;}

.cont-wrapper input[type="submit"] {display:inline-block; font-size:15px; color:#ffffff; font-weight:400; line-height:40px; margin:0 0; padding:0 45px 0 16px; background:url(../images/rgt-arrow.png) 88% center no-repeat #524343; font-family:'Roboto', sans-serif; text-transform:uppercase; border:0; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -weblit-border-radius:5px; -o-box-shadow:0px 0px 10px 0px rgba(105, 105, 105, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2);}

.cont-wrapper input[type="submit"]:hover {background-color:#2e2525;}

.captcha-wrap {vertical-align:middle; line-height:30px; overflow:hidden;}

.captcha-wrap input[type="text"].captcha {width:30%; margin:0px 3px 20px 0px;}

.contact-info {position:relative; display:block; width:100%; margin:20px 0; padding:5px; overflow:hidden; border:0; background:transparent;}

.contact-icon {position:relative; display:inline-block; float:left; width:70px; height:70px; text-align:center; left:0; margin:0 30px 0 0; background:#78c5de; border:5px solid #ffffff; border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}

.contact-icon span {position:relative; width:60px; height:60px; z-index:9; text-align:center; vertical-align:middle; display:table-cell;}

.contact-info .info-part {display:inline-block; float:left; width:70%; padding:0 0; min-height:0; margin:0 0; position:relative;}

.contact-info .info-part h6 {text-align:left; height:70px; vertical-align:middle; display:table-cell; color:#342929; font-size:22px; line-height:34px; padding:0 0; margin:0 0; font-weight:400; font-family:'Pacifico', cursive; letter-spacing:1px;}

.contact-info .info-part h6 a {color:#342929;}

.contact-info .info-part h6 a:hover {text-decoration:underline;}

.contact-info-wrap {width:86%; float:right;}


/*=================== blog page ===================*/

.blog-banner {background:url(../images/blogbnr.jpg) top center no-repeat #ffffff; background-size:cover;}

.page {border:1px solid #eeeeee; background:#fefefe; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -o-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1);}

.widgets {border:1px solid #eeeeee; background:#fefefe; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -o-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.1);}

.page .img-fluid {width:100%; height:auto; margin:0 0 20px;}

.page iframe {margin:0 0 20px;}

.page h4 {margin:20px 0 10px; clear:both;}

.page h4 a, .page p a {color:#6bb3ca; font-size:14px;}

.page h4 a:hover, .page p a:hover {color:#342929;}

.cont-wrapper .widgets input[type="text"] {margin:0;}

.cont-wrapper .widgets .btn {border-radius:0;}

.cont-wrapper .widgets input[type="text"] {padding:0 3%;}

/* ------ page ------ */
.page{
    background-color:#fff;
    padding:20px 15px;
    margin-bottom:20px;
}
.page h3{
    font-size:26px;
	line-height:34px;
    margin-bottom:15px;
	font-family: 'Pacifico', cursive;
}
.page .details ul{
    list-style: none;
    padding-left: 0px;
    margin-bottom:18px;
}
.page .details ul li{
   float:left;
   padding-right:15px;
   font-size: 13px;
   font-weight: 600;
}
.page .details ul li:last-child {
  float: inherit;
}
.page h4{
    font-size:13px;
    font-weight:600;
}
/* ------ wedgets ------ */
.widgets{
    background-color:#fff;
    padding:20px 15px;
    margin-bottom:20px;
}
.widgets h3{
    padding-bottom:20px;
    font-size:23px;
    margin-bottom:20px;
	font-family: 'Pacifico', cursive;
    border-bottom:1px solid #eaeaea;
}
.widgets ul {
    list-style: none;
    padding-left: 0px;
}
.widgets ul li {
    font-weight:600;
    font-size: 13px;
	color:#222222;
    text-transform: uppercase;
    margin-bottom:5px;
}
.widgets ul li a {
    color:#484848;
	font-weight:400;
}
.widgets h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.3px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

.pagination {margin:20px 0 30px;}

.pagination li {display:inline-block;}

.pagination li a {position:relative; display:block; padding:.5rem .75rem; margin-left:-1px; line-height:1.25; color:#999999; background-color:#ffffff; border:1px solid #ddd;}

.pagination li:hover a {background-color:#999999; color:#ffffff;}

.pagination li.active a, .pagination li:focus a {background-color:#2386fe; color:#ffffff;}


@media (min-width: 768px)
{
.navbar-right {
    float: right!important;
    margin-right: -100px;
}
}

/*=================== Gallery page ===================*/

.gallerybox {display:none;}

.loadmore {display:block; text-align:center; clear:both; width:100%;}

#loadMore {display:inline-block; font-size:16px; color:#ffffff; font-weight:400; line-height:50px; margin:0 auto; padding:0 50px 0 25px; background:url(../images/rgt-arrow.png) 88% center no-repeat #524343; font-family:'Roboto', sans-serif; text-transform:uppercase; border:0; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -weblit-border-radius:5px; -o-box-shadow:0px 0px 10px 0px rgba(105, 105, 105, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); box-shadow: 0px 0px 10px 0px rgba(105, 105, 105, 0.2); transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out;}

#loadMore:hover {background-color:#2e2525;}