/* test page styling */



.controls {
    overflow: hidden;
    margin: 60px 0 30px 0;
}

.controls .checkbox {
    float: left;
    font-size: 13px;
    color: #ddd;
    margin: 5px 20px 5px 0;
}

.btn-remove,
.btn-hidden {
    margin: -8px 20px 0 20px;
    line-height: 1;
    border: 0;
    background: #ddd;
    color: #555;
    padding: 7px 10px;
}

/* test items */

.items-container,
.data-test-items,
.target-items {
    overflow: hidden;
    /*margin: 0 -1%;*/
}

.item {
    display: block;
    float: left;
    width: 31%;

	margin:10px;
}

.item.Contact {
    display: block;
    float: left;
    width: 47.9%;

	margin:15px 10px 30px 10px;
}

.item .whiteContentBoxTeam {    background-color: transparent !important;}




.item-0 { background: #fff; border-color: #fff !important; }
.item-1 { background: #fff; border-color: #fff !important; }
.item-2 { background: #fff; border-color: #fff !important; }
.item-3 { background: #fff; border-color: #fff !important; }
.item-4 { background: #fff; border-color: #fff !important; }
.item-5 { background: #fff; border-color: #fff !important; }
.item-6 { background: #fff; border-color: #fff !important; }
.item-7 { background: #fff; border-color: #fff !important; }
.item-8 { background: #fff; border-color: #fff !important; }
.item-9 { background: #fff; border-color: #fff !important; }
.item-10 { background: #fff; border-color: #fff !important; }
.item-11 { background: #fff; border-color: #fff !important; }

.item img {
    display: block;
    max-width: 100%;
}

.item p:last-child {
    margin-bottom: 0;
}

.items-container.big-items .item {
    width: 48%;
}

/* test margins */

.test-margin .item {
    margin: 1%;
}

/* test a mix of padding amounts */

.test-padding .item {
    padding: 20px;
}

.test-padding .item-5 {
    padding: 30px;
}

.test-padding .item-6 {
    padding: 40px;
}

.test-padding .item-7 {
    padding: 50px;
}

/* test a mix of border widths */


/* test border-box */

.test-border-box .item {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

/* test fixed height items */

.items-container.fixed-items .item-0 {
    height: 150px;
}

.items-container.fixed-items .item-1 {
    height: 190px;
}

.items-container.fixed-items .item-2 {
    height: 230px;
}

.items-container.fixed-items .item-3 {
    height: 250px;
}

/* test target */

.target-items .item {
    overflow-y: auto;
}

/* test responsive */

@media only screen and (max-width: 1024px) {
   .item {
        width: 47%;
    }
	.item.Contact{
        width: 99%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 800px) {
     .item {
        width: 99%;
        margin-left: 0;
        margin-right: 0;
    }
	.item.Contact{
        width: 99%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* test hidden */

.test-hidden .hidden-items > .item-0,
.test-hidden .hidden-items > .item-2 {
    display: none;
}

.test-hidden .hidden-items > .item-1,
.test-hidden .hidden-items > .item-3 {
    visibility: hidden;
}

.test-hidden .hidden-items .items-container {
    display: none;
}

.hidden-items .items-container .item {
    width: 48%;
}

/* test inline-block */

.inline-block-items {
    text-align: center;
}

.inline-block-items .item {
    display: inline-block;
    vertical-align: top;
    /*width: 20%;*/
    float: none;
}

/* test inline-flex */

.inline-flex-items {
    text-align: center;
}

.inline-flex-items .item {
    display: inline-flex;
    vertical-align: top;
    float: none;
}