html, body { margin: 0; padding: 0 }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

a { text-decoration: none; }

a:hover, a:active { outline: 0 }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }

sup { top: -0.5em }

sub { bottom: -0.25em }

img { -ms-interpolation-mode: bicubic; border: 0; max-width: 100%; }

::selection { background:rgba(102,204,255,0.8); color: #fff; }

::-moz-selection {
background:rgba(102,204,255,0.8);
color:#fff;
}

:focus, :active { outline: none; }

button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }

textarea { overflow: auto; vertical-align: top }

strong { font-weight: bold }

em { font-style: italic }

small { font-size: 100% }

select { cursor: pointer; }

.f-left { float: left !important; }

.f-right { float: right !important; }

.mb-20 { margin-bottom: 20px !important; }

.ml-20 { margin-left: 20px !important; }

.mr-20 { margin-right: 20px !important; }

.mt-20 { margin-top: 20px !important; }

.mb-10 { margin-bottom: 10px !important; }

.ml-10 { margin-left: 10px !important; }

.mr-10 { margin-right: 10px !important; }

.mt-10 { margin-top: 10px !important; }

.pb-20 { padding-bottom: 20px !important; }

.pl-20 { padding-left: 20px !important; }

.pr-20 { padding-right: 20px !important; }

.pt-20 { padding-top: 20px !important; }

.pb-10 { padding-bottom: 10px !important; }

.pl-10 { padding-left: 10px !important; }

.pr-10 { padding-right: 10px !important; }

.pt-10 { padding-top: 10px !important; }

.clr { border: 0; clear: both; height: 0; }

/* Custom Responsive */

.grid-row { margin-left: -10px; margin-right: -10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.grid-row * {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.grid-row:before, .grid-row:after, .cfx:before, .cfx:after, .container:before, .container:after { content: " "; display: table; }

.grid-row:after, .cfx:after, .container:after { clear: both; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { min-height: 1px; padding-left: 10px; padding-right: 10px; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float: left }

.grid-12 { width: 100% }

.grid-11 { width: 91.66666667% }

.grid-10 { width: 83.33333333% }

.grid-9 { width: 75% }

.grid-8 { width: 66.66666667% }

.grid-7 { width: 58.33333333% }

.grid-6 { width: 50% }

.grid-5 { width: 41.66666667% }

.grid-4 { width: 33.33333333% }

.grid-3 { width: 25% }

.grid-2 { width: 16.66666667% }

.grid-1 { width: 8.33333333% }


 @media only screen and (max-width:767px) {
	  
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float: none; padding-bottom:20px; width:100% }

 
 }


/* Responsive Table */

.table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd }