/*
/////////////////////////////////
Generic Layout
/////////////////////////////////
*/

.cms-v3-same-height {
  
}

.ratio-6x4 {

}

.ratio-1x1 {
  
}

.full-height {
  height: 100%;

}

.cover-parent {

}

@media (min-width: 767px) {

  .flex-container {
      display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;  /* TWEENER - IE 10 */
      display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex;
  }

  .flex-col {
    flex: 0 1 auto;
  }

}

label, input, button, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.holder {
	max-width:1100px;
	text-align: left;
}
    
.centre {
	margin-left: auto;
	margin-right: auto;
}

.spacer {
    min-height: 20px;
}


.left {
	float: left;
}

.text-centre {
text-align: center;
}

.row {
	clear: both;      
}

.hide {
    display: none;
}

.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
    float: left;
    -moz-box-sizing: border-box;
    display: block;
    
}

.w1d, .w2d, .w3d, .w4d, .w5d, .w6d, .w7d, .w8d, .w9d, .w10d, .w11d, .w12d {
    float: left;
    -moz-box-sizing: border-box;
    display: block;
    
}


/*
/////////////////////////////////
Generic Spacers
/////////////////////////////////
*/

.s80 {
  padding:80px;
}

.s80t {
  padding-top:80px;
}

.s80b {
  padding-bottom:80px;
}

.s80l {
  padding-left:80px;
}

.s80r {
  padding-right:80px;
}

.s40 {
  padding:40px;
}


.s20 {
  padding:20px;
}


.s10 {
  padding:10px;
}

.s5 {
  padding:5px;
}

.s3 {
  padding:3px;
}

.s15 {
    padding:15px;
}
.s20l {
    padding-left: 20px;
}

.s20t {
    padding-top: 20px;
}

.s20b {
    padding-bottom: 20px;
}

.s30 {
    padding:30px;
}

.s6 {
  padding:3px;
}

.s1 {
    padding: 1px;
}

.s40lr {
    padding-left:40px;
    padding-right:40px;
}

.s0 {
    padding: 0px;
}

.s0t {
  padding-top: 0px;
}

.s0b {
    padding-bottom: 0px;
}

.s0l {
    padding-left: 0px;
}

.s0r {
    padding-right: 0px;
}

.s5t {
  padding-top: 5px;
}

.s5b {
    padding-bottom: 5px;
}

.s5l {
    padding-left: 5px;
}

.s5r {
    padding-right: 5px;
}

.s10t {
    padding-top: 10px;
}

.s10b {
    padding-bottom: 10px;
}

.s10l {
    padding-left: 10px;
}

.s10r {
    padding-right: 10px;
}

.s20t {
    padding-top: 20px;
}

.s20b {
    padding-bottom: 20px;
}

.s20l {
    padding-left: 20px;
}

.s20r {
    padding-right: 20px;
}

.s30t {
    padding-top: 30px;
}

.s30b {
    padding-bottom: 30px;
}

.s30l {
    padding-left: 30px;
}

.s30r {
    padding-right: 30px;
}

.s40t {
    padding-top: 40px;
}

.s40b {
    padding-bottom: 40px;
}

.s40l {
    padding-left: 40px;
}

.s40r {
    padding-right: 40px;
}

/*
/////////////////////////////////
Generic settings
/////////////////////////////////
*/

.show {
  border: 1px solid red;
}

img {
	border:0px;
	max-width: 100%;
}

.inline-block {
    display: inline;
}

.block {
    display: block;
}

input, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}

div, body, a, img, p, iframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
}

div, p {
  display: block;
}

a {
  text-decoration: none;
}

/*
/////////////////////////////////
Mobile
/////////////////////////////////
*/

@media (max-width: 767px) {

    input {
        -webkit-appearance: none;
    }
   .test {
    border: 1px solid red;
   }

  .vm {
    display: block;
  }
  
  .hm {
    display: none;
  }
  
  input[type='dropdown'],input[type='text'],input[type='number'],textarea
{
    font-size:16px;
}
  
  .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
      float: left;
      -moz-box-sizing: border-box;
      width:100%;
  }
  
  .w1m, .w2m, .w3m, .w4m, .w5m, .w6m, .w7m, .w8m, .w9m, .w10m, .w11m, .w12m {
      float: left;
      -moz-box-sizing: border-box;
  }
  
  .w1m {  
    width: 8.33%;
  }
  
  .w2m {  
    width: 16.66%;
  }
  
  .w3m {  
    width: 25%;
  }
  
  .w4m {
    width: 33.33%;
  }
  
  .w5m {
    width: 41.66%;
  }
  
  .w6m {
    width: 50%;
  }
  
  .w7m {
    width: 58.33%;
  }
  
  .w8m {
    width: 66.66%;
  }
  
  .w9m {
    width: 75%;
  }
  
  .w10m {
    width: 83.33%;
  }
  
  .w11m {
    width: 91.66%;
  }
  
  .w12m {
    width: 100%;
  }
  
  .s20m {
    padding: 20px;
  }

  .s10m {
    padding: 10px;
  }

  .s20m {
    padding: 20px;
  }

  .s0m {
    padding: 0px;
  }

  .s20tm {
    padding-top: 20px;
  }

  .s10tm {
    padding-top: 10px;
  }

  .s20tm {
    padding-top: 20px;
  }

  .s0tm {
    padding-top: 0px;
  }
  
  .s20bm {
    padding-bottom: 20px;
  }

  .s10bm {
    padding-bottom: 10px;
  }

  .s20bm {
    padding-bottom: 20px;
  }

  .s0bm {
    padding-bottom: 0px;
  }


  .s20lm {
    padding-left: 20px;
  }

  .s10lm {
    padding-left: 10px;
  }

  .s20lm {
    padding-left: 20px;
  }

  .s0lm {
    padding-left: 0px;
  }


  .s20rm {
    padding-right: 20px;
  }

  .s10rm {
    padding-right: 10px;
  }

  .s20rm {
    padding-right: 20px;
  }

  .s0rm {
    padding-right: 0px;
  }
}
/*
/////////////////////////////////
Tablets
/////////////////////////////////
*/

@media (max-width: 970px) and (min-width: 768px) {

    .w1t, .w2t, .w3t, .w4t, .w5t, .w6t, .w7t, .w8t, .w9t, .w10t, .w11t, .w12t {
        float: left;
        -moz-box-sizing: border-box;
    }

    .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {
        float: left;
        -moz-box-sizing: border-box;
    }

	.ht {
		display: none;
	}

    .vt {
        display: block;
    }

    .test {
        border: 1px solid orange;
    }

    .w1, .w1t {
        width: 8.33%;
    }

    .w2, .w2t {
        width: 16.66%;
    }

    .w3, .w3t {
        width: 25%;
    }

    .w4, .w4t {
        width: 33.33%;
    }

    .w5, .w5t {
        width: 41.66%;
    }

    .w6, .w6t {
        width: 50%;
    }

    .w7, .w7t {
        width: 58.33%;
    }

    .w8, .w8t {
        width: 66.66%;
    }

    .w9, .w9t {
        width: 75%;
    }

    .w10, .w10t {
        width: 83.33%;
    }

    .w11, .w11t {
        width: 91.66%;
    }

    .w12, .w12t {
        width: 100%;
    }
  
}


/*
/////////////////////////////////
Desktop
/////////////////////////////////
*/

@media (min-width: 970px) {

    .test {
        border: 1px solid green;
    }

	.hd {
		display: none;
	}
	
	.vm {
		  display: none;
	}
	
	.w1, .w1d {  
		width: 8.33%;
	}
	
	.w2, .w2d {  
		  width: 16.66%;
	}
	
	.w3, .w3d {  
		width: 25%;
	}
	
	.w4, .w4d {
		  width: 33.33%;
	}
	
	.w5, .w5d {
		width: 41.66%;
	}
	
	.w6, .w6d {
		  width: 50%;
	}
	
	.w7, .w7d {
		width: 58.33%;
	}
	
	.w8, .w8d {
		  width: 66.66%;
	}
	
	.w9, .w9d {
		width: 75%;
	}
	
	.w10, .w10d {
		  width: 83.33%;
	}
	
	.w11, .w11d {
		width: 91.66%;
	}
	
	.w12, .w12d {
		width: 100%;
	}

}

@media \0screen\,screen\9 {
	
	.hd {
		  display: none;
	}
	
	.vm {
		display: none;
	}
	
	input {
		min-width: 0% !important;
		box-sizing: border-box;
	}
	
	.w1, .w1d {
		width: 8.33%;
	}
	
	.w2, .w2d {
		width: 16.66%;
	}
	
	.w3, .w3d {
		width: 25%;
	}
	
	.w4, .w4d {
		width: 33.33%;
	}
	
	.w5, .w5d {
		width: 41.66%;
	}
	
	.w6, .w6d {
		width: 50%;
	}
	
	.w7, .w7d {
		width: 58.33%;
	}
	
	.w8, .w8d {
		width: 66.66%;
	}
	
	.w9, .w9d {
		width: 75%;
	}
	
	.w10, .w10d {
		width: 83.33%;
	}
	
	.w11, .w11d {
		width: 91.66%;
	}
	
	.w12, .w12d {
		width: 100%;
	}

} /*media*/



.right {
    float: right;
}