@import url(bootstrap/css/bootstrap.css);
@import url(css/all.css);
@import url(css/tablet.css);
@import url(css/mobile.css);
@import url(css/trans-banner.css);
@import url(css/layerslider.css);
@import url(css/fancybox.css);
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('fonts/webfont.eot');
    src: url('fonts/webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfont.ttf') format('truetype'),
         url('fonts/webfont.woff') format('woff'),         
		 url('fonts/webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('fonts/webfontsemibold.eot');
    src: url('fonts/webfontsemibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontsemibold.ttf') format('truetype'),
         url('fonts/webfontsemibold.woff') format('woff'),         
		 url('fonts/webfontsemibold.svg#webfontsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

Body { margin:0;padding:0; background:#ffffff;}
#Body { background:#000; color:#333333;}
html,body{ margin:0; padding:0; height:100%; font:normal 12px/1.5 Arial, Tahoma, Helvetica, Verdana, sans-serif; color:#333333;}
form#Form{ height:100%;}
TH,TD,DIV{ font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
p{ margin:0 0 8px 0;}
ol, ul { list-style: none;}
ol li { list-style-type: decimal;}
li,ul li{ list-style:disc;}
a{ outline:0;border:0;}
img{ border:0;}
.ModuleTitle_SubMenu{ z-index:9999!important;}	

A:link { color :#333333; text-decoration : none;}
A:visited { color :#666666; text-decoration : none;}
A:hover { color :#0b8e6e; text-decoration:none;}
A:active { color :#333333; text-decoration : none;}
.color_text { color:#0b8e6e; }
.color_bg{ background:#0b8e6e; }

h1{ font-size:30px;line-height:1.5em;letter-spacing:0;color:#0b8e6e;font-weight:normal;font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;}
h2{ font-size:26px;line-height:1.5em;letter-spacing:0;color:#0b8e6e;font-weight:normal;font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;}
h3{ font-size:22px;line-height:1.5em;letter-spacing:0;color:#0b8e6e;font-weight:normal;font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;}
h4{ font-size:20px;line-height:1.5em;letter-spacing:0;color:#333333;font-weight:normal;font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;}
h5{ font-size:18px;line-height:1.5em;letter-spacing:0;color:#333333;font-weight:normal;font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;}
h6{ font-size:16px;line-height:1.5em;letter-spacing:0;color:#333333;font-weight:normal;font-family:'MyriadPro-Semibold', Arial, Tahoma, sans-serif;}

.Head{ font-weight:bold; font-size:15px;}
.SubHead { font-weight:bold;  font-size:14px;}
.SubSubHead{ font-size:13px;}
.Normal { font-size:12px; line-height:1.5em;}

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block;}
.clearafter{ display:inline-block;}
.clearafter{ display:block;}
.clear{ clear:both;}
.clear_float{ clear:both;line-height:0;font-size:0;}

/*--------- ControlPanel Style ----------*/
.controlpanel_bg { width: 100%; background:#FFFFFF;}
.controlpanel_style { width:900px; margin:0 auto}
.controlpanel_style table { width:100%}

.CommandButton { font-size: 11px; font-weight : normal; color: #0033CC; text-decoration: none;}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : underline;}
A.CommandButton:hover { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : none;}

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000000; text-decoration: underline;}
.FileManager A:hover{ color:#000000; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration : none;}
.dnnActionMenu span { color:#000000!important;}
.DnnModule{z-index:inherit;}

/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{ padding:3px 3px 2px 10px; font-size:12px; color:#aaa; text-decoration:none;}
A.User:hover { color:#ccc; text-decoration:none;}
.User:after {content: "|"; padding-left:10px;}

/*--------- Login style ----------*/
.Login, A.Login:link, A.Login:visited, A.Login:active{ padding:3px 8px 2px 5px; font-size:12px; color:#aaa; text-decoration:none;}
A.Login:hover { color:#ccc; text-decoration:none; }

/*--------- FooterLinks Style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; color:grey; font-size:13px; text-decoration:none;}
A.Footer:hover { color:gray; text-decoration: underline;}

/*--------- Social-Links ----------*/
.iconTwitter{width:38px;height:38px;background:url(images/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0;}
.iconFacebook{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -42px 0;display:inline-block;padding:0;margin:0;}
.iconForrst{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -84px 0;display:inline-block;padding:0;margin:0;}
.iconDribbble{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -126px 0;display:inline-block;padding:0;margin:0;}
.iconDeviantart{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -168x 0;display:inline-block;padding:0;margin:0;}
.iconYoutube{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -210px 0;display:inline-block;padding:0;margin:0;}
.iconTumblr{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -252px 0;display:inline-block;padding:0;margin:0;}
.Last-fm{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -294px 0;display:inline-block;padding:0;margin:0;}
.iconPicasa{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -336px 0;display:inline-block;padding:0;margin:0;}
.iconRSS{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -378px 0; display:inline-block;padding:0;margin:0;}
.iconBehance{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -420px 0;display:inline-block;padding:0;margin:0;}
.iconSkype{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -462px 0;display:inline-block;padding:0;margin:0;}
.iconGithub{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -504px 0;display:inline-block;padding:0;margin:0;}
.iconLinkedIn{width:38px;height:38px;background:url(images/socialicons.png) no-repeat -546px 0;display:inline-block;padding:0;margin:0;}

/*--------- Readmore Style ----------*/
.more_icon { background: url(images/more_arrow.png) no-repeat right 2px; display:inline-block\9; padding: 0 16px 2px 0; font-weight:normal;font-size:12px; line-height:1.5em; transition: all 0.5s ease 0s;  -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s; text-decoration: none;}
.more_icon:hover { background-position: left 2px; padding: 0 0 2px 16px; text-decoration: none;}

/*--------- Contact Form Style ----------*/
.contact_form .dnnFormItem input, .contact_form .dnnFormItem .dnnFormInput, .contact_form .dnnFormItem textarea{ background:#242424; border:1px solid #161616; border-radius:4px; box-shadow:none; margin:0; }
.contact_form .dnnFormItem strong { color:#ddd;}
.contact_form .dnnFormItem { line-height:1.5em; min-height:1.5em; padding:0; margin:0;}
.contact_form .contact_label { float:left; width:28%; max-width:60px; }
.contact_form .contact_input { position:relative; float:left; width:72%; height:33px; }
.contact_form .contact_error { position:absolute; right:-12px; top:25px;}
.contact_form .dnnFormError{ color:#FFFFFF!important;text-shadow:none;padding:5px 7px 5px 10px;}
.contact_form .contact_submit { text-align:left;}
.contact_form label { margin:1px; color:#ddd;}
.contact_form .dnnFormItem input { width:96%; padding:3px 2%; color:#ddd;}
.contact_form .dnnFormItem label, .contact_form .dnnFormLabel, .contact_form .dnnTooltip { font-weight:bold; text-align: left;}
.contact_form textarea { width:96%; padding:6px 2%; min-height:60px; color:#ddd!important;}
.contact_form .dnnFormItem { padding-left:0;}
#skin_footer .contact_form a.dnnPrimaryAction, #skin_footer .contact_form a.dnnPrimaryAction:link, #skin_footer .contact_form a.dnnPrimaryAction:visited{ background:#242424; border:1px solid #161616; border-radius:4px; height:28px; line-height:28px; text-shadow:none; color:#FFFFFF; text-decoration:none; font-weight:normal; padding:0 10px; margin:0; margin-top:5px; box-shadow:none; min-width:0;}
.contact_form .dnnFormItem input[type="text"]:active, .contact_form .dnnFormItem input[type="text"]:focus, .contact_form .dnnFormItem input[type="email"]:active, .contact_form .dnnFormItem input[type="email"]:focus, .contact_form .dnnFormItem textarea:active, .contact_form .dnnFormItem textarea:focus{background:none;border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.4); color:#fff; }

/*--------- Accordion Style ----------*/
.ui-accordion .ui-accordion-header { cursor: pointer;border-bottom:1px solid rgba(0,0,0,0.3);display: block;margin-top: 4px;min-height: 0;padding: 4px 5px 4px 25px;position: relative; font-weight:normal;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(images/accordion-buttons.png) no-repeat 0 6px;font-weight: normal;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:url(images/accordion-buttons.png) no-repeat 0 -82px;font-weight: normal; color:#009059;}
.ui-helper-reset { font-size: 100%;line-height: 25px;list-style: none outside none;margin: 0;outline: 0 none;padding: 0;text-decoration: none;}
.ui-accordion .ui-accordion-content { border:none;border-top:none;overflow: auto;padding: 5px 5px 0 15px;}
.ui-accordion .ui-accordion-content p { margin-bottom:0;}
.ui-accordion .ui-accordion-content p a { text-decoration:none;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel { position:relative; padding:0; margin:0;}
.carouFredSel ul { list-style:none; margin:0; padding:0; width:auto;}
.carouFredSel ul li { background:#fff; float:left; list-style:none; width:auto; padding:0; min-height:240px; margin-right:12px; position:relative; border:1px solid #ddd; border-bottom:2px solid #ddd;}
.carouFredSel ul li h3 { color:#666; font-size:14px; margin:0; padding:10px 0 0 10px; border-top:3px solid #009059;}
.carouFredSel ul li p { margin:0; padding:5px 0 0 10px; color:#666;}
.carouFredSel_nav { position:absolute; right:12px; top:-30px;}
.caroul_prev { background: url(images/carouFredSel_prev.png) no-repeat center center #ccc; border-radius:4px 0 0 4px; margin-right:3px; padding:4px 10px;}
.caroul_next { background: url(images/carouFredSel_next.png) no-repeat center center #ccc; border-radius:0 4px 4px 0; padding:4px 10px;}
.caroul_prev:hover { background:url(images/carouFredSel_prev.png) no-repeat center center #aaa; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.caroul_next:hover { background:url(images/carouFredSel_next.png) no-repeat center center #aaa; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
@media handheld, only screen and (max-width: 768px){
#carouFredSel_style { width:100%!important;}
}

/*--------- Quovolve Style ----------*/
.quovolve-box { padding-top:10px; padding-bottom:80px;}
.quovolve-box ul { clear: both;list-style: none; margin: 0;padding:5px 0;}
.quovolve-box ul li { list-style:none;padding: 10px; margin:0; position: relative;}
.quovolve-box ul li p { margin: 0; line-height:18px;}
.quovolve-box ul li cite { background:none; border-radius: 2px; position:absolute; left:10px; bottom: -80px;color: #333;display: block;font-size: 14px;font-style: normal;padding: 2px 6px 3px;margin:0;z-index: 900; font-weight:normal;}
.quovolve-box ul li cite img { float:left; padding-right:10px;}
.quovolve-box ul li cite span { float:left; display:inline-block; padding-top:15px;}
.quovolve-box ul li cite:before {  no-repeat center top; content: ""; height:15px; left: 25%; position: absolute; top: -16px;width: 31px;}
.quovolve-box .quovolve-nav .nav-numbers { height: 6px;margin: 0;width: 100%;padding:0;}
.quovolve-box .quovolve-nav .nav-numbers li { float: left;list-style: none;margin-right: 3px;}
.quovolve-box .quovolve-nav .nav-numbers li a { background: none; border:1px solid #bbb; border-radius: 100% 100% 100% 100%;display: block;height: 6px;text-indent: -9999px;width: 6px;}
.quovolve-box .quovolve-nav .nav-numbers li.active a { background: none repeat scroll 0 0 #009059;}
.quovolve-box .quovolve-nav .nav-numbers li a:hover { background: none repeat scroll 0 0 #009059;}
.quovolve-box ul.quovolve { background:#f6f6f6; border:1px solid #e5e5e5; border-radius:4px; font-family: Georgia,Times,serif;font-style: italic;margin: 10px 0 0;}
ul.quovolve p,ul.quovolve div,ul.quovolve span, ul.quovolve li,ul.quovolve a, ul.quovolve dt, ul.quovolve dd,ul.quovolve h1, ul.quovolve h2, ul.quovolve h3, ul.quovolve h4, ul.quovolve h5, ul.quovolve h6{ color: #888;}

/*--------- Fancybox Style ----------*/
.fancybox_style { margin:0; padding:10px 0 0 0;}
.fancybox_style ul { list-style:none; margin:0; padding:0;}
.fancybox_style ul li { list-style:none; border:1px solid rgba(0,0,0,0.25); padding:2px; border-radius:0; margin:4px; float:left; position:relative; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.fancybox_style ul li a { position:relative; display:block;}
.fancybox_style .img-overlay { background:url(images/fancy_zoom.png) no-repeat scroll center center #000; position: absolute; left:0; top:0; width:100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.fancybox_style .img-overlay:hover { opacity: 0.4;}

/*--------- Footer List Style ----------*/
.footer_list { padding-top:5px;}
.footer_list ul { list-style:none; margin:0; padding:0;}
.footer_list ul li { background:url(images/footer_list.png) no-repeat left center; list-style:none; margin:0; padding:0 0 0 20px;}
.footer_list ul li:hover { background-position:6px center; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.footer_list ul li a { color:#888; font-size:13px; height:30px; line-height:30px;}
.footer_list ul li a:hover { text-decoration:none; color:#aaa; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

/*--------- Post List Style ----------*/
.post_list { padding-top:10px;}
.post_list ul { list-style:none; margin:0; padding:0;}
.post_list ul li { list-style:none; margin:0 0 10px 0;}
.post_list span { float:left; padding:5px 15px 5px 0;}
.post_list img { border:3px solid #070707; border-radius:4px; box-shadow:0 0 1px 1px rgba(255,255,255,0.1); -webkit-box-shadow:0 0 1px 1px rgba(255,255,255,0.1); -moz-box-shadow:0 0 1px 1px rgba(255,255,255,0.1); cursor:pointer;}
.post_list p { margin-bottom:0; color:#888;}
.post_list a { color:#aaa; font-weight:bold; display:inline-block; padding-top:5px;}
.post_list a:hover { text-decoration:none;}
.post_clear { clear:both;}

/*--------- Top Demo Style ----------*/
.top_demo { text-align:center; padding:30px 0 20px 0;}
.top_icon { width:110px; height:110px; line-height:106px; margin:0 auto; border:4px solid #e5e5e5; border-radius:100%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.top_icon:after { background-color: #E5E5E5;border-radius: 50% 50% 50% 50%;content: "";display: block;height: 5px;margin: 5px auto 0;position: relative;top: 0;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 77px;}
.top_icon:hover { border-color: #009059;background:url(images/light.png) #009059;color: #FFFFFF;-webkit-transform: translate(0px, -20px); -moz-transform: translate(0px, -20px); transform: translate(0px, -20px);}
.top_icon:hover:after {height: 3px;-webkit-transform: translate(0px, 22px);width: 53px; -moz-transform: translate(0px, 22px);width: 53px; transform: translate(0px, 22px);width: 53px;}
.top_demo h3 { padding-top:10px; color:#444;}
.top_demo p { color:#888; font-size:13px;}

/*--------- Footer Social Style ----------*/
.footer_social { padding-top:5px;}
.footer_social ul { list-style:none; margin:0; padding:0;}
.footer_social ul li { list-style:none; margin:0; padding:0 0 8px 0;}
.footer_social ul li:last-child { padding-bottom:0;}
.footer_social ul li a { float:left;}
.footer_social ul li span { display:inline-block; line-height:38px; height:38px; padding-left:10px; color:#888; font-weight:bold;}

/*--------- Module Action Menus ----------*/
.ModuleTitle_SubMenu { border:1px solid #C0D6E5;}
.ModuleTitle_SubMenu td{ background-color:#F8FAFF; white-space: nowrap; padding: 2px;} 
.ModuleTitle_MenuIcon { background-color:#F8FAFF; border:none; padding: 2px;}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{ background: #3D93BC; color: #fff;}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon { height: 2px; background-color: #D5E0FF;}