@charset "utf-8";

/*
	Name: Somdow
	Description: CSS Reset.
	Author: Somdow
	Author URI: http://www.somdow.com
*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS RESET ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, 
ruby, section, summary,time, mark, audio, video {
	margin: 0px;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~HTML 5 DISPLAY ROLE RESET FOR OLDER BROWSERS~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* ~~~ // ~~~ */

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{text-decoration:none !important;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CUSTOM FONTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2015 */



@font-face {
    font-family: 'quadonlightitalic';
    src: url('fonts/quadon/quadon_lightitalic-webfont.eot');
    src: url('fonts/quadon/quadon_lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_lightitalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_lightitalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_lightitalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_lightitalic-webfont.svg#quadonlightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonheavyitalic';
    src: url('fonts/quadon/quadon_heavyitalic-webfont.eot');
    src: url('fonts/quadon/quadon_heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_heavyitalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_heavyitalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_heavyitalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_heavyitalic-webfont.svg#quadonheavyitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonlight';
    src: url('fonts/quadon/quadon_light-webfont.eot');
    src: url('fonts/quadon/quadon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_light-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_light-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_light-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_light-webfont.svg#quadonlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonheavy';
    src: url('fonts/quadon/quadon_heavy-webfont.eot');
    src: url('fonts/quadon/quadon_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_heavy-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_heavy-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_heavy-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_heavy-webfont.svg#quadonheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonextrabolditalic';
    src: url('fonts/quadon/quadon_extrabolditalic-webfont.eot');
    src: url('fonts/quadon/quadon_extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_extrabolditalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_extrabolditalic-webfont.svg#quadonextrabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonbolditalic';
    src: url('fonts/quadon/quadon_bolditalic-webfont.eot');
    src: url('fonts/quadon/quadon_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_bolditalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_bolditalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_bolditalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_bolditalic-webfont.svg#quadonbolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonextrabold';
    src: url('fonts/quadon/quadon_extrabold-webfont.eot');
    src: url('fonts/quadon/quadon_extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_extrabold-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_extrabold-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_extrabold-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_extrabold-webfont.svg#quadonextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonbold';
    src: url('fonts/quadon/quadon_bold-webfont.eot');
    src: url('fonts/quadon/quadon_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_bold-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_bold-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_bold-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_bold-webfont.svg#quadonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonblackitalic';
    src: url('fonts/quadon/quadon_blackitalic-webfont.eot');
    src: url('fonts/quadon/quadon_blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_blackitalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_blackitalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_blackitalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_blackitalic-webfont.svg#quadonblackitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonblack';
    src: url('fonts/quadon/quadon_black-webfont.eot');
    src: url('fonts/quadon/quadon_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_black-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_black-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_black-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_black-webfont.svg#quadonblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonultrabold';
    src: url('fonts/quadon/quadon_ultrabold-webfont.eot');
    src: url('fonts/quadon/quadon_ultrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_ultrabold-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_ultrabold-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_ultrabold-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_ultrabold-webfont.svg#quadonultrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonthin';
    src: url('fonts/quadon/quadon_thin-webfont.eot');
    src: url('fonts/quadon/quadon_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_thin-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_thin-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_thin-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_thin-webfont.svg#quadonthin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonthinitalic';
    src: url('fonts/quadon/quadon_thinitalic-webfont.eot');
    src: url('fonts/quadon/quadon_thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_thinitalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_thinitalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_thinitalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_thinitalic-webfont.svg#quadonthinitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonitalic';
    src: url('fonts/quadon/quadon_regularitalic-webfont.eot');
    src: url('fonts/quadon/quadon_regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_regularitalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_regularitalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_regularitalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_regularitalic-webfont.svg#quadonitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonmediumitalic';
    src: url('fonts/quadon/quadon_mediumitalic-webfont.eot');
    src: url('fonts/quadon/quadon_mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_mediumitalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_mediumitalic-webfont.svg#quadonmediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonmedium';
    src: url('fonts/quadon/quadon_medium-webfont.eot');
    src: url('fonts/quadon/quadon_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_medium-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_medium-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_medium-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_medium-webfont.svg#quadonmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonregular';
    src: url('fonts/quadon/quadon-webfont.eot');
    src: url('fonts/quadon/quadon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon-webfont.woff') format('woff'),
         url('fonts/quadon/quadon-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon-webfont.svg#quadonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'quadonultrabolditalic';
    src: url('fonts/quadon/quadon_ultrabolditalic-webfont.eot');
    src: url('fonts/quadon/quadon_ultrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/quadon/quadon_ultrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/quadon/quadon_ultrabolditalic-webfont.woff') format('woff'),
         url('fonts/quadon/quadon_ultrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/quadon/quadon_ultrabolditalic-webfont.svg#quadonultrabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensansFont/opensans-extrabold-webfont.eot');
    src: url('fonts/opensansFont/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensansFont/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensansFont/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensansFont/opensans-bold-webfont.eot');
    src: url('fonts/opensansFont/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensansFont/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensansFont/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensansFont/opensans-italic-webfont.eot');
    src: url('fonts/opensansFont/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensansFont/opensans-light-webfont.eot');
    src: url('fonts/opensansFont/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensansFont/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensansFont/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensansFont/opensans-regular-webfont.eot');
    src: url('fonts/opensansFont/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensansFont/opensans-semibold-webfont.eot');
    src: url('fonts/opensansFont/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensansFont/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensansFont/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensansFont/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensansFont/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensansFont/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOX SIZING HACK ~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HIDDEN CSS FOR GRACEFUL DEGRADATION ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~ SHAILAN MENU CSS OVERRIDES (WORDPRESS DROPDOWN MENU PLUGIN) ~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* .shailan-dropdown-menu li ul {  width:160px; overflow:hidden;  margin-top:40px !important; background-color:#000!important; margin-left: -20px !important; }
.shailan-dropdown-menu li ul ul {   width:160px; margin-top:40px !important; background-color:#000!important; margin-left: -20px !important;  }
.shailan-dropdown-menu li ul li a{  width:160px; background-color:red!important; margin-left: -99px !important; }  */
.shailan-dropdown-menu ul {  position:relative; }
.shailan-dropdown-menu li ul {position:absolute; width:160px !important; /* overflow:hidden; margin-top:40px !important; margin-left: -20px !important;*/ background-color:#000!important; left:0px !important; top:43px !important;  }
.shailan-dropdown-menu li ul li { width:160px !important;  }
.shailan-dropdown-menu li ul ul {position:absolute; width:160px; background-color:#000!important; left:50px !important; top:43px !important;  }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~ KRIESE PAGINATION (WORDPRESS) CSS ~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pagination { 
	clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; 
}

.pagination span, .pagination a { 
	display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; 
}

.pagination a:hover{ 
	color:#fff; background: #54C6E1; 
}

.pagination .current{
	padding:6px 9px 5px 9px; background: #F89430; color:#fff; 
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~ KEEPS WORDPRESS IMAGES PROPERLY PLACED FOR USER ALIGNMENT ON INTERIOR PAGES ~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.aligncenter {
	display: block;	margin-left: auto;	margin-right: auto;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~GEN. STYLE CONFIG & GEN CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*body{ font-family:"open_sanslight", Arial, Helvetica, sans-serif; font-size:16px; position:relative; background-color:#EDEDED; }*/
body{ font-family:"quadonlight", Arial, Helvetica, sans-serif; font-size:14px; position:relative; background-color:#EDEDED; }



.fl{float:left;}
.fr{float:right;}
.cent{text-align:center;}
.clearEm{ clear:both;}
.clearEmL{ clear:left; }
.clearEmR{ clear:right;}
.bluTxt{display:inline-block; color:#29aae3;}
.redTxt{ color:#f00; text-align: center;}
h1{ font-size:46px; text-transform: uppercase; color:#29aae3; }
h2{ font-size:18px;  text-transform: uppercase; color:#29aae3; }
h3{ font-size:14px;  text-transform: uppercase; color:#29aae3; }
hr{border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 1.25rem 0 1.1875rem;
height: 0;
}
html,body{height:100%;}

input{width:100%; height:50px; background:#e2e2e2;
border:none; margin-bottom:10px; padding:10px; color:#aeaeae; font-size:20px;
}

textarea{width:100%; height:200px; background:#e2e2e2;
border:none; margin-bottom:10px; padding:10px; color:#aeaeae; font-size:20px;}

input[type="submit"]{
    cursor: pointer;
    transition: background 0.3s ease;
}

input[type="submit"]:hover{
    background:#29aae3;
    color:#fff;
}

p{line-height: 40px;}
video { display: block; }

.presentationPic{max-width: 1200px; margin:0px auto; overflow:hidden; }
.presentationPic img{width:100%; height:auto; border: 1px dashed #AFAFAF;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BG VIDEO CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.vid {}

.vid video, .homePgPic{position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; }



.vidfallBack{display: none;}


.homePgPic{display:none; }
.homePgPic img{width:100%; height:auto;}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~*/
.mainSiteW{ height:100%; width:1200px; margin:0px auto;}

.pageHdrTitle4Interior{ padding-bottom:200px;}

#headerW{height:100%; color:#fff; overflow: hidden; }
#headerW4homepage{height:100%; color:#fff; overflow: hidden; background:rgba(34,34,34,.9); }
.headerWinner{  margin:0px auto;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CLEAR NAVIGATON BAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.headerNavAreaW{   width:100%; padding:20px; z-index:999;}
.headerNavAreaW4homepage{   width:100%; padding:20px; z-index:999; background:rgba(34,34,34,.9);}
.intPgHeaderNavAreaW{  width:100%; padding:20px; z-index:999; /*border-bottom:1px solid rgba(255,255,255, .2);*/ min-height:600px; }

.intPgHeaderNavAreaW4ShorterHeight{ width:100%; padding:20px; z-index:999; /*border-bottom:1px solid rgba(255,255,255, .2);*/ height:200px; background:rgba(34,34,34,.9);}



.intPgHeaderNavAreaW4HomePg{  width:100%; padding:20px; z-index:999; /*border-bottom:1px solid rgba(255,255,255, .2);*/ min-height:800px; }


/* ~~~~  ENDER ~~~~ */

/*.intPgCont{background:#fff; }*/


.wholeHeaderW{ background:rgba(34,34,34,.8); }


/*Hidden by default for jquery purposes*/
.headerNavAreaWcolor{  position:fixed; top:0px; left:0px; width:100%; padding:20px; z-index:999; background:#2b2a2a;}

.headerNavAreaWcolor .mainNavColor a{  color:#fff;}

/*end clip*/

.headerNavAreaInner{ max-width:1200px; margin:0px auto;}

.mainLogo{ float:left;}

.mainNav, .mainNavColor {text-align:right;  color:#fff; text-transform: uppercase; font-size:14px; float:right; padding-top:10px; }

.mainNav ul li, .mainNavColor ul li{display:inline;  margin-bottom:130px; }

.mainNav a{ padding:20px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration:none; color:#fff; display:inline-block;}

/*.mainNav a:hover{  background:#29AAE3;}*/

.mainNavColor a{ text-decoration:none; color:#000;}

.welcomeBox{/* display:none; */  padding-top:300px;}


.menuBg{background:#fff; color:#000;}



#mainMenu{font-size:20px; }
#mainMenu2{font-size:20px; float:right;}

.pageHeaderTitle{ text-align:center; font-size:50px; }
.pageHeaderTitle2{ font-size:50px; text-align:center;/* position:fixed; top:300px; width:35%; left:50%; margin: 0 0 0 -37.5%; */}
.slogan{ text-align:center;  font-size:20px; padding:20px 0px; }
.socialIcons{/* text-align:center; */}

#introBtn{/* margin:0px auto; */ display: block; padding-top:20px;}

.mainNav4Mob ul {padding:40px 0px;}
.mainNav4Mob ul li { color:#fff; padding: 6px 0px;}
.mainNav4Mob a{color:#fff; display: block; padding:10px;}
.mainNav4Mob select{ width:100%;}






#fixedNav4Scroll{ /* display:none; */ position:fixed; top:0; }



.mobMenuBtn{float:right; text-transform: uppercase; margin-top:14px; }
.mobMenuBtn a{display:block; color:#fff;}

.mobileHeaderW{display:none;  background:#323232;  }
.mobileHdrInnerW{padding:10px;}
.mobileHdrInnerW .mainNav{ text-align: center;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LEFT SIDEBAR AREA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/






/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MIDDLE COLUMN/CONTENT AREA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.contSecLcol{float:left; }
.contSecRcol{float:right;margin-left:200px; text-align:right; width:700px;}




.centCont{text-align:center;}
#scrollDownSec{text-align:center; font-size:14px; position:absolute; bottom:20px;  left:0; right:0; margin:0 auto;}
.midSecContW{background:#ededed;  }
.midSecContW2{background:#efeeee; }
.midSecContW3{background:rgba(0,0,0, .7); height:900px; }

.midSecContW h2, .midSecContW2 h2, .midSecContW3 h2{  font-size: 28px; }
.midSecContInner{ text-align: center; min-height:500px;}
.midSecContInner, .midSecContInner2{ max-width:1200px; min-width: 300px; margin:0px auto; padding: 20px 0px;}

.midSecContInner3{ width:1200px; margin:0px auto; padding: 20px 0px ; text-align:center;}


.bigBluBtn a{ display:block; background:#29aae3;  color:#fff; margin:40px auto; text-align:center;
    padding:32px 0px; text-transform: uppercase; font-size:16px; width:260px; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.smallBluBtn a{ display:block; background:#29aae3;  color:#fff; margin:10px auto; text-align:center;
    padding:14px 6px; text-transform: uppercase; font-size:10px; width:160px; }
#midW4services{ background:#f7f7f7; padding:40px 0px;}
#recentPosts{ background:#e7e7e7; /* display:none; */}

#mainContArea{ }

#midSecServsW, #midSecRecWorkW{padding-bottom:80px; padding-top:30px;}

.bottContW{	margin:0px !important;}
.servsBox{text-align:center; width:380px; float:left; margin-right:30px; }
.servsBoxR{text-align:center; width:380px; float:right;}

.feature img{ margin-bottom:10px; max-width:100%; height:auto;}
#recentWorks{color:#b1b1b1; padding:100px 0px; background:#fff; }

#recentPosts{ color:#777777; }
#recentPosts h3{ padding:20px 0px; }
.postImg{width:202px; height:114px; overflow: hidden; background:#000;}
.blueBtn a{display:block; background:#29aae3; padding:20px; color:#fff; text-align:center; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top:10px;}

#slider4works{float:right;}
#sliderW{ margin-top:400px; color:#fff;}
#lightSlider{ text-align:center; }

.tlmBtn {padding:20px; /*border:#ccc solid thin;*/  -webkit-border-radius: 10px;
-moz-border-radius: 10px; background:#29aae3; 
border-radius: 10px; /*color:#29aae3; */ color:#fff; max-width:400px; display:block; }


.lineItemInner{border-bottom:dashed 1px #ccc;  padding:20px 0px; cursor: help;}
.lineItem a{display:block; color:#3e3e3e;   }
.lineItemInner:hover, .lineItem a:hover{padding:20px 10px; background:#29aae3; color:#fff;}



.introSecBigTxt{ margin:0px auto; padding: 14px 0px 20px 0px; font-size:36px; color:#505152; }




.intPgHeaderNavAreaW .introSecBigTxt{ color:#fff; text-align: right; padding-top:260px;}


.introSecBigTxtHomepage{ margin:0px auto; padding: 14px 0px 20px 0px; font-size:36px;  }
.introSecBigTxtHomepage { color:#fff; text-align: right !important; padding-top:300px;}



.introSecNormTxt{  margin:0px auto;  font-size:18px; color:#505152;}
.introSecNormTxt p{ padding-bottom:40px;}



.webColor{ background:#CE2932; color:#fff;}
.seoColor{ background:#29aae3;  color:#fff;}
.otherServs{ background:#FF7123;  color:#fff;}

.webColor h2{background:#911C22; color:#fff; padding:30px;}
.seoColor h2{ background:#2491c1; color:#fff; padding:30px;}
.otherServs h2{ background:#D9601E; color:#fff; padding:30px;}

.webColor p{ padding:20px; }
.seoColor p{ padding:20px; }
.otherServs p{ padding:20px; }



.midSecContIntW{ height:500px; background:red; z-index:10;}
.midSecContIntW img{width:100%;}

.interiorPageContent{max-width:800px; margin:0px auto; text-align: center; line-height:30px;}

.floatLineItems{float:left; }
.floatLineItemsR{float:right; text-align:right; padding-right:10px; }

.hiddenLineItemCont{background:#dfdede; color:#333; /*margin-top:10px;*/ padding:10px 10px 40px 10px;}


.rightSideBar{float:right; width:300px;}
.portSecTxtfloat{float:left; max-width:800px;}

.teamCircle{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:200px; height:200px;  display:block; overflow:hidden; text-align: center; margin:0px auto;}

.teamCircle img{width:100%; }

.teamProfile{text-align: center; width:200px; font-size:16px; float:left;
margin-right:40px; }

/*.portWorkBox{width:300px; height:300px; float:left; }*/
/*.portWorkBox img{width:100%; height:auto; position:absolute; left:0px; top:0px;}*/

.quoteBy{font-size:14px;}


.noColor{  z-index: 9999; }
.portWorkBox{width:100px; height:100px; float:left; overflow:hidden; position:relative;}
.portWorkBox img{width:100%; height:auto; position:absolute; left:0px; top:0px;}

.portWorkBoxFeat{width:300px; height:300px; float:left; overflow:hidden; position:relative;}
.portWorkBoxFeat img{width:100%; height:auto; position:absolute; left:0px; top:0px;}

.teamMembers{width:200px; height:300px; float:left; overflow:hidden; position:relative; margin:0px 40px 40px 0px;}
.teamMembers img{width:100%; height:auto; position:absolute; left:0px; top:0px;}
.memberTxt{width:200px; height:50px; background:#ccc; padding-top:16px; position:absolute; bottom:0px;}


#midSecMov{max-width:1600px; background:#000; height:500px; margin:0px auto;}

.vidContCasingSmallerBox{  position:absolute; top:0px; left: 0px;  width:100%; height:150px; }
.vidContCasingSmallerBoxHP{  position:absolute; top:0px; left: 0px;  width:100%; height:150px; background: rgba(34,34,34, .8); z-index: 2}
.vidContCasingSmallerBoxHP a {display:block;}

.vidContCasingSmallerBoxOnHP{  position:absolute; top:0px; left: 0px;  width:100%; height:150px; z-index: 2}


.weDoBoxL{float:left; display:block; }
.weDoBoxR{float: right;}
.weDoBoxLHomePg{float:left;}
.weDoBoxRHomePg{float: right;}



.weDoBoxL, .weDoBoxR{ overflow:hidden; width:320px; height:150px;  position:relative; text-align: center; }
.weDoBoxL p, .weDoBoxR p  {display:block;  margin-top:60px; }
.weDoBoxL video, .weDoBoxR video{ width:100%; height:auto; z-index:1;}
.weDoBoxLHomePg, .weDoBoxRHomePg{ overflow:hidden; width:320px;  position:relative; text-align: center;/* background:#fff;*/ margin-right:80px;}
.weDoBoxTxt{display:block;  padding:8px 10px 20px 10px; height:100px; font-size:14px; line-height:20px;}
.weDoBoxLHomePg p, .weDoBoxRHomePg p  {display:block;  margin-top:70px; }
.weDoBoxLHomePg video, .weDoBoxRHomePg video{ width:100%; height:auto;}
.weDoBoxL a, .weDoBoxR a, .weDoBoxLHomePg a, .weDoBoxRHomePg a {color:#fff;}

input, textarea{ font-family:"quadonlight", Arial, Helvetica, sans-serif; font-size:16px;}
.homepageBadge{
    position: absolute;
z-index: 5;
top: 810px;
width: 60px;
height: 60px;
background: #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
}


.homePgBadgeCont{

width: 60px;
height: 60px;
color:#fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
display: block;
overflow: hidden;
margin:0px auto;

}

.homePgBadgeCont img{display:block; margin:26px auto;}


.midCont1{padding:50px; background:rgba(247,247,247, 0.6) !important;  font-size:26px; text-align:center;}
.midCont1Int{max-width:1200px; margin:50px auto;}
.midCont1Int span{ display:inline-block; padding-top:20px; border-bottom: 1px solid #e3e1e1; }
.smallTitles{text-transform: uppercase; font-style:bold; font-size:10px; font-family: "open_sanslight";}



.textNaviIntPgsL{float:left; text-align: left; padding:10px 0px;}
.textNaviIntPgsR{float:right; text-align: right;  padding:10px 0px; }
.textNaviIntPgsL a{display:block; width:250px;}
.textNaviIntPgsR a{display:block;  width:250px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ RIGHT SIDEBAR AREA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/







/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footerContSecW{background:#e6e6e6;  padding:60px 0px; color:#999; }
#footerContSecW hr{border-color: #505050;}
#footerNav{float:right; width:300px; padding:20px 10px; text-align:right;}

#footerNav a{color:#999;}
#footerNav a:hover{color:#fff;}


#footerW{ background:#e0dede;  color:#999;  z-index:100; font-size:12px;}
#footerW ul li{display:inline-block;}
#contUs{color:#fff; padding:20px 10px; font-size:20px; float:left;}
.rowInnerWrap{max-width:1200px; margin:0px auto;}
#devBy{padding:20px 10px; text-align:right;}
#copyR{padding:20px 10px; text-align:center; font-size:12px; float:left;}
.grayBtn a{display:block; background:#f6f5f5; padding:20px; color:#29aae3; text-align:center; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top:10px; float:right; width:800px;}

.leftCol{float:left; padding-top:10px;}
.rightCol{float:right; }
.tlmBtn2 a{padding:20px 100px; border:#4f4f4f solid thin;   color:#29aae3;}

.tlmBtn2 a:hover{  color:#fff; background:#29aae3; }
.footerColR{float:right; text-align: right; }
.footerCol{float:left; margin-right:200px;}







/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~ MEDIA QUERIES (BASED OFF OF SKELETON) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


	/* Smaller than standard 960 (devices and browsers) */
	@media all and (max-width: 1024px) {
        .mainW{ background:#ccc; margin-top:10px;}
        .smallBoxes img{width:100%; height:auto;}
        #rightSideBar{ margin:0px 0px 0px 0px !important; padding:10px;}      
        .midSecContInner{width:100%; margin:0px auto; padding:12px;}
        #mainNav{display:none;}
        #copyR, #devBy{text-align: center; float:none;}

        #footerContSecW{padding:60px 10px; text-align: center ; }
        .footerColR{float:none;text-align: center;  }
        .footerCol{float:none; margin-right:0px;text-align: center; }  
        #footerNav{float:none; margin-right:0px;text-align: center; width:inherit; } 
        .portWorkBoxFeat{margin-top:20px;}

        .portBigPic img{ width:320px; height:auto;}
        
        .mobileHeaderW {display:block;}
        .wholeHeaderW{display: none;}
        .mobileHdrInnerW .mainLogo img{width:60%; height:auto;}
        .homepageVid{display:none;}
        .homePgPic{ display:block;}

        .homepageBadge{display:none;}
        #videoNav{width:320px; margin: 0px auto;}
        .weDoBoxLHomePg{padding-bottom:100px; margin:0px auto; float:none;}
        .videoNavVid{display: none;}
        .vidfallBack{display:block;}
        .vidfallBack img{width:100%; height:auto; display:block;}
        .weDoBoxR{float:none; margin:0px auto; margin-top:20px;}
        .weDoBoxL{float:none; margin:0px auto;}
        
        #recentSec{width:300px; margin: 0px auto;}
    }

	/* Tablet Portrait size to standard 960 (devices and browsers)
	@media all and (min-width: 768px) and (max-width: 1000px) {

	} */

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
	@media all and (min-width: 480px) and (max-width: 1000px) {

	} */

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 
	@media all and (max-width: 479px) {

	}*/