/*start*/
body *{
    max-width: 100%;
}

.ipadimage img {
  position: absolute;
  bottom: 0;
  right: -30px;
}

.mobile-container {
  max-width: 50%;
}

form > * {
  margin: 0 0 5px;
}
input[type="image"] {
  max-width: 100%;
  width: 250px;
}
/*after-before-format*/
body:before,.after-before{content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: inline-block; margin: auto;}
body:before{
  width: 100%;
  height: 20px;
  bottom: auto;
  background: #005A75;
  position: fixed;
}
body {
    background:url(images/cbi-referandwin-backing.jpg) top center no-repeat;
    margin: 0;
    padding: 0;
    background-attachment: fixed;
}

.footercontainer,.textcontainer {
    width: 700px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    padding: 0 30px;
    height: 100%;
    overflow: hidden;
}

.heading {
    float: left;
    max-width: 45%;
}

form {
  width: 250px;
  max-width: 45%;
}
.ipadimage {
    float: right;
    width: 55%;
    min-height: 525px;
    position: relative;
}

p {
    font-family:'Roboto', Arial, sans-serif;
    font-size:14px;
    color:#545454;
    /* padding-left:20px; */
}

h1 {
    font-family:'Roboto', Arial, sans-serif;
    font-size:18px;
    color:#000000;
    /* padding-left:20px; */
}

.footer {
    width:100%;
    background-color:#002d42;
    clear:both;
    margin:0 0;
    /* height:200px; */
}

.footercontainer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.footercontainer > * {
    float:left;
    width:50%;
}

.footertextsection2 {
  float: right;
}

.footertextsectionright {
    float:left;
}

.footertext {
    font-family:'Roboto', Arial, sans-serif;
    font-size:12px;
    color:#ffffff;
    /* padding-left:20px; */
}

.footerterms {
    font-family:'Roboto', Arial, sans-serif;
    font-size:9px;
    color:#ffffff;
    /* padding-left:20px; */
}

.required {
    color: red;
}

.inputfieldreferral {
    border:#ffffff thin solid;
    background-color:#005975;
    width:250px;
    height:30px;
    padding-left:10px;
    color:#d0d1d2;
}

form > img,.inputfieldstandard {
    border:#c1c0c0 thin solid;
    height:30px;
    padding-left:10px;
    color:#545454;
}

form [name] {
  width: 100%;
}

form > br {
  display: none;
}

[name="captcha"],form > img {
  max-width: 125px;
  width: 50%;
}

.control {
  width: 250px;
  max-width: 100%;
}
/*______________________started general*/
* {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;

box-sizing: border-box;         /* Opera/IE 8+ */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
-o-box-sizing: border-box;
}
::selection {
    background-color: #FFD7BE;
}:focus {
     outline-color: #FFF !important;
     outline: none !important;
}.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}.vhc {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   padding: 0;
}.prelative {
position: relative;
min-height: 100px;
}.mt10 {
     margin-top: 10px;
}.mt20 {
margin-top: 20px;
}.mb10 {
margin-bottom: 10px;
}.mb20 {
    margin-bottom: 20px;
}
/*ul-fotmat*/.ul-format{list-style: none;margin: 0;}
.transits{
    transition: all 0.5s;
    -webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.transits-little{
    transition: all 0.3s;
    -webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.rotate180{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.rotate360 {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
/*blog-format*/
.col-full{display: inline-block;width: 100%;margin-bottom: 20px;overflow: hidden;}.col1,.col2{}
.col1{float: left;width: 35%;}
.col2{float: right;width: 65%;}:not(form) .col2 > *{margin-left: 20px;}
/*form-format*/
[name="captcha"],form>img,form .col1,form .col2{width: 49% !important;}
form>img,form .col1{float: left;}
[name="captcha"],form .col2{float: right;}
/*______________________end general*/
/*______custom css_____*/
@media screen and (max-width: 700px) {
  .footercontainer, .textcontainer{
  padding: 0 15px;
}
.footercontainer {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ipadimage img{
  top: 0;
}
}
@media screen and (max-width: 600px) {
.text-container{
  clear: both;
}

.ipadimage img {
  position: static;
}

.ipadimage {
  min-height: auto;
}
h1 {
  font-size: 130%;
}
.footercontainer > *,input[type="image"], [name="captcha"], form > img, .control, form {
  width: 100%;
  max-width: 100%;
}
}
@media screen and (max-width: 400px) {
h1 {
  font-size: 105%;
}
}
@media screen and (max-width: 300px) {
.ipadimage,.heading {
  max-width: 100%;
  float: none;
}

h1 {
  font-size: 14px;
}
}
/*end*/