@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,600,700,");
body, html, p{color:#333333; line-height:1.7em;}



section{padding: 50px 0; 	}

/*.row{margin:40px 0 !important;}

*/

.section{background:url(http://info.intercity.co.nz/rs/625-BTD-327/images/inct0418_footer-wide-divider.jpg) no-repeat top center;}

.hero-section{padding:0 !important; }



.starter-template {

 /* padding: 40px 15px;*/

  text-align: center;

}



body{ font-family: 'Dosis', Arial, Tahoma; color:#333333; font-weight:400;}/*color:#333333;}*/

h1, h2, h3, h4, h5, h6{font-family: 'Dosis', Arial, Tahoma; color:#282544; font-weight:700;  }

.typography h1 {

    color: #282544;

    font-size: 28px;

    margin: 0 0 18px 0;

    line-height: 34px;
	
	font-weight:700; }

  .typography h2 {

    font-size: 28px;

    line-height: 30px;

    color: #282544; }

  .typography h3 {

    font-size: 19px;

    color: #282544;

    font-weight: 700; }

  .typography h4 {

    color: #282544;

    font-size: 14px;

    margin: 0 0 2px 0; }

    .typography h4 a {

      text-decoration: none; }

      .typography h4 a:hover {

        color: #649050; }

.title{font-weight:600;}

a {

    color: #649050;

    color: #649050;

}

 a:hover {

    color: #0282d7;

}

img.hero-img{width:100%;}
#mkto_gen_heroImg {
    display: block;
}
img#heroImg {
    width: 100%;
    height: auto;
}



.homepageTiles .content-box > div.details p.content-box-tagline a {

    color: #282544;

    font-weight: 400;

}

#Header {

  width: 100%;

  /*	height:125px;*/

  background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/ETG-LP-201907_ETG-header-dark-to-white.jpg") repeat-y 0 0/100%;

  background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/ETG-LP-201907_ETG-header-dark-to-white.jpg") repeat-y 0 0 \9; }

 #Header {

    width: 100%;

    /* height: 125px; */

    background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/ETG-LP-201907_ETG-header-dark-to-white.jpg") repeat-y 0 0/100%;

    background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/ETG-LP-201907_ETG-header-dark-to-white.jpg") repeat-y 0 0 \9;

}



	#Header .headerBranding {

    background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/ETG-LP-201907_ETG-header-background") no-repeat -35% 0;

    height: 125px;

    width: 100%;

    max-width: 1031px;

    margin: 0 auto;
		
	background-color: #282544;

}

    #Header .headerBranding a {

      /*for logo*/

      float: left;

      width: 225px;

      margin-top: 28px; }

    #Header .headerBranding h2 { font-weight:700;

      float: right;

      margin-top: 28px;

      line-height: 62px; }



_::-moz-svg-foreign-content, :root #Header {

  background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/ETG-LP-201907_ETG-header-background") repeat-y; }



/*USUALLY ALWAYS blue*/



.read-more-btn, .read-more-btn2 {

  position: absolute;

  right: 342px;

  bottom: 13px;

  z-index: 50;

  text-align: center;

  padding-top: 4px;

  color: #0099ff;

  width: 133px;

  height: 25px;

  font-size: 14px;

  padding-right: 23px;

  background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/inct0418_blue-more-btn.png") no-repeat 100% 8px; }



.read-more-btn2 {

  position: static;

  width: 161px !important;

  margin-right: 10px;

  text-align: center;

  padding-top: 3px; }

  .read-more-btn2 a {

    color: white !important; }



.read-more-btn:hover, .read-more-btn2:hover {

  color: #e3d765; }



.read-more-btn:hover {

  cursor: pointer; }

 

 object{margin-top:30px !important;}

 /*HAS BEEN POSITIONED RELATIVE TO SLIDER PTAG*/

.green-btn {

display: inline-block;

 /*height: 33px;*/

 padding: 15px 20px;

 color: white !important;

 text-align: center;

 text-decoration:none !important;

 font-weight: 600;

 font-size: 14px;

 border-radius: 5px;

 background: #649050;

  /* Old browsers */

 background: -moz-linear-gradient(top, #649050 0%, #649050 100%);

  /* FF3.6+ */

 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #649050), color-stop(100%, #649050));

  /* Chrome,Safari4+ */

 background: -webkit-linear-gradient(top, #649050 0%, #649050 100%);

  /* Chrome10+,Safari5.1+ */

 background: -o-linear-gradient(top, #649050 0%, #649050 100%);

  /* Opera 11.10+ */

 background: -ms-linear-gradient(top, #649050 0%, #649050 100%);

  /* IE10+ */

 background: linear-gradient(to bottom, #649050 0%, #649050 100%);

  /* W3C */

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#649050', endColorstr='#649050',GradientType=0 );

  /* IE6-9 */

 font-weight: 400 !important;

 line-height: 9px;

 width: auto;

margin-left: auto;

    margin-right:auto;

margin-top: 30px;

}



.content{padding:0 30px;}

.image-area{ width:100%; margin:30px 0;}

.image-area img{width:100%;}



.green-btn:hover{ background:#649050; cursor:pointer; color: #e3d765 !important; text-decoration:none;}
.lastbtn{margin-top:0px;}

.grey-btn {

  display:block;

  width: 55%;

  height: 25px;

  padding-top: 2px;

  background-color: #5B5B5B;

  border: 1px solid #333333;

  color: white !important;

  text-align: center;

  font-weight: 600;

  font-size: 13px;

  border-radius: 3px;

  -moz-border-radius: 3px;

  margin:20px 0;

  text-decoration:none;

  background-image: linear-gradient(bottom, #444446 90%, #5b5b5b 96%);

  background-image: -o-linear-gradient(bottom, #444446 90%, #5b5b5b 96%);

  background-image: -moz-linear-gradient(bottom, #444446 90%, #5b5b5b 96%);

  background-image: -webkit-linear-gradient(bottom, #444446 90%, #5b5b5b 96%);

  background-image: -ms-linear-gradient(bottom, #444446 90%, #5b5b5b 96%);

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.9, #444446), color-stop(0.96, #5b5b5b)); }



.grey-btn:hover {

  cursor: pointer;

  background-image: linear-gradient(bottom, #5b5b5b 0%, #444446 28%);

  background-image: -o-linear-gradient(bottom, #5b5b5b 0%, #444446 28%);

  background-image: -moz-linear-gradient(bottom, #5b5b5b 0%, #444446 28%);

  background-image: -webkit-linear-gradient(bottom, #5b5b5b 0%, #444446 28%);

  background-image: -ms-linear-gradient(bottom, #5b5b5b 0%, #444446 28%);

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5b5b5b), color-stop(0.28, #444446)); }



/* style can be added to buttons not in forms */

.pink-btn {

  color: #FFFFFF;

  border: 1px solid #8f056d;

  padding: 2px 16px 2px 16px;

  height: 29px;

  width: 90px;

  border-radius: 5px;

  background-color: #F85E2F;

  margin: 15px 6px 10px 0;

  font-family: "omnes-pro",calibri,sans-serif;

  font-size: 14px;

  background: #ce44ab;

  /* Old browsers */

  background: -moz-linear-gradient(top, #ce44ab 0%, #c20192 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ce44ab), color-stop(100%, #c20192));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ce44ab 0%, #c20192 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ce44ab 0%, #c20192 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ce44ab 0%, #c20192 100%);

  /* IE10+ */

  background: linear-gradient(to bottom, #ce44ab 0%, #c20192 100%);

  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce44ab', endColorstr='#c20192',GradientType=0 );

  /* IE6-9 */ }

  .pink-btn a {

    color: #ffffff !important; }

  .pink-btn:hover {

    background: #8f056d;

    color: #FFFFFF;

    cursor: pointer !important; }



.intext-link {

  color: #0c97c4; }

  

  /* search form */

  .SearchForm {

    padding: 15px;

    background: white;

    background: rgba(255, 255, 255, 0.98);

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

    border: 1px solid #dcdbdb;

    border-radius: 0px;

}

#Sidebar .ui-tabs .ui-widget-content {

    padding: 15px;

    color: #333333;

    box-shadow: 1px 0 9px 4px #F7F4F4 inset;

    -moz-box-shadow: 1px 0 9px 4px #F7F4F4 inset;

    -webkit-box-shadow: 1px 0 9px 4px #F7F4F4 inset;

    border-bottom: 3px solid #282544;

}



.green-block{

	background: #282544;

    border: 1px solid #d7dcdd;

    padding: 10px 20px;

    margin-top: 28px;

}

.text-white{color:#fff !important;}



#navigation{ background: linear-gradient(to right,  #282544 0%,#282544 50%,#ffffff 50%,#ffffff 100%); }

footer a{color:#e3d765;}

.footer-widget{background:url(inct0418_footer-wide-divider.jpg) no-repeat top center; padding-top:20px; padding-bottom:20px;}

.footer-bottom{background:url(inct0418_footer-wide-divider.jpg) no-repeat top center; padding-top:20px;}

footer a:hover{color:#a7ac39;}

footer ul {    padding: 0 !important; margin-bottom:0;}

footer ul li{list-style:none;   }

footer ul  li a, footer ul  li a:hover{text-decoration:none; font-size:13px;     font-weight: 400;line-height: 30px;}

.vertical-ul li{display:inline-block; }

.bottom-nav li a{border-right:#999 1px solid; padding:0 10px;}

.bottom-nav li.last a{border-right:0;}

.border_line { 

background:url(inct0418_footer-wide-divider.jpg);

width: 100%;

    height: 1px;

    background-repeat: no-repeat;

    background-position: center;

margin-bottom:21px;

margin-top:21px;

  /*  margin: 21px 0;

    height: 1px;

	width:100%;

    background: #999;

    background: -webkit-gradient(linear, 0 0, 50% 0, from(white), to(white), color-stop(20%, #999));*/

}

.social-media{text-align:right !important;}

.social-media img{width:20px; margin-right:10px;    margin-top: 100%;}

.copyright{font-size:13px;}

.footer-bottom { margin-bottom: 21px; }

.nopad.col-lg-4.col-md-4.col-sm-12{ padding:0 !important;}

@media screen and (min-width:1023px){.hide-on-mobile{display:block;}.hide-on-desktop{display:none;}}

@media screen and (max-width:1024px){.hide-on-mobile{display: none;} .hide-on-desktop{display:block;}  }



	

@media only screen and (max-device-width: 1024px) and (min-device-width: 0px), screen and (max-width: 1024px) and (min-width: 0px){

	 #Header {

    margin-bottom: 15px;height: 58px;

      max-height: 39px;

      width: 100%;

      margin: 0;

      float: right;

       }

	   #Header #Navigation {

    background: #282544;

    padding: 0;

    border: 0px;

	width:100%;

	height:40px;



  background: #f6f9f6;

  /* Old browsers */

  background: -moz-linear-gradient(top, #f6f9f6 0%, #f6f9f6 47%, #ecedea 56%, #ecedea 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f9f6), color-stop(47%, #f6f9f6), color-stop(56%, #ecedea), color-stop(100%, #ecedea));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f6f9f6 0%, #f6f9f6 47%, #ecedea 56%, #ecedea 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f6f9f6 0%, #f6f9f6 47%, #ecedea 56%, #ecedea 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f6f9f6 0%, #f6f9f6 47%, #ecedea 56%, #ecedea 100%);

  /* IE10+ */

  background: linear-gradient(to bottom, #f6f9f6 0%, #f6f9f6 47%, #ecedea 56%, #ecedea 100%);

  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f9f6', endColorstr='#ecedea',GradientType=0 );

  /* IE6-9 */

  border: 1px solid #d7dcdd; }

    #Header .mobile-only {

      display: block;

      z-index: 20000;

      width: 40px;

      height: 40px;

      position: absolute;

      left: 0;

      top: 0;

      color: #ffffff;

      font-weight: bold;

      font-size: 20px;

      padding: 8px; }

    #Header .headerBranding {

      height: 58px;

      max-height: 39px;

      width: 85%;

      margin: 0;

      float: right;

      background: url("http://info.intercity.co.nz/rs/625-BTD-327/images/ETG-LP-201907_ETG-header-background") no-repeat scroll 100% 0/88% auto rgba(0, 0, 0, 0); }

      #Header .headerBranding a {

        margin-top: 0;

        width: 115px;

        margin-left: 22%; }

        #Header .headerBranding a img {

          width: 108px;

          padding-top: 4px; }

      #Header .headerBranding h2 {

        display: none; }

    #Header #Navigation {

      background: #282544;

      padding: 0;

      border: 0px;

      /*float:left; width:12%;*/ }

	.title{    font-size: 26px !important; line-height:21px !important;   }

	object{height:200px !important;}

.footer-content-mobile {

    display: block;

    background: #282544;

    height: 43px;

	text-align:center;

}

.footer-content-mobile div {

    /* float: left;

    width: 48.6%; */

    width: 32.5%;

    text-align: center;

	margin:auto;

}

.footer-content-mobile div a {

    display: block;

    color: #ffffff;

}

.footer-content-mobile > img {

    float: left; width: auto;

}

.footer-content-mobile div img {

    display: block;

    margin: 0 auto;

    padding-top: 7px;

}

    .green-btn{margin-top:5px;}

    

}



/*VIDEO EMBED STYLES*/



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

.videowrap{width:100%;padding:15px 0px;}

.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}

.video-container iframe, .video-container object, .video-container embed 

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

}

@media only screen and (max-width:767px) {
	
	.videowrap{margin:0 auto;}

	
}



@media only screen and (min-width:768px) {

.videowrap{width:80%; max-width:720px;margin:0 auto;}

}



.mktoForm{width: 88% !important;

    margin: auto;}

.mktoForm .mktoLabel{float:none !important; display:block;}	

.mktoForm .mktoGutter{height:0.5em !important;}

.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p{width:100%;}

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField{float:none !important; display:block;    width: 100% !important;  padding: 7px;    border-radius: 3px;  border: 1px solid #c1c1c1;

}



/*--------form code-------*/

.mktoForm{width:85% !important; margin:auto !important;  font-family: "omnes-pro",calibri,sans-serif !important; font-size:14px !important; font-weight:400 !important;    color: #333333!important;

}

.mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap{ float:none !important; width:100% !important;}

.mktoForm .mktoLabel {

    float: none !important;

    display: inline-block !important;

    white-space: nowrap;

    width: auto !important;  font-family: "omnes-pro",calibri,sans-serif !important; font-size:14px !important; font-weight:400 !important;}

.mktoForm .mktoGutter{ float:none !important; height:0 !important;}

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField{width: 100% !important;     padding: 6px 20px !important;     margin: 3px 5px !important;    border-radius: 1px;     border: 1px solid #ccc; margin-bottom:15px !important; }


 .mktoButtonRow {

    margin: auto !important;

    text-align: center !important;

}

span.mktoButtonWrap {

    margin-left: 0 !important;

}

.mktoLogicalField.mktoCheckboxList.mktoHasWidth {

    float: none !important;

    width: auto !important;

}

.mktoAsterix {

    float: right !important;

    width: auto !important;

}

.mktoForm button.mktoButton{ border: 0;    color: #fff;    padding: 6px 30px;    border-radius: 5px;background: #282544;
    background: -moz-linear-gradient(top, #282544 0%, #282544 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #282544), color-stop(100%, #282544));
    background: -webkit-linear-gradient(top, #282544 0%, #282544 100%);
    background: -o-linear-gradient(top, #282544 0%, #282544 100%);
    background: -ms-linear-gradient(top, #282544 0%, #282544 100%);
    background: linear-gradient(to bottom, #282544 0%, #282544 100%); }

.mktoForm button.mktoButton:hover{background: #282544;
    cursor: pointer;
    color: white !important;
    text-decoration: none;}

.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList{display:inline-flex !important; float: none !important; 

    width: auto !important;}

	.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label{white-space:nowrap !important;  font-family: "omnes-pro",calibri,sans-serif !important; font-size:14px !important; font-weight:400 !important;}

.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label{margin-left:0.5em !important; margin-right:2em !important; margin-top:0 !important;}



@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px){

	.mktoForm{width:100% !important;}

	.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField{margin:0px !important;}

	.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList{display:block !important;}

	.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label{padding-left:15px !important;}

	}