/*=======================================================================

	❤❤❤ Gumby by Digital Surgeons. ❤❤❤
	
	*** This is where you should keep all of your design specific styles ***
 
 ========================================================================*/
@font-face {
    font-family: "AvenirNextLTProCn";
    src: url("../fonts/AvenirNextLTPro-Cn.otf");
}
@font-face {
    font-family: "UniversLTStdCn";
    src: url("../fonts/UniversLTStd-Cn.otf");
}

.tag_line{ font-family: AvenirNextLTProCn, Times New Roman, Times, serif;  font-size:21px; color:#676262; margin-top:35px;}
.title_articles_404{ color:#F00; }

/* blog
-----------------*/
.home_blog{ border:1px solid #eeeeee; padding:10px; position:relative; display:block; min-height:100px; margin-bottom:17px; line-height:1.6; }

/* navigation
-----------------------------*/
.navigation_warp{ background:#333333; position:relative; }

.home_icon{ position:absolute; top:10px; }
.home_icon a{ width:20px; height:20px; display:block; background:url(../images/home.jpg) no-repeat; }

.home_icon a:hover{ background:url(../images/home_hover.jpg) no-repeat; }

.top_nav ul{  margin:0; padding:0; list-style:none; margin-left:25px; }
.top_nav ul li{ display:inline; position:relative; padding-left:10px; font-size:16px; line-height:41px;}
.top_nav ul li a{color:#a3a3a3; padding-bottom:20px; font-family:UniversLTStdCn, Arial, Helvetica, sans-serif; }
.top_nav ul li a:hover{color:#FFF;}


.top_nav ul ul{position:absolute;visibility:hidden;top:29px;width:190px;height:auto;left:0px; margin:0; padding:0;  margin-left:-15px; background:#FFF; border:1px solid #eeeeee; border-top:0px; padding-bottom:10px; }
.top_nav ul li:hover ul { visibility:visible; z-index:9999; }

.top_nav ul li ul li{ float:none;  display:block; margin:0; padding:0; margin-left:13px;}

.top_nav ul li ul li a{ line-height:30px; font-size:13px; padding-top:0px; padding-bottom:0px; line-height:.7; margin-left:0px;}
.top_nav ul li:hover ul li a:hover {color:#F00;}
/* third level */
.top_nav ul li:hover ul li ul { position:absolute;visibility:hidden;top:0px;width:170px;height:auto;left:177px; background:#FFF; margin:0; padding:0; border:1px solid #eeeeee; }

.top_nav ul li:hover ul li:hover ul { visibility:visible; z-index:9999; }

/* fourth level */
.top_nav ul li:hover ul li:hover ul li ul{ position:absolute;visibility:hidden;top:0px;width:170px;height:auto;left:157px; background:#FFF; margin:0; padding:0; border:1px solid #eeeeee;  }

.top_nav ul li:hover ul li:hover ul li:hover ul{ visibility:visible; z-index:9999; }


/* Secondary Menu
-------------------*/
.secondary_menu{ background:url(../images/bg_secondary.png) repeat-x top; min-height:97px; }
.bg_secondary{ background:url(../images/bd_secondary2.png) no-repeat 95% -1px; ; min-height:97px; }

 @media only screen and (max-width: 768px) {
.secondary_menu{ background:#1591a2;  } 
.bg_secondary{ background:url(../images/bd_secondary2.png) no-repeat 95% -1px; ; min-height:97px; border-bottom:1px dotted #06a7bd; }
.bg_secondary{ background:url(../images/bd_secondary2.png) no-repeat 95% 2px; ; min-height:0px !important; }
 }

/* Main container
------------------*/
.main_container{ background:url(../images/bg_content.png) no-repeat top center; min-height:500px; margin-top:-1px; }

.cotent_warp{ margin:28px; margin-right:0px; }


/*-----Sidebar 
--------------------------*/
.sidebar_menu{ background:url(../images/bg_nav_sidebar.png) no-repeat left top; min-height:175px; }
.sidebar_menu h2{ font-size:25px; color:#adf9fe; margin-bottom:0px; }
.margins{ margin:20px; }

.sidebar_nav ul { margin:0; padding:0; list-style:none; }
.sidebar_nav ul li{ float:left; width:46%; margin-bottom:0px; margin-left:2px; margin-top:15px; }
.sidebar_nav ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#adf9fe;  padding-left:17px; background:url(../images/bg_sidebar_nav.png) no-repeat left;}
.sidebar_nav ul li a:hover{color:#FFF;  }
.sidebar_latest_news{ background:#1591a2 url(../images/latest_news_heading.png) no-repeat 0 -2px; min-height:63px; margin-top:20px; }
.bg_sidebar_posts{ background:#edf9fa; }
.sidebar_margins{ margin:20px; margin-bottom:10px; margin-top:10px; font-size:12px; }
.sidebar_margins h2{ font-size:13px;  margin-bottom:0px; font-weight:bold;}
.border_bottom{ border-bottom:2px solid #FFF; }

 @media only screen and (max-width: 480px) {
.sidebar_menu{ background:url(../images/bg_nav_sidebar.png) no-repeat right bottom;  min-height:0px; padding-bottom:10px;}
.sidebar_menu h2{ font-size:18px; color:#adf9fe; margin-bottom:0px; }
.margins{ margin:0px;  margin-left:10px;  }
.sidebar_nav ul li{ float:left; width:46%; margin-bottom:0px; margin-left:0px; margin-top:5px; float:left; text-align:left; }
.sidebar_nav ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#adf9fe;  padding-left:14px;background:url(../images/bg_sidebar_nav.png) no-repeat left;}
.go_to_blog{ margin-top:12px; margin-right:-18px; }
.sidebar_latest_news{ background:#1591a2 url(../images/latest_news_heading.png) no-repeat -20px -2px; min-height:63px; margin-top:20px; }
 }
 
 
 /* footer nav --------------
 */
 .footer_nav{}
.footer_nav ul{ clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
.footer_nav ul li{ display:block;  float:left;  list-style:none; margin:0;  padding:0;  position:relative; right:50%;  background:none; }
   
.footer_nav ul li a{color:#49494a; font-size:12px;  border-left:1px solid #4d4d4d;  padding:0; padding-left:5px; padding-right:5px; height:12px; display:block;}
.footer_nav ul li:first-child a{ border-left:none;}
.footer_nav ul li a:hover{color:#1591a2;}



.top_nav ul li:hover ul { visibility:hidden; }


/*/Footer
----------------------*/
.footer_warp{ font-size:12px; }