/*

responsive font size
1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger

h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 3.0vh;
}
p {
  font-size: 2vmin;
}

p1 {
  font-size: 2vmax;
}

1vw = 1% of viewport width

1vh = 1% of viewport height

1vmin = 1vw or 1vh, whichever is smaller

1vmax = 1vw or 1vh, whichever is larger

*/


h1{
    font-size: 48px !important;
}

h2{
    font-size: 36px !important;
}

h3{
    font-size: 24px !important;
}

h5{
    font-size: 30px !important;
}

h4{
    font-size: 18px !important;
}


@-ms-viewport{
  width: device-width;
}

.wrapper, .boxed-layout .wrapper{
	width: 100% !important;
	min-width: 100% !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

html{
    width: 100% !important;
    overflow-x: hidden !important;
}

body{
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    min-width: 0px !important;
    background-image: url(../img/mainbg.jpg) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    background-position: center bottom;
    -webkit-background-size: cover;  
    -moz-background-size: cover;  
    -o-background-size: cover;
    background-color: #FFF;       
    font-size: 100%;
    display: table;
}

.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}

#nintyfive{
    width: 95%;
    position: relative;
    height: auto;
    margin: 0 auto;
    display: table;
}

#ninty{
    width: 90%;
    position: relative;
    height: auto;
    margin: 0 auto;
    display: table;
}

#eighty{
    width: 80%;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: table;
}


.stretched-layout .wrapper{
  background: white !important;
  padding-bottom: 20px !important;
}

#wrap{
	position:fixed;; 
	z-index:-1; 
	top:0; 
	left:0; 
	background-color:black
}

#wrap img.bgfade{
	position:absolute;
	top:0;
	display:none;
	width:100%;
	height:100%;
	z-index:-1;
}

#fw{
	width: 100%;
	height: auto;
	display: table;
}

ul#testy {
	width:200px;
	border:solid;
	position:relative;
	overflow:hidden;
	height:200px;
    display: table;
}

ul#testy li {
	font-size:1.4em;
	padding:20px;
	opacity:0;
	position:absolute;
    list-style: none;
}


::selection {
    background: #ed1c24;
    color: #E7E7E7;
}
::-moz-selection {
    background: #ed1c24;
    color: #E7E7E7;
}




/*-----------------------------------------------------------------------------------------*/
/*	SCROLL BAR	*/
/*-----------------------------------------------------------------------------------------*/


::-webkit-scrollbar {
  width: 5px;
  height: 5px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
::-webkit-scrollbar-button {
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-thumb {
  background: #ba0646;
  border: 0px none #ba0646;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
::-webkit-scrollbar-thumb:hover {
  background: #ba0646;
    width: 14px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
::-webkit-scrollbar-thumb:active {
  background: #ba0646;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
::-webkit-scrollbar-track {
  background: #000;
  border: 0px none #000;
}
::-webkit-scrollbar-track:hover {
  background: #000;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
::-webkit-scrollbar-track:active {
  background: #000;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/*-----------------------------------------------------------------------------------------*/
/*	hr Line break	*/
/*-----------------------------------------------------------------------------------------*/

hr.gr{
     border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(231, 231, 231), rgba(213, 43, 29), rgba(231, 231, 231));
    margin: 0.5% auto;
}

hr.pressed {
    border: 0;
    height: 2px;
   background: rgba(0, 0, 0); /* Fallback */
background-color: rgba(0, 0, 0, 0.3);
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.style-minus {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

hr.style-btshd {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

hr.style-four {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


hr.style-four1 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 5px 0 5px 0;
}

hr.style-four2 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 2px 0 2px 0;
}


hr.style-four3 {
    border: 0;
    height: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
    margin: 1px 0 1px 0;
}

hr.style-five{  
  border: none;
  height: 10px;
  background: linear-gradient(-135deg, #fff 5px, transparent 0) 0 5px, linear-gradient(135deg, #fff 5px, #8c8c8c 0) 0 5px;
  background-color: #fff;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 10px;
}

hr.scissors{ 
  border: 0;
  border-top: 1px dashed #8c8c8c; 
  text-align:center;
} 

hr.scissors:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -13px; 
  padding: 0 3px; 
  background: #fff; 
  color: #8c8c8c; 
  font-size: 18px; 
}

hr.heartin{
  border: 0;
  border-top: 4px double #8c8c8c;
  text-align: center;
}
hr.heartin:after {
  content: '\2665';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #fff;
  color: #8c8c8c;
  font-size: 18px;
}

hr.shadowline {
  border: 0; 
  height: 1px; 
  background-image: linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
}

hr.doubleline{ 
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

hr.line{
  border: 0;
  background-color: #fff;
  border-top: 1px dashed #8c8c8c;
}

hr.style2 {
	border-top: 1px dotted #8c8b8b;
}

hr.style3 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.style4 {
	height: 6px;
	background: url(../images/hr-11.png) repeat-x 0 0;
    border: 0;
    margin: 1% 0;
}


hr.style5 {
	height: 6px;
	background: url(../images/hr-12.png) repeat-x 0 0;
    border: 0;
    margin: 1% 0;
}


hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

hr.type_1 {
border: 0;
height: 55px;
background-image: url(../images/type_1.png);
background-size: 100%;
background-repeat: no-repeat;
    margin: 5px auto;
    width: 40%;
}

hr.type_2 {
border: 0;
height: 55px;
background-image: url(../images/type_2.png);
background-size: 100%;
background-repeat: no-repeat;
    margin: 5px auto;
    width: 40%;
}

hr.type_4 {
border: 0;
height: 55px;
background-image: url(../images/type_4.png);
background-size: 100%;
background-repeat: no-repeat;
    margin: 5px auto;
    width: 40%;
}

hr.type_5 {
border: 0;
height: 55px;
background-image: url(../images/type_5.png);
background-size: 100%;
background-repeat: no-repeat;
    margin: 5px auto;
    width: 40%;
}

hr.type_7 {
border: 0;
height: 55px;
background-image: url(../images/type_7.png);
    background-size: 100%;
background-repeat: no-repeat;
    margin: 5px auto;
    width: 40%;
}

hr.msa{
    width: 100%; border: 0; height: 4px; margin: 4px  auto;
    background: #003e8d; /* Old browsers */
background: -moz-linear-gradient(left, #003e8d 0%, #003e8d 35%, #e98b0e 35%, #e98b0e 35%, #e98b0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003e8d), color-stop(35%,#003e8d), color-stop(35%,#e98b0e), color-stop(35%,#e98b0e), color-stop(100%,#e98b0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* IE10+ */
background: linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e8d', endColorstr='#e98b0e',GradientType=1 ); /* IE6-9 */
}

.separator-holder { height: 10px; float: left; width: 100%; position: relative; margin-bottom: 25px; }
.separator-holder hr { margin-top: 4px; border-color:#dadada; }
.separator-holder i.fa { position: absolute; left: 49%; top:-5px; font-size: 15px; background-color: #fefefe;  padding:2px 6px; }
.separator-holder i.texture { background: transparent url(../img/d13.html) no-repeat; }






/*-----------------------------------------------------------------------------------------*/
/*	Bottom,Top Margin & Clear	*/
/*-----------------------------------------------------------------------------------------*/


.bottom2 { margin-bottom:2px !important; }
.top2 { margin-top:2px !important; }
.bottom5 { margin-bottom:5px !important; }
.top5 { margin-top:5px !important; }
.bottom10 { margin-bottom:10px !important; }
.top10 { margin-top:10px !important; }
.bottom20 { margin-bottom:20px !important; }
.top20 { margin-top:20px !important; }
.bottom30 { margin-bottom:30px !important; }
.top30 { margin-top:30px !important; }
.bottom40 { margin-bottom:40px !important; }
.top40 { margin-top:40px !important; }
.bottom50 { margin-bottom:50px !important; }
.top50 { margin-top:50px !important; }
.bottom60 { margin-bottom:60px !important; }
.top60 { margin-top:60px !important; }
.bottom70 { margin-bottom:70px !important; }
.top70 { margin-top:70px !important; }
.bottom80 { margin-bottom:80px !important; }
.top80 { margin-top:80px !important; }
.bottom90 { margin-bottom:90px !important; }
.top90 { margin-top:90px !important; }
.bottom100 { margin-bottom:100px !important; }
.top100 { margin-top:100px !important; }
.bottom150 { margin-bottom:150px !important; }
.top150 { margin-top:150px !important; }
.bottom200 { margin-bottom:200px !important; }
.bottom200 { margin-bottom:200px !important; }
.top200 { margin-top:200px !important; }
.bottom250 { margin-bottom:250px !important; }
.top250 { margin-top:250px !important; }


.pbottom5 { padding-bottom:5px !important; }
.ptop5 { padding-top:5px !important; }
.pbottom10 { padding-bottom:10px !important; }
.ptop10 { padding-top:10px !important; }
.pbottom20 { padding-bottom:20px !important; }
.ptop20 { padding-top:20px !important; }
.pbottom30 { padding-bottom:30px !important; }
.ptop30 { padding-top:30px !important; }
.pbottom40 { padding-bottom:40px !important; }
.ptop40 { padding-top:40px !important; }
.pbottom50 { padding-bottom:50px !important; }
.ptop50 { padding-top:50px !important; }
.pbottom60 { padding-bottom:60px !important; }
.ptop60 { padding-top:60px !important; }
.pbottom70 { padding-bottom:70px !important; }
.ptop70 { padding-top:70px !important; }
.pbottom80 { padding-bottom:80px !important; }
.ptop80 { padding-top:80px !important; }
.pbottom90 { padding-bottom:90px !important; }
.ptop90 { padding-top:90px !important; }
.pbottom100 { padding-bottom:100px !important; }
.ptop100 { padding-top:100px !important; }

.pright10 { padding-right:10px !important; }
.pleft10 { padding-left:10px !important; }
.pright20 { padding-right:20px !important; }
.pleft20 { padding-left:20px !important; }
.pright30 { padding-right:30px !important; }
.pleft30 { padding-left:30px !important; }
.pright40 { padding-right:40px !important; }
.pleft40 { padding-left:40px !important; }
.pright50 { padding-right:50px !important; }
.pleft50 { padding-left:50px !important; }
.pright60 { padding-right:60px !important; }
.pleft60 { padding-left:60px !important; }
.pright70 { padding-right:70px !important; }
.pleft70 { padding-left:70px !important; }
.pright80 { padding-right:80px !important; }
.pleft80 { padding-left:80px !important; }
.pright90 { padding-right:90px !important; }
.pleft90 { padding-left:90px !important; }
.pright100 { padding-right:100px !important; }
.pleft100 { padding-left:100px !important; }

.p10 { padding:10px !important; }
.p20 { padding:20px !important; }
.p30 { padding:30px !important; }
.p40 { padding:40px !important; }
.p50 { padding:50px !important; }
.p60 { padding:60px !important; }
.p70 { padding:70px !important; }
.p80 { padding:80px !important; }
.p90 { padding:90px !important; }
.p100 { padding:100px !important; }

.clear { clear: both !important; visibility: hidden !important; width: 0 !important; height: 0 !important; }




/*-----------------------------------------------------------------------------------------*/
/*	SCROLL UP PAGE	*/
/*-----------------------------------------------------------------------------------------*/
#scrollUp { bottom: 20px; right: 20px; background-color: rgba(0,0,0, 0.2); background-image: url(../images/arrow-up.png); background-repeat: no-repeat; background-position: center;
			color: #fff; font-size: 12px; font-family: sans-serif; text-decoration: none; width: 45px; height: 45px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
			-webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; transition: background 200ms linear;
		  }	
#scrollUp:hover { opacity: 1; background-color: #b4965a;}





/*	Buttons	*/
.btn-large { padding:10px 20px; font-size:24px; }  
.btn-medium { padding:6px 12px; font-size:16px; } 
.btn-small { padding:5px 8px; font-size:12px; } 
.btn-mini { padding:2px 4px; font-size:11px; }
.btn-dashed { border:1px dashed #fff !important; } 
	
.btn-standard, button.btn-standard, input[type="submit"].btn-standard{ border:none; color:#333 !important; font-family: Arial; cursor:pointer; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; transition:background-color 0.4s; -webkit-transition:background-color 0.4s; -moz-transition:background-color 0.4s; line-height: 2.1; text-decoration: none;}
.btn-standard:hover, .btn-standard.green:hover, .btn-standard.blue:hover, .btn-standard.purple:hover,button.btn-standard:hover, button.btn-standard.green:hover, button.btn-standard.purple:hover, input[type="submit"].btn-standard:hover, input[type="submit"].btn-standard.green:hover, input[type="submit"].btn-standard.purple:hover { background-color:#444; color: #FFF !important; }
.btn-standard.green { background-color: #70be46;  }
.btn-standard.purple { background-color: #9b5eca;  }
.btn-standard.orange { background-color: #ff8507;  }
.btn-standard.blue { background-color: #289dcc;  }
.btn-standard.dark { background-color: #3a3a3a;  }
.btn-standard i.fa { margin-right: 4px; }


.whitebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.whitebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.whitebutton:active {
	position:relative;
	top:1px;
}

.bluebutton3d {
	-moz-box-shadow: 3px 4px 0px 0px #1564ad;
	-webkit-box-shadow: 3px 4px 0px 0px #1564ad;
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.bluebutton3d:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
.bluebutton3d:active {
	position:relative;
	top:1px;
}


.lgreybutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.lgreybutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.lgreybutton:active {
	position:relative;
	top:1px;
}

.dgreybutton {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.dgreybutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.dgreybutton:active {
	position:relative;
	top:1px;
}


.greenbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.greenbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.greenbutton:active {
	position:relative;
	top:1px;
}

.bluebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.bluebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.bluebutton:active {
	position:relative;
	top:1px;
}

.dbluebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:12px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.dbluebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.dbluebutton:active {
	position:relative;
	top:1px;
}

.redbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.redbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.redbutton:active {
	position:relative;
	top:1px;
}

.purplebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
	background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
	background-color:#c123de;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.purplebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
	background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
	background-color:#a20dbd;
}
.purplebutton:active {
	position:relative;
	top:1px;
}

.blackbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #8e9091;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8e9091;
	box-shadow:inset 0px 1px 0px 0px #8e9091;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a2e30), color-stop(1, #3c4042));
	background:-moz-linear-gradient(top, #2a2e30 5%, #3c4042 100%);
	background:-webkit-linear-gradient(top, #2a2e30 5%, #3c4042 100%);
	background:-o-linear-gradient(top, #2a2e30 5%, #3c4042 100%);
	background:-ms-linear-gradient(top, #2a2e30 5%, #3c4042 100%);
	background:linear-gradient(to bottom, #2a2e30 5%, #3c4042 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2e30', endColorstr='#3c4042',GradientType=0);
	background-color:#2a2e30;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #3d4042;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #646669;
}
.blackbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3c4042), color-stop(1, #2a2e30));
	background:-moz-linear-gradient(top, #3c4042 5%, #2a2e30 100%);
	background:-webkit-linear-gradient(top, #3c4042 5%, #2a2e30 100%);
	background:-o-linear-gradient(top, #3c4042 5%, #2a2e30 100%);
	background:-ms-linear-gradient(top, #3c4042 5%, #2a2e30 100%);
	background:linear-gradient(to bottom, #3c4042 5%, #2a2e30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c4042', endColorstr='#2a2e30',GradientType=0);
	background-color:#3c4042;
}
.blackbutton:active {
	position:relative;
	top:1px;
}


.gmasblue {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:23px;
	padding:14px 34px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.gmasblue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.gmasblue:active {
	position:relative;
	top:1px;
}

.pinkbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5009f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5009f;
	box-shadow:inset 0px 1px 0px 0px #f5009f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa008e), color-stop(1, #fa0079));
	background:-moz-linear-gradient(top, #fa008e 5%, #fa0079 100%);
	background:-webkit-linear-gradient(top, #fa008e 5%, #fa0079 100%);
	background:-o-linear-gradient(top, #fa008e 5%, #fa0079 100%);
	background:-ms-linear-gradient(top, #fa008e 5%, #fa0079 100%);
	background:linear-gradient(to bottom, #fa008e 5%, #fa0079 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa008e', endColorstr='#fa0079',GradientType=0);
	background-color:#fa008e;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #fc007a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.pinkbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa0079), color-stop(1, #fa008e));
	background:-moz-linear-gradient(top, #fa0079 5%, #fa008e 100%);
	background:-webkit-linear-gradient(top, #fa0079 5%, #fa008e 100%);
	background:-o-linear-gradient(top, #fa0079 5%, #fa008e 100%);
	background:-ms-linear-gradient(top, #fa0079 5%, #fa008e 100%);
	background:linear-gradient(to bottom, #fa0079 5%, #fa008e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa0079', endColorstr='#fa008e',GradientType=0);
	background-color:#fa0079;
}
.pinkbutton:active {
	position:relative;
	top:1px;
}


	
	



/*	Dropcaps  */	
.dropcap-v1 p, .dropcap-v2 p, .dropcap-v3 p { text-align:justify; }
.dropcap-v1 p:first-letter, .dropcap-v2 p:first-letter, .dropcap-v3 p:first-letter { font-size:50px; line-height:32px; float:left;  }
.dropcap-v2 p:first-letter { border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; box-shadow:0 0 2px #e0e0e0; -webkit-box-shadow:0 0 2px #e0e0e0; -moz-box-shadow:0 0 2px #e0e0e0; margin-top:6px; }
.dropcap-v1 p:first-letter, .dropcap-v3 p:first-letter { padding-right:10px; }
.dropcap-v2 p:first-letter { padding:4px 10px; margin-right:10px;  color:#444; background:#fff; border:1px solid #e0e0e0; }
	





/*-----------------------------------------------------------------------------------------*/
/*	FONTS FACE - TEXT	*/
/*-----------------------------------------------------------------------------------------*/


.arial{
    font-family: Arial;
}





/*font size*/

.sz2{
    font-size: 2px;
}


.sz11{
    font-size: 11px;
}

.sz12{
    font-size: 12px;
}

.sz13{
    font-size: 13px;
}

.sz14{
    font-size: 14px;
}

.sz15{
    font-size: 15px;
}

.sz16{
    font-size: 16px;
}

.sz18{
    font-size: 18px;
}

.sz20{
    font-size: 20px;
}

.sz22{
    font-size: 22px;
}

.sz24{
    font-size: 24px;
}


.sz26{
    font-size: 26px;
}

.sz30{
    font-size: 30px;
}

.sz36{
    font-size: 36px;
}

.sz40{
    font-size: 40px;
}

.sz48{
    font-size: 48px;
}

.svw48{
    font-size: 5vmax;
}

.svw38{
    font-size: 3vmax;
}

.svw14{
    font-size: 1vmax;
}

.italic{
    font-style: italic;
}

.bold{
    font-weight: bold;
}

.justify{
    text-align: justify !important;
}

.txtright{
    text-align: right;
}

.txtleft{
    text-align: left;
}

.txtcenter{
    text-align: center;
}

.lsp200{
    letter-spacing: inherit;
}

/*text colors*/

.white{
    color: #FFF;
}

.blued{
    color: #0058C4;
}

.black{
    color: #000;
}

.red{
    color: #d20f06;
}

.yellow{
    color: #fac302;
}

.oyellow{
    color: #f9ab05;
}

.dgreen{
    color: #38b706;
}

.lgrey{
    color: #999;
}

.grey{
    color: #333;
}

.mgrey{
    color: #666;
}

.blue{
    color: #0656db;
}

.blueww{
    color: #1353a2;
}

.brown{
    color: #683915;
}

.pink{
    color: #fa0266;
}

.lemon{
    color: #b0f802;
}

.violet{
    color: #c702f8;
}

.orange{
    color: #f87c02;
}

.cyan{
    color: #07e8f6;
}

p{
    margin-bottom:1.5em
}


p.l20{
    line-height: 20px !important;
}

p.l14{
    line-height: 14px !important;
}

p.l15{
    line-height: 15px !important;
}

p.l16{
    line-height: 16px !important;
}


p.l18{
    line-height: 18px !important;
}



/*-----------------------------------------------------------------------------------------*/
/*	PRICING	TABLES	*/
/*-----------------------------------------------------------------------------------------*/

/* Hoarding Vacancy */
#hv{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden auto;
	display: table;	
}

#sno{
	width: 10%;
	height: auto;
	float: left;
	padding: 20px 0 20px 0;
	text-align: center;
	background-color: #056937;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#slab{
	width: 30%;
	height: auto;
	float: left;
	padding: 20px 0 20px 0;
	text-align: center;
	background-color: #CCC;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#slabrate{
	width: 20%;
	height: auto;
	float: left;
	padding: 20px 0 20px 0;
	text-align: center;
	background-color: #E6E6E6;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#kms{
	width: 20%;
	height: auto;
	float: left;
	padding: 20px 0 20px 0;
	text-align: center;
	background-color: #CCC;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#hrs{
	width: 20%;
	height: auto;
	float: left;
	padding: 20px 0 20px 0;
	text-align: center;
	background-color: #E6E6E6;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}



#sno:hover, #slab:hover, #slabrate:hover, #kms:hover, #hrs:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
	overflow: hidden;
	display: block !important;
	position: relative;
	z-index: 20;
}

@media only screen and (min-width: 120px) and (max-width: 900px){
	#hv{
	width: 80%;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#sno{
	width: 100%;
	height: auto;
	float: none;
	padding: 20px;
	text-align: center;
	background-color: #000;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#slab{
	width: 100%;
	height: auto;
	float: none;
	padding: 20px;
	text-align: center;
	background-color: #CCC;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#slabrate{
	width: 100%;
	height: auto;
	float: none;
	padding: 20px;
	text-align: center;
	background-color: #E6E6E6;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#kms{
	width: 100%;
	height: auto;
	float: none;
	padding: 20px;
	text-align: center;
	background-color: #CCC;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

#hrs{
	width: 100%;
	height: auto;
	float: none;
	padding: 20px;
	text-align: center;
	background-color: #E6E6E6;
	-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
}

}






/*-----------------------------------------------------------------------------------------*/
/*	TOOLTIP	*/
/*-----------------------------------------------------------------------------------------*/




.tooltip {
position:relative; /* make span relative to anchor */
text-decoration:none; /* no underline */
cursor:pointer; /* make cursor point */
    font-size: 12px;
}
.tooltip span { /* main body of tooltip */
position:absolute; /* AP it */
bottom:66px; /* FADE IN/OUT BEGIN */
left:50%; /* CENTER TOOLTIP */
margin-left:-72px; /* CENTER TOOLTIP */
width:130px; /* tootip width */
opacity:0; /* HIDE TOOLTIP in modern browsers */
visibility:hidden; /* HIDE TOOLTIP in IE */
padding:10px 5px; /* padding */
color:#fff; /* text color */
font:bold 75%/1.5 Arial, Helvetica, sans-serif; /* font */
text-align:center; /* center text */
pointer-events:none; /* no unintended tooltip popup for modern browsers */
border-radius:6px; /* round corners */
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6); /* text shadow */
background-color: rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.7);
border:2px solid rgb(255,255,255); /* IE6/7/8 */
border:2px solid rgba(255,255,255,.8); /* modern browsers */
box-shadow:0px 2px 4px rgba(0,0,0,0.5); /* shadow */
-webkit-transition:all 0.3s ease-in-out; /* animate tooltip */
-moz-transition:all 0.3s ease-in-out; /* animate tooltip */
-o-transition:all 0.3s ease-in-out; /* animate tooltip */
-ms-transition:all 0.3s ease-in-out; /* animate tooltip */
transition:all 0.3s ease-in-out; /* animate tooltip */
}
.tooltip span.dif { /* different width tooltip */
width:190px; /* width */
margin-left:-102px; /* center it */
}
.tooltip span:before, .tooltip span:after { /* bottom triangle - the white border */
content:''; /* add html content */
position:absolute; /* AP bottom triangle */
bottom:-13px; /* position bottom triangle */
left:50%; /* center bottom triangle */
margin-left:-12px; /* center bottom triangle */
border-left:12px solid transparent; /* build bottom triangle */
border-right:12px solid transparent; /* build bottom triangle */
border-top:12px solid rgb(255,255,255); /* build bottom triangle IE6/7/8 */
border-top:12px solid rgba(255,255,255,.8); /* build bottom triangle modern browsers */
}
.tooltip span:after { /* top triangle - the blue background */
bottom:-10px; /* position top triangle */
margin-left:-10px; /* center top triangle */
border-width:10px; /* build top triangle */
border-top:10px solid rgb(0, 0, 0, 0.6); /* build top triangle IE6/7/8 */
border-top:10px solid rgba(0, 0, 0, 0.6); /* build top triangle modern browsers */
}
.tooltip:hover span { /* reveal tooltip */
opacity:1; /* REVEAL TOOLTIP in modern browsers */
bottom:44px; /* FADE IN/OUT END */
visibility:visible; /* REVEAL TOOLTIP in IE */
}
.tooltip span:hover {
visibility:hidden; /* hide tooltip when moving from link to span in IE */
}
@media screen and (min-device-width:320px) and (max-device-width:768px) {.tooltip span{display:none;}.tooltip:hover span{display:block;} } /* iPad & iPhone simulate :hover */

.tooltip1 {
	position: relative;
    font-family: Arial;
}
.tooltip1:before, .tooltip:after {
	position: absolute;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	margin-left: -100px;
	left: 50%;
	bottom: 300%;
	display: block;
	color: #000;
	opacity: 0;
        visibility:hidden;
}
.tooltip1:before {
	content: attr(title);
	border: solid 1px #0088cc;
	background: #FFF;
	width: 200px;
	text-align: center;
	z-index: 2;
	font-size: 13px;
	line-height: 18px;
	padding: 5px;
}
.tooltip1:after {
	content: '\25c6';
	margin-left: 0;
	margin-top: 10px;
	width: 15px;
	height: 15px;
	z-index: 1;
	line-height: 28px;
	color: #0088cc;
	font-size: 20px;
}
.tooltip1:hover:before, .tooltip:hover:after {
	bottom: 150%;
	opacity: 1;
        visibility:visible;
}




/* setup tooltips 
.tooltip {
  position: relative;
}
.tooltip:before,
.tooltip:after {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.tooltip:after {
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgba(0,0,0,.75); 
  border-left: 6px solid transparent;
  content: '';
  height: 0;
    top: 20px;
    left: 20px;
  width: 0;
}
.tooltip:before {
  background: rgba(0,0,0,.75);
  border-radius: 2px;
  color: #fff;
  content: attr(data-title);
  font-size: 14px;
  padding: 6px 10px;
    top: 26px;
  white-space: nowrap;
}

/* the animations */
/* fade 
.tooltip.fade:after,
.tooltip.fade:before {
  transform: translate3d(0,-10px,0);
  transition: all .15s ease-in-out;
}
.tooltip.fade:hover:after,
.tooltip.fade:hover:before {
  opacity: 1;
  transform: translate3d(0,0,0);
}

/* expand 
.tooltip.expand:before {
  transform: scale3d(.2,.2,1);
  transition: all .2s ease-in-out;
}
.tooltip.expand:after {
  transform: translate3d(0,6px,0);
  transition: all .1s ease-in-out;
}
.tooltip.expand:hover:before,
.tooltip.expand:hover:after {
  opacity: 1;
  transform: scale3d(1,1,1);
}
.tooltip.expand:hover:after {
  transition: all .2s .1s ease-in-out;
}

/* swing 
.tooltip.swing:before,
.tooltip.swing:after {
  transform: translate3d(0,30px,0) rotate3d(0,0,1,60deg);
  transform-origin: 0 0;
  transition: transform .15s ease-in-out, opacity .2s;
}
.tooltip.swing:after {
  transform: translate3d(0,60px,0);
  transition: transform .15s ease-in-out, opacity .2s;
}
.tooltip.swing:hover:before,
.tooltip.swing:hover:after {
  opacity: 1;
  transform: translate3d(0,0,0) rotate3d(1,1,1,0deg);
}*/

.tooltip2 {
    display: inline;
    position: relative;
}

.tooltip2:hover {
    color: #c00;
    text-decoration: none;
}

.tooltip2:hover:after {
    background: #111;
    background: rgba(0,0,0,.8);
    border-radius: .5em;
    bottom: 1.35em;
    color: #fff;
    content: attr(title);
    display: block;
    left: 1em;
    padding: .3em 1em;
    position: absolute;
    text-shadow: 0 1px 0 #000;
    white-space: nowrap;
    z-index: 98;
}

.tooltip2:hover:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0,0,0,.8) transparent;
    border-width: .4em .4em 0 .4em;
    bottom: 1em;
    content: "";
    display: block;
    left: 2em;
    position: absolute;
    z-index: 99;
}

/*<a href="tel:+919976688666" class="tooltip2" title="Call Now">+91 99766 88666</a>*/

.tooltip3{
   			display: inline;
    		position: relative;
		}
		
		.tooltip3:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip3:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}
/*<a href="#" title="This is some information for our tooltip." class="tooltip"><span title="More">CSS3 Tooltip</span></a>	*/

[data-balloon] {
  position: relative;
}
[data-balloon]:before,
[data-balloon]:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-balloon]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(data-balloon);
  font-size: 12px;
  padding: .5em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-balloon]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: "";
  margin-bottom: 5px;
}
[data-balloon]:hover:before,
[data-balloon]:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon][data-balloon-break]:after {
  white-space: normal;
}
[data-balloon-pos="down"]:before,
[data-balloon-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon-pos="down"]:after {
  margin-top: 11px;
}
[data-balloon-pos="down"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="down"]:hover:before,
[data-balloon-pos="down"]:hover:after {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
[data-balloon-pos="left"]:before,
[data-balloon-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon-pos="left"]:after {
  margin-right: 11px;
}
[data-balloon-pos="left"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon-pos="left"]:hover:before,
[data-balloon-pos="left"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-pos="right"]:before,
[data-balloon-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon-pos="right"]:after {
  margin-left: 11px;
}
[data-balloon-pos="right"]:before {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon-pos="right"]:hover:before,
[data-balloon-pos="right"]:hover:after {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[data-balloon-length]:after {
  white-space: normal;
}
[data-balloon-length="small"]:after {
  width: 80px;
}
[data-balloon-length="medium"]:after {
  width: 150px;
}
[data-balloon-length="large"]:after {
  width: 260px;
}
[data-balloon-length="xlarge"]:after {
  width: 90vw;
}
@media screen and (min-width: 768px) {
  [data-balloon-length="xlarge"]:after {
    width: 380px;
  }
}
[data-balloon-length="fit"]:after {
  width: 100%;
}

/*<span data-balloon="Whats up!" data-balloon-pos="up">Hover me!</span>
<span data-balloon="Whats up!" data-balloon-pos="left">Hover me!</span>
<span data-balloon="Whats up!" data-balloon-pos="right">Hover me!</span>
<span data-balloon="Whats up!" data-balloon-pos="down">Hover me!</span>
<span data-balloon-length="small" data-balloon="Hi." data-balloon-pos="up">Hover me!</span>
<span data-balloon-length="medium" data-balloon="Now that's a super big text we have over here right? Lorem ipsum dolor sit I'm done." data-balloon-pos="up">I'm a medium tooltip.</span>
<a href="#" data-balloon-length="large" data-balloon="What about something really big? This may surpass your window dimensions. Imagine you're on that boring class with that boring teacher and you didn't slept so well last night. Suddenly you're sleeping in class. Can you believe it?!" data-balloon-pos="up">I'm a large tooltip</a>
<a href="#" data-balloon-length="xlarge" data-balloon="What about something really big? This may surpass your window dimensions. Imagine you're on that boring class with that boring teacher and you didn't slept so well last night. Suddenly you're sleeping in class. Can you believe it?!" data-balloon-pos="up">I'm a Xlarge tooltip</a>
<a href="#" data-balloon-length="fit" data-balloon="What about something really big? This may surpass your window dimensions. Imagine you're on that boring class with that boring teacher and you didn't slept so well last night. Suddenly you're sleeping in class. Can you believe it?!" data-balloon-pos="up">My width will fit to element</a>

*/


/*-----------------------------------------------------------------------------------------*/
/*	BACKGROUND COLOR	*/
/*-----------------------------------------------------------------------------------------*/


.bgblacktrans7{
background-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
}

.bgblacktrans3{
background-color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
}

.bgblacktrans4{
background-color: rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.4);
}


.bgblacktrans5{
background-color: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.5);
}

.bgwhitetrans{
background-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
}

.bgwhite{
    background-color: #FFF; display: table;
}

.bgwhiteh{
    background-color: #f1f2f4; display: table;
}

.bggrey{
    background-color: #e4e0e2; display: table;
}

.bggrey1{
    background-color: #cccccc; display: table;
}

.bgdarkgrey{
    background-color: #3a3838; display: table;
}

.bgblack{
    background-color: #000; display: table;
}



.bgwblue1{
   background-color: #0661ae; display: table;
}

.bgwblue2{
   background-color: #1376fd; display: table;
}

.bggwglass{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}

.bgblugrd{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */
background: rgb(206,219,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */

}

.bggregrd{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
background: rgb(157,213,58); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */

}


.bggold{
    background-color: #b4965a; display: table;
}

.bggoldlt{
    background-color: #d49f36; display: table;
}


.bggoldgl{
    background-color: #a88644; display: table;
}

.bgviolet{
    background-color: #8103bb; display: table;
}


.bgblue{
    background-color: #144BC8; display: table;
}

.bgcyan{
    background-color: #0992d9; display: table;
}

.bgkumkum{
    background-color: #ed1c24; display: table;
}


.bgorange{
    background-color: #fa7103; display: table;
}

.bgyellow{
    background-color: #f1ba1c; display: table;
}

.bgbrown{
    background-color: #683915; display: table;
}

.bgoyellow{
    background-color: #f6a501; display: table;
}

.bglemon{
    background-color: #c9fa03; display: table;
}

.bgred{
     background-color: #f00707; display: table;
}

.bggreen{
     background-color: #4fbf04; display: table;
}

.bgpink{
     background-color: #f80361; display: table;
}

.bglgreen{
     background-color: #5ac43d; display: table;
}






/*-----------------------------------------------------------------------------------------*/
/*	LINKS & COLORS	*/
/*-----------------------------------------------------------------------------------------*/

.easein{
    -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
}

.linkgcyan a:link{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkgcyan a:visited{ text-decoration:none; color:#999;}
.linkgcyan a:active{ text-decoration:none; color:#999;}
.linkgcyan a:hover{ text-decoration:none; color:#09F; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.linkglemon a:link{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkglemon a:visited{ text-decoration:none; color:#999;}
.linkglemon a:active{ text-decoration:none; color:#999;}
.linkglemon a:hover{ text-decoration:none; color:#CF0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.linkgpink a:link{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkgpink a:visited{ text-decoration:none; color:#999;}
.linkgpink a:active{ text-decoration:none; color:#999;}
.linkgpink a:hover{ text-decoration:none; color:#FD0072; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.linkgorange a:link{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkgorange a:visited{ text-decoration:none; color:#999;}
.linkgorange a:active{ text-decoration:none; color:#999;}
.linkgorange a:hover{ text-decoration:none; color:#F60; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.class5 a:link{ text-decoration:none; color:#666; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.class5 a:visited{ text-decoration:none; color:#666;}
.class5 a:active{ text-decoration:none; color:#666;}
.class5 a:hover{ text-decoration:none; color:#005BB7; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.class6 a:link{ text-decoration:none; color:#666; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.class6 a:visited{ text-decoration:none; color:#666;}
.class6 a:active{ text-decoration:none; color:#666;}
.class6 a:hover{ text-decoration:none; color:#FD0072; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.classww a:link{ text-decoration:none; color:#333; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classww a:visited{ text-decoration:none; color:#333;}
.classww a:active{ text-decoration:none; color:#333;}
.classww a:hover{ text-decoration:none; color:#0062bb; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}


.classww1 a:link{ text-decoration:none; color:#0062bb; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classww1 a:visited{ text-decoration:none; color:#0062bb;}
.classww1 a:active{ text-decoration:none; color:#0062bb;}
.classww1 a:hover{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.linkgred a:link{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
			-o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkgred a:visited{ text-decoration:none; color:#999;}
.linkgred a:active{ text-decoration:none; color:#999;}
.linkgred a:hover{ text-decoration:none; color:#db0808; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}


.linkbred a:link{ text-decoration:none; color:#000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
			-o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkbred a:visited{ text-decoration:none; color:#000;}
.linkbred a:active{ text-decoration:none; color:#000;}
.linkbred a:hover{ text-decoration:none; color:#db0808; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}



.linkgyellow a:link{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkgyellow a:visited{ text-decoration:none; color:#999;}
.linkgyellow a:active{ text-decoration:none; color:#999;}
.linkgyellow a:hover{ text-decoration:none; color:#fbc406; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}


.linkggreen a:link{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.linkggreen a:visited{ text-decoration:none; color:#999;}
.linkggreen a:active{ text-decoration:none; color:#999;}
.linkggreen a:hover{ text-decoration:none; color:#83fa04; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.classfb a:link{ text-decoration:none; color:#113394; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classfb a:visited{ text-decoration:none; color:#113394;}
.classfb a:active{ text-decoration:none; color:#113394;}
.classfb a:hover{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.classtwt a:link{ text-decoration:none; color:#08c4fa; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classtwt a:visited{ text-decoration:none; color:#08c4fa;}
.classtwt a:active{ text-decoration:none; color:#08c4fa;}
.classtwt a:hover{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.classgp a:link{ text-decoration:none; color:#a24303; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classgp a:visited{ text-decoration:none; color:#a24303;}
.classgp a:active{ text-decoration:none; color:#a24303;}
.classgp a:hover{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.classyt a:link{ text-decoration:none; color:#db0808; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classyt a:visited{ text-decoration:none; color:#db0808;}
.classyt a:active{ text-decoration:none; color:#db0808;}
.classyt a:hover{ text-decoration:none; color:#999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.classchoc a:link{ text-decoration:none; color:#391e0a; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classchoc a:visited{ text-decoration:none; color:#391e0a;}
.classchoc a:active{ text-decoration:none; color:#391e0a;}
.classchoc a:hover{ text-decoration:none; color:#060606; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.classwhite a:link{ text-decoration:none; color:#FFF; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classwhite a:visited{ text-decoration:none; color:#FFF; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classwhite a:active{ text-decoration:none; color:#FFF; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.classwhite a:hover{ text-decoration:none; color:#c90707; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.class1 a:link{ text-decoration:none; color:#333;}
.class1 a:visited{ text-decoration:none; color:#333;}
.class1 a:active{ text-decoration:none; color:#333;}
.class1 a:hover{ text-decoration:none; color:#fb0640;}


.class2 a:link{ text-decoration:none; color:#999;}
.class2 a:visited{ text-decoration:none; color:#999;}
.class2 a:active{ text-decoration:none; color:#999;}
.class2 a:hover{ text-decoration:none; color:#09F;}

.classpink a:link{ text-decoration:none; color:#999;}
.classpink a:visited{ text-decoration:none; color:#999;}
.classpink a:active{ text-decoration:none; color:#999;}
.classpink a:hover{ text-decoration:none; color:#fa0478;}

.classred a:link{ text-decoration:none; color:#999;}
.classred a:visited{ text-decoration:none; color:#999;}
.classred a:active{ text-decoration:none; color:#999;}
.classred a:hover{ text-decoration:none; color:#db0808;}

.classlemon a:link{ text-decoration:none; color:#999;}
.classlemon a:visited{ text-decoration:none; color:#999;}
.classlemon a:active{ text-decoration:none; color:#999;}
.classlemon a:hover{ text-decoration:none; color:#b3fb06;}

.classyellow a:link{ text-decoration:none; color:#999;}
.classyellow a:visited{ text-decoration:none; color:#999;}
.classyellow a:active{ text-decoration:none; color:#999;}
.classyellow a:hover{ text-decoration:none; color:#fbc406;}


.classgreen a:link{ text-decoration:none; color:#999;}
.classgreen a:visited{ text-decoration:none; color:#999;}
.classgreen a:active{ text-decoration:none; color:#999;}
.classgreen a:hover{ text-decoration:none; color:#83fa04;}

.classfb a:link{ text-decoration:none; color:#113394;}
.classfb a:visited{ text-decoration:none; color:#113394;}
.classfb a:active{ text-decoration:none; color:#113394;}
.classfb a:hover{ text-decoration:none; color:#999;}

.classtwt a:link{ text-decoration:none; color:#08c4fa;}
.classtwt a:visited{ text-decoration:none; color:#08c4fa;}
.classtwt a:active{ text-decoration:none; color:#08c4fa;}
.classtwt a:hover{ text-decoration:none; color:#999;}

.classgp a:link{ text-decoration:none; color:#a24303;}
.classgp a:visited{ text-decoration:none; color:#a24303;}
.classgp a:active{ text-decoration:none; color:#a24303;}
.classgp a:hover{ text-decoration:none; color:#999;}

.classyt a:link{ text-decoration:none; color:#db0808;}
.classyt a:visited{ text-decoration:none; color:#db0808;}
.classyt a:active{ text-decoration:none; color:#db0808;}
.classyt a:hover{ text-decoration:none; color:#999;}

.classchoc a:link{ text-decoration:none; color:#391e0a;}
.classchoc a:visited{ text-decoration:none; color:#391e0a;}
.classchoc a:active{ text-decoration:none; color:#391e0a;}
.classchoc a:hover{ text-decoration:none; color:#060606;}

.classwhite a:link{ text-decoration:none; color:#FFF;}
.classwhite a:visited{ text-decoration:none; color:#FFF;}
.classwhite a:active{ text-decoration:none; color:#FFF;}
.classwhite a:hover{ text-decoration:none; color:#09F;}



/*-----------------------------------------------------------------------------------------*/
/*	IMAGE HOVER EFFECTS	*/
/*-----------------------------------------------------------------------------------------*/

/*
 * Caption component
 */
.caption {
    position: relative;
    overflow: hidden;

    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}

.caption:hover::before {
    background: rgba(0, 0, 0, .9);
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;

    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.caption:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {
    -webkit-transform: translateY( -webkit-calc(-100% - 10px) );
            transform: translateY( calc(-100% - 10px) );

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.caption:hover .caption__overlay__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

/*<article class="caption">
        <img class="caption__media" src="http://farm7.staticflickr.com/6088/6128773012_bd09c0bb4e_z_d.jpg" />
        <div class="caption__overlay">
            <h1 class="caption__overlay__title">Alaska</h1>
            <p class="caption__overlay__content">
                Alaska is a U.S. state situated in the northwest extremity of the North American continent. Bordering the state is Canada to the east, the Arctic Ocean to the north, and the Pacific Ocean to the west and south, with Russia (specifically, Siberia) further west across the Bering Strait.
            </p>
        </div>
    </article>

/* img color change on hover */

img {
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		.blur {
			filter: blur(10px);
			-webkit-filter: blur(10px);
			-moz-filter: blur(10px);
			-o-filter: blur(10px);
			-ms-filter: blur(10px);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}
		img.blur:hover {
			filter: blur(0);
			-webkit-filter: blur(0);
			-moz-filter: blur(0);
			-o-filter: blur(0);
			-ms-filter: blur(0);
            -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

		.brightness {
			filter: brightness(100);
			-webkit-filter: brightness(100);
			-moz-filter: brightness(100);
			-o-filter: brightness(100);
			-ms-filter: brightness(100);
            -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		img.brightness:hover{
			filter: brightness(1);
			-webkit-filter: brightness(1);
			-moz-filter: brightness(1);
			-o-filter: brightness(1);
			-ms-filter: brightness(1);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		.saturation {
			filter: saturate(400%);
			-webkit-filter: saturate(400%);
			-moz-filter: saturate(400%);
			-o-filter: saturate(400%);
			-ms-filter: saturate(400%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}
		img.saturation:hover{
			filter: saturate(100%);
			-webkit-filter: saturate(100%);
			-moz-filter: saturate(100%);
			-o-filter: saturate(100%);
			-ms-filter: saturate(100%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		.contrast{
			filter: contrast(300%);
			-webkit-filter: contrast(300%);
			-moz-filter: contrast(300%);
			-o-filter: contrast(300%);
			-ms-filter: contrast(300%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		img.contrast:hover{
			filter: contrast(100%);
			-webkit-filter: contrast(100%);
			-moz-filter: contrast(100%);
			-o-filter: contrast(100%);
			-ms-filter: contrast(100%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		.invert {
			filter: invert(100%);
			-webkit-filter: invert(100%);
			-moz-filter: invert(100%);
			-o-filter: invert(100%);
			-ms-filter: invert(100%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		img.invert:hover {
			filter: invert(0);
			-webkit-filter: invert(0);
			-moz-filter: invert(0);
			-o-filter: invert(0);
			-ms-filter: invert(0);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		.grayscale {
			filter: grayscale(100%);
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
            opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
		}

		img.grayscale:hover {
			filter: grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-o-filter: grayscale(0);
			-ms-filter: grayscale(0);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
            opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
		}


        .grayscale1 {
			filter: grayscale(100%);
			-webkit-filter: grayscale(100%);
			-moz-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

		img.grayscale1:hover {
			filter: grayscale(0);
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			-o-filter: grayscale(0);
			-ms-filter: grayscale(0);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
            background: #FFF;
            padding: 2px;
		}

		.sepia {
			filter: sepia(100%);
			-webkit-filter: sepia(100%);
			-moz-filter: sepia(100%);
			-o-filter: sepia(100%);
			-ms-filter: sepia(100%);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}
		img.sepia:hover {
			filter: sepia(0);
			-webkit-filter: sepia(0);
			-moz-filter: sepia(0);
			-o-filter: sepia(0);
			-ms-filter: sepia(0);
            -webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
		}

/*Ex : <img   class="brightness" src="http://farm6.staticflickr.com/5115/7233791428_cc5d9edc3d_m.jpg">*/




/*----------------------------------------
	Shadows
-----------------------------------------*/

.dsideshd{
box-shadow: -60px 0px 100px -90px rgba(0,0,0,30), 60px 0px 100px -90px rgba(0,0,0,30); display: table;
}

.shadow1{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    display: table;
}

.shadow15{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
    display: table;
}

.border2{
    border: solid 2px white;
}

/*----------------------------------------
	Columns Tags floats
-----------------------------------------*/

#colm6{
    width: 14.5%; height: auto; float: left; display: table; margin: 1%;
}

#colm5{
    width: 18%; height: auto; float: left; display: table; margin: 1%;
}


#colm5full{
    width: 20%; height: auto; float: left; display: table;
}

#colm4full{
    width: 25%; height: auto; float: left; display: table;
}

#colm4{
    width: 23%; height: auto; float: left; display: table; margin: 1%;
}

#colm3{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}

#colm2{
    width: 45%; height: auto; float: left; display: table; margin: 2%;
}

#colm2fill{
    width: 48%; height: auto; float: left; display: table; margin: 1%;
}

#colmlftw{
    width: 65%; height: auto; float: left; display: table; margin: 1%;
}

#colmrgts{
    width: 31%; height: auto; float: right; display: table; margin: 1%; 
}

#colmrgtw{
    width: 65%; height: auto; float: right; display: table; margin: 1%;
}

#colmlfts{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}


#colmlftww{
    width: 75%; height: auto; float: left; display: table; margin: 1%;
}

#colmrgtss{
    width: 21%; height: auto; float: right; display: table; margin: 1%; 
}

#colmrgtww{
    width: 75%; height: auto; float: right; display: table; margin: 1%;
}

#colmlftss{
    width: 21%; height: auto; float: left; display: table; margin: 1%;
}

#colm3fill{
    width: 33.3%; height: auto; float: left; display: table;
}

#colm4thumb{
    width: 23%; height: auto; float: left; display: table; margin: 1%;
}

#colm3thumb{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}

#colm2thumb{
    width: 45%; height: auto; float: left; display: table; margin: 2%;
}

#content{
    width: 90%; height: auto; display: table; margin: 0 auto 0 auto; 
}

.lft{
    float: left !important;
}

.rgt{
    float: right !important;
}

.alnrgt{
    text-align: right !important;
}

.alnlft{
    text-align: left !important;
}

#colm3p{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}

#colm2p{
    width: 57%; height: auto; float: left; display: table; margin: 1%;
}


#colm49{
    width: 46%; height: auto; float: left; display: table; padding: 1%; margin: 1%;
}


.txtleft{
    text-align: left;
}

.txtright{
    text-align: right;
}

#wwgal4{
    width: 23%; height: auto; float: left; display: table; margin: 1%;
}

#wwgal3{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}

#wwgal2{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}



@media only screen and (min-width: 600px) and (max-width: 800px){ 

#colm6{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}
    
#colm5{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}
    
    #colm5full{
    width: 20%; height: auto; float: left; display: table; margin: 1%;
}

    
#colm4{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}

#colm3{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}

#colm2{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}
    
#colm2fill{
    width: 48%; height: auto; float: left; display: table; margin: 1%;
}    
    
#colm3fill{
    width: 33.3%; height: auto; float: left; display: table;
}
    
    
    #colm3p{
    width: 90%; height: auto; float: none; display: table; margin: 1% auto;
}

#colm2p{
     width: 90%; height: auto; float: none; display: table; margin: 1% auto;
}
    
    #colm4thumb{
    width: 23%; height: auto; float: left; display: table; margin: 1%;
}

#colm3thumb{
    width: 31%; height: auto; float: left; display: table; margin: 1%;
}

#colm2thumb{
    width: 45%; height: auto; float: left; display: table; margin: 2%;
}
    
}

@media only screen and (min-width: 1px) and (max-width: 599px){ 
    
#colm6{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}
    
    
#colm5{
    width: 90%; height: auto; float: none; display: table; margin: 1% auto;
}
    
    #colm5full, #colm4full{
    width: 50%; height: auto; float: none; display: table; margin: 1% auto;
}
    
#colm4full{
    width: 50%; height: auto; float: left; display: table; margin: 1% auto;
}

#colm4, #colm3, #colm2, #colm3fill, #colmlfts, #colmlftw, #colmrgts, #colmrgtw, #colmlftss, #colmlftww, #colmrgtss, #colmrgtww{
    width: 90%; height: auto; float: none; display: table; margin: 10px auto 10px auto;
}

    
    #colm3p{
    width: 90%; height: auto; float: none; display: table; margin: 10px auto 10px auto;
}

#colm2p{
    width: 90%; height: auto; float: none; display: table; margin: 10px auto 10px auto;
}
    
 #colm2fill{
    width: 90%; height: auto; float: none; display: table; margin: 10px auto 10px auto;
}   
    
    #colm49{
    width: 90%; height: auto; float: none; display: table; margin: 10px auto 10px auto; padding: 1%;
}
    
    #colm4thumb{
    width: 23%; height: auto; float: left; display: table; margin: 1%;
}

#colm3thumb{
   width: 23%; height: auto; float: left; display: table; margin: 1%;
}

#colm2thumb{
    width: 23%; height: auto; float: left; display: table; margin: 1%;
}
    
        #wwgal4{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}

#wwgal3{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}

#wwgal2{
    width: 47%; height: auto; float: left; display: table; margin: 1%;
}
    
    #amman{
    display: none; 
}


}






 /*  Accordion  --------------------------------*/
	
	
	.accordionButton {	
		width: 100%;
		float: left;
		background: url(../images/accordion-plus.png) no-repeat 0px 13px;
		border-bottom: 1px solid #EEEEEE;
		cursor: pointer;
		padding-bottom:15px;
		padding-top:15px;
		padding-left:30px;
		font-size:12px;
		font-weight:bold;
		color:#2b2b2b;
        font-family: Arial;
	}
	
	.accordionButton.first {	
		border-top: 1px solid #EEEEEE;
		margin-top:10px;
	}
		
	.accordionContent {	
		width: 100%;
		float: left;
		padding-bottom:20px;
		margin-top:15px;
		padding-left:30px;
		border-bottom: 1px solid #EEEEEE;
        font-family: Arial;
        font-size: 13px;
	}

	.on {
		background: url(../images/accordion-minus.png) no-repeat 0px 13px;
	}



/******DROPCAPS******/

/*example <p><span class="dropcap1">P</span>ras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.</p>*/
.dropcap1 {
	 background: none repeat scroll 0 0 #535961;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
    margin: 6px 7px 0 0;
    padding-bottom: 2px;
    text-align: center;
    width: 36px;
}
.dropcap2 {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 30px;
	height: 60px;
	line-height: 55px;
	text-align: center;
	width: 60px;
	border-radius: 70px 70px 70px 70px;
	padding-left: 1px;
	background-attachment: scroll;
	background-color: #7c8187;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 8px;
}
.dropcap3 {
    color: #7e8082;
    display: inline-block;
    float: left;
    font-size: 56px;
    font-weight: lighter;
    height: 36px;
    line-height: 56px;
    margin: 0 7px 0 0;
    padding-bottom: 2px;
    text-align: center;
    width: 36px;
}
.dropcap4 {
	background: none repeat scroll 0 0 #ffea00;
    color: #414146;
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
    margin: 6px 7px 0 0;
    padding-bottom: 2px;
    text-align: center;
    width: 36px;
}




.fadein{
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
}

/*----------------------------------------
	Shadow Effects
-----------------------------------------*/
.effect1{
     box-shadow: 0 10px 6px -6px #777;
}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}

.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(3deg);
}

.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 35px 20px #777;
  transform: rotate(-8deg);
}
.effect5:after
{
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

.effect6
{
  	position:relative;       
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
}

.effect7
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
} 
.effect7:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}

.effect8
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
} 
.effect8:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}

.opacity1{opacity: 0.10;}
.opacity2{opacity: 0.20;}
.opacity3{opacity: 0.30;}
.opacity4{opacity: 0.40;}
.opacity5{opacity: 0.50;}
.opacity6{opacity: 0.60;}
.opacity7{opacity: 0.70;}
.opacity8{opacity: 0.80;}
.opacity9{opacity: 0.90;}






/*----------------------------------------
	Website Custom
-----------------------------------------*/


.impx-menu-page-content {
	position: relative;
	border-bottom: 1px dashed #dadada;
	padding-bottom: 0;
}
.impx-menu-page-content h4 span,
.impx-menu-page-content h4 span.menu-new {
	color: #ffffff;
	background-color: #d93636;
	position: relative;
	font-size: 13px;
	line-height: 14px;
	padding: 2px 5px 3px;
	top: -10px;
	left: 4px;
	border-radius: 2px;
	font-weight: 700;
}
.impx-menu-page-content h4 span.menu-new {
	background-color: #3fa962;
}


.yimpx-menu-page-content {
	position: relative;
	border-bottom: 1px dashed #dadada;
	padding-bottom: 0;
}
.yimpx-menu-page-content h4 span,
.yimpx-menu-page-content h4 span.menu-new {
	color: #000;
	background-color: #ffa200;
	position: relative;
	font-size: 13px;
	line-height: 14px;
	padding: 2px 5px 3px;
	top: -10px;
	left: 4px;
	border-radius: 2px;
	font-weight: 700;
}
.yimpx-menu-page-content h4 span.menu-new {
	background-color: #3fa962;
}


.gimpx-menu-page-content {
	position: relative;
	border-bottom: 1px dashed #dadada;
	padding-bottom: 0;
}
.gimpx-menu-page-content h4 span,
.gimpx-menu-page-content h4 span.menu-new {
	color: #FFF;
	background-color: #0d7801;
	position: relative;
	font-size: 13px;
	line-height: 14px;
	padding: 2px 5px 3px;
	top: -10px;
	left: 4px;
	border-radius: 2px;
	font-weight: 700;
}
.gimpx-menu-page-content h4 span.menu-new {
	background-color: #ffa200;
}


.impx-menu-page-price h5 {
	padding: 0px 10px;
	font-size: 14px;
	border: 1px solid #a5e3b9;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 3px;
	color: #3fa962;
	font-weight: 700;
}
.impx-menu-page.menu-list .impx-menu-page-price {
}
.impx-menu-page.menu-list-rounded .impx-menu-page-price {
	top: 17px;
}
.impx-menu-page-featured-badge {
	position: absolute;
	right: 0;
	bottom: 0px;
	background-color: #3fa962;
	color: #ffffff;
	padding: 0px 8px;
	font-size: 14px !important;
}

.impx-menu-page-group .impx-menu-page-content .impx-menu-page-price{
	padding: 5px 8px;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid #a5e3b9;
	position: absolute;
	right: 0;
	top: 3px;
	color: #3fa962;
}




li.styleone{ list-style:disc;}

li.mst{ list-style-image:url(../img/button.html);}


.emphasize-inset {
    box-shadow: inset 0 0 7px 4px rgba(255,255,255,.5)
}

.emphasize-border {
    box-shadow: inset 0 0 0 7px rgba(255,255,255,.5)
}

.bgjmj{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5e3bd+0,e2c88d+5,d3ac5d+8,f5e3bd+35,f5e3bd+39,f5e3bd+56,f5e3bd+100 */
background: #f5e3bd; /* Old browsers */
background: -moz-linear-gradient(top,  #f5e3bd 0%, #e2c88d 5%, #d3ac5d 8%, #f5e3bd 35%, #f5e3bd 39%, #f5e3bd 56%, #f5e3bd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f5e3bd 0%,#e2c88d 5%,#d3ac5d 8%,#f5e3bd 35%,#f5e3bd 39%,#f5e3bd 56%,#f5e3bd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f5e3bd 0%,#e2c88d 5%,#d3ac5d 8%,#f5e3bd 35%,#f5e3bd 39%,#f5e3bd 56%,#f5e3bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e3bd', endColorstr='#f5e3bd',GradientType=0 ); /* IE6-9 */
display: table;
}


.imgfw img{
	width: 100%;
	height: auto;
    display: table;
}

.img80 img{
	width: 80%;
	height: auto;
    display: table;
}

.img50 img{
	width: 50%;
	height: auto;
    display: table;
}

.img30 img{
	width: 30%;
	height: auto;
    display: table;
}

.pdf-thumb-box
{
display:inline-block !important;
position:relative !important; 
overflow: hidden;
}
.pdf-thumb-box-overlay {
   
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;

}
.pdf-thumb-box a{

    color:transparent;
}
.pdf-thumb-box a:hover .pdf-thumb-box-overlay {
    visibility:visible;
    opacity:1;
    transition-delay:0s;
    text-align:center;
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    width:100%;
    height:100%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    
}
.pdf-thumb-box-overlay span {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0
}


i.circle
{
    width: 18px;
    height: 18px;
  display: inline-block;
  border-radius: 50px;
  box-shadow: 0px 0px 2px #888;
    padding: 2%;
    background: #fc0142;
    -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
    text-align: center;
}

i.circle:hover
{
  display: inline-block;
  border-radius: 50px;
  box-shadow: 0px 0px 2px #888;
    padding: 2%;
    background: #fca601;
    -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#pgtitle{
    width: auto;
    height: auto;
    float: left;
    border: 1px solid #FFF;
    border-radius: 2px;
    display: table;
    text-align: center;
    padding: 5px;
}


#pgmenu{
    width: auto;
    height: auto;
    float: right;
    border: 1px solid #FFF;
    border-radius: 5px;
    display: table;
    text-align: center;
    padding: 5px;
}


#top{
    width: 100%; height: 5px; display: table; z-index: 93; position: relative; background: #181818;
}

#topscroll{
    width: 100%; height: 14px; display: table; border-top: 1px solid #e5e7e8;
}

#header{
    width: 100%; height: auto; display: table;   z-index: 99;  margin: 0 auto; line-height: 1.2;
}


#logo{
    width: 20%;
    height: auto;
    float: left;
    margin: 0px 5px;
    display: table;
    top: 0px;
    z-index: 999999999 !important;
}

#logo1{
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 25px;
    display: table;
    top: 0px;
    z-index: 999999999 !important;
}

.logobg{
    background: none;
}

#logo img{width: 100% !important; height: auto !important;}


#isoc{width: auto;
    height: auto;
    float: right;
    display: table;
    right: 2%;
    margin-top: 10px;
    margin-right: 10px;
    z-index: 999999999;}

#cname{
    width: auto; height: auto; float: left; margin: 20px 1%; display: table; 
}

#menu{
    width: 100%; height: auto; float: right; display: table;  z-index: 999;  position: relative; background: #333; margin: 0; padding: 0; line-height: 0;
}

#phone{width: auto; height: auto; display: table; float: left; margin-left: 15px;}

#nav{width: auto; height: auto; display: table; float: right; margin: 0;}

#banner{
    width: 98%; height: auto; display: table; margin: 1% auto; clear: both;  z-index: 92; 
}

#bannerlft{
    width: 70%; height: auto; display: table; margin: 0; z-index: 92; float: left;
}

#bannerrgt{
    width: 30%; height: auto; display: table; margin: 0; z-index: 92; float: left; background: #f5f5f5;
}

#bannerinner{
    width: 80%; height: auto; margin: 2% auto; display: table;
}

.bggreengra{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cdb32+0,8fc400+100 */
background: #8cdb32; /* Old browsers */
background: -moz-linear-gradient(top,  #8cdb32 0%, #8fc400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8cdb32 0%,#8fc400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8cdb32 0%,#8fc400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cdb32', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
    display: table;
}

#bannerborder{
    width: 100%; height: 9px; background-image: url(../img/bannerborder.html); background-repeat: repeat-x; margin: 0; display: table;
}

.bg1{background-image: url(../img/img1bg.html);
    background-repeat: no-repeat;
    background-position: center top;
}

.bg2{background-image: url(../img/img2bg.html);
    background-repeat: no-repeat;
    background-position: center top;
}

.bg3{background-image: url(../img/img3bg.html);
    background-repeat: no-repeat;
    background-position: center top;
}

.bg4{background-image: url(../img/img4bg.html);
    background-repeat: no-repeat;
    background-position: center top;
}

.bg5{ display: table;
background: #003e8d; /* Old browsers */
background: -moz-linear-gradient(left, #003e8d 0%, #003e8d 35%, #e98b0e 35%, #e98b0e 35%, #e98b0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003e8d), color-stop(35%,#003e8d), color-stop(35%,#e98b0e), color-stop(35%,#e98b0e), color-stop(100%,#e98b0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* IE10+ */
background: linear-gradient(left, #003e8d 0%,#003e8d 35%,#e98b0e 35%,#e98b0e 35%,#e98b0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e8d', endColorstr='#e98b0e',GradientType=1 ); /* IE6-9 */
}




section{
    width: 88%; height: auto; display: table; margin: 0 auto; 
}

#content{
    width: 90%; height: auto; display: table; margin: 1% auto;
}

#hmsub1{
    width: 100%; height: auto; background-image: url(../img/bg1.html); background-repeat: no-repeat;    background-attachment: fixed; background-size: cover; background-position: center top; background-color: #000; display: table;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
}

#subbanner{
    width: 100%; height: auto; background-image: url(../img/foodbg.html); background-repeat: no-repeat;    background-attachment: fixed; background-size: 100%; background-position: center top; background-color: #000; display: table;  -webkit-background-size: 100%;  -moz-background-size: 100%;  -o-background-size: 100%; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75) inset; -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75) inset; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75) inset; position: relative;
}

#subbanner2{
    width: 100%; height: auto; background-image: url(../img/bannerbg.html); background-repeat: no-repeat;      background-position: left top; background-color: #ec1c23; display: table;  -webkit-background-size: 100%;  position: relative;
}

#gallerybg{
    width: 100%; height: auto; background-image: url(../images/footerbg.jpg); background-color: #000; display: table;  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75) inset; -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75) inset; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75) inset; position: relative;
}

#rgtclm{
    width: 34%; height: auto; display: table; float: right; box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000;
}


#rgtcnt{
    width: 90%; height: auto; display: table; margin: 0 auto 0 auto;
}

#lftclm{
    width: 65%; height: auto; float: left; display: table;
}

#navigation{
    width: 100%; height: auto; display: table;
}

#center{
    width: 50%; height: auto; margin: 1% auto; display: table;
}

#titlelft{
    width: auto; height: auto; display: table; padding: 10px; float: left;
}

#titlergt{
    width: auto; height: auto; display: table; padding: 10px; float: right; text-align: right;
}

#footer{
width: 100%; height: auto; display: table; padding-top: 10px; padding-bottom: 10px; background-color: #0d0e0e;
    background-image: url(../img/footerbg.html);
}

.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}


.ribbongreen {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbongreen span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbongreen span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbongreen span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.ribbonblue {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbonblue span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbonblue span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbonblue span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}

#sercol{
    width: 1000px;
    height: 350px; margin: 1% auto; display: table;
}




@media only screen and (max-width: 599px){
    
        .lft, .rgt{
    width: 100%; height: auto; display: table; text-align: center; float: none !important;
}

    
    #sercol{
    width: 80%;
    height: auto; margin: 1% auto; display: table;
}
    
    #logo{
			width: 40%;
			margin: auto;
			float: none;
    text-align: center;
    margin: 2% auto 5px auto;
        padding: 0px; padding-right: 0px;  border-right: 0px solid #999;
        position: relative;
}
    
    #name{
    width: 90%; height: auto; float: none; margin: 10px auto; line-height:1.2; text-align: center;
}
      
    #cust{
    width: 70%; height: auto; display: none; float: none; margin: 1% auto; text-align: center;
}
    
#custscroll{
    display: none;
}
    
    #topscroll{
    width: 100%; height: 14px; display: table; border-top: 1px solid #e5e7e8;
}
    
    #rgtclm{
    width: 80%; height: auto; display: table; float: none; box-shadow: -60px 0px 100px -90px #000000, 60px 0px 100px -90px #000000; border: 5px solid #0062bb;  margin: 1% auto;
}

    #lftclm{
    width: 90%; height: auto; float: none; display: table; margin: 1% auto;
} 
    
    #center{
    width: 90%; height: auto; margin: 1% auto; display: table;
}
    
    #pgtitle{
    width: 80%;
    height: auto;
    float: none;
    border: 0px solid #FFF;
    border-radius: 2px;
    display: table;
    text-align: center;
    padding: 5px;
        margin: 10px auto;
}


#pgmenu{
    width: 80%;
    height: auto;
    float: none;
    border: 1px solid #FFF;
    border-radius: 2px;
    display: table;
    text-align: center;
    padding: 5px;
        margin: 10px auto;
}
    




}

@media only screen and (max-width: 899px){
  #menu, #cendiv, #nav{
    width: 100%; height: auto; float: none; position: relative; display: table; z-index: 99999999; overflow: visible; background: none; top: 0px;
}

@media only screen and (max-width: 599px){
  
    #phone{
    width: 100%; height: auto; float: none; position: relative; display: table; z-index: 99999999; overflow: visible; top: 0px; margin: 0px;
         background: #760878;
}
    
    
    
 #header, #bannerlft, #bannerrgt{
    width: 100%; height: auto; display: table; margin: 0 auto; position: relative; z-index: 99999; position: relative; left: 0%;
}
    
    .logobg{
        background: #f1ba1c; /* Old browsers */
background: -moz-linear-gradient(top, #f1ba1c 0%, #f1ba1c 52%, #683915 52%, #683915 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1ba1c), color-stop(52%,#f1ba1c), color-stop(52%,#683915), color-stop(100%,#683915)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1ba1c 0%,#f1ba1c 52%,#683915 52%,#683915 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1ba1c 0%,#f1ba1c 52%,#683915 52%,#683915 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1ba1c 0%,#f1ba1c 52%,#683915 52%,#683915 100%); /* IE10+ */
background: linear-gradient(top, #f1ba1c 0%,#f1ba1c 52%,#683915 52%,#683915 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ba1c', endColorstr='#683915',GradientType=0 ); /* IE6-9 */ display: table;
    }
    
    
}

@media only screen and (max-width: 499px){
#isoc{width: 100%;
    height: auto;
    float: none;
    display: table;
    margin: 10px auto;
    z-index: 999999999;
    background: #FFF;
    padding: 10px;
    }
    
    #isoc img{display: none;}

#cname{
    width: 100%; height: auto; float: left; margin:0; display: table; text-align: center; padding-top: 10px; padding-bottom: 10px; text-align: center;
}
}

@media only screen and (min-width: 600px) and (max-width: 749px){

#logo{
			width: 100%;
			margin: auto;
			float: none;
    text-align: center;
        position: relative;
}
    #logo img{
        width: 20% !important; height: auto !important;
    }
}

.desktop{
    display: table !important;
}

.mobile{
    display: none !important;
}
@media only screen and (min-width: 120px) and (max-width: 700px){
.desktop{
    display: none !important;
}

.mobile{
    display: table !important;
}
}