body, body *{
    margin: 0;
    padding: 0;
/*    font-family: 'Open Sans', sans-serif;    */
    font-family: 'Titillium Web', sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #59606a;
}

body{
    background-color: #f7b545;
}

.content{
    display: block;
    width: 90%;
    max-width: 1166px;
    margin: 0 auto;
    position: relative;
    right: 80px;
    opacity: 0;
    transition: all .5s ease;
}

.content.show{
    right: 0;
    opacity: 1;
}

.header, .body, .footer, .subfooter{
    float: left;
    width: 100%;
}

.header{
    background-color: rgba(0,0,0,1);
    transition: all .2s ease;
}

.subfooter{
    background-color: #9f9f9f;
    transition: all .2s ease;
}

.header.nobg{
    background-color: rgba(0,0,0,.2)
}

.header{
    padding: 15px 0;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
}

.header .logo{
    float: left;
}

.header .mobilemenu{
    float: right;
    display: none;
}

.mobilemenu i{
    color: #fff;
}

.header .menu{
    float: right;
}

.menu ul{
    margin-top: 10px;
    float: left;
    list-style: none;
}

.menu ul li{
    position: relative;
    float: left;
    padding: 10px 0;
    margin: 0 25px;
    transition: all .2s ease;
}

.menu ul li ul{
    position: absolute;
    left: 0;
    top: 81%;
    margin-left: -25px;
    background-color: #fff;
    width: 300%;
    transition: all .2s ease;
    display: none;
}

.menu ul li:hover ul{
/*    display: block; */
    display: none;
}

.menu ul li ul li a{
    color: #000;
}

.menu ul li a{
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.menu > ul > li:hover, .menu > ul > li.active{
    border-bottom: 2px solid #2582eb;
}

.body{

}

.body.topmargin{
    margin-top: 104px;
}

.footer{
/*    background-color: #1b202a;    */
    background-color: #e7e7e7;
    padding: 95px 0;
}

.footer .logo img{
    max-width: 110px;
    margin-left: 15px;
}

.footer *{
    color: #636363;
}

.contactblok{
    float: left;
    width: 20%;
    margin-right: 45px;
}

.contactblok .line{
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.contactblok .line a{
    text-decoration: none;
    transition: all .2s ease;
}

.contactblok .line a:hover{
/*    color: #fff;    */
}

.contactblok .line i{
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}

.contactblok .line span{
    float: left;
}

.footer .logo{
    float: left;
    width: 15%;
}

.footermenu{
    float: left;
    width: calc(75% - 45px);
    margin-left: 45px;
}

.footermenu ul{
    float: left;
    width: 29%;
    margin-right: 45px;
    list-style: none;
}

.footermenu ul:last-child{
    margin-right: 0;
}

.footermenu ul li{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.footermenu ul li a{
    text-decoration: none;
    transition: all .2s ease;
}

.footermenu ul li a:hover{
/*    color: #fff;    */
}

.footermenu ul li:first-child{
    margin-bottom: 25px;
}

.footermenu ul li:first-child a{
/*    color: #fff;  */
    color: #636363;
    font-weight: bold;
}

.social{
    float: left;
    margin-right: 10px;
}

.social img{
    max-width: 45px;
}

.subfooter{
    padding: 20px 0;
}

.subfooter *{
    color: #59606a;
}

.copy{
    float: left;
}

.subfootermenu{
    float: right;
    list-style: none;
}

.subfootermenu li{
    float: left;
}

.subfootermenu li:first-child::before{
    display: none;
}

.subfootermenu li::before{
    content: "|";
    padding: 12px;
}

.subfootermenu li a{
    text-decoration: none;
    transition: all .2s ease;
}

.subfootermenu li a:hover{
    color: #fff;
}

/****************************************************    Content    ****************************************************/
.slider{
    float: left;
    width: 100%;
    height: 70vh;
    position: relative;
}

.slider ul{
    float: left;
    width: 100%;
    text-align: center;
}

.slider > ul li{
    position: absolute;
    float: left;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh;
    background-size: cover;
    background-position: center;
    display: none;
}

.slider > ul li:first-child{
    display: block;
}

.slideprev, .slidenext{
    position: absolute;
    top: 54%;
    opacity: .6;
    cursor: pointer;
    z-index: 5;
    transition: all .2s ease;
}

.slideprev:hover, .slidenext:hover{
    opacity: 1;
}

.slidenext i, .slideprev i{
    color: #87837f;
    font-size: 32px;
}

.slideprev{
    left: 5%;
}

.slidenext{
    right: 5%;
}

.sliderheader{
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
/*    margin-top: 20%;  */
    margin-top: 20vh;
    font-size: 96px;
    line-height: 110px;
}

.slidersubtxt{
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 2%;
    font-size: 24px;
}

.slider a{
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #397263;
    border-radius: 30px;
    margin-top: 35px;
}

.sliderbtns{
    position: absolute;
    bottom: 20%;
    list-style: none;
    float: left;
    width: auto!important;
    max-width: 1166px;
    text-align: center;
}

.sliderbtns li{
    position: relative!important;
    float: left;
    width: 10px!important;
    height: 10px!important;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 10px;
}

.sliderbtns li.active{
    background-color: #fff;
}

.upsblock{
    float: left;
    width: 100%;
}

.ups{
    position: relative;
    float: left;
    width: 100%;
    margin-top: -100px;

}

.sp{
    position: relative;
    z-index: 6;
    float: left;
    margin: 0 20px;
    width: calc(25% - 100px);
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 19px 0px rgba(161,161,161,1);
    -moz-box-shadow: 0px 4px 19px 0px rgba(161,161,161,1);
    box-shadow: 0px 4px 19px 0px rgba(161,161,161,1);
    padding: 30px;
}

.sp.n3{
    margin: 0 20px;
    width: calc(33.33333333333334% - 100px);
    padding: 30px;
}

.sp.n2{
    margin: 0 20px;
    width: calc(50% - 100px);
    padding: 30px;
}

.sptitle{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 18px;
}

.sptxt{
    float: left;
    width: 100%;
    text-align: center;
}

.sp a.button{
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    text-decoration: none;
    background-color: #397263;
    border-radius: 30px;
    margin-top: 35px;
}

.txtblock{
    float: left;
    width: 100%;
    padding: 120px 0;
}

.txtblock .content{
    padding: 0 75px;
    width: calc(90% - 150px);
    max-width: 1016px;
}

.txt{
    float: left;
    width: 100%;
}

.txt.half{
    width: 55%;
    margin-right: 10%;
}

.img{
    float: left;
    width: 35%;
    min-height: 50vh;
    background-position: center;
    background-size: cover;
}

.img img{
    max-width: 100%;
}

h1{
    font-size: 42px;
    line-height: 52px;
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
}

h2, h2 *{
    font-size: 38px;
    line-height: 46px;
    font-weight: normal;
    color: #000;
    margin-bottom: 25px;
}

h3{
    font-size: 26px;
}

.txt h1{
    margin-top: 45px;
    margin-bottom: 15px;
    color: #fff;
}

.txtblock.wit{
    background-color: #fff;
}

.txtblock.wit .txt h1{
    color: #000;
}

.subtitle{
    float: left;
    width: 100%;
    color: #fff;
    font-style: italic;
    margin-bottom: 25px;
}

.txtblock.wit .subtitle{
    color: #b2b6bb;
}

.txtblock p{
    color: #fff;
}

.txtblock.wit p{
    color: #59606a;
}

p{
    line-height: 30px;
    margin-bottom: 24px;
    font-size: 16px;
}

.txt a.button{
    display: inline-block;
    padding: 10px 25px;
    color: #000;
    text-decoration: none;
/*    background-color: #8c4415;    */
    background-color: #fff;
    border-radius: 30px;
    margin-top: 35px;
    transition: all .2s ease;
}

.txt a.button:hover{
    color: #fff;
    background-color: #000;
}

.trainingen{
    float: left;
    width: 100%;
    padding: 75px 0 190px;
    background-size: cover;
    background-position: center;
    background-color: rgba(0,0,0,.4);
}

.ttitle{
    color: #fff;
    font-size: 42px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 75px;
}

.training{
    float: left;
    width: calc(25% - 30px);
    margin: 0 15px;
    background-color: #fff;
    text-align: center;
}

.training.n3{
    width: calc(33.333333333334% - 30px);
}

.training.n2{
    width: calc(50% - 30px);
}

.training a{
    text-decoration: none;
    float: left;
    width: 100%;
    text-align: center;
}

.trainingflavor{
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.trainingicon{
    margin: 25px auto;
}

.trainingtxt{
    display: inline-block;
    margin: 0 auto 25px;
    margin-bottom: 25px;
    color: #000;
    padding: 10px 25px;
    color: #fff;
    border-radius: 30px;
    transition: all .2s ease;
}

.trainingtxt.rood{
    background-color: #df3234;
    border: 1px solid #df3234;
}

.trainingtxt.rood:hover, .training:hover .trainingtxt.rood{
    background-color: #fff;
    color: #df3234;
}

.trainingtxt.blauw{
    background-color: #1872be;
    border: 1px solid #1872be;
}

.trainingtxt.blauw:hover, .training:hover .trainingtxt.blauw{
    background-color: #fff;
    color: #1872be;
}

.trainingtxt.geel{
    background-color: #f6b648;
    border: 1px solid #f6b648;
}

.trainingtxt.geel:hover, .training:hover .trainingtxt.geel{
    background-color: #fff;
    color: #f6b648;
}

.trainingtxt.groen{
    background-color: #7fd53e;
    border: 1px solid #7fd53e;
}

.trainingtxt.groen:hover, .training:hover .trainingtxt.groen{
    background-color: #fff;
    color: #7fd53e;
}

.reviewblock{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    padding: 60px 0;
}

.review{
    float: left;
    width: calc(33.33333333334% - 120px);
    padding: 0 50px;
}

.review:nth-of-type(1){
    margin-right: 20px;
}

.review:nth-of-type(2){
    margin-left: 20px;
}

.review img{
    max-width: 100%;
}

.reviewheader{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
    font-size: 62px;
}

.review .photo{
    float: left;
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    display: none;
}

.revbody{
    float: left;
/*    width: calc(100% - 225px);
    margin-left: 25px;  */
    width: 100%;
    text-align: center
}

.reviewttl{
    float: left;
    width: 100%;
    color: #b01e23;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.reviewbody{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.reviewname{
    float: left;
    width: 100%;
    font-weight: 600;
}

.reviewfunction{
    float: left;
    width: 100%;
    color: #b2bdd2;
}

.headerimg{
    float: left;
    width: 100%;
    height: 25vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.pagetitle{
    color: #fff;
    float: left;
    position: absolute;
    top: 100px;
    left: 0;
    font-size: 48px;
}

.textblock{
    float: left;
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
}

.textblock ul, .blogcontent ul{
    margin: 0 0 25px 25px;
}

.textblock ul li, .blogcontent ul li{
    font-size: 16px;
    line-height: 30px;
}

.textblock .content{
    max-width: 980px;
}

.contactform{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 85px 0;
}

.cform_half{
    float: left;
    width: 50%;
}

.cform_img{
    float: left;
    width: calc(50% - 50px);
    margin-left: 50px;
    background-size: cover;
    background-position: center;
    min-height: 70vh;
}

.cform_img.circle, .circle{
    border-radius: 50%;
    min-height: auto;
}

.cform label{
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 5px;
}

.formrow{
    float: left;
    width: calc(50% - 20px);
}

.formrow:nth-of-type(1){
    margin-right: 20px;
}

.formrow:nth-of-type(2){
    margin-left: 20px;
}

.cform input[type="text"]{
    float: left;
    padding: 5px 10px;
    border: 1px solid #000;
    width: calc(100% - 22px);
    margin-bottom: 25px;
}

.cform textarea{
    float: left;
    width: calc(100% - 22px);
    padding: 5px 10px;
    height: 150px;
    border :1px solid #000;
    margin-bottom: 25px;
}

.cform input[type="text"].false, .cform textarea.false{
    border: 1px solid red;
}

.cform input[type="submit"]{
    color: #fff;
    background-color: #000;
    padding: 5px 10px;
    border: 1px solid #000;
    transition: all .2s ease;
    cursor: pointer;
}

.cform input[type="submit"]:hover{
    color: #000;
    background-color: #fff;
}

.notify{
    float: left;
    width: 100%;
}

.blogdetails{
    background-color: #fff;
    float: left;
    width: 100%;
    padding: 80px 0;
}

.blogs{
    background-color: #fff;
    float: left;
    width: 100%;
    padding: 80px 0;
}

.blog{
    float: left;
    width: calc(33% - 30px);
    margin: 15px;
/*    height: 500px;    */
}

.blogimg{
    height: 250px;
    background-size: cover;
    background-position: center;
    margin-bottom: 40px;
}

.blog a{
    text-decoration: none;
}

.btitle{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 24px;
    height: 65px;
}

.bexerpt{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    color: #333;
}

.bauthor{
    float: left;
    width: 100%;
    color: #666666;
    font-size: 14px;
    text-align: center;
}

.blognav{
    float: left;
    width: 100%;
    background-color: #f7f7f7;
}

.blognav a{
    transition: all .2s ease;
}

.prevblog{
    background-color: #dedede;
    width: 140px;
    height: 140px;
    float: left;
    text-align: center;
    transition: all .2s ease;
}

.nextblog{
    background-color: #dedede;
    width: 140px;
    height: 140px;
    float: right;
    text-align: center;
    transition: all .2s ease;
}

.prevblog i, .nextblog i, .blognav_center i{
    font-size: 82px;
    margin-top: 25px;
}

.blognav_center{
    float: left;
    width: 140px;
    height: 140px;
    background-color: #dedede;
    text-align: center;
}

.bnavtitle{
    float: left;
    height: 90px;
    padding: 25px;
    width: calc(50% - 260px);
}

.bnavtitle span{
    float: left;
    width: 100%;
    font-size: 28px;
    line-height: 36px;
}

.blognav a:hover .bnavtitle{
    background-color: #dedede;
}

.blogcontent{
    float: left;
    width: 80%;
    margin: 0 10% 40px;
}

.blogcontent img{
    width: 100%;
}

.youtube{
    float: left;
    width: 100%;
}

.yt{
    float: left;
    width: 60%;
    margin: 0 20%;
    height: 395px;
}

.c2ablock{
    float: left;
    width: 100%;
    padding: 40px 0;
    text-align: center;
}

.c2ablock.wit{
    background-color: #fff;
}

.c2ablock a{
    display: inline-block;
    padding: 20px 45px;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-radius: 30px;
    margin-top: 35px;
    transition: all .2s ease;
    font-size: 24px;
}

.c2ablock.wit a{
    display: inline-block;
    padding: 20px 45px;
    color: #fff;
    text-decoration: none;
    background-color: #397263;
    border: 1px solid #397263;;
    border-radius: 30px;
    margin-top: 35px;
    transition: all .2s ease;
    font-size: 24px;
}

.c2ablock.wit a:hover{
    background-color: #fff;
    color: #397263;
}

.c2ablock a:hover{
    background-color: #000;
    color: #fff;
}

.c2ablock *{
    color: #fff;
}

.c2ablock.wit *{
    color: #333;
}

.blocktitle{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 25px;
    color: #fff;
}

.wit .blocktitle{
    color: #333;
}

.overlay{
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.6);
}

.popup{
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 25px;
    background-color: #fff;
    margin-top: 15vh;
}

.close{
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.close i{
    font-size: 28px;
}

.logobar{
    float: left;
    width: 100%;
    padding: 40px 0;
    background-color: #fff;
}

.logobar .content{
    overflow: hidden;
}

.logobar ul{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.logobar ul li{
    float: left;
/*    width: calc(20% - 40px);  */
    margin: 0 20px;
}

.logobar ul li img{
/*    width: 285px; */
/*    width: 200px; */
    width: 170px;
}

.logobar .container{
    overflow: hidden;
}

.logobar_container{
    float: left;
}

.logobarprev i, .logobarnext i{
    font-size: 34px;
}

.logobarprev, .logobarnext{
    position: absolute;
    top: 60%;
    cursor: pointer;
}

.logobarprev{
    left: 0;
}

.logobarnext{
    right: 0;
}

.imgright{
    float: right;
    margin-left: 25px;
    margin-bottom: 25px;
}

.textblock img{
    max-width: 100%;
}

.boiframe{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 40px 0;
}

.boreout {
  cursor: pointer;
  box-shadow: 0 0 0 rgba(196,0,7, 0.4);
  animation: pulse 2s infinite;
  border-radius: 30%;
}
.boreout:hover {
/*  animation: none;    */
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(196,0,7, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(196,0,7, 0.4);
    box-shadow: 0 0 0 0 rgba(196,0,7, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
      box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}


.bobutton{
    float: left;
    position: relative;
    width: 100%;
    padding: 40px;
    height: 150px;
    background-color: #fff;
}

.boreoutbutton{
    box-shadow:0px 15px 0 20px #352d2d, 0px 40px 0 30px #000000;
    cursor:pointer;
    background-color:#c0392b;
    position:absolute;
    border-radius:50%;
    top:50%;
    left:50%;
    width:480px;
    height:80px;
    transform:translateX(-50%)
}

.boreoutbutton::before{
    content:'';
    z-index:1;
    border-radius:50%;
    background-color:#e74c3c;
    position:absolute;
    bottom:100%;
    left:0%;
    transition:bottom .4s;
    width:480px;
    height:80px
}

.boreoutbutton::after{
    content:'';
    background-color:#c0392b;
    position:absolute;
    bottom:50%;
    left:0%;
    width:480px;
    height:80px;
    transition: height .4s
}

.boreoutbutton:active::before{
    bottom:10%
}

.boreoutbutton:active::after{
    height:10%
}

.spacer{
    float: left;
    width: 100%;
    height: 45px;
}

.nomoreblogs{
    float: left;
    width: 100%;
    text-align: center;
    font-style: italic;
}

.g-recaptcha{
    float : left;
    width: 100%;
    margin-bottom: 25px;
}

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

    .blogimg{
        height: 150px;
    }

    .blog{
        height: 640px;
    }

    .contactblok{
        width: calc(25% - 45px);
        margin-right: 45px;
    }

    .footermenu{
        width: calc(75% - 45px);
    }

    .footermenu ul{
        width: calc(33.333334% - 45px);
        margin-right: 45px;
    }

}

@media screen and (max-width: 900px){
    .blog{
        height: 750px;
    }
    .bexerpt{
        font-size: 16px;
    }
    .contactblok{
        width: 100%;
    }

    .footer .logo{
        width: 100%;
    /*    text-align: center;   */
        margin: 20px 0;
    }

    .footer .logo img{
        margin: 0;
    }

    .footermenu{
        width: 100%;
        margin-left: 0;
    }

    .footermenu ul{
        width: 100%;
        margin-bottom: 20px;
    }
}

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

    p img + img{
        float: left;
        clear: both;
        margin-top: 15px;
    }

    body{
        max-width: 100%;
    }

    .content{
        width: 90%;
        margin: 0;
        padding: 0 5%;
        max-width: none;
        float: left;
    }

    .header{
        padding: 10px 0;
    }

    .header .menu{
        display: none;
    }

    .header .mobilemenu{
        display: block;
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 5%;
    }

    .menu{
        float: left;
        width: 100%;
    }

    .menu ul li{
        width: calc(100% - 45px);
    }

    .header .logo{
        max-width: 70px;
    }

    .header .logo img{
        max-width: 100%;
    }

    .slider{
        height: 50vh;
    }

    .slider > ul li{
        height: 50vh;
    }

    .sliderheader{
        font-size: 52px;
        margin-top: 15vh;
    }

    .ups{
        margin-top: 25px;
    }

    .sp{
        width: calc(100% - 100px)!important;
        margin-bottom: 20px!important;
    }

    .sptxt{
        font-size: 18px;
    }

    .txtblock{
        padding: 25px 0;
    }

    .txtblock .content{
        padding: 0 5%;
        width: 90%;
    }

    .txt.half, .img{
        width: 100%;
        margin-bottom: 25px;
    }

    .review{
        width: calc(100% - 40px)!important;
        padding: 0 20px 20px;
        margin: 0!important;
        border-bottom: 1px solid #cecece;
        margin-bottom: 20px!important;
    }

    .review:last-child{
        border-bottom: none;
    }

    .reviewbody{
        font-size: 18px;
    }

    .pagetitle{
        left: 5%;
        top: 65px;
    }

    .body.topmargin{
        margin-top: 79px;
    }

    .headerimg{
        height: 20vh;
    }

    .textblock img.imgright, .textblock img.imgleft{
        width: 40%;
    }

    .textblock img.center{
        float: left;
        width: 60%;
        margin: 10px 20%;
    }

    .textblock img{
        max-width: 100%;
        height: auto!important;
    }

    .training{
        width: calc(100% - 30px)!important;
        margin-bottom: 20px;
    }

    .training:last-child{
        margin-bottom: 0;
    }

    .trainingen{
        padding: 35px 0;
    }

    .yt{
        width: 100%;
        height: 30vh;
        margin: 0;
    }

    .blog{
        width: calc(100% - 30px);
        height: auto;
    }

    .prevblog, .nextblog, .blognav_center{
        width: 40px;
        height: 40px;
    }

    .prevblog i, .nextblog i, .blognav_center i{
        font-size: 26px;
        margin-top: 8px;
    }

    .bnavtitle{
        font-size: 12px;
        line-height: 18px;
        padding: 5px;
        width: calc(50% - 70px);
        height: auto;
    }

    .bnavtitle:nth-of-type(1){
        text-align: right;
    }

    .bnavtitle span{
        font-size: 16px;
        line-height: 20px;
        display: none;
    }

    .cform_half{
        width: 100%;
    }

    .cform_img{
        width: 100%;
        margin: 25px 0 0;
    }

    .formrow:nth-of-type(1), .formrow:nth-of-type(2){
        width: 100%;
    }

    .formrow:nth-of-type(2){
        margin-left: 0;
    }

    .logobar{
        text-align: center;
    }

    .logobar .content{
        padding: 0;
        margin: 0 5%;
    }

    .logobar ul li{
    /*    float: none;
        display: inline-block;
        width: calc(50% - 40px);
    */
    }

}