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



	❤❤❤ 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:14px; line-height:41px;}

.top_nav ul li a{color:#a3a3a3; padding-bottom:20px; font-family: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; }