/*! ISM Styles for mobile first */



    #submenu {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        background: rgba(235, 239, 243, 1);
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    #submenu .submenutitle {
        text-align: center;
        font-weight: 600;
        color: #000000;
        font-size: 16px;
        line-height: 17px;
        padding-top: 10px;
        padding-bottom: 7px;
        transition: all .5s ease-in-out;
        border-bottom: 2px solid #ffffff;
    }

    #submenuwrapper span {
        position: absolute;
        left: -16px;
        top: 8px;
        font-size: 40px;
        line-height: 10px;
        font-weight: 400 !important;
    }

    #submenuwrapper ul {
        width: 100%;
    }

    .paddtop {
        padding-top: 14px !important;
    }

    #submenuwrapper ul li {
        list-style-type: none;
        position: relative;
        display: block;
        width: 100%;
        font-size: 13px;
        /*padding-left: 50px;*/
        padding-left: 0px;
        margin-left: 0px;
        line-height: 26px;
        transition: all .5s ease-in-out;
    }

    #submenuwrapper ul li a {
        color: #5d5d5e;
        font-size: 13px;
        line-height: 26px;
        font-weight: 600;
        position: relative;
        text-decoration: none !important;
    }

    #submenuwrapper ul li:first-child {
        margin-top: 10px;
    }

    #submenuwrapper ul li:last-child {
        /*padding-bottom: 10px;*/
    }

    #submenuwrapper ul li:hover {
        background: #000000;
        transition: all .5s ease-in-out;
    }

    #submenuwrapper ul li:hover a {
        color: #ffffff;
        transition: all .5s ease-in-out;
    }

    .bslide1 {
        background: #ebeff3 url(../images/placeholder.jpg) no-repeat;
        background-position: -300px top;
        background-size: cover;
    }

    .bslide2 {
        background: #ebeff3 url(../images/placeholder.jpg) no-repeat center center; 
        background-position: -100px top;
        background-size: cover;
    }

    .bslide3 {
        background: #000000 url(../images/placeholder.jpg) no-repeat;
        background-position: -160px top;
        background-size: cover;
    }

    .bslide4 {
        background: #ebeff3 url(../images/placeholder.jpg) no-repeat top center;
        background-position: 0px top;
        background-size: cover;
    }

    #item1 .type6img {
        background: #ebeff3 url(../images/placeholder.jpg) no-repeat;
        background-size: 100% auto !important;
        background-position: center -50px;
    }

    #item2 .type6img {
        background: #ebeff3 url(../images/placeholder.jpg) no-repeat; 
        background-size: 100% auto !important;
        background-position: center -20px;
    }

    #item3 .type6img {
        background: #000000 url(../images/placeholder.jpg) no-repeat;
        background-size: 100% auto !important;
        background-position: center -10px;
    }

    #item4 .type6img {
        background: #ebeff3 url(../images/placeholder.jpg) no-repeat;
        background-size: 100% auto !important;
        background-position: center -150px;
    }

    .content-slider .inverse p {
        font-weight: 300;
        color: #fff;
    }

    .content-slider:hover .inverse p {
        color: #ddd;
    }

    .content-slider .inverse a {
        font-weight: 600;
    }

    #rotatingcontent {
        /*height: auto;*/
    }

    #column2 h2 {
        margin-top: 42px;
        margin-bottom: 0px;
    }
    
    .type6img {
        position: relative;
        display: inline-block;
        margin-top: 15px;
        margin-bottom: -35px;
        width: 100%;
        height: 101px;
        transition: all .3s ease-in-out;
    }

    #column2 .leftimagerighttext {
        overflow: hidden;
    }

    #column2 .leftimagerighttext:last-of-type {
        margin-bottom: 30px;
    }

    #boxtabs {
        position: relative;
        display: block;
        height: auto;
        width: 100%;
        height: auto;
        background: #86a8cc;
    }
    
    #tabswrapper {
        position: relative;
        display: block;
        width: 100%;
        overflow: hidden;
        clear: both;
        margin-bottom: 24px;
        background: #86a8cc !important;
    }
    
    .boxtabtitle {
        position: absolute;
        left: 0px;
        font-size: 13px;
        line-height: 13px;
        width: 26%;
        height: 47px;
        background: #ebeff3;
        color: #5d5d5e;
        text-align: center;
        padding: 2px;
        padding-top: 10px;
        font-weight: 600;
        cursor: pointer;
        border: 1px solid #fff;
        transition: all .3s ease-in-out;
    }

    .boxtabtitle:hover {
        color: #ffffff;
        background: #000000;
        transition: all .3s ease-in-out;
    }
    
    .boxtabcontentwrapper {
        display: inline-block;
        float: left;
        width: 100%;
        height: 0px;
        overflow: hidden;
        padding: 0px 20px;
        clear: both;
    }

    .tabactive .boxtabtitle {
        color: #ffffff !important;
        background: #86a8cc !important;
        cursor: auto;
        border-bottom: #86a8cc;
        transition: all 0s ease-in-out;
    }
    
    .tabactive .boxtabcontentwrapper {
        margin-top: 47px;
        padding: 20px;
        height: auto;
    }
    
    #boxtabitem1 .boxtabimg {
        background: #ebeff3 url(../images/inside02_boxtab01.png) no-repeat center top; 
        background-size: cover;
    }

    #boxtabitem1 li {
        color: #ffffff;
    }
    
    #boxtabitem2 .boxtabimg {
        background: #ebeff3 url(../images/inside02_boxtab02.jpg) no-repeat center -60px; 
        background-size: cover;
    }

    #boxtabitem2 li {
        color: #ffffff;
    }
    
    #boxtabitem3 .boxtabimg {
        background: #ebeff3 url(../images/inside02_boxtab04.jpg) no-repeat center -80px; 
        background-size: cover;
    }

    #boxtabitem3 li {
        color: #ffffff;
    }
    
    #boxtabitem4 .boxtabimg {
        background: #ebeff3 url(../images/inside02_boxtab03.jpg) no-repeat center center; 
        background-size: cover;
    }

    #boxtabitem4 li {
        color: #ffffff;
    }
    
    #boxtabitem1 .boxtabtitle {
        border-left: 0px;
    }

    #boxtabitem2 .boxtabtitle {
        left: 25%;
    }
    
    #boxtabitem3 .boxtabtitle {
        left: 50%;
    }
    
    #boxtabitem4 .boxtabtitle {
        left: 75%;
        border-right: 0px;
    }
    
    #column2 #boxtabs #tabswrapper .boxtabitem .boxtabcontentwrapper p {
        color: #ffffff;
        font-size: 13px;
        line-height: 16px;
        margin: 0;
        padding: 0px;
        font-weight: 200;
        text-align: left;
        width: 100%;
    }
    
    #column2 #boxtabs #tabswrapper .boxtabitem .boxtabcontentwrapper .boxtabimg {
        position: relative;
        display: block;
        float: right;
        height: 100px;
        width: 100%;
        margin-bottom: 16px;
        
    }

    .contentboxtype6wrap {
        margin-top: 47px;
    }



/*! ISM Styles for tablet or small screen */
@media only screen and (min-width: 820px) {

    
    .sponsorbox, #sponsoredby2 {
        height: 282px;
    }
    
    #tabswrapper {
        margin-bottom: 42px;
    }
    
    .boxtabtitle {
        padding-top: 17px;
        width: 184px;
    }
    
    .boxtabcontentwrapper {
        padding: 0px 40px;
    }

    .boxtabcontentwrapper a {
        font-weight: 600 !important;
        color: #ffffff !important;
    }

    .boxtabcontentwrapper a:visited {
        font-weight: 600 !important;
        color: #000000 !important;
    }
    
    .tabactive .boxtabcontentwrapper {
        margin-top: 47px;
        padding: 40px;
    }
    
    #boxtabitem1 .boxtabimg {
        background-position: center center; 
    }
    
    #boxtabitem2 .boxtabimg {
        background-position: center center; 
        height: 290px !important;
    }
    
    #boxtabitem3 .boxtabimg {
        background-position: center center; 
        height: 240px !important;
    }
    
    #boxtabitem4 .boxtabimg {
        background-position: center center; 
        height: 290px !important;
    }

    #boxtabitem2 .boxtabtitle {
        left: 183px;
    }
    
    #boxtabitem3 .boxtabtitle {
        left: 366px;
    }
    
    #boxtabitem4 .boxtabtitle {
        left: 549px;
        width: 185px;
        border-right: 0px;
    }
    
    #column2 #boxtabs #tabswrapper .boxtabitem .boxtabcontentwrapper p {
        color: #ffffff;
        font-size: 14px;
        line-height: 24px;
        margin: 0;
        padding: 0;
        /*font-weight: 600;
        text-align: right;*/
        width: 380px;
    }
    
    #column2 #boxtabs #tabswrapper .boxtabitem .boxtabcontentwrapper .boxtabimg {
        position: relative;
        display: block;
        float: right;
        height: 150px;
        width: 234px;
        margin-bottom: 0px;
    }
    
    #submenuwrapper ul li {
        padding-left: 0px;
        margin-left: 0px;
    }

    #column2 h2 {
        margin-top: 42px;
        margin-bottom: 25px;
    }
  
    #submenu {
        margin-bottom: 28px;
        padding-bottom: 5px;
        width: 300px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .bslide1 {
        background: #ebeff3 url(http://www.ism.ws/files/2015/images/inside02_slide01.png) no-repeat center center; 
        background-size: cover;
    }

    .bslide2 {
        background: #ebeff3 url(http://www.ism.ws/files/2015/images/inside02_slide02.png) no-repeat center center; 
        background-size: cover;
    }

    .bslide3 {
        background: #ebeff3 url(http://www.ism.ws/files/2015/images/inside02_slide03.png) no-repeat center center; 
        background-size: cover;
    }

    .bslide4 {
        background: #ebeff3 url(http://www.ism.ws/files/2015/images/inside02_slide04.png) no-repeat center center; 
        background-size: cover;
    }
    
    .type6img {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 16px;
        width: 186px;
        height: 231px;
        background-size: cover;
        background-position: center center !important;
        margin-top: 3px;
        margin-bottom: 0px;
        transition: all .3s ease-in-out;
    }
    
.contentboxtype6wrap {
        margin-top: 0px;
    }
}

#column2 h1 > li, #column2 h2 > li, #column2 h3 > li, #column2 h4 ol > li {
    margin-left: 20px;
}


/*! ISM Styles for full desktop design */
@media only screen and (min-width: 1190px) {

    #submenu {
        margin-bottom: 30px;
        padding-bottom: 5px;
    }

    .contentboxtype6wrap {
        margin-top: 0px;
    }
    
}