/* ---------- Resets ---------- */
html,body{height:100%}body{text-align:left;margin:0;padding:0;}navheader,section,nav{margin:0;padding:0;display:block;}a{outline:none;text-decoration:none;cursor:pointer;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-ms-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out;}p{margin:0;padding:0 0 18px;}table{padding:0;margin:0;border-collapse:collapse;}dl,dt,dd,td,th,tr{padding:0;margin:0;}ol,ul{margin:0 0 18px}#clientcontent img {text-decoration: none; border: 0px;max-width:100%}.para img{margin-bottom:20px;border:0;max-width:100%;height:auto} .para img.imglh,.para img.imgrh {max-width:70%;} img.fullwidth{image-rendering:optimizeQuality; -ms-interpolation-mode:bicubic;} div{text-align:left;margin:0;padding:0;} blockquote,code,input,textarea{padding:0;margin:0;} form{border:none;margin:0;padding:0;} fieldset{border:0;margin:0;padding:0;}label{display:block;margin:0;padding:0;}textarea{background:none;border:0;min-height:260px;overflow:hidden;outline:none;resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}h1{margin:0;padding:0;}h2,h3,h4,h5,h6{margin:0 0 18px;padding:0;} .container{margin:0px auto;padding:0px 20px;max-width:960px;}.cl{clear:both}.divider{margin:18px 0 35px;clear:both;}
.pfoot {clear:both; height:20;}
.clearit {  clear: both; height:0; line-height:0.0; font-size:0}
.pempty p, .pempty + br, .pempty + br + br{display:none}
.imglh {margin-right:20px; float: left;}
.imgrh {margin-left:20px; float: right;}
.fullwidth img {margin:0}
.hero {max-width: 960px;margin: 0 auto;line-height:0} .hero img {width:100%}
#logo2 {max-width:100%}
#herofade {margin: 0 auto; list-style-type: none; padding: 0px;max-width:960px} #herofade img {width:100%;}
.rslides {overflow: hidden;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;margin:0;line-height:0}
/* ---------- Theme Font Size / Family Defaults ---------- */
body {
    font-size: 14px;
    line-height: 1.3;
}
li p {
    font-size: 1em;
    line-height: 1em;
}
input,
textarea {
    font-size: 1em;
    line-height: 1em;
}
#phdform textarea {
width: 90%;
min-height: 40px;
overflow-y: auto;
margin: 10px 5px 10px 0;
}
#phdform input {
max-width: 50%;
margin: 10px 5px 10px 0;
}
@media only screen and (max-width: 540px) { #phdform input {max-width: 90%}} 
h1 {
font-size: 3em;
line-height: 100%;
width:70%; 
}
h2,h3 {
    font-size: 1.6em;
    line-height: 1em;
}
small {
    font-size: 0.77em;
    line-height: 1.0;
}
h1 span {font-size:0.7em}
em {font-style:normal; font-weight:bold}
big, span.BIG5 {font-size:1.3em; line-height:1.3}
.para {padding: 0px 20px;list-style-position:inside; }
.para ul, .para ol {list-style-position:outside}
.para ul li, .para ol li,li{line-height:1.3em;margin:0.3em 0}
.copyright {
font-size: 0.9em;
text-align: center;
width:100%;
position: absolute;
top: 75px;
}
.copyrightmob {
display: none;
max-width: 450px;
padding: 0px;
margin: 0px auto;
font-size: 0.917em;
text-align: center;
position: relative;
}
body { font-family: Helvetica, Arial, sans-serif }  /* -- We'll overwrite later -- */
input,
textarea,
/*body,*/
small,
big,
q:after,
blockquote:after,
#navigation > li > a,
#navigation ul li a { font-family: inherit }
/* ---------- Background Styling ---------- */
.bkgunder {
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -10;
    margin: 0;
    background-repeat: repeat;
    background-attachment: fixed;
}
.bkgover {
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -5;
}
/* ---------- Social Icons Topbar ---------- */
.socialicons img { float: right }
.socialicons {
/*    width: 269px;*/
    width: 280px;
    right: 20px; 
    position: absolute;
    border-radius: 0 0px 5px 5px;
    text-align:center;
    z-index:999;
}
.socialicons a {
    display:inline-block;
} 
.social-slide {
    height: 32px;
    width: 32px;
    margin: 8px 4px;
    float: left;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
#telpop {
    font-size: 1.4em;
    clear:both;
}
.social-slide:hover { background-position: 0px -32px }
.facebook-hover { background-image: url('/images/facebook-hover.png') }
.twitter-hover { background-image: url('/images/twitter-hover.png') }
.google-hover { background-image: url('/images/google-hover.png') }
.linkedin-hover { background-image: url('/images/linkedin-hover.png') }
.instagram-hover { background-image: url('/images/instagram-hover.png') }
.email-hover { background-image: url('/images/email-hover.png') }
.call-hover { background-image: url('/images/call-hover.png') }
.like-hover { background-image: url('/images/like-hover.png')}
.booking-hover { background-image: url('/images/booking-hover.png')}
.whatsapp-hover { background-image: url('/images/whatsapp-hover.png')}
/* ---------- Header ---------- */
#heading {padding-bottom: 20px;}
#heading .container {position:relative}
.h1{padding-top:40px}
/* ---------- Navigation ---------- */
.resp_navigation { display: none }
#navigation:after { clear: both }
#navigation,#navigation ul {padding: 0; display: block;}
#navheader {background: url('/images/navbkg.png') repeat; margin-top: 50px; margin-bottom: 45px;}
#navigation a {
    font-size: 1em;
    line-height: 1em;
    font-family: inherit;
    z-index: 204;
    display: block;
    padding: 10px;
}
#navigation a, #navigation ul {
    -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out,color .2s ease-in-out;
    transition: background-color .2s ease-in-out,color .2s ease-in-out;
}
#navigation li {
    margin: 0;
    list-style: none;
    position: relative;
    background: url('/images/navsep.png') no-repeat 0 50%;
    float: left;
}
#navigation ul {
    zoom: 1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 9998;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
#navigation li:hover ul {
    opacity: 1;
    visibility: visible;
}
#navigation ul li {
    display: block;
    margin: 0;
    float: none;
}
#navigation ul a {
    display: block;
    min-width: 140px;
    white-space: nowrap;
    float: none;
    padding: 10px 20px;
}
#navigation .drop a {cursor: default;}
#navigation .drop ul li a {cursor: pointer;}
/* ---------- Middle Main Content ---------- */
#middle {
    position: relative;
    margin: 0px auto;
    max-width: 960px;
    top: -45px;
}
#content {
    width: 70%;
    float: left;
    padding: 20px 0 0 0;
    position: relative;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}
#clientcontent {min-height:300px}
.Q5 {
    box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     clear: both;
     width: 100%;
    margin: 10px 0px 20px 0px;
    padding: 15px;
    display: block;
    font-size: 1.2em;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.Q5.VG,.Q5.VV{width:100%;height:0;margin:0;padding: 0 0 66%;position:relative;overflow:hidden}
.Q5.VV{padding:0 0 56.25%;background:#111}
.Q5.VG iframe,.Q5.VV iframe,.Q5.VG object,.Q5.VV object,.Q5.VG embed,.Q5.VV embed {position:absolute;top:0;left:0;width:100%;height:100%}
.Q5.VP,.Q5.VB {margin:0;padding:0;display:block;font-size:inherit;color:inherit;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none;background-color:inherit}
.Q5.VP a[href$=".pdf"] {
display: inline-block;
position: relative;
z-index: 0;
overflow-x: hidden;
vertical-align: top;
width: 116px;
height: auto;
margin: 1em 10px;
padding: 60px 10px 25px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0;
background: transparent url('/images/pdf-bottom.png')  no-repeat 50% 100%;
font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
text-align: right;
text-decoration: none;
line-height: 1.133;
font-size:12px;
font-weight: bold;
color: #4d4d4d !important;
}
.Q5.VP a[href$=".pdf"]::before {display:block;position:absolute;content:" ";z-index:-1;top:0;left:0;width:100%;height:calc(100% - 25px);background:transparent url('/images/pdf-top.png') no-repeat 50% 0}
.Q5.VP a[href$=".pdf"]:hover {border:none;text-decoration:none;color:#e13c1a}
.Q5.VB a[href$=".pdf"] {display:inline-block; position:relative;z-index:0;overflow:hidden;vertical-align:top;width:135px;height:auto;min-height:170px;max-height:460px;margin:10px;padding: 53px 14px 50px;-webkit-box-sizing: border-box;box-sizing:border-box;-webkit-box-shadow: none;box-shadow: none;border: none;border-radius:0;background: url("/images/ebook-top.png") no-repeat 50% 0;font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif !important;text-align: left;
text-decoration: none;line-height: 1.133;font-size:12px;font-weight: bold;color:#fff;text-shadow: 0 0 10px rgba(255,255,255,.5);-webkit-transition: background-color .5s ease,box-shadow .5s ease;-moz-transition: background-color .5s ease,box-shadow .5s ease;transition: background-color .5s ease,box-shadow .5s ease;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.4);-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.4);box-shadow:3px 3px 5px rgba(0,0,0,0.4);text-transform: uppercase;font-size: 12px;line-height:1.3}
.Q5.VB a[href$=".pdf"]::before {display:block;position:absolute;content:" ";z-index:-1;top:0;left:0;width:100%;height:100%;background:url("/images/ebook-bottom.png") no-repeat 50% 100%}
.Q5.VB a[href$=".pdf"]::after {-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;content:"Click to download";font-size:9px;z-index: -1;bottom:0;left: 0;padding-left: 14px;padding-bottom: 10px;width: 100%;height: 20px;background: none;text-transform: none;color: rgba(255,255,255,.6)}
.Q5.VB a[href$=".pdf"]:hover {border: none;text-decoration: none;color: #fff}
.CNTR5 {text-align:center;}
/* ---------- Middle Sidebar ---------- */
#sidebar {
    width: 28%;
    float: right;
    position: relative;
}
.side {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    margin-bottom: 30px;
}
.side.logo {
    padding: 0px;
}
.side.twitter h3 { margin: 0px }
.side.whatsnew { overflow: inherit }
.side.share { min-height: 120px }
.side.share .addthis_toolbox { padding-left: 10px }
.call-to-action .tel {
    background-image: url("/images/call-hover.png");
    background-size: 32px 64px;
}
.call-to-action .email {
    background-image: url("/images/email-hover.png");
    background-size: 32px 64px;
}
.call-to-action .decoration {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
    -moz-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
    -o-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
    transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    float: left;
    width: 32px;
    margin: 10px;
}
.call-to-action .btn {
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: 0px;
    padding: 15px;
    display: block;
    text-align: center;
    font-weight: bold;
}
.call-to-action .btn a {display:inline-block}
.call-to-action:hover .tel,
.call-to-action:hover .email { background-position: center bottom }
.side h3 { margin: 0 0 20px 0 }
.side.whatsnew h3 {margin:0}
.side.twitter {
    min-height: 366px;
    overflow:hidden;
}
.side.logo img {
min-width:100%;
padding: 0px;
margin: 0px;
}
.side .SIDETEXT { padding: 20px }
.side img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    margin: 0px auto 20px auto;
}
.side h3 {
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    padding: 10px 10px 10px 20px;
}
.side.address h3 { margin: 0 }
.side img {display:block;}
.side ul,.side ol {padding-left:30px}
.xslide ul li {padding-left:10px;padding-right:10px;}
#address { padding: 20px }
/* ---------- Slide to the Top ---------- */
#slide_top {
    background: url(/images/slide_up.png) no-repeat 50% 50%;
    border-radius: 20.5px;
    -moz-border-radius: 20.5px;
    -webkit-border-radius: 20.5px;
    bottom: 35px;
    display: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: fixed;
    right: 10px;
    z-index: 998;
    height: 41px;
    width: 41px;
    text-indent: -9999px;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
#slide_top:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#cookie-bar {background:#3D3D3D; height:24px; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%; z-index: 99999999;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#AAAAAA;}
#cookie-bar .cb-enable:hover {background:#777777;}
#cookie-bar .cb-policy {background:#AAAAAA;}
#cookie-bar .cb-policy:hover {background:#777777;}
#cookbr {display:none}
/* ---------- @Media Queries ---------- */
/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */
@media only screen and (min-width: 1440px) { 
    #top { margin: 40px 60px 20px }
    .cont_nav,
    #bottom {
        padding-left: 60px;
        padding-right: 60px;
    }
    .content_wrap { margin: 0 }
}
/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {     
 }
/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 768px) ---------- */
@media only screen and (min-width: 541px) and (max-width: 767px) { 
    .side {
        padding: 15px 0 20px 0;
        margin-top: 30px;
        margin-bottom: 0px;
    }
    #content {
        width: 100%;
        padding: 20px 0 20px 0;
    }
}
/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */
@media only screen and (max-width: 1023px) {
.socialicons {right:0px; !important}
h1 {padding:0 5px}
.container { padding: 0px }
}
/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */
@media only screen and (max-width: 767px) { 
.socialicons span {
    width:100%;
} 
.socialicons {
width: 100%;
position:relative;
margin-bottom:10px;
border-radius: 0px;
}
h1 {width:90%;} 
.h1 {font-size:0.65em; padding-top:0px}
.copyright { display: none }
.copyrightmob { display: inherit }
#content,
#sidebar,
#sidebar .side {
width: 100%;
padding: 0px;
float: none;
}
#content {padding-top:30px;}
.content_wrap { background: none }
#navigation { display: none }
.resp_navigation {
    background: url('/images/respnavbkg.png') no-repeat 50% 50%;
    display: block;
    width: 100px;
    height: 28px;
    margin: 0px auto 10px auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#navheader {
    padding: 10px 0px 5px 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    position: relative;
    z-index: 99999;
}
#navigation a { font-size: 1.250em }
#navigation li {
    background: none;
    float: none;
    display: block;
    overflow: hidden;
}
#navigation li a {
    border-top: 1px solid #ebecec;
    text-align: left;
    display: block;
}
#navigation ul li a {
    width: auto;
    margin: 0;
    padding-left: 50px;
}
#navigation li.drop > a > span {
    background: url('/images/arrow_resp.png') no-repeat 100% 3px;
    display: block;
}
#navigation li.drop > a.drop_active > span { background-position: 100% -33px }
#navigation li ul {
    background-color: transparent;
    display: none;
    padding: 0;
    margin: 0;
    visibility: visible;
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#content,#sidebar { top: 30px }
#sidebar {margin-top:70px}
.side.logo {
box-shadow: none;
background: rgba(0, 0, 0, 0);
}
.side.logo img {
min-width: inherit;
margin: 20px auto;
display: block;
}
.side.twitter {
max-height: inherit;
max-width: 520px;
margin: 30px auto;
}
.Q5.VG{padding:0;min-height:420px;height:66vh}
}
/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */
@media only screen and (max-width: 540px) { 
select { width: 200px }
.imglh, .imgrh {
margin: 0px auto;
display: block;
float: none;
}
h1 {width:90%;padding:0 5%}
#top { margin: 40px 15px 20px }
#top_sidebar,.cont_nav,#bottom,#navheader {
padding-left: 15px;
padding-right: 15px;
}
.content_wrap { margin: 0 }
.para img, .para img.imglh, .para img.imgrh { max-width: 100% }
#cookbr {display:inline} 
#cookie-bar {height:48px}
#slide_top {bottom:60px}
}