/*



    Theme Name: Surfside



    Author: Modern Marketing



*/















body{



    background-image: url( 'images/compressed/sand.png' );



    background-repeat: repeat;



    position: relative;



    width: 100%;



    background-image: url( 'images/compressed/top.png' ), url( 'images/compressed/sand.png' );



    background-size: 100%, auto;



    background-repeat: no-repeat ,repeat;



    width: 100%;



    position: relative;











}







html{



  width: 100%;



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

/*









  -moz-user-select: none;



  -khtml-user-select: none;



  -webkit-user-select: none;



  -ms-user-select: none;



  user-select: none;*/



}











.main-content{



    background-color: #FFF;



    border-bottom-right-radius: 5px;



    border-bottom-left-radius: 5px;



    border-top-right-radius: 5px;



    border-top-left-radius: 5px;



    margin-bottom: 40px;



}







.has-beach-girls{



    background-image: url('images/compressed/beach-girls.png');



    background-size: 100% auto;



    background-repeat: no-repeat;



    background-position: bottom center;







}







.site-top-menu{



    border-radius: 0px;



    border: 0px;



    background-color: #00B6ED;



    border-top-right-radius: 5px;



    border-top-left-radius: 5px;



    margin-bottom: 20px;



}







.site-top-menu .navbar-nav>li>a,



.site-top-menu .navbar-nav>li>a:focus{



    font-weight: bold;



    color: #FFF;



    padding-left: 20px;



    padding-right: 15px;



}







.site-top-menu .navbar-nav>li>a:hover{



    /*color: #555;



    background-color: #e7e7e7;*/



    color: #337ab7;



    background-color: #FFF;



}







.hovered-nav{



  background-color: #FFF;



}



.hovered-nav a{



  color: #337ab7 !important;



}







.site-top-menu .navbar-nav>.active>a{



    background-color: #00A2D3;



    color: #FFF;



}







.add-bot-pad{



    padding-bottom: 300px;



}







.index-heading{



    font-size: 16pt;



    font-weight: bold;



    margin-bottom: 25px;



    padding-bottom: 20px;



    text-align: center;



    border-bottom: 1px solid #DDD;



}







.p-spaced{



    word-spacing: 2pt;



}







.blue-heading{



    font-weight: 600;



    font-size: 13pt;



    color: #00B6ED;



}











.site-footer{



    margin-top: 50px;



    padding-bottom: 120px;



    margin-left: 80px;



    margin-right: 80px;



}







.swirll{



  position: absolute;



  top: 1000px;



  width: 125px;



}







.swirlr{



  position: absolute;



  top: 1000px;



  right: 0px;



  width: 125px;



}







.swil1{



    position: absolute;



    left: 0px;



    top: 500px;



}







.swil2{



    position: absolute;



    right: 0px;



    top: 500px;



}











.btn-primary{



    background-color: #00B6ED;



    border-color: #00B6ED;



}







.btn-primary:hover{



    color: #555;



    background-color: #e7e7e7;



    border-color: #e7e7e7;



}







.btn-book{



    padding-top: 10px;



    padding-bottom: 10px;



    font-size: 18pt;



    word-spacing: 2pt;



    width: 100%;



}







.container{



    overflow: hidden;



}







.box-choices{



    padding: 10px;



    text-align: center;



    display: table;



}











.box-choices div{



    height: 180px;



    /*border: 1px solid #EEE;*/



    vertical-align: bottom;



    display: table-cell;



    background-color: #FFF;



}







.box-choices div p{



    font-size: 10pt;



}











.box-choices div:hover{



    background-color: #73D7F5;



    cursor: pointer;



}







.box-choices div:hover hr{



    border-color: #FFF;



}







.box-choices div:hover strong,



.box-choices div:hover p{



    color: #FFF;



}







.box-choices div:hover img{



   -webkit-filter: brightness(0) invert( 100% );







}















.box-choices img{



    margin-left: auto;



    margin-right: auto;



}











.box-choices hr{



    border-color: #00B6ED;



    margin-left: 25px;



    margin-right: 25px;



}







.box-choices strong{



    color: #00B6ED;



}







.box-choices img{



    text-align: center;



}







.whats-on{



    background-image: url('images/whats-on.png');



    background-size: 100% auto;



    background-repeat: no-repeat;



    background-position: bottom center;



    min-height: 300px;







}











.post-content .title{



    color: #00B6ED !important;



    font-weight:600 !important;



    font-size: 11pt !important;



    display: block;



    margin-bottom: 10px;



}







.post-content img{



    margin-bottom: 20px;



    width: 100%;



}







.blue-bold{



    color: #00B6ED !important;



    font-weight: 600;



}







.post-content .content{



    font-size: 11pt;



}







.add-bot-pad2{



    padding-bottom: 30px;



}



.subtitle{



    display: block;



}







.no-mar{



    margin: 0px !important;



}







.blog-p{



    font-size: 10pt;



}







.heading2{



    font-size: 22pt;



    font-weight:500 !important;



}







.solid-font{



    color: #333 !important;



    font-weight: 600 !important;



}







.foot-head{



    color: #00B6ED !important



}







.no-bullet{



    list-style: none;



}







.location-section .links{



    padding-top: 30px;



}







.location-section .map-location,



.location-section .links{



  padding-left: 30px;



}







.owl-pages-right .owl-pagination{



    text-align: right;



}







.owl-new-pages .owl-pagination .owl-page span{



    border: 3px solid #FFF;



    padding: 8px;



    opacity: 1 !important;



    margin-right: 0px !important;







}







.owl-pages-right .owl-pagination .active span{



    background-color: #00B6ED !important;



}



/*-------------------OWL CAROUSEL---------------------*/







.owl-theme .owl-controls{



    margin-top: 10px;



    text-align: center;



}







/* Styling Next and Prev buttons */







.owl-theme .owl-controls .owl-buttons div{



    color: #FFF;



    display: inline-block;



    zoom: 1;



    *display: inline;/*IE7 life-saver */



    margin: 5px;



    padding: 3px 10px;



    font-size: 12px;



    -webkit-border-radius: 30px;



    -moz-border-radius: 30px;



    border-radius: 30px;



    background: #869791;



    /*filter: Alpha(Opacity=50);*/ /*IE7 fix*/



    /*opacity: 0.5;*/



}



/* Clickable class fix problem with hover on touch devices */



/* Use it for non-touch hover action */



.owl-theme .owl-controls.clickable .owl-buttons div:hover{



    background-color: #47C6EC;



    text-decoration: none;



}







/* Styling Pagination*/







.owl-theme .owl-controls .owl-page{



    display: inline-block;



    zoom: 1;



    *display: inline;/*IE7 life-saver */



}



.owl-theme .owl-controls .owl-page span{



    display: block;



    width: 12px;



    height: 12px;



    margin: 5px 7px;



    /*filter: Alpha(Opacity=50);*/ /*IE7 fix*/



    /*opacity: 0.5;*/



    -webkit-border-radius: 20px;



    -moz-border-radius: 20px;



    border-radius: 20px;



    background: #869791;



}







.owl-theme .owl-controls .owl-page.active span,



.owl-theme .owl-controls.clickable .owl-page:hover span{



    filter: Alpha(Opacity=70);/*IE7 fix*/



    opacity: 0.7;



}







/* If PaginationNumbers is true */







.owl-theme .owl-controls .owl-page span.owl-numbers{



    height: auto;



    width: auto;



    color: #FFF;



    padding: 2px 10px;



    font-size: 12px;



    -webkit-border-radius: 30px;



    -moz-border-radius: 30px;



    border-radius: 30px;



}







/* preloading images */



.owl-item.loading{



    min-height: 150px;



    background: url(AjaxLoader.gif) no-repeat center center



}







#owl-demo .owl-item > div img {



    display: block;



    width: 100%;



    height: auto;



    -webkit-border-radius: 3px;



    -moz-border-radius: 3px;



    border-radius: 3px;



    margin-bottom:4px;



}







#owl-demo .owl-item > div{



  text-align: center;



  margin: 3px;



  color: white;



  border: 1px white;



}







.wrapper-with-margin{



  margin:0px 50px;



}











.owl-theme .owl-controls .owl-buttons div {



  position: absolute;



}







.owl-theme .owl-controls .owl-buttons .owl-prev{



  left: -45px;



  top: -5px;



  background-color: #00B6ED;



  padding-top: 80px;



  padding-top: 75px;



  border-radius: 0px;



  padding-left: 5px;



  padding-right: 5px;



  font-size: 12pt;



  filter: Alpha(Opacity=100);/*IE7 fix*/



  opacity: 1;



  height: 170px;



}







.owl-theme .owl-controls .owl-buttons .owl-next{



  right: -45px;



  top: -5px;



  background-color: #00B6ED;



  padding-top: 75px;



  padding-bottom: 70px;



  border-radius: 0px;



  padding-left: 5px;



  padding-right: 5px;



  font-size: 12pt;



  filter: Alpha(Opacity=100);/*IE7 fix*/



  opacity: 1;



  height: 170px;



}







.owl-hide-page .owl-controls .owl-page{



    visibility: hidden;



}







.owl-carousel .item{



    margin-right: 4px;



    /*border: 1px solid #EEE;*/



    position: relative;



}



/*------------------- /OWL-CAROUSEL --------------------*/























/*------------------------------------------------------*/







.booking-top-img{



  position: absolute;



  top: 0px;



  width: 100% !important;



  height: 100%;



/*  background-image: url( 'images/compressed/top.png' );



  background-repeat: no-repeat;



  background-position: top center;



  -webkit-background-size: contain;



  -moz-background-size: contain;



  -o-background-size: contain;



  background-size: contain;*/



}







.booking-bottom-img{



  position: absolute;



  bottom: 0px;



  width: 100% !important;



  z-index: -9999999;



  height: 100%;



  background-image: url( 'images/compressed/bottom.png' );



  background-repeat: no-repeat;



  background-position: bottom center;



  -webkit-background-size: contain;



  -moz-background-size: contain;



  -o-background-size: contain;



  background-size: contain;



  right: 0px;

}







/*------------------------------------------------------*/















.ssnav{



    background-color: #FFF !important;



    border-top-left-radius: 0px;



    border-top-right-radius: 0px;



    border-bottom-left-radius: 5px;



    border-bottom-right-radius: 5px;



    border: none;



    padding-top: 4px;



    height: 76px !important;



    box-shadow: 0px 0px 15px #AAA;



    z-index: 999999999999;



}







.surfside-font2{



    color: #47c4eb !important;



}







.top-logo{



    height: 45px;



    margin-top: -10px;



}







/*----------------------SS NAV--------------------------*/











.side-image{



  height: 100px;



  background-size: 100% auto;



  background-repeat: no-repeat;



  background-position: top center;



  margin-bottom: 5px;



  border: 1px solid #EEE;



}







.side-image:hover .overlay{



  display: block;



}







.item:hover .overlay{



  display: block;



}







.side-image .overlay,



.item .overlay{



  display: none;



  height: 100%;



  cursor: pointer;



  background-color: rgba( 10, 10, 10, .5 );



  background-image: url( 'images/search-icon.png' );



  background-repeat: no-repeat;



  background-position: center center;







}







.modal-nav{



  text-align: center;



}











.owl-video .item,



.images-carousel .item{



  position: relative;



  height: 170px !important;



  width: 186px !important;







  background-repeat: no-repeat;



  background-position: center center;



  -webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;



}







.owl-video .video-title{



  position: absolute;



  overflow: hidden;



  bottom: 0px;



  width: 100%;



  background-color: #555;



  font-size: 10pt;



  color: #FFF;



  font-weight: 300;



  text-align: center;



  padding: 7px 4px;



}







.owl-video .item:hover .video-overlay{



  display: block;



}







.owl-video .video-overlay{



  display: none;



  position: absolute;



  height: 100%;



  width: 100%;



  cursor: pointer;



  background-color: rgba( 10, 10, 10, .5 );



  background-image: url( 'images/play-icon.png' );



  background-repeat: no-repeat;



  background-position: center center;



}







.site-footer{



  padding-left: 100px;



  padding-right: 100px;



}







.site-footer hr{



  border-color: #555 !important;



}







.bottom-people{



  position: absolute;



  right: 0px;



  top: -400px;



}







.top-people{



  position: absolute;



  right: 10px;



  top: 740px;



  z-index: 99;



  width: 250px;



}







.parrot{



  position: absolute;



  width: 130px;



  top: -78px;



  left: -50px;



}











.navbar-nav li ul{



  position: absolute;



  width: 300px;



  background-color: #FFF;



  z-index: 99;



  list-style: none;



  padding: 0px;



  border: 1px solid #47C6EC;



  border-top: none;



  left: -1px;



  display: none;



}







.navbar-nav li:hover ul{



  display: block;



}







.navbar-nav li ul li{



  padding: 5px;



  border-bottom: 1px solid #F0F0F0;



  cursor: pointer;



  padding-left: 25px;



}







.navbar-nav li ul li:hover{



  background-color:  #00B6ED;



}







.navbar-nav li ul li:hover a{



  color: #FFF !important;



}







.navbar-nav li ul li a{



  text-decoration: none;



}







.navbar-nav li ul li:last-of-type{



  border-bottom: none;



}











.seperated_girls{



  position: absolute;



  top: -280px;



  right: 20px;



  width: 530px;



}







.modal-title{



  font-size: 18pt !important;



}



.modal-description{



  font-size: 12pt !important;



}







.has-transparent-bg{



  background-color: rgba(255, 255, 255, 0.85) !important;



}







.photo-gallery-item{



  position: relative;



  display: table;



  height: 250px;



  margin-bottom: 10px;



}







.photo-gallery-item div{



  display: table-cell;



  vertical-align: middle !important;



}



ul.life_style{
list-style-image: url('images/img-bondi.png');
}



.photo-gallery-item .gallery-thumb-image{



  display: block;



  background-repeat: no-repeat;



  background-position: top center;



  -webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;



  margin-bottom: 8px;



  height: 200px;



  width: 200px;



}







.map-location{



  border: 1px solid #EFEFEF;



  height: 375px;



}







.single-gallery-image{



  height: 100px;



  border: 1px solid #EEE;



  margin-bottom: 5px;



  background-repeat: no-repeat;



  background-position: top center;



  -webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;



  cursor: pointer;



  opacity: 0.7;







}







.single-gallery-image:hover,



.single-gallery-image-active{



  opacity: 1;



}







.active-gallery-image .photo-description{



  margin-top: 5px;



}







.nopadlr{



  padding-right: 2.5px;



  padding-left: 2.5px;



}







.slide-show-controls{



  padding: 5px;



  padding-top: 10px;



}







.slide-show-controls button{



  margin-left: 3px;



  margin-right: 3px;



}







.btn-info{



  background-color: #00B6ED !important;



  border-color: #00B6ED !important;



}







.btn-info:hover{



  color: #555;



  background-color: #e7e7e7 !important;



  border-color: #e7e7e7 !important;



}







.btn-info:active{



  color: #000 !important;



}







.active-gallery-image{



  /*height: 350px;*/



}







.playing-slide-btn{



  background-color: rgba(3, 152, 210, 0.95) !important



}







.post-content-container{



  position: relative;



  /*border: 1px solid red;*/



}



.post-content-container .black{



  color: #555;



  font-size: 20px;



}







.post-content-container h3{



  color: #00B6ED;



  font-size: 20px;



}







.post-content-container h4{



  color: #00B6ED;



  font-size: 17px;



}







.post-content-container .hl{



  color: #00B6ED;



}







.post-content-container  .well{



  box-shadow: none;



  border: 1px solid #EEE;



}







.post-content-container ul li{



  list-style: none;



  background: url( 'images/bullet.png' )no-repeat left top;



  background-size: 25px 25px;



  padding-left: 40px;



  min-height: 30px;



  padding-top: 2px;



  /*border: 1px solid #EEE;*/



  margin-top: 7px;



}







.post-content-container .table-bordered thead th{



  color: #00B6ED !important



}







.post-content-container .table-bordered>tbody>tr>td:first-child{



  color: #00B6ED !important;



  font-weight: 600;



}







.tp-bullet:hover, .tp-bullet.selected{



  background-color: #00B6ED !important;



  border-color: #FFF !important;



}







.tp-bullet{



  background: #777 !important;



  height: 15px !important;



  width: 15px !important;



}







.plain-ul{



  list-style-image: none;



}







.dotted-hr{



  border-style: dashed;



  border-color: #BBB;



  margin-top: 0px;



}



.medp{



  font-size: 16px;



}







.post-content-container p{



  color: #444;



}







.post-content-container .hot{



  color: red !important;



}



.solid-black{



  color: #000 !important;



}







.post-content-container .large-ul li{



  list-style: none;



  background: url( 'images/bullet.png' )no-repeat left center;



  background-size: 45px 45px;



  padding-left: 40px;



  min-height: 45px;



  padding-top: 2px;



  margin-top: 7px;



  padding-left: 60px;



}







.number-box{



  display: inline-block;



  float: left;



  background-color: #00B6ED;



  height: 40px;



  width: 40px;



  border-radius: 100px;



  color: #FFF !important;



  text-align: center;



  padding-top: 6px;



  margin-right: 15px;



  font-size: 19px;



}







.number-box+div{



  display: inline;



  vertical-align: top;



}







.border-left{



  border-left: 2px solid #EEE;



}







.has-green-arrow{



  padding-left: 70px;



}







.green-bullet-container{



  position: relative;



}







.green-bullet{



  position: absolute;



  background: url( 'images/green-arrow.png' )no-repeat center center;



  /*background-size: 100% 100%;*/



  height: 50px;



  width: 50px;



  /*border: 1px solid red;*/



  left: -60px;



  top: -25px;



}







.post-content-container a img{



  margin-bottom: 10px;



}







.wpcf7-validation-errors{



  border: none !important;



  background-color: #FF8989 !important;



  padding: 10px !important;



  border-radius: 5px;



  color: #FFF;



}











.wpcf7-mail-sent-ok{



  border: none !important;



  background-color: rgba(144, 255, 144, 0.67) !important;



  padding: 10px !important;



  border-radius: 5px;



  color: #FFF;



}











.contact-form .form-group input[type="text"],



.contact-form .form-group input[type="email"],



.contact-form .form-group input[type="number"],



.contact-form .form-group textarea,



.contact-form .form-group select,



.contact-form .form-group input[type="date"]{



  background-color: rgb(236, 236, 236);



  border: 1px solid rgb(220, 220, 220);



  -webkit-box-shadow: none;



}























.hasbg{



  display: inline-block;



  background-repeat: no-repeat;



  background-position: center center;



  background-size: 20px 20px;



  width: 20px;



  height: 20px;



  margin-right: 5px;



  vertical-align: top;



}











.hasbg-pin{



  background-image: url( 'images/new/compressed/pin.png' );



}

.hasbg-pin{



  background-image: url( 'images/new/compressed/pin.png' );



}







.hasbg-chat{



  background-image: url( 'images/new/compressed/chat.png' );



}


.hasbg-phone2{

  background-image: url( 'images/new/compressed/phone-new' );

}







.hasbg-phone{



  background-image: url( 'images/new/compressed/phone.png' );



  background-size: 10px 20px;



}







.hasbg-calendar{



  background-image: url( 'images/new/compressed/calendar.png' );



  width: 25px;



  height: 25px;



  margin-bottom: 10px;



}







.hasbg-time{



  background-image: url( 'images/new/compressed/clock.png' );



  width: 25px;



  height: 25px;



  background-position: top center;



  margin-bottom: 10px;



}







.hasbg-number{



  background-image: url( 'images/new/compressed/number.png' );



  width: 25px;



  height: 25px;



  margin-bottom: 10px;



}















.no-bullet{



  font-size: 13px !important;



  vertical-align: top;



}







.no-bullet li{



  padding-bottom: 5px;



}







.no-bullet li a{



  text-decoration: none;



  color: #444;



}







.gap2{



  padding-left: 0px;



}







.google-map-item{



  height: 300px;



  border: 1px solid #EEE;



  position: relative;



  margin-bottom: 5px;



}











.post-content-container a{



  color: #00B6ED !important;



}











.follow_outer{



  position: absolute;



  top: -190px;



  left: 90px;



}







.follow_inner{



  position: relative;



}











.top-slider-container{



  position: absolute;



  height: 500px;



  width: 100%;



  top: 0px;



}







.btn-book{



  background-color: #00BF12 !important;



  border-color: #00BF12 !important;



}







.btn-book:hover{



  color: #FFF !important;



}











.green-ticks{



  list-style: none;



}







.green-ticks li span{



  color: #00BF12 !important;



  margin-right: 7px;



}











img[src='Error.src']{



    display: none;



}







.tp-caption{



  font-style: italic !important;



}











.tp-mask-wrap{



  width: 100% !important



}











.entry-subtitle{



  display: none !important;



}











.xmas-newyear{



  height: 80px;



}






































































































@media (min-width: 1200px) and (max-width: 1599px) {



    .hidden-lg {



        display: none !important;



    }



}











.visible-xl-block,



.visible-xl-inline,



.visible-xl-inline-block,



.visible-xl{



    display: none !important;



}











@media (min-width: 1600px) {



    .container {



        width: 1570px;



    }







    .xmas-newyear{



      height: 110px;



    }







    .swirll{



      left: 225px;



    }







    .swirlr{



      right: 225px;



    }







    .images-carousel .item, .owl-video .item{



      width: 95% !important;



    }







    .top-people{



      right: 240px;



    }







    .bottom-people{



      right: 250px;



    }











    .site-footer{



      margin-left: 250px;



    }







    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {



        float: left;



    }







    .col-xl-12 {



        width: 100%;



    }







    .col-xl-11 {



        width: 91.66666667%;



    }







    .col-xl-10 {



        width: 83.33333333%;



    }







    .col-xl-9 {



        width: 75%;



    }







    .col-xl-8 {



        width: 66.66666667%;



    }







    .col-xl-7 {



        width: 58.33333333%;



    }







    .col-xl-6 {



        width: 50%;



    }







    .col-xl-5 {



        width: 41.66666667%;



    }







    .col-xl-4 {



        width: 33.33333333%;



    }







    .col-xl-3 {



        width: 25%;



    }







    .col-xl-2 {



        width: 16.66666667%;



    }







    .col-xl-1 {



        width: 8.33333333%;



    }







    .col-xl-pull-12 {



        right: 100%;



    }







    .col-xl-pull-11 {



        right: 91.66666667%;



    }







    .col-xl-pull-10 {



        right: 83.33333333%;



    }







    .col-xl-pull-9 {



        right: 75%;



    }







    .col-xl-pull-8 {



        right: 66.66666667%;



    }







    .col-xl-pull-7 {



        right: 58.33333333%;



    }







    .col-xl-pull-6 {



        right: 50%;



    }







    .col-xl-pull-5 {



        right: 41.66666667%;



    }







    .col-xl-pull-4 {



        right: 33.33333333%;



    }







    .col-xl-pull-3 {



        right: 25%;



    }







    .col-xl-pull-2 {



        right: 16.66666667%;



    }







    .col-xl-pull-1 {



        right: 8.33333333%;



    }







    .col-xl-pull-0 {



        right: auto;



    }







    .col-xl-push-12 {



        left: 100%;



    }







    .col-xl-push-11 {



        left: 91.66666667%;



    }







    .col-xl-push-10 {



        left: 83.33333333%;



    }







    .col-xl-push-9 {



        left: 75%;



    }







    .col-xl-push-8 {



        left: 66.66666667%;



    }







    .col-xl-push-7 {



        left: 58.33333333%;



    }







    .col-xl-push-6 {



        left: 50%;



    }







    .col-xl-push-5 {



        left: 41.66666667%;



    }







    .col-xl-push-4 {



        left: 33.33333333%;



    }







    .col-xl-push-3 {



        left: 25%;



    }







    .col-xl-push-2 {



        left: 16.66666667%;



    }







    .col-xl-push-1 {



        left: 8.33333333%;



    }







    .col-xl-push-0 {



        left: auto;



    }







    .col-xl-offset-12 {



        margin-left: 100%;



    }







    .col-xl-offset-11 {



        margin-left: 91.66666667%;



    }







    .col-xl-offset-10 {



        margin-left: 83.33333333%;



    }







    .col-xl-offset-9 {



        margin-left: 75%;



    }







    .col-xl-offset-8 {



        margin-left: 66.66666667%;



    }







    .col-xl-offset-7 {



        margin-left: 58.33333333%;



    }







    .col-xl-offset-6 {



        margin-left: 50%;



    }







    .col-xl-offset-5 {



        margin-left: 41.66666667%;



    }







    .col-xl-offset-4 {



        margin-left: 33.33333333%;



    }







    .col-xl-offset-3 {



        margin-left: 25%;



    }







    .col-xl-offset-2 {



        margin-left: 16.66666667%;



    }







    .col-xl-offset-1 {



        margin-left: 8.33333333%;



    }







    .col-xl-offset-0 {



        margin-left: 0;



    }







    .visible-xl {



        display: block !important;



    }







    table.visible-xl {



        display: table;



    }







    tr.visible-xl {



        display: table-row !important;



    }







    th.visible-xl, td.visible-xl {



        display: table-cell !important;



    }







    .visible-xl-block {



        display: block !important;



    }







    .visible-xl-inline {



        display: inline !important;



    }







    .visible-xl-inline-block {



        display: inline-block !important;



    }







    .hidden-xl {



        display: none !important;



    }



}
.siteInfo{
margin-top:3px;
}
.siteInfo a{
  padding:0px!important;
  margin:0px;

}

.navbar-brand{
  margin-top:8px;
}

.logoOverlay{
  width: 356px;
  position: absolute;
  z-index: 999;
  bottom: 20px;
  right: 20px;
}
.logoOverlay img{
  width:100%;
}
.navbar-nav > li{
  float:none;
  display:inline-block;
  vertical-align: middle;
}
.site-top-menu .navbar-nav > li > a{
  max-width: 140px;
  text-align:center;
  vertical-align: middle;
}
.post-content img{
  width:auto!important;
}
.alignright{
  float:right;
  margin-left:20px;
}
.alignleft{
  float:left;
  margin-right:20px;
}