/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
.skin_wrapper { width:auto!important;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}

/*-------- design style --------*/
.skin_top{height:auto;overflow:hidden;}
.date_style{display:none;}
.logo_style { float:none; padding:0px; text-align:center;}/*CHANGED padding:10px*/
.citylogo_style { float:none; padding:10px 0px 0px 0px; text-align:center;}
.menu_style{position:relative;padding:5px 1.5%;float:none; }
.menu_box {display:none;}
.menu_bar{padding:0;}
.search_style {display:none;}
.header_right{ float:none; padding:5px 1.5%;}
.header_demo {width:250px;margin:0 auto;}
.header_demo li{padding-top:5px;}
.socialicons{float:none!important;text-align:center;}
.headerpane{float:none; padding:10px 0;}
.skin_content {width:auto;padding:10px 1.5%;}
/*.footerpane_style {padding:0 1.5%;}
.footer_left{float:none;line-height:25px; text-align:center;padding:10px 0;}
.footer_right{float:none;}*/
.icons_menu{ padding:5px 0 0;margin-right:1.5%; background-color:#ffffff; }

/*page name*/
.page_name { min-height:50px; }
.pagename_style h1{ line-height:50px; font-size:1.6em; }/*CHANGED font-size:20px*/
.breadcrumb_style{ display:none; }

/*leftsidebar layout*/
.LM_position { float:none; width:auto; padding:0 5% 0 5%;}/*WAS padding:10px 0 0*/
.LM_skin_content { float:none; width:auto; padding:0 0 20px;}
#leftMenu { display:none;}


.skin_top_content {
    padding: 10px 5%;
}


/****SAM ADDED MAY WILL USE FOR REORDER LAYOUT FOR LEFT POSITION*******/
/*.skin_width > .skin_top_content > .LM_main_content { margin-top: 0; 
	display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.LM_position { order: 2;
-webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    
        width: 100%;
}
.LM_skin_content {
	order: 1;
-webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
        width: 100%;
}*/
/****END*****/

/*SAM ADDED FOR FOR YOU SECTIONS*/
#ForYouSecitons { padding:0px 6%;}
.sectionDiv { float: none; margin: 0px 0px 25px 0px; width: 100%;}
/***END***/
/***SAM ADDED FOR FOR YOU SECTIONS***/
.exploreCol { float: none; margin: 0px 10px 15px 10px; width: 95%;}
/***END***/
/***SAM ADDED FEATURE BOXES HOME PAGE***/
.featureBox { 
	width:100%;
	max-width:272px;
	border: 1px solid #bdbdbd;
    margin: 1px 1px;
    padding: 0;
    float:none;
	display:inline-block;
}
#featuredHome {
	text-align:center;
}
/*END*/

/*mobile menu*/
.mobile_nav { display:block; /*position:relative;*/ height:40px;left:0; /*float:left; margin-top:15px;*/}/*.mobile_nav { display:block; position:absolute; height:40px;left:0; float:left; margin-top:15px;}*/
.menuclick { background:url(../images/btn_menu2.png) no-repeat center center #B5121B; width:40px; height:39px; padding:1px;margin-left:1.5%; display: block; text-decoration: none; border:none; padding-top:0px;}/*CHANGED color in background:url(../images/btn_menu2.png) no-repeat center center #c1383a*/

/*--------- StandardMenu style ----------*/
#standardMenu { width:auto;}
#standardMenu ul { padding:0;}
#standardMenu .rootMenu { float:none;border:none;}
#standardMenu .rootMenu li{ width:auto; float:none; margin-bottom:2px; text-align:left; background:none;}

#standardMenu .rootMenu li a{ background:#888; display:block; padding:0; margin:0;  border:none;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { background:#B5121B; text-decoration:none; border:none;}/*CHANGED background:#c1383a*/

#standardMenu .rootMenu li a span { display:block; margin:0; padding:0 15px; color:#FFFFFF; white-space:nowrap; font-size:13px; font-weight:normal; text-shadow:none; height:38px; line-height:38px; position:relative; transition: all 0s ease 0s;  -webkit-transition:all 0s ease 0s;-moz-transition:all 0s ease 0s;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span {color:#FFFFFF; text-decoration:none;}

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0; }

#standardMenu .rootMenu a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}
#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -42px; }

/*-- submenu --*/
#standardMenu .subMenu_arrow{display:none;}
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; }
#standardMenu .subMenu ul{ width:auto; border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; margin:0; padding:0; *margin-bottom:-3px; position:relative; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ background:url(../images/mobile_subnav_bg.png);border-top:none; border-bottom:1px solid rgba(0, 0, 0, 0.15); margin:0; padding:0; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.haschild > a { background:url(../images/mobile_subnav_bg.png);}
#standardMenu .subMenu li.last > a { border-bottom:none;}
#standardMenu .subMenu li li.item a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#333; background:none; height:35px; line-height:35px;}
#standardMenu .subMenu li.item a:hover span { background:#888; color:#FFFFFF; cursor:pointer;}
#standardMenu .subMenu li.selected > a span { color:#FFFFFF;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{ background:none;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:#888;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#888;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 25px; background:none; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 35px; background:none; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 45px; background:none; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#888;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ display:block;width:auto; margin:0; border:none;}
#standardMenu ul li ul li ul.level1{ display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto; padding:0;}

/*--------- MegaMenu style ----------*/
#megaMenu { width:auto;}
#megaMenu ul { padding:0;}
#megaMenu .root { float:none;border:none;}
#megaMenu .root li{ width:auto; float:none; margin-bottom:2px; text-align:left; background:none;}

#megaMenu .root li a{ background:#434343; display:block; padding:0; margin:0;  border:none;}/*CHANGED background:#888*/
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { background:#B5121B; text-decoration:none; border:none;}/*CHANGED background:#c1383a*/

#megaMenu .root li a span { display:block; margin:0; padding:0 15px; color:#FFFFFF; white-space:nowrap; font-size:13px; font-weight:normal; text-shadow:none; height:38px; line-height:38px; position:relative; transition: all 0s ease 0s;  -webkit-transition:all 0s ease 0s;-moz-transition:all 0s ease 0s;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span {color:#FFFFFF; text-decoration:none;}

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}

#megaMenu .root a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}

/*-- category --*/
#megaMenu .category_arrow { display:none; }
#megaMenu .category{ background:none; left:0; position:static; width:auto; margin:0; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ background:url(); background-color:rgba(245, 245, 245, 0);  border-bottom:1px solid rgba(0, 0, 0, 0.15); margin:0; padding:0; height:auto; filter:Alpha(Opacity=100); opacity:1; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#megaMenu .category li.haschild > a { background:url(); background-color: rgba(245, 245, 245, 0);}
#megaMenu .category li.last > a { border-bottom:1px solid rgba(0, 0, 0, 0.15);/*border-bottom:none;*/}/*CHANGED border-bottom*/
#megaMenu .category li li.item a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .category li.item a span{ padding:0 35px 0 20px; color:#333; background:none; font-weight:normal; height:35px; line-height:35px; }
#megaMenu .category li.item a:hover span { background:#888; color:#fff; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#fff;}
#megaMenu .category li.selected > a span, #megaMenu .category li.breadcrumb > a span, #megaMenu .category li.breadcrumb.haschild > a span{ background:none;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { background:#888; }
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span, #megaMenu .category li.selected.haschild > a span{ background:#888;}

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 30px; text-transform:none;}
#megaMenu .leaf li li.item a span { padding:0 35px 0 40px;}
#megaMenu .leaf li li li.item a span { padding:0 35px 0 50px;}
#megaMenu .leaf li.selected > a span{ background:#aaa;}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li { width:auto;}


/*--------- pane style ----------*/
.headerpane { }
.bannerpane p{ }
.socialpane { }
.contactpane { }
.bannerpane { }

.content_grid12 {}
.topgrid6a{}
.topgrid6b{}
.topgrid4a{}
.topgrid4b{}
.topgrid4c{}
.topgrid3a{}
.topgrid3b{}
.topgrid3c{}
.topgrid3d{}
.topgrid8l{}
.topgrid8r{}
.topgrid4l{}
.topgrid8r{}
.topgrid12{}

.graygrid4a{}
.graygrid4b{}
.graygrid4c{}
.graygrid12{}

.middlegrid4a{}
.middlegrid4b{}
.middlegrid4c{}
.middlegrid12{}

.gray2grid4a{}
.gray2grid4b{}
.gray2grid4c{}
.gray2grid12{}

.bottomgrid4a{}
.bottomgrid4b{}
.bottomgrid4c{}
.bottomgrid12{}
.socialpane {}

.footer_grid4a { margin:10px 0;}
.footer_grid4b { margin:10px 0;}
.footer_grid4c { margin:10px 0;}
.footerpane { margin:0 0 10px 0;}
.socialpane {}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}
.leftsidepane { padding:10px 0; }
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_four_grid12 {}

/*--------- DNN Default Style Reset ----------*/
.dnnFormPopup { width: 90%!important;}
.LoginPanel, .dnnLogin  {width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}
div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}

/*--------- Togglable Tabs Style ----------*/
.skin_tabs{border-bottom:none;}
.nav-tabs{ width:100%!important;padding:0;margin:0;overflow:hidden;}
.nav-tabs li { float:none; width:100%!important;}
.nav-tabs li a {width:100%!important;border:1px solid #CECECE;border:none;}
.nav-tabs li a:hover {background:#f2f2f2;border-left:none;border-radius:0;}
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover{border-top:none;border-left:none;border-radius:0;background:#eaeaea;border-bottom:solid 1px #eaeaea;}
.tab_photo { float:none; width:auto;}
.tab_title{font-size:18px;}
.tab_right_content{width:100%!important;float:none!important;margin-left:15px;}
.nav-tabs .dropdown-toggle .caret{margin-top:18px;}
.tab_photo{position:relative;top:0;right:0;padding:10px;margin:0 auto;width:80%;}


/*SAM ADDED FOR NEWS & ANNOUNCEMENTS*/
.newsContainers {
    width: 95%;
    margin: 0px 0px 15px 0px;
}
/*END*/

/*SAM ADDED FOR QUICK LINKS*/
.boxesQL {
    margin: 0px 5px 15px;
}
/*END*/

/*---------- SEARCH BOX TABS ---------------*/
.search-tabs {
    bottom: -1px !important;
    position: relative;
}
.searchOuterBoxGlobal .nav-tabs {
    border-bottom: 0px solid #ffffff;
	padding:0px !important;
}
.searchOuterBoxGlobal .nav-tabs li {margin-right:30px;}
/*.searchOuterBoxGlobal .nav-tabs li a:hover {background:#eeeeee;border-left:1px;border-radius:4px 4px 0px 0px; }*/
.searchOuterBoxGlobal .nav-tabs li {width:30%!important;}
.searchOuterBoxGlobal .nav-tabs > .active > a {border-radius:4px 4px 0px 0px;}

/*--------- Togglable Tabs Style ----------*/
.nav-tabs2 { float:none; border:none; background:none; min-height:0; width:auto; text-align:left;}
.nav-tabs2 > li {  border:1px solid #d9d9d9; width:100%;}
.nav-tabs2 > li > a { color:#888; height:37px; line-height:40px; padding:0;width:100%;padding-left:6px;}
.nav-tabs2 > li:first-child { margin-top:0;}
.nav-tabs2 > li:last-child { }
.nav-tabs2 > li, .nav-pills > li { float: none;}
.nav-tabs2 > li > a:hover { color:#333333;border:none;border-radius:0;}
.nav-tabs2 > .active > a, .nav-tabs2 > .active > a:hover { background:none; border:solid 1px #fff; border-radius:0; position:relative; color:#000;padding-left:5px;}
.nav-tabs2 > .active > a:before { background:none; content: " ";height: 0; position: absolute; right:-14px; top:0; width:14px;}
.tab-content2 { border:none; padding:10px 10px 5px 10px;}
.tab-content2 .right_list h3 { margin:0; padding:0; font-size:17px; color:#333;}
.tab-content2 .right_list p { padding:0; font-size:13px; color:#888;}
.tab-content2 .right_list ul { float:left; list-style:none; margin:0; padding:5px 0 0 0; color:#888;}
.tab-content2 .right_list ul.u1 { margin-right:50px;}
.tab-content2 .right_list ul li { background:url(../images/tab_icon.jpg) no-repeat left center; list-style:none; margin:0; padding:5px 0 0 18px;}
.nav-tabs3 > li > a:hover{ background:#409dc1; color:#FFFFFF; }

/*--------- Quovolve Style ----------*/
.quovolve-box .quovolve-nav .nav-numbers {left:37%;bottom:20%;}
.quovolve-box ul li .quovolve-box_text p {font-size:17px;line-height:25px;padding:0 5px;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel{}
.carouFredSel{padding:0;}
.icon-circle{display:none;}
.carouFredSel_nav{padding-right:5px;}
.Slider_banner4_nav{top:5px;}

/*---------- Latest Works  Style -------------- */
.pg-details h2{line-height:18px;}
.pg-details{}
.carouFredSel ul li { padding:0 3px;}
.pg-categories{line-height:12px;margin:0;}
.pg-info:hover .pg-details{bottom: calc(50% - 20px);}
.icon-circle2{top: 25%; left: 40%;  }
.pg-details2{ bottom: 30%; color: #ffffff; }
.pg-details2 h2{font-size:18px;}
.pg-categories2{ font-size: 15px;}
.icon-circle3{top: 25%; left: 40%;  }
.pg-details3{ bottom: 30%; color: #ffffff; }
.pg-details3 h2{font-size:17px;}
.pg-categories3{ font-size: 14px;}
.pg-info4{width:88.5%;}

/*---------- Project style -------------- */
.project_inner .entry-mobile {display:none;}

.page_testimonials li{width:90%;}
.page_services li{width:90%;margin:0 1% 3%;;float:left;}

.perfect_left{width:90%;float:left;text-align:center;}
.perfect_right{width:100%;text-align:center;}

/*--------- Price Table Style ----------*/
.prices_dark_style{ float:left;width:45%;margin:0;}
.prices_color_style{ float:left;width:45%!important;margin:0;}
.price_dark p{ font-size:25px; }
.price_color p{ font-size:25px; }

.prices_dark_style_three{ float:left;width:29%;margin:0 5px;}
.prices_color_style_three{ float:left;width:29%;margin:0 5px;}

.dark_title h3{font-size:18px;}
.purple_title h3{font-size:18px;}

.price_dark_button span a{ padding:10px 0; }
.price_color_button span a{ padding:10px 0; }

/*--------- Error 404 ----------*/
.error_page{height:320px;}
.content_404{ font-size:175px; padding:30px 0 0 20px;}
.error_title_one { font-size:25px; color:#9e9e9e; text-align:center;}
.error_bg{float:left;width:20%;}
.error_page .sitemap_button {float:right;}
.error_page .search_style { display:block;float:right;}

/*--------- Quovolve Style ----------*/
.quovolve-box .quovolve-nav .nav-numbers {left:37%;bottom:20%;}
.quovolve-box ul li .quovolve-box_text p {font-size:17px;line-height:25px;padding:0 5px;}

/*--------- Scroll Top Style ----------*/
#top-link { bottom: 60px; right: 20px; }

/*------------------ Mobile Mode Style -------------------*/
.standard_list ul{width:100%;float:left;}
.content_right_borter{width:100%;}
.demo_content_title h3{font-size:18px;}
.about_edit{margin:15px 0;}
.input_style{width:100%;}
.support_text{}
.input_button { padding-bottom:25px;}

/*------------------ Buttons Page -------------------*/
.buttons_page li{width:90%;}

/*---------Prices Pages---------*/
.prices_blue_style, .prices_color_style, .prices_green_style, .prices_red_style, .prices_gray_style, .prices_liem_style{width:90%;}
.blog_img_right{ float:left;}

/*------------------ Services Page -------------------*/
.services_list{float:left;width:90%;padding:0 1%;min-height:150px!important;}

/*------------------ Testimonials_page -------------------*/
.testimonials_page .input_button{float:left;}

/*------------------ Gallery_box Page -------------------*/
.gallery_box_outer{ width:48%;}
.project_page_left{padding:0 10px;}
.project_pic{width:80%;}
.project_list { padding:10px 0!important;float:none;width:80%!important;}



/*SAM ADDED
.digitalbox {
	box-sizing: border-box;
	display: block;
	float: none;
	margin-left: 0;
	width: 100%;
}
.audiencesbox {
	box-sizing: border-box;
	display: block;
	float: none;
	margin-left: 0;
	width: 100%;
}*/
	
}

@media handheld, only screen and (max-width:560px) {
/*--------- Quovolve Style ----------*/
.quovolve-box .quovolve-nav .nav-numbers {left:35%;bottom:15%;padding-top:5px;}
.quovolve-box ul li .quovolve-box_text p {line-height:20px;font-size:16px;}

/*--------- Footer Categories Style ----------*/
.error_page{height:300px;width:100%;}
.content_404{ font-size:105px; }
.error_title_one { font-size:20px; color:#9e9e9e; text-align:center;}
.error_bg{float:left;width:20%;}
.error_page .sitemap_button {float:right}
.error_page .search_style { display:block;float:right;}
.error_page .search_style input[type="text"] { width: 140px; }

/*SAM ADDED FOR IFRAME GIS*/
.map-container {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}
/*END*/

/*SAM ADDED FOR REGISTER LINK*/
#registerContainer {
    float: right;
    margin-top: 15px;
    font-weight: bold;
}

/*SAM ADDED FOR SEARCH RADIO BUTTONS*/
#radioGroupGlobal label {
    color: #38095e;
    font-weight: bold;
    margin: 0px 4px 0px 0;
	font-size:1em;
}

/*END*/
/*MEGA FOOTER*/
.megaFooter {
	margin:0 7%;
	
}
#dnn_FooterGrid4A {
    display:none;
}

/*SEARCH*/
#radioGroupGlobal {
    margin: 0px;
}
#radio2Global img { margin:0px 5px;}
#radio1Global img  { width:24px;} 

#radio2Global img { width:28px;}

.valignmiddleSearch h2 { font-size:1.7em;}

#splashContainer { padding:0px 6%;}


/*---------LibCard Button----------*/
.libcardCenter  h2 {
	color:#ffffff;
	font-family: "raleway",verdana,arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.5em;
    margin: 10px 0 0;
}
.libcardButton > a:link {
    -moz-user-select: none;
    background: #38095e none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
    color: #ffffff;
    display: inline-block;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 12px !important;
    text-align: center;
    text-decoration: none;
}
.libcardButton > a:visited {
    -moz-user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    background: #38095e none repeat scroll 0 0;/*WAS #485f6e*/
    color: #ffffff;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 12px !important;
    text-align: center;
    text-decoration: none;
	display:inline-block;
    /*transition-duration: 0.2s;*/
}

.libcardButton > a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
    /*border: 1px solid #cccccc;*/
    color: #000000;/*WAS #58585a*/
    text-decoration: none;
}
.libcardButton > a:active {
    background: #cccccc none repeat scroll 0 0;
    border: 1px solid #8c8c8c;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    color: #000000;
    text-decoration: none;
}
/*END*/

}


@media handheld, only screen and (max-width:380px) {
/*mobile menu*/
/*.mobile_nav { display:block; position:relative; height:40px;left:0; float:right; margin-top:5px;}*/

.gallery_box_outer{ width:96%;}
.language_position {padding:5px 0 4px 0; }

/*--------- Register and Login Style ----------*/
#Login{ margin:0 5px; }
#Login .registerGroup a { padding:0 4px;  }
#Login .loginGroup a{ padding:0 4px; }
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat -5px -30px;}
.registerGroup .userMessages strong:hover{background-position:-5px -1px;}
.registerGroup .userNotifications strong{ background-position:-33px -30px;}
.registerGroup .userNotifications strong:hover{ background-position:-33px -1px;}
.registerGroup .userMessages strong:active{background-position:-5px -30px;}
.registerGroup .userNotifications strong:active{ background-position:-33px -30px;}	

/*--------- Quovolve Style ----------*/
.quovolve-box .quovolve-nav .nav-numbers {left:25%;bottom:8%;}
.quovolve-box ul li .quovolve-box_text p {line-height:20px;font-size:15px;}
.riviera_title{padding-top:10px;}
.riviera_pic{width:80%;}
.riviera_text{float:left;width:100%;}
.pg-info:hover .pg-details{bottom: calc(40% - 20px);}
.error_page .search_style input[type="text"] { width: 80px; }

/*----------Active Nav-------------*/
/*.searchIcon, .accountIcon, .locationsIcon {width:50px; margin-right:5px;}
.searchName { display:block; font-family:"raleway",verdana,arial,helvetica,sans-serif; font-size:.9em; color:#B5121B;}*/

/*----------iPhone Disable Zoom In Input Tag------------*/
input[type='text'],
input[type='number'],
textarea {
  font-size: 16px;
}

}
@media handheld, only screen and (max-width:360px) {
/*mobile menu*/
	.mobile_nav { display:block; height:40px; float:left; margin-left:5px;}
	.searchIcon, .accountIcon, .locationsIcon, .askIcon, .printingIcon {width:50px; margin-right:5px; padding: 5px 0px;}
}

@media handheld, only screen and (max-width:280px) {
/*mobile menu*/
	.mobile_nav { display:block; height:40px; float:left; margin-left:5px;}
	.searchIcon, .accountIcon, .locationsIcon, .askIcon, .printingIcon {width:50px; margin-right:5px; padding: 5px 0px;}
}
/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {

.menuclick { background-image:url(../images/retina/btn_menu2@2x.png); -webkit-background-size:30px 29px; -moz-background-size:30px 29px; background-size:30px 29px; }/*CHANGED -webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size:20px 20px*/
/*NEW ACTIVE NAVIGATION*/
.icon_search{ background-image:url(../images/retina/search2@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.icon_locations{ background-image:url(../images/retina/locations2@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.icon_account{ background-image:url(../images/retina/register2@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.icon_ask{ background-image:url(../images/retina/ask2@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}

.icon_lang{ background-image:url(../images/retina/icon_lang@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px; }
.login_style .login-button span{ background-image:url(../images/retina/icon_login@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
.login_style .logout-button span{ background-image:url(../images/retina/icon_logout@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
.icon_user .user-button span{ background-image:url(../images/retina/icon_user@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}
.icon_user .user-back span{ background-image:url(../images/retina/icon_user@2x.png);-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px;}

#standardMenu .rootMenu a span .navarrow,
#standardMenu .rootMenu a span .navarrow2, 
#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow,
#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2,
#megaMenu .root a span .navarrow,
#megaMenu .root a span .navarrow2,
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow,
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2
{background-image:url(../images/retina/mobile_navarrow@2x.png); -webkit-background-size:17px 80px; -moz-background-size:17px 80px; background-size:17px 80px;}

}