/* 

    Author     : Simply Smart

    Email      : dudu312@gmail.com

*/



/* ==========================================================================

   Base styles

   ========================================================================== */

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: italic;

    font-weight: 300;

    src: url(opensanshebrew-lightitalic-webfont.eot);

    src: url(opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-lightitalic-webfont.woff) format('woff'),

    url(opensanshebrew-lightitalic-webfont.ttf) format('truetype');

}

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: normal;

    font-weight: 300;

    src: url(opensanshebrew-light-webfont.eot);

    src: url(opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-light-webfont.woff) format('woff'),

    url(opensanshebrew-light-webfont.ttf) format('truetype');

}

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: italic;

    font-weight: 400;

    src: url(opensanshebrew-italic-webfont.eot);

    src: url(opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-italic-webfont.woff) format('woff'),

    url(opensanshebrew-italic-webfont.ttf) format('truetype');

}

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: normal;

    font-weight: 400;

    src: url(opensanshebrew-regular-webfont.eot);

    src: url(opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-regular-webfont.woff) format('woff'),

    url(opensanshebrew-regular-webfont.ttf) format('truetype');

}

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: italic;

    font-weight: 700;

    src: url(opensanshebrew-bolditalic-webfont.eot);

    src: url(opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-bolditalic-webfont.woff) format('woff'),

    url(opensanshebrew-bolditalic-webfont.ttf) format('truetype');

}

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: normal;

    font-weight: 700;

    src: url(opensanshebrew-bold-webfont.eot);

    src: url(opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-bold-webfont.woff) format('woff'),

    url(opensanshebrew-bold-webfont.ttf) format('truetype');

}

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: italic;

    font-weight: 800;

    src: url(opensanshebrew-extrabold-webfont.eot);

    src: url(opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-extrabold-webfont.woff) format('woff'),

    url(opensanshebrew-extrabold-webfont.ttf) format('truetype');

}

@font-face {

    font-family: 'Open Sans Hebrew';

    font-style: normal;

    font-weight: 800;

    src: url(opensanshebrew-extrabold-webfont.eot);

    src: url(opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),

    url(opensanshebrew-extrabold-webfont.woff) format('woff'),

    url(opensanshebrew-extrabold-webfont.ttf) format('truetype');

}

body{

    direction: rtl;

    font-family: 'Open Sans Hebrew', sans-serif;

    background-image:url("../images/background-image.jpg");

}



.csinput{

    margin-bottom:10px;

    height:30px;

    border:1px solid #F9A41B;

    width:190px;

}



.cstextarea{

    margin-bottom:10px;

    height:130px;

    border:1px solid #F9A41B;

    width:190px;

}



input[type="submit"]{

    width:70px;height:35px;

    border:1px solid #F9A41B;

    float:left;

    margin-left:16px;

    background-color:#fff;

}



.full-width{

    width:100%;

    margin-left:auto;

    margin-right:auto;

    max-width:none;

}



.no-gutter{

    margin:0;

    padding:0;

}



.no-margin{

    margin:0 !important;

}



.pull-left{

    float:left;

}



.pull-right{

    float:right;

}



.relative{

    position: relative;

}



.full-height{

    height:100%;

}



.display-inline{

    display: inline !important;

}



.display-inline-block{

    display: inline-block !important;

}



/* ==========================================================================

   Header

   ========================================================================== */

header{

    width:100%;

    height:129px;

    position: relative;

    top:0;

    left:0;

     z-index: 99999999;

    -webkit-transition: all 300ms ease;

       -moz-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

         -o-transition: all 300ms ease;

            transition: all 300ms ease;

    padding-top:36px;

}



.facebook-a{

    width:30px;

    height:30px;

    position: absolute;

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

    top:5px;

    left:40px;

    display:block;

    z-index:1000000;

}



.header-content{

    width:100%;

    max-width:980px;

    height:100%;

    margin:0 auto;

    position: relative;

}



.header-left{

    width:100%;

    float:right;

    height:100%;

}







.header-left nav{

   float:right;

   margin-right:70px;

   margin-top:27px;

   

}



.header-left a{

    float:right;

}



.header-left a img{

    max-width:100%;

}



.header-left nav > ul{

   float:right;

   padding:0;

   margin:0;

   list-style:none;

   margin-top:1px;

}



.header-left nav > ul > li{

    float:right;

    height:30px;

    position: relative;

    margin-left:24px;

}



.header-left nav > ul > li:first-child > a{

    border-right:0;

}



.header-left nav > ul > li:last-child  > a{

    border-left:0;

}





.header-left nav > ul > li > a{

    display:block;

    font-size:16px;

    color:#6c6c6c;

    float:right;

    height:29px;

    font-weight: bold;

}



.header-left nav li:hover{

    border-bottom:1px solid #fff;

}

.header-left nav li:hover a{

    color:#000;

    border-bottom:1px solid #c7c7c7;

    text-decoration: none;

}



.header-left nav .selected{

    border-bottom:1px solid #fff;

}

.header-left nav .selected > a{

    color:#000;

    border-bottom:1px solid #c7c7c7;

}





.header-left-mobile{

    display:none;

    width:100%;

    height:100%;

}



.header-left-mobile .icon{

    display: block;

    width: 32px;

    height: 40px;

    float: left;

    text-align: center;

    padding-top: 7px;

    color: #808082;

    border-radius: 5px;

    margin-top: 4px;

    margin-right: 10px;

    background-image:url('../images/button-bg.png');

}



.header-left-mobile .icon .fa-times{

    display:none;

}



.header-left-mobile .menuopen .fa-bars{

    display:none;

}



.header-left-mobile .menuopen .fa-times{

    display:block;;

}



.header-mobile-login{

    display:none;

    width:100%;

    height:200px;

}

/* ==========================================================================

   Banner Area Home

   ========================================================================== */

.homepage-banners{

    width:100%;

    height:491px;

    position: relative;

    top:0;left:0;

    z-index: 10000;

    -webkit-transition: all 300ms ease;

       -moz-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

         -o-transition: all 300ms ease;

            transition: all 300ms ease;

    width:100%;height:100%;

    max-height:491px;

    background-image:url('../images/banner-holder.png');

        padding:14px 14px;

        background-repeat: no-repeat;

        background-size:100% 100%;

}



.banner-social{

    position: absolute;

    width:36px;

    right:-12px;

    top:11px;

    background-image:url('../images/Untitled-11.png');

    text-align:center;

}



.banner-social a{

    width:33px;

    height:30px;

    float:right;

    text-align:center;

    color:#808183;

    padding-top:2px;

    font-size:19px;

    margin:0 auto;

    display:block;

}



.banner-social a:hover{

    background-image:url('../images/social-hover.png');

    color:#fff;

}





.fonts{

    font-size:16px;

    font-weight:bold;

}



.fonts a{

    color:#f9a419;

}



.fonts.nobold{

}



.banners{

    width:100%;

    height:463px;

    overflow:hidden;

}



.banners .home-banner{

    width:100%;

    height:463px;

    background-size:cover;

    background-position: center;

    overflow:hidden;

}



.banners .home-banner img{

    max-width:100%;

    max-height:100%;

}



.mobile-banner{

}



.cards-right-ab{

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

    max-width:288px;

    height:295px;

    width:100%;

    background-size:100% auto;

    position: absolute;

    top:86px;right:-105px;

}



.coffie-right-ab{

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

    max-width:437px;

    height:431px;

    width:100%;

    z-index:200000;

    background-size:100% auto;

    position: absolute;

    bottom:-15px;right:-230px;

}



.cards-left-ab{

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

    max-width:299px;

    height:235px;

    width:100%;

    background-size:100% auto;

    position: absolute;

    bottom:55px;left:-108px;

}



.phone-left-ab{

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

    max-width:476px;

    height:497px;

    width:100%;

    background-size:100% auto;

    position: absolute;

    top:-75px;left:-165px;

}



.mouse-left-ab{

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

    max-width:422px;

    height:273px;

    width:100%;

    background-size:100% auto;

    position: absolute;

    bottom:-45px;left:-50px;

}



/* ==========================================================================

   Banner Area Inner

   ========================================================================== */



/* ==========================================================================

   Below Banner

   ========================================================================== */



/* ==========================================================================

   Main Content Home

   ========================================================================== */

.super-wrapper{

	background-image: url(../images/background-image.jpg);

    width: 100%;

	    background-color: #fff;

}



.scotch-panel-canvas{

    background-image:url("../images/background-image.jpg");

}

.wrapper{

    width:100%;

    margin:0 auto;

    background-image:url("../images/background-image.jpg");

}

/* ==========================================================================

   Homepage Main

   ========================================================================== */

.homepage-main{

    width:100%;

    min-height:588px;

    border-top:1px solid #fff;

    border-bottom:1px solid #fff;

    background-color:#ededed;

    position: relative;

    z-index: 999999;

}

.fonts{

    line-height:17px;

}

.homepage-main-content{

    max-width:1010px;position: relative;margin-top:-160px;

}



.homepage-first-box{

    max-width:580px;margin:0 auto;float:none;margin-bottom:34px;text-align:justify;

}





.homepage-first-box h1{

        color:#f9a41b;

        font-size:23px;

        font-weight:bold;

        margin:0 0;

    }



.homepage-second-box{

    max-width:585px;margin:0 auto;float:none;margin-bottom:42px;text-align:center;

}



.main-box-title{

    float:right;

    width:320px;

    height:45px;

    padding-top:10px;

    font-size:17px;

    color:#122559;

    font-weight:bold;

}







.homepage-middle-box{

    position: absolute;

    width:401px;

    height:362px;

    background-image:url('../images/middle-box.png');

    left:0;right:0;

    margin:0 auto;

    z-index:1099990;

    top:-40px;

    padding:28px 42px;

}



.homepage-news-box{

    float:left;

    width:320px;

    height:325px;

}



.news-title{

    padding-right:30px;

}



.homepage-middle-box-head{

    width:100%;

    height:46px;

    font-size:17px;

    font-weight:bold;

    color:#122559;

}



.main-box-hr{

    width:100%;

    height:2px;

    background-color:#c4c4c4;

    border-bottom:1px solid #fff;

    float:right;

    margin-bottom:20px;

}



.homepage-middle-youtube-holder{

    width:100%;

    height:230px;

    background-image:url('../images/youtube.com.png');

    border-bottom:1px solid #c4c4c4;

    background-repeat: no-repeat;

    margin-bottom:10px;

}



.homepage-middle-lower-text{

    display:block;

    color:#122559;

    font-size:14px;

    font-weight:bold;

    width:100%;

}



.mini-ham{

    display:inline-block;

    width:18px;

    height:10px;

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

    background-repeat:no-repeat;

    background-position: right 0px;

    

}



.homepage-middle-lower-text:hover{

    color:#122559;

    text-decoration: none;

}



.homepage-events-box{

    width:320px;height:325px;

    float:right;

}



.hr-no-bottom{

    margin-bottom:0;

}



.homepage-event{

    width:100%;

    height:46px;

    float:right;

    display:block;

    padding-top:10px;

    -webkit-transition: all 300ms ease;

       -moz-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

         -o-transition: all 300ms ease;

            transition: all 300ms ease;

}



.homepage-event-all-icon{

    width:16px;

    height:16px;

    float:right;

    margin-right:10px;

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

    margin-top:3px;

}



.home-event-all-text{

    font-weight:bold;

    color:#122559;

    float:right;

    margin-right:10px;

}



.homepage-event:hover{

    text-decoration: none;

}



.event-date{

    color:#d89200;

    font-size:14px;

    font-weight:bold;

    float:right;

}



.event-sep{

    width:1px;

    background-color:#b9b9b9;

    height:14px;

    margin:4px 5px;

    float:right;

}



.event-ham{

    margin-top:6px;

    margin-right:10px;

}



.homepage-event:hover{

    background-color:#fff;

}



.news-content{

    width:100%;

    height:200px;

    float:right;

    margin-bottom:18px;

}



.event-name{

    float:right;

    font-size:14px;

    color:#555;

}



.news_body {width:100%;height:100%;

    float:right;

    position: relative;

    padding-right:30px;

}



.news_body > ul{

    width:100%;

    height:100%;

    padding:0;

    margin:0;

    list-style:none;

}



.news_body > ul > li {

    width:90%;

    min-height:60px;

    padding:0;

    margin:0;

    margin-bottom:20px !important;

}



.news_body > ul > li > a > h6{

    font-size:14px;

    color:#d89200;

    width:100%;

    height:30px;

    padding:0;

    margin:0;

    font-weight:bold;

}



.news_body > ul > li > a > div{

    font-size:14px;

    color:#555555;

    width:100%;

    text-align:justify;

}



.homepage-lower-buttons{

    width:100%;

    margin-top:40px;

    min-height:40px;

}

.homepage-lower-button{

    width:320px;

    height:190px;

    float:right;

    margin-left:30px;

    background-color:#fff;

    border-radius: 5px;

    -webkit-box-shadow: 0px 0px 5px 3px rgba(201,201,201,0.9);

    -moz-box-shadow: 0px 0px 5px 3px rgba(201,201,201,0.9);

    box-shadow: 0px 0px 5px 3px rgba(201,201,201,0.9);

    -webkit-transition: all 300ms ease;

       -moz-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

         -o-transition: all 300ms ease;

            transition: all 300ms ease;

    display:block;

}



.homepage-lower-button:hover{

    -webkit-box-shadow: 0px 0px 6px 4px rgba(201,201,201,1);

    -moz-box-shadow: 0px 0px 6px 4px rgba(201,201,201,1);

    box-shadow: 0px 0px 6px 4px rgba(201,201,201, 1 );

}



.homepage-lower-button:last-child{

    margin-left:0;

}



.event-head{

    width:100%;

    padding:10px 15px;

    float:right;

    color:#122559;

    font-size:16px

}



.homepage-lower-button:hover .event-head{

    color:#05184a;

}

/* ==========================================================================

   Homepage Lower Banner

   ========================================================================== */

.homepage-lower-banner{

    width:100%;

    min-height:529px;

    background-image:url('../images/lowerbanner.jpg');

    background-position:center;

    background-size:cover;

    position: relative;

}



.home-lower-bann{

    background-image:url('../images/homepage-big-ad-bg.png');

    width:90%;

    max-width:1042px;

    min-height:377px;

    position: relative;

    top:80px;left:0;right:0;bottom:0;

    margin: auto auto;

    padding:40px;

    background-size:100% 100%;

}



.lower-ban-image{

    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);

    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);

    float:left;

}



.lower-ban-text{

    width:44%;

    float:right;

}



.lower-ban-text .row-1{

    width:100%;

    min-height:25px;

    font-size:16px;

    color:#000;

}



.lower-ban-text .row-2{

    width:100%;

    min-height:84px;

    font-size:25px;

    color:#122559;

    font-weight:bold;

}



.lower-ban-text .row-3{

    width:100%;

    min-height:108px;

    margin-bottom:24px;

    font-size:16px;

    color:#000;

}



.lower-ban-text .submit-btn{

    background-image:url('../images/button-bg.png');

    width:135px;

    height:30px;

    color:#fff;font-size:12px;

    border:0;

    border-radius: 5px;

    text-align:center;

    font-size:14px;

    padding-top:4px;

    display:block;

}

/* ==========================================================================

   homepage-ads

   ========================================================================== */

.homepage-ads{

    min-height:210px;

    width:100%;

    background-color:#fff;

}



.width-1020-ads{

    width:100%;

    max-width:1020px;

    margin:0 auto;

    min-height:50px;

}

.home-ad{

    width:100%;

    max-width:320px;

    height:150px;

    background-size:100% 100%;

    float:right;

    margin-left:30px;

    margin-top:30px;

    display:block;

}



.home-ad:last-child{

    margin-left:0;

}

/* ==========================================================================

   footer

   ========================================================================== */

footer{

    width: 90%;

    position: relative;

    padding-top: 36px;

    padding-bottom: 15px;

    margin: 0 auto;

}





.footer-content{

    width:100%;

    max-width:1020px;

    margin:0 auto;

    min-height:100px;

}



.ftr-hr{

    margin:0 auto;

    width:100%;

    height:2px;

    background-color:#c7c7c7;

    border-bottom:1px solid #fff;

    

}



.social {

    float: right;

}



.social_solid {

    display:inline-block;

	position:relative;

	width:36px;

	height:36px;

	text-align:center;

	margin-bottom:15px;

	border-top-left-radius:60px;

	border-bottom-left-radius:60px;

	border-top-right-radius:60px;

	border-bottom-right-radius:60px;

	-webkit-transition:border-color .3s ease-out,color .3s ease-out,background .3s ease-in;

	-moz-transition:border-color .3s ease-out,color .3s ease-out,background .3s ease-in;

	transition:border-color .3s ease-out,color .3s ease-out,background .3s ease-in

}



.social_solid.facebook{

    background: none repeat scroll 0% 0% #3B5998;

    margin-right:10px;

}



.social_solid.facebook i {

    color: #FFF;

}

.social_solid i {

    line-height: 36px;

}



.social_solid.youtube i {

    color: #FFF;

}

.social_solid i {

    line-height: 36px;

}



.social_solid.youtube {

    background: none repeat scroll 0% 0% #C4302B;

}



.social_solid:hover i{

	color:#fff

}



.social_solid:hover{

	background:#fff

}



.social_solid.facebook i{

	color:#fff

}



.social_solid.facebook:hover i{

	color:#3b5998

            

}



.social_solid.facebook.nofade:hover{

	background:#263961

}



 .ftr_text{

    float: none;

    text-align:center;

    color: #000;

    font-size: 16px;

    margin:40px 0px;

    font-weight:bold;

}



.ftr_text a{

    color:#f4a11a;

}



.scotch-panel-canvas{

    background-color:#fff;

}



.credit{

    float:none;

    margin:0 auto;

    width:163px;

    margin-top:38px;

}





.social_solid.youtube i{

	color:#fff

}



.social_solid.youtube:hover i{

	color:#c4302b

}



.footer-bottom{

    width:100%;

    margin:0 auto;

}



.footer-top{

    width:100%;

    min-height:122px;

    margin:0 auto;

}



.width-63{

    width:60%;

    min-height:100%;

    display:inline-block;

}



.width-63 ul{

    width:31%;

    min-height:100%;

    padding:0;margin:0;list-style:none;

    display:inline-block;

}



.width-63 ul li{

    width:100%;

    height:20px;

}



.width-63 ul li a{

    display:block;

    color:#5f5f5f;

    font-size:12px;

    padding:5px 0px;

    

}



.width-63 ul li:hover a{

    color:#000;

    text-decoration: none;

}



.width-36{

    width:39%;

    min-height:100%;

    display:inline-block;

    float:left;

}



.width-36 input[type="text"], input[type="email"]{

    width:180px;

    height:34px;

    border:1px solid #aaa;

    background-color:#cdcdcd;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:6px;

    float:right;

    border-radius: 5px;

    padding-right:5px;

    margin-left:10px;

}



.width-36 textarea{

    width:180px;

    height:74px;

    border:1px solid #aaa;

    background-color:#cdcdcd;

    border-bottom:1px solid #fff;

    float:right;

    color:#000;font-size:12px;

    margin-bottom:6px;

    border-radius: 5px;

    padding-right:5px;

    padding-top:5px;

    resize:none;

}



.width-36 input[type="submit"]{

    background-image:url('../images/button-bg.png');

    width:180px;

    float:right;

    height:34px;

    color:#fff;font-size:12px;

    border:0;

    border-radius: 5px;

}



.width-36 input[type="submit"]:hover{

}



.width-36 input::-webkit-input-placeholder { color:#000;font-size:12px;opacity:.8; }

.width-36 input::-moz-placeholder { color:#000;font-size:12px;opacity:.8;} /* firefox 19+ */

.width-36 input:-moz-placeholder { color:#000;font-size:12px;opacity:.8;} /* firefox 19+ */

.width-36 input:-ms-input-placeholder { color:#000;font-size:12px;opacity:.8; } /* ie */

.width-36 input:-moz-placeholder { color:#000;font-size:12px;opacity:.8; }



.width-36 textarea::-webkit-input-placeholder { color:#000;font-size:12px;opacity:.8; }

.width-36 textarea::-moz-placeholder { color:#000;font-size:12px;opacity:.8;} /* firefox 19+ */

.width-36 textarea:-moz-placeholder { color:#000;font-size:12px;opacity:.8;} /* firefox 19+ */

.width-36 textarea:-ms-input-placeholder { color:#000;font-size:12px;opacity:.8; } /* ie */

.width-36 textarea:-moz-placeholder { color:#000;font-size:12px;opacity:.8; }



.form-width-50{

    width:50%;

    float:right;

}

/* ==========================================================================

   fixed nav

   ========================================================================== */

.scotch-panel {

  display: none;

}

#site-wrapper {

  padding-top: 50px;

}

.wrapper .scotch-panel-canvas {

   z-index: 99999;

}



#fixed-nav {

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

    background-size:100% auto;

    position: fixed;

    height: 100%; 

    top: 0;

    left: 0%;

    width: 70%;

    -webkit-transition: all 650ms ease;

    -moz-transition: all 650ms ease;

    transition: all 650ms ease;

    z-index: 111;

    overflow:scroll;

    background: #323131 none repeat scroll 0% 0%;

    display:none;

    

}

#fixed-nav > ul {

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: right;

    

}



#fixed-nav .selected{

    background: #272626 none repeat scroll 0% 0%;

border-bottom: 1px solid #424141;

box-shadow: 0px -1px rgba(0, 0, 0, 0.2) inset;

color: #FFF;

}



#fixed-nav > ul > li{

    

    

}



#fixed-nav >  ul > li > a {

    display: block;

    padding: 1em 20px 1em 1.2em;

    outline: medium none;

    border-bottom: 1px solid #424141;

    color: #F3EFE0;

    text-transform: uppercase;

    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);

    letter-spacing: 1px;

    font-weight: 400;

    transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;

    text-align: right;

    height:55px;

}



#fixed-nav >  ul > li > a > span{

    width: 21px;

    height: 10px;

    background-image: url("../images/side_menu_arrow.png");

    display: inline-block;

    float: left;

    margin-left: 15px;

    margin-top: 20px;

}



#fixed-nav >  ul > li:first-child > a{

    border-top:none;

}





#fixed-nav >  ul > li > ul{

    list-style: none;

    padding: 0;

    margin: 0;

    text-align: right;

    display:none;

    background-image:inherit;

    background-size:100% auto;

    max-height: 0;

    

}

#fixed-nav > ul > .open_side > a {

   

}









#fixed-nav > ul > .open_side{

    background-size:100% auto; 

}



#fixed-nav > ul > .open_side > ul{

    display:block;

    max-height: none;

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

}



#fixed-nav >  ul > li > ul > li{

   

    background-size:100% auto;

  

}



#fixed-nav >  ul > li > ul > li:last-child{

    border-bottom:none;

}



#fixed-nav >  ul > li > ul > li > a{

    

    display: block;

    width: 100%;

    min-height: 50px;

    line-height: 50px;

    background: transparent;

    color: #555555;

    text-decoration: none;

    padding-left:20%;

     border-bottom:1px solid #b7b7b7;

     font-size:16px;

    font-weight:bold;

    border-top:1px solid #fff;

}



#fixed-nav a:hover{

    background: #272626 none repeat scroll 0% 0%;

border-bottom: 1px solid #424141;

box-shadow: 0px -1px rgba(0, 0, 0, 0.2) inset;

color: #FFF;

}

/* ==========================================================================

   header mobile login

   ========================================================================== */

.header-mobile-login{

    width:100%;

    float:right;

    position: fixed;

    top:-225px;left:0;

    height:215px;

    background-image:url('../images/button-bg.png');

    background-size:100% 100%;

    z-index:99999999;

    padding:5%;

    background-position: center;

    -webkit-transition: all 300ms ease;

       -moz-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

         -o-transition: all 300ms ease;

            transition: all 300ms ease;

            display:block;

            overflow:Hidden;

}



.header-mobile-login-sep{

    width:100%;

    height:2px;

    float:right;

    background-color:#0c1c43;

    border-bottom:1px solid #03508c;

    margin-top:5px;

}



.header-mobile-login-log-area{

    width:100%;

    height:100%;

    float:right;

}



.header-mobile-login-log-area input[type="email"] {

    width:100%;

    height:26px;

    float:right;

    background-color:#0c1d47;

    border:1px solid #020919;

    border-bottom:1px solid #043d6b;

    color:#fff;

    font-size:12px;

    border-radius: 5px;

    float:right;

    padding-right:5px;

    margin-top:10px

}



.header-mobile-login-log-area input[type="password"]{

    width:100%;

    height:26px;

    float:right;

    background-color:#0c1d47;

    border:1px solid #020919;

    border-bottom:1px solid #043d6b;

    color:#fff;

    font-size:12px;

    border-radius: 5px;

    float:right;

    padding-right:5px;

    margin-top:10px

}



.header-mobile-login-log-area input[type=submit]{

    width:100%;

    height:26px;

    background-color:#fff;

    float:right;

    margin-left:6px;

    color:#0c1d47;

    font-size:12px;

    border-radius: 5px;

    box-shadow:0px 0px 1px 1px #000;

    float:right;

    border:0;

    margin-top:10px

}



.header-mobile-login-log-area input::-webkit-input-placeholder { color:#cacaca;font-size:12px;opacity:1; }

.header-mobile-login-log-area input::-moz-placeholder { color:#cacaca;font-size:12px;opacity:1;} /* firefox 19+ */

.header-mobile-login-log-area input:-moz-placeholder { color:#cacaca;font-size:12px;opacity:1;} /* firefox 19+ */

.header-mobile-login-log-area input:-ms-input-placeholder { color:#cacaca;font-size:12px;opacity:1; } /* ie */

.header-mobile-login-log-area input:-moz-placeholder { color:#cacaca;font-size:12px;opacity:1; }



.header-mobile-login-log-area-side-links{

    width: 100%;

    float: right;

    height: 20px;

    margin-top: 10px;

}





/* ==========================================================================

   inner-banner

   ========================================================================== */

.inner-banner{

    width:100%;

    height:350px;

    background-size:cover;

    background-position: center;

}

/* ==========================================================================

   main-content

   ========================================================================== */

.main-content{

    width:100%;

    min-height:500px;

    background-color:#ededed;

    z-index: 1000;

    padding-top:20px;

}



.main-content-1020{

    width:90%;

    margin: 0px auto;

    max-width:1020px;

    padding-bottom:20px;

}



.page-header{

    margin-top:0px;

    width:100%;

    min-height:40px;

    border-bottom:1px solid #c4c4c4;

    font-size:17px;

    font-weight:bold;

    color:#122559;

    margin-bottom:0;

}



.page-bred{

    margin-top:0px;

    width:100%;

    min-height:30px;

    border-bottom:1px solid #c4c4c4;

    font-size:17px;

    color:#122559;

}



.page-bred{

    color:#555;

    font-size:12px;

    float:right;

    padding-top: 8px;

}



.page-bred a{

    color:#555;

    font-size:12px;

    float:right;

    margin-left:5px;

}



.page-bred a:hover{

    text-decoration: none;

}



.page-bred span{

    color:#555;

    font-size:12px;

    float:right;

    margin-left:5px;

}



.page-bred p{

    color:#122559;

}



.page-content{

    margin-top:30px;

    width:100%;

    min-height:50px;

    color:#000;

    font-size:14px;

}



.page-content img{

    max-width:100%;

}



.gallery-items{

    width:100%;

    float:right;

    margin-top:20px;

}



.gallery-item{

    max-width:240px;

    float:right;

    width:25%;

    margin-left:20px;

    margin-bottom:20px;

}



.gallery-item:nth-child(4n){

    margin-left:0px;

}

/* ==========================================================================

   Article Cats

   ========================================================================== */

.article-cat{

    width:100%;

    min-height:160px;

    padding-top:15px;

    display:block;

    border-top:1px solid #c4c4c4;

    padding-bottom:5px;

    -webkit-transition: all .45s ease;

       -moz-transition: all .45s ease;

        -ms-transition: all .45s ease;

         -o-transition: all .45s ease;

            transition: all .45s ease;

}



.article-cat:hover{

    background-color:#f4f4f4;

}



.article-cat:first-child{

    border-top:0px;

}



.article-cat:last-child{

    border-bottom:1px solid #c4c4c4;

}



.article-right{

    width:23%;

    min-height:140px;

    float:right;

    position: relative;

    margin-left:2%;

}



.article-right img{

    position: absolute;

    top:5px;left:0;right:0;

    margin:0 auto;

}



.article-left{

    width:75%;

    min-height:140px;

    float:right;

}



.article-left-row-one{

    width:100%;

    font-size:16px;

    color:#122559;

    min-height:33px;

}



.article-left-row-two{

    font-size:12px;

    color:#555;

    min-height:40px;

    margin-bottom:10px;

}



.article-left-button{

    background-image:url('../images/button-bg.png');

    width:82px;

    height:30px;

    color:#fff;font-size:12px;

    border:0;

    border-radius: 5px;

    text-align:center;

    font-size:12px;

    padding-top:5px;

    display:block;

}



/* ==========================================================================

   gallery-box

   ========================================================================== */

.gallery-box{

    text-decoration: none;

    display:block;

    width:490px;

    margin-left:40px;

    background-color:#fff;

    min-height:100px;

    float:Right;

    border-radius: 5px;

    overflow:hidden;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -webkit-transition: all .45s ease;

       -moz-transition: all .45s ease;

        -ms-transition: all .45s ease;

         -o-transition: all .45s ease;

            transition: all .45s ease;

    margin-bottom:40px;

}



.gallery-box:hover{

    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);

    text-decoration: none;

}



.gallery-box:nth-child(2n){

    margin-left:0;

}



.gallery-box-image{

    width:100%;

}

.gallery-box-image img{

    max-width:100%;

}



.gallery-box-content{

    padding-top:10px;

    width:100%;

    color:#122559;

    font-size:16px;

    font-weight:bold;

    margin-bottom:12px;

}

/* ==========================================================================

   event-category-box

   ========================================================================== */

.event-category-box{

    width:100%;

    min-height:180px;

    margin-bottom:20px;

    float:right;

    display:block;

    border-radius: 5px;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -webkit-transition: all .45s ease;

       -moz-transition: all .45s ease;

        -ms-transition: all .45s ease;

         -o-transition: all .45s ease;

            transition: all .45s ease;

            background-color:#fff;

}



img {

    max-width:100%;

}



.event-category-box:hover{

    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);

    text-decoration: none;

}



.event-category-box-right{

    width:50%;

    min-height:100%;

    float:right;

    position: relative

}



.event-category-box-right img{

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.event-mark-open-signup{

    width:147px;

    height:147px;

    position: absolute;

    top: -9px;

    left: -9px;

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

    z-index:100000;

}



.event-category-box-left{

    width:50%;

    min-height:100%;

    float:right;

    padding: 20px 30px;

    padding-bottom:0;

}



.event-category-box-left-head{

    width:100%;

    font-size:25px;

    color:#122559;

    font-weight:bold;

    min-height:50px;

}



.event-category-box-left-text{

    font-size:14px;

    color:#000;

    min-height:70px;

    margin-bottom:20px;

    line-height:18px;

}



.event-category-box-left-button{

    background-image:url('../images/button-bg.png');

    width:125px;

    height:30px;

    color:#fff;font-size:12px;

    border:0;

    border-radius: 5px;

    text-align:center;

    font-size:12px;

    padding-top:5px;

    display:block;

}

/* ==========================================================================

   event-main-page

   ========================================================================== */

.event-main-page{

    width:100%;

    min-height:500px;

    border-top:1px solid #fff;

    float:right;

}

.event-main-page-left{

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

    width:52%;

    float:left;

    min-height:500px;

    background-size:100% 100%;

}



.event-main-page-left-image-holder{

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    width:100%;

    max-width:490px;

    float:left;

    margin-top:42px;

}



.event-main-page-left-text{

    width:100%;

    max-width:490px;

    float:left;

    margin-top:18px;

    min-height:60px;

    line-height:18px;

}



.event-message{

    color:#122559;

    font-weight:bold;

    font-size:17px;

}



.event-final-date{

    color:#ff0000;

    font-size:14px;

}



.event-left-buttons{

    width:100%;

    max-width:490px;

    float:left;

}



.button-left-event{

    width:228px;

    height:90px;

    float:left;

}



.button-left-event-orange-btn{

    width:100%;

    height:55px;

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

    background-size:100% 100%;

    font-size:17px;

    font-weight:bold;

    text-align:Center;

    padding-top:15px;

    color:#fff;

    display:block;

}

.button-left-event-orange-btn:hover{

    color:#fff;

    text-decoration: none;

}

.button-left-event-blue-btn{

    background-size:100% 100%;

    background-image:url('../images/blue-btn-bg.png');

    background-repeat: no-repeat;

}



.regiser-line{

    margin-top:10px;

    font-size:14px;

    text-align:center;

    min-height:10px;

}



.black{

    color:#000;

}



.grey{

    color:#686868;

}



.button-right-event{

    width:228px;

    height:90px;

    float:right;

}



.event-main-page-right{

    width:48%;

    float:right;

    min-height:500px;

    padding-top:42px;

}



.event-main-page-right-head{

    width:100%;

    min-height:25px;

    margin-bottom:0px;

    font-size:25px;

    color:#122559;

    font-weight:bold;

}



.event-main-page-right-head-sub{

    width:100%;

    min-height:20px;

    margin-bottom:35px;

    font-size:16px;

    color:#555;

    font-weight:bold;

}



.event-main-page-right-text{

    width:100%;

    max-width:470px;

    min-height:50px;

    margin-bottom:20px;

    font-size:14px;

    color:#000;

    line-height:16px;

}



.page-hr{

    width:100%;

    height:2px;

    background-color:#fff;

    border-top:1px solid #c4c4c4;

}



.event-tabs{

    width:100%;

    position: relative;

    padding-top:10px;

}



.event-tabs-bg{

    width:100%;

    height:52px;

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

    top:7px;left:0;

    position: absolute;

}



.event-tabs-1020{

    max-width:1010px;;

    width:90%;

    margin:0 auto;

    min-height:200px;

    position: relative;

}



.tab{

    width:100%;

    top:0;

    right:0;

    position: absolute;

    min-height:20px;

}



.selected-tab{

    position: relative;

}



.tab-head{

    min-width:40px;

    height:48px;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

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

    text-align:center;

    color:#000;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    padding:13px 10px 10px 10px;

    font-size:16px;

    cursor:pointer;

    z-index:1000000;

    position: relative;

    display: inline-block;

}



.tab-head:after{

    content: " ";

    width: 100%;

    height: 52px;

    background-image: url("../images/above_tab_bg.png");

    top: -3px;

    left: 0px;

    background-size: 100% 100%;

    position: absolute;

    z-index: 100000000;

}



.tab-head:hover{

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

    color:#fff;

}



.selected-tab .tab-head{

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

    color:#fff;

}



.tab-content{

    width:100%;

    display:none;

    padding-bottom:20px;

    padding-top:20px;

    min-height:20px;

}



.selected-tab .tab-content{

    display:block;

}



.facebooktab{

    float:left;

    width:40px;

    height:48px;

    border-top-right-radius: 5px;

    border-top-left-radius: 5px;

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

    text-align:center;

    color:#000;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    cursor:pointer;

    z-index:1000000;

    position: relative;

    display: inline-block;

    color:#3b5998;

    padding: 6px 10px 10px;

    font-size: 24px;

}



.facebooktab:after{

    content: " ";

    width: 100%;

    height: 52px;

    background-image: url("../images/above_tab_bg.png");

    top: -3px;

    left: 0px;

    background-size: 100% 100%;

    position: absolute;

    z-index: 100000000;

}



.facebooktab:hover{

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

    color:#fff;

}



.facebook-event-text{

    width:62px;

    float:left;

    margin-left:10px;

    text-align:left;

}



.facebook-event-tab-holder{

    width: 125px;

    float: left;

}



.group-holder{

    width:100%;

    min-height:60px;

    margin-bottom:20px;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    overflow:hidden;

}



.group-visible{

    min-height:62px;

    width:100%;

    border-radius: 5px;

    background-color:#fff;

    position: relative;

    cursor:pointer;

    overflow:hidden;

}



.group-image{

    float:right;

    margin-top: 4px;

    margin-right: 4px;

    width:79px;

    height:52px;

    overflow:hidden;

}



.group-icon{

    width:50px;

    height:58px;

    float:left;

    background-image:url('../images/open-btn-grey.png');

    margin-top:1px;

    margin-left:1px;

    position: absolute;

        top:1px;

    left:1px;

}



.open-group .group-icon{

    background-image:url('../images/close-btn-blue.png');

}



.group-text{

    line-height: 20px;

    float: right;

    margin-top: 8px;

    margin-right: 10px;

    width: 70%;

    min-height: 20px;

}



.group-text .top-row{

    width:100%;

    min-height:24px;

    float:right;

}



.group-text .top-row span{float:right;}



.group-text .top-row .group_name{

    font-size:19px;

    color:#122559;

    font-weight:bold;

}



.group-text .top-row .sep{

    width:2px;height:20px;

    background-color:#555555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

}



.group-text .top-row .vesel_name{

    font-size:19px;

    color:#cd5e01;

    font-weight:bold;

}



.group-text .bottom-row{

    width:100%;

    min-height:20px;

    float:right;

    font-size:14px;

    color:#555555;

}



.group-text .bottom-row span{float:right;}



.group-text .bottom-row .skipsep{

    width:2px;height:14px;

    background-color:#555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

    margin-top:4px;

}



.open-group .group-hidden{

    display:block;

}



.group-hidden{

    width:100%;

    min-height:240px;

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

    background-size:100% 100%;

    background-position: 0px 0px;

    background-repeat: no-repeat;

    display:none;

}



.group-visible-right{

    width:70%;

    min-height:240px;

    float:right;

    padding:20px;

}



.group-visible-right-image{

    float:right;

    width:300px;height:200px;

    margin-left:20px;

}



.sailer-row{

    width:51%;

    min-height:50px;

    float:right;

    border-bottom:1px solid #dadada;

    margin-bottom:10px;

}

.sailer-image{

    width:40px;

    height:40px;

    float:right;

    overflow:hidden;

}



.sailer-text{

    float:right;

    margin-top:10px;

    margin-right:10px;

    font-size:14px;

    color:#555;

}



.sailer-sep{

    background-color:#606060;

    height:16px;

    width:2px;

    border-right:1px solid #a1a1a1;

    margin:0 7px;

}



.sailer-skipper{

    font-size:16px;

    color:#122559;

    font-weight:bold;

}



.group-visible-left{

    width:30%;

    min-height:240px;

    float:left;

    background-image: url("../images/signup-bg.png");

    background-size:100% 100%;

    padding-top:35px;

    position: relative;

}



.group-visible-left:after{

    width:100%;

    height:15px;

    background-size:100% 30px;

    position: absolute;

    top:0;left:0;

    background-image:url('../images/signup-bg-top.png');

}

.group-visible-left-row-one{text-align:center;width:90%;margin:0 auto;font-size:17px;color:#122559;font-weight:bold;}

.group-visible-left-row-two{text-align:center;width:90%;margin:0 auto;font-size:14px;color:#555;}

.group-visible-left-row-three{width:90%;margin:10px auto;}

/* ==========================================================================

   tab pagging

   ========================================================================== */

.tab-pagging{

    text-align:center;

    direction: ltr;

    padding-bottom:20px;

    width:100%;

    float:right;

    margin-top:0px;

}



.tab-pagging a{

    color:#555555;

    font-size:14px;

    font-weight:bold;

}





/* ==========================================================================

   .popup-container

   ========================================================================== */

.popup-container{

    width:100%;height:100%;position: fixed;

    z-index:100000000;

    display:block;

}



.popup-container-bg{

    background-color:#000;

    opacity: .75;

    position: absolute;

    top:0;left:0;

    width:100%;height:100%;

    z-index:-1;

}





.popup-close{

    width: 67px;

    height: 68px;

    position: absolute;

    top: -62px;

    left: -69px;

    z-index: -1;

    cursor: pointer;

    z-index:100;

}



.popup-box{

    width:90%;

    height:90%;

    max-width:400px;

    max-height:335px;

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

    background-size:100% 100%;

    position: absolute;

    top:0;left:0;right:0;bottom:0;margin:auto auto;

    z-index:10;

}



.popup-content{

    width: 250px;

    height: 227px;

    float: right;

    margin-top: 62px;

    margin-right: 69px;

    position: relative;

}



.popup-content .head{

    font-size:21px;

    height:75px;

    width:100%;text-align: center;

}



.popup-content input[type="text"]{

    width:100%;

    height:40px;

    border:1px solid #aaa;

    background-color:#e5e5e5;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:15px;

    float:right;

    border-radius: 5px;

    padding-right:5px;

    margin-left:10px;

}



.popup-content input[type="password"]{

    width:100%;

    height:40px;

    border:1px solid #aaa;

    background-color:#e5e5e5;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:15px;

    float:right;

    border-radius: 5px;

    padding-right:5px;

    margin-left:10px;

}



.popup-content input[type="submit"]{

    background-image:url('../images/button-bg.png');

    width:90px;

    float:right;

    height:40px;

    color:#fff;font-size:12px;

    border:0;

    border-radius: 5px;

}



.su-box{

    min-height:240px;

    border-left:1px solid #c4c4c4;

    border-right:1px solid #ffffff;

}



.su-box:first-child{border-right:none;}

.su-box:last-child{border-left:none;}



.su-box input[type="text"]{

    width:94%;

    height:40px;

    border:1px solid #aaa;

    background-color:#dcdcdc;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:10px;

    float:right;

    border-radius: 5px;

    padding-right:13px;

    margin-left:10px;

}



.su-box input[type="password"]{

    width:94%;

    height:40px;

    border:1px solid #aaa;

    background-color:#dcdcdc;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:10px;

    float:right;

    border-radius: 5px;

    padding-right:13px;

    margin-left:10px;

}



.su-box select{

    width:94%;

    height:40px;

    border:1px solid #aaa;

    background-color:#dcdcdc;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:10px;

    float:right;

    border-radius: 5px;

    padding-right:13px;

    margin-left:10px;color:#000;font-size:14px;

}



.su-box textarea{

    width:94%;

    height:90px;

    border:1px solid #aaa;

    background-color:#dcdcdc;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:10px;

    float:right;

    border-radius: 5px;

    padding-right:13px;

    padding-top:5px;

    margin-left:10px;

    resize:none;color:#000;font-size:14px;

}



.su-box input[type="file"]{

    width:94%;

    height:40px;

    border:1px solid #aaa;

    background-color:#dcdcdc;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:10px;

    float:right;

    border-radius: 5px;

    padding-right:13px;

    margin-left:10px;color:#000;font-size:14px;

}



.su-box *::-webkit-input-placeholder { color:#000;font-size:14px;opacity:1; }

.su-box *::-moz-placeholder { color:#000;font-size:14px;opacity:1;} /* firefox 19+ */

.su-box *:-moz-placeholder { color:#000;font-size:14px;opacity:1;} /* firefox 19+ */

.su-box *:-ms-input-placeholder { color:#000;font-size:14px;opacity:1; } /* ie */

.su-box *:-moz-placeholder { color:#000;font-size:14px;opacity:1; }





/* ==========================================================================

   

   ========================================================================== */

.user-group-holder{

    width:100%;

    min-height:60px;

    margin-bottom:20px;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    overflow:hidden;

}



.user-group-visible{

    min-height:102px;

    width:100%;

    border-radius: 5px;

    background-color:#fff;

    position: relative;

    overflow:hidden;

}



.user-group-image{

    float:right;

    margin-top: 10px;

    margin-right: 10px;

    width:150px;

    height:82px;

    overflow:hidden;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

}



.user-group-icon{

    min-height:98px;

    float:left;

    background-image:url('../images/events-big-grey.png');

    margin-top:1px;

    margin-left:1px;

    position: absolute;

    top:1px;

    left:1px;

    background-size:100% 100%;

    margin-bottom:1px;

    width:100%;

}



.bought-group .user-group-icon{

    background-image:url('../images/events-big-success.png');

}



.user-group-right{

    width:750px;

    min-height:60px;

    float:right;

    position: relative;

}



.user-group-left{

    width:270px;

    min-height:60px;

    float:right;

    padding-top:10px;

    margin-bottom:3px;

    position: relative;

}





.user-group-text{

    line-height: 20px;

    float: right;

    margin-top: 6px;

    margin-right: 18px;

    width: 70%;

    min-height: 20px;

    padding-top:13px;

}



.user-group-text .top-row{

    width:100%;

    min-height:24px;

    float:right;

}



.user-group-text .top-row span{float:right;}



.user-group-text .top-row .group_name{

    font-size:19px;

    color:#122559;

    font-weight:bold;

}



.user-group-text .top-row .sep{

    width:2px;height:20px;

    background-color:#555555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

}



.user-group-text .top-row .vesel_name{

    font-size:19px;

    color:#cd5e01;

    font-weight:bold;

}



.user-group-text .bottom-row{

    width:100%;

    min-height:20px;

    float:right;

    font-size:14px;

    color:#555555;

}



.user-group-text .bottom-row span{float:right;}



.user-group-text .bottom-row .skipsep{

    width:2px;height:14px;

    background-color:#555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

    margin-top:4px;

}



.goto-event-link{

    width:90px;

    height:20px;

    color:#e56d01;

    font-size:12px;

    position: absolute;

    bottom: 5px;

    left: 280px;

}



.goto-event-link:hover{

    color:#e56d01;

}



.signtype{

    width: 100%;

    height:40px;

    border:1px solid #aaa;

    background-color:#dcdcdc;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:10px;

    border-radius: 5px;

    padding-right:13px;

    margin-left:10px;color:#000;font-size:14px;

}

/* ==========================================================================

   

   ========================================================================== */

.shop-group-holder{

    width:100%;

    min-height:60px;

    margin-bottom:20px;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    overflow:hidden;

}



.shop-group-visible{

    min-height:102px;

    width:100%;

    border-radius: 5px;

    background-color:#fff;

    position: relative;

    overflow:hidden;

}



.shop-group-image{

    float:right;

    margin-top: 10px;

    margin-right: 10px;

    width:150px;

    height:132px;

    overflow:hidden;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

}



.shop-group-icon{

    min-height:98px;

    float:left;

    background-image:url('../images/events-big-grey.png');

    margin-top:1px;

    margin-left:1px;

    position: absolute;

    top:1px;

    left:1px;

    background-size:100% 100%;

    margin-bottom:1px;

    width:100%;

}



.bought-group .shop-group-icon{

    background-image:url('../images/events-big-success.png');

}



.shop-group-right{

    width:750px;

    min-height:60px;

    float:right;

    position: relative;

}



.shop-group-left{

    width:270px;

    min-height:60px;

    float:right;

    padding-top:10px;

    margin-bottom:3px;

    position: relative;

}





.shop-group-text{

    line-height: 20px;

    float: right;

    margin-top: 6px;

    margin-right: 18px;

    width: 70%;

    min-height: 20px;

    padding-top:13px;

}



.shop-group-text .top-row{

    width:100%;

    min-height:24px;

    float:right;

}



.shop-group-text .top-row span{float:right;}



.shop-group-text .top-row .group_name{

    font-size:19px;

    color:#122559;

    font-weight:bold;

}



.shop-group-text .top-row .sep{

    width:2px;height:20px;

    background-color:#555555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

}



.shop-group-text .top-row .vesel_name{

    font-size:19px;

    color:#cd5e01;

    font-weight:bold;

}



.shop-group-text .bottom-row{

    width:100%;

    min-height:20px;

    float:right;

    font-size:14px;

    color:#555555;

}



.shop-group-text .bottom-row span{float:right;}



.shop-group-text .bottom-row .skipsep{

    width:2px;height:14px;

    background-color:#555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

    margin-top:4px;

}



.shop-text{

    width:100%;

    color:#555;

    font-size:14px;

    margin-top:7px;

}

/* ==========================================================================

   buy-group

   ========================================================================== */





.buy-group-holder{

    width:100%;

    min-height:60px;

    margin-bottom:20px;

    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    overflow:hidden;

}



.buy-group-visible{

    min-height:62px;

    width:100%;

    border-radius: 5px;

    background-color:#fff;

    position: relative;

    cursor:pointer;

    overflow:hidden;

}



.buy-group-image{

    float:right;

    margin-top: 4px;

    margin-right: 4px;

    width:79px;

    height:52px;

    overflow:hidden;

}



.buy-group-icon{

    width:50px;

    height:58px;

    float:left;

    background-image:url('../images/open-btn-grey.png');

    margin-top:1px;

    margin-left:1px;

    position: absolute;

        top:1px;

    left:1px;

}



.open-group .buy-group-icon{

    background-image:url('../images/close-btn-blue.png');

}



.buy-group-text{

    line-height: 20px;

    float: right;

    margin-top: 8px;

    margin-right: 10px;

    width: 70%;

    min-height: 20px;

}



.buy-group-text .top-row{

    width:100%;

    min-height:24px;

    float:right;

}



.buy-group-text .top-row span{float:right;}



.buy-group-text .top-row .group_name{

    font-size:19px;

    color:#122559;

    font-weight:bold;

}



.buy-group-text .top-row .sep{

    width:2px;height:20px;

    background-color:#555555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

}



.buy-group-text .top-row .vesel_name{

    font-size:19px;

    color:#cd5e01;

    font-weight:bold;

}



.buy-group-text .bottom-row{

    width:100%;

    min-height:20px;

    float:right;

    font-size:14px;

    color:#555555;

}



.buy-group-text .bottom-row span{float:right;}



.buy-group-text .bottom-row .skipsep{

    width:2px;height:14px;

    background-color:#555;

    border-right:1px solid #8e8e8e;

    margin:0px 10px;

    margin-top:4px;

}



.open-group .buy-group-hidden{

    display:block;

}



.buy-group-hidden{

    width:100%;

    min-height:160px;

    background-size:100% 100%;

    background-position: 0px 0px;

    background-repeat: no-repeat;

    display:none;

}



.buy-group-visible-right{

    width:70%;

    min-height:240px;

    float:right;

    padding:20px;

}



.buy-group-visible-right-image{

    float:right;

    width:300px;height:200px;

    margin-left:20px;

}



.sailer-row{

    width:51%;

    min-height:50px;

    float:right;

    border-bottom:1px solid #dadada;

    margin-bottom:10px;

}

.sailer-image{

    width:40px;

    height:40px;

    float:right;

    overflow:hidden;

}



.sailer-text{

    float:right;

    margin-top:10px;

    margin-right:10px;

    font-size:14px;

    color:#555;

}



.sailer-sep{

    background-color:#606060;

    height:16px;

    width:2px;

    border-right:1px solid #a1a1a1;

    margin:0 7px;

}



.sailer-skipper{

    font-size:16px;

    color:#122559;

    font-weight:bold;

}



.buy-group-visible-left{

    width:25%;

    min-height:160px;

    float:left;

    background-image: url("../images/second-signup-bg.png");

    background-size:100% 100%;

    padding-top:26px;

    position: relative;

    padding-right:30px;

}



.buy-group-visible-left:after{

    width:100%;

    height:15px;

    background-size:100% 30px;

    position: absolute;

    top:0;left:0;

    background-image:url('../images/signup-bg-top.png');

}

.buy-group-visible-left-row-one{text-align:center;width:100%;margin:0 auto;font-size:17px;color:#122559;font-weight:bold;margin-bottom:10px;}

.buy-group-visible-left-row-two{text-align:center;width:90%;margin:0 auto;font-size:14px;color:#555;}

.buy-group-visible-left-row-three{width:100%;margin:15px auto;}





.buyselect{

    width:94%;

    height:40px;

    border:1px solid #aaa;

    background-color:#dcdcdc;

    border-bottom:1px solid #fff;

    color:#000;font-size:12px;

    margin-bottom:10px;

    float:right;

    border-radius: 5px;

    padding-right:13px;

    margin-left:10px;color:#000;font-size:14px;

    max-width:330px;

}

/* GOOGLE MAP REPONISVE IFRAME */

 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* ==========================================================================

   

   ========================================================================== */

/* ==========================================================================

   

   ========================================================================== */