/* * GeoGrid v1.0 * Copyright 2014, Yiorgos Theo * http://GeoPress.net * Compatible with the following browsers: * IE 8 with respond.js, * IE 9+, * IE Mobile 10+, * FF 3.5+, * FF for Android 26+, * Chrome 4+, * Chrome for Android 33+, * Safari 4+, * IOS Safari 3.2+, * Opera 9.5+, * Opera Mini 5+, * Opera Mobile 10+, * Android Browser 2.1+, * Blackberry Browser 7+ */ /*-nor = non-responsive */ *[class*="gp-"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } *[class*="gp-col-"] { float: left; } *[class*="-pad"] { padding-left: 15px; padding-right: 15px; } .gp-wrap { width: 100%; } .gp-wrap95 { width: 95%; } .gp-wrap90 { width: 90%; } .gp-container { width: 100%; max-width:1240px; } .gp-container95 { width: 95%; max-width: 1240px; } .gp-container90 { width: 90%; max-width: 1240px; } .gpcenter { margin-left: auto !important; margin-right: auto !important; } .gpovh { overflow: hidden; } .gp-col-10, .gp-col-10-pad, .gp-col-10-nor { width: 10%; } .gp-col-15, .gp-col-15-pad, .gp-col-15-nor { width: 15%; } .gp-col-20, .gp-col-20-pad, .gp-col-20-nor { width: 20%; } .gp-col-25, .gp-col-25-pad, .gp-col-25-nor { width: 25%; } .gp-col-30, .gp-col-30-pad, .gp-col-30-nor { width: 30%; } .gp-col-33, .gp-col-33-pad, .gp-col-33-nor { width: 33.33%; } .gp-col-35, .gp-col-35-pad, .gp-col-35-nor { width: 35%; } .gp-col-40, .gp-col-40-pad, .gp-col-40-nor { width: 40%; } .gp-col-45, .gp-col-45-pad, .gp-col-45-nor { width: 45%; } .gp-col-50, .gp-col-50-pad, .gp-col-50-nor { width: 50%; } .gp-col-55, .gp-col-55-pad, .gp-col-55-nor { width: 55%; } .gp-col-60, .gp-col-60-pad, .gp-col-60-nor { width: 60%; } .gp-col-65, .gp-col-65-pad, .gp-col-65-nor { width: 65%; } .gp-col-66, .gp-col-66-pad, .gp-col-66-nor { width: 66.66%; } .gp-col-70, .gp-col-70-pad, .gp-col-70-nor { width: 70%; } .gp-col-75, .gp-col-75-pad, .gp-col-75-nor { width: 75%; } .gp-col-80, .gp-col-80-pad, .gp-col-80-nor { width: 80%; } .gp-col-85, .gp-col-85-pad, .gp-col-85-nor { width: 85%; } .gp-col-90, .gp-col-90-pad, .gp-col-90-nor { width: 90%; } .gp-col-95, .gp-col-95-pad, .gp-col-95-nor { width: 95%; } .gp-col-100, .gp-col-100-pad, .gp-col-100-nor { width: 100%; } .gppush3, .gppush3-nor { margin-left: 3%; } .gppush5, .gppush5-nor { margin-left: 5%; } .gppush10, .gppush10-nor { margin-left: 10%; } .gppush15, .gppush15-nor { margin-left: 15%; } .gppush20, .gppush20-nor { margin-left: 20%; } .gppush25, .gppush25-nor { margin-left: 25%; } .gppush30, .gppush30-nor { margin-left: 30%; } .gppush33, .gppush33-nor { margin-left: 33.33%; } .gppush35, .gppush35-nor { margin-left: 35%; } .gppush40, .gppush40-nor { margin-left: 40%; } .gppush45, .gppush45-nor { margin-left: 45%; } .gppush50, .gppush50-nor { margin-left: 50%; } .gppush55, .gppush55-nor { margin-left: 55%; } .gppush60, .gppush60-nor { margin-left: 60%; } .gppush65, .gppush65-nor { margin-left: 65%; } .gppush66, .gppush66-nor { margin-left: 66.66%; } .gppush70, .gppush70-nor { margin-left: 70%; } .gppush75, .gppush75-nor { margin-left: 75%; } .gppush80, .gppush80-nor { margin-left: 80%; } .gppush85, .gppush85-nor { margin-left: 85%; } .gppush90, .gppush90-nor { margin-left: 90%; } .gppush95, .gppush95-nor { margin-left: 95%; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p40 { padding: 40px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr40 { padding-right: 40px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl40 { padding-left: 40px; } .tac { text-align: center; } .tal { text-align: left; } .tar { text-align: right; } .gpfloatr { float: right !important; } .gpfloatl { float: left !important; } /* Media Queries ================================================== */ @media only screen and (max-width: 767px) { .gp-col-10, .gp-col-10-pad, .gp-col-15, .gp-col-15-pad, .gp-col-20, .gp-col-20-pad, .gp-col-25, .gp-col-25-pad, .gp-col-30, .gp-col-30-pad, .gp-col-33, .gp-col-33-pad, .gp-col-35, .gp-col-35-pad, .gp-col-40, .gp-col-40-pad, .gp-col-45, .gp-col-45-pad, .gp-col-50, .gp-col-50-pad, .gp-col-55, .gp-col-55-pad, .gp-col-60, .gp-col-60-pad, .gp-col-65, .gp-col-65-pad, .gp-col-66, .gp-col-66-pad, .gp-col-70, .gp-col-70-pad, .gp-col-75, .gp-col-75-pad, .gp-col-80, .gp-col-80-pad, .gp-col-85, .gp-col-85-pad, .gp-col-90, .gp-col-90-pad, .gp-col-95, .gp-col-95-pad, .gp-col-100, .gp-col-100-pad { width: 100%; clear: both !important; margin-left: auto !important; margin-right: auto !important; } .gppush3, .gppush5, .gppush10, .gppush15, .gppush20, .gppush25, .gppush30, .gppush33, .gppush35, .gppush40, .gppush45, .gppush50, .gppush55, .gppush60, .gppush65, .gppush66, .gppush70, .gppush75, .gppush80, .gppush85, .gppush90, .gppush95 { margin-left: 0; } }