@charset "UTF-8";

body {
    font-family: 'Gotham', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #000;
    background-color: #f5f5f5;
}

a,
a:hover,
a:focus,
a:active { text-decoration: none; color: #2cb1fc; outline: 0; }


h1,h2,h3,h4,h5,h6 { color: #000; }


/* Short Codes *****************************************************/

.f3 {font-weight: 300;}
.f4 {font-weight: 400;}
.f5 {font-weight: 500;}
.f6 {font-weight: 600;}
.f7 {font-weight: 700;}
.f8 {font-weight: 800;}
.f9 {font-weight: 900;}

.m0 { margin: 0px; }
.mT15 {margin-top: 15px;}
.mB15 {margin-bottom: 15px;}
.mT30 {margin-top: 30px;}
.mB30 {margin-bottom: 30px;}

.p0 { padding: 0px; }
.pT15 {padding-top: 15px;}
.pB15 {padding-bottom: 15px;}
.pT30 {padding-top: 30px;}
.pB30 {padding-bottom: 30px;}

.pR { position: relative; }
.db { display: block !important; }
.dib { display: inline-block !important; }
.w100 { float: left; width: 100%; }
.w50 { float: left; width: 50%; }
.eclipse { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.flexCC { display: flex; display: -ms-flex; align-items:center; justify-content:center; }
.flexCR { display: flex; display: -ms-flex; align-items:center; justify-content:flex-end; }
.flexCL { display: flex; display: -ms-flex; align-items:center; justify-content:flex-start; }
.flexCB { display: flex; display: -ms-flex; align-items:center; justify-content:space-between; }
.flexCA { display: flex; display: -ms-flex; align-items:center; justify-content:space-around; }

.tW {color: #fff !important;}
.tW a {color: #fff !important;}
.bW {background-color: #fff !important;}

.tB {color: #000 !important;}
.tB a {color: #000 !important;}
.bB {background-color: #000 !important;}

.tG {color: #3a3a3a !important;}
.tG a {color: #3a3a3a !important;}
.bG {background-color: #3a3a3a !important;}

.trl { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.trlX { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.trlY { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.contain { background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }


/* Buttons *********************************************************/

.btn1 { display: inline-block; padding: 8px 27px; color:#0aa4ff; background-color: #ffffff; font-weight: 600; font-size: 16px; text-align: center; border: 0px; border-radius: 5px; }
.btn1.green { color:#07bb7d; }
.btn1.sm { padding: 7px 20px; font-size: 13px; }
.btn1.xs { padding: 5px 10px; font-size: 12px; }
.btn1 i { margin-right: 5px; }
.btn1:focus,
.btn1:hover { background-color: #0aa4ff; color:#ffffff; }
.btn1.green:hover { background-color: #07bb7d; color:#ffffff; }


.btn1 { display: inline-block; padding: 8px 27px; color:#0aa4ff; background-color: #ffffff; font-weight: 600; font-size: 16px; text-align: center; border: 0px; border-radius: 5px; }
.btn1.blue { color:#fff;
    background: rgba(10,165,255,1);
    background: -moz-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(18,122,183,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(10,165,255,1)), color-stop(100%, rgba(18,122,183,1)));
    background: -webkit-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(18,122,183,1) 100%);
    background: -o-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(18,122,183,1) 100%);
    background: -ms-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(18,122,183,1) 100%);
    background: linear-gradient(to bottom, rgba(10,165,255,1) 0%, rgba(18,122,183,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aa5ff', endColorstr='#127ab7', GradientType=0 );
}
.btn1.blue:hover {
    background: rgba(18,122,183,1);
    background: -moz-linear-gradient(top, rgba(18,122,183,1) 0%, rgba(10,165,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,122,183,1)), color-stop(100%, rgba(10,165,255,1)));
    background: -webkit-linear-gradient(top, rgba(18,122,183,1) 0%, rgba(10,165,255,1) 100%);
    background: -o-linear-gradient(top, rgba(18,122,183,1) 0%, rgba(10,165,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(18,122,183,1) 0%, rgba(10,165,255,1) 100%);
    background: linear-gradient(to bottom, rgba(18,122,183,1) 0%, rgba(10,165,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#127ab7', endColorstr='#0aa5ff', GradientType=0 );
}


/*******************************************************************/


/* Share Buttons ***************************************************/


.share-box { float: left; display: block; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; }
.share-box .share-caption { margin-top: 0px; font-weight: 700; }
.btnShare { float: left; display: inline-block; padding: 7px 20px; margin-right: 5px; margin-bottom: 5px; color:#555; background-color: #fff; font-weight: 400; font-size: 12px; text-align: center; border-radius: 0px; }
.btnShare.circle { border-radius: 40px; }
.btnShare i { font-family: 'FontAwesome'; opacity: 0.9; }
.btnShare span { margin-left: 5px; }
.btnShare:focus,
.btnShare:hover {  }

.btnShare:focus i,
.btnShare:hover i { opacity: 1; }

.btnShare.facebook { background-color: #3b5998; color: white; }
.btnShare.facebook:hover { background-color: #304d8a; }
.btnShare.facebook i:after { content: '\f09a'; }

.btnShare.twitter { background-color: #0084b4; color: white; }
.btnShare.twitter:hover { background-color: #00719b; }
.btnShare.twitter i:after { content: '\f099'; }

.btnShare.google-plus { background-color: #dc4a38; color: white; }
.btnShare.google-plus:hover { background-color: #de321d; }
.btnShare.google-plus i:after { content: '\f0d5'; }

.btnShare.instagram { background-color: #49769c; color: white; }
.btnShare.instagram:hover { background-color: #3d698e; }
.btnShare.instagram i:after { content: '\f16d'; }

.btnShare.linkedin { background-color: #1f88be; color: white; }
.btnShare.linkedin:hover { background-color: #147baf; }
.btnShare.linkedin i:after { content: '\f0e1'; }



/*******************************************************************/




/* Custom CSS Desing ***********************************************/

.captionCenter { position: relative; text-align: center; margin: 15px 0px; padding-bottom: 15px; font-size: 20px; font-weight: 600; }
.captionCenter:before { content: ''; position: absolute; width: 90px; height: 3px; bottom: -1px; left: 50%; margin-left: -45px; background-color: #000; }
.captionCenter.white { color: white; }
.captionCenter.white:before { background-color: white; }
.captionCenter.blue { color: #0aa5ff; }
.captionCenter.blue:before { background-color: #0aa5ff; }

.captionLeft { position: relative; text-align: left; margin: 15px 0px; padding-bottom: 15px; font-size: 20px; font-weight: 600; }
.captionLeft:before { content: ''; position: absolute; width: 90px; height: 3px; bottom: -1px; left: 0%; background-color: #000; }
.captionLeft.blue { color: white; }
.captionLeft.blue:before { background-color: white; }
.captionLeft.blue { color: #0aa5ff; }
.captionLeft.blue:before { background-color: #0aa5ff; }

.navbar-toggle { border-radius: 0px; border-color: transparent !important; background-color: transparent; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: none; -webkit-transform:none; background-color:black;}
.navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 1; background-color:black;}
.navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: none; -webkit-transform:none; background-color:black;}

.navbar-toggle .icon-bar:nth-child(1) { transform: rotate(45deg)translate(4px, 4px); -webkit-transform: rotate(45deg)translate(4px, 4px); -moz-transform: rotate(45deg)translate(4px, 4px); -ms-transform: rotate(45deg)translate(4px, 4px); -o-transform: rotate(45deg)translate(4px, 4px); }
.navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle .icon-bar:nth-child(3) { transform: rotate(-45deg)translate(5px, -5px); -webkit-transform: rotate(-45deg)translate(5px, -5px); -moz-transform: rotate(-45deg)translate(5px, -5px); -ms-transform: rotate(-45deg)translate(5px, -5px); -o-transform: rotate(-45deg)translate(5px, -5px); }

.form-control { border-radius: 5px; border: 1px solid #e2e2e2; height: 40px; box-shadow: none; background-color: white; color: #372f2b; }
.form-control:focus { border-color: #2185D0; }

.form-control.white { border-radius: 5px; border: 1px solid #eeeeee; height: 40px; box-shadow: none; background-color: transparent; color: white; }
.form-control.white:focus { border-color: #2185D0; }
.form-control.white::-webkit-input-placeholder { color: white; }
.form-control.white:-moz-placeholder { color: white; }
.form-control.white::-moz-placeholder { color: white; }
.form-control.white:-ms-input-placeholder { color: white; }

.pagination>li>a,
.pagination>li>span { border: 1px solid #eeeeee; margin-left: 0px; font-weight: 700; }

.pagination>li:first-child>a,
.pagination>li:first-child>span { border-radius: 0px; }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-radius: 0px; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { border-color: #2185d0; background-color: #2185d0; color: #fff; }

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #1678c2; }



.grd-grey {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(231,231,231,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0 );
}
.grd-blue {
    background: rgba(10,165,255,1);
    background: -moz-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(110,228,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(10,165,255,1)), color-stop(100%, rgba(110,228,255,1)));
    background: -webkit-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(110,228,255,1) 100%);
    background: -o-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(110,228,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(10,165,255,1) 0%, rgba(110,228,255,1) 100%);
    background: linear-gradient(to bottom, rgba(10,165,255,1) 0%, rgba(110,228,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aa5ff', endColorstr='#6ee4ff', GradientType=0 );
}
.grd-green {
    background: rgba(7,187,124,1);
    background: -moz-linear-gradient(top, rgba(7,187,124,1) 0%, rgba(100,236,213,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,187,124,1)), color-stop(100%, rgba(100,236,213,1)));
    background: -webkit-linear-gradient(top, rgba(7,187,124,1) 0%, rgba(100,236,213,1) 100%);
    background: -o-linear-gradient(top, rgba(7,187,124,1) 0%, rgba(100,236,213,1) 100%);
    background: -ms-linear-gradient(top, rgba(7,187,124,1) 0%, rgba(100,236,213,1) 100%);
    background: linear-gradient(to bottom, rgba(7,187,124,1) 0%, rgba(100,236,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07bb7c', endColorstr='#64ecd5', GradientType=0 );
}


/*******************************************************************/


/* TRANSITION ******************************************************/

.navbar-nav>li>a,
.navbar-nav>li>a:after,
.btn1,
.btnShare,
.lang li a,
.social li a,
.social li a i,
.filter,
.filter:after,
.navbar-header,
.icon-bar,
.filter:before,
.filter:after  {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.bread .title  {
    -webkit-transition: all .5s cubic-bezier(.17,.67,.53,1.31);
    -moz-transition: all .5s cubic-bezier(.17,.67,.53,1.31);
    transition: all .5s cubic-bezier(.17,.67,.53,1.31);
}


/*******************************************************************/



/* HEADER **********************************************************/

#header { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; }
#header .top-bar { padding: 10px 0px; text-align: right; }
#header .top-bar a { color: white; }
#header .top-bar .social { padding: 0px; margin: 0px; list-style-type: none; }
#header .top-bar .social li { float: left; margin-left: 5px; }
#header .top-bar .social li a { display: inline-block; }
#header .top-bar .social li a i { width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 15px; border:1px solid white; border-radius: 50%; color: white; }
#header .top-bar .social li a:hover i { background-color: black; color: white; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); }
#header .top-bar .contact { margin-left: 20px; font-weight: 300; font-size: 15px; }
#header .top-bar .lang { padding: 0px; margin: 0px; margin-left: 20px; list-style-type: none; }
#header .top-bar .lang li { float: left; margin-left: 2px; }
#header .top-bar .lang li:after { content: '|'; color: white; }
#header .top-bar .lang li:last-child:after { display: none; }
#header .top-bar .lang li a { display: inline-block; padding: 5px; }
#header .top-bar .lang li a:hover { color: black; }

#header .navbar { border: none; border-radius: 0; background-color: transparent; margin-bottom: 0px; }
#header .navbar-brand { padding: 0px 15px; height: 50px; }
#header .navbar-brand img { height: 28px; }
#header .navbar-nav>li>a { position: relative; color: white; font-size: 15px; perspective: 200px; -webkit-perspective: 200px; -moz-perspective: 200px; -ms-perspective: 200px; -o-perspective: 200px; z-index: 2; }
#header .navbar-nav>li>a:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: -1; background-color: white;
    transform: rotateX(97deg);
    -webkit-transform: rotateX(97deg);
    -moz-transform: rotateX(97deg);
    -ms-transform: rotateX(97deg);
    -o-transform: rotateX(97deg);
    transform-origin:bottom center;
    -webkit-transform-origin:bottom center;
    -moz-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    -o-transform-origin:bottom center;
    opacity: 0; }

#header .navbar-nav>li>a:hover,
#header .navbar-nav>li>a:focus { color: black; }
#header .navbar-nav>li>a:focus:after,
#header .navbar-nav>li>a:hover:after {

    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    opacity: 1; }

#header .navbar-nav>.active>a,
#header .navbar-nav>.active>a:focus,
#header .navbar-nav>.active>a:hover { background-color: white; color: black; }

#header .navbar-nav>.open>a,
#header .navbar-nav>.open>a:focus,
#header .navbar-nav>.open>a:hover { background-color: white; color: black; }

#header .navbar-nav>li>.dropdown-menu { padding: 0px; border: none; border-radius: 0px; }
#header .navbar-nav>li>.dropdown-menu>li>a { padding: 8px 20px; }

#header .navbar-nav>li>.dropdown-menu>li>a:focus,
#header .navbar-nav>li>.dropdown-menu>li>a:hover { background-color: #0da8ff; color: white; }



/*******************************************************************/


/* MAIN ************************************************************/


#main {  }
#main .middle-module { position: relative; z-index: 2; }
#main .middle-module .box-on { position: relative; height: 95px; }
#main .middle-module .box { position: absolute; width: 100%; bottom: 0; padding: 25px 20px; text-align: center; }
#main .middle-module .box.grd-blue { color: white; }
#main .middle-module .box.grd-green { color: white; }

#main .slogan { padding-bottom: 60px; }

#main .middle-img { height: 425px; }

#main .main-activity { position: relative; z-index: 3; padding-bottom: 30px; }
#main .main-activity .activity-on { position: relative; width: 100%; height: 254px; }
#main .main-activity .activity-on .activity-box { position: absolute; width: 100%; left: 0; bottom: 0; }
#main .main-activity .activity-on .activity-box img { width: 100%; }
#main .main-activity .activity-on .activity-box .filter { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #0da8ff; opacity: 0; }
#main .main-activity .activity-on .activity-box .filter:after { content: ''; position: absolute; width: 50px; height: 20px; left: 50%; margin-left: -25px; top: 50%; margin-top: -10px; background: url(../img/activity-svg.svg) no-repeat center center; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); }
#main .main-activity .activity-on .activity-box:hover .filter:after { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
#main .main-activity .activity-on .activity-box:hover .filter { opacity: 0.8; }
#main .main-activity .activity-on .activity-box:before { content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #a8a8a8; right: -10px; bottom: -10px; z-index: -1; }
#main .main-activity .activity-on .activity-box.box0 { height: 450px; }
#main .main-activity .activity-on .activity-box.box1 { height: 400px; }
#main .main-activity .activity-on .activity-box.box2 { height: 345px; }
#main .main-activity .activity-text { margin-top: 25px; }

#main .main-gallery {  }
#main .main-gallery .text { text-align: center; padding: 30px 15px; }
#main .main-gallery .box { position: relative; }
#main .main-gallery .box img { width: 100%; }
#main .main-gallery .box .filter { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: #0da8ff; opacity: 0; }
#main .main-gallery .box .filter:after { content: ''; position: absolute; width: 50px; height: 20px; left: 50%; margin-left: -25px; top: 50%; margin-top: -10px; background: url(../img/activity-svg.svg) no-repeat center center; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); }
#main .main-gallery .box:hover .filter:after { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
#main .main-gallery .box:hover .filter { opacity: 0.8; }


#main .main-contact {  }
#main .main-contact .box { padding-bottom: 50px; }
#main .main-contact .box .caption { font-weight: 700; margin-top: 85px; }
#main .main-contact .box span { font-size: 12px; font-weight: 400; }

#main .bread { position: relative; height: 220px; }
#main .bread .container { position: relative; height: 100%; }
#main .bread .title { position: absolute; bottom: -30px; margin: 0; color: white; font-weight: 900; text-shadow:1px 1px 1px rgba(0,0,0,0.3); }
#main .bread .title.active { bottom: 45px; }

#main .content { position: relative; z-index: 3;  }
#main .content-body { position: relative; margin-top: -40px; margin-bottom: 25px; background-color: white; padding: 30px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); }
#main .content-body:after { content: ''; position: absolute; width: 100%; height: 100%; left: 15px; top: 15px; z-index: -1; border: 4px solid #ddd; }

#main .content-body .room-box { position: relative; perspective:1000px; -webkit-perspective:1000px; -moz-perspective:1000px; -ms-perspective:1000px; -o-perspective:1000px; }
#main .content-body .room-box img { width: 100%; }
#main .content-body .room-box .filter { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.3); perspective:1000px; -webkit-perspective:1000px; -moz-perspective:1000px; -ms-perspective:1000px; -o-perspective:1000px; }
#main .content-body .room-box:hover .filter { background-color: rgba(0,0,0, 0.5); }
#main .content-body .room-box .filter:before { content: ''; position: absolute; width: 80%; height: 80%; left: 10%; top: 10%; border-top: 3px solid white; border-bottom: 3px solid white; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform-origin:center center; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; }
#main .content-body .room-box .filter:after { content: ''; position: absolute; width: 80%; height: 80%; left: 10%; top: 10%; border-left: 3px solid white; border-right: 3px solid white; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform-origin:center center; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; }
#main .content-body .room-box:hover .filter:before { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); }
#main .content-body .room-box:hover .filter:after { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); }
#main .content-body .room-box .caption { position: absolute; top: 50%; left: 50%; z-index: 2; color: white; margin: 0px; font-weight: 900; }

#main .content-body .room-banner {  }
#main .content-body .room-banner img { width: 100%; }
#main .content-body .room-properties { }
#main .content-body .room-properties .properties { border-top: 3px solid #ddd; padding-top: 10px; }
#main .content-body .room-properties .text { border-top: 3px solid #ddd; padding-top: 10px; }

#main .content-body .room-properties .properties {  }
#main .content-body .room-properties .properties ul { padding: 0px; margin: 0px; list-style-type: none; }
#main .content-body .room-properties .properties ul li { position: relative; padding: 10px 0px 10px 40px; }
#main .content-body .room-properties .properties ul li img { position: absolute; height: 30px; left: 0; top: 50%; margin-top: -15px; }
#main .content-body .room-properties .properties ul li span {  }

#main .content-body .room-gallery { position: relative; padding: 30px 0px; }
#main .content-body .room-gallery #room-gallery {  }
#main .content-body .room-gallery #room-gallery .item { padding: 2%; }
#main .content-body .room-gallery #room-gallery .item img { width: 100%; }
#main .content-body .room-gallery .buttons { position: absolute; bottom: 0; right: 0; cursor: pointer; }
#main .content-body .room-gallery .buttons#Prev { right: 30px; }
#main .content-body .room-gallery .buttons i { width: 25px; height: 25px; line-height: 23px; text-align: center; border: 1px solid #ddd; }

#main .content-body .gallery-box { float: left; position: relative; width: 100%; overflow: hidden; z-index: 3; }
#main .content-body .gallery-box .img { width: 100%; }
#main .content-body .gallery-box .caption { position: absolute; left: 50%; top: 50%; margin: 0px; color: white; font-weight: 900; z-index: 3; }
#main .content-body .gallery-box .filter { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.3); z-index: 2; }
#main .content-body .gallery-box:hover .filter { background-color: rgba(0,0,0, 0.5); }
#main .content-body .gallery-box .filter:before { content: ''; position: absolute; width: 90%; height: 80%; left: 5%; top: 10%; border-top: 3px solid white; border-bottom: 3px solid white; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform-origin:center center; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; }
#main .content-body .gallery-box .filter:after { content: ''; position: absolute; width: 80%; height: 90%; left: 10%; top: 5%; border-left: 3px solid white; border-right: 3px solid white; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform-origin:center center; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; }
#main .content-body .gallery-box:hover .filter:before { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); }
#main .content-body .gallery-box:hover .filter:after { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); }

#main .content-body .activity-box-img { position: relative; z-index: 2; width: 100%; height: 250px; }
#main .content-body .activity-box-img:before { content: ''; position: absolute; width: 100%; height: 100%; top: 15px; left: 15px; z-index: -1; border: 2px solid #a8a8a8; }


/*******************************************************************/




/* FOOTER **********************************************************/

#footer {  }
#footer .box { height: 85px; }
#footer .social { float: right; padding: 0px; margin: 0px; list-style-type: none; }
#footer .social li { float: left; margin-left: 20px; }
#footer .social li a { display: inline-block; }
#footer .social li a i { width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 15px; color: black; }
#footer .social li a:hover i {  }
#footer .box .ajansesperto { text-align: right; }
/*******************************************************************/






/* Responsive ******************************************************/


/* SM Mobil Menu */
@media (max-width: 991px) {
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 2px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-text { float: none; margin: 15px 0; }
    .navbar-collapse.collapse.in { display: block!important; }
    .collapsing { overflow: hidden!important; }
    .navbar-brand { position: relative; }
    .logo{width: 70%;}
}


/* XS */
@media (max-width: 767px) {
    .btnShare { padding: 0px; }
    .btnShare.circle { border-radius: 50%; }
    .btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
    .btnShare span { display: none; }
    #main .middle-module .box-on { height: auto; }
    #main .middle-module .box { position: relative; }
    #main .main-activity .activity-on { height: auto; margin-top: 30px; }
    #main .main-activity .activity-on .activity-box { position: relative; }
    #header .top-bar { padding: 0px; }
    #header .navbar-brand { height: 34px; }
    #header .navbar-brand img { height: 20px; }
    #header .navbar-toggle { margin-top: 0px; margin-bottom: 0px; }
    .navbar-collapse { background-color: rgba(0,0,0, 0.7); }
    #header { position: fixed; }
    #header .navbar-header.color { background-color: rgba(0,0,0, 0.7); }
    #main .main-contact .box { padding-bottom: 20px; padding-top: 20px; text-align: center; }
    #main .main-contact .box .caption { margin-top: 0px; }
    #footer .social { width: 100%; display: flex; display: -webkit-flex; justify-content:center; align-items:center; }
    #footer .social li { margin-left: 10px; margin-right: 10px; }
    #footer .box { justify-content:center; }
    #footer .box .ajansesperto { text-align: center; }
    .logo{width: 60%;}
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    #main .middle-module .box-on { height: auto; }
    #main .middle-module .box { position: relative; }
    .navbar-collapse { background-color: rgba(0,0,0,0.5); }
    .navbar-right { margin-left: -15px; }

}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown:hover .dropdown-menu { display: block; }
    #main .middle-module .box-on { height: 230px; }
    .logo{width: 80%;}
}

/* LG */
@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu { display: block; }
    .logo{width: 100%;}
}