@import url(bootstrap/css/bootstrap.css);
@import url(css/all.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/trans-banner.css);
@import url(css/fancybox.css);
@import url(js/colorpicker/css/colorpicker.css);
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff;}
#Body { background:#ffffff; 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;}
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 :#CC3545; text-decoration:underline;}
A:active { color :#333333; text-decoration : none;}
.color_text { color:#CC3545; }
.color_bg{ background:#CC3545; }

h1{ font-size:28px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h2{ font-size:24px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h3{ font-size:20px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h4{ font-size:18px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h5{ font-size:16px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h6{ font-size:14px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, 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;}

/*--------- Breadcrumb style ----------*/
.breadcrumb_style { padding:10px 10px 0; }
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#333333; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover  { color:#CC3545; text-decoration:none; }

/*--------- Mobile User Style ----------*/
.User2, A.User2:link, A.User2:visited, A.User:active { padding:0px 5px; color:#333333; font-size:12px; text-decoration:none;}
A.User2:hover { color :#666666; text-decoration:underline;}

/*--------- BottomLinks Style ----------*/
.BottomLinks, A.BottomLinks:link, A.BottomLinks:visited, A.BottomLinks:active { padding:0 3px; font-size:12px; color:#FFFFFF!important; text-decoration:none;}
A.BottomLinks:hover { font-size:12px; color :#CCCCCC; text-decoration:underline;}

/*--------- FooterLinks Style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; color:#FFFFFF!important; font-size:12px; text-decoration:none;}
A.Footer:hover { color:#CCCCCC; text-decoration: underline;}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { color :#FFFFFF; text-decoration : underline;}
.footerpane_style a:visited { color :#EEEEEE; text-decoration : none;}
.footerpane_style a:hover { color :#EEEEEE; text-decoration : none;}
.footerpane_style a:active { color :#FFFFFF; text-decoration : none;}

/*--------- Social-Links ----------*/
.Social-Links { margin-top:2px;}
.iconFacebook{width:35px;height:35px;background:url(images/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 1px;}
.iconTwitter{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -40px 0;display:inline-block;padding:0;margin:0 1px;}
.iconForrst{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -80px 0;display:inline-block;padding:0;margin:0 1px;}
.iconDribbble{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -120px 0;display:inline-block;padding:0;margin:0 1px;}
.iconDeviantart{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -160px 0;display:inline-block;padding:0;margin:0 1px;}
.iconYoutube{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -200px 0;display:inline-block;padding:0;margin:0 1px;}
.iconTumblr{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -240px 0;display:inline-block;padding:0;margin:0 1px;}
.iconPicasa{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -280px 0;display:inline-block;padding:0;margin:0 1px;}
.iconRSS{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -320px 0; display:inline-block;padding:0;margin:0 1px;}
.iconBehance{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -360px 0;display:inline-block;padding:0;margin:0 1px;}
.iconSkype{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -400px 0;display:inline-block;padding:0;margin:0 1px;}
.iconGithub{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -440px 0;display:inline-block;padding:0;margin:0 1px;}
.iconLinkedIn{width:35px;height:35px;background:url(images/socialicons.png) no-repeat -480px 0;display:inline-block;padding:0;margin:0 1px;}

/*--------- Social-Links Hover ----------*/
a.iconFacebook:hover{ background-color:#0F60B9;background-position: 0 -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconTwitter:hover{ background-color:#47D1F1;background-position: -40px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconForrst:hover{ background-color:#2D8500;background-position: -80px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconDribbble:hover{ background-color:#F96F9C;background-position: -120px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconDeviantart:hover{ background-color:#BBC71C;background-position: -160px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconYoutube:hover{ background-color:#D94545;background-position: -200px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconTumblr:hover{ background-color:#006392;background-position: -240px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconPicasa:hover{ background-color:#3E3E3E;background-position: -280px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconRSS:hover{ background-color:#EB9A20;background-position: -320px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconBehance:hover{ background-color:#2B2B2B;background-position: -360px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconSkype:hover{ background-color:#068182;background-position: -400px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconGithub:hover{ background-color:#878787;background-position: -440px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a.iconLinkedIn:hover{ background-color:#0276B9;background-position: -480px -35px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

/*--------- Readmore Style ----------*/
a.readmore{ float:left; display:block; background:url(images/more.png) 0 0 no-repeat; width:140px; height:38px; line-height:38px; padding-left:30px; text-decoration:none; color:#FFFFFF!important; margin-top:10px; font-size:14px; text-transform:uppercase; margin-left:-2px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a.readmore:hover{ background:url(images/more.png) -170px 0 no-repeat; color:#000000!important;}

/*--------- Footer Shake Style ----------*/
.shake { padding-top:10px;}
.shake .post_clear { clear:both;}
.shake ul { list-style:none; margin:0; padding:0;}
.shake ul li { list-style:none; margin:0 10px 10px 10px;}
.shake span { float:left; padding:5px 15px 5px 0;}
.shake a { color:#FFFFFF; text-decoration:none;}
.shake a:hover { text-decoration:underline;}
.shake .shake_line { background:rgba(0,0,0,0.15); height:1px; margin:0 10px 10px 10px;}

/*--------- Icon Hover Style ----------*/
.icon_hover { padding-top:10px;}
.icon_hover .service-bg { background:url(images/hover_icon_bg.png) no-repeat center #CC3545; display: block; height: 94px; width: 94px; line-height: 94px; margin: auto auto 20px; overflow: hidden; text-align: center; border-radius:47px; -webkit-border-radius:47px; -moz-border-radius:47px; cursor:pointer; }
.icon_hover .service-bg img { vertical-align: middle;}
.icon_hover h3 { text-align: center; font-size: 15px; font-weight: 600; padding-bottom: 0;}
.icon_hover p { text-align:center; font-size:12px;}

/*--------- Buying Button Style ----------*/
.buying_box { border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; margin:10px 5px; padding:30px 10px;}
.buying_box p { font-size:15px; color:#777777; line-height:25px; text-align:left;}
.buying_button { text-align:right; padding:10px 50px 0 0;}
.buying_button a.button { background:#CC3545; display:inline-block; font-size: 18px; font-weight:bold; line-height:1; color:#FFFFFF; text-align:center; text-decoration:none; padding: 10px 20px 11px; border-radius: 2px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;}
.buying_button a.button:hover { background:#333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}

/*--------- Contact Form Style ----------*/
.contact_form .dnnFormItem input, .contact_form .dnnFormItem .dnnFormInput, .contact_form .dnnFormItem textarea{ background:#4B4B4B; border:1px solid rgba(0,0,0,0.4); border-radius:0;  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color:#FFFFFF;}
.contact_form .contact_input { position:relative;}
.contact_form .contact_error {position:absolute; right:0; top:9px; }
.contact_form .dnnFormError{ color:#FFFFFF!important;text-shadow:none;padding:5px 7px 5px 10px;}
.contact_form .contact_submit { text-align:center;}
.contact_form label { margin:1px;}
.contact_form .dnnFormItem input { width:96%; padding:4px 2%; margin:2px 0; color:#FFFFFF!important;}
.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:#FFFFFF;}
.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:#CC3545; border-radius:0;text-shadow:none; color:#FFFFFF; text-decoration:none; font-weight:normal; margin-top:5px;border:none; box-shadow:none;}
#skin_footer .contact_form a.dnnPrimaryAction:hover{ background:#222222; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.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{background:none;border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.4);}

/*--------- Accordion Style ----------*/
.ui-accordion .ui-accordion-header { cursor: pointer;border:1px solid #CECECE;display: block;margin-top: 2px;min-height: 0;padding: 6px 10px 6px 22px;position: relative; font-weight:bold;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(images/toggle_icon.png) no-repeat 5px 10px;font-weight: normal;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:url(images/toggle_icon.png) no-repeat 5px -18px;font-weight: normal;}
.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:1px solid #CECECE;border-top:none;overflow: auto;padding: 5px 10px 0 10px;}

/*--------- Quovolve Style ----------*/
.quovolve-box { padding: 10px 0 0 0;}
.quovolve-box ul { clear: both;list-style: none; margin: 0;padding:5px 0;}
.quovolve-box ul li { list-style:none;padding: 10px;position: relative;}
.quovolve-box ul li p { margin: 0;}
.quovolve-box ul li cite { background: none repeat scroll 0 0 #444;border-radius: 0;bottom: -20px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);color: #FFFFFF!important;display: block;font-size: 16px;font-style: normal;padding: 2px 6px 3px;position: absolute;right: 2px;z-index: 900;}
.quovolve-box ul li cite:before { border-bottom: 0 solid transparent;border-left: 10px solid #444;border-top: 10px solid transparent;content: "";height: 0;left: 4%;position: absolute;top: -6px;width: 0;}
.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 repeat scroll 0 0 #666666;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 #EEEEEE;}
.quovolve-box .quovolve-nav .nav-numbers li a:hover { background: none repeat scroll 0 0 #EEEEEE;}
.quovolve-box ul.quovolve { background:#222; background:rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.2); 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: #FFFFFF!important;}