/* CSS Resets */
html,
body,
div,
span,
object,
iframe,
h1,h2,h3,h4,h5,h6,
p,
blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,
q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}
img, object, embed{ max-width: 100%;}
img { height: auto;}
table td img, table td object, table td embed{ max-width: 100%;}
table td img { height: auto;}
#dnnwrapper { /*background:#fff;*/ background: #f7f7f7; }
.dnnrow { width: 100%;max-width: 1340px;min-width:320px;margin: 0 auto;}
.innermargin { margin:0 20px;}
/*#dnncontent .innermargin{padding-top: 50px;}*/
.clr { clear:both;}
.fleft { float:left}
.fright { float:right}
.fontcolor { color:#f39436}
.bgcolor { background:#f39436}
.ml20 { margin-left:20px;}
.mr20 { margin-right:20px; }
.block:after { display:block; content:''; clear:both}
.fimgborder { border:5px #2b2b2b solid;}
.fimgborder:hover { border:5px #555 solid;}
.radius3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
.whitecolor, .whitecolor * { color:#fff;}
.i16 { font-size:16px}
.i24 { font-size:24px;}
.i32 { font-size:32px;}
.desktophide { display:none}
.mobilehide { display: block}
.smallsidebox { width:24%}
.largesidebox { width:74%}
.logo { padding:5px 0;}
.banner-shadow{ box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); border:4px #fff solid; border-top:none}
.dnnnav-container { width: 100%; position: relative; z-index:909;
background: rgba(0, 0, 0, 0.3);}
nav { width: 100%; position: relative; z-index:2}
#dnnnav { padding:10px 0 10px; margin: 0px;list-style: none;}
/*MENU*/
.dnnsticky#dnnnav {
position: fixed;
top:0px;
z-index: 999;
animation: thedrop 1s 1;
-moz-animation: thedrop 1s 1;
-webkit-animation: thedrop 1s 1;
padding:0px 0 2px;
background: #2f64a3; /*#1b3b62;*/ /*#0A1827*/
}
.dnnsticky#dnnnav .mmIcon { display:none}
.dnnsticky#dnnnav div.gdl-navigation-wrapper{ padding:12px 0 0 0; float:left; height:50px}
.dnnsticky#dnnnav .logo img { max-height:60px;}
.dnnsticky#dnnnav .centermenu{ display: block; float:right}
.resp-tab-content:after{ display:block; content:''; clear:both}
.centermenu{ display:table; margin:0 auto}
#dnnheader { background:#fafafa;padding:10px 0; border-bottom:1px #eee solid; border-top:1px #ddd solid}
#dnnheader .innermargin { padding:0px}
div.language-object { float:left}
div.language-object img { width:20px; margin:8px 10px 0 0}
ul#filist { margin:0px; padding:0 0 50px;}
ul#filist li { margin:0px; padding:0px; list-style:none;}
ul#filist li img { width:60%;}
ul#filist li:after { margin:0px; padding:0px; display:block; content:''; clear:both}
.sitesocial { height:40px;}
.sitesocial a { display:block; float:left; height:40px; line-height:40px; width:32px; font-size:16px; background:#f9f9f9; color:#333; text-align:center}
.sitesocial a:hover { background: none; color:#fff;}
#side-box { display:none;right:10px; bottom:20px; text-decoration:none; padding:0px; z-index:903;position: fixed; width:30px}
#side-box a { display:block; line-height:30px; text-align:center; background:#444;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; }
#side-box a:hover { background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity:1}
.titlebar-basic { background:url(../images/breaderbg.jpg) 0 0 no-repeat; border-top:1px #fff solid; min-height:100px;}
.titlebar-basic h2 { margin:0px; padding:30px 0 0; line-height:1em;}
.titlebar-basic .breaderbox { padding-top:40px;}
.titlebar-basic .breaderbox a { text-decoration:none; color:#333; font-size:12px; float:right; padding:0 25px 0 0; background:url(../images/breader.png) right center no-repeat}
.titlebar-basic .breaderbox a:first-child{ background: none}
.titlebar-basic .breaderbox a:hover { color:#f39436}
/*#dnncontent {
padding-top:50px;
min-height:600px;
padding-bottom:30px;
background: #fff;
}*/
#dnncontent {
padding-top:50px;
min-height:600px;
padding-bottom:30px;
background: #fff;
width: 88%;
margin-left: 6%;
/*padding:10px 10px;*/
border-right:1px #ddd solid;
border-left:1px #ddd solid
/*position:absolute;*/
/*display: block;*/
}
#dnncontentii { margin:0px; padding:0px; border-bottom:2px #f7c065 solid; border-top:2px #f7c065 solid; background:#fdefd8}
#dnncontentii h1,#dnncontentii h2,#dnncontentii h3,#dnncontentii h4,#dnncontentii h5,#dnncontentii h6 { color:#000}
#dnnfooter { background:#fff; padding:20px 0; font-size:12px; color:#333; clear:both; border-top:4px #f7c065 solid}
#dnnfooter .fleft { margin-top:-10px}
#dnnfooter .copyright { font: 12px 'ge_dinar_oneregular','Segoe UI', Arial, Helvetica, sans-serif;color:#333; padding-right:10px; line-height:40px}
#dnnfooter a.links { color:#333; padding:0 5px; text-decoration:none}
#dnnfooter a { font: 13px 'ge_dinar_oneregular','Segoe UI', Arial, Helvetica, sans-serif;color:#333; padding:0 5px; text-decoration:none;}
#dnnfooter a:hover { color:#f7c065}
/* Pane Layout */
.panebox:after { display:block; content:''; clear:both}
.HeaderPane { margin-right:3%; padding-top:18px}
.TopPane { float:left}
.TopLeftPane, .TopRightPane,
.BottomLeftPane,.BottomRightPane,.MainLeftPane,.MainRightPane{ width:49%;}
.Grid3TLPane { width:25%; margin-right:2%;}
.Grid6TCPane { width:46%}
.Grid3TRPane { width:25%;}
.Grid4TLPane { width:32%; margin-right:2%;}
.Grid4TCPane { width:32%}
.Grid4TRPane { width:32%;}
.Grid3MLPane, .Grid3MCPane { width:23.5%; margin-left:2%;}
.Grid3MCRPane { width:23.5%;margin-left:2%;}
.Grid3MRPane {width:23.5%;}
.FooterAPane, .FooterBPane { width:23.5%; margin-right:2%; padding:30px 0}
.FooterCPane, .FooterDPane { width:23.5%; padding:30px 0;}
.Grid4LPane,.Grid4RPane { width:32%;}
.Grid8RPane,.Grid8LPane { width:66%}
.Grid3LPane,.Grid3RPane { width:23.5%;}
.Grid9RPane,.Grid9LPane { width:74.5%;}
.FullPane { clear:both;}
/* Image Flash Across*/
a.flashacross{position:relative; display:block; float:left; overflow:hidden}
a.flashacross .title{z-index:2;position:absolute;bottom:50%;left:-100%;width:60px;height:60x; margin-bottom:-30px; margin-left:-30px;line-height:60px;background:#000;}
a.flashacross .shine{z-index:3;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/shine_brands.png) no-repeat -100% 0;}
input[type=text],
input[type=password],
textarea { background: #fafafa; -moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 10px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888;}
input[type=text]:focus,
textarea:focus { color: #373737;border:1px red solid;}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
.animate-slideup,
.animate-slidedown,
.animate-slideleft,
.animate-slideright,
.animate-slideexpandup,
.animate-expandup,
.animate-fadein,
.animate-expandopen,
.animate-bigentrance,
.animate-hatch,
.animate-bounce,
.animate-pulse,
.animate-floating,
.animate-tossing,
.animate-pullup,
.animate-pulldown,
.animate-pullleft,
.animate-pullright{ height: auto;margin-top: 0px; visibility:hidden}
/*theme-control-panel*/
.rightNav{ position:fixed; width:240px; left:0; top:155px; _position:absolute; text-align:left; z-index:1000000; display:none }
.rightNav div.ops{ display:block; position:relative; height:40px; line-height:40px; background:#eee; width:240px; cursor:pointer; left:-200px}
.rightNav div.ops:hover em{ background:#000}
.rightNav div.ops em{ display:block; float:right; width:40px; color:#fff; font-size:20px; text-align:center; margin-left:15px; height:40px; line-height:40px;}
.rightNav div.ops strong{ padding-left:15px; font-size:14px}
.layoutpattern{ display:none}
.layouttype.boxedwide{ margin:0 auto; padding:10px 0 10px;}
.layouttype.boxedwide li{ float:left;margin:0 0 5px 15px; padding:0px 15px; cursor:pointer; color:#fff; list-style:none; background:#ccc}
.layouttype.boxedwide li.selected{ background:#000; color:#fff}
.layouttype.boxedwide li.selected .layoutpattern{ display:block; margin:0px; padding:0px;}
.layoutcolor.themes{ margin:0 auto; padding:10px 10px 0 15px;}
.layoutpattern.themes{ margin:0 auto; padding:10px 10px 0 10px;}
.layoutcolor.themes li,.layoutpattern.themes li{ float:left;margin:0 5px 10px 0; padding:0px; cursor:pointer; list-style:none; width:30px; height:30px; border:1px #fff solid; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4)}
.layoutcolor.themes li.selected,.layoutpattern.themes li.selected{ background:url(../images/ok.png) center center no-repeat}
.otitle{ padding-left:15px}
/* mobile menu*/
#mobile-nav-box{display: none;background: #000;}
.btn-mobile-nav {
display:none;
width: 32px;
height: 32px;
background:url(../images/black-menu-mobile.png) 0 0 no-repeat;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform 250ms ease-out 0s;
-moz-transition: -moz-transform 250ms ease-out 0s;
-o-transition: -o-transform 250ms ease-out 0s;
transition: transform 250ms ease-out 0s; border:1px #444 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:15px; margin-left:2px
}
/* searchbox*/
.searchbox { position:relative; z-index:900;}
.searchbox span#dnn_dnnSEARCH_ClassicSearch { display:block; padding:0px; width:228px; margin-right:15px}
.searchbox span.searchInputContainer { display:block;}
.searchbox a.SkinObject:link { display:block; padding:0px; position:absolute; left:0px; top:0px;width:32px; height:32px; border:0px #eee solid; padding:1px; text-align:center; line-height:32px; color:#fff; }
.searchbox a.SkinObject:hover { background:#333; color:#fff}
.searchbox #dnn_dnnSEARCH_txtSearch{ width:180px; height:30px; border:2px #000 solid; font-size:16px; padding:0 5px 0 0; color:#000}
/* Mobile Landscape and Portrait */
@media only screen and (max-width: 767px) {.btn-mobile-nav { display:block; float:right}}
/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
#login{ float:right; margin:0px; padding:0px; }
#login li{ float:left; margin:0px; padding:5px 10px; list-style:none}
#login li a{ color:#000; font: 17px 'petraglyphdisplayregular', 'Segoe UI', arial;}
#login .registerGroup,
#login .registerGroup *,
#login .loginGroup,
#login .loginGroup * { display:block; margin:0px; padding:0px }
#login .registerGroup,
#login .loginGroup {float:left;padding:0;margin:0;}
#login .registerGroup li:first-child:hover {border-left:#fff;}
/* Register Group Styles */
#login .registerGroup li { float:left; border:none }
#login .registerGroup .buttonGroup {margin-right:0;}
#login .registerGroup a,
#login .loginGroup a{display:block;position:relative;height:30px;min-width:12px;font-size:14px;line-height:30px; color:#333; padding:0 10px}
#login .registerGroup a:active,
#login .loginGroup a:active {color:#000;}
#login .registerGroup a:hover,
#login .loginGroup a:hover { text-decoration:none; }
#login .registerGroup a strong,
#login .loginGroup a strong {display:block;position:absolute;left:0;top:0;width:100%;overflow:hidden;font-size:11px;text-indent:-9999px;}
#login .userMessages a,
#login .userNotifications a { padding:0 15px}
#login .userMessages strong { height: 100%;background: url(../images/icon_message.png) no-repeat center center;}
#login .userNotifications { border-left: 1px solid #fff; border-right: 1px solid #fff}
#login .userNotifications strong { height: 100%;background: url(../images/icon_notification.png) no-repeat center center;}
#login .registerGroup a span {display:inline-block;position:absolute;right:2px; top:-9px;min-width:7px;margin-right:3px;text-align:center;font-size:12px;color:#fff;}
#login .registerGroup .userProfileImg a{min-width:25px;min-height: 30px;padding:0;background:#f5f5f5}
#login .registerGroup a img{height:30px; width:30px; padding:1px 0 0;}
/* Login Group Styles */
#login .loginGroup a {color:#333}
/* Number of message next to the message icon*/
#login .userMessages a span,
#login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0px; background-color:#f39436;font-size: 11px; line-height:1em; padding:2px}
a.loginobj:link, a.loginobj:active, a.loginobj:visited{ line-height:30px; padding:0 15px; color:#333; text-decoration:none; font-size:12px;display:block}
/**** Demos ****/
#MasonryPortfolios {}
#MasonryPortfolios .box {
margin: 5px;
padding: 5px;
background: #fff;
font-size: 12px;
line-height: 1.4em;
float: left; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#MasonryPortfolios .box h1,#MasonryPortfolios .box h2 { margin:0px; padding:0px}
#MasonryPortfolios .box img{display: block;width: 100%;}
#MasonryPortfolios .col1 { width: 180px; }
#MasonryPortfolios .col2 { width: 280px; }
#MasonryPortfolios .col3 { width: 280px; }
@media handheld, only screen and (max-width: 768px){
#MasonryPortfolios .col1 { width: 80px; }
#MasonryPortfolios .col2 { width: 180px; }
#MasonryPortfolios .col3 { width: 180px; }
}
@media handheld, only screen and (max-width: 767px){
#MasonryPortfolios .col1,
#MasonryPortfolios .col2,
#MasonryPortfolios .col3 { width: 98%; }
}
/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.transitions-enabled.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property: none;
-moz-transition-property: none;
-ms-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
/*===================================================
Font Icons
=====================================================*/
.TopbarPane .fontsocial a em { padding:7px 5px; line-height:32px; text-decoration:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color:#fff}
.fontsocial a em {
padding:5px 4px;
line-height:32px;
text-decoration:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#fff;
}
.fontsocial.lg-social a em { font-size:28px; padding:5px 4px; line-height:50px; text-decoration:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#fff}
.fontsocial.circle a em {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
color:#fff
}
.fontsocial a em.icon-digg { background:#0082CD}
.fontsocial a em.icon-appstore { background:#000}
.fontsocial a em.icon-blogger-1 { background:#fb670d}
.fontsocial a em.icon-evernote { background:#74C042}
.fontsocial a em.icon-flickr { background:#FF0189}
.fontsocial a em.icon-google { background:#4385F6}
.fontsocial a em.icon-youtube { background:#df2025}
.fontsocial a em.icon-yahoo { background:#65106E}
.fontsocial a em.icon-quora { background:#A82300}
.fontsocial a em.icon-soundcloud { background:#F47B20}
.fontsocial a em.icon-yelp { background:#C22917}
.fontsocial a em.icon-facebook { background: #000;/*#1f69b4*/}
.fontsocial a em.icon-twitter { background:#45b5e7}
.fontsocial a em.icon-twitter-bird{ background: #000/*#45b5e7*/}
.fontsocial a em.icon-vimeo { background:#14beef}
.fontsocial a em.icon-tumblr { background:#44546a}
.fontsocial a em.icon-googleplus-rect { background:#d3492c}
.fontsocial a em.icon-github-text { background:#F1CBB4}
.fontsocial a em.icon-github { background:#000; color:#F1CBB4}
.fontsocial a em.icon-skype { background:#01AEF2}
.fontsocial a em.icon-icq { background:#02E301}
.fontsocial a em.icon-yandex { background:#FF2333}
.fontsocial a em.icon-blogger { background:#fd6301}
.fontsocial a em.icon-deviantart { background:#4c634f}
.fontsocial a em.icon-jabber { background:#BA0202}
.fontsocial a em.icon-lastfm { background:#B80638}
.fontsocial a em.icon-linkedin { background:#02669a}
.fontsocial a em.icon-picasa { background:#C07FE3}
.fontsocial a em.icon-wordpress { background:#2D709B}
.fontsocial a em.icon-instagram { background:#000}
.fontsocial a em.icon-box { background:#EDA962}
.fontsocial a em.icon-stumbleupon { background:#ef4e22}
.fontsocial a em.icon-signal { background:#01EB18}
.fontsocial a em.icon-trophy { background:#EEC801}
.fontsocial a em.icon-water { background:#0050A7}
.fontsocial a em.icon-droplet { background:#00CCFF}
.fontsocial a em.icon-pinterest { background:#df2025}
.fontsocial a em.icon-dribbble { background:#eb4d88}
.fontsocial a em.icon-dropbox { background:#2B82C9}
.fontsocial a em.icon-paypal-1 { background:#18549C}
.fontsocial a em.icon-behance { background:#33559f}
.fontsocial a em.icon-share { background:#03B652}
.fontsocial a em.icon-mail-1 { background:#cdc82c}
.fontsocial a em.icon-rss-1 { background:#e9a01d}
.fontsocial.dark a em { background:#333; color:#fff}
.fontsocial.light a em { background:#eee; color:#000}
.fontsocial a:hover em { color:#fff; background:#000}
/* Font icon demo */
#icons:after { display:block; content:''; clear:both}
#icons div { width:24%; float:left; background:#eee; margin:5px 0.5%; padding:10px 0}
#icons div span { line-height:30px;}
#icons div em { font-size:32px;padding:0 10px; display:block; float:left}
.codesOn .i-name { display: none;}
.codesOn .i-code { display: inline;}
.i-code { display: none;}
.smallicon{ font-size:16px;}
.mediumicon{ font-size:24px;}
.largeicon{ font-size:32px;}
.xlargeicon{ font-size:48px;}
.video-banner{ position:relative; max-height:550px; overflow:hidden}
.video-banner .text-content{ text-align:center; position:absolute; top:0px; left:0px; right:0px; }
.video-banner .text-content h3{ padding-bottom:10px;}
@media handheld, only screen and (max-width: 768px) {
.video-banner .text-content{ position: relative; padding-bottom:10px; max-height: none; overflow: visible; background:#eee; padding:10px 0}
.video-banner .text-content h1{ font-size:25px}
.video-banner .text-content h3{ font-size:18px;}
.video-banner .text-content a.btn{ font-size:14px}
}
#NewsSearchbox{ padding:0px; margin:0px;}
#NewsSearchbox input.NewsSearchButton{ padding:5px 0; margin:0px; float:left; text-indent:-9999px; width:35px; background:url(../images/search.png) top center no-repeat #f7c065; border:1px #f7c065 solid; min-width:0px}
#NewsSearchbox .NewsSearch{ min-width:140px}