﻿.flip-icon {
  width:50px;
  height: 50px;
  background-image: url("/_images/horse/icons/iconFlippy.png");
  background-repeat: no-repeat;
}
.flip-icon.perspective { background-position: 0 -50px;}
.flip-icon.polls { background-position: 0 -100px;}
.flip-icon.roofcam { background-position: 0 -150px;}
.flip-icon.reviews { background-position: 0 -200px;}
.flip-icon.repair { background-position: 0 -250px;}
.flip-icon.rental { background-position: 0 -300px;}
.flip-icon.IDsmart { background-position: 0 -350px;}
.flip-icon.open {
  background-position: 0 0;
  width:25px;
  height: 24px;
  background-image: url("/_images/horse/icons/iconFlippyOpen.png");
}
.flip-icon.visible-width-1 {display:none;}
.flip-box.width-1 .flip-icon.visible-width-1 {display:block;}

.flip-panel {
	border-top: 1px dotted #4c3f2e;
	border-bottom: 1px dotted #4c3f2e;
  	padding:30px 30px 30px 20px;
}  

.flip-box>.content {
    background-color:#82796f;
	position:absolute;
  	height: 100%;
  	width: 100%;
	background-size:100%;
}
.flip-box>.content.flipReviews {
	background-color:#fff;
	border-right: 1px solid #e7832d;
	border-left: 1px solid #e7832d;
}
.flip-box h2, .flip-box h3 {
	color: white;
	font-size:20px;
	text-transform:uppercase;
	margin:0px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	font-family:"franklin-gothic-urw-cond", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.flip-box .middle-text {
  	text-align: right;
    position: absolute;  
    display: block;  
  	right:0px;
    width: 80%;  
  	padding-right:10px;
    top: 50%;  
    -webkit-transform: translate(0, -50%);  
    -moz-transform: translate(0, -50%);  
    -ms-transform: translate(0, -50%);  
    -o-transform: translate(0, -50%);  
    transform: translate(0, -50%);  
}
.flip-box .middle-text .flip-icon {float:right;}
.flip-box .middle-text h2, .flip-box .middle-text h3 { 
  	width:100%; 
  	display:block; 
  	clear:both;
  	margin:0;
  	padding: 10px 0 10px 0;
}

.flip-box .bottom-text {  
    position: absolute;  
    display: block;  
	height:32px;
  	width:100%;
  	background-color: rgba(130,121,111,.7);
  	bottom: 0px;
    padding:5px 0 0 10px;
}
.flip-box .bottom-text .flip-icon {
  position:absolute;
  right:5px;
  top: 5px;
}
.flip-box .bottom-text.open {
  background-image: url("/_images/horse/icons/iconFlippyOpen.png");
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: right bottom;
}
/***** hover actions and color sets 10/15 *****/
.flip-icon {
    -webkit-filter: drop-shadow(1px 1px 1px #888);
    filter: drop-shadow(1px 1px 1px #888);
}
.flip-box.width-1>.content:before {
	content:" ";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:red;
    opacity: 0;
    transition: opacity 300ms;
}
.flip-box.width-1>.content:hover:before {
	opacity:1;
}
.flip-box .bottom-text {
    transition: background-color 300ms, height 300ms, box-shadow 300ms;
}
.flip-box a:hover .bottom-text {
    height:64px;
	box-shadow:0 -1px 1px rgba(0,0,0,0.5);
}

.autumn .flip-box>.content {
	background: #cb8c1f; /* Old browsers */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  #cb8c1f 0%, #861200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb8c1f), color-stop(100%,#861200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cb8c1f 0%,#861200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cb8c1f 0%,#861200 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cb8c1f 0%,#861200 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cb8c1f 0%,#861200 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb8c1f', endColorstr='#861200',GradientType=0 ); /* IE6-8 */
	background-size:100%;
}
.autumn .flip-box .bottom-text {
	background-color:rgba(203,140,31,0.75);
}
.autumn a:hover .bottom-text {
	background-color:rgba(203,140,31,1);
}

.autumn .flip-box.width-1>.content:before {
    background-color: #861200;
}
.autumn2 .flip-box>.content {
	background-color: rgb(107,60,97);
	background-image: -moz-linear-gradient(top,  rgb(107,60,97) 0%, rgb(204,106,53) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(107,60,97)), color-stop(100%,rgb(204,106,53)));
	background-image: -webkit-linear-gradient(top,  rgb(107,60,97) 0%,rgb(204,106,53) 100%);
	background-image: -o-linear-gradient(top,  rgb(107,60,97) 0%,rgb(204,106,53) 100%);
	background-image: -ms-linear-gradient(top,  rgb(107,60,97) 0%,rgb(204,106,53) 100%);
	background-image: linear-gradient(to bottom,  rgb(107,60,97) 0%,rgb(204,106,53) 100%);
}
.autumn2 .flip-box .bottom-text {
	background-color:rgba(221,150,0,0.75);
}
.autumn2 a:hover .bottom-text {
	background-color:rgba(221,150,0,1);
}
.autumn2 .flip-box.width-1>.content:before {
	background-color:rgb(107,60,97);
}

.seaHawks .flip-box>.content {
	background: #7bc333; /* Old browsers */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  #7bc333 0%, #002a5c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc333), color-stop(100%,#002a5c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7bc333 0%,#002a5c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7bc333 0%,#002a5c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7bc333 0%,#002a5c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7bc333 0%,#002a5c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bc333', endColorstr='#002a5c',GradientType=0 ); /* IE6-8 */
	background-size:100%;
}
.seaHawks .flip-box .bottom-text {
	background-color:rgba(0,42,92,0.75);
}
.seaHawks a:hover .bottom-text {
	background-color:rgba(0,42,92,1);
}
.seaHawks .flip-box.width-1>.content:before {
	background-color:#7bc333;
}

.blueOnBlue .flip-box>.content {
	background: #3e7898;
	background-size:100%;
}
.blueOnBlue .flip-box .bottom-text {
	background-color:rgba(23,57,76,0.75);
}
.blueOnBlue a:hover .bottom-text {
	background-color:rgba(23,57,76,1);
}
.blueOnBlue .flip-box.width-1>.content:before {
	background-color:rgb(23,57,76);
}

.blueOnBlue2 .flip-box>.content {
	background: #3e7898; /* Old browsers */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  #3e7898 0%, #a2cde5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e7898), color-stop(100%,#a2cde5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3e7898 0%,#a2cde5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3e7898 0%,#a2cde5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3e7898 0%,#a2cde5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3e7898 0%,#a2cde5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7898', endColorstr='#a2cde5',GradientType=0 ); /* IE6-8 */
	background-size:100%;
}
.blueOnBlue2 .flip-box .bottom-text {
	background-color:rgba(62,120,152,0.75);
}
.blueOnBlue2 a:hover .bottom-text {
	background-color:rgba(62,120,152,1);
}
.blueOnBlue2 .flip-box.width-1>.content:before {
	background-color:#3e7898;
}
@media screen and (max-width:991px) {
	.flip-panel {
  		padding:15px 15px 11px 8px;
	}
	.flip-box .middle-text {
		width:90%;
	}
	.flip-box h2, .flip-box h3 {
		font-size:18px;
		margin-top:3px;
	}
}
@media screen and (max-width:767px) {
	.flip-box h2, .flip-box h3 {
		font-size:16px;
		margin-top:5px;
	}
	.flip-panel {
  		padding:10px 10px 10px 5px;
	}
}
  
/* generated by /testpages/flippy-css - do not edit below this line */
   
  
.flip-box {  
    float: left;  
    position: relative;  
    cursor: default;  
    overflow: hidden;  
    background-repeat: no-repeat;  
    background-size: cover;  
    background-position: center;  
    height: 0;  
    margin-left: 1.0869565217391303%;  
    margin-bottom: 1.0869565217391303%;  
}  
  
.flip-box.group {  
    margin-left:0;  
}
  
     
.flip-box.width-1 { width: 15.579710144927537%; }    
.flip-box.width-2 { width: 32.2463768115942%; }    
.flip-box.width-3 { width: 48.91304347826087%; }    
.flip-box.width-4 { width: 65.57971014492754%; }    
.flip-box.width-5 { width: 82.2463768115942%; }    
.flip-box.width-6 { width: 98.91304347826087%; }    
    
.flip-box.group.width-1 { width: 16.666666666666668%; }    
.flip-box.group.width-2 { width: 33.333333333333336%; }    
.flip-box.group.width-3 { width: 50%; }    
.flip-box.group.width-4 { width: 66.66666666666667%; }    
.flip-box.group.width-5 { width: 83.33333333333333%; }    
.flip-box.group.width-6 { width: 100%; }    
    
.flip-box.height-1 { padding-bottom: 15.579710144927537%; }    
.flip-box.height-2 { padding-bottom: 32.2463768115942%; }    
.flip-box.height-3 { padding-bottom: 48.91304347826087%; }    
.flip-box.height-4 { padding-bottom: 65.57971014492754%; }    
.flip-box.height-5 { padding-bottom: 82.2463768115942%; }    
.flip-box.height-6 { padding-bottom: 98.91304347826087%; }    
    
.flip-box.width-1>.width-1 { width: 93.47826086956522%; margin-left:6.976744186046512%; margin-bottom:6.976744186046512%; }    
.flip-box.width-2>.width-1 { width: 46.73913043478261%; margin-left:3.3707865168539324%; margin-bottom:3.3707865168539324%; }    
.flip-box.width-2>.width-2 { width: 96.73913043478261%; margin-left:3.3707865168539324%; margin-bottom:3.3707865168539324%; }    
.flip-box.width-3>.width-1 { width: 31.159420289855074%; margin-left:2.2222222222222223%; margin-bottom:2.2222222222222223%; }    
.flip-box.width-3>.width-2 { width: 63.768115942028984%; margin-left:2.2222222222222223%; margin-bottom:2.2222222222222223%; }    
.flip-box.width-3>.width-3 { width: 100%; margin-left:2.2222222222222223%; margin-bottom:2.2222222222222223%; }    
.flip-box.width-4>.width-1 { width: 23.369565217391304%; margin-left:1.6574585635359115%; margin-bottom:1.6574585635359115%; }    
.flip-box.width-4>.width-2 { width: 47.55434782608695%; margin-left:1.6574585635359115%; margin-bottom:1.6574585635359115%; }    
.flip-box.width-4>.width-3 { width: 74.18478260869564%; margin-left:1.6574585635359115%; margin-bottom:1.6574585635359115%; }    
.flip-box.width-4>.width-4 { width: 101.63043478260869%; margin-left:1.6574585635359115%; margin-bottom:1.6574585635359115%; }    
.flip-box.width-5>.width-1 { width: 18.695652173913043%; margin-left:1.3215859030837002%; margin-bottom:1.3215859030837002%; }    
.flip-box.width-5>.width-2 { width: 37.91304347826087%; margin-left:1.3215859030837002%; margin-bottom:1.3215859030837002%; }    
.flip-box.width-5>.width-3 { width: 58.95652173913043%; margin-left:1.3215859030837002%; margin-bottom:1.3215859030837002%; }    
.flip-box.width-5>.width-4 { width: 80.52173913043478%; margin-left:1.3215859030837002%; margin-bottom:1.3215859030837002%; }    
.flip-box.width-5>.width-5 { width: 102.6086956521739%; margin-left:1.3215859030837002%; margin-bottom:1.3215859030837002%; }    
.flip-box.width-6>.width-1 { width: 15.579710144927537%; margin-left:1.098901098901099%; margin-bottom:1.098901098901099%; }    
.flip-box.width-6>.width-2 { width: 31.52173913043478%; margin-left:1.098901098901099%; margin-bottom:1.098901098901099%; }    
.flip-box.width-6>.width-3 { width: 48.91304347826087%; margin-left:1.098901098901099%; margin-bottom:1.098901098901099%; }    
.flip-box.width-6>.width-4 { width: 66.66666666666667%; margin-left:1.098901098901099%; margin-bottom:1.098901098901099%; }    
.flip-box.width-6>.width-5 { width: 84.78260869565217%; margin-left:1.098901098901099%; margin-bottom:1.098901098901099%; }    
.flip-box.width-6>.width-6 { width: 103.26086956521739%; margin-left:1.098901098901099%; margin-bottom:1.098901098901099%; }    
     
.flip-box.width-1>.height-1 { padding-bottom: 93.47826086956522%; margin-left:6.976744186046512%;}    
.flip-box.width-2>.height-1 { padding-bottom: 46.73913043478261%; margin-left:3.3707865168539324%;}    
.flip-box.width-2>.height-2 { padding-bottom: 96.73913043478261%; margin-left:3.3707865168539324%;}    
.flip-box.width-3>.height-1 { padding-bottom: 31.159420289855074%; margin-left:2.2222222222222223%;}    
.flip-box.width-3>.height-2 { padding-bottom: 63.768115942028984%; margin-left:2.2222222222222223%;}    
.flip-box.width-3>.height-3 { padding-bottom: 100%; margin-left:2.2222222222222223%;}    
.flip-box.width-4>.height-1 { padding-bottom: 23.369565217391304%; margin-left:1.6574585635359115%;}    
.flip-box.width-4>.height-2 { padding-bottom: 47.55434782608695%; margin-left:1.6574585635359115%;}    
.flip-box.width-4>.height-3 { padding-bottom: 74.18478260869564%; margin-left:1.6574585635359115%;}    
.flip-box.width-4>.height-4 { padding-bottom: 101.63043478260869%; margin-left:1.6574585635359115%;}    
.flip-box.width-5>.height-1 { padding-bottom: 18.695652173913043%; margin-left:1.3215859030837002%;}    
.flip-box.width-5>.height-2 { padding-bottom: 37.91304347826087%; margin-left:1.3215859030837002%;}    
.flip-box.width-5>.height-3 { padding-bottom: 58.95652173913043%; margin-left:1.3215859030837002%;}    
.flip-box.width-5>.height-4 { padding-bottom: 80.52173913043478%; margin-left:1.3215859030837002%;}    
.flip-box.width-5>.height-5 { padding-bottom: 102.6086956521739%; margin-left:1.3215859030837002%;}    
.flip-box.width-6>.height-1 { padding-bottom: 15.579710144927537%; margin-left:1.098901098901099%;}    
.flip-box.width-6>.height-2 { padding-bottom: 31.52173913043478%; margin-left:1.098901098901099%;}    
.flip-box.width-6>.height-3 { padding-bottom: 48.91304347826087%; margin-left:1.098901098901099%;}    
.flip-box.width-6>.height-4 { padding-bottom: 66.66666666666667%; margin-left:1.098901098901099%;}    
.flip-box.width-6>.height-5 { padding-bottom: 84.78260869565217%; margin-left:1.098901098901099%;}    
.flip-box.width-6>.height-6 { padding-bottom: 103.26086956521739%; margin-left:1.098901098901099%;}    
  
@media screen and (max-width:767px) {  
    .flip-group, .flip-box {  
        margin-left: 1.392757660167131%;  
        margin-bottom: 1.392757660167131%;  
    }    
    .flip-box.width-1 { width: 23.60724233983287%; }    
    .flip-box.width-2 { width: 48.60724233983287%; }    
    .flip-box.width-3 { width: 73.60724233983286%; }    
    .flip-box.width-4 { width: 98.60724233983286%; }    
    
    .flip-box.group.width-1 { width: 25%; }    
    .flip-box.group.width-2 { width: 50%; }    
    .flip-box.group.width-3 { width: 75%; }    
    .flip-box.group.width-4 { width: 100%; }    
    .flip-box.group.width-5 { width: 125%; }    
    .flip-box.group.width-6 { width: 150%; }    
    
    .flip-box.height-1 { padding-bottom: 23.60724233983287%; }    
    .flip-box.height-2 { padding-bottom: 48.60724233983287%; }    
    .flip-box.height-3 { padding-bottom: 73.60724233983286%; }    
    .flip-box.height-4 { padding-bottom: 98.60724233983286%; }    
    
    .flip-box.width-1>.width-1 { width: 94.42896935933147%; margin-left:5.899705014749262%; }    
    .flip-box.width-2>.width-1 { width: 47.21448467966574%; margin-left:2.865329512893983%; }    
    .flip-box.width-2>.width-2 { width: 97.21448467966574%; margin-left:2.865329512893983%; }    
    .flip-box.width-3>.width-1 { width: 31.47632311977716%; margin-left:1.8921475875118258%; }    
    .flip-box.width-3>.width-2 { width: 64.19065304859177%; margin-left:1.8921475875118258%; }    
    .flip-box.width-3>.width-3 { width: 100%; margin-left:1.8921475875118258%; }    
    .flip-box.width-4>.width-1 { width: 23.60724233983287%; margin-left:1.4124293785310735%; }    
    .flip-box.width-4>.width-2 { width: 47.910863509749305%; margin-left:1.4124293785310735%; }    
    .flip-box.width-4>.width-3 { width: 74.30362116991644%; margin-left:1.4124293785310735%; }    
    .flip-box.width-4>.width-4 { width: 101.39275766016713%; margin-left:1.4124293785310735%; }    
     
    .flip-box.width-1>.height-1 { padding-bottom: 94.42896935933147%; margin-left:5.899705014749262%;}    
    .flip-box.width-2>.height-1 { padding-bottom: 47.21448467966574%; margin-left:2.865329512893983%;}    
    .flip-box.width-2>.height-2 { padding-bottom: 97.21448467966574%; margin-left:2.865329512893983%;}    
    .flip-box.width-3>.height-1 { padding-bottom: 31.47632311977716%; margin-left:1.8921475875118258%;}    
    .flip-box.width-3>.height-2 { padding-bottom: 64.19065304859177%; margin-left:1.8921475875118258%;}    
    .flip-box.width-3>.height-3 { padding-bottom: 100%; margin-left:1.8921475875118258%;}    
    .flip-box.width-4>.height-1 { padding-bottom: 23.60724233983287%; margin-left:1.4124293785310735%;}    
    .flip-box.width-4>.height-2 { padding-bottom: 47.910863509749305%; margin-left:1.4124293785310735%;}    
    .flip-box.width-4>.height-3 { padding-bottom: 74.30362116991644%; margin-left:1.4124293785310735%;}    
    .flip-box.width-4>.height-4 { padding-bottom: 101.39275766016713%; margin-left:1.4124293785310735%;}    
}  
  
@media screen and (max-width:479px) {  
    .flip-group, .flip-box {  
        margin-left: 2.127659574468085%;  
        margin-bottom: 2.127659574468085%;  
    }    
    .flip-box.width-1 { width: 31.205673758865245%; }    
    .flip-box.width-2 { width: 64.53900709219857%; }    
    .flip-box.width-3 { width: 97.87234042553191%; }    
    
    .flip-box.group.width-1 { width: 33.33333333333333%; }    
    .flip-box.group.width-2 { width: 66.66666666666666%; }    
    .flip-box.group.width-3 { width: 100%; }    
    .flip-box.group.width-4 { width: 133.33333333333331%; }    
    .flip-box.group.width-5 { width: 166.66666666666666%; }    
    .flip-box.group.width-6 { width: 200%; }    
    
    .flip-box.height-1 { padding-bottom: 31.205673758865245%; }    
    .flip-box.height-2 { padding-bottom: 64.53900709219857%; }    
    .flip-box.height-3 { padding-bottom: 97.87234042553191%; }    
    
    .flip-box.width-1>.width-1 { width: 93.61702127659575%; margin-left:6.818181818181818%; }    
    .flip-box.width-2>.width-1 { width: 46.808510638297875%; margin-left:3.296703296703297%; }    
    .flip-box.width-2>.width-2 { width: 96.80851063829787%; margin-left:3.296703296703297%; }    
    .flip-box.width-3>.width-1 { width: 31.205673758865245%; margin-left:2.1739130434782607%; }    
    .flip-box.width-3>.width-2 { width: 63.829787234042556%; margin-left:2.1739130434782607%; }    
    .flip-box.width-3>.width-3 { width: 100%; margin-left:2.1739130434782607%; }    
    .flip-box.width-4>.width-1 { width: 23.404255319148937%; margin-left:1.6216216216216217%; }    
    .flip-box.width-4>.width-2 { width: 47.6063829787234%; margin-left:1.6216216216216217%; }    
    .flip-box.width-4>.width-3 { width: 74.20212765957447%; margin-left:1.6216216216216217%; }    
    .flip-box.width-4>.width-4 { width: 101.59574468085107%; margin-left:1.6216216216216217%; }    
     
    .flip-box.width-1>.height-1 { padding-bottom: 93.61702127659575%; margin-left:6.818181818181818%;}    
    .flip-box.width-2>.height-1 { padding-bottom: 46.808510638297875%; margin-left:3.296703296703297%;}    
    .flip-box.width-2>.height-2 { padding-bottom: 96.80851063829787%; margin-left:3.296703296703297%;}    
    .flip-box.width-3>.height-1 { padding-bottom: 31.205673758865245%; margin-left:2.1739130434782607%;}    
    .flip-box.width-3>.height-2 { padding-bottom: 63.829787234042556%; margin-left:2.1739130434782607%;}    
    .flip-box.width-3>.height-3 { padding-bottom: 100%; margin-left:2.1739130434782607%;}    
    .flip-box.width-4>.height-1 { padding-bottom: 23.404255319148937%; margin-left:1.6216216216216217%;}    
    .flip-box.width-4>.height-2 { padding-bottom: 47.6063829787234%; margin-left:1.6216216216216217%;}    
    .flip-box.width-4>.height-3 { padding-bottom: 74.20212765957447%; margin-left:1.6216216216216217%;}    
    .flip-box.width-4>.height-4 { padding-bottom: 101.59574468085107%; margin-left:1.6216216216216217%;}    
} 
