@import url(bootstrap/css/bootstrap.css);
@import url(css/all.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/fancybox.css);
@import url(css/unoslider.css);
@import url(css/trans-banner.css);
@import url(https://fonts.googleapis.com/css?family=Signika);
/*--------- 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;}
li,ul li{ list-style:disc; }
a{outline:0;border:0;}
img{border:0;}
.ModuleTitle_SubMenu{ z-index:9999!important; }	

A:link { color :#000099; text-decoration : none; }
A:visited { color :#000099; text-decoration : none; }
A:hover { color :#990000; text-decoration : none; }
A:active { color :#000099; text-decoration : none; }
.color_text { color:#545285; }
.color_bg{ background:#545285; }

h1{font-size:28px;line-height:1.5em;color:#545285;font-weight:normal;font-family:'Signika',Arial, Tahoma,sans-serif;}
h2{font-size:24px;line-height:1.5em;color:#545285;font-weight:normal;font-family:'Signika',Arial, Tahoma,sans-serif;}
h3{font-size:20px;line-height:1.5em;color:#545285;font-weight:normal;font-family:'Signika',Arial, Tahoma,sans-serif;}
h4{font-size:18px;line-height:1.5em;color:#545285;font-weight:normal;font-family:'Signika',Arial, Tahoma,sans-serif;}
h5{font-size:16px;line-height:1.5em;color:#545285;font-weight:normal;font-family:'Signika',Arial, Tahoma,sans-serif;}
h6{font-size:14px;line-height:1.5em;color:#545285;font-weight:normal;font-family:'Signika',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;}
.dnnSortable { min-height:0;}

/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#555555; font-size:12px; text-decoration:none; font-weight:bold; }
A.Breadcrumb:hover  { color:#cc0000; text-decoration:none; }

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

/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{  padding:2px 5px 2px 5px; font-size:12px; color:#666666; text-decoration:none; }
A.User:hover { color:#545285; text-decoration:none; }

/*--------- BottomLinks style ----------*/
.BottomLinks, A.BottomLinks:link, A.BottomLinks:visited, A.BottomLinks:active { font-size:12px; font-weight:normal; color:#fff; text-decoration:none; }
A.BottomLinks:hover { color:#ccc; text-decoration : none;}

/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 8px; color:#ccc; font-size:12px; text-decoration:none; }
A.Footer:hover { color:#fff; text-decoration: none;}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { color :#f5f5f5; text-decoration : underline; }
.footerpane_style a:visited { color :#dddddd; text-decoration : none; }
.footerpane_style a:hover { color :#cccccc; text-decoration : none; }
.footerpane_style a:active { color :#ffffff; text-decoration : none; }

/*--------- FooterPane Content style ----------*/
.footerpane_style, .footerpane_style .Normal, .footerpane_style p, .footerpane_style div, .footerpane_style span, .footerpane_style li, .footerpane_style td, .footerpane_style dt, .footerpane_style dd, .footerpane_style h1, .footerpane_style h2, .footerpane_style h3, .footerpane_style h4, .footerpane_style h5, .footerpane_style h6{ color:#ffffff;}

/*--------- SocialPane Links Style ----------*/
.socialpane a { color :#f5f5f5; text-decoration : underline; }
.socialpane a:visited { color :#dddddd; text-decoration : none; }
.socialpane a:hover { color :#cccccc; text-decoration : none; }
.socialpane a:active { color :#ffffff; text-decoration : none; }

/*--------- SocialPane Content style ----------*/
.socialpane, .socialpane .Normal, .socialpane p, .socialpane div, .socialpane span, .socialpane li, .socialpane td, .socialpane dt, .socialpane dd, .socialpane h1, .socialpane h2, .socialpane h3, .socialpane h4, .socialpane h5, .socialpane h6{ color:#ffffff;}


/*--------- Search style ----------*/
#Search{ position:absolute; right:10px; top:8px;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:12px; display:block; position:absolute; width:30px; height:30px; right:2px; top:4px; text-indent:-99999px; overflow:hidden; }
.searchSite {text-indent:-99999px; }
a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
#Search input[type="text"] {background: #fff; border: 1px solid #d4d4d4; font-size:12px; color: #888888; width: 120px; padding: 7px 35px 7px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}
#Search input[type="text"]:active, #Search input[type="text"]:focus { width:140px;}
#Search a{display: block;position:absolute;right:0; top:0;height:31px; width:35px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(images/search_icon.png) no-repeat 5px 6px;z-index:1;cursor:pointer;}
ul.searchSkinObjectPreview  { z-index: 9999!important;}


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

/*--------- Social-Links Hover ----------*/
a.iconSkype:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconGithub:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconBehance:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconRSS:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconPicasa:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconLastfm:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
.iconTumblr:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconYoutube:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconDeviantart:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconDribbble:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconForrst:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconTwitter:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconFacebook:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}
a.iconLinkedIn:hover{ -webkit-transform: rotateY(0deg) scale(0.8);-moz-transform: rotateY(0deg) scale(0.8);transform: rotateY(0deg) scale(0.8);}

/*--------- 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;}


/*--------- Fancybox style ----------*/
.fancybox_style { margin:0 auto; padding:5px 0 0 23px;}
.fancybox_style ul { margin:0; padding:0; float:left;list-style:none; width:auto;}
.fancybox_style ul li { list-style:none; margin:3px; float:left; position:relative; }
.fancybox_style ul li img { border:1px solid #333; padding:1px; filter:Alpha(Opacity=100);opacity:1;}
.fancybox_style ul li:hover img {filter:Alpha(Opacity=80);opacity:0.8;}

/*--------- 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.7); border-radius:0;  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color:#FFFFFF;}
.contact_form .dnnFormItem { line-height:1.5em;}
.contact_form .contact_label { float:left; width:28%; max-width:60px;}
.contact_form .contact_input { position:relative; float:left; width:72%; }
.contact_form .contact_error {position:absolute; right:-12px; top:0; }
.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:2px;}
.contact_form .dnnFormItem input { min-width:0; width:96%; padding:2px 2%; }
.contact_form textarea { width:96%; padding:6px 2%; margin-right:0; min-height:70px; font-size:12px; }
.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; }
.skin_footer .contact_form a.dnnPrimaryAction, .skin_footer .contact_form a.dnnPrimaryAction:link, .skin_footer .contact_form a.dnnPrimaryAction:visited{ background:#545285; 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:#666; 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 { border-bottom:solid 1px #ccc; cursor: pointer;margin-top:2px; display: block;min-height: 0;padding: 6px 10px 6px 24px;position: relative; font-size:13px;}
.footerpane_style .ui-accordion .ui-accordion-header{ border-bottom:solid 1px #444; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url(images/accordion-buttons.png) no-repeat 2px 8px;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 2px -81px; 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 {overflow: auto;padding: 5px 10px 5px 10px;}

/*--------- Quovolve Style ----------*/
.quovolve-box { padding-top:10px;  padding-bottom:30px;}
.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;border-radius: 2px; position:absolute; left:10px; bottom: -45px;color: #fff;display: block;font-size: 14px;font-style: normal;padding: 2px 6px 3px;z-index: 900; font-weight:normal;}
.quovolve-box ul li cite:before { border-bottom: 20px solid transparent;border-left: 20px solid #414141;border-top:0 solid transparent;content: "";height: 0;left: 25%;position: absolute;top: -20px;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 #999;border-radius: 100% 100% 100% 100%;display: block;height: 6px;text-indent: -9999px;width: 6px; text-decoration:none;}
.quovolve-box .quovolve-nav .nav-numbers li.active a { background: none repeat scroll 0 0 #fff; }
.quovolve-box .quovolve-nav .nav-numbers li a:hover { background: none repeat scroll 0 0 #fff;}
.quovolve-box ul.quovolve { background:#414141; border-radius:6px; 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: #fff;text-decoration:none;}
/*Quovolve Img*/
.quovolve_li_left{ float:left; padding:0 10px 0 10px;}
.quovolve_li_left a:link { text-decoration:none;}


/*-------Main Bottom Style------------*/
.main_bottom_style{}
.main_bottom_text li { line-height:26px;}
.main_bottom_text h3 {padding-left:10px;}
.main_bottom_text p{ padding-left:10px;font-weight:bold;}

/*------------ demo_top ----------*/
.demo_top{width: 100%; padding:0 ; text-align:center; overflow: hidden; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.demo_top-icon{ position: relative; width: 100%;padding:15px 0; text-align: center; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear;transition: all 400ms linear;}	
.demo_top-icon img { background:#545285; }
.demo_top-content{position: relative; left: 0px; width: 100%;height: 50%; top: 50%;}
.demo_top-main{ font-size: 18px; text-align: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;transition: all 200ms linear;color:545285;}
.demo_top-sub{padding:5px; position: relative; margin:10px 0 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.demo_top a{ color: #545285; text-decoration:none; line-height:2em;}
.demo_top:hover a{color: #fff; text-decoration:none;}
.demo_top-sub span { font-size:13px;}	
.demo_top:hover{}
.demo_top:hover .demo_top-icon{ color: #e5e5e5;-webkit-animation: moveFromBottom 300ms ease; -moz-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease;}
.demo_top:hover .demo_top-icon img{ background:#666666; }
.demo_top:hover .demo_top-main{ -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease; color:#666666;}
.demo_top:hover .demo_top-sub{color: #fff; background:#545285;  -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease;}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



.skin_header_right {
 background:none;
 border:0px;
}