/**!
 * @project         RS Framework
 * @version         4.3
 * @date            01/08/2012
 * @last update     06/10/2017
 * @autor           Rogerio Saraceni
 *
*/

/**============================================================================
 * BASE		   - @section base
 * STRUCTURE   - @section structure
 * ELEMENTS	   - @section elements
============================================================================**/





/**============================================================================
 * BASE
 * 
 * normalize
 * box-size
 * clear/clearfix
 * base
 * tipografia
 * links
 * classes auxiliares
 *
 * @section base
*/

/**----------------------------------------------------------------------------
 * !  normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css
 * *
 * @section base
*/

html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=normalize.min.css.map */


/**----------------------------------------------------------------------------
 * box-size
 *
 * aplica em todo elementos
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 *
 * @section base
*/

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box;
}


/**----------------------------------------------------------------------------
 * clear/clearfix
 *
 * @section base
*/

.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

.clearfix:before,
.clearfix:after{ content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.clearfix:after{ clear:both;}
.clearfix      { zoom:1;}


/**----------------------------------------------------------------------------
 * GLOBAL
 *
 * @section base
*/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
}
html               { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img, object, embed { max-width: 100%;}
img                { border: none; vertical-align: middle; max-width: 100%; height: auto;}
figure img 		   { max-width: 100%;}
fieldset   		   { border: 0;}
textarea           { resize: vertical;}

/*dl,menu,ol,ul,li,dd{ margin: 0; padding: 0;}*/
ul li, ol li{ list-style-position: inside;}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size  : inherit;
	line-height: inherit;
}

/* Correct IE9 overflow*/
svg:not(:root) { overflow: hidden;}

::-moz-selection,
::selection {
	text-shadow: none;
	color: #fff;
	background: #EB4B31;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
    border-top: 1px solid #ddd;
    clear: both;
}

/**----------------------------------------------------------------------------
 * tipográfia
 *
 * @section base
*/

h1,h2,h3,h4,h5,h6{
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1.1;
}

h1{ font-size: 36px;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}

small, .small { font-size: 85%;}
mark, .mark   { padding: .2em; background-color: #fcf8e3;}

p{ padding:0; margin:0 0 10px 0;}

address { margin-bottom: 20px; font-style: normal; line-height: 1.4; }

code,kbd,pre,samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd  { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); }
kbd kbd { padding: 0; font-size: 100%; box-shadow: none; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.4; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
blockquote { position: relative; background: #f9f9f9; border-left: 5px solid #ccc; margin-bottom: 10px; padding: 0.5em 10px; color: #666; font: italic 20px Arial, Helvetica, sans-serif; }
blockquote:before { color: #ccc; content: "\201C"; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
blockquote p { display: inline; }


/**----------------------------------------------------------------------------
 * LINKS
 *
 * @section base
*/

a{
  	color: #337ab7;
  	text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
	color: #23527c;
	text-decoration: none;
	transition: all .20s ease-in-out;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


/**----------------------------------------------------------------------------
 * classes auxiliares
 *
 * @section base
*/

.clear-left { clear: left;}
.clear-right{ clear: right;}

.float-none { float: none;}
.float-left { float: left;}
.float-right{ float: right;}

.display-none        { display: none;}
.display-block       { display: block;}
.display-inline      { display: inline;}
.display-inline-block{ display: inline-block;}

.bold	        { font-weight: bold;}
.no-bold        { font-weight: normal;}
.center         { text-align: center!important;}
.text-left      { text-align: left;}
.text-right     { text-align: right;}
.text-center    { text-align: center;}
.text-justify   { text-align: justify;}
.text-nowrap    { white-space: nowrap;}
.text-lowercase { text-transform: lowercase;}
.text-uppercase { text-transform: uppercase;}
.text-capitalize{ text-transform: capitalize;}

.outline-none:focus{ outline: none !important;}

.txt-center-all{
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    position:absolute;
    top:50%;
    left:50%;
    margin:0;
}

.img-circle{ border-radius: 50%;}

.hidden{ display: none;}

.bottom-10 { margin-bottom: 10px;}
.bottom-20 { margin-bottom: 20px;}
.bottom-30 { margin-bottom: 30px;}
.bottom-40 { margin-bottom: 40px;}
.bottom-50 { margin-bottom: 50px;}

.noBd      { border: none;}
.noBdTop   { border-top: none;}
.noBdBottom{ border-bottom: none;}
.noBdLeft  { border-left: none;}
.noBdRight { border-right: none;}
.no-radius { border-radius: 0;}

.underline { text-decoration: underline;}

.no-shadow { box-shadow:none;}

.v-align-top   { vertical-align: top;}
.v-align-middle{ vertical-align: middle;}
.v-align-bottom{ vertical-align: bottom;}

.cursor-default{ cursor: default;}
.cursor-pointer{ cursor: pointer;}
.cursor-none   { cursor: none;}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.nowrap    { white-space: nowrap }
.no-nowrap { white-space: normal;}

.word-break-all { word-break: break-all; padding: 0;}
.no-word-break  { word-break: normal;}

i.fa.green { color: #2ecc71;}
i.fa.red   { color: #e74c3c;}
i.fa.orange{ color: #e67e22;}
i.fa.yellow{ color: #f1c40f;}
i.fa.blue  { color: #3498db;}
i.fa.grey  { color: #555555;}
i.fa.black { color: #222222;}


/*
VIDEO HOLDER
CSS hack for responsive videos.
@see http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
@see http://webdesignerwall.com/tutorials/css-elastic-videos
*/
.video-holder {
	position      : relative;
	display       : block;
	padding-bottom: 56.25%;
	padding-top   : 30px;
	height        : 0;
	overflow      : hidden;
}

.video-holder iframe, .video-holder object, .video-holder embed {
	position: absolute;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
}

.opacity5{ filter : alpha(opacity=50); opacity: 0.5;}
.opacity6{ filter : alpha(opacity=60); opacity: 0.6;}
.opacity7{ filter : alpha(opacity=70); opacity: 0.7;}
.opacity8{ filter : alpha(opacity=80); opacity: 0.8;}
.opacity9{ filter : alpha(opacity=90); opacity: 0.9;}

.content-border{
    padding: 10px;
    margin : 10px 0 20px 0;
    border : 1px solid #ddd;
}





/**============================================================================
 * STRUCTURE
 *
 * containers
 * header
 * header top fixed
 * footer
 * media print
 *
 * @section structure
*/

/**----------------------------------------------------------------------------
 * wrappers + containers
 *
 * @section structure
*/

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.container-row:before,
.container-row:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}

.container:after,
.container-fluid:after,
.container-row:after{ clear:both;}

.container,
.container-fluid,
.container-row{
	position: relative;
	margin  : 0 auto;
}

.container > *{ transition: all 400ms ease-out;}

.container{
	padding-left : 10px;
	padding-right: 10px;
}
@media (min-width: 768px) { .container{ width:750px}}
@media (min-width: 992px) { .container{ width:970px}}
@media (min-width: 1200px){ .container{ width:1170px}}

.container-fluid {
	padding-right: 15px;
	padding-left : 15px;
}


/**----------------------------------------------------------------------------
 * header
 *
 * @section structure
*/

.header-main{
	position: relative;
	margin  : 0 auto;
	width   : 100%;
}


/**----------------------------------------------------------------------------
 * header top fixed
 *
 * @section structure
*/

.body-top-fix{ padding-top: 100px;}

.header-top-fixed{
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
  	padding-top   : 10px;
  	padding-bottom: 10px;
    transition: all 0.25s ease 0s;
    -webkit-transition-: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    background-color: #3498DB;
}

.header-top-fixed .logo{ padding: 5px 0;}

.header-top-fixed .logo img{ 
	max-height: 70px;
    -webkit-transition-: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

.fixed-header{ background-color: rgba(52,152,219,0.8);}

.header-top-fixed.fixed-header .logo img{ max-height: 60px;}


@media handheld, only screen and (max-width: 796px) {

	.body-top-fix{ padding-top: 130px;}

	.header-top-fixed .logo    { text-align: center;}
    .header-top-fixed .logo img{ max-height: 90px;}
}


/**----------------------------------------------------------------------------
 * footer
 *
 * @section structure
*/

.footer-main {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.footer-main-bottom {
	position: absolute;
	z-index: 100;
	width: 100%;
	bottom: 0;
	clear: both;
}

/**----------------------------------------------------------------------------
 * media print
 *
 * @section structure
*/

@media print {
	.noprint     { display: none}
	.header-main { display: none}
	.nav-main    { display: none}
	.footer-main { display: none}
}





/**============================================================================
 * ELEMENTS
 *
 * bootstrap grid
 * loading
 * top bar
 * breadcrumb
 * mytable
 * tooltip
 * info
 * alerts
 * btns
 * tabs
 * accordion
 * progressBars
 * box-item
 * grid galeria
 * cards
 * Scroll to top
 *
 * @section elements
*/

/**----------------------------------------------------------------------------
 * bootstrap grid
 *
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 *
 * @section elements
*/

.row:before,
.row:after{ content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.row:after{ clear:both;}

.row{
	position: relative;
	margin-right: -5px;
	margin-left : -5px;
	zoom: 1;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position     : relative;
	min-height   : 1px;
	padding-right: 5px;
	padding-left : 5px;
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}

@media (min-width: 768px) {
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}
}
@media (min-width: 992px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}
}
@media (min-width: 1200px) {
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}
}


/**----------------------------------------------------------------------------
 * loading
 *
 * @section elements
*/

#dvLoading{
	position           : fixed;
	z-index            : 10000;
	width              : 100%;
	height             : 100%;
	background-color   : #333;
	background-image   : url("/portal/assets/images/elements/loading.gif");
	background-repeat  : no-repeat;
	background-position: center center;
}


/**----------------------------------------------------------------------------
 * top bar
 *
 * @section structure personal
*/

.top-bar{
    position: relative;
    padding: 5px 0;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
    background-color: #333;
}

.top-bar ul     { list-style: none;}
.top-bar ul li  { position: relative; display: inline-block;}
.top-bar ul li a{ 
    display: block;
    padding: 5px;
    color: #fff; 
    border: 1px solid #555;
    border-radius: 4px;
}
.top-bar ul li a:hover{
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
}

.top-bar ul.right { float: right;}
.top-bar ul.center{ text-align: center;}


/**----------------------------------------------------------------------------
 * breadcrumb
 *
 * @section elements
*/

.breadcrumb{
	position      : relative;
	margin-top    : 5px;
	margin-bottom : 5px;
	padding-top   : 5px;
	padding-bottom: 5px;
	list-style    : none;
	border        : none;
	border-bottom : 1px solid #ddd;
	zoom          : 1;
	font          : normal 11px Arial, Helvetica, sans-serif;
}

.breadcrumb:before,
.breadcrumb:after{ content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.breadcrumb:after{ clear:both;}

.breadcrumb ul{ list-style: none;}

.breadcrumb ul li{ display: inline-block; zoom: 1; margin-bottom: 2px; }

.breadcrumb ul li + li:before{ padding: 0 4px; color: #999; content: "/\00a0"; font-size: 14px; }
.breadcrumb ul li a i.icon   { margin-right: 5px; color: #000; font-size: 16px; }
.breadcrumb ul li a          { color: #000; }
.breadcrumb ul li a:hover i.icon{ color: #000; }
.breadcrumb ul li a:hover       { color: #000; text-decoration: underline; }
.breadcrumb ul li.active        { font-weight: bold; color: #F00; }

.breadcrumb-active-big{
	position  : absolute;
	top       : 50%;
	right     : 10px;
	margin-top: -25px;
	font-size : 30px;
}

.breadcrumb ul a#btn-back{ margin-bottom: 0;}

@media screen and (max-width: 768px){
    .breadcrumb-active-big{ display: none;}
}



/**----------------------------------------------------------------------------
 * mytable
 *
 * @section elements
*/

table.myTable{
	width             : 100%;
	max-width         : 100%;
	border-spacing    : 0;
	border-collapse   : collapse;
	-webkit-box-sizing: content-box;
	-moz-box-sizing   : content-box;
	box-sizing        : content-box;
    margin-bottom     : 10px;
    background-color  : #fff;
    color             : #444;
    font              : 12px/18px Arial, Helvetica, sans-serif;
}

table.myTable img{ vertical-align: middle;}

table.myTable th,
table.myTable td{
	vertical-align    : middle;
	-webkit-box-sizing: content-box;
	-moz-box-sizing   : content-box;
	box-sizing        : content-box;
    padding           : 3px;
    border-left       : 1px solid #cfcfcf;
    border-bottom     : 1px solid #cfcfcf;
}
table.myTable th:first-child,
table.myTable td:first-child{ border-left: none;}

table.myTable thead th,
table.myTable tfoot th{
    color           : #fff;
    font-weight     : normal;
    font-size       : 12px;
    background-color: #40484C;
}

table.myTable tbody tr:hover td,
table.table-export tbody tr:hover td{ background-color: #FFFFCC !important;}

/*icones*/
table.myTable tr td i.fa{ color: #111; font-size: 18px;}

table.myTable tr td i.fa.blue  { color: #4aa3df;}
table.myTable tr td i.fa.green { color: #2ecc71;}
table.myTable tr td i.fa.red   { color: #e74c3c;}
table.myTable tr td i.fa.orange{ color: #e67e22;}
table.myTable tr td i.fa.yellow{ color: #f1c40f;}
table.myTable tr td i.fa.grey  { color: #555555;}
table.myTable tr td i.fa.black { color: #222222;}


/*odd e even*/
table.table-striped tbody tr.bg-odd  { background-color:#fff;}
table.table-striped tbody tr.bg-even { background-color:#f8f8f8;}

/*Classes complementares*/

/*TR TD*/ /*TD*/
table.myTable tr.normal td,       table.myTable tr td.normal      { font-weight: normal;}
table.myTable tr.bold td,         table.myTable tr td.bold        { font-weight: bold;}

table.myTable tr.al-center td,    table.myTable tr td.al-center   { text-align: center;}
table.myTable tr.al-left td,   	  table.myTable tr td.al-left     { text-align: left;}
table.myTable tr.al-right td, 	  table.myTable tr td.al-right    { text-align: right;}

table.myTable tr.no-bd td,        table.myTable tr td.no-bd       { border:        none;}
table.myTable tr.no-bd-top td,    table.myTable tr td.no-bd-top   { border-top:    none;}
table.myTable tr.no-bd-bottom td, table.myTable tr td.no-bd-bottom{ border-bottom: none;}
table.myTable tr.no-bd-left td,   table.myTable tr td.no-bd-left  { border-left:   none;}
table.myTable tr.no-bd-right td,  table.myTable tr td.no-bd-right { border-right:  none;}

table.myTable tr.bd-top th,
table.myTable tr th.bd-top,
table.myTable tr.bd-top td,
table.myTable tr td.bd-top   { border-top:    1px solid #cfcfcf;}

table.myTable tr.bd-bottom th,
table.myTable tr th.bd-bottom,
table.myTable tr.bd-bottom td,
table.myTable tr td.bd-bottom { border-bottom: 1px solid #cfcfcf;}

table.myTable tr.bd-left th,
table.myTable tr th.bd-left,
table.myTable tr.bd-left td,
table.myTable tr td.bd-left   { border-left:   1px solid #cfcfcf;}

table.myTable tr.bd-right th,
table.myTable tr th.bd-right,
table.myTable tr.bd-right td,
table.myTable tr td.bd-right  { border-right:  1px solid #cfcfcf;}

/*fixed*/
table.table-fixed{ table-layout: fixed;}

/*nowrap*/
table.table-nowrap tr th,
table.table-nowrap tr td{ white-space: nowrap;}


.container-tab-overflow{
	overflow: auto;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.container-tab-overflow > .myTable{
	margin-bottom: 0;
}
@media screen and (max-width: 767px){
	.container-tab-overflow{
		width: 100%;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
}


/**----------------------------------------------------------------------------
 * tooltip
 *
 * @section elements
*/

#tooltip{
	position        : absolute;
	display         : none;
	padding         : 5px;
	color           : #fff;
	font            : normal 11px Arial, Helvetica, sans-serif;
	text-shadow     : none;
	text-align      : left;
	border-radius   : 2px;
	z-index         : 10000;
	background-color: #333;
	filter          : alpha(opacity=90);
	opacity         : 0.9;
}

.tooltipTitle{ font-weight: bold; color:#FF9900;}


/**----------------------------------------------------------------------------
 * info
 *
 * @section elements
*/

span.info,
span.info-blue,
span.info-red,
span.info-orange,
span.info-green{ font : normal 11px Arial, Helvetica, sans-serif;}

span.info        { color: #444444;}
span.info-blue   { color: #3C9AC9;}
span.info-red    { color: #FF0000;}
span.info-orange { color: #DD845A;}
span.info-green  { color: #239169;}


/**----------------------------------------------------------------------------
 * alerts
 *
 * @section elements
*/

.alert{
	position         : relative;
	display          : block;
	margin           : 0 0 10px 0;
	padding          : 10px;
	border-width     : 1px;
	border-left-width: 4px;
	border-style     : solid;
	font-size        : 14px;
}

.alert-success{ background:#e3ebc6; border-color:#c2d288; color:#3c763d;}
.alert-error  { background:#f9e5e6; border-color:#f7c7c9; color:#a94442;}
.alert-notice { background:#fcf7d9; border-color:#f5dc7d; color:#a18208;}
.alert-info   { background:#d8ecf5; border-color:#9ac9df; color:#31708f;}

strong i.fa{ margin-right: 5px;}

.alert a.fechar{
	position        : absolute;
	top             : 1px;
	right           : 1px;
	width           : 16px;
	height          : 16px;
	text-align      : center;
	font-size       : 11px;
	color           : #fff;
	background-color: #666;
}
.alert a.fechar:hover{ background-color: #444;}


/**----------------------------------------------------------------------------
 * btns
 *
 * @section elements
*/

.btn{
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 5px;
	border-radius: 2px;
	text-decoration: none;
	border: 1px solid transparent;
	text-align: center;
	vertical-align: top;
	white-space: normal;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    -webkit-transition-: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

.btn-bottom-0{ margin-bottom: 0;}

.btn:focus{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover{ cursor: pointer; text-decoration: none;}

.btn-left{
	float       : left;
	margin-left : 0;
	margin-right: 3px
}
.btn-right{
	float       : right;
	margin-left : 3px;
	margin-right: 0;
}
.btn-block{
	display: block;
	width  : 100%;
}
.btn-big{
	padding    : 10px 16px;
	font-size  : 18px;
	line-height: 1.3333333;
}

@media screen and (max-width: 991px){
	.btn-resp{ 
		float       : right;
		margin-left : 3px;
		margin-right: 0;
	}
}


/*para btns com icone*/
.icon-btn-inline{ margin-right: 5px;}
.icon-btn-block { margin-top: 5px;}

.btn        { background-color: #e6e6e6; color: #444;}
.btn-blue   { background-color: #4aa3df; color: #fff;}
.btn-green  { background-color: #1bb394; color: #fff;}
.btn-red    { background-color: #e74c3c; color: #fff;}
.btn-orange { background-color: #e67e22; color: #fff;}
.btn-yellow { background-color: #f1c40f; color: #fff;}
.btn-grey   { background-color: #555555; color: #fff;}
.btn-black  { background-color: #222222; color: #fff;}

.btn:hover        { background-color: #c5c5c5; color: #444;}
.btn-blue:hover   { background-color: #2980b9; color: #fff;}
.btn-green:hover  { background-color: #27ae60; color: #fff;}
.btn-red:hover    { background-color: #c0392b; color: #fff;}
.btn-orange:hover { background-color: #d35400; color: #fff;}
.btn-yellow:hover { background-color: #f39c12; color: #fff;}
.btn-grey:hover   { background-color: #333333; color: #fff;}
.btn-black:hover  { background-color: #000000; color: #fff;}

.btn:hover,
.btn:focus,
.btn:active{ color: #fff;}


/**----------------------------------------------------------------------------
 * tabs
 *
 * @section elements
*/

ul.tabs{ overflow: hidden; list-style:none; }

ul.tabs li { position: relative;}

ul.tabs li a {
    position: relative;
    display: block;
	float: left;
    padding: 2px 5px 0 5px;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    background: #f8f8f8;
}

ul.tabs li a:first-child{ border-left: 1px solid #eee; }
ul.tabs li a:hover { background: #efefef;}

ul.tabs li.active a{ border-bottom: 1px solid #fff; background: #fff; }

@media (max-width: 1100px) {
    ul.tabs li a{
        width: 33%;
        margin-left: 1px;
        margin-bottom: 2px;
        border-left: 1px solid #ddd;
    }

    ul.tabs li.active a{
        border-bottom: 1px solid #ddd;
        background: #fff;
    }   
}

@media (max-width: 640px) {
    ul.tabs li a { width: 49.5%;}
}
@media (max-width: 380px) {
    ul.tabs li a{ 
        width: 100%;
        margin-left: 0;
    }
}

.tab-content-wrap {
    float: left;
    margin-top: -1px;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #ddd;
    overflow: hidden;
}

.tab-content{ 
	padding: 15px; 
	font-size:12px; 
	background: #fff;
}


/*mod vertical*/

ul.tabs.vertical   { float: left; overflow: hidden; list-style:none; width:20% }

ul.tabs.vertical li{
	position   : relative;
	float      : left;
	padding    : 0;
	width      : 100%;
	line-height: 42px;
	border     : 1px solid #ddd;
	border-top : none;
	overflow   : hidden;
	background : #f6f6f6;
}
ul.tabs.vertical li:first-child{ border-top: 1px solid #ddd; }

ul.tabs.vertical li.active{
	border-bottom: 1px solid #ddd;
	border-right : none;
	background   : #FFF;
}

ul.tabs.vertical li a{
	float    : left;
	padding  : 15px;
	width    : 100%;
	color    : #333;
	font-size: 14px;
}

.tab-content-wrap.vertical{
	float     : left;
	margin-top: 0;
	overflow  : hidden;
	border    : none;
	width     : 80%
}

.tab-content-wrap.vertical .tab-content{
	padding    : 5px 10px;
	border     : 1px solid #ddd;
	border-left: none;
	font-size  : 12px;
	background : #fff;
}


/**----------------------------------------------------------------------------
 * accordion
 *
 * @name Accordion acc-rs
 * @requires jQuery
 *
 * @author Rogério Saraceni
 * @version 1.0 (07/03/2016)
 *
 * @section elements
*/

.acc-rs:before,
.acc-rs-sub:before,
.acc-rs-container:before{ content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}

.acc-rs:after,
.acc-rs-sub:after,
.acc-rs-container:after{ clear:both;}

.acc-rs,
.acc-rs-sub,
.acc-rs-container{
	zoom              : 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	box-sizing        : border-box;
}

.acc-rs    { position: relative; margin-bottom: 20px;}
.acc-rs-sub{ position: relative; margin-bottom: 10px;}

.acc-rs .btns-open-close-acc{
	position     : relative;
	margin-bottom: 5px;
	width        : 100%;
	list-style   : none;
	text-align   : right;
}

.acc-rs-container{ position: relative;}

.acc-rs .acc-rs-header{
	position        : relative;
	display         : inline-block;
	width           : 100%;
	color           : #fff;
	cursor          : pointer;
	border-bottom   : 1px solid #ddd;
	background-color: #464646;
}

.acc-rs .acc-rs-header .title-acc,
.acc-rs-sub .acc-rs-header .title-acc-sub{
	display    : inline-block;
	width      : 100%;
	padding    : 5px 5px 5px 35px;
	color      : #fff;
	font-family: Arial, Helvetica, sans-serif;
}
.acc-rs .acc-rs-header .title-acc        { font-size: 14px;}
.acc-rs-sub .acc-rs-header .title-acc-sub{ font-size: 12px;}

.acc-rs .acc-rs-header .title-acc:after,
.acc-rs-sub .acc-rs-header .title-acc-sub:after{
	position  : absolute;
	top       : 50%;
	left      : 5px;
	width     : 20px;
	height    : 20px;
	text-align: center;
	color     : #fff;
	font-size : 16px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.acc-rs .acc-rs-header .title-acc:after,
.acc-rs-sub .acc-rs-header .title-acc-sub:after{ content: '+'; background-color: #333333;}

.acc-rs .acc-rs-header .title-acc.active:after,
.acc-rs .acc-rs-header .title-acc-sub.active:after{ content: '-'; background-color: #D52B2A;}

.acc-rs-header.acc-header-link > .title-acc,
.acc-rs-header.acc-header-link > .title-acc-sub{ width: 80%;}

.acc-rs-header.acc-header-link > .link-acc{
	float      : right;
	display    : block;
	width      : 20%;
	padding    : 5px 5px;
	text-align : center;
	border-left: 1px solid #777;
}
.acc-rs-header.acc-header-link > .link-acc a{
    color: #ddd;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.acc-rs-header.acc-header-link > .link-acc a:hover{ color: #fff; text-decoration: underline;}

.acc-rs .content-acc,
.acc-rs-sub .content-acc-sub{
	display      : none;
	padding      : 5px;
	overflow     : hidden;
	margin-bottom: 1px;
	border       : 1px solid #eee;
	border-top   : none;
}
.acc-rs .content-acc		{ background-color: #f8f8f8;}
.acc-rs-sub .content-acc-sub{ background-color: #ffffff;}

/*Para modelo inverso (já vem aberto)*/
.acc-rs.acc-inverso .acc-rs-header .title-acc:after{ content: '-'; background-color: #D52B2A;}
.acc-rs.acc-inverso .acc-rs-header .title-acc.active:after{ content: '+'; background-color: #333333;}
.acc-rs.acc-inverso .content-acc{ display: block;}



/* Responsivo */
@media handheld, only screen and (max-width: 1024px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 78%;}
    .acc-rs-header.acc-header-link > .link-acc     { width: 22%;}
}
@media handheld, only screen and (max-width: 960px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 77%;}
}
@media handheld, only screen and (max-width: 786px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 76%;}
}
@media handheld, only screen and (max-width: 640px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 75%;}
}
@media handheld, only screen and (max-width: 540px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 74%;}
}
@media handheld, only screen and (max-width: 420px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 73%;}
}
@media handheld, only screen and (max-width: 320px){
    .acc-rs-header.acc-header-link > .title-acc,
    .acc-rs-header.acc-header-link > .title-acc-sub{ width: 72%;}
}


/**----------------------------------------------------------------------------
 * progressBar
 *
 * @section elements
*/

.meter{
    position: relative;
    margin-bottom: 10px;
    padding-left: 40px;
}
table tr td > .meter{ margin-bottom: 0;}

.meter-col-tab{ padding-left: 0;}

.meter-value{
    z-index: 10;
    position: absolute;
    width: 40px;
    height: 20px;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font: 11px/20px Arial, Helvetica, sans-serif;
    background-color: #34495e;
}

.meter > span {
    position: relative;
    display: block;
    height: 20px;
    overflow: hidden;
    background-color: #e6e6e6;
}
.meter-blue > span  { background-color: #4aa3df;}
.meter-green > span { background-color: #2ecc71;}
.meter-red > span   { background-color: #e74c3c;}
.meter-orange > span{ background-color: #e67e22;}
.meter-yellow > span{ background-color: #f1c40f;}
.meter-grey > span  { background-color: #555555;}
.meter-black > span { background-color: #222222;}


.progress-small,
.progress-small .progress-bar { height: 10px;}

.progress-small,
.progress-mini,
.progress-striped { margin-top: 5px; background: #eee;}

.progress-mini,
.progress-mini .progress-bar{ height: 5px; margin-bottom: 0;;}

.progress-striped .progress-bar{ height: 20px;}

.progress-bar       { background-color: #b0bec5;}
.progress-bar-blue  { background-color: #4aa3df;}
.progress-bar-green { background-color: #2ecc71;}
.progress-bar-red   { background-color: #e74c3c;}
.progress-bar-orange{ background-color: #e67e22;}
.progress-bar-yellow{ background-color: #f1c40f;}
.progress-bar-grey  { background-color: #555555;}
.progress-bar-black { background-color: #222222;}


.progress.active .progress-bar,
.progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-striped .progress-bar,
.progress-bar-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
	from { background-position: 40px 0;}
	to { background-position: 0 0;}
}

@keyframes progress-bar-stripes {
	from { background-position: 40px 0;}
	to { background-position: 0 0;}
}


/**----------------------------------------------------------------------------
 * box-item
 *
 * @section elements
*/

.box-item-wrapper{ border-bottom: 5px solid #ddd;}

.box-item{ color: #666; margin-bottom :10px;}

.box-item p.data  { font-size: 12px; font-style: italic;}
.box-item p.titulo{ font-size: 18px;}
.box-item p.txt   { font-size: 12px;}

.box-item .box-img{
	position                   : relative;
	margin-bottom              : 10px;
	opacity                    : 1;
	overflow                   : hidden;
	z-index                    : 10;
	-webkit-transform          : translateZ(0);
	-moz-transform             : translateZ(0);
	-o-transform               : translateZ(0);
	-ms-transform              : translateZ(0);
	transform                  : translateZ(0);
}
.box-item .box-img:hover{ cursor:pointer;}

.box-item .box-img img {
    width            : 100%;
    height           : auto;
    transition       : all .3s ease-out;
}

.box-item .box-img:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform   : scale(1.2, 1.2);
    -o-transform     : scale(1.2, 1.2);
    -ms-transform    : scale(1.2, 1.2);
    transform        : scale(1.2, 1.2);
}

.box-item .hover-mask {
    position          : absolute;
    padding           : 0;
    width             : 100%;
    height            : 100%;
    top               : 0;
    left              : 0;
    text-align        : center;
    opacity           : 0;
    filter            : alpha(opacity=0);
    transition        : all 0.3s ease-out;
}

.box-item:hover .hover-mask {
	background       : #EA634C;
	opacity          : .75;
	filter           : alpha(opacity=75);
}

.box-item .hover-mask i{
	margin-top        : 20%;
	color             : #fff;
	font-size         : 40px;
	opacity           : 0;
	filter            : alpha(opacity=0);
	-webkit-transform : translateY(100px);
	-moz-transform    : translateY(100px);
	-o-transform      : translateY(100px);
	-ms-transform     : translateY(100px);
	transform         : translateY(100px);
	transition        : all 0.5s ease-out;
}
.box-item:hover .hover-mask i {
	opacity          : 1.0;
	filter           : alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform   : translateY(0);
    -o-transform     : translateY(0);
    -ms-transform    : translateY(0);
    transform        : translateY(0);
}

.box-item .hover-mask h2{
	margin-top        : 10px;
	color             : #fff;
	font-size         : 20px;
	opacity           : 0;
	filter            : alpha(opacity=0);
	-webkit-transform : translateX(-500px);
	-moz-transform    : translateX(-500px);
	-o-transform      : translateX(-500px);
	-ms-transform     : translateX(-500px);
	transform         : translateX(-500px);
	transition        : all 0.5s ease-out;
}
.box-item:hover .hover-mask h2 {
	opacity          : 1.0;
	filter           : alpha(opacity=100);
    -webkit-transform: translateX(0);
    -moz-transform   : translateX(0);
    -o-transform     : translateX(0);
    -ms-transform    : translateX(0);
    transform        : translateX(0);
}


/**----------------------------------------------------------------------------
 * grid galeria
 *
 * @section elements
*/

.container-grid-galeria{
    list-style: none;
    font-size: 0px;
    margin-left: -2.5%;
}
.container-grid-galeria.grid-galeria-2 .grid-galeria{ width: 47.5%;}  /* this value + 2.5 should = 50% */
.container-grid-galeria.grid-galeria-3 .grid-galeria{ width: 30.83%;} /* this value + 2.5 should = 33% */
.container-grid-galeria.grid-galeria-4 .grid-galeria{ width: 22.5%;}  /* this value + 2.5 should = 25% */


.grid-galeria{
	text-align: center;
    display: inline-block;
    padding: 10px;
    margin: 0 0 2.5% 2.5%;
    background: #fff;
    border: 1px solid #ddd;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-galeria h3{
	margin: 5px 0;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}
.grid-galeria p {
	text-align: left;
	font-size: 12px;
}


@media (max-width: 480px) {
    .container-grid-galeria {
        margin-left: 0;
    }
    .container-grid-galeria .grid-galeria{
        width: 100% !important; /* over-ride all li styles */
        margin: 0 0 20px;
    }
}


/**----------------------------------------------------------------------------
 * cards
 *
 * @section elements
*/

.card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
}

.card-deck {
    display: table;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
}

@media (min-width: 544px){
    .card-deck .card {
        display: table-cell;
        width: 1%;
        vertical-align: top;
    }
}
.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
    color: #666;
}

.card-img-top { border-radius: .25rem .25rem 0 0;}

.card-block { padding: 1.25rem;}
.card-title { margin-bottom: .75rem;}
p.card-text { margin-top: 0; margin-bottom: 1rem;}
p.card-text:last-child { margin-bottom: 0;}


/**----------------------------------------------------------------------------
 * Scroll to top
 *
 * http://codepen.io/adventuresinmissions/pen/suzKB
 * http://codyhouse.co/gem/back-to-top/
 *
 * @section plugins
*/

.cd-top{
	z-index           : 100;
	position          : fixed;
	display           : inline-block;
	padding           : 15px 15px;
	right             : 10px;
	bottom            : 10px;
	border-radius     : 50%;
	box-shadow        : 0 0 10px rgba(0, 0, 0, 0.05);
	white-space       : nowrap;
	visibility        : hidden;
	background-color  : #000;
	background-color  : rgba(0, 0, 0, 0.8); 
	color             : #fff;
	text-align        : center;
	font              : 18px Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.3s;
	-moz-transition   : all 0.3s;
	-o-transition     : all 0.3s;
	transition        : all 0.3s;
}
.cd-top:hover,
.cd-top:active { color:#444; text-decoration: none;}

/* the button becomes visible */
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }

/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
.cd-top.cd-fade-out{
	-moz-opacity   : 0.5;
	-webkit-opacity: 0.5;
	filter         : progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity        : 0.5;
	text-decoration: none;
}
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }

@media only screen and (max-width: 768px){
	.cd-top{
		padding  : 10px 10px;
		font-size: 11px;
	}
}