@import url("jstuff.css");



/* 



Nexus.css - Contents

01: Global

02: Header (logo, slogan, social, custom module)

03: Hornav Navigation

04: Responsive Navigation

05: Slideshow

06: Breadcrumbs

07: Default Module Styling

08: Top Modules

09: Main

10: Bottom Modules

11: Base Modules

12: Copyright / Footer

13: Nexus Overrides Css

14: Font Awesome

15: Animate Css

16: Scroll to Top

17: Scroll to Div 

18: Miscellaneous 



*/





/***************************************************************************/

/* 01: Global */

/***************************************************************************/



/* Body */

body {

    width: 100%;

    line-height:180%;

    color:#000000;

    background-repeat: no-repeat;

}



/* Paragraph */

p {

    word-spacing: 2px;

}



/*H2's*/

h2, h2 a:link, h2 a:visited, .content_header, .articleHead{

    font-size: 40px;

    font-weight: 300;

    line-height: 45px;

    margin: 0 0 30px !important;

    text-align: left;

}



h2, .items-row h2, .cols-2 h2, .row-0 h2 {



}



/* Links */

a {

    color:#ffffff;

}

a:hover {

    color:#F5F5F5;

}





/*-- Framework --*/

#content100 {

    float:left;

}



#header_items {

    width: 100%;

}



#header.block_holder, 

#slideshow.block_holder,

#footermenu.block_holder {

    padding:0;

}



.module_margin {

    margin:5px;

}



.top-1, 

.top-2, 

.contenttop, 

.contentbottom, 

.bottom-1, 

.bottom-2, 

.base-1, 

.base-2 {

    float: left;

}



#breadcrumb-1, 

#footer-1, 

#footer-2, 

#footer-3 {

    float: left; 

    width:100%;

}



.block_holder {

    padding-bottom: 25px;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 30px;

}



.jl_container {

    width:100%; 

}



.jl_container_bg {

  width:100%; 

}



.wrapper960 {

    width:960px; 

    margin:0 auto; 

}



.clear {

    clear:both;

}





/***************************************************************************/

/* 01: End Global */

/***************************************************************************/





/***************************************************************************/

/* 02: Header */

/***************************************************************************/



/* Header Container */

#container_header {

    height: 60px;

    top: 0;

    z-index: 5000;

    border-bottom: 3px solid rgba(0,0,0, 0.1);

}



#header {

    height: 60px;

    border-radius: 0px 0px 10px 10px;

    position:relative;

}



#header.block_holder {

    margin: 0px;

}





/* Header Items */

/*--Logo & Slogan Layout--*/



/* Logo */

#logo {

    position:relative;

    top: -100px;

    z-index: 1;

}



.logo_container {

  top:0px; 

  left:0px; 

  width: 332px;

}



.logoimage {

  margin:0; 

  padding:0; 

}

.logoimage a {

  display:block; 

  position:relative; 

  z-index:0; 

  width:100%; 

  background: url(../images/logo.png) no-repeat; z-index:1;

}





.logo_container, .logoimage, .logoimage a {

    height:98px;

}



.logo-text {

    margin-left: 12px;

    margin-top: 0px;

    padding:0;

    text-align: left;

    margin-bottom: 22px;

}



.logo-text a {

    font-size: 44px !important;

    font-weight: 300;

    left: 0;

    outline: medium none;

    position: relative;

    text-decoration: none;

    top: 14px;

    white-space: nowrap;

    width: 100%;

}





/* Slogan */

p.site-slogan {

    font-size: 10px;

    left: 15px;

    letter-spacing: 1px;

    text-align: left;

    top: 0px;

    font-weight: normal;

    text-transform: uppercase;

    padding:0; 

    position:relative; 

    white-space:nowrap;

}



/* Social Media */

#social {

    padding: 0;

    position: absolute;

    z-index: 3000;

    right: 0;

}

#social ul{

  list-style: none;

  margin-top: 8px !important;

  margin-bottom: 0px !important;

  text-align: center;

}

#social ul li{

  display:inline-block;

  margin:0px 3px;

  padding:0 0 0px 0;

}

#social ul li a{

  display:block;

  width:43px;

  height:43px;

  text-indent:-9999px;

  background-position: 0px -40px;

  background-repeat: no-repeat;

  opacity: 0.6;

}

#social ul li a{

  opacity: 1;

  background-color: transparent;

}



.social-facebook a { background: url(../images/social/facebook.png) no-repeat 50% 50%; background-color: #3b5998 }

.social-facebook a:hover { background-color: #595959 }



.social-twitter a { background: url(../images/social/twitter.png) no-repeat 50% 50%; background-color: #48c4d2 }

.social-twitter a:hover { background-color: #595959 }



.social-googleplus a { background: url(../images/social/googleplus.png) no-repeat 50% 50%; background-color: #d94a39 }

.social-googleplus a:hover { background-color: #595959 }



.social-youtube a { background: url(../images/social/youtube.png) no-repeat 50% 50%; background-color: #f45750 }

.social-youtube a:hover { background-color: #595959 }



.social-pinterest a { background: url(../images/social/pinterest.png) no-repeat 50% 50%; background-color: #cb2027 }

.social-pinterest a:hover { background-color: #595959 }



.social-dribbble a { background: url(../images/social/dribbble.png) no-repeat 50% 50%; background-color: #ef5b92 }

.social-dribbble a:hover { background-color: #595959 }



.social-flickr a { background: url(../images/social/flickr.png) no-repeat 50% 50%; background-color: #f1628b }

.social-flickr a:hover { background-color: #595959 }



.social-skype a { background: url(../images/social/skype.png) no-repeat 50% 50%; background-color: #18b7f1 }

.social-skype a:hover { background-color: #595959 }



.social-digg a { background: url(../images/social/digg.png) no-repeat 50% 50%; background-color: #2882c6 }

.social-digg a:hover { background-color: #595959 }



.social-linkedin a { background: url(../images/social/linkedin.png) no-repeat 50% 50%; background-color: #71b2d0 }

.social-linkedin a:hover { background-color: #595959 }



.social-vimeo a { background: url(../images/social/vimeo.png) no-repeat 50% 50%; background-color: #62a0ad }

.social-vimeo a:hover { background-color: #595959 }



.social-yahoo a { background: url(../images/social/yahoo.png) no-repeat 50% 50%; background-color: #ab64bc }

.social-yahoo a:hover { background-color: #595959 }



.social-tumblr a { background: url(../images/social/tumblr.png) no-repeat 50% 50%; background-color: #3a5976 }

.social-tumblr a:hover { background-color: #595959 }



.social-deviantart a { background: url(../images/social/deviantart.png) no-repeat 50% 50%; background-color: #d0de21 }

.social-deviantart a:hover { background-color: #595959 }



.social-delicious a { background: url(../images/social/delicious.png) no-repeat 50% 50%; background-color: #3274d1  }

.social-delicious a:hover { background-color: #595959 }



.social-rss a { background: url(../images/social/rss.png) no-repeat 50% 50%; background-color: #fe9900 }

.social-rss a:hover { background-color: #595959 }





/* Custom Module */

#custom {

    padding: 3px;

    position: absolute;

    z-index: 10;

    top:105px;

    right:0px;

    z-index: 2;

}



#custom p, #custom .module_margin{

    margin:0px;

}



/* Header Responsive Divs */

#container_logo_menu_mobile, 

#container_social_mobile, 

#container_hornav_mobile{

    display:none;

}



#container_social_mobile,

#container_hornav_mobile{

    display:none;

}



#social_mobile {

    padding: 0;

    right: 0;

    top: 0;

    z-index: 1;

}



/***************************************************************************/

/* End Header */

/***************************************************************************/





/***************************************************************************/

/* 03: Hornav Navigation */

/***************************************************************************/



#hornav {

    clear: both;

    left: 0;

    position: absolute;

    top: 18px;

    width: 100%;

}



#hornav > ul {

  margin: 0;

  padding: 0px;

}



#hornav > ul > li a{

  padding:19px 14px;

  margin: 0;

  list-style: none outside none;

  line-height: 1.8em;

  letter-spacing: 0.5px;

  font-weight: 300;

  font-size: 14px;

  text-transform: uppercase;

  cursor: pointer;

}



#hornav > ul > li > a:hover, #hornav > ul > li > a:focus, #hornav > ul > li > a:active{

  text-decoration: none;

  border-bottom: 3px solid rgba(0,0,0,0.2);

}









#hornav ul li {

  display: inline-block;

  position: relative;

}



#hornav ul li ul {

}



#hornav ul ul {

  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

  display: block;

  list-style: none;

  margin-top: -5px;

  padding: 5px 0 !important;

  min-width: 260px;

  z-index: 1000;

}



#hornav ul ul li {

  min-height: 22px;

  text-align: left; /*required to position li's when menu centered */

  width: 100%; /*required to position li's when menu centered */

}



#hornav ul ul li a {

  display: block;

  padding: 7px 15px;

  text-transform: capitalize;

  font-size: 13px;



}





#hornav ul ul li a:active,

#hornav ul ul li a:focus,

#hornav ul ul li a:hover {

  text-decoration: none;

}



#hornav ul ul li:first-child {

  border-top: none;

}



#hornav ul ul li:hover a {

  text-decoration: none;

}



#hornav ul ul ul:before {

  display: none;

}



#hornav ul ul:before {

  background: transparent url('../images/menu_arrow.png') no-repeat 0 0;

  content: "";

  display: block;

  height: 10px;

  left: 26px;

  position: absolute;

  top: -10px;

  width: 14px;

}



#hornav li ul,

#hornav li ul li ul {

  position: absolute;

  height: auto;

  min-width: 260px;

  opacity: 0;

  visibility: hidden;

  transition: all 300ms linear;

  -o-transition: all 300ms linear;

  -ms-transition: all 300ms linear;

  -moz-transition: all 300ms linear;

  -webkit-transition: all 300ms linear;

  top: 88px;

  z-index: 4000;

}



#hornav li:hover > ul,

#hornav li ul li:hover > ul {

  display: block;

  opacity: 1;

  visibility: visible;

  top: 50px;

}



#hornav li:hover > ul,

#hornav li ul li:hover > ul {

  -webkit-transition: opacity 300ms linear;

}



#hornav li ul li ul {

  left: 230px;

  top: 0;

}



#hornav li ul li:hover > ul {

  top: 0px;

  left: 260px;

}





/***************************************************************************/

/* 03: End Hornav Navigation */

/***************************************************************************/





/***************************************************************************/

/* 04: Responsive Navigation */

/***************************************************************************/



/*-----------------------------------------------------------------------------------*/

/* Top Menu - Mobile */

/*-----------------------------------------------------------------------------------*/



#hornav_mobile.block_holder {

  padding: 10px;

}

.hornavmenumobile {

  display: none;

}

#container_hornav_mobile {

  display: none;

}

/*

    Mobile Menu Core Style

*/

.slicknav_menu {

  display: none;

  font-size: 18px;

  *zoom: 1;

}

.slicknav_menu:before,

.slicknav_menu:after {

  content: " ";

  display: table;

}

.slicknav_menu:after {

  clear: both;

}

.slicknav_menu .slicknav_menutxt {

  color: #FFF;

  font-weight: bold;

  display: block;

  line-height: 1.188em;

  float: left;

}

.slicknav_menu .slicknav_icon {

  float: left;

  margin-top: 3px !important;

  margin-left: 2px !important;

}

.slicknav_menu .slicknav_no-text {

  margin: 0;

}

.slicknav_menu .slicknav_icon-bar {

  font-size: 18px;

  display: block;

  width: 1.125em;

  height: 0.125em;

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

}

.slicknav_menu .slicknav_btn {

    border-radius: 0px;

    cursor: pointer;

    display: block;

    height: 20px;

    line-height: 1.125em;

    padding: 0.5em 0.7em;

    position: relative;

    text-decoration: none;

    vertical-align: middle;

}

.slicknav_menu .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

  margin-top: 0.188em;

}

.slicknav_menu .slicknav_nav {

  color: #fff;

  margin: 0;

  padding: 0;

  list-style: none;

  overflow: hidden;

  clear: both;

}

.slicknav_menu .slicknav_nav ul,

.slicknav_menu .slicknav_nav li {

  display: block;

}

.slicknav_menu .slicknav_nav a {

  padding: 10px;

  margin: 1px 0px;

  text-decoration: none;

  color: #fff;

  font-size: 13PX;

  display: block;

}

.slicknav_menu .slicknav_nav a:hover {

  background: rgba(0, 0, 0, 0.6);

}

.slicknav_menu .slicknav_nav ul {

  padding: 0;

  margin: 0;

  list-style: none;

  overflow: hidden;

}

.slicknav_menu .slicknav_nav ul li {

  background: rgba(0, 0, 0, 0.2);

}

.slicknav_menu .slicknav_nav ul li li {

  background: rgba(0, 0, 0, 0.3);

  text-indent: 10px;

}

.slicknav_menu .slicknav_nav ul li li li {

  background: rgba(0, 0, 0, 0.3);

  text-indent: 20px;

}

.slicknav_menu .slicknav_nav .slicknav_arrow {

  font-size: 0.8em;

  margin: 0 0 0 0.4em;

}

.slicknav_menu .slicknav_nav .slicknav_item {

  display: block;

  cursor: pointer;

  padding: 14px;

  margin: 1px 0px;

}

.slicknav_menu .slicknav_nav .slicknav_item a {

  padding: 0;

  margin: 0;

}

.slicknav_menu .slicknav_nav .slicknav_item:hover {

  background: rgba(0, 0, 0, 0.6);

}

.slicknav_menu .slicknav_nav .slicknav_item a {

  display: inline;

}

.slicknav_menu .slicknav_nav .slicknav_txtnode {

  margin-left: 15px;

}

.slicknav_menu ul li{

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;

}



.slicknav_menu .slicknav_icon-bar {

    height: 2px !important;

    width: 25px;

    background-color: rgba(0,0,0,0.6);

}



.slicknav_menu .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

    margin-top: 4px;

}



.slicknav_menu .slicknav_btn {

    padding: 10px;

}





/***************************************************************************/

/* 04: End Responsive Navigation */

/***************************************************************************/





/***************************************************************************/

/* 05: Slideshow */

/***************************************************************************/



/* Slideshow Navigation Buttons on image */





/* slideshow navigation */

.nivo-controlNavHolder{

    padding: 10px 0px; 

    background-image: url(../images/slideshow-bottom.png); 

    background-position:top center; 

    background-repeat:no-repeat; 

    height:30px;

}



.nivo-controlNav a {

    background: url("../images/slide-bullet.png") no-repeat scroll 0 0 transparent !important;

    border: 0 none;

    display: block;

    float: left;

    height: 30px;

    margin-right: 3px;

    text-indent: -9999px;

    width: 30px;

}



.nivo-controlNav {

  padding-top: 7px !important;

}





/*Custom Paragraph in Showcase*/

#showcase .custom p{

  margin:0px !important;

}





/*Remove margin under slideshow navigation*/

body .ari-image-slider-wCtrlNav {

    margin-bottom: 0px !important;

}



/*Remove box shadow and loading gif*/

.nivoSlider {

    box-shadow: none !important;

    background-image: none !important;

}



/*Remove background image on navigation*/

.nivo-controlNavHolder{

background-image:none !important;

}



/*Remove Box Shadow from Thumbnails in Navigation*/

.nivo-controlNav .nivo-thumbNavWrapper img{

  box-shadow: none !important;

  border: 0px !important;

}



/*Remove Border from Span arrow on thumbnail*/

.nivo-arrow-border{

  border:0px !important;



}





.nivoSlider {

    background: #ffffff !important;

}



/***************************************************************************/

/* 05: End Slideshow */

/***************************************************************************/





/***************************************************************************/

/* 06: Breadcrumbs */

/***************************************************************************/



#breadcrumb .module_padding {

    padding:0px;

}



#breadcrumb-1 .module_margin{

    margin:0px;

}  



#breadcrumb .module{

    padding-left:10px; 

    padding-right:10px; 

    border:none;

}



#breadcrumb.block_holder{

    padding:5px 25px !important;

}



div.breadcrumbs {

    color:#ffffff;

}



/***************************************************************************/

/* 06: End Breadcrumbs */

/***************************************************************************/





/***************************************************************************/

/* 07: Default Module Styling */

/***************************************************************************/



/* Module Header Styling */

.module h3, 

.module_menu h3 {

  background: url("../images/underline.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);

  padding-bottom: 12px;

  font-size: 26px;

  font-weight: 100;

  font-family: lato;

  text-align: left;

  margin:0;

}



.module_padding {

    height:100%;

    padding:25px;

}



.module_content {

    padding:5px 0;

}



#sidecol .module {

    margin-bottom:10px;

}







/* Module Styling - Menus */

.module ul, 

.module_menu ul {

    list-style-type: none;

}



.module ul a, 

.module_menu ul a {

    border-bottom: 1px dotted;

    color: #000000;

    margin: 0 0 7px;

    padding: 0px 8px 8px 8px;

    display:block;

    text-decoration:none !important;

}



.module ul a:hover, 

.module_menu ul a:hover, 

.module ul a:focus, 

.module_menu ul a:focus {

    color: #999999;

}





/*use to highlight active link*/

.module ul li.active a, 

.module_menu ul li.active a {

}



.module ul li li a, 

.module_menu ul li li a {

    border:none !important;

    padding-left:25px;

}



/***************************************************************************/

/* 07: End Default Module Styling */

/***************************************************************************/





/***************************************************************************/

/* 08: Top Modules */

/***************************************************************************/





/***************************************************************************/

/* 08: End Top Modules */

/***************************************************************************/





/**********************************************************************************/

/* 09: Main (Component area sidecolumns, contenttop & content bottom mods) */

/**********************************************************************************/



/* Main Content */

.maincontent{

    padding: 20px 30px;

}



/* Contenttop, Contentbottom Modules */

.contenttop .module_margin{

    margin-top:0px;

}





.contentbottom .module_header h3, .contenttop .module_header h3 {

    background: url("../images/underline.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);

    padding: 0 0 15px 8px;

}







/* Side Columns */

#sidecol_a, #sidecol_b {

height:100%;

} 



.sidecol_block .module, 

.sidecol_block .module_menu{

    margin-bottom:0px;

}



.sidecol_block .module_header h3{

    text-align: left;

    font-weight: 300;

    border-bottom: 3px double #000000;

    padding: 0 0 15px 8px;

    margin-top: 14px;

    background: none !important;

}





.sidecol_block .module_menu ul.menu li a {

  border-bottom: none !important;

  background: url("../images/underline.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);

}



/*********************************************************************************/

/* 09: End Main */

/*********************************************************************************/





/***************************************************************************/

/* 10: Bottom Modules */

/***************************************************************************/



/***************************************************************************/

/* 10: End Bottom Modules */

/***************************************************************************/





/***************************************************************************/

/* 11: Base Modules */

/***************************************************************************/



/* Modules - Menus */

#base .module ul a, 

#base .module ul a, #base .module_menu ul a {

    background: url("../images/underline.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);

    border: medium none !important;

    color: #ffffff;

    margin: 0 0 7px;

    padding: 0 0 8px 0px;

}



#base .module_header h3{

  background: url("../images/underline.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);

  padding-bottom: 12px;

  font-size: 26px;

  font-weight: 100;

  text-align: left;

  margin:0;

}



#base a{

    color:#FFFFFF !important; 

    text-decoration:underline;

}



#base a:hover{

    color:#F2F2F2 !important; 

    text-decoration:underline;

}





/***************************************************************************/

/* 11: End Base Modules */

/***************************************************************************/





/***************************************************************************/

/* 12: Copyright / Footer */

/***************************************************************************/



/* Footer Menu */

div#footermenu.block_holder div.module_margin{

    margin:0px !important;

}



#footermenu ul li{

    padding: 5px 0;

    display: inline-block;

}



#footermenu ul li a {

    border-right: 1px dotted;

    padding: 0 10px;

    font-size: 11px;

    font-weight: bold;

    display: block;

    text-decoration: none;

    text-transform: uppercase;

}



#footermenu.block_holder div.module_margin ul.menu{

    text-align: center; 

    margin:0px !important;

}



#footermenu ul li:last-child a {

    border:none;

}





/* Copyright */

 #copyright {

  text-align: center;

  text-transform: uppercase;

  clear: both;

 }

 

 #copyright a {

 color:#bbb;

 text-decoration:none;

 }

 

  #copyright.module_margin {

    margin:0px !important;

 }



/***************************************************************************/

/* 12: End Copyright / Footer */

/***************************************************************************/





/***************************************************************************/

/* 13: Nexus Overrides */

/***************************************************************************/



/*Component User Login*/

.login_joomlage {

    border: 1px solid;

    margin: 0 auto;

    max-width: 400px;

    padding-top: 20px;

    text-align: center;

    width: 100%;

    border-radius:0px;

}



ul.login_menu_joomlage{

    text-align: center; 

    margin-left: 0px;

}



ul.login_menu_joomlage li{

    display:inline-block; 

    margin: 0 auto; 

    list-style: none; 

    clear: none; 

    padding:5px;

}



/***************************************************************************/

/* 13: End Nexus Overrides */

/***************************************************************************/





/***************************************************************************/

/* 14: Font Awesome */

/***************************************************************************/



/* All icons (classes beginning with “fa-” */

[class^="fa-"]:before, [class*=" fa-"]:before {

    display: inline-block;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    padding-right:10px;

}



/***************************************************************************/

/* 14: End Font Awesome */

/***************************************************************************/





/***************************************************************************/

/* 15: Animate Css */

/***************************************************************************/



.animatediv{    

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

    border: 1px solid rgba(0, 0, 0, 0.2);

    font-size: 22px;

    margin: 30px auto 60px;

    padding: 80px 0;

    text-align: center;

    color: white !important;

    width: 60%;

}



/***************************************************************************/

/* 15: End Animate Css */

/***************************************************************************/





/***************************************************************************/

/* 16: Scroll to Top  */

/***************************************************************************/



.scrollup{

    width:60px;

    height:60px;

    position:fixed;

    bottom:35px;

    right:25px;

    display:none;

    text-indent:-9999px;

    background: url(../images/scroll.png) no-repeat;

    background-color: #000000;

    background-position: center center;

    z-index:1000;

    opacity:0.8;

    border-radius:60px;

}





/***************************************************************************/

/* 16: End Scroll to Top  */

/***************************************************************************/





/***************************************************************************/

/* 17: Scroll to Div  */

/***************************************************************************/



@-moz-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@-webkit-keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}

@keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  40% {

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }

  60% {

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}





.arrow {

  bottom: 20px;

  margin-left: -20px;

  position: absolute;

  left: 50%;

  width: 40px;

  height: 40px;

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);

  background-size: contain;

}



.bounce {

  -moz-animation: bounce 2s infinite;

  -webkit-animation: bounce 2s infinite;

  animation: bounce 2s infinite;

}







/***************************************************************************/

/* 17: End Scroll to Div  */

/***************************************************************************/







/***************************************************************************/

/* 18: Miscellanenous */

/***************************************************************************/



/* purchase button */

.purchase-btn, 

.purchase-btn:active{

    border-radius:0px !important; 

    padding: 20px; 

    font-size: 18px;

    font-weight: 300;

    font-family: oswald;

    box-shadow: none !important;

    background-color: #000000 !important;

    opacity: 0.6 !important;

    color: #ffffff !important;

    border:1px solid #000000 !important;

}



/* more templates button */

.purchase-btn-more, 

.purchase-btn-more:active{

    border-radius:0px !important; 

    padding: 20px; 

    font-size: 18px;

    box-shadow: none !important;

    background-color: #000000 !important;

    color: #ffffff !important;

    border:1px solid rgba(255,255,255,0.1) !important;

}



.purchase-btn-more span{

   font-size: 12px;

   display: block;

   text-transform: uppercase;

}





/* login Module */

.userdata{margin-top: 10px;}





/* background parallax images */

#container_slideshow_bg,

#container_jumbotron_bg,

#container_top_modules_bg,

#container_maincontent_bg,

#container_base_modules_bg, 

#container_bottom_modules_bg{

background-position: 50% 50%;

-moz-background-size: cover !important;

-o-background-size: cover !important;

background-size: cover !important;}





/* Spacer divs */

.spacer{

  height:100px !important;

}



.spacer-2{

  height:0px !important;

}





/*images in articles*/

img.pull-left {margin-right:15px; margin-top:8px;}

img.pull-right {margin-left:15px; margin-top:8px;}



.item-image img{width:100%; margin-bottom: 10px;}





/* Page Header */

.page-header {

    margin-top: 0px !important;

    padding-bottom: 0px !important;

}



/* Sticky Div */

#sticky {

    padding: 0.5ex;

    width: 600px;

    background-color: #333;

    color: #fff;

    font-size: 2em;

    border-radius: 0.5ex;

}

#sticky.stick {

    position: fixed;

    top: 0;

    z-index: 10000;

    border-radius: 0 0 0.5em 0.5em;

}



/* Utility Classes */

.padding-left-10{

  padding-left:10px !important;

}





/*Search Input*/

.inputbox.search-query {

    height: auto;

}





/*Buttons*/

.btn{box-shadow: none !important;}





/*Image hover custom*/

figure.effect-lily h2 {

    background-color: rgba(0,0,0,0.2) !important;

}



figure h2 span {

    font-size: 17px !important;

}



@media only screen and (max-width: 380px) {



/* Adjust Text size in imagehover module */



figure h2{

    font-size:10px !important;

}



figure h2 span {

    font-size:15px !important;

}



figure p {

    display: none !important;

}   



}







/* Tags Styling */

ul.tags {

  margin-left: 0px !important;

}



ul.tags li {

  display: inline !important;

}



ul.tags li {

  margin-left: 10px; !important;

}



ul.tags li:first-child {

  margin-left: 0px; !important;

}



ul.tags li a {

    border-radius: 0 !important;

    padding: 3px 6px !important;

}





ul.tags a.label.label-info {

font-weight:normal !important;

text-shadow:none !important;

text-decoration: underline !important;

}







/* Tags Module Popular */

.tagspopular ul {

    margin-bottom: 10px;

}



.tagspopular ul li {

    clear: none;

    float: left;

}

.tagspopular ul li a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    clear: both;

    float: left;

    border-bottom: none !important;

}

.tagspopular ul li span.tag-count.badge.badge-info {

    border-radius: 0;

    margin-left: 5px;

    margin-right: 15px;

}



/*Tag Search Results*/

.tag-body p {

    line-height: 180%;

}



.tag-category ul.category.list-striped li h3 a {

    font-size: 40px;

    font-weight: 300;

    line-height: 45px;

    margin: 0 0 10px !important;

    text-align: left;

}





/*Blog*/

.item-image img {

    border-radius: 10px;

}



/***************************************************************************/

/* 18: End Miscellanenous */

/***************************************************************************/