@import url(bootstrap/css/bootstrap.css);
@import url(css/all.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/layerslider.css);
@import url(css/trans-banner.css);
@import url(css/fancybox.css);
@import url(css/vivify.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:#FFF; color:#666; }
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;}
/*l 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 :#FFF; text-decoration : none;}
A:visited { color :#FFF; text-decoration : none;}
A:hover { color :#5A7781; text-decoration:underline;}
A:active { color :#333333; text-decoration : none;}

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: #FFF; text-decoration: none;}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 11px; font-weight : normal; color : #FFF; 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, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#333; font-size:12px; text-decoration:none;}
A.Breadcrumb:hover  { color:#5A7781; text-decoration:none;}

/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{ padding:3px 3px 2px 10px; font-size:12px; color:#333; text-decoration:none;}
A.User:hover { color:#666; text-decoration:none;}

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

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


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

/*--------- Social-Links ----------*/
.Social-Links { margin-top:5px; margin-left:-5px;}
.iconFacebook{width:25px;height:25px;background:url(images/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 1px;}
.iconTwitter{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -25px 0;display:inline-block;padding:0;margin:0 1px;}
.iconForrst{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -50px 0;display:inline-block;padding:0;margin:0 1px;}
.iconDribbble{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -75px 0;display:inline-block;padding:0;margin:0 1px;}
.iconDeviantart{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -100px 0;display:inline-block;padding:0;margin:0 1px;}
.iconYoutube{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -125px 0;display:inline-block;padding:0;margin:0 1px;}
.iconTumblr{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -150px 0;display:inline-block;padding:0;margin:0 1px;}
.iconPicasa{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -175px 0;display:inline-block;padding:0;margin:0 1px;}
.iconRSS{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -200px 0; display:inline-block;padding:0;margin:0 1px;}
.iconBehance{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -225px 0;display:inline-block;padding:0;margin:0 1px;}
.iconSkype{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -250px 0;display:inline-block;padding:0;margin:0 1px;}
.iconGithub{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -275px 0;display:inline-block;padding:0;margin:0 1px;}
.iconLinkedIn{width:25px;height:25px;background:url(images/socialicons.png) no-repeat -300px 0;display:inline-block;padding:0;margin:0 1px;}

/*--------- Social-Links Hover ----------*/
a.iconFacebook:hover{ background-color:#0F60B9;background-position: 0 -25px;-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: -25px -25px;-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: -50px -25px;-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: -75px -25px;-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: -100px -25px;-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: -125px -25px;-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: -150px -25px;-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: -175px -25px;-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: -200px -25px;-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: -225px -25px;-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: -250px -25px;-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: -275px -25px;-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: -300px -25px;-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

/*--------- Readmore Style ----------*/
.more_icon { background: url(images/more_arrow.png) no-repeat right 3px; display: inline-block; 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 3px; padding: 0 0 2px 16px; text-decoration: none;}

/*--------- Contact Form Style ----------*/
.contact_form .dnnFormItem input, .contact_form .dnnFormItem .dnnFormInput, .contact_form .dnnFormItem textarea{ background:#FFFFFF; border:1px solid #bbb; border-radius:0;  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.contact_form .dnnFormItem strong { color:#666;}
.contact_form .contact_input { position:relative;}
.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:#666;}
.contact_form .dnnFormItem input { width:90%; padding:3px 5px; color:#333333;}
.contact_form .dnnFormItem label, .contact_form .dnnFormLabel, .contact_form .dnnTooltip { font-weight:bold; text-align: left;}
.contact_form textarea { width:90%; min-height:60px; color:#333333;}
.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:#5A7781; border-radius:0;text-shadow:none; color:#FFFFFF; text-decoration:none; font-weight:normal; margin-top:5px;}
#skin_footer .contact_form a.dnnPrimaryAction:hover{ background:#555; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}

/*--------- Accordion Style ----------*/
.ui-accordion .ui-accordion-header { cursor: pointer;border:1px solid #CECECE;display: block;margin-top: 4px;min-height: 0;padding: 7px 10px 7px 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 15px;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 -75px;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;}

/*--------- CarouFredSel Style ----------*/
.carouFredSel { position:relative; }
.carouFredSel ul { list-style:none; margin:0; padding:0; width:auto;}
.carouFredSel ul li { float:left; border:1px solid #cecece; padding:10px; list-style:none; height:auto; min-height:250px; margin-right:10px; margin-bottom:0; position:relative; opacity:1;}
.carouFredSel ul li h3 { font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic; font-weight:bold;}
.carouFredSel ul li p { color:#666;}
.carouFredSel_nav { position:absolute; right:10px; top:-38px;}
.caroul_prev { background: url(images/carouFredSel_prev.png) no-repeat center center #B3B3B3; border-radius:100%; margin-right:10px; padding:5px 12px;}
.caroul_next { background: url(images/carouFredSel_next.png) no-repeat center center #B3B3B3; border-radius:100%; padding:5px 12px;}
.caroul_prev:hover { background:url(images/carouFredSel_prev.png) no-repeat center center #333; 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 #333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}

/*--------- CarouFredSel Hover Readmore ----------*/
.caroul_img { cursor: pointer;overflow: hidden;position: relative;}
.caroul_img a { color:#444;}
.caroul_img img { width:100%;}
.hover_readmore { border-color: transparent;border-style: solid;border-width: 115px 115px 0 0;bottom: 0;margin-right: -115px;position: absolute;right: 0;-webkit-transition: margin 0.2s ease-in 0s;-moz-transition: margin 0.2s ease-in 0s;transition: margin 0.2s ease-in 0s;}
.caroul_img:hover .hover_readmore { margin-right: 0;}
.hover_readmore { border-right-color: #FFFFFF;}
.hover_readmore_content { bottom: 0;font-size: 1em;font-weight: bold;height: 50px;line-height: 1em;opacity: 0;position: absolute;right: 0;text-align: center;width: 80px; color:#5A7781;}
.hover_readmore_content span { display: block;font-size: 2em;margin-bottom: 6px;}
.caroul_img:hover .hover_readmore_content { opacity: 1;-webkit-transition: opacity 0.4s ease-in 0s;-moz-transition: opacity 0.4s ease-in 0s;transition: opacity 0.4s ease-in 0s;}

/*--------- Quovolve Style ----------*/
.quovolve-box { padding-top:10px;}
.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: #666;border-radius: 2px;bottom: -28px;color: #fff;display: block;font-size: 16px;font-style: normal;padding: 2px 6px 3px;position: absolute;right: 5px;z-index: 900;}
.quovolve-box ul li cite:before { border-bottom: 0 solid transparent;border-left: 10px solid #666;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 #999999;}
.quovolve-box .quovolve-nav .nav-numbers li a:hover { background: none repeat scroll 0 0 #999999;}
.quovolve-box ul.quovolve { background: #f8f8f8; border:1px solid #dbdbdb; 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: #666666;}

/*--------- 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; margin:5px; padding:2px 3px; float:left; position:relative; box-shadow:0 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 0 2px 3px rgba(0,0,0,0.2); border-radius:1px;}
.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;}

/*--------- Header Info Style ----------*/
.header_info { padding-right:5px;}
.header_info a { padding-right:10px; text-decoration:none;}
.header_info img { padding:0 8px;}
.header_info span { color:#666666;}

/*--------- Footer Post 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 15px 7px 0; padding-bottom:7px; border-bottom:1px solid #ccc;}
.post_list ul li:last-child { border-bottom:none;}
.post_list span { float:left; padding:5px 15px 5px 0;}
.post_list img { box-shadow:0 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 0 2px 3px rgba(0,0,0,0.2); border-radius:1px; padding:2px 3px; cursor:pointer;}
.post_list p { margin-bottom:0;}
.post_list a { color:#5A7781; text-decoration:none;}
.post_list a:hover { text-decoration:underline;}
.post_clear { clear:both;}

@media handheld, only screen and (max-width: 768px){
#carouFredSel_style { width:100%!important;}
}