@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700&display=swap');

body{margin:0; padding:0; font-weight:400;font-family: 'Open Sans', sans-serif; color:#707070; font-size:16px;}
*{box-sizing: border-box;outline:0;}

a{transition: all 0.3s ease-in-out;}
a {
    outline: 0;
    color: #9dc73d;
}
p {
    line-height: 28px;
    margin: 15px 0 25px;
}

.greenlink{color:#9dc73d; text-decoration: underline}

h1{font-family: 'Raleway', sans-serif;color:#000; font-size:42px; font-weight:600; margin:0; padding:0 0 20px;}
h2{font-family: 'Raleway', sans-serif;color:#333333; font-size:36px; font-weight:400; margin:0; padding:0 0 10px;}
h3{font-family: 'Raleway', sans-serif;color:#333333; font-size:26px; font-weight:400; margin:0; padding:0;}
h4{font-family: 'Raleway', sans-serif;color:#9dc73d; font-size:22px; font-weight:400; margin:0; padding:0 0 5px;}
h5{font-family: 'Raleway', sans-serif;color:#000; font-size:18px; font-weight:600; margin:0; padding:0 0 5px;}
h2 span{color:#9dc73d;}
.green{color:#9dc73d;}

ul {
    margin: 0;
    padding: 0;
}

.container{max-width:1496px; width:95%; margin:0 auto;}
.row{display:flex;flex-direction:column}
.iconrow .row{flex-direction: row}
.row.padd{padding:60px 0;}
.basepadd{padding-bottom:50px;}
.padd-r{padding-right:10%;}

.page h2{font-size:30px;}

.pale.signup h3{font-size: 20px;
    color: #878788;
    padding-bottom:30px;}

@media (min-width: 769px) {.row{flex-direction:row}.row.rows{flex-wrap: wrap}}
@media(max-width:768px){ .row{text-align:center; }}



.row.cols{ flex-direction:row;}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{width:100%;}

@media(min-width:1025px){.col-7{width:57%;}.col-5{width:43%;}}

@media (min-width: 769px) {

    .col-1{width:8.3333%;}
    .col-2{width:16.6666%;}
    .col-3{width:25%;}
    .col-4{width:33.3333%;}

    .col-6{width:50%;}

    .col-8{width:66.6666%;}
    .col-9{width:75%;}
    .col-10{width:83.3333%;}
    .col-11{width:91.6666%;}
    .col-12{width:100%;}
}


/* ALIGNMENT */
.center{text-align:center; justify-content:center;}
.textright{text-align:right; justify-content: flex-end;display:flex; align-items: flex-end; min-height:65vh;}
.textleft{text-align:left}

.textright img{max-width:100%;height:auto}

.fl-right{float:right;}
.smallhead .fl-right{color:#fff;background:#9dc73d; padding:5px 18px;text-decoration: none;border-radius:15px;}
.smallhead .fl-right:hover{background:#5e6163;}
.fl-left{float:left;}
.smallhead h1{padding-bottom:10px;}


input, textarea {
    font-family: helvetica;
}

.overimg{position:relative; margin-top:-400px; }

.nav-opener{float:right; width:36px; height:36px; margin:5px 0 0;display:block; cursor:pointer;}




.hamburger {
    height:auto;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.7; }
.hamburger.is-active:hover {
    opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }
.hamburger:hover{background: transparent;}
.hamburger-box {
    width: 36px;
    height: 24px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 36px;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -10px; }
.hamburger-inner::after {
    bottom: -10px; }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }



.topband a{color:#fff; text-decoration: none; font-family: 'Raleway', sans-serif;}
.topband .menu a{display:inline-block;vertical-align: middle;}
.topband .menu a.newlink{margin-left:15px;padding-left:15px;border-left:1px solid #6b6b6b;height:40px;vertical-align: middle;line-height:40px;}
.topband a:hover{color:#A0A2AA}
.topband a span{color:#9b9b9b; font-size:14px;display:block;}

a.btn{color:#000;padding:17px 20px;cursor:pointer; text-decoration:none;display:inline-block;margin-right:15px;font-weight:600; font-family: 'Raleway', sans-serif;letter-spacing:0.02em;}

a.btn.green{background:#9dc73d;}
a.btn.green:hover{background:#82A22F;color:#000;}
a.btn.grey{background:#5e6163; color:#fff}
a.btn.grey:hover{background:#484A4B;}
a.btn.login:after{content:url(/images5/lock.png);display:inline-block; margin:-5px 0 -3px 10px;vertical-align: middle}

.topband{background:#000; position:fixed; font-size:16px; z-index:11;top:0; width:100%;display:block; min-height:104px;padding:27px 15px 22px 30px;font-family: 'Raleway', sans-serif;}
.topband .logo{float:left; margin-right:30px;margin-top:-8px;height:auto;}

.topband .btns, .footer .btns{float:right;}
.topband .btns img{float:right;}



.btn.home{overflow: hidden; text-indent: -1000px; width:55px; background:url(/images5/home-link.png) no-repeat center #5e6163;}
.btn.home:hover{background-color:#484A4B;}


.homeheader, .internalhead, .smallhead, .midhead{min-height:calc(100vh - 64px);position:relative;font-family: 'Raleway', sans-serif;background:url(/images5/green7.jpg) no-repeat center center;background-size:cover;}
.internalhead{min-height:calc(100vh - 64px);}
.smallhead{height:auto; min-height:auto;padding:160px 0 35px;}
.homeheader .headinfo{ padding:150px 0 220px;min-height: calc(100vh - 64px);}

.pagehead{background:#f6f6f6; padding:150px 0 20px;}

.headinfo{ padding-bottom:150px; position: relative;min-height:calc(100vh - 64px); overflow:visible; align-items: center;z-index:2;display:flex;}
.homeheader .headinfo{display:none;}
.homeheader .headinfo.active{display:flex;  animation: fadeIn linear 1.5s;}

@keyframes fadeIn {
    0% {opacity:0;}
    25% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    25% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    25% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    25% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    25% {opacity:0;}
    100% {opacity:1;}
}


.internalhead .headinfo{min-height:calc(100vh - 64px);padding:150px 0 0;display:flex;}
.midhead .headinfo{min-height:calc(100vh - 64px);padding:150px 0 220px;}


.internalhead .container{max-width:1650px;}
.smallhead p{color:#000; font-size:20px; font-weight:400;line-height:36px;max-width:900px; margin:0;padding-bottom:20px}

.headinfo .left{width:60%;align-self:flex-start}

.internalhead .headinfo p{width:100%;}

.midhead .headinfo .right, .midhead .headinfo .left{width:50%;}


.midhead .headinfo.hp .left{width:48%;}
.midhead .headinfo.hp .text {max-width:100%;width:100%;padding:1% 0 3% 80px;}
.headinfo.hp p{max-width:100%; width:100%;line-height:30px}
.midhead .headinfo.hp .right{height:59vh}
.midhead.two .headinfo.hp .right{height:40vh}
.midhead .hp .right img{width:95%;bottom:60px;}
.midhead.two .headinfo.hp .right img{width:88%;}

.midhead .hp .journey-back{bottom:230px}

.internalhead .hp .container{max-width:1700px}

.internalhead .hp .journey-back{bottom:70px}
.internalhead .hp .textright{align-items:center}

.headinfo.hp a{color:#000;text-decoration: none; font-weight:700}
.headinfo.hp .formflow p{color:#fff; padding:2% 0 1% 80px; font-size:20px; max-width:43%;}
.headinfo.hp .formflow.two p{color:#fff; z-index:5; padding:2% 0 1% 80px; font-size:18px; max-width:37%;}
.headinfo.hp p{margin: 18px 0 18px;}
.headinfo.hp .formflow p a, .headinfo.hp .formflow p b{color:#9cc83d}
.headinfo.hp .formflow p a:hover{color:#999}

.midhead .headinfo.hp .left .title, .internalhead .hp {font-size:38px}


.internalhead a.btn{position: absolute; left:500px; bottom:65px;z-index:5;padding:17px 35px;}
.internalhead a.vid-btn{right:35px}
.headinfo.hp .formflow a.btn{margin-top:30px;}
.headinfo.hp .formflow.two a.btn{float:left;height:55px;margin-top:60px;}
.headinfo.hp .formflow .row{align-items: center}

.midhead.two .headinfo.hp .left .title{font-size:34px}
.midhead.two .left .title{height:80px; line-height:40px;}
.midhead.two .left .title:after{    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;}
.midhead.two .headinfo.hp .text{padding:1% 0 2% 80px}


.formflow.web .journey-back{bottom:240px}

@media (min-width: 769px) and (min-width: 1025px){
    .hp .col-7 {
        width: 54%;
    }.hp .col-5 {
         width: 46%;
     }}

.midhead .hp .journey-back.home{bottom:200px; left:80px;}




.midhead .right img{width: 90%;
    position: absolute;
    bottom: 0px;
    right: 60px;
    height: auto;}



.midhead h1{padding-bottom:10px;}
.midhead h2{font-size:30px; color:#000;}
.midhead .container{width:calc(100% - 65px); margin:0 80px 0 0;max-width:100%;}
.midhead img{z-index:2;}
.midhead .formflow{z-index:-1;}
.midhead .iconsteps.active{width:40%;justify-content: space-between;padding-left:50px;margin-top:-40px;}



.headinfo .title, .midhead .left .title{background:#76797b; line-height:40px; position: relative;color:#fff;padding:20px 30px 20px 80px;display:inline-block;min-width:375px;height:78px;font-size:38px;}

.headinfo .title:after, .midhead .left .title:after{width: 0; position:absolute; right:-36px; top:0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;

    border-left: 36px solid #76797b;content:"";}
.headinfo .text{padding:2.5% 0 6% 80px;width:90%;max-width:770px; display:block;clear:left;color:#000; font-size:18px; font-weight:600;line-height:35px;min-height:320px;}
.headinfo p{width:90%;max-width:750px; display:block;clear:left;color:#000; font-size:22px; font-weight:600;line-height:36px;}


.journey-back{position: absolute; left:50px; bottom:50px;background:#3a393e;padding:5px 10px 5px 12px; border-radius:3px 0 0 3px}
.journey-back:after{width: 0;
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    border-top: 20px
    solid transparent;
    border-bottom:20px
    solid transparent;
    border-left: 20px solid #3a393e;
    content: "";}
.journey-back:hover img{opacity:0.5}

.journey-back img{display:inline-block;vertical-align: middle; }
.dots{display:inline-block;position: relative; vertical-align: middle; width:27px;margin-left:20px;}


.midhead .journey-back{bottom:250px;z-index:10;}

.intro{padding-bottom:20px;}


.headinfo .right{width:40%;align-self:flex-end;margin-bottom: -220px;position:relative;}

.homeheader .headinfo .right{position: absolute; top:160px; bottom:-30px;right:4%;width:36%;margin-bottom:0;overflow:hidden;text-align:right;}

.headinfo .screenshot{position: absolute;  top:0px; width:100%;max-width:750px;z-index:2;}
.homeheader .headinfo .right img{width:98%; position:absolute; top:0; right:0; height:auto;}


.headinfo ul{margin:0;padding:0; list-style:none;max-width:750px;}
.headinfo li{font-size:18px; font-weight:600;color:#000;padding:8px 0 8px 33px;background:url(/images5/tick-bullet.png) no-repeat left 9px;}
.headinfo .more{font-size:15px; padding:20px 0 0; display:block;text-decoration: none; color:#000;}
.headinfo .more img{display:inline-block;vertical-align: middle;margin-left:20px;}



.internalhead .col-5{padding-bottom:100px}

.midhead .vault .right img{right:20px;width:98%;bottom:40px}
.headinfo.vault .right{height:65vh}
.evo .headinfo .title{ padding: 13px 30px 10px 80px;}
.evo.midhead .headinfo .text{line-height:26px;padding:1.5% 0 7% 80px}
.headinfo.shred .right {height:60vh}



.midhead .headinfo .right, .internalhead .headinfo .right{position: relative}




.hot{display:inline-block; position: relative;vertical-align: top; margin-left:3%;min-width:207px;}
.hot span{display:block; font-size:14px; color:#fff; font-weight: 600;padding:18px 0 19px 44px;background:url(/images5/hot-topic.png) no-repeat 15px center #2b2b2b;}
.hot span:after{content:url(/images5/dn.png); padding-left:60px;}
.hot #topics{position: absolute;display:none;top:53px;left:0; min-width:207px;}
.hot #topics li{font-size:13px;border-top:1px solid #000;list-style: none;background:#2b2b2b}
.hot #topics li a{color:#fff;display:block;padding:12px 15px;}
.hot #topics li a:hover{color:#9dc73d;background:#1a1a1a;}
.hot #topics .current{display:block;}


/* QUOTES ROW */
.quotes{ padding:0 0 30px;}
.quotes.nopadd{padding:0 0 50px;}
.quotes .item{margin:25px 0;}
.quotes .quote{padding:3em; position:relative;font-size:16px; border-radius:5px; line-height:27px;background:#f6f6f6;}
.quotes .quote:after{
    content:"";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    border-top: 20px solid #f6f6f6;
    position:absolute; bottom:-20px; left:50%; margin-left:-20px;}
.quotes .thumb{ margin-top:40px;}
.quotes .thumb img{border-radius:50%; width:95px;}
.quotes .name{display:block; padding:10px 0 0; font-size:15px; font-weight:700;color:#000;}
.quotes .company{font-size:13px;color:#9dc73d}

@media(min-width:768px){.quotes{ padding:0 0 70px 0;}.quotes .item{margin:1em;}}


.points{padding:50px 0;}
.points ul{width:90%;margin:0;list-style: none;}
.points ul li{padding:10px 0 15px 33px;background: url(/images5/tick-bullet.png) no-repeat left 15px;line-height: 28px;}

.formflow{background:#000; display:flex; min-height:166px; position: absolute; bottom:0;width:100%; padding:0;}
.formflow .title, .midhead .formflow .title{position: absolute; top:-80px; left:40px;font-size:15px; letter-spacing: 0.2em; font-weight:600;color:#000;}
.midhead .formflow .title{background:none;padding:0;top:-100px; }
.midhead .formflow .title:after{display: none;}

.formflow .title.vid{top:-122px;}


a.play-small{position: absolute; top:-92px;left:40px;height:36px; line-height:36px; background:url(/images5/play-small.png) no-repeat left center;padding-left:56px;color:#000; font-weight:700;font-size:17px;z-index:3;text-decoration:none;cursor: pointer}
a.play-small:hover{color:#9dc73d}

.formflow .steps{list-style:none;text-align:center;display:flex; justify-content: space-between;height:101px; border-bottom:2px solid #5E6163;  position: relative;padding-top:60px;font-weight:600;letter-spacing:0.05em;z-index:3;width:56%;margin:0 35px 0 30px;position: relative}


a.vid-btn{position: absolute; right:25px; bottom:50px;z-index:5;cursor: pointer; width:208px; height:210px; background:url(/images5/video.png);}
a.vid-btn:hover{background:url(/images5/video-f2.png);}

.formflow .steps li{font-size:15px; display:flex; margin:0 5px -20px;text-align:center; color:#fff;align-items:center;}
.formflow .steps li.active{width:auto;}
.formflow .steps .step{display:inline-block;}


a.vid-btn-sub{position: absolute; right:40px; bottom:-30px;z-index:10;cursor: pointer; width:208px; height:210px; }


a.vid-btn-sub.about{background-image:url(/images5/about-video.png);}
a.vid-btn-sub.about:hover{background-image:url(/images5/about-video-f2.png);}






.formflow .steps li .dot{width:23px; position: relative;height:23px; background:#000; border-radius:50%; border:6px solid #5e6163;display:block;margin:10px auto; cursor:pointer;}
.formflow .steps li:hover .dot{border-color:#fff;}
.formflow .steps li.active .dot{border-color:#9dc73d}
.formflow .steps li .dot:hover{border-color:#fff;}
.formflow .steps li.last:before{content:""; background:#000;width:50%; position: absolute; right:-5px; bottom:15px;height:10px;}
.formflow .steps li.last.active:before{display:none;}
.formflow .steps li.first:before{content:""; background:#000;width:50px; position: absolute; left:-5px; bottom:15px;height:10px;}


.formflow .steps li.active .iconsteps.last{padding-left:35px;margin-right:-14px;}

.iconsteps{margin-top:-90px;display:flex; justify-content: space-between;   width:0;}
.homeheader .iconsteps{opacity:0;}
li.active .iconsteps{opacity:1;}


.iconsteps .item{width:124px; text-align:center;color:#8c8e92; font-size:11px;margin:0 10px;justify-content: center;  letter-spacing: 0.05em;  font-weight: 700;}
.iconsteps .item .icon{background:#9dc73d; border-radius:50%; border:4px solid #000;width:110px; height:110px;display:inline-block;display:flex; margin:0 auto; align-items:center; justify-content: center}
.iconsteps .item .icon img{width:85%;}
.iconsteps .item .label{margin:15px auto 5px;padding:0 5px;background:#78797a;color:#fff; width:100%;  font-size:11px;line-height:23px; height:21px; border-radius:11px;display:block;max-width:150px;}


@media(min-width:1800px){li.active .iconsteps{width:598px}.iconsteps .item{margin:0 0 0 31px;}}
@media(min-width:769px){li.active .iconsteps{  transform: scale(1); transition: all 0.75s ease-in-out;  width:575px;}
    .homeheader .iconsteps{margin-top:-90px;transition: all 0.75s ease-in-out;transform: scale(0); transform-origin : center 95%; }
}

.menuband{
    min-height:59px;
    left:0;
    right:0;
    position:sticky;
    top:100px;
    float:none;
    background:#84a83d;
    z-index:5;

}

ul#menu{display:flex; background:#84a83d; width:100%; z-index:5001;  width:100%; margin:0; padding:0; list-style:none;}
ul#menu li{ position:relative; width:16%;vertical-align:top;  text-align:left; margin:0; padding:0; font-weight:400;}

ul#menu li.head{width:11%; text-align:right;font-size:17px;
    padding:20px 25px 20px 0;
    line-height:22px;
    font-weight:700;
    position:relative;
    color:#fff;}
ul#menu li a{
    color:#000;
    font-size:17px;
    padding:14px 15px;
    line-height:22px;
    display:block;
    margin:0;
    background:#9dc73d;
    text-decoration:none;
    border-right:1px solid #6e8f2f;
    position:relative;
    font-weight:700;
    height:100%;

}
ul#menu li a span{display:block;font-size:14px; line-height:14px; font-weight:400;}
ul#menu li.link{width:25%;}
ul#menu li.link a{background:#e1ffbd;border-right:0;}
ul#menu li a:hover{background:#82A22F;}
ul#menu li a.active{background:#000;color:#fff;}

ul#menu li.head a{color:#fff; padding:0;background:none;}

a.menutab{
    float:right;  margin-right:4%;color:#fff;cursor:pointer; height:20px; display:none; width:25px;  padding:16px 0 0 8px;
}
a.menuhead{float:left;  margin-left:15px;color:#fff;cursor:pointer; font-size:15px; display:none; padding:8px 0 10px 0;}

a.menutab span, a.menutab span:before, a.menutab span:after {
    cursor: pointer;
    height: 2px;
    width: 18px;
    background: white;
    position: absolute;
    display: block;
    content: '';
}

a.menutab span:before {
    top: -5px;
}
a.menutab span:after {
    bottom: -5px;
}

a.menutab span, a.menutab span:before, a.menutab span:after {
    transition: all 500ms ease-in-out;
}
a.menutab.active span {
    background-color: transparent;
}
a.menutab.active span:before, a.menutab.active span:after {
    top: 0;
}
a.menutab.active span:before {
    transform: rotate(45deg);
}
a.menutab.active span:after {
    transform: rotate(-45deg);
}





.pale{background:#F9F9F9;padding:80px 0 60px;}

/* TEXT BLOCKS */
.text-blocks{ padding:60px 0 50px;}
.text-blocks .item{padding:30px 0; margin:0; align-items:center; overflow:hidden; }
.text-blocks .row{justify-content:center;}
.text-blocks .item img{max-width:90%; height:auto;}
.text-blocks .item .image{padding-bottom:30px;}

.text-blocks ul, .ticks{ list-style: none;  }
.text-blocks li, .ticks li{padding:6px 0 6px 33px; position:relative}

.text-blocks li:before, .ticks li:before{
    content: '';
    display: inline-block;
    height: 17px;
    width: 23px;
    position: absolute;
    left:0;top:9px;
    background-image: url(/images5/tick-bullet.png);
}


@media(min-width:769px){
    .text-blocks{ padding:50px 0 50px;}
    .text-blocks .item{padding:60px 0 50px;}
    .text-blocks.switch .blocks .item:nth-child(even) .texts{padding-right:30px;}
    .text-blocks.switch .blocks .item:nth-child(even) .image{float:right; text-align:right;}
    .text-blocks.switch .blocks .item:nth-child(odd) .texts{padding-left:30px; float:left;}
    .text-blocks.switch .blocks .item:nth-child(odd) .image{float:left;}
}




.footer{background:#111;padding:60px 30px;overflow:hidden;}

.copy{background:#000;padding:15px 30px;color:#fff; font-size:13px;font-weight:600;}
.copy a{color:#fff;text-decoration: none; padding:0 10px 0 0; margin-right:10px; font-weight:400; border-right:1px solid #666;}
.copy a:last-child{border:0}
.copy a:hover{opacity:0.5;}
.copy span{font-weight:400; display:block;padding-top:5px;}
.copy span.reg{font-size:11px;padding-top:11px;}


.texts{  color:#707070;  padding: 1em 2.5em;}
.icon{height:105px;width:auto;}


.multislide{ align-items: center; padding:0 50px;}
.multislide .item{ padding: 5px 35px; vertical-align:middle;   align-items: center;margin: 1.2%;display:inline-block;overflow:hidden; color:#707070;text-decoration: none;}
.multislide .item .pic{display:flex; justify-content:center; vertical-align: middle; align-items: center;background:#fff; width:100%; height:200px;border:1px solid #DDDDDD;margin:20px 0;position: relative}
.multislide .item p{margin-top:5px;}
.multislide .item .pic img{vertical-align: middle;}
.multislide .item:hover .pic{border-color:#9dc73d}
.multislide .slick-arrow{position: absolute; top:120px;border:0; overflow:hidden; width:35px; height:120px;text-indent: -1000px;}
.multislide .slick-prev{left:0;background:url(/images5/arrow_left_sdlt.png) center;}
.multislide .slick-next{right:0;background:url(/images5/arrow_right_sdlt.png) center;}



.accordion {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;font-size:14px;
}

.accordion li {
    margin: 0 0 4px 0;
    padding: 0;
}

.accordion ul {
    margin: 0;padding:0 0 10px; list-style:none;
}
.accordion ul li {
    margin: 0 0 0 10px;padding:4px 15px; list-style:none; font-size:13px; background:url(/images5/dot.png) no-repeat left 9px;
}
.accordion ul li a:hover{color:#9dc73d;}

.accordion li:last-child { margin-bottom: 0; }

.accordion li .head { cursor: pointer; }


.accordion li .head {
    border: 1px solid #DDD;
    padding: 0 0 0 2%;
    min-height:35px; line-height:35px;
    background: #FFF;
    color: #444;
    position: relative;
    font-weight:700;
}
.accordion li .head a{
    color: #444;
    text-decoration:none;
    display:block;
    width:100%;
}
.accordion li .head:hover{background:#f8f8f8;}


.accordion li .head .fa{
    color:#ddd;
    font-size:18px;
    font-weight:400;
}

.accordion li i.fa-search {
    position: absolute;
    top: 8px;
    right: 15px;

}



.accordion li .responsive-accordion-panel {
    font-weight:400; line-height:18px;



}

.accordion li i.fa-plus, .accordion li i.fa-minus{position: absolute;
    top: 8px;
    right: 17px;}

.formlist th{text-align:left; font-weight:700;padding:10px;}
.formlist tr:nth-child(even){background:#f9f9f9;}
.formlist td:nth-child(3), formlist th:nth-child(3){text-align:center;}
.formlist td{padding:10px;}
.formlist td a{color:#707070;text-decoration:none;}
.formlist td a:hover{text-decoration:none;}

#search{background:#f6f6f6; border-radius:4px; padding:20px; margin-bottom:20px;}
#search input, #search select{border:1px solid #ddd; border-radius:3px; height:30px; padding:2px;display:inline-block; vertical-align:middle; width:25%;height:36px;}
#search a.btn{width:120px; display:inline-block; vertical-align:middle;font-size:16px; height:36px; line-height:36px;padding:0;text-align:center;color:#fff;margin:0 0 0 12px;}
#search a.btn.neu{background:#aaa;}

ul.accordion{padding-left:0; margin-top:30px;}

.panel{background:#f0f0f0; width:80%; font-weight:300; margin-bottom:20px;  border-radius:3px; padding:20px;}
.twitterbox{width:80%;float:right;}
.panel.mail{
    background:url(/images5/mail.png) no-repeat 93% 10px #f0f0f0;
    background-size:85px auto;
    padding:70px 20px 20px;
    float:right;
    margin-top:50px;
}
.panel .btn{clear:left;}
.panel h2{
    color:#444;
    line-height:27px;
    font-size:24px;
    padding-bottom:0;

}

.panel.usenow h2{font-weight:400; font-size:30px;font-family: 'Raleway', sans-serif;}
.panel.usenow{padding-top:20px;  position:relative; text-align:center;}
.panel.usenow ul{margin:0; padding:10px 0; text-align:left;}
.panel.usenow li{display:block; padding:2px 0 2px 28px; background:url(/images5/tk.png) no-repeat left 4px;}
.panel.usenow img{margin:0 auto 20px; display:inline-block;width:100%;max-width:205px; height:auto;}

.price {
    padding-top: 10px;
    color: #9dc73d;
    font-size: 23px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    display: block;
    margin: 0 auto;
    font-weight:600;
}

table {
    font-size: 13px;
    margin: 10px 0 20px;
}
table td {
    padding: 8px;
}

.notes{background:#eee; padding:20px; border-radius:4px; color:#444;}
.notes td strong{color:#222;}
.notes td{border-bottom:1px solid #d5d5d5;font-size: 13px;}
.notes tr:last-child td{border-bottom:0;}


.formlist table a.btn{font-size:11px; font-weight:600;line-height: 24px;
    height: 24px;
    width: auto; color:#fff; padding:0 30px 0 10px; position:relative; margin:8px 0;background: #9dc73d;}
.formlist table a.btn:after {
    content: "";
    position: absolute;
    top: 35%;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff;
    clear: both;
}




.formpage{padding:60px 0; text-align:center;}
.formpage a.btn{text-align:center;}
.formpage h2{font-size:30px; color:#000;font-weight:400;  padding:50px 0 30px 0;}
.formpage h2 strong{font-weight:400; color:#9dc948;}
ul.formmenu{min-height:47px; border-bottom:1px solid #d6d6d6; text-align:left;padding:0;}

ul.formmenu li{ display:inline-block; z-index:3;height:47px;  position:relative;}
ul.formmenu li a{display:block; cursor:pointer; line-height:47px; margin-right:2px; padding:0 50px 0 50px; font-size:16px; background:#d6d6d6; color:#000; text-decoration:none;}

ul.formmenu li.right{ float:right; margin:0; padding-right:20px;}
ul.formmenu li.right a{background:none; border-left:1px solid #ddd; padding:0 30px;}

ul.formmenu li:after{content:"";position: absolute; top:25px;

    right:30px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    clear: both;}

ul.formmenu li:before{content:"";position: absolute; top:10px;
    margin-right:10px; width:24px; height:24px; background:url(/images5/formicons.png) no-repeat; left:20px;}
ul.formmenu li.peer:before{background-position:-40px 0;}
ul.formmenu li.sett:before{background-position:-80px 0;}
ul.formmenu li.right:before{background:none;}
ul.formmenu li.right:after{content:"";position: absolute; top:20px;
    margin-left:10px;
    width: 0;
    height: 0;
    border-left: 5px solid #9dc948;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
}

.formarea{width:90%; display:inline-block; border:1px solid #ddd; max-width:835px; background:url(/images5/iframe.png) #fff; background-size:contain; padding-bottom:90%;}
.actions{ margin:45px auto; color:#000;}
.actions a.link{white-space:nowrap; display:inline-block;  background:url(/images5/business.png) no-repeat 10px bottom #9dc948; text-decoration:none; font-size:16px; margin:0 5px 10px; color:#000; padding:13px 15px 13px 55px;}
.actions a.link:hover{color:#fff;}
.actions p{margin-top:45px;max-width:715px; margin:45px auto;}
.actions a.link.ind{background:url(/images5/ind.png) no-repeat 10px bottom #e1ffbd;}
.actions a.link.ind:hover{color:#9dc948;}
.paypal{width:90%; height:auto; max-width:322px;}


ul.formmenu li a .drop:after{background:none;}
.drop{background:rgba(214,214,214,0.9); z-index:1010;width:375px;padding:20px 30px; position:absolute; top:50px; left:0;}
.drop .row{display:block; padding:5px 0;}
.drop .row.space{margin-bottom:20px}
.drop label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 15px;
    padding-right:30px;
    height:20px;
    color:#000;
    width:88%;
}
.drop label a{color:#838282;}
.drop a.btn{background:#9dc948; margin-top:20px; display:inline-block; height:45px; line-height:45px; padding:0; color:#fff; font-size:16px; font-weight:400; width:150px;}
.drop a.btn:hover{background:#52535a}
.drop input{border:0; width:94%; padding-left:3%; margin:0 0 5px; height:37px; line-height:37px;}
.drop ::-webkit-input-placeholder {color:#999; font-size:16px;}
.drop ::-moz-placeholder {color:#999; font-size:16px;}
.drop :-ms-input-placeholder {color:#999; font-size:16px;}
.drop :-moz-placeholder {color:#999; font-size:16px;}

.drop input[type=radio] {
    display: none;
}

.drop label:after {
    content: "";
    display: inline-block;
    vertical-align:middle;
    width: 23px;
    height: 23px;
    position: absolute;
    right: -3px;
    bottom: 0;
    background:url(/images5/radio.png) no-repeat 0px 0px;
}



.drop input[type=radio]:checked + label:after {
    content: "";

    text-align: center;
    background:url(/images5/radio.png) no-repeat 0px -30px;

}

.drop input[type=radio]:checked + label{color:#373538;}



.drop a.link{color:#000; padding:0; font-size:16px; padding-left:20px; display:inline-block; line-height:26px; background:no-repeat left;}
.drop a.link.file{background-image:url(/images5/attach.png); margin-left:15px; padding-left:30px;}
.drop a.link.add{background-image:url(/images5/recipient.png); }
.drop a.link.reset{background-image:url(/images5/reset.png);margin-left:15px; padding-left:25px; }
.drop a.link:hover{color:#666;}


.drop#peer{width:402px; padding:10px;}
.revlist div{overflow:hidden; padding:12px 0 12px 30px; display:block; background:url(/images5/sharetick.png) no-repeat left 12px; border-bottom:1px solid #fff;}
.revlist div:last-child{border-bottom:0;}
.revlist div .title{display:block; color:#000; font-size:16px;}
.revlist div .seen{display:inline-block; color:#9dc948; font-size:12px;}
.revlist div .edit{display:inline-block; color:#c97441; font-size:12px;}
ul.formmenu .revlist div a{float:right; margin:0 0 0 5px; padding:0;}

.drop table label{padding:0; margin:0; width:24px;}
.drop table th{font-size:16px; color:#000; font-weight:400;}
.drop table td{color:#000; font-size:16px; padding:5px 0;}
.drop table tr td:first-child{width:66%;}
.drop .settitle{font-size:16px; color:#000; padding:20px 0 5px; border-top:1px solid #fff; display:block;}




.form .regcol{display:flex;flex-wrap:wrap;margin:0 -1%;}


.form .regcol div.code{width:auto;}
.form .space{margin-top:14px;}
.form .addspace{margin-top:27px;}



.form .col label{font-size:15px; vertical-align:top;font-weight:300px; padding:2px 0 0 0; display:inline-block; width:35%; padding-right:10px; color:#444;}


.form .col-6{width:48%;margin:0 1% 10px 1%;}
.form .col-12{width:98%; margin:0 1% 10px;}


.form .col.wide{width:100%;}
.form .col.wide label{width:17.2%;}
.form .col.wide textarea{width:78.2%; max-width:100%;}



.form .col input, .form .col textarea{width:59%; }
.form .col input{height:27px;}
.form .col textarea{height:148px;}

.form.captcha .code{display:inline-block; vertical-align:top;margin-top:-10px;}
.form.captcha img{margin:0;padding:0;border:none;}
.form.captcha table{margin:0;}


.terms{padding:30px 0;}

#submit_ch_note {
    margin: 10px;
    width: 100%;
    display: none;
    color: #89AF38;
    font-size: small;
}




.help{float:right; margin-top:-15px;padding:5px 110px 20px 0; border-radius:4px;background:url(/images5/helpdesk.png) no-repeat right 0;text-align:right;}
.help h2{
    color:#000;
    line-height:24px;
    font-size:24px;
    font-weight: 600;
    padding:0px;
}
.help h4{color:#fff;  font-weight: 600;}
.help a.btn{font-size:20px; width:200px;}
.help p{font-size:14px;padding:3px 0 0;font-weight:600;line-height:26px;font-family: 'Open Sans', sans-serif;}
.help p a{color:#000;}
.pagehead a{font-family: 'Raleway', sans-serif;font-weight:600; color:#999;text-decoration: none;}
.pagehead a:hover{color:#9dc73d;}


.feature{margin-top:80px;}

.input-group{position:relative; display:inline-block;vertical-align:top;text-align:left;}


input[type="text"], input[type="email"],  textarea, select{font-size:16px;width:100%;color:#000; border-radius:3px; height:48px; padding:0 20px;margin: 0 0 10px;
    border: 1px solid #ddd;
    background: #fdfdfd;}
textarea{padding:20px; height:auto;}

.small input[type="text"]{width:50%;}

label {
    height: 48px;
    padding:13px 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    color: #777;
    pointer-events: none;
    cursor: text; /* Match the input under the label */
    transition: all .1s ease-in-out;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    color: transparent;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: transparent;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: transparent;
}
input::-moz-placeholder,textarea::-moz-placeholder {
    color: transparent;
}
input::placeholder,textarea::placeholder {
    color: transparent;
}
input:not(:placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem;
}
textarea:not(:placeholder-shown) {
    padding-top: 1.75rem;
    padding-bottom: .75rem;
}
input:not(:placeholder-shown) ~ label,textarea:not(:placeholder-shown) ~ label {
    padding-top: .50rem;
    padding-bottom: .45rem;
    font-size: 12px;
    color: #9dc73d;
}


form{max-width:1200px;margin:20px auto;}

.rowcenter{justify-content: center; max-width:1200px;margin:0 auto;}


.form h4{padding-bottom:12px; color:#000; font-weight:600;margin:30px 0 22px; border-bottom:3px solid #9dc73d;position: relative}


input[type="checkbox"], input[type="radio"]{
    -webkit-appearance: none;
    background: white;
    border:1px solid #d3d5e4;
    border-radius:1px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-right:5px;
    margin-left:0;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="checkbox"]:checked, input[type="radio"]:checked {

    background: url(/images5/tick-small.png) no-repeat center center #9dc73d; border-color:#9dc73d;

}


.intro .green.small{display:block; text-align:right; font-size:12px;}
.green.small.right{float:right; font-size:12px;}



.ico{margin:-30px 40px 0;z-index:2;color:#000;}
.ico h4{    margin: 15px 0 0;
    padding: 3px 25px;
    background: #78797a;
    color: #fff;
    font-weight:600;
    font-size: 18px;
    line-height: 22px;
    height: 28px;
    border-radius: 15px;
    display: inline-block;}

.ico span{    background: url(/images5/easy.png) no-repeat 0 0 #9dc73d;
    border-radius: 50%;
    border: 4px solid #000;
    width: 110px;
    height: 110px;
    display: inline-block;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;}

.ico span.fast{background-position:-8px -10px;}
.ico span.safe{background-position:-210px -12px;}
.ico span.payg{background-position:-385px -10px;}
.ico span.ppum{background-position:-578px -12px;}

.ico p{font-size:16px;margin-bottom:0;}

.formband{text-align:center;}

.features{
    padding:100px 0 0;
    text-align:center;
    position: relative;
}
.features h1, .formband h1{
    color:#353b45;
    font-size:39px;
    font-weight: 400;
}
.features h3{
    color:#878788;
    padding-bottom:30px;
    padding-top: 20px;
    max-width:1100px; margin:0 auto;
}
.features .col{width:46%; display:inline-block; vertical-align:top; text-align:left;}
.features .col li{display:block; background:url(../images3/arr.png) no-repeat left 5px; font-size:16px; list-style:none; padding:10px 0 10px 50px;}

.formband h2, .features h2, .band h2 {
    font-size: 20px;
    color: #878788;
    max-width: 1100px;
    margin: 0 auto;
    line-height:30px;
}

.points{padding:50px 0 80px;}
.points .row{flex-wrap: wrap;flex-direction:row;}
.points .col{width:20%;}
.points .item{padding:25px 20px;}
.points p{max-width:1200px; margin:0 auto 30px;}
.team p{max-width:1000px; margin:0 auto 30px;}
.team .avatar{width:130px; height:130px; overflow:hidden;margin:20px auto;border-radius: 50%; border:3px solid #9dc73d; background-size:cover; background-position: center;}
.team .row p{margin-top:10px;}

.fourcol{padding:80px 0 0;}
.fourcol .row{flex-wrap: wrap;}
.fourcol .item{width:33.3%; padding:30px 40px;text-decoration: none; color:#707070}
.fourcol .item .pic{height:180px;border:1px solid #ddd;display: flex;align-items: center; justify-content: center;position: relative; margin-bottom:25px;}
.fourcol .item:hover .pic{border-color:#9dc73d}
.fourcol .item .pic img, .multislide .item .pic img {
    vertical-align: middle;max-width:75%;max-height:85%;height:auto;width:auto;
}
.fourcol .item p{margin-top:5px;line-height:26px;}
.tag{position: absolute; right:-15px;top:10px; height:37px; width:96px;}
.gold .tag{background:url(/images5/gold-tag.png) no-repeat;}
.silver .tag{background:url(/images5/silver-tag.png) no-repeat;}
.bronze .tag{background:url(/images5/bronze-tag.png) no-repeat;}



a.col-4{text-decoration: none; }
@media(min-width:767px){a.col-4{width:29%;}}
a.col-4:hover h3{text-decoration:underline;}
.blog .item{padding:30px 5% 20px 0;border-top:1px solid #eee;display:block; color: #707070;
    font-size: 16px;text-decoration:none;}
.blog .item:first-child{border:0;}
.blog .item:hover h3{text-decoration: underline;}
.date{color:#9dc73d; display:block; padding-top:5px;}
.pic{width:100%; height:auto;margin-bottom:10px;}

.pagination a{padding:10px 15px; margin-right:20px; margin-top:20px;border-radius:3px; background:#f6f6f6;display:inline-block;color:#7b7b7b; text-decoration: none;}
.pagination a:hover{color:#000;}


.featured .row{justify-content: space-between;}
.featured .row .texts{padding:1rem 0;}
.archive{width:80%;float:right;}
.archive h3{padding-bottom:13px;line-height:20px;}
.archive a.right{float:right;font-size:12px;}
.archive .sublinks a{display:block;padding:10px 15px;border-bottom:1px solid #eee;text-decoration: none;color:#000}
.archive .sublinks .year{background:#f6f6f6; padding:8px 15px;border:0;font-weight:700;color:#000;}
.archive .sublinks a span{color:#9dc73d; font-weight:600;}
.archive .sublinks a:hover{color:#9dc73d}
.archive .input-group{margin-bottom:10px;position: relative; width:100%}
.archive input{background:url(/images5/search.png) no-repeat 96% center #fdfdfd;}


.article img{margin:20px auto;display:inline-block;max-width:100%; height:auto;}
.article .intro{color:#97989b; font-size:20px;padding-bottom:0;}
.share{padding:10px 0; margin:50px 0; position:relative; }

.nextprev{float:right;margin-top:20px;}
.nextprev a{ padding:10px 15px;border-radius:3px;margin-left:20px; background:#f6f6f6;display:inline-block;color:#7b7b7b; text-decoration: none;}
.nextprev a:hover{color:#000;}

.share .social{font-size:14px; color:#999; float:left;}
.share .social a{margin-left:8px; vertical-align:middle; display:inline-block;}


@media(max-width:900px){.row.article, .row.bloglist{flex-direction: column;}.article .col-8, .article .col-4, .bloglist .col-8, .bloglist .col-4{width:100%;}.archive{width:100%;text-align:left; margin-top:30px;}}

.where{margin-right:-40px; margin-bottom:-60px;}
@media(max-width:1650px){.where{margin-right:0;}}


.col-5.line{border-left:1px solid #eee; padding-left:60px;}


.over{background:rgba(0,0,0,0.85); position: fixed; top:0; left:0; bottom:0; right:0;z-index:20;  display:none; text-align:center; }
.over-close{display:block; text-align:right;padding:15px 20px;}
.over a.close{color:#fff;cursor: pointer; display:inline-block;height:25px; line-height:25px; opacity:0.5;}
.over a.close:after{content:url(/images5/close.png);display:inline-block; vertical-align: middle; margin-left:5px; }
.over a.close:hover{opacity:1;}
.video {
    margin-top:2%;
    display:inline-block;
    overflow: hidden;
    position: relative;
    width:95%;
    max-width:1200px;
}

.video::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.over.active{display:block;}

.video.inline{max-width:1000px;margin-bottom:70px;}

.pale.overlap{margin-bottom:350px;}
.pale.overlap .container{margin-bottom:-400px;}

a.vid-tab{display:inline-block;vertical-align: middle;float:right;margin:-5px -15px 0 0;cursor: pointer;}
a.vid-tab:hover img{opacity:0.5}



.team .row{flex-wrap:wrap;flex-direction: row;}
.team .row .col-4{width:33%}



a.vid-tab.green{display:inline-block;background:#9dc73d;height:89px;position:absolute;padding-left:55px; padding-top:14px;top:0;width:125px;right:-125px;float:none;margin:0;cursor: pointer;}
a.vid-tab.green:hover img{opacity:0.5}
a.vid-tab.green:after{width: 0; position:absolute; right:-38px; top:0;
    height: 0;
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;

    border-left: 38px solid #9dc73d;content:"";}


.footer .social {
    display:inline-block;
    margin-left: 20px;
    vertical-align:top;
    padding-top:3px;
}

.footer .social a {
    display: inline-block;
    text-indent: -1000px;

    margin: 6px 10px 0 0;
    padding: 0;
    overflow: hidden;
    width: 39px;
    height: 39px;
    background: url(/images5/social.png) 0 0;
    opacity: 1;
}

.footer .social a:hover{opacity:1;}
.footer .social a.tw{background-position:-50px 0;}
.footer .social a.fb{background-position:-99px 0;}
.footer .social a.li{background-position:0 0;}
.twitter-follow-button{margin:0 0 10px 8px; display:inline-block; }


.dot-flashing {

    position: relative;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #777;
    color: #777;
    animation: dotFlashing 1.5s infinite linear alternate;
    animation-delay: 1s;
}

.dot-flashing::before, .dot-flashing::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

.dot-flashing::before {
    left: -15px;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #777;
    color: #777;
    animation: dotFlashing 1.5s infinite alternate;
    animation-delay: 0.5s;
}

.dot-flashing::after {
    left: 15px;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #777;
    color: #777;
    animation: dotFlashing 1.5s infinite alternate;
    animation-delay: 1.5s;
}

@keyframes dotFlashing {
    0% {
        background-color: #fff;
    }
    50%,
    100% {
        background-color: #777;
    }
}








@media(max-width:970px){.points .col{width:25%;}}
@media(max-width:767px){.points .col{width:33%;}}
@media(max-width:550px){.points .col{width:50%;}}

@media(max-width:1670px){     .headinfo .left, .midhead .headinfo .left{width:58%;} .headinfo .right{width:42%;}    .formflow .steps{ transform: scale(0.9); transform-origin:center left;
                                                                                                                    }
    .headinfo .title{font-size:36px;}

    .formflow .steps{width:62%;}
    .pale .col-8{width:85%;}
    .hot{margin-left:2%}

    .midhead .headinfo.hp .left .title, .internalhead .hp{font-size:33px;}

}

@media (max-width:1450px){

    .fourcol .item{width:33%;}
    ul#menu li a{ font-size:14px; }
    ul#menu li a span{font-size:13px;line-height:13px;}
    ul#menu li.head{width:12%;font-size:14px; text-indent:12px;}
    .headinfo .left, .headinfo .right, .midhead .headinfo .left, .midhead .headinfo .right{width:60%;}
    .formflow .steps{width:100%;transform:scale(1);}
    .formflow{z-index:3;}

    .headinfo .screenshot{bottom:0px; top:50px;overflow:hidden;}
    .headinfo .screenshot img{top:0px; bottom:0;}
    ul#menu li a, ul#menu li.head{ font-size:13px; }
    ul#menu li a span{font-size:12px;line-height:12px;}
  
    .formflow{height:auto;}

    
    .headinfo .text{font-size:17px;}
    .headinfo .title{font-size:30px;}
  
  

    h1{font-size:32px;}
    h2{font-size:36px;}

    .formflow.web{text-align:left;}
    .pale .col-8{width:100%;}
    .help{margin-top:0;}
    .where{margin-right:0;}


    .headinfo p{font-size:18px;line-height:26px;}
    .headinfo li{font-size:16px;}

    .multislide{padding:0;}
    a.vid-btn{bottom:250px;}
    .headinfo .text{line-height:30px;}

    .midhead .headinfo.hp .left{width:60%}
    .midhead .headinfo.hp .right{width:38%}
    .midhead .right img{right:0}
    .midhead.evo .right img{right:40px}

    .headinfo.hp p{line-height:26px}

    .evo.midhead .headinfo .text{width:100%}

}



@media(max-width:1024px){

    .smallhead p{font-size:18px;line-height:30px;}
    .smallhead{padding-bottom:80px;}

    .internalhead .col-5{padding-bottom:0;}

    .midhead .headinfo .right, .midhead .headinfo.hp .right{margin-top:0;height:auto;}
    .headinfo .right{margin-bottom:0;}
    .midhead .headinfo{padding-top:130px}

    .headinfo.hp .formflow p{max-width:80%}

    .formflow .title{left:40px;}
    .internalhead .row{flex-direction: column;} .textright{height:auto;}.midhead .right img{width:90%;bottom:auto;}.midhead .iconsteps.active{width:90%;margin:-40px auto 0; padding-left:0;} .midhead .formflow{ z-index:5;}.midhead .formflow .title{display:none;}

    .journey-back{bottom:20px;}

    .homeheader .headinfo, .midhead .headinfo{flex-direction: column;}
    .headinfo .left, .headinfo .right, .midhead .headinfo .left, .midhead .headinfo .right, .midhead .headinfo.hp .left{width:100%;}
    .midhead .right img, .midhead .vault .right img{width:70%;}
    .midhead .headinfo .right{height:auto}
    .midhead .hp .right img{width:80%;bottom:60px;}

    .headinfo .textright img{ width:70%;position: relative;bottom:0; right:auto;}
    .textright{min-height:auto; text-align:center;align-items:center;justify-content: center}
    .internalhead .headinfo{padding-bottom:80px}
    .where{margin-bottom:0}
    .headinfo.hp .formflow p{padding:20px;}
    .headinfo.hp .formflow {justify-content: center}
    .headinfo.hp .formflow .row {
        text-align: center;
    }
    .headinfo.hp .formflow a.btn{margin-top:0;}

    .homeheader .headinfo .right{top:40%;}
    .homeheader .headinfo .right img{width:90%}
    a.vid-btn{bottom:300px}
    .headinfo .text{width:60%}

    .midhead .headinfo.hp .left{width:100%}
    .midhead .headinfo.hp .right{width:100%}

    .midhead .headinfo.hp .text{width:90%}


    .homeheader .headinfo .right{top:auto;width:100%; right:0;text-align:center;}
    .homeheader .headinfo .right img{top:0; bottom:auto; width:50%;right:15%}
    .homeheader .headinfo .right{height:55%}

    .evo.midhead .headinfo .text{min-height:0}
    .evo.midhead .headinfo{padding-bottom:160px}
}

@media(max-width:970px){
    .team .row .col-3{width:33%}

    .headinfo .textright img{width:85%}
    .midhead .headinfo.hp .text{width:100%}
    .internalhead .row{text-align:center}

    .headinfo, .midhead .headinfo, .internalhead .headinfo, .evo.midhead .headinfo{flex-direction: column;}
    .headinfo .left, .headinfo .right, .headinfo .text, .midhead .headinfo .left, .midhead .headinfo .right, .midhead .headinfo .text, .evo.midhead .headinfo .text, .midhead .headinfo.hp .left, .headinfo.hp .formflow p{width:100%;max-width:100%;}

    .midhead .container{margin:0;}
    .midhead .headinfo.hp .left .title{font-size:30px; line-height:40px}

    .fourcol .item{width:50%;}
    .fourcol .row{flex-direction: row}

    .evo.midhead .headinfo .text{min-height:200px}

    .headinfo .row, .midhead .headinfo .row{flex-direction: column;}
    .headinfo .row .col-6, .midhead .headinfo .row .col-6{width:100%;text-align:center;}
    .headinfo p, .midhead .headinfo p{padding:10px 20px;width:100%;max-width:100%;margin:0;}

    .midhead .textright img{left:auto;bottom:0;}

    .formlist{text-align:left;}
    .formflow .steps{width:100%;transform:scale(0.9)}

    #search input, #search select{width:49%;margin:10px 0 0;}
    #search a.btn{margin:10px 12px 0 0;}
    .notes{margin-bottom:20px; text-align:left;}

    ul#menu{padding:0px; display:none;clear:both; position:absolute; bottom:39px;}


    ul#menu.scrolled{padding:0px; display:none;clear:both; position:relative; bottom:auto;}


    a.vid-btn{bottom:200px;}


    ul#menu li{display:block; padding:0; margin:0 0 1px 0; border-right:0;}
    ul#menu li, ul#menu li.link{width:auto; display:block;}
    ul#menu li a{text-indent:15px; text-align:left;width:auto; display:block; font-size:16px; }
    .formflow .steps{width:100%;transform:scale(0.85);}
    ul#menu li.head{display:none;}
    ul#menu li.link{display:block;margin-bottom:0;}
    .menuband{min-height:40px;top:84px;}
    a.menutab, a.menuhead{display:block;}

    .headinfo .text, .evo.midhead .headinfo .text{min-height:0;margin:0;}


    .pagehead a{float:none;}

    .topband{padding:20px;min-height:80px;}

    h2{font-size:30px;}
    .pale{padding:50px 0;position: relative}
    .headinfo{padding-top:80px;}
    .midhead .headinfo .text{min-height:0;}
    .midhead .headinfo, .homeheader .headinfo{padding-top:83px}
    .headinfo .left, .midhead .headinfo .left{padding-top:0;}
    .formflow .title{bottom:12px;top:auto;color:#fff;font-size:11px;width:100%; text-align:center; left:0;}
    .homeheader, .homeheader .headinfo{min-height:calc(90vh - 35px);}

    .headinfo .title, .midhead .headinfo .title{width:100%;text-align:center;min-height:65px;height:65px; padding:10px 0;min-width:0;font-size:28px;line-height:50px;}
    .headinfo .title:after, .midhead .headinfo .title:after{display:none;}
    .internalhead, .internalhead .headinfo, .midhead.evo, .midhead.evo .headinfo{min-height:calc(90vh - 45px);}


    .headinfo .text, .midhead .headinfo .text, .evo.midhead .headinfo .text, .midhead .headinfo.hp .text{padding:30px;text-align:center;max-width:100%;}


    .footer{text-align:center;padding:30px;}
    .footer .btns{float:none;margin-top:20px;}
    a.btn{margin:0 5px;}
    .copy{text-align:center;}


    ul.formmenu li.right{float:none; display:block;margin-bottom:10px;}
    ul.formmenu li.right a{border:1px solid #ddd;}
    .formflow .title{bottom:18px;}
    .midhead .headinfo .right{bottom:auto;position: relative;}




    .midhead .headinfo .title img{max-height:50px;}
    .panel, .twitterbox{width:100%;float:none;}

}






@media(max-width:1016px){ 
    .features h1{font-size:30px;}

    .features h3{
        font-size:17px; max-width:86%; margin:0 auto;

    }
    .topband .logo{margin-right:0;}
    .features .col{width:auto; display:block; padding:0 15px;}
    .features .col li{display:block;  background-size: 15px auto; font-size:14px; list-style:none; padding:2px 0 8px 30px;}

}

@media(max-width:830px){.internalhead .headinfo{padding-top:120px;}}

@media(max-width:768px){

    .homeheader, .homeheader .headinfo{min-height:calc(100vh - 40px);}

    .midhead.evo .headinfo{padding-bottom:0;}

    .headinfo .textright img{width:75%}
    .headinfo .screenshot{width:70%;right:15%;}
    .formflow{min-height:170px;justify-content:center;}
    .midhead .formflow{min-height:160px;position: relative}
    .formflow .steps{ justify-content:center; border:0;padding:120px 0 0;margin:0 10px;
    }
    .formflow .steps li.active .iconsteps.last{padding:0; margin-right:0;}
    .formflow .steps li{width:100px;}
    .iconsteps{position: absolute; transform: scale(1);  justify-content: center;margin-top:-250px;}
    li.active .iconsteps{width:90%;left:5%;right:5%;}
    .formflow .steps li.active{width:100px;}
    .headinfo .text, .midhead .headinfo .text{padding:20px;font-size:16px; line-height:22px; max-width:600px;margin:0 auto;}
    .formflow .steps{transform: scale(0.85);transform-origin:center center;}
    .row.reorder{flex-direction:column-reverse;}


    .pagehead{text-align:center;padding:120px 0 20px;}
    .intro{text-align:left;}
    .accordion{text-align:left;}
    h1{font-size:36px;}
    .headinfo p, .midhead .headinfo p{font-size:18px; line-height:30px;}
    .green.small.right {
        float: none;

    }.small input[type="text"] {
         width: 100%;
     }
    .midhead .headinfo .right{height:auto;}
    .midhead .headinfo .textright img{position: relative}
    .midhead .textright{justify-content: center}.midhead .iconsteps.active{padding-left:0;}.formflow .title, .midhead .formflow .title{left:0;}

    .midhead{height:auto;min-height:auto;}
    .midhead .headinfo{height:auto;}
    .help{float:left}
    a.vid-btn{bottom:240px;}

    .midhead .headinfo{padding-bottom:0;}
    .midhead .headinfo .textright img{bottom:auto;}
    .midhead .headinfo .textright{align-items: flex-start;}

    .homeheader .headinfo .right img{width:70%;}

    .internalhead, .internalhead .headinfo, .midhead.evo, .midhead.evo .headinfo, .midhead .headinfo{min-height:auto;height:auto;}
}


@media(min-width:769px){.formflow .steps li{position: relative}}
@media(min-width:768px){.headinfo ul{padding:20px 10px;}
    .headinfo li{display:inline-block; clear:both;}.formflow .steps li{justify-content: center;}    }

@media(max-width:768px){.headinfo .more img{margin:0 auto;}.team .row .col-4, .team .row .col-3{width:50%;}.midhead .hp .right img{right:0;margin-top:-80px;width:75%;}.midhead .headinfo.hp .right{height:auto}.headinfo.hp a.vid-btn{bottom:200px;}
    .midhead .hp .journey-back.home{left:40px; bottom:180px}}
@media(max-width:767px){
    body { overflow-x: hidden }
    .homeheader, .mobslide{width:100%;display:flex;align-items:center;}
    .journey{position: absolute; width:100%; text-align:center; bottom:30px;  z-index:3;  font-size: 11px;
        letter-spacing: 0.2em;
        font-weight: 600;color:#fff;}
    .headinfo, .midhead .headinfo{display:inline-block;min-width: 100%;
        width: 100%;padding-top:80px; }

    .iconsteps{    opacity: 1;
    }
    .midhead .headinfo .right{margin-top:0;}
    .headinfo .right{bottom:12vh; position: absolute; height:45%;}
    .mobslide button{display:none!important;}
    .iconrow{display:none;}


    .midhead.evo .headinfo{padding-bottom:0}
    .midhead .headinfo .title {height:auto;}

    .padd-r{padding:0;}
    .help{float:none;width:100%;margin-top:0;text-align:center; border:0;padding:100px 20px 20px;background-position:center top;}
    .help h2{padding-bottom:5px;}
    .col-5.line{padding:0;border:0;}
    .col-5.line .intro{text-align:center;}
    .headinfo.hp .formflow p{font-size: 17px;}



}



@media(max-width:620px){

    .homeheader .headinfo .right{height:45%}
    .homeheader .headinfo{padding-top:120px}

    .headinfo p, .midhead .headinfo p{font-size:16px;}
    .team .row .col-4, .team .row .col-3{width:100%;}
    .headinfo .textright img{width:95%;}
    .menuband{position: fixed;}
    ul#menu{bottom:auto;top:35px;}
    .multislide .slick-arrow{transform:scale(0.6); top:40px;}
    .help h4{margin-bottom:0;color:#9dc73d;}
    .form .col, .form .regcol div{width:100%;}
    .form{text-align:left;}
    .form .col label,.form label,.form textarea, .form select, .form .regcol label, .form .regcol input,.form .col input, .form .col.wide textarea, .form .col.wide label{display:block; width:100%;text-align:left;}
    form a.btn{width:100%;margin:0 0 5px;}
    .form .space{margin:0;}
    .headinfo ul{text-align:left;}
    .headinfo li{font-size:16px;}
    .row.padd{padding-top:30px;}
    .formflow .title{opacity:0.6;}
    .headinfo p, .midhead .headinfo p{line-height:26px;}
    .texts{padding:1em 0;}
    ul.formmenu li{display:block;margin-bottom:10px;}

    .homeheader, .internalhead{background-position:left center;}
    .smallhead .fl-right{float:none;margin-bottom:30px;display: inline-block;}
    .midhead .headinfo{padding-top:120px;padding-bottom:0;}
    .headinfo{height:auto;padding-top:120px;}
    .headinfo .screenshot img{top:0;}
    .iconsteps .item .label, .iconsteps .item{font-size:12px;}
    .headinfo .right{height:40%;}
    .headinfo .left, .midhead .headinfo .left{height:auto;}
    .multislide{padding:0 10px;}
    .multislide .item{ padding: 5px 15px; margin:0;}
    .multislide .item .pic{height:150px;}
    .multislide .item .pic img{max-width:90%; height:auto;}
    #search input, #search select{width:100%;margin:10px 0 0;}
    #search a.btn{width:49%;margin:10px 0 0;}
    h1{font-size:26px;}
    h2,.features h1, .formband h1{font-size:26px;}
    .internalhead .headinfo{padding-top:150px;}
    .pale{padding:30px 0;}
    .text-blocks{padding:20px 0;}
    .text-blocks .item{padding:10px 0;}
    .pagehead{padding:90px 0 20px;}
    .smallhead {
        height: auto;
        padding: 140px 0 0;text-align:center;background-position:left center;
    }.basepadd{padding-bottom:20px;}
    .smallhead p{font-size:16px;line-height:24px;}
    .fourcol .item{width:100%;}
    .textright{height:auto;justify-content: center;padding-bottom:20px;}.headinfo .textright img{position: relative;}.headinfo .textright img{left:0;bottom:0;}
    .midhead .textright{padding-bottom:0;}
    .iconsteps{margin-top:-210px;}
    .iconsteps .item{width:auto;}
    .headinfo .text{flex-direction: column;}
    .homeheader .iconsteps{opacity:1;}
    .headinfo .more{padding-top:15px;}
    .headinfo .more img{width:180px;height:auto;}
    .where{margin:0 ;}
    .internalhead,.internalhead .headinfo{min-height:auto;}
    a.btn{margin:2px 0;}


    .addtext{padding:30px;display:block;}
    .addtext p{line-height:28px!important;font-size:16px!important;}

    .hp .formflow{position: relative}

    .midhead .headinfo.hp .right, .midhead .headinfo.hp .left{height:auto}
    .midhead .headinfo.hp .text{padding:20px 0px 0;}

    .midhead .hp .right img{margin-top:0; width:95%;}
    .headinfo.hp a.vid-btn{bottom:-60px}



    .homeheader .formflow.web{display:none!important;}.topband .menu .hot span a{display:none;}.hot span{height:41px;width:41px; background-position: center;  margin:0;padding:0;position:fixed; right:75px; top:15px;}.hot{float:none;width:100%;margin:0;display:block; clear:both;}.hot span:after{display:none;}.hot #topics{top:10px; position: relative;width:100%;padding-bottom:10px;}
    .formflow{min-height:150px}
    .menuband{    min-height: 36px;}

    a.vid-btn{width:100%; bottom:-60px; height:60px;background-image:url(/images5/play-vid-small.png); background-color:#6d6a6a;background-position: center;background-repeat: no-repeat;right:0;transition: none;}
    a.vid-btn:hover{background-image:url(/images5/play-vid-small.png); background-color:#6d6a6a;background-repeat: no-repeat;background-position: center;}
    a.vid-btn-sub{position: relative;right:0; bottom:0; width:100%;display:block;height:60px;margin:10px 0; border-radius:3px;}

    a.vid-btn-sub.about{ background-image:url(/images5/about-vid-mob.png); background-color:#6d6a6a; background-position: 20px center; background-repeat: no-repeat}

    .textright{padding-bottom:40px;}
    .points{padding:40px 0;}
    .quotes .quote{padding:2em}

    .midhead .iconsteps.active{transform:scale(0.75);width:100%;justify-content: center}

    .headinfo.hasvid, .homeheader.hasvid{margin-bottom:60px}

    .headinfo .text, .midhead .headinfo .text, .evo.midhead .headinfo .text, .midhead .headinfo.hp .text{font-size:14px;}
    .internalhead .headinfo{padding-bottom:30px;}


    .midhead .formflow .container{width:100%;}
    .midhead .hp .formflow{padding-bottom:30px}
    .headinfo.hp .formflow a.btn{white-space: nowrap}


    .journey-back, .midhead .hp .journey-back.home{ top:auto;left:0;bottom:0;width:95%} .midhead .journey-back{bottom:0px;}
    .journey-back{width:100%;text-align: center; border-radius:0;}
    .evo .journey-back,.midhead .hp .journey-back.home{position: relative;display: block; width:100%;}
    .journey-back:after{display:none;}
    .homeheader .journey-back{display:none}
    .evo .journey-back{padding-bottom:20px; z-index:3;}



}

@media(min-width:621px){.journey {
    display: none;
}.formflow.mob{display:none;}



}
@media(max-width:450px){
    /*     .headinfo,.midhead .headinfo{padding-top:71px; height:calc(90vh - 35px);}  */

    .hot span{right:60px; top:12px;}
    .headinfo{padding-top:110px;}
    .internalhead .headinfo{min-height:auto;}
    .headinfo .right{height:32%;}
    .headinfo .left,.midhead .headinfo .left{height:auto;}
    .headinfo .text, .midhead .headinfo .text{height:auto;display:flex; align-items: center}
    .footer img{max-width:95%;}

    .topband{min-height:30px; padding:10px;}
    .topband .logo{margin-top:0;}
    .homeheader, .internalhead, .headinfo{height:auto;}
    .internalhead{height:auto;min-height:0;}

    .headinfo .title, .midhead .headinfo.hp .left .title {font-size:26px;line-height:30px}
    .menuband{top:72px;}
    .headinfo .title{min-height:50px; height:50px;line-height:28px;}

    .headinfo p, .midhead .headinfo p,.internalhead .headinfo p, .headinfo .text, .midhead .headinfo .text, .evo.midhead .headinfo .text, .midhead .headinfo.hp .text{font-size:15px; line-height:19px;font-weight:600;}
    .headinfo li {text-align:left;
        font-size: 15px!important;}
    .headinfo ul{margin-top:20px;}
    .internalhead .headinfo{padding-top:140px;}
    .formflow{min-height:17vh;}
    .formflow .steps{transform: scale(0.65);}
    .midhead .iconsteps.active{transform:scale(0.65);}
    .midhead .formflow{min-height:140px}
    .midhead .headinfo .textright img{margin-bottom:0;}
    .midhead .headinfo {
        padding-top: 110px;}


    .midhead.evo .headinfo .left{height:auto}
    .midhead.evo .formflow{position: relative}
    .homeheader .headinfo{padding-top:105px}

}

@media(max-width:360px){ .formflow .steps{margin:0 2px;letter-spacing:0;}.menuband {
                                                                             top: 69px;
                                                                             min-height: 34px;
                                                                         }.topband{min-height:69px;}

    .headinfo .right, .midhead .headinfo .right{height:30%;} .iconsteps .item{color:#ccc;}
    .headinfo .left, .midhead .headinfo .left{height:40%;}  .formflow .steps{transform: scale( 0.65);
                                                                -moz-transform: scale(0.54);}.headinfo{padding-top:105px;} .formflow{min-height:19vh;}
    .headinfo .text, .headinfo p, .midhead .headinfo p{font-size:13px; line-height:18px;}     .midhead .headinfo{padding:105px 0 0;}}


.article ul{margin:0; padding:20px 0; list-style-position: inside}



.copy span.spanyear{display:inline-block;color: #fff;
    font-size: 13px;font-weight:600}
.IN-widget{vertical-align: top!important; margin-left:10px!important;margin-top:6px!important}


.internalhead p.small{font-size:18px}
.internalhead p.small a{color:#000}

.modal{background:#fff; border-radius:5px; position:relative; display:none;}
.modal.pre{width:660px;}
.modal-btns{display:block; background:#eee; min-height:30px;border-bottom:1px solid #ddd;padding-top:4px;}
.modal-btns input, .modal-btns button{margin:0 3px;}
.modal-header{
    min-height:45px;
    line-height:45px;
    color:#444;
    padding:10px;
    font-size:24px;
    font-weight:300;
    border-bottom:1px solid #ddd;
}
.modal .text{padding:20px; max-height:400px; overflow:auto; text-align:left;}

.modal.pre .text{padding:20px; max-height:600px; overflow:auto; text-align:left;}
.modal-footer{background:#f0f0f0; text-align:right; padding:10px 20px; border-radius:0 0 5px 5px;}
.modal .btn{
    background:#aaa;
    width:70px;
    height:23px;
    line-height:20px;
    padding:4px;
    font-size:15px;
}
.modal .btn .cls{font-size:24px; display:inline-block; float:left; padding-left:5px;}
.modal h3{color:#9dc73d;}
.modal li{list-style-position:outside; padding-bottom:10px; margin-left:20px;}

.custombox-modal-fadein {
    transform: scale(0.7);
    transition-property: all;
    opacity: 0;
    visibility: hidden;
}
.custombox-modal-open .custombox-modal-fadein {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}


.custombox-open,
.custombox-open body {
    overflow: hidden;
}
.custombox-perspective,
.custombox-perspective body  {
    perspective: 600px;
    height: 100%;
}
.custombox-overlay-open {
    visibility: visible;
    opacity: 1;
}

/*
 ----------------------------
 Defaults
 ----------------------------
 */
.custombox-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    transition-delay: 0s;
}
.custombox-overlay-default {
    transition-timing-function: linear;
    transition-property: opacity;
    opacity: 0;
}
.custombox-modal-wrapper {
    bottom: 0;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    text-align: center;
}
.custombox-modal-container {
    margin: 0 auto;
    position: relative;
}
.custombox-modal img {
    max-width: 100%;
    height: auto;
}


.list{ border-bottom:2px solid #f0f0f0; padding:50px 0 20px 0; background:url(../images3/news.png) no-repeat right 10px;}
.list h2, .rightcol .share h2{
    color:#444;
    line-height:25px;
    font-size:24px;
    padding-bottom:15px;
    padding-left:20px;
}
.list a{display:block; border-bottom:1px dotted #f0f0f0; padding:10px 0; font-size:14px; text-decoration:none;}
.list strong{
    color:#424242;
    font-weight:700;
    display:block;
}
.list a.view{
    color:#999;
    border-bottom:0;
}

/*   HOMEPAGE NEWS ITEM LINK --- HIDE IF NOT IN USE  */

.midhead .hp .right img{width:90%;max-width:840px;}

.news-link{position:absolute; z-index:5;display:block; border:1px solid #fff;}
.news-link:before{content:"";position:absolute; background:rgba(0,0,0,0.5);position: absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition: all 0.3s ease-in-out;}
.news-link:hover:before{opacity:1;}
.news-link img, .news-link-two img{width:100%; height:auto;}
.news-link .news-title{position: absolute; bottom:10px; left:10px; right:10px; height:20px; background:#9dc73d;color:#fff; text-align:center;font-weight:400;font-size:13px;line-height:20px;}

@media(min-width:1017px){.news-link{right:50px;width:220px;top:170px;}.news-link-two{right:50px;width:220px;top:290px;}}
@media (min-width: 1230px){.news-link{top:125px;width:289px;}.news-link-two{top:125px;right:320px;width:250px;}}
@media(min-width:1017px) and (max-width:1024px){.midhead .headinfo.hp .text{width:70%}}

@media(min-width:621px) and (max-width:1016px){a.vid-btn{bottom:33%!important;}.midhead .hp .journey-back.home{bottom:36%}.news-link, .news-link-two{margin-top:20px}}

.news-link-two{position:absolute; z-index:5;display:block; border:1px solid #fff;}

@media (max-width: 1016px){.news-link, .news-link-two{position:relative;max-width:600px;}}



/*  END HP NEWS  */





/*  RACE PAGE SPECIFIC  */

a.btn.green.racepage{padding:8px 22px;text-align: left;}
a.btn.green.racepage span{color:#000;font-size:12px;}

.midhead.race .left .title{
    font-size:24px;line-height:50px;height:88px;padding: 15px 30px 18px 80px; max-width:700px;min-width:0;margin-right:50px;
}
.midhead.race .left .title::after {border-top: 45px solid transparent;
border-bottom: 44px solid transparent;}

.midhead.race, .midhead.race .headinfo{min-height:0}
.midhead.race .headinfo{padding: 135px 0 0;display:flex;align-items: stretch;}

.midhead.race .headinfo .right{width:400px;margin-bottom:-120px}
.midhead.race .headinfo .left{width:calc(100% - 450px);padding-right:2%;}

.midhead.race .headinfo .text{max-width:none;min-height:0;padding-bottom:20px;padding-top:30px;}

.race-gall{width:calc(100% - 300px);padding:30px 75px;}

.race .headinfo p{font-size:16px;line-height:24px;width:100%;max-width: none}

.race-gall a {height:140px; overflow:hidden;}
.race-gall a img{width:100%;height:100%;border:1px solid #fff;object-fit: cover;}

.race-gall .slick-prev, .race-gall .slick-next{
 background:#343536;border:0; position: absolute; top:35px; bottom:35px;width:22px;cursor: pointer;
}
.race-gall .slick-prev{left:30px;background:url(/images5/gall-left.png) no-repeat center #343536;}
.race-gall .slick-next{right:30px;background:url(/images5/gall-right.png) no-repeat center #343536;}

 /* the slides */
 .race-gall .slick-slide {
      margin: 0 27px;
  }

  /* the parent */
.race-gall .slick-list {
      margin: 0 -27px;
  }

.race .textright{min-height:0;align-self: flex-start;align-items:flex-start}
.race-dates{background:#5e6163;width:400px;margin-right:60px;text-align:left;padding:30px 35px 45px;color:#fff;margin-bottom:0;}
.race-dates h2{color:#fff;font-size:24px;}

ul.race-items{padding:15px 0 50px;margin:0}
.race-items li{background: none;padding:9px 0;border-bottom:1px solid #7b7e7f;color:#fff;display:block;font-size:15px;line-height:20px;}
.race-items li strong{display:block;font-weight:400;color:#ccc}
.race-items li span{color:#999999}
.race-items li:last-child{border:none}

.race .headinfo p strong.heading{font-size:20px}

.race-items li.win:after{content:url(/images5/win.png);float:right;margin-top:-8px}
.race-items li.placed:after{content:url(/images5/placed.png);float:right;margin-top:-8px}

.race-intro{width:calc(98% - 280px)}
.race-extras{max-width:280px;padding-bottom:90px;}
.race-extras .heading{background:#000;text-align:center; color:#fff; font-size:13px; font-weight:600;padding:4px;display:block;}
.race-extras img{width:100%;height:auto}

.race-reg{background:url(/images5/race-reg.png) no-repeat 18px 10px #9dc73d;font-size:22px; margin-top:50px; font-weight:600;color:#000;text-decoration: none;display:block;padding:20px 75px;border:2px solid #fff;font-weight:700;filter: drop-shadow(3px 3px 5px #333);}

@media(min-width:1025px){
    .race-reg{position:sticky; top:150px;margin-left:-255px;margin-right:70px;}
.videohold{width:550px;top:290px;position:sticky; margin-left:-255px;background:#000;}
}
.videohold{margin-top:30px;}

.race-reg span{font-size:14px;display:block;font-weight:600;padding-top:5px}
.race-reg:before{  width: 0;
  position: absolute;
  right: -38px;
  top: -3px;
  height: 0;
  border-top: 59px solid transparent;
  border-bottom: 59px solid transparent;
  border-left: 38px solid #fff;
  content: "";
}
.race-reg:after{  width: 0;
  position: absolute;
  right: -36px;
  top: -3px;
  height: 0;
  border-top: 59px solid transparent;
  border-bottom: 59px solid transparent;
  border-left: 38px solid #9dc73d;
  content: "";
}
.race-reg:hover{color:#fff}
.pale img.race-car{position: absolute; top:-180px;max-width:auto;right:10px;max-width:none;width:auto;z-index:10}

.race-vids{position: relative;margin-bottom:20px;}
.race-vids .slick-prev, .race-vids .slick-next{position: absolute;top:-22px;border:none;text-indent: -100px;overflow:hidden;cursor: pointer}
.race-vids .slick-prev{left:5px;background:url(/images5/vid-left.png) no-repeat center;}
.race-vids .slick-next{right:5px;background:url(/images5/vid-right.png) no-repeat center;}

.pale.race{background:#eee;padding:30px 35px 25px;position: relative}
.pale.race .row{align-items: center}
.race-vids a{
display: inline-block;
overflow: hidden;}
.race-partners{color:#000; font-size:15px;}
.race-partners div{display:inline-block;margin-right:30px;max-width:600px}
.race-partners h3{font-weight:700;font-size:15px;padding-bottom:10px;}
.race-partners span{display:inline-block;margin-top:10px;padding-right:40px;}
.race-logo{background:#fff;border-radius:5px; height:65px;min-width:140px;margin-right:30px;text-align:center;display:flex;}
.race-logo img{height:80%;width:auto;align-self: center;margin-top:5%;}

.form .col-4 {
  width: 31.333%;
  margin: 0 1% 10px 1%;
}

.form .col-8{width:61.666%;margin: 0 1% 10px 1%;}

.smallhead.racing{background: url(/images5/carbg.jpg) no-repeat center center;background-size:cover;padding: 170px 0 0;}
.race-form{padding-right:5%}
.race-right{margin-top:-20px;}
.race-right .race-partners div{margin:0;display:block;max-width:100%;}
.race-right .race-partners .race-logo{width:40%;margin-right:1%;padding:8px;position:relative;vertical-align: middle;margin-top:20px;min-width:0;height:auto;display:inline-block;max-width:190px}
.race-right .race-partners .race-logo.full{width:70%;height:auto;}
.race-right .race-partners .race-logo img{width:100%;height:auto;margin:0;}


.hexband{background:url(/images5/hexagons-sub.png) no-repeat right 65% #000; height:90px;}
.smallhead.racing .container{position: relative}

.racing .col-5{text-align:right;}
.text a{color:#000}
form.race{max-width:none}
.racing.smallhead .fl-right{margin-top:-35px;position: absolute;right:220px; z-index:11;}
.race-form .intro{padding:20px 0 0;}
.race-form .intro .green.small{font-size:14px;}

.race-head{margin-bottom:-220px;z-index:10;position: relative;width:100%;height:auto;max-width:600px;margin-top:-45px;}
.race-place{width:57%;margin-top:12px;}

.formflow.hex{background:url(/images5/hexagons.png) no-repeat right center #000;position: relative;z-index:auto}

.midhead.race{background-image:url(/images5/carbg.jpg)}


.race .headinfo .smallgrey{color:#ccc;font-size:13px; display:block; text-align:right; font-weight:400;line-height:18px;overflow-wrap: break-word;padding:10px 20px;}
.race .headinfo .smallgrey a{color:#ccc}


.race-extras .race-soc{padding:10px 0;border-top:1px solid #fff;margin-top:30px;}
.race-extras .race-soc img{width:48px;margin-right:15px;}
.race-extras .race-soc p{margin:0; padding-bottom:5px; color:#fff; font-size:12px}

.race-form .checks{padding-bottom:20px;}
.race-form .checks div{padding:4px 0; color:#666;line-height:24px;}
.race-form input[type=checkbox]{margin-right:10px}
.race-form .small{font-size:14px;color: #9dc73d;display:block;padding-top:5px;}

select[multiple]{height:195px;}
select[multiple] option{border-bottom:1px solid #fff;padding:4px 5px;}
select[multiple] option:checked, select[multiple]:focus option:checked {
  background: url(/images5/tick-small.png) no-repeat 10px center #9dc73d; color:#000; padding-left:35px;
}

@media(max-width:1800px){.pale.race{padding:40px 35px}}

@media(max-width:1515px){
    .race-head,.racing.smallhead .fl-right{margin-top:0}
}

@media(max-width:1400px){
    .midhead.race .left .title{font-size:20px; line-height:23px}   
    
     
}
@media(min-width:1207px) and (max-width:1424px){.midhead.race .headinfo{padding-top:180px}}
@media(max-width:1530px){
    .race .left .row{flex-direction: column}
    .race-intro,.race-extras{width:100%;max-width: 100%;}
    .race-extras{padding-left:80px}
    .midhead.race .headinfo{padding-top:160px}
    .race-vids,.race-result{display:inline-block;width:44%;vertical-align: top;margin-right:3%}
    .race .textright{align-self: flex-end}
    .race-vids a{display:block}
    .race-partners div{margin-bottom:20px}
.race-gall{width:calc(100% - 500px);}
      .race .headinfo .text{padding-bottom:20px}
    .smallhead.racing{padding-top:200px}
    
    .race .textright{min-height:1000px}
    .midhead.race .headinfo .right{margin-bottom:-180px} 
    .race-reg{bottom:-275px}
   
}

@media(max-width:1024px){
    .midhead.race .headinfo{flex-direction:column;}
    .midhead.race .headinfo .left,.midhead.race .headinfo .right,.headinfo .text{width:100%;}
    .race-dates{width:100%;margin-left:0;position: relative}
    .race-reg{margin-left: 0px;}
    .race-gall{width:100%}
    .midhead.race .headinfo .right{margin-bottom:0;bottom:0;min-height: 0;}
 
    .midhead.race .formflow{position: relative}
     .midhead.race .headinfo{padding-bottom:0}
        .smallhead.racing{padding-top:160px}
    .form .col-4{width:48%}
    .pale#form .row{flex-direction: column}
    #form.pale .col-9, #form.pale .col-3{width:100%}
    .pale.race{overflow: hidden}
    .pale img.race-car{position:relative;margin:-20px -30px -30px 0;float:right;top:0;width:100%;max-width:450px;}
    .midhead .hex .container{width:100%}
     .pale.race{padding-top:30px}
      .race-gall a{height:200px}
    .race-reg{bottom:0}
    .hexband{background-image: url(/images5/hexagons.png)}
       .race-dates{margin-bottom:0}
         .race-reg:after, .race-reg:before{display:none}
}


@media(max-width:970px){
    .midhead.race .headinfo{padding-top:83px}
.midhead.race .left .title{width:100%;max-width: none;margin:0;padding:10px;}
    .race-extras{padding:30px}
    .race .headinfo .right{padding-right:0;}
        .midhead.race .headinfo .left{padding-right:0}
    .racing h1{font-size:30px}
    .smallhead.racing{padding-top:140px}
    .race-place{width:50%}
    .race-partners span{padding-right:0}
    .pale img.race-car{margin:0}
    .midhead.race .headinfo .right{min-height:560px;}
    .racing.smallhead .fl-right{right:150px}

   
}

@media(max-width:767px){
    .race-head{margin-bottom:0;}
    .race-place{width:100%;}
    .race-right{margin-top:20px;}
    .racing.smallhead .fl-right{position: relative;right:0;float: none;
    margin-bottom: 30px;
    display: inline-block;}
}

@media(max-width:650px){
    .race-vids, .race-result{display:block;width:100%} 
    .race-extras{padding:30px;text-align: center}

    .race-reg{width:100%;padding-right:10px;}
    .smallhead.racing{padding-top:200px}
    .race-partners div{margin-right:10px;}
    .race-partners{text-align: center}
    .race-gall a{height:250px}
}

@media(max-width:450px){
    .midhead.race .headinfo{padding-top:70px}
}

.race .headinfo p strong{font-size:18px;}
.race .headinfo p.introtext{font-size:20px;line-height:28px;}
.race .headinfo p strong.heading.lge{font-size:24px;line-height:30px;}
@media(min-width:2200px){
    .two-col{display:grid;grid-template-columns:1fr 1.1fr; column-gap:5%}   
}

.formnote{font-size:13px;padding:8px 0;display:block;}



.text .credits{
 width:100%;
    margin-top:40px;
    padding:25px 0;
    border-top:1px solid #000;
    font-size:15px;line-height:18px;display:flex;align-items: center
}
.text .credit-logos{display:flex;align-items: center;white-space: nowrap}
.text .credits a{margin:0 0 0 30px;text-align:center;}


.race-partners span:nth-child(3){padding-right:0}
.race-partners .credits, .race-partners .credits div{
    max-width:460px;margin:10px 0 0;display:block;font-size:13px;padding-right:0;}
.race-partners .credit-logos{
padding-top:15px;

}
.race-partners .credits a{margin-right:20px}

@media(max-width:1500px){
    .text .credits{flex-direction: column;}
    .text .credit-logos{width:100%;padding-top:20px;white-space: normal}
    .text .credits a{width:100%;height:auto;margin:0 10px;}
}

@media(max-width:500px){
    .text .credit-logos{flex-direction: column;}
    .text .credits a{margin:10px 0;}
}


.race-form .checks div.past{text-decoration: line-through}
input[type="checkbox"]:disabled{background:#f6f6f6}


.headinfo .text{width:95%}
.quote-row{display:flex;margin-top:40px;}
.racequotes{background:#9dc73d; display:flex; align-items: center;min-width:250px; border-radius:5px; padding:25px 60px;margin-right:20px;font-size:16px;color:#000;line-height:1.3;text-align:center;}
.racequotes .quote{display:flex; align-self:center;}
.quote-name{padding-top:15px;display:block;font-size:13px;font-weight:600}
.just-giving{background:#76797b;color:#fff;padding:25px 40px;border-radius:5px;font-size:15px;line-height:1.4;max-width:45%;font-weight:400}
.just-giving a{color:#fff}
.racequotes .slick-track {
  display: flex;
}
.racequotes .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
.racequotes .slick-arrow{position: absolute; top:90px;border:0; overflow:hidden; width:35px; height:120px;text-indent: -1000px;cursor: pointer}
.racequotes .slick-prev{left:10px;background:url(/images5/quote-arr-left.png) center no-repeat;}
.racequotes .slick-next{right:10px;background:url(/images5/quote-arr-right.png) center no-repeat;}

/*   HOW PAGE UPDATES   */

.hexbg {
    background: url(/images5/hex-bg.png) no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover
}

.fourcol .item .pic {
    background-color: #fff
}

.fourcol .item h5 em {
    background: #e1ffbd;
    padding: 2px 5px;
    font-style: normal
}

.fourcol h3 {
    border-top: 1px solid #ddd;
    display: block;
    margin-top: 60px;
    margin-bottom: -50px;
    width: 100%;
    font-weight: 600;
    font-size: 34px
}

.fourcol h3 span {
    background: #fff;
    padding: 20px;
    transform: translate(0, -50%);
    display: inline-block
}

.race-form .checks div.past {
    text-decoration: line-through
}

input[type="checkbox"]:disabled {
    background: #f6f6f6
}

headinfo .text {
    width: 95%
}

.quote-row {
    display: flex;
    margin-top: 40px;
}

.racequotes {
    background: #9dc73d;
    display: flex;
    align-items: center;
    min-width: 250px;
    border-radius: 5px;
    padding: 25px 60px;
    margin-right: 20px;
    font-size: 16px;
    color: #000;
    line-height: 1.3;
    text-align: center;
}

.racequotes .quote {
    display: flex;
    align-self: center;
}

.quote-name {
    padding-top: 15px;
    display: block;
    font-size: 13px;
    font-weight: 600
}

.just-giving {
    background: #76797b;
    color: #fff;
    padding: 25px 40px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1.4;
    max-width: 45%;
    font-weight: 400
}

.just-giving a {
    color: #fff
}

.slick-track {
    display: flex;
}

.slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

.racequotes .slick-arrow {
    position: absolute;
    top: 90px;
    border: 0;
    overflow: hidden;
    width: 35px;
    height: 120px;
    text-indent: -1000px;
    cursor: pointer
}

.racequotes .slick-prev {
    left: 10px;
    background: url(/images5/quote-arr-left.png) center no-repeat;
}

.racequotes .slick-next {
    right: 10px;
    background: url(/images5/quote-arr-right.png) center no-repeat;
}

/*  LAW SOC LOGO BITS  */

.right-links {
    text-align: center
}

.law-soc {
    z-index: 5;
    display: block;
}

.law-soc img {
    width: 100%;
    height: auto
}

@media(min-width:1017px) {
    .law-soc {
        position: absolute;
        right: 270px;
        width: 200px;
        top: 170px;
    }
}

@media (min-width: 1230px) {
    .law-soc {
        top: 125px;
        width: 250px;
        right: 350px
    }
}

@media (max-width: 1016px) {

    .law-soc,
    .news-link {
        text-align: center;
        width: 220px;
        display: inline-block;
        max-width: 220px;
        position: relative;
        margin: 0 20px 10px;
    }
    .news-link{
       width: 250px; 
        max-width: 250px;
    }
}

.law-soc-logo {
    max-width: 267px;
    margin-top: 10px
}

.btn.grey.login {
    padding-right: 10px
}



/*  ---------    NEW STYLES FOR 2024 UPDATES  -------  */


.racepage-btn, .mob-menu a.racepage-btn{padding: 0;height:74px;display:inline-block;margin:-12px 20px -7px 0;}
.racepage-btn strong{font-weight:600}
.topband .btns .racepage-btn img{float:none}
.topband .btns{display:block;width:560px;text-align:right;}
.hot,.hot #topics{min-width:190px}
.hot span::after {padding-left:50px}

@media (max-width:1810px){
    .topband .btns{width:500px}.topband .btns .racepage-btn img{height:60px;margin:0;}
    .racepage-btn, .mob-menu a.racepage-btn{height:60px;margin-top:-10px}    
    a.btn{padding:12px 15px;}  .topband{font-size:15px;}
.hot span{padding:13px 15px 14px 44px;}
    .hot{min-width:180px;}
    .hot #topics{top:43px;min-width:180px;}
    .hot span:after{float:right;padding-left:20px;}
  .topband .btns img{height:43px;width:auto}
  .logo{width:70%; max-width:220px;}
}
@media(min-width:1440px) and (max-width:1656px){
    .hot #topics{width:100%;}.hot{float:none; clear:both; width:100%;margin:12px 0 0;}}

@media(min-width:1150px) and (max-width:1656px){
.menuband{top:130px;}.homeheader .headinfo, .midhead .headinfo{padding-top:180px;} .homeheader .headinfo .right{top:250px;bottom:0;} .law-soc, .news-link{top:180px}
    .midhead .headinfo.hp .left .title, .internalhead .hp{font-size:28px}}
@media(max-width:1440px){.topband .btns{width:100%;text-align:left;padding:12px 0 6px;}}
@media(min-width:1150px){.nav-opener{display:none;}}
@media(max-width:1149px){
  .mob-menu{display:none;}
    .smallhead{padding-top:120px;}
    .mob-menu{clear:both; width:100%;margin-top:12px;}.mob-menu a{display:block; color:#fff; background:none; font-weight:400; margin-bottom:4px;padding:10px 10px;}.topband .btns{margin:0;float:none;}.topband .btns img{height:auto; margin-right:-5px; margin-top:10px;}
    .hot{float:right;margin-right:15px;margin-top:-5px;}
    .hot #topics{left:auto;right:0;}   
}

.temp-flash{
    position: absolute;top:-8px;left:-12px;right:0;bottom:0;z-index:3;text-align: left;} 
.temp-flash img{width:100%;height:auto;max-width:489px}
.new-flash{float:right;}
@media(min-width:1850px){
    .new-flash{margin-bottom:-30px}   
}

.race .headinfo .text{line-height:22px}
.greenband{padding:10px 35px;background:#9dc73d;color:#fff; font-weight:700;font-size:30px;}
.apppanel{border-radius:6px;background:url(/images5/appbg1.png) left bottom no-repeat #000;padding:20px 20px 30px 50px;color:#fff;position: relative;margin:30px 0 50px;}
.apppanel h2{color:#fff;font-weight:700;font-size:24px}
.apppanel p{color:#fff}
.apppic{position: absolute;bottom:0;left:50px;}
.appinfo{display:inline-block;padding:0 110px 0 250px}
.applinks{display:block;font-size:12px;padding-top:5px;text-align:left;padding-left:250px}
.applinks a{margin:0 30px 0 0;color:#ccc;display:inline-block;text-decoration: none}
.applinks a img{margin-top:5px}

@media(max-width:1850px){
    .appinfo, .applinks{padding:0 0 0 250px;text-align:left;}
       .headinfo .appinfo p{padding-left:0}
}

@media(min-width:1024px) and (max-width:1600px){
    .videohold{width:100%;margin-left:0;}
    .apppanel{padding-bottom:350px;}
    .appinfo{padding:0 0 20px;}

    .applinks{text-align:center;padding-left:0;}
    .applinks a{margin:0 15px;}
    .apppic{left:50%;transform:translateX(-50%)}
}
@media(max-width:750px){
    .apppanel{padding:40px 20px 350px;}
    .appinfo{padding:30px 0 20px;text-align:center;}
    .applinks{text-align:center;padding-left:0;}
    .applinks a{margin:0 15px;}
    .apppic{left:50%;transform:translateX(-50%)}
    .quote-row{flex-direction: column;}
    .racequotes{margin:20px 0}
    .just-giving{max-width:100%}
    .greenband{text-align:center}
}

.fourcol.factsheets{padding-bottom:50px;}
.fourcol.factsheets .row{justify-content:center;gap:2%;}
.fourcol.factsheets .item{border:1px solid #ddd;width:32%;margin-bottom:20px;}
.fourcol.factsheets .item:hover{background:#f9f9f9}
.fourcol.factsheets h2{font-size:28px}
.fourcol.factsheets p{min-height:100px}
.fourcol.factsheets .btn{color:#000;padding:17px 20px;cursor:pointer; text-decoration:none;display:inline-block;margin-right:15px;font-weight:600; font-family: 'Raleway', sans-serif;letter-spacing:0.02em;background:#9dc73d;}
.fourcol.factsheets .btn:hover{background:#82A22F;color:#000;}

.charity-pic{
 max-width:600px;
    height:100px;
    vertical-align: top; margin-top:-30px;
}
.charity-pic img{height:100%;width:auto}

@media(max-width:929px){
    .charity-pic{margin-top:10px}  
}