/**
* Template Name: Heavy Web Design v1.0.0
* Template URI: http://www.heavywebdesign.com
* Description: Template develop for Heavy Web Design
* Version: 1.0.0
* Author: Heavy Web Design Studio
* Author URI: http://www.heavywebdesign.com
**/


/**
* HEAVY WEB DESIGN
**/


/*** HTML BASIC ***/
body { background:#F5F5F5!important; }
h1 { color:#f4792a!important; font-weight:normal!important; font-size:260%!important; margin-top:0px; }

/*** MAIN MENU / MAIN NAV ***/
.gf-menu { margin:30px auto 20px; text-align:center; }
.gf-menu li { border:0px; margin-right:0px; border-right:1px dotted #CCC; display:inline-block; float:none; }
.gf-menu li:nth-last-child(1) { border-right:none!important; }
.gf-menu .item { text-shadow:none; color:#333; font-size:14px; }
.gf-menu .item.subtext > em { font-size:12px; color:#CCCCCC; text-align:center; }
.gf-menu li.active .item.subtext > em { color:#F4792A; }
.gf-menu.l1 > li > .item { font-size:18px; text-align:center; padding:4px 30px; }
.gf-menu.l1 > li.parent > .item { padding-right:50px; }
.gf-menu li.parent > .item:after { right:30px; }
.gf-menu.l1 > li.active { background:none; border:none; border-radius:0px; box-shadow:none; border-right:1px dotted #CCC; }
.gf-menu li:hover, .gf-menu li.active:hover { padding-top:0px; background:none; border:none; border-radius:0px; box-shadow:none; border-right:1px dotted #CCC; }
.gf-menu li:hover > .item { color:#F4792A!important; text-shadow:none; }
.gf-menu.l1 > li:hover > .item .border-fixer { background:none; }
.gf-menu li.parent:hover { border-radius:0px; }
.gf-menu .dropdown { background:#FFF; border:none; border-radius:0px; box-shadow:1px 1px 3px #CCC!important; }
.gf-menu .dropdown ul li .item { border:none; }
.gf-menu .dropdown ul li:hover { padding-top:0px; }
.gf-menu .dropdown ul li:hover > .item { border:none; background:none; box-shadow:none; border-radius:0px; }
.gf-menu .dropdown ul li:hover > .item .border-fixer { background:none; }
.gf-menu .dropdown li:hover > .flyout { border-radius:0px; box-shadow:none; }
.gf-menu .dropdown .grouped ol { background:none; border:none; box-shadow:none; border-radius:0px; }
.gf-menu .dropdown .modules { color:#666; }
.gf-menu .dropdown ul li.active > .item { color:#F4792A; }
.gf-menu .dropdown li a.item.subtext > em { color:#999; }

/*** LOGO ***/

/*** POSITIONS ***/
#rt-header .rt-container, #rt-showcase .rt-container, #rt-feature .rt-container, #rt-utility .rt-container, #rt-maintop .rt-container,
#rt-hwd-content .rt-container, #rt-mainbottom .rt-container, #rt-extension .rt-container, #rt-breadcrumbs .rt-container { background:#FFF; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
#rt-hwd-content .rt-container .rt-container { border-left:none; border-right:none; }
/** Top **/
#rt-top { box-shadow:0 2px 4px rgba(0,0,0,0.4); background-color: #020202; color:#FFF; z-index:2!important; }
#rt-top:after { background:url(../images/patterns/noise.png); }
#rt-top-surround { text-shadow:none!important; border-bottom:none!important; box-shadow:none!important; background:none!important; background-image:none!important; }
#rt-top-surround:after { background:none!important; }
#rt-top-surround .title { border-bottom:none!important; }
/** Header **/
#rt-header { z-index:1!important; }
/** Drawer **/
#rt-drawer { background:none!important; border-bottom:none!important; box-shadow:none!important; }
/** Showcase **/
.fixh {padding: 0px!important; margin: 0px!important;}

#rt-showcase { background-image:none!important; background-color:transparent!important; box-shadow:none!important; border-bottom:none!important; text-shadow:none!important; color:#6e6e6e!important; }
.rt-showcase-pattern { background-image:none!important; }
/** Feature **/
/** Utility **/
/** Breadcrumb **/
.breadcrumb { background:none!important; }
/** Main Top **/
#rt-maintop { background:none!important; border-bottom:none!important; box-shadow:none!important; padding-top:0px!important; }
#rt-maintop .rt-container { padding-top:20px; }
/** Sidebar **/
/** Content Top **/
/** Mainbody **/
/** Content Bottom **/
/** MainBottom **/
/** Extension **/
/** Bottom **/
#rt-bottom { /*box-shadow:0 2px 4px rgba(0,0,0,0.4);*/ background-color: #020202; color:#FFF; font-weight:200; }
#rt-bottom .title { color:#FFF; text-shadow:none; border-bottom:none!important; box-shadow:none; }
/** Footer **/
#rt-footer { background:none!important; box-shadow:none!important; border-top:none!important; }
/** Copyright **/
#rt-copyright { background-color:#020202; color:#fff; box-shadow:none!important; border-top:none!important; }

/*** JOOMLA CLASSES ***/

/*** GANTRY CLASSES ***/
.button, .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button, input.rsform-submit-button { border-radius:0px!important; -webkit-border-radius:0px!important; -moz-border-radius:0px!important;
border:none!important; padding:8px 20px!important; font-weight:400; }
.title, .component-content h2 { border-bottom:1px dotted #CCC!important; margin-bottom:10px!important; }
.promo h1 { text-shadow:none!important; }
.promo p b { color:#bbbbbb!important; }
/* Title 3 */
.title3 .title { border-bottom:1px solid #000000!important; }

/*** ERROR PAGE STYLES ***/
.error-page { background:#FFF; }
.rt-error-content { margin-left:0px!important; text-align:center; }
.rt-error-content .error-title { font-size:120px; line-height:1em; }
.rt-error-content .error-title.desc { font-size:40px; }
.rt-error-content .error-content { margin:20px 0 0 0; line-height:1em; }

/*** FONTS ***/
body.font-family-source-sans-pro, body.font-family-source-sans-pro .gf-menu .item, body.font-family-source-sans-pro #rt-showcase { font-family:'Source Sans Pro', 'Helvetica', arial, serif; }

/*** OTHER MENUS ***/

/*** SPECIAL CUSTOM CLASSES ***/
.margin-top-30 { margin-top:30px!important; }
.margin-top-40 { margin-top:40px!important; }
/* Separator */
.hwd-position-separator, .hwd-separator { margin:0px 15px; border-bottom:1px dotted #CCC; background:#FFF; }
/* Home Areas */
.hwd-area { width:340px; }
.hwd-area h3.hwd-area-title { text-align:center; font-weight:normal; font-size:250%; }
.hwd-area .hwd-row { overflow:auto; padding:5px 0; border-top:1px dotted #CCC; }
.hwd-area .hwd-row .hwd-item { width:160px; }
.hwd-right { float:right; }
.hwd-area.hwd-right .hwd-row .hwd-item { float:right; text-align:right; padding-right:10px; }
.hwd-area.hwd-right .hwd-row span { display:inline-block; margin-left:10px; }
.hwd-left { float:left; }
.hwd-area.hwd-left .hwd-row .hwd-item { float:left; text-align:left; padding-left:10px; }
.hwd-area.hwd-left .hwd-row span { display:inline-block; margin-right:10px; }
.hwd-area.hwd-center { text-align:center; width:100%; margin-bottom:50px; }
.hwd-area.hwd-center .hwd-row { max-width:720px; border-bottom:1px dotted #CCC; margin:0 auto; }
.hwd-area.hwd-center .hwd-row .hwd-item { display:inline;  margin:0px 10px; width:auto; }
/**/
.hwd-writeus { border-top: 1px dotted #FFF; margin: 15px 0 0 0;padding:15px 0 0 0; }
/* Icons Explanation */
ul.hwd-icon-exp { margin:5px;  }
ul.hwd-icon-exp li { list-style-type:none; padding:10px 0px 10px 35px; position:relative; }
ul.hwd-icon-exp li div { background-color:#999; }
ul.hwd-icon-exp li div.hwd-icon { position:absolute; margin:0; padding:0; top:8px; left:0; }
.hwd-icon { display:inline-block; border-radius:100%; width:26px; height:26px; border:1px solid #999; box-shadow:0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 1px rgba(255, 255, 255, .4); margin-right:5px; }
.hwd-devel { background:#999 url(../../../images/icons/explanation-icons.png) no-repeat -39px 1px; }
.hwd-design { background:#999 url(../../../images/icons/explanation-icons.png) no-repeat -7px 1px; }
.hwd-responsive { background:#999 url(../../../images/icons/explanation-icons.png) no-repeat -67px 1px; }
.hwd-joomla { background:#999 url(../../../images/icons/explanation-icons.png) no-repeat -97px 1px; }
.hwd-wordpress { background:#999 url(../../../images/icons/explanation-icons.png) no-repeat -127px 1px; }
.hwd-html { background:#999 url(../../../images/icons/explanation-icons.png) no-repeat -215px 1px; }
.hwd-ecommerce { background:#999 url(../../../images/icons/explanation-icons.png) no-repeat -157px 1px; }
/* Portfolio Slider */
.hwd-portfolio-slider .boxplus-viewport { border:10px solid #FFF!important; box-shadow:1px 1px 5px #999; }
.hwd-portfolio-slider .boxplus-paging { margin-top:20px; }

/*** CUSTOM EXTENSIONS STYLES/FIXES ***/
/* RokSprocket - Home Portfolio */
.hwd-hp.rt-block { margin-top:30px; }
.hwd-hp h2.title { text-align:center; border-bottom:none!important; }
.sprocket-mosaic-order { display:none; }
.sprocket-mosaic-filter { margin:0 0 20px; }
.sprocket-mosaic-filter ul li { background:none; border:none; text-transform: none!important; padding:6px 8px!important; line-height:1.1em; }
.sprocket-mosaic-filter ul li:hover { text-decoration:underline; }
.sprocket-mosaic-filter ul li.active { background:#f0f0f0; }

/*** FORMS STYLES/FIXES ***/
/* Contact Us Form */
.formHorizontal.hwd-contactus-form .rsform-block { float:left; display:block; }
.formHorizontal.hwd-contactus-form .formControls { margin-left:0px; margin-right:15px; }
.formHorizontal.hwd-contactus-form .formControls input { margin-bottom:0px; border-radius:0px; box-shadow:none; }
.formHorizontal.hwd-contactus-form .formControls input, .formHorizontal.hwd-contactus-form .formControls textarea
{ padding:8px; border-radius:0px; box-shadow:none; border:1px solid #CCC; font-family:'Source Sans Pro', 'Helvetica', arial, serif; font-size:14px; }
.formHorizontal.hwd-contactus-form .rsform-block.rsform-block-message textarea { width:453px; }
.formHorizontal.hwd-contactus-form .rsform-block.rsform-block-submit { width:470px; text-align:right; }
.formHorizontal.hwd-contactus-form .rsform-block.rsform-block-submit .formControls { margin-right:0px; }

/*** PAGE ID'S STYLES ***/
/* Contact Us Page */
.hwd-contact-us h2 { border-bottom:none!important; margin-bottom:0px!important; }
.hwd-contact-us h2, .hwd-contact-us h1 { color:#f4792a!important; font-weight:normal; font-size:260%!important; margin-top:0px; }
.formResponsive input[type="submit"] { border-color: #af4a09;
background-color: #ee772a;
background-image: -moz-linear-gradient(top,#f5853d,#e4600c);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5853d),to(#e4600c));
background-image: -webkit-linear-gradient(top,#f5853d,#e4600c);
background-image: -o-linear-gradient(top,#f5853d,#e4600c);
background-image: linear-gradient(to bottom,#f5853d,#e4600c);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5853d', endColorstr='#ffe4600b', GradientType=0);
}

.sprocket-mosaic .sprocket-mosaic-container {
      margin-top: 5px!important;
}

div.rt-block.margin-top-40.hidden-phone1{
margin:0px !important;
padding: 0px !important;
margin-bottom:12px !important;
}

div.rt-block.margin-top-40.hidden-phone{
margin:0px !important;
padding: 0px !important;
margin-bottom:12px !important;
}

.style-fix > .img{
    max-width: 180px!important;
    margin-top: 0px!important;
}

.style-fix{
    margin: 0 auto;
    padding: 0px!important;
}

div.rt-container div.hwd-position-separator{
display:none !important;
}

ul{list-style: none!important;}


.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {
    display: none;
}

.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-filter {
    padding-top: 5px!important;
}


ul, ol {
list-style: none;
}

ul.tags li{
    margin: 2px;
    float: left;
}

ul.tags {
    overflow:auto;
}


.rt-logo {
    padding: 5px 30px;
    margin: 15px 0 15px 15px;
}
a#rt-logo {
    padding: 5px 30px;
    margin: 15px 0 15px 15px;
}


/*.actions { display:none; } /* QUITAR AL TERMINAR ESTE CSS */

/*** RESPONSIVE STYLES/FIXES ***/
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
	.hwd-area { width:100%; margin:0 auto; }
	.hwd-area-title { border-bottom: 1px dotted #CCC; padding-bottom:10px; }
	.hwd-area .hwd-row .hwd-item { width:100%; }
	.hwd-area .hwd-row { text-align:center; margin-left:0px; }
	.hwd-area.hwd-right .hwd-row .hwd-item { padding-right:0px; text-align:center; }
	.hwd-area.hwd-left .hwd-row .hwd-item { padding-left:0px; text-align:center; }
	.hwd-area .hwd-row { border-top:none; padding:0px; }
	.hwd-area.hwd-center .hwd-row { width:100%; border-bottom:none; }
	.hwd-area.hwd-center .hwd-row .hwd-item { display:block; text-align:center; }

    #rt-logo {
    display: none!important;}
/*color */
    .gf-menu li.active.last > .item {
color:white!important;
}

.gf-menu.l1 > li > .item {
    color:gray!important;
}
}


/* Smartphones */


@media (max-width: 480px) {
	.hwd-area { width:100%; margin:0 auto; }
	.hwd-area-title { border-bottom: 1px dotted #CCC; padding-bottom:10px; }
	.hwd-area .hwd-row .hwd-item { width:100%; }
	.hwd-area .hwd-row { text-align:center; margin-left:0px; }
	.hwd-area.hwd-right .hwd-row .hwd-item { padding-right:0px; text-align:center; }
	.hwd-area.hwd-left .hwd-row .hwd-item { padding-left:0px; text-align:center; }
	.hwd-area .hwd-row { border-top:none; padding:0px; }
	.hwd-area.hwd-center .hwd-row { width:100%; border-bottom:none; }
	.hwd-area.hwd-center .hwd-row .hwd-item { display:block; text-align:center; }
        #rt-logo {
    display: none!important;
}
}

@media (max-width: 479px){
    #rt-logo {
    display: none!important;}

       .gf-menu li.active.last > .item {
color:white!important;
}

.gf-menu.l1 > li > .item {
    color:gray!important;
} }

@media (min-width: 768px) and (max-width: 959px) {
    #rt-logo {
    width: 120px!important;
    height: 61px!important;
}

a#rt-logo {
    padding: 5px 30px!important;
    margin: 15px 0 15px 0px!important;
}

}