@media screen and (max-width: 992px) {
  html,body {
    font-size: 20px;
  }
  
  #nav_UL li a{
    font-size: 40px;
  }
  
  #header_markets{
  height: 100px !important;
  
  }
  
  #header_markets_UL li{
  	width: 200px !important;
	height: 100px !important;
  }
  
  #header_markets_UL{
	min-width:800px;
}

  
  #header_markets_UL li a{
    font-size: 30px;
  	width: 200px !important;
  }
}

@media screen and (max-width: 768px) {
  html,body {
    font-size: 28px;
  }
}

body,html{
	margin:0;
	padding:0;
	height:100%;
	background-color:#c3c3c5;
	/*background-image:url(images/bg.jpg);*/
	font-family: 'Maven Pro', sans-serif;
}

a, a:hover{
	text-decoration:none;
	font-weight:bold;
	/*color:#dd7b52;  #45d0ef */
	
}

a.active{
	color:#dd7b52 !important;	
}

hr{
	border-color:#aaaaaa;
	
}

.font_maven{
	font-family: 'Maven Pro', sans-serif;
}

.font_droid{
	font-family: 'Droid Serif', sans-serif;
}

.font_montserrat{
	font-family: 'Montserrat', sans-serif;
}

.font_muli{
	font-family: 'Muli', sans-serif;
}

.font_slabo{
	font-family: 'Slabo 27px', serif;
}

.font_quicksand{
	font-family: 'Quicksand', serif;
}

h1{
	font-family: 'Slabo 27px', sans-serif;
	text-transform:uppercase;
}

h3{
	font-family: 'Droid Serif', sans-serif;
	
}

h4{
	font-family: 'Quicksand', serif;
	font-size:22px;
}


#container{
	position:relative;
	min-height:100%;
	min-width:900px;
	padding: 0;
	margin: 0;
	
	
}

.container{
	
}

header{
	position:relative;
	min-width:900px;
	
}

#header_topBar{
	min-height:120px;
	background-color:#343c3f;
	width: 100%;
	left: 0;
	color:#f3f3f5;
	overflow:hidden;
    -webkit-box-shadow: inset 0 0 20px 3px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0 0 20px 3px rgba(0,0,0,.6);
    -ms-box-shadow: inset 0 0 20px 3px rgba(0,0,0,.6);
    -o-box-shadow: inset 0 0 20px 3px rgba(0,0,0,.6);
    box-shadow: inset 0 0 20px 3px rgba(0,0,0,.6);
	
}

#header_topBar_logo{
	position:relative;
	top:4px;
	left:5%;
	margin-bottom:-25px;
}

#header_topBar_logo img{
	height:120px;
}



#nav{
	margin-top:40px;
	margin-bottom:10px;
	font-family: 'Muli', sans-serif;
	
}

#nav_UL{
min-width: 800px;

}

#nav_UL, #header_markets_UL{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
}

#nav_UL li{
	display:inline-block;
	margin-right:5px;
	font-size:20px;
}

#nav_UL li a{
	color:#f3f2f4;
}

#nav_UL li a:hover{
	color:#19a0be;
}



#header_banner{
	overflow:hidden;
	margin-bottom:-63px;/* account 3px for markets border */

}

#header_banner .flexslider .slide{
	height:400px;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

#header_markets{
	border-top:#f3f2f4 solid 3px;
	position:relative;
	padding-left:15px;
	height:50px;
	background-color:#343c3f;
	color:#f3f3f5;

	
	-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
	-ms-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
	-o-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
    box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
}

#header_markets_UL{
	min-width:470px;
}

#header_markets_UL li{
	position:relative;
	vertical-align:top;
	font-size:14px;
	width:100px;
	height:47px; /* 50-3px */
	display:inline-block;
}

#header_markets_UL li:hover{
	background-color:#555555;
}

#header_markets_UL li:hover .markets_LI_colorBar{
	opacity:1;
}



.markets_LI_colorBar{
	position:absolute;
	height:4px;
	width:100%;
	bottom:0;
	opacity:0;
	z-index:999;

}


.markets_LI_name{
	text-align:center;
	padding-top:4px;
	
}




#header_markets_UL li a{
	position:absolute;
	/*color:#f3f2f4 !important;*/
	color:#888888 !important;
	width:100%;
	height:100%;
}

#header_markets_UL li a:hover{
	color:#f3f2f4 !important;
}

#markets_colorBar{
	position:relative;
	margin-top:-4px;
	height:4px;
	width:100%;
	
}

#body{
	padding-bottom:150px; /* Height of the footer element */
	
}

#body_content{
	padding-top:20px;
	width: 95%;
	background-color:#f3f2f4;
	overflow:hidden;	
	
	-webkit-box-shadow: 0 8px 0px 8px rgba(255,255,255,.4);
	-moz-box-shadow: 0 8px 0px 8px rgba(255,255,255,.4);
	-ms-box-shadow: 0 8px 0px 8px rgba(255,255,255,.4);
	-o-box-shadow: 0 8px 0px 8px rgba(255,255,255,.4);
	box-shadow: 0 8px 0px 8px rgba(255,255,255,.4);
	
}



#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:#343c3f;
	min-height:150px;
	padding-top:10px;
	
	-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
	-ms-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
	-o-box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
    box-shadow: 0 0 8px 1px rgba(0,0,0,.4);
	
}

#footer_colorBar{
	position:absolute;
	top:4px;
	background-color:#45d0ef;
	width:100%;
	height:5px;
	
    background: -webkit-linear-gradient(right, #45d0ef, #19a0be); 
	background: -moz-linear-gradient(right, #45d0ef, #19a0be);
	background: -o-linear-gradient(right, #45d0ef, #19a0be); 
    background: linear-gradient(to right, #19a0be, #45d0ef, #19a0be); 
}

#footer_padding{
	height:50px;
	
}

#footer h4{
	color:#f3f2f4;
	
}

#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	
}

/* Home */
.marketIcon{
	margin-top:30px;
	
}

.marketIcon_container{
	display:block;
	height:210px;
	background-color:#343c3f;
	
	-webkit-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	-ms-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	-o-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
}

.marketIcon_image{
	overflow:hidden;
	height:180px;
	background-size:cover;
	background-position: center;
}

.marketIcon_name{
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
}

.marketIcon_colorBar{
	height:6px;
	opacity:0;
}

.marketIcon_container:hover .marketIcon_colorBar{
	opacity:1;
}


/* services */
.service_TABLE td{
	
}

.service_image img{
	-webkit-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	-ms-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	-o-box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
	box-shadow:2px 2px 7px 1px rgba(0,0,0,.3);
}

.service_info{
	padding-left:20px;
	padding-right:20px;
}

.service_image{
	width:300px;
	
}

.service h4{
	padding-left:8px;
	
}

/* Market Pages */
#triSection{
	position:relative;
	
}

.triSection{
	position:relative;
	
}

.angleBar{
	position:absolute;
	height:95px;
	width:1500px;
	left:-100px;
	
	
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
  -webkit-backface-visibility: hidden;
	
}

#angleBar-md{
	top:280px;
}

#angleBar-lg{
	top:320px;
}



#triSection h3{
	color:#343c3f;
	margin-bottom:40px;
	font-size:26px;
	font-weight:bold;
	
}

/* Portfolio */
.gallery_image{
	height:250px;
	background-size:cover;
	overflow:hidden;
	
}

/* Portfolio Gallery */
#gallery_images{
	text-align:center;
	margin-bottom:20px;
}

.gallery_group{
	position:relative;
	display:inline-block;	
	width:200px;
	margin:5px;
	overflow:hidden;
	
	-webkit-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	-ms-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	-o-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	}

.sameGroup{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:0px !important;
	height:0px !important;
	
}


.group_circles{
	position:absolute;
	bottom:1px;
	left:0px;
	width:100%;
	opacity:.7;
	cursor:pointer;
	color:#FFFFFF;
	
}


.group_count{
	position:absolute;
	bottom:1px;
	right:2px;
	color:#FFFFFF;
	
}

.gallery_image{
	position:relative;
	
	
}

.gallery_image img{
	display: block;
    width: 100% !important;
    height: auto !important;
	
	
}

/* Contact */

#contact{
	position:relative;
	margin-bottom:20px;
	
}

#contact_form{
	
}

#contact_image{
	position:absolute;
	height:100% !important;
	right:0;
	background-image:url(/images/contact.jpg);
	background-size:cover;
	background-position:center;
}

.toolTip{
	position:relative;
	
}

.toolTip_text{
	position:absolute;
	display:none;
	background-color:#FFFFFF;
	color:#555555;
	width:210px;
	margin-left:50px;
	padding:3px;
	top:30px;
	font-size:12px;
	text-align:justify;
	border:#000000 solid 1px;
	z-index:999;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	-moz-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	-ms-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	-o-box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	box-shadow:2px 2px 4px 1px rgba(0,0,0,.3);
	
	
	
}

.toolTip:hover .toolTip_text{
	display:block;
	-webkit-transition: opacity 2s ease-in;
       -moz-transition: opacity 2s ease-in;
        -ms-transition: opacity 2s ease-in;
         -o-transition: opacity 2s ease-in;
            transition: opacity 2s ease-in;
}

.copy{
	font-size:10px;
	color:#DDDDDD;
	text-align:left;
	bottom:0;
	
	
}

/* Bootstrap */
.input-group-addon-xs{
    height: 10px !important;
    line-height: 1px !important;
    font-size: 8px !important;
	margin-top:0px !important;
    padding: 0px 6px 0px !important;
		
}
	
.input-xs {
    height: 20px;
	margin-top:0px;
    padding: 0px 5px;
    font-size: 12px;
    line-height: 2px; 
    border-radius: 3px;
}

/* Buttons */

/* cyan */
.btn-cyan,
.open .dropdown-toggle.btn-cyan,
.btn-cyan.disabled,
.btn-cyan[disabled],
fieldset[disabled] .btn-cyan,
.btn-cyan.disabled:hover,
.btn-cyan[disabled]:hover,
fieldset[disabled] .btn-cyan:hover,
.btn-cyan.disabled:focus,
.btn-cyan[disabled]:focus,
fieldset[disabled] .btn-cyan:focus,
.btn-cyan.disabled:active,
.btn-cyan[disabled]:active,
fieldset[disabled] .btn-cyan:active,
.btn-cyan.disabled.active,
.btn-cyan[disabled].active,
fieldset[disabled] .btn-cyan.active {
  color: #ffffff;
  background-color: #81cfdf;
  border-color: #74bdce;
}

.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan:active,
.btn-cyan.active{
	background-color: #99e3ef;
  border-color: #81cfdf;
}

.btn-cyan .badge {
  color: #81cfdf;
  background-color: #fff;
}

/* yellow */
.btn-yellow,
.open .dropdown-toggle.btn-yellow,
.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  color: #FFFFFF;
  background-color: #e0b547;
  border-color: #cfa340;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active{
  background-color: #efcc64;
  border-color: #e0b547;		
}

.btn-yellow .badge {
  color: #e0b547;
  background-color: #FFFFFF;
}

/* orange */
.btn-orange,
.open .dropdown-toggle.btn-orange,
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  color: #FFFFFF;
  background-color: #ee8b12;
  border-color: #e17d10;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active{
  background-color: #f8a21e;
  border-color: #ee8b12;		
}

.btn-orange .badge {
  color: #ee8b12;
  background-color: #FFFFFF;
}

/* green */
.btn-green,
.open .dropdown-toggle.btn-green,
.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  color: #FFFFFF;
  background-color: #03c9a9;
  border-color: #03b698;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active{
  background-color: #05dec0;
  border-color: #03c9a9;		
}

.btn-green .badge {
  color: #03c9a9;
  background-color: #FFFFFF;
}