/*   

Theme Name: WP MAGAZINE

Theme URI: http://wpmagazinenews.com

Description: Wordpress Theme Magazine/News is the best theme to make you money with adsense, cpa, any affiliate network possible. 

Author: Josee Bedard

Author URI: http://angelswebdesign.net

Version: 2

*/



@media screen {



/* ---------------------{ Main }--------------------- */

* { margin: 0; padding: 0; }

body { background:#4e4e4e url(images/bg.jpg) top center no-repeat; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; }

.clear{clear:both;}
.subpadding{padding:0px 20px;}
a:hover{text-decoration:none;}
.subpadding10{padding:0px 10px;}
.subpadding20{padding:0px 20px;}
.subpadding20a{padding:0px 20px 15px 20px;}
.subpadding30{padding:0px 30px;}
.subpadding40{padding:0px 40px;}

.potrit-img{
  border: 3px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;

}

/* ---------------------{ Mobile Navigation }--------------------- */
#mprimary-nav-all{width:100%;}
#mprimary-nav{ height:49px; position:relative;}


/* ---------------------{ Typography }--------------------- */


a { color:#202020; text-decoration:none; }

a:hover { color:#d00000; } 



/* ---------------------{ Main Structure}--------------------- */

#page-wrap {background:#fff;}



#container{ clear:both; padding:0px 0px 0px 0px; }

#content{ }



#footer{}



/* ---------------------{ Top Navigation }--------------------- */

#navtop-all{ width:100%; background:#000; height:30px; }

#navtop{height:30px; color:#9e9e9e; font-size:11px;}

#navtop .left{float:left;}

#navtop .right{float:right;}

#navtop .right ul{list-style:none; margin:0; padding:5px 0px 5px 0px; }

#navtop .right li{float:right; padding:0px 5px 0px 5px; }





/* ---------------------{ Top Navigation }--------------------- */

#topnav {margin: 0;padding: 0;height:0px; float: left;margin: 0 auto; font-size:9px; font-family: 'Oswald', sans-serif;}

#topnav .menu-header,div.menu {font-size: 1.2em;}

#topnav .menu-header ul,div.menu ul {list-style: none; margin: 0;padding-right:20px;}

#topnav .menu-header li,div.menu li {float: left; position: relative;}

#topnav a {color: #2a2a2a;display: block; line-height: 30px; padding: 0 10px; text-decoration: none;}

#topnav ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 30px;left: 0;float: left;width: 220px;z-index: 99999;}

#topnav ul ul li {min-width:220px;}

#topnav ul ul ul {left: 100%;top: 0;}

#topnav ul ul a {background: #2a2a2a;line-height: 1em;padding: 10px;width: 220px;height: auto;}

#topnav li:hover > a{ color:#2a2a2a;}

#topnav ul ul :hover > a {color:#2a2a2a;}

#topnav ul li:hover > ul {display: block;}

#topnav ul li.current_page_item > a,#topnav ul li.current-menu-ancestor > a,#topnav ul li.current-menu-item > a,#topnav ul li.current-menu-parent > a {color:#2a2a2a;}

* html #topnav ul li.current_page_item a,* html #topnav ul li.current-menu-ancestor a,* html #topnav ul li.current-menu-item a,* html #topnav ul li.current-menu-parent a,* html #topnav ul li a:hover {color:#2a2a2a;}



/* ---------------------{ Haader }--------------------- */

#header-all{ width:100%; min-height:130px;}

#header{min-height:130px;}

#logo{ text-align:center; padding-top:20px;}

#subtitle{text-align:center; margin:10px 0px 0px 0px; padding:5px 0px 0px 0px;  height:41px; color:#fff;  font-size:16px; font-family:"Times New Roman", Times, serif; font-style:italic;}





/* ---------------------{ Header Navigation}--------------------- */

#header-nav{ clear:both; background:url(images/nav-bg.png) top center repeat-x; height:35px;}



/* ---------------------{ Top Navigation }--------------------- */

#mainnav {margin: 0;padding: 0;height:0px; font-family: 'Oswald', sans-serif;}

#mainnav .menu-header,div.menu {font-size: 16px;}

#mainnav .menu-header ul,div.menu ul {list-style: none; margin: 0; padding-left:20px;}

#mainnav .menu-header li,div.menu li {float: left; position: relative;}

#mainnav a {color: #fff;display: block; line-height: 35px; padding: 0 10px; text-decoration: none;}

#mainnav ul ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 35px;left: 0;float: left;width: 220px;z-index: 99999; background:#000;}

#mainnav ul ul li {min-width:220px;}

#mainnav ul ul ul {left: 100%;top: 0;}

#mainnav ul ul a {background: #2a2a2a;line-height: 1em;padding: 10px;width: 220px;height: auto;}

#mainnav li:hover > a{ color:#00000;}

#mainnav ul ul :hover > a {color:#2a2a2a;}

#mainnav ul li:hover > ul {display: block;}

#mainnav ul li.current_page_item > a,#mainnav ul li.current-menu-ancestor > a,#mainnav ul li.current-menu-item > a,#mainnav ul li.current-menu-parent > a {color:#d00000;}

* html #mainnav ul li.current_page_item a,* html #mainnav ul li.current-menu-ancestor a,* html #mainnav ul li.current-menu-item a,* html #mainnav ul li.current-menu-parent a,* html #mainnav ul li a:hover {color:#d00000;}



/* ---------------------{ Right Slider }--------------------- */

#banner{}

#slideheight{ height:290px; background:#6b6b6b;}

#banner .left{ float:left; display:inline; color:#f6f6f6; margin:15px; }

#banner h2{ font-size:18px; text-transform:uppercase; margin:0; padding:0; color:#FFFFFF; }



#banner-text{ padding:10px 0px 30px 0px; }

#banner .right{ float:right; display:inline; background:#fff; height:260px; padding:6px 0px 0px 4px; position:relative; overflow:hidden; margin:10px 10px 0px 0px; }



#slider_side {position:relative;}

#slider_side_nav {padding:7px 6px 5px 1px; overflow:hidden; position:absolute; left:50%; bottom:0px; background-color:#ffffff; z-index:10;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;}

#slider_side_nav a {width:9px; height:9px; margin-left:5px; display:block; float:left; overflow:hidden; background:url(images/bg_nav_ball_side.png) no-repeat; text-indent:-9000px;}

#slider_side_nav a.activeSlide {background:url(images/bg_nav_ball_side_act.png) no-repeat;}

#slideheight a{color:#d00000;}



/* ---------------------{ Homepage }--------------------- */

#slider{}



#homepage h3{}

#homepage h2 a{color:#fff;}

#homepage{ clear:both; padding:20px 0px 0px 0px;}

#homepage .left{float:left; display:inline; }

#homepage .right{float:right; display:inline; }

#homepage-sponsor{}

#homepage-video{}



#homepage .frame147{background:url(images/frame147.jpg) top center no-repeat; height:80px; clear:both; position:relative;}

#homepage .frame190{background:url(images/frame190.jpg) top center no-repeat; height:103px; clear:both;}

div.photo-flag { background: url(images/zoom.png) no-repeat; display: block; opacity: 0.7; filter: alpha(opacity=70); margin-left: -20px; position: absolute; height: 25px; top: 26px; left: 55%; }

a:hover div.photo-flag { filter: alpha(opacity=80); opacity: 0.8; }



#from-the-desk{}

#editorial{}

#editorial h3 a{color:#d00000; }

#editorial h3 a:hover{color:#202020;}

#editorial .frame{padding:5px 0px 0px 5px;}

#homepage .w-titlebox h2{margin:0px; padding:5px 0px;}
#homepage .w-titlebox{clear:both; border-bottom:5px solid #d00000; margin-bottom:15px;}
#homepage .w-titlebox .right{ background:#d00000; padding: 0px 10px; margin-right:-16px;}

#homepage-sponsor .w-titlebox h2{margin:0px; padding:5px 0px;}
#homepage-sponsor .w-titlebox{clear:both; border-bottom:5px solid #d00000; margin-bottom:15px;}
#homepage-sponsor .w-titlebox .right{ background:#d00000; padding: 0px 10px; margin-right:-15px;}

#popular-video .w-titlebox h2{margin:0px; padding:5px 0px;}
#popular-video .w-titlebox{clear:both; border-bottom:5px solid #d00000; margin-bottom:15px;}
#popular-video .w-titlebox .right{ background:#d00000; padding: 0px 10px; margin-right:-15px;}


#homepage .titlebox{clear:both; height:50px; background:url(images/title-box.jpg) bottom right no-repeat; margin-bottom:20px;}

#homepage .titlebox-left{ }

#homepage .titlebox-right{text-align:right; padding-right:0px;}



#homepage-sponsor .titleboxb{clear:both; height:50px; background:url(images/title-boxb.jpg) bottom right no-repeat; margin-bottom:20px;}

#homepage-sponsor .titleboxb-left{}

#homepage-sponsor .titleboxb-right{text-align:right; padding-right:0px;}

#homepage-sponsor h2 a{color:#fff; padding:0px 0px 0px 0px;}





#popular-video{ margin-bottom:15px; }

#popular-video .titleboxb{clear:both; height:50px; background:url(images/title-boxb.jpg) bottom right no-repeat; margin-bottom:20px;}

#popular-video .titleboxb-left{}

#popular-video .titleboxb-right{float:right;padding-top:0px; }

#popular-video h2 a{color:#fff; padding:0px 0px 0px 0px;}

#popular-video .box{float:left; padding:10px 8px;}

#popular-video .last{padding-right:0px}

#popular-video .boxes{}

#popular-video .frame147{position:relative;}

div.video-flag { background: url(images/play.png) no-repeat; display: block; opacity: 0.7; filter: alpha(opacity=70); margin-left: -20px; position: absolute; width: 46px; height: 46px; top: 30px; left: 50%; }

a:hover div.video-flag { filter: alpha(opacity=80); opacity: 0.8; }



#around-world{ }

#around-world .box{float:left; margin-right:10px; } 

#around-world .frame{padding:5px 0px 0px 5px;}

 

#latest-article{}

#latest-article .box{float:left; margin-right:10px;} 

#latest-article .frame{padding:5px 0px 0px 5px;}



#gal-pic{}

#gal-pic .box{float:left; margin-right:10px; margin-bottom:10px;} 

#gal-pic .frame{padding:5px 0px 0px 5px;}



#tech-news{}

#tech-news .box{float:left; margin-right:20px;margin-bottom:10px;} 

#tech-news .tech-news-title a{color:#000;}

#tech-news .tech-news-title a:hover{color:#d00000;}

#tech-news .byauthor a{color:#d00000; font-family: 'Oswald', sans-serif;}

#tech-news .byauthor a:hover{color:#000;}



/* ---------------------{ Sidebar}--------------------- */

#sidebar{ float:right; display:inline; padding:10px 20px 0px 10px;}

#sidebar h2{border-bottom:3px solid #d00000; color:#d00000;} 

#sidebar ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px;}

#sidebar ul ul{ padding:0px 0px 0px 0px; }

#sidebar li{ list-style:none; padding:3px 0px 3px 0px; }

#sidebar li li{ padding:3px 0px 3px 10px;}

#sidebar .textwidget{padding:10px 0px 10px 0px;}

#sidebar .boxes{background:#fff; padding:40px 0px 0px 0px; border:1px solid #fdfdfd;  -moz-box-shadow: 3px 3px 1px #ccc; -webkit-box-shadow: 3px 3px 1px #ccc; box-shadow: 3px 3px 1px #ccc; margin-bottom:20px;}

#sidebar .frame{float:left; border:1px solid #d7d7d7; padding:3px; margin:0px 10px 0px 0px;}



#container-1{background:#fff; padding:0px 10px;}



.blog1-frame{float:left; margin:0px 15px 10px 0px;}

.blog1-frame-img{border:1px solid #dedede; padding:5px;}

/* ---------------------{ Footer }--------------------- */



/* ---------------------{ Footer Top}--------------------- */

#footertop-all{background:#111111 url(images/footer-bg.jpg) top center repeat-x;}

#footertop{padding-top:60px; padding-bottom:50px; }

#footertop .footer-sidebar{ color:#c3c3c3;}

#footertop .last{ }



/* ---------------------{ Footer Bottom}--------------------- */

#footerbottom-all{ width:100%; background-color:#1c1c1c; height:50px; font-family: 'Oswald', sans-serif; }

#footerbottom{height:50px;  }

#footerbottom .left{float:left; display:inline; padding:20px 0px  0px 0px;}

#footerbottom .right{float:right; display:inline; padding:10px 0px 0px 0px; text-align:right; color:#9b9b9b;}



/* ---------------------{ Footer Widget}--------------------- */

.footer-widget { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#e5e5e5;}

.footer-widget h2 { padding:0px 0px 5px 0px; color:#fff; font-size:16px; border-bottom:1px solid #fff; }

.footer-widget { padding:0px 0px 0px 0px; }

.footer-widget p { padding-bottom:5px; }

.footer-widget ul { clear:both; margin:0px; padding:10px 0px 0px 0px; list-style:none; }

.footer-widget ul li { padding:5px 0px 5px 0px;}

.footer-widget ul li a { padding:0px 0px 3px 0px; text-decoration:none; color:#afafaf; }

.footer-widget ul li a:hover { color:#fff; }

.footer-widget ul li li a {border-bottom:none;}

.footer-widget ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }

.footer-widget ul ul li { border:none; padding:0px 0px 0px 5px; }

.footer-widget ul ul ul { margin:0px; padding:0px 0px 0px 0px; border-top:none; }

.footer-widget .textwidget{ padding:10px 0px 10px 0px;}



/* ---------------------{ Other}--------------------- */

.readmore{ clear:both; margin-bottom:10px; font-family: 'Oswald', sans-serif;}

.readmore a{color:#d00000; text-decoration:none; font-size:14px; text-transform:uppercase; font-wight:bold; }

.readmore a:hover{color:#000;}

.redline{border-top:3px solid #d00000; clear:both; height:3px; margin-bottom:10px; }

.line{clear:both; background:url(images/line.jpg) top center repeat-x; height:4px; margin:5px 0px;} 




/* ---------------------{ Post }--------------------- */
.post { }

.entry { }
.entry a { }
.entry a:hover { }

.meta { font-size:12px; font-style:italic; margin-bottom:10px; }
.postmetadata { font-size:12px; font-style:italic; margin-bottom:10px; }

/* ---------------------{ Blog Page }--------------------- */
#container embed,#container object,#container iframe {width: 100%; min-height:300px; height:auto; margin:0; padding:0;}



/* ---------------------{ Related Video }--------------------- */
#related-video{ padding:20px 0px 20px 0px; clear:both;}
#related-video ul{list-style:none; padding:0; margin:0; }
#related-video li{padding:10px 0px 10px 0px; margin:0;}
#related-video .latest-post-box{clear:both; padding:10px 0px;}
#related-video .box-right{}
#related-video .box-left{}

#related-video .videoframe{  }
#related-video .frame{}
#related-video h3,#related-video h4{margin:0;}
#related-video h3{ text-transform:uppercase; font-weight:normal;}

/* ---------------------{ Blog Page }--------------------- */
#container embed,#container object,#container iframe {width: 100%; min-height:300px; height:auto; margin:0; padding:0;}
#related-video embed,#related-video object,#related-video iframe {width: 100%; min-height:190px; height:auto; margin:0; padding:0;}
#page-wrap1 embed,#page-wrap1 object,#page-wrap1 iframe {width: 100%; min-height:300px; height:auto; margin:0; padding:0;}

	
/* ---------------------{ Navigation }--------------------- */
.navgation { }
   .next-posts { }
   .prev-posts { }
.pagination {text-align: center; padding:10px 0px;}
.pagination a{
     display: inline-block;
     margin-left:10px;
     color:#000;
     padding: 5px 10px;
     font-size:12px;
     font-weight:bold;
   
}
.pagination a:hover{color:#000; background: #bd1a1d; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px; }
.pagination .current{padding:5px 10px; background: #bd1a1d; color:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;-khtml-border-radius: 10px;  }

/* ---------------------{ Search Form }--------------------- */
#searchform { padding: 0px  0px 0px 10px;  }

#header-search{ background:#333; float:right; width:150px; padding:0px 0px 3px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px; margin:3px 0px 0px 0px;}

#s{width:110px; font-size:11px; padding:0; margin:0; background:#333; border:none; color:#9e9e9e;} 

#searchsubmit{ }

/* ---------------------{ Comment }--------------------- */
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta {  }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even {  }
ol.commentlist li.odd {  }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
.comment-form{ padding:5px 0px;}


/* ---------------------{ Post Image }--------------------- */
img.centered { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:0px; padding:5px; border: 1px solid #ddd;}
img.alignnone {  margin:0px 0px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}
img.alignright {  margin:0px 0px 10px 10px; display:inline; padding:5px; border: 1px solid #ddd;}
img.alignleft { margin:0px 10px 10px 0px; display:inline; padding:5px; border: 1px solid #ddd;}
.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;  }
.alignright { float:right; margin:0px 0px 10px 10px; }
.alignleft { float:left; margin:0px 10px 10px 0px; }
.wp-caption { background:#F7F7F7; text-align:center; padding:4px 0px 5px 0px; border:1px solid #e6e6e6; }
.wp-caption img { margin:0px 0px 5px 0px; padding:0px; border:0px; }
.wp-caption p.wp-caption-text { margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:12px; }


/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* Tagcloud */
.tagcloud a:link, .tagcloud a:visited {display:block;background:#707070 url(images/wdot.png) top right no-repeat;text-transform:uppercase;font-size:11px !important;padding:3px 15px 3px 5px;text-shadow:none;color:#aaa !important;margin-bottom:5px;margin-right:5px;float:left;-webkit-transition:all 100ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;-moz-border-radius: 3px;
-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.tagcloud a:hover {color:#fff !important}
.tags {margin-bottom:25px !important;float:left;clear:both}
.tags a:link, .tags a:visited {display:block;text-decoration:none;font-size:11px;text-transform:uppercase;padding:0px 5px;text-shadow:none;color:#fff !important;margin-bottom:1px;margin-right:1px;float:left;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}
.tags a:hover {color:#fff !important}

/* ---------------------{ Slider }--------------------- */

/* ---------------------{ Flex Slider}--------------------- */


#slidermain{margin:0px auto 0px auto;  height:auto; overflow:visible; padding-bottom:10px; padding-top:30px;}

#slidermain .sliderinner{ margin:0 auto!important; }
#slidermain .slides li{display:block; position:relative;}
#slidermain .slidesc{  background-color:#000; opacity:.75;  filter:alpha(opacity=75);  position:absolute; bottom:0;  padding:15px 20px; }
#slidermain .slidesc h1{ font-size:20px; margin-top:0; margin-bottom:5px; }
#slidermain .slidesc { color:white; text-shadow:1px 1px 1px rgba(0,0,0,.75)}

#slidermain .left{ float:left; width:60%; margin-right:10px;}
#slidermain .right{ float:right; width:35%; padding-top:40px; padding-right:30px;}
#slidermain .left embed,#slidermain .left object,#slidermain .left iframe {width: 100%; min-height:300px; height:auto; margin:0; padding:0;}

/* ---------------------{ Full Slider}--------------------- */
#fslidermain{width:100%; height:auto; overflow:hidden;}
#fslidermain .sliderinner{ max-width:100%!important; margin:0 auto!important;}
#fslidermain .slides li{display:block; position:relative;}
#fslidermain .slidesc{ width:40%; background-color:#000; opacity:.75;  filter:alpha(opacity=75); position:absolute; bottom:50px; left:200px; padding:15px 20px; border-radius:10px;}
#fslidermain .slidesc h1{ font-size:20px; margin-top:0; margin-bottom:5px; }
#fslidermain .slidesc { color:white; text-shadow:1px 1px 1px rgba(0,0,0,.75)}


.nav-button { display: none; } /* hide the navigation button by default */


/* ---------------------{ Portfolio }--------------------- */

.controls li{cursor: pointer; float:left; list-style:none; padding-right:20px; font-size:16px;}
.controls li.active{color:#00a7e5;}

#grid{text-align: justify;}
#grid:after{content: '';display: inline-block;}
#grid .mix{display: none; opacity: 0; padding-bottom:20px;}
#grid .gap{display: inline-block;}
#grid .col-sm-3{height:320px;}



/* gallery */

.gallery {display: block;clear: both;overflow: hidden;margin: 0 auto;}

.gallery .gallery-row {display:block;clear: both;overflow: hidden;margin: 0;}

.gallery .gallery-item {overflow: hidden;float: left;margin: 0;text-align: center;list-style: none;padding: 0;position: absolutebottom: 0}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {max-width: 89%;height: auto;padding: 1%;margin: 0 auto;}

.gallery-caption {margin-left: 0;}

/*************************************************

jquery tabs

*************************************************/






ul.tabnav {margin:0px !important; padding:0px !important;}

ul.tabnav li {display: inline;list-style: none;}

ul.tabnav li a {text-decoration: none;font-weight: bold;display: inline-block;padding: 10px 5px 11px 5px; outline: none;}

ul.tabnav li a:hover, ul.tabnav li a:active, ul.tabnav li.ui-tabs-selected a {}
.tabdiv-wrapper {margin-bottom:20px;}
.tabdiv {border-top:0px; padding:5px 0px;}
.tabdiv ul {margin:0px !important;}
.tabdiv li {list-style-type:none; list-style-image: none !important;}
.tabdiv li a {padding: 10px 0px;}

.tabdiv li a:hover {}
.tabdiv li.last a {}
.ui-tabs-hide {display: none;}

.iefix{
 /* IE hack */
  background:none\9; /* Targets IE only */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

#mainnav .menu-header,div.menu {font-size: 14px;}
#mainnav a {padding: 0 12px;} 
#slidermain .right{padding-right:20px;}


}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

#logo{text-align:center; padding:30px 0px;}
.footer-widget{margin:0px 20px;}

#slidermain{margin-left:0px;}
#products .next {left:740px;}


	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */


	.primary-nav {
		width: 100%;
		float: none;
		background-color: #000; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus optional parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "?";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}

#slidermain .left{width:100%;}
#slidermain .right{ display:none;}
#slidermain .slidesc{display:none;}	
}

 
/* Landscape phones and down */
@media (max-width: 480px) {

}

@media (max-width: 320px) {

}

} /* END screen media */





@media print {



.do-not-print { display: none; }

#comments { page-break-before: always; }



body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }

h1 { font-size: 19pt; }

h2 { font-size:17pt; }

h3 { font-size:15pt; }

h4,h5,h6 { font-size:12pt; }

code { font: 10pt Courier, monospace; } 

blockquote { margin: 1.3em; padding: 1em; }

img { display: block; margin: 1em 0; }

a img { border: none; }

table { margin: 1px; text-align:left; }

th { border-bottom: 1px solid #333;  font-weight: bold; }

td { border-bottom: 1px solid #333; }

th, td { padding: 4px 10px 4px 0; }

caption { background: #fff; margin-bottom: 2em; text-align: left; }

thead { display: table-header-group; }

tr { page-break-inside: avoid; } 

a { text-decoration: none; color: black; }

	

} /* END print media */