body {
}

#imagebanner {
    width: 100%;
    position: relative;
}

#imagebannersize {
    position: relative;
    width: 100%;
    background: url('../images/Involve/VisitBanner.jpg') center center no-repeat;
    /*background-image: url('../images/Involve/Fotolia_198000143_S.jpg');*/
    background-position-y: 25%;
    background-size: cover;
    padding-top: 23%;
    min-height: 200px;
    box-sizing: border-box;
}

#imagebannertext {
    position: absolute;
    height: 100%;
    width: 95%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    max-width: 85%;
}

#imgbannertable {
    height: 100%;
    width: 100%;
    display: table;
}

#imgbannercell {
    display: table-cell;
    vertical-align: middle;
}

#imgtext {
    font-family: AvenirLTStd-Black;
    color: #15396c;
    font-size: 48px;
    width:50%;
}

#visitdiv{
    width:100%;
}

#visitwrapper{
    width:90%;
    height:100%;
    margin:0 auto;
    padding:40px 0;
    max-width:1346px;
    
}

.visitrow {
    width: 100%;
    display: table;
    padding:40px 0;
}

.number {
    font-family: AvenirLTStd-Black;
    color:white;
    font-size:36px;
    display: block;
    padding:39px 0;
    text-align:center;
}

.boxnumeral {
    background: url('../images/Involve/valuebox.png') center center no-repeat ;
    height:120px;
    width:10%;
    display:inline-block;
    vertical-align:middle;

}

.rowcontent {
    width: 100%;
    height:100%;
    display: inline-block;
    position:relative;
}

.windowwrap{
    width:34%;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    z-index:2;
}

.windowwrap2 {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.squarewindow {
    width: 65%;
    padding:2% 5%;
    display: inline-block;
    vertical-align: middle;
    border:5px dashed #bebebe;
    border-radius:120px;
    background-size:contain;
    position:absolute;
    right:0%;
    box-sizing:border-box;
}

.circlecontainer {

    max-width:1280px;
    text-align:center;
}

.circlewindow {
    width: 330px;
    height: 330px;
    border: 20px solid #e2e2e2;
    background-color: #f9f9f9;
    box-sizing:border-box;
    border-radius:50%;
    box-shadow:inset 0 3px 7px rgba(0,0,0,0.1);
    
}

.r2c {

    transition: all 1s linear;
    position: relative;
    margin: auto;
    
}

    .r2c:hover {
        transform: rotateY(180deg);
        backface-visibility:visible;
        -webkit-backface-visibility:visible;
        border: 20px solid #154071;
        background-color: #154071;
        box-shadow: none;
    }

    .r2c:hover .circlecontent {
        display:none;
    }

    .r2c:hover .circlecontent2 {
        display:table;
    }


#circlerow1 {
    background-image: url('../images/Involve/circleimg1.jpg');
}

#circlerow3 {
    background-image: url('../images/Involve/circleimg2.png');
    background-size:contain;
    
}

.windowheading {
    font-family: AvenirLTStd-Black;
    color: #154071;
    font-size: 36px;
    line-height: 48px;
    width:100%;
}

.windowsubheading {
    font-family: AvenirLTStd-Black;
    color: #154071;
    font-size: 16px;
    line-height: 48px;
    width: 100%;
}

.windowheading2 {
    font-family: AvenirLTStd-Black;
    color: #154071;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
}

.windowsubheading2 {
    font-family: 'Open Sans';
    color: black;
    font-size: 16px;
    line-height:48px;
    text-align:center;
}

.visitlist{
    list-style:none;
    padding:0;
    font-size:18px;
}

.visitlist li {
    list-style: none;
    padding: 0;
    font-size: 18px;
    padding:7px 0;
}

.listlogo{
    display:inline-block;
    margin-right:10px;
    line-height:48px;
    width:5%;
}

.listtext {
    display: inline-block;
    word-break: break-word;
    width: 91%;
    vertical-align: top;
}


.magstyle {
    vertical-align: top;
}


.windowcontent{
    margin-left:10%;
    width:94%;
}

.bluedot {
    position: absolute;
    background-color: #154071;
    width:7px;
    height:7px;
    border-radius:50%;
    transform:translateY(50%);
    top:50%;
    right:-13px;
}

.circlecontent {
    display: block;
    margin: auto;
    text-align: center;
    width: 150px;
    padding: 88px 0;
    
}

.circlecontent2 {
    display: none;
    margin: 0 auto;
    transform: rotateY(180deg);
    height:100%;
}

.circleimg{
    height:75px;
}

.circletext {
    font-family: AvenirLTStd-Black;
    color: #154071;
    line-height:26px;
    font-size:18px;
}

.circlelisthead {
    font-family: AvenirLTStd-Black;
    color: white;
    font-size:16px;
    line-height:30px;
    text-align:left;
}

.circlelist{
    list-style:none;
    padding:0;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
}

    .circlelist li {
        font-family: 'Open Sans';
        color: white;
        font-size: 16px;
        line-height: 30px;
    }

#row3carousel .owl-item img{
    display:unset;
    width:unset;
}

.row {
    display: inline-block;
    width: 80%;
    padding-left:9%;
    height: 100%;
    vertical-align: middle;
    min-height:346px;
}

.mini-circle {
    width: 50px;
    height: 50px;
    background-color: #fcc72f;
    color: white;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    display:none;
}

.header-text{
    display:inline-block;
    
}

.visitpdf{
    text-decoration:none;
    color:black;
    font-size:12px;
}

    .visitpdf:hover {
        text-decoration: none;
        color: #56a9d9;
    }

@media screen and (max-width:1440px){

    .visitrow{
        display:block;
        height:100%;
        min-height:485px;
    }

    .row{
        width:100%;
        padding-left:0;
    }

    .boxnumeral {
        display: none;
    }

    .mini-circle{
        display :inline-block;
    }

    .rowcontent {
        display: block;
    }

}

@media screen and (max-width:1179px) {

    .boxnumeral,
    .windowwrap{
        display:none
    }

    .windowwrap2{
        padding:20px 0;
        min-width:400px;
        
    }

    .rowcontent{
        position:initial;
    }

    .squarewindow{
        width:100%;
        padding:5% 0;
        position:initial;
        
    }

    .windowcontent{
        margin:0 10%
    }

    .listtext{
        width:85%;

    }

    .visitrow {
        min-height: 345px;
    }

    .divider {
        border-top: 1px solid #bebebe;
        width:100%;
    }
}

@media screen and (max-width:780px) {

    .squarewindow{
        padding:10% 0;
    }

    #imgtext{
        font-size:36px;
    }
}

@media screen and (max-width:440px) {

    .squarewindow {
        padding: 10% 0;
        border-radius:70px;
    }

    .windowwrap2{
        min-width:310px;
    }

    .circlewindow{
        width:270px;
        height:270px;
    }

    .circlecontent{
        padding:60px 0;
    }

    .circlecontent2{
        padding:5px 0;
    }

    .windowheading{
        font-size:30px;
    }

    .windowcontent{
        margin:0 8%;
    }
}