@import url("wide.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
color: #000;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul {list-style: none; }

blockquote, q {quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}



.fotoquadrada{width: 150px; height: 142px;}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* Clearfix */
.clearfix { display: block; }

.clearfix:before,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
height: 0;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; /* IE < 8 */ }

/*----------------------------------------------*/
/* 2.2 @Font Face */
/*----------------------------------------------*/
/* Sosa Icon Font
---------------------------------------------------------- */
@font-face {
    font-family: 'sosa';
    src: url('fonts/sosa-icon-font/sosa.eot');
    src: url('fonts/sosa-icon-font/sosa.eot?#iefix') format('embedded-opentype'),
         url('fonts/sosa-icon-font/sosa.woff') format('woff'),
         url('fonts/sosa-icon-font/sosa.ttf') format('truetype'),
         url('fonts/sosa-icon-font/sosa.svg#sosa') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------------*/
/* 2.3 General Styles */
/*----------------------------------------------*/
html { -webkit-text-size-adjust: none; }

body {
background-image: url('../images/patterns/panner.png');
background-position: center center;
background-repeat: repeat;
background-size: cover;
font: 12px/22px "Open Sans", "Arial", "Helvetica", sans-serif;
font-weight: 400;
color: #626364;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

#box_branco {background-color:#FFFFFF; width:auto; height:auto;}

ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}

mark {
background-color: #ff9;
font-style: italic;
font-weight: bold;
color: #000;
}

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor:help; }

small { font-size: 11px; }

input, select { vertical-align: middle; }

strong, th, thead td { font-weight: 600; }

cite, em { font-style: italic; }

code, pre {
display: block;
font-family: "Courier New",Courier,monospace;
white-space: pre;
}

hr {
display: block;
border: 0;
border-top: 1px solid #e5e5e5;
margin: 10px 0;
padding: 0;
height: 1px;
}

a {
background: none;
color: #a5a5a5;
text-decoration: none;
outline: none;
cursor: pointer;
}

a:hover { color: #b90d16; }

a img {
    border: none;
    vertical-align: -4px;
}

img {
display: inline-block;
border: 0;
width: auto\9;/* IE8 Fix */
height: auto;
max-width: 100%;
-ms-interpolation-mode: bicubic;
}

input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], textarea {
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

p, ul, ol, dl, table, fieldset, blockquote, pre, code { margin-bottom: 20px; }

::selection {
background: #000;
color: #fff;
text-shadow: none;
}

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

/* Links
---------------------------------------------------------- */
a.link {
border-bottom: 1px dotted #e5e5e5;
padding: 4px 0 2px;
font-size: 13px;
font-weight: 600;
color: #101010;
}

a.link:hover {
color: #b90d16;
border-color: #b90d16;
}

span a.link { margin-left: 10px; }

a.goto {
background: transparent url('../images/goto_arrow.png') no-repeat scroll 100% 50%;
padding: 3px 25px 4px 0;
font-weight: 700;
color: #b90d16;
-webkit-transition: padding 0.1s ease-out;
-moz-transition: padding 0.1s ease-out;
-o-transition: padding 0.1s ease-out;
-ms-transition: padding 0.1s ease-out;
transition: padding 0.1s ease-out;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}

a.goto:hover { padding-right: 28px; }

.goto span { color:#000; }

.required { color: #b90d16; }

/* Floating & Alignment
---------------------------------------------------------- */
.float-left, .align-left { float: left; }

.float-right, .align-right { float: right; }

.align-center {margin-left: auto; margin-right: auto;}

.text-align-left {text-align: left;}

.text-align-right {text-align: right;}

.text-align-center {text-align: center;}

.hidden {display: none;}

/* Clear Floats
---------------------------------------------------------- */
.clear {clear: both;display: block;overflow: hidden;width: 100%;height: 0;line-height: 0;
font-size: 0;}

/*----------------------------------------------*/
/* 2.4 Columns Styles */
/*----------------------------------------------*/
.one-half, .one-third, .two-third, .one-fourth, .one-fourth2, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {position: relative;float: left;/*margin-right: 4%;*/
}

.one-half { width: 48%;}
.one-third { width: 28.667%; text-align: justify;}
.two-third  { width: 65.3332%;}
.one-fourth { width: 20%;}
.one-fourth2 { width: 29%;}
.three-fourth { width: 74%;}
.one-fifth { width: 16.8%;}
.two-fifth { width: 37.6%;}
.three-fifth { width: 58.4%;}
.four-fifth { width: 79.2%;}

.one-fourth p { color: #000;}
.one-fourth2 p { color: #fff;}
.last {clear: right;margin-right: 0 !important;}

/*----------------------------------------------*/
/* 2.5 Dividers */
/*----------------------------------------------*/
.divider {clear: both;display: block;position: relative;border-bottom: 1px dotted #e5e5e5;margin-bottom: 35px;padding-top: 15px;height: 1px;}

.divider-empty {
clear: both;
display: block;
position: relative;
padding-top: 20px;
}

.divider a.top {background: #f7f7f7 url('../images/arrow_top.png') no-repeat scroll right top;position: absolute;top: 12px;right: 0;padding: 0 8px;font-size: 9px;line-height: 10px;letter-spacing: 1px;text-transform: uppercase;color: #777;}

.divider a.top:hover { color: #fff; }

/*----------------------------------------------*/
/* 2.6 Basic Lists */
/*----------------------------------------------*/
ul {
list-style-type: disc;
margin-left: 1.5em;
}

ul li { margin-left: .85em; }

ul ul { list-style-type: square; }

ul ul ul { list-style-type: circle; }

ol {
list-style-position: outside;
list-style-type: decimal;
margin-left: 2.35em;
}

dt {
margin-top: .8em;
margin-bottom: .4em;
font-weight: bold;
}

ol ol, ul ol { margin-left: 2.5em; }

ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; }

/*----------------------------------------------*/
/* 2.7 Headings */
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin-bottom: 12px;
font-weight: 400;
line-height: 1.5em;
color: #101010;
}

h3, h4, h5, h6 { font-weight: 600; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 {
font-size: 16px;
margin-bottom: 10px;
}

h4 {
font-size: 14px;
margin-bottom: 8px;
}

h5 {
font-size: 12px;
margin-bottom: 6px;
}

h6 {
font-size: 11px;
margin-bottom: 4px;
}

/*----------------------------------------------*/
/* 2.8 Images Styles */
/*----------------------------------------------*/
.preloading {
background: #fff url("../images/loading.gif") no-repeat 50% 50%;
display: block;
}

img.align-left, .wp-caption.align-left { margin: 6px 20px 6px 0; }

img.align-right, .wp-caption.align-right { margin: 6px 0 6px 20px; }

img.align-center, .wp-caption.align-center {
display: block;
margin: 8px auto 20px;
text-align: center;
}

/* Image with Caption
---------------------------------------------------------- */
.wp-caption {
margin-bottom: 10px;
text-align: center;
}

.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}

p.wp-caption-text {
margin: 0;
padding: 10px 0 5px 0;
font-size: 12px;
line-height: 16px;
text-align: center;
color: #8d8d8d;
}

/* Image with Frame
---------------------------------------------------------- */
.image-frame, .video-frame {
background-color: #fff;
display: block;
position: relative;
border: 1px solid #e5e5e5;
margin-bottom: 20px;
padding: 5px;
line-height: 0px;
border-radius: 3px;
}

.image-frame a, .image-icon-zoom, .image-icon-link, .image-icon-play {
display: block;
position: relative;
}

.mask-overlay {
background: #000;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.image-overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
}

.image-icon-zoom .image-overlay { background: transparent url('../images/image_icon_zoom.png') no-repeat scroll center center; }

.image-icon-link .image-overlay { background: transparent url('../images/image_icon_link.png') no-repeat scroll center center; }

.image-icon-play .image-overlay { background: transparent url('../images/image_icon_play.png') no-repeat scroll center center; }

.image-no-link { cursor: default; }

/*----------------------------------------------*/
/* 2.9 Video Styles */
/*----------------------------------------------*/
.video {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding: 0;
padding-bottom: 56.25%;
height: 0;
}

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

/*----------------------------------------------*/
/* 2.10 Forms Styles */
/*----------------------------------------------*/
fieldset {
border: 1px solid #e5e5e5;
padding: 1em;
}

legend {
padding: 0 .8em;
font-weight: bold;
font-size: 1.2em;
}

textarea, input[type=text], input[type=password], input[type=email], select {
background: #fff;
border: 1px solid #e5e5e5;
font-size: inherit;
outline: none;
}

input, select { cursor: pointer; }

input[type=text], input[type=password], input[type=email] { cursor: text; }

input { padding: 5px 10px; }

textarea {
overflow: auto;
padding: 10px;
}

select { padding: 2px; }

option { padding: 0 4px; }

input[type=button], button {
font-size: 12px;
cursor: pointer;
vertical-align: middle;
}

label {
display: block;
margin-bottom: 5px;
cursor: pointer;
}

input.text-input, textarea.textarea {
width: 95%;
font-family: Arial, Helvetica, sans-serif;
color: #c2c2c2;
}

input.text-input {
height: 18px;
line-height: 18px;
vertical-align: middle;
}

input.text-input:focus, textarea.textarea:focus, select:focus {
background: #fff;
border: 1px solid #b90d16;
color: #777;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
}

::-webkit-input-placeholder, input:-moz-placeholder { color: #c2c2c2; }

/*----------------------------------------------*/
/* 2.11 Tables Styles */
/*----------------------------------------------*/
table, th, td { vertical-align: middle; }

.table-style {
border: 1px solid #f3f3f3;
border-bottom: 0;
border-left: none;
margin-bottom: 20px;
}

.table-style table {
border-left: 1px solid #f3f3f3;
border-right: 0;
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}

.table-style thead {
background: #f0f0f0;
font-size: 15px;
text-align: center;
color: #101010;
text-transform: uppercase;
}

.table-style th {
border-right: 1px solid #f3f3f3;
padding: 10px;
}

.table-style th:last-child { border-right: 0; }

.table-style td {
border: 1px solid #f3f3f3;
border-right: 0;
padding: 10px;
text-align: center;
}

.table-style tbody tr { background-color: #fafafa; }

.table-style tbody tr:nth-child(even) { background-color: #f6f6f6; }

.table-style tfoot { background: #f0f0f0; }

.table-style tfoot td {
padding: 6px;
font-style: italic;
}

/*----------------------------------------------*/
/* 2.12 Pricing Tables */
/*----------------------------------------------*/
.pricing-table {
position: relative;
margin: 50px 0 20px;
width: 100%;
}

.pricing-table .button { margin: 0; }

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6 {
position: relative;
width: 100%;
}

.column-2 .column, .column-3 .column, .column-4 .column, .column-5 .column, .column-6 .column { float: left; }

.column-6 .column { width: 16.6%; }
.column-5 .column { width: 20%; }
.column-4 .column { width: 25%; }
.column-3 .column { width: 33.3%; }
.column-2 .column { width: 50%; }

.pricing-table .column {
background: #f9f9f9;
position: relative;
}

.pricing-table .column.last-column .column-header, .column.last-column .features-list, .column.last-column .column-footer { border-right: 1px solid #e5e5e5; }

.column-header {
background: #f3f3f3;
border-left: 1px solid #e5e5e5;
height: 135px;
min-height: 135px;
text-align: center;
}

.column-header .title {
background: #101010;
margin: 0 0 8px 0;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
color: #f6f6f6;
}

.column-header .price {
margin: 0;
font-size: 60px;
font-weight: 400;
line-height: 55px;
letter-spacing: -3px;
text-transform: none;
color: #101010;
}

.column-header .price span { font-weight: 400; }

.column-header .price .dollar-sign {
font-size: 18px;
letter-spacing: 1px;
}

.column-header .price .per-month {
display: block;
margin-top: -10px;
font-size: 12px;
line-height: 14px;
letter-spacing: 0;
}

.column-footer {
background: #f0f0f0;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 15px 20px;
text-align: center;
}

.features-list {
list-style-type: none;
border-left: 1px solid #e5e5e5;
margin: 0;
padding: 0;
}

.features-list li {
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding: 10px 10px;
text-align: center;
line-height: 20px;
}

.features-list li:first-child { border-top: 1px solid #e5e5e5; }

.features-list li:nth-child(even) { background: #f6f6f6; }

.features-list li .check {
background: transparent url('../images/price_check_green.png') no-repeat scroll 0 0;
display: inline-block;
width: 20px;
height: 20px;
text-indent: -9999px;
}

.features-list li .label {
display: none;
margin-bottom: 5px;
font-weight: 700;
color: #444;
}

.features .column-header {
background: #f3f3f3 url('../images/bg.png') repeat scroll 0 0;
border: 0 none;
}

.features .features-list li {
font-weight: 600;
text-align: left;
}

.pricing-table .featured {
position: relative;
margin-top: -12px;
z-index: 1;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.featured .column-header {
background: #b90d16;
border-left: 0 none;
border-top: 2px solid #b90d16;
height: 145px;
min-height: 145px;
}

.ie7 .featured .column-header, .ie8 .featured .column-header { border-left: 1px solid #f3f3f3; }

.featured .title {
background: #fff;
padding: 5px 0;
font-size: 16px;
color: #b90d16;
}

.featured .price {
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.featured .column-footer {
border-bottom: 2px solid #b90d16;
padding: 15px 20px 25px;
}

/*----------------------------------------------*/
/* 2.13 Styled Boxes */
/*----------------------------------------------*/
.info-box, .success-box, .error-box, .warning-box {
border: 1px solid #e5e5e5;
margin-bottom: 20px;
padding-left: 40px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
box-shadow: inset 0 1px 0 0 #fff;
}

.info-box {
background: #e6f1fa url('../images/icons/message_box_icons/info.png') no-repeat scroll 15px 11px;
border-color: #b6Cfe5;
color: #00529b;
}

.success-box {
background: #eafae6 url('../images/icons/message_box_icons/success.png') no-repeat scroll 15px 11px;
border-color: #9edc95;
color: #5d792e;
}

.error-box {
background: #fee4e4 url('../images/icons/message_box_icons/error.png') no-repeat scroll 15px 11px;
border-color: #e1a3a3;
color: #d54444;
}

.warning-box {
background: #fff9cc url('../images/icons/message_box_icons/warning.png') no-repeat scroll 15px 11px;
border-color: #e2c74f;
color: #9f6000;
}

.message-box {
position: relative;
padding: 10px 10px 0 10px;
}

.message-box p { margin-bottom: 10px; }

.message-box .close {
background-repeat: no-repeat;
background-position: 0 0;
background-attachment: scroll;
position: absolute;
top: 22px;
right: 15px;
margin-top: -5px;
width: 8px;
height: 9px;
cursor: pointer;
}

.info-box .message-box .close { background-image: url('../images/icons/message_box_icons/info_close.png'); }

.success-box .message-box .close { background-image: url('../images/icons/message_box_icons/success_close.png'); }

.error-box .message-box .close { background-image: url('../images/icons/message_box_icons/error_close.png'); }

.warning-box .message-box .close { background-image: url('../images/icons/message_box_icons/warning_close.png'); }

/* Framed Box
---------------------------------------------------------- */
.framed-box {
background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
position: relative;
border: 1px solid #e5e5e5;
margin-bottom: 20px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
box-shadow: inset 0 1px 0 0 #fff;
}

.framed-box-content {
padding: 20px 20px 0 20px;
}

.framed-box-arrow {
background: transparent url('../images/framed_box_arrow.png') no-repeat scroll 0 0;
display: block;
position: absolute;
width: 9px;
height: 16px;
top: 20px;
left: -9px;
}

/*----------------------------------------------*/
/* 2.14 Buttons Styles */
/*----------------------------------------------*/
button, .button, a.button, .button span {
display: inline-block;
vertical-align: middle;
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

button, .button, a.button {
white-space: nowrap;
background: #b90d16;
position: relative;
overflow: visible;
margin: 0 5px 20px 0;
font-weight: normal;
line-height: 1em;
outline: none;
cursor: pointer;
}

button::-moz-focus-inner { border: none; }

button.button {
border: 0;
margin: 0;
padding: 0;
text-transform: none;
}

.button, .button:hover { text-decoration: none; }

.button.full, .button.full span {
margin: 0;
display: block;
}

a.button:hover, .button:hover { background: #101010; }

a.button:hover span, .button:hover span { color: #fff; }

.button span {
white-space: nowrap;
position: relative;
color: #fff;
padding: 0.4em 1em;
line-height: 16px;
text-decoration: none;
text-align: center;
}

.ie7 .button span { padding: 0.4em 1em 0.5em; }

.button.small span {
padding: 0.4em 1em;
font-size: 11px;
line-height: 16px;
}

.ie7 .button.small span { padding: 0.2em 1em 0.5em; }

.button.medium span {
padding: 0.5em 1em;
font-size: 14px;
line-height: 16px;
}

.ie7 .button.medium span { padding: 0.4em 1em 0.7em; }

.button.large span {
padding: 0.6em 1em 0.7em;
font-size:18px;
line-height: 1em;
}

.ie7 .button.large span { padding: 0.4em 1em 0.8em; }

/* Buttons Color Scheme
---------------------------------------------------------- */
.button.black { background-color: #101010; }
.button.black:hover { background: #b90d16; }
.button.black span { color: #fff; }

.button.gray { background-color: #ddd; }
.button.gray:hover { background-color: #bbb; }
.button.gray span { color: #666; }
.button.gray span:hover { color: #101010; }

.button.white { background-color: #fafafa; }
.button.red { background-color: #e61316; }
.button.orange { background-color: #FF7924; }
.button.purple { background-color: #9b4cb8; }
.button.yellow { background-color: #ffd800; }
.button.yellow span { color: #101010; }
.button.blue { background-color: #00a8ff; }
.button.pink { background-color: #FF69b4; }
.button.green { background-color: #9acd32; }
.button.coffee { background-color: #d6a581; }
.button.rosy { background-color: #F56C7e; }

/*====================================================================*/
/* 3. SITE STRUCTURE */
/*====================================================================*/
#page-wrap {
width: 1070px;
height:auto;
position: relative;
margin: 0 auto;
}

.container {
position: relative;
margin: 0 auto;
width: 960px;
}

#content, #sidebar { position: relative; }

/*----------------------------------------------*/
/* 3.1 Header */
/*----------------------------------------------*/
#header {
display: block;
position: relative;
padding: 30px 0 0;
z-index: 2;
}

#header .container { padding: 0 0 15px 0; }

/* Logo
---------------------------------------------------------- */
 #logo {
margin-top: 0px;
float: left;
width:30%;
height:auto;
}

#logo, #logo a {
font-size: 28px;
line-height: 30px;
color: #101010;
font-weight: 800;
}

#logo img {
width:100%;
height:auto;
}

/*----------------------------------------------*/
/* 3.2 Navigation */
/*----------------------------------------------*/
#navigation {
position: relative;
float: right;
margin-top: 38px;
height: 50px;
font-size: 12px;
font-weight: 700;
}

.tel_topo {
float:right;
font-size:26px;
margin-top: 10px;
clear:both;
font-weight: bold;

}

.tel_topo span {color:#B90D16;}
.tel_topo a:link {color: #B90D16;}
.tel_topo a:hover {color: #d54444;}

.ddsmoothmenu{ width: auto; }

.ddsmoothmenu ul{
list-style-type: none;
margin: 0;
padding: 13px 0 0;
z-index: 100;
}

/* Top level list items */
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin: 0 0 0 4px;
}

/* Top level menu link items style */
.ddsmoothmenu ul li a {
display: block;
margin: 0;
padding: 0 0 4px 0;
color: #101010;
letter-spacing: -0.02em;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.ddsmoothmenu ul li:hover a, .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li > a.current {
background-position: 6px 100%;
color: #000;
text-decoration: none;
}

.ddsmoothmenu ul li > a.current {
background-position: 6px 100%;
}

.ddsmoothmenu ul li a span {
display: block;
padding: 0 15px;
height: 25px;
line-height: 25px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
border-radius: 15px;

-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.ddsmoothmenu ul li:hover a span, .ddsmoothmenu ul li > a.current span { background: #b90d16; }


* html .ddsmoothmenu ul li a { /* IE6 hack to get sub menu links to behave correctly */
display: inline-block;
}

/* 1st sub level menu */
.ddsmoothmenu ul li ul {
display: none;
/* collapse all sub menus to begin with */
position: absolute;
left: 0;
padding: 0;
visibility: hidden;
-webkit-box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
}

/* Sub level menu list items (undo style from Top level List items) */
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
margin: 0;
}

/* All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
background: #f2f2f2;
border-top: 1px solid #2e2e2e;
border-bottom: 1px solid #101010;
margin: 0;
padding: 6px 15px;
width: 150px; /* width of sub menus */
font-weight: normal;
color: #f6f6f6;
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.current {
background: #b90d16;
border-top: 1px solid #b90d16;
border-bottom: 1px solid #b90d16;
}

/* Holly Hack for IE */
* html .ddsmoothmenu { height: 1%;} /* Holly Hack for IE7 and below */


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
display: none;
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass {
display: none;
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { /* shadow for NON CSS3 capable browsers */
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow { /* shadow opacity for NON CSS3 capable browsers. Doesn't work in IE */
opacity: 0.8;
}

/*----------------------------------------------*/
/* 3.3 Tiny Navigation */
/*----------------------------------------------*/
.tinynav {
display: none;
float: left;
margin: 15px 0 0;
padding: 8px;
width: 100%;
font-size: 12px;
color: #626364;
border-radius: 3px;
}

/*----------------------------------------------*/
/* 3.4 Intro */
/*----------------------------------------------*/
.page-heading {
background: transparent url('../images/custom_blocks_bg.png') repeat-y scroll 45% 0;
position: relative;
display: block;
margin-bottom: 28px;
}

.page-heading .container {
background: #101010 url('../images/page_heading_corner.png') no-repeat scroll 100% 100%;
display: block;
overflow: hidden;
padding: 15px 0;
}

/* Page Title
---------------------------------------------------------- */
#page-title { float: left; }

.page-title {
float: left;
margin: 0;
padding: 0;
font-size: 26px;
font-weight: 600;
line-height: 30px;
color: #f6f6f6;
}

.img_pag {
margin-bottom:10px
}

.img_pag_c3 {
margin-bottom:10px
}

.img_pag_crepe { float:right; }

/* Page Description
---------------------------------------------------------- */
.page-description {
margin-bottom: 35px;
text-align: justify;
}

.page-description h1, .page-description h2, .page-description h3, .page-description h4, .page-description h5, .page-description h6 {
margin: 0;
font-weight: 600;
}

.page-description h1, .page-description h2 { font-weight: 300; }
.page-description h1 { font-size: 30px; }
.page-description h2 { font-size: 24px; }

.page-description p {
font-size:16px;
}

.page-description hr {
border: 0;
margin: 15px auto;
width: 180px;
height: 0;
font: 0/0 serif;
background: none;
border-top: 1px solid #e5e5e5;
}

.categoria_construcao  {
font-size:16px;
position: relative;
float: left;
margin-right: 4%;
width: 28.667%;
text-height:bold;
}


/*----------------------------------------------*/
/* 3.5 FlexSlider */
/*----------------------------------------------*/
.slider-container {
background: transparent;
display: block;
position: relative;
margin: 0 0 50px;
z-index: 1;
}

/* Browser Resets
---------------------------------------------------------- */
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}

/* FlexSlider Necessary Styles
---------------------------------------------------------- */
.flexslider {
background: transparent;
position: relative;
margin: 0;
padding: 0;
width: 100%;
zoom: 1;
}

.flexslider .slides > li {
display: none;
margin: 0;
-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
width: 100%;
display: block;
}

.flex-pauseplay span {
text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

.flex-viewport { max-height: 2000px; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* Direction Navigation
---------------------------------------------------------- */
.flex-direction-nav { *height: 0; }

.flex-direction-nav li { margin: 0; }

.flex-direction-nav a {
background-color: #000;
background-color: rgba(0, 0, 0, 0.65);
position: absolute;
top: 50%;
right: 30px;
margin-top: -16px;
width: 32px;
height: 32px;
border-radius: 3px;
text-indent: -9999px;
z-index: 20;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: scroll;
}

.flex-direction-nav .flex-next {
background-image: url('../images/slider_arrow_next.png');
right: 30px;
}

.flex-direction-nav .flex-prev {
background-image: url('../images/slider_arrow_prev.png');
left: 30px;
}

.flexslider .flex-next:hover, .flexslider .flex-prev:hover { background-color: #b90d16; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled {
opacity: .3!important;
filter:alpha(opacity=30);
cursor: default;
}

/* Control Navigation
---------------------------------------------------------- */
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 25px;
text-align: center;
}

.flex-control-nav li {
margin: 0 4px;
display: inline-block;
zoom: 1;
*display: inline;
}

.flex-control-paging li a {
background: #f6f6f6;
display: block;
border: 0;
margin: 0;
padding: 0;
width: 10px;
height: 10px;
border-radius: 100%;
text-indent: -9999px;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.flex-control-paging li a:hover {
filter: alpha(opacity=100);
opacity: 1;
}

.flex-control-paging li a.flex-active {
background: #b90d16;
filter: alpha(opacity=100);
opacity: 1;
cursor: default;
}

/* Slider Caption
---------------------------------------------------------- */
.slider-caption {
background: #101010;
background: rgba(0, 0, 0, 0.8);
position: absolute;
left: 30px;
bottom: 30px;
padding: 15px;
width: 35%;
color: #eee;
border-radius: 3px;
}

.caption-title {
margin-bottom: 5px;
font-size: 20px;
font-weight: 600;
color: #f6f6f6;
}

.slider-caption p { margin-bottom: 0; }

.no-js .slider-caption { visibility: hidden; }

/*----------------------------------------------*/
/* 3.6 Content */
/*----------------------------------------------*/
#content { padding: 0 0 0px; }

/* Section General
---------------------------------------------------------- */
.section-wrap { margin: 0 0 55px; }

.section-wrap:last-child { margin-bottom: 20px; }

.section-title {
background: transparent url('../images/heading_bg.png') repeat-x scroll 0 1px;
border: 0;
margin: 0 0 50px 0;
padding: 0;
height: 14px;
font-size: 14px;
font-weight: 800;
line-height: 13px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
word-spacing: 3px;
}

.section-title span {
background: #fff url('../images/bg.png') repeat scroll 0 0;
padding: 0 15px;
}

.section-wrap .icon-box, .section-wrap .tabs-container, .section-wrap .accordion { margin: 0; }

.section-wrap .clients-list a { margin: 0 10px; }

.section-wrap .testimonials-slider .testimonials {
margin: 0;
padding: 0 10px;
}

/* Custom Blocks Section
---------------------------------------------------------- */
.custom-blocks {
background: transparent url('../images/custom_blocks_bg.png') repeat-y scroll 48% 0;
position: relative;
}

.custom-blocks .block { float: left; }

.block-col-4 .block { width: 25%; }

.block-col-3 .block { width: 33.333333%; }

.custom-blocks .block-title {
background: transparent url('../images/block_title_arrow.png') no-repeat scroll 100% 2px;
position: relative;
margin-bottom: 5px;
line-height: 24px;
font-size: 14px;
font-weight: 600;
color: #f6f6f6;
text-transform: uppercase;
}

.custom-blocks .block a {
background: #101010;
display: block;
position: relative;
overflow: hidden;
margin-right: 1px;
padding: 15px 20px 15px 90px;
color: #f6f6f6;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.custom-blocks .block a:hover { background: #b90d16; }

.custom-blocks .block:last-child a {
background-image: url('../images/block_corner.png');
background-repeat: no-repeat;
background-position: right bottom;
margin: 0;
}

.equal-box {
width: 100%;
overflow: hidden;
}

.custom-blocks .block p {
position: relative;
margin-bottom: 4px;
line-height: 1.5em;
}

.custom-blocks .block-icon-font, .custom-blocks .block-icon-image {
position: absolute;
top: 40px;
left: 20px;
border-radius: 50%;
border: 2px solid #f6f6f6;
padding: 5px;
}

.custom-blocks .block-icon-font {
font-family: "sosa";
font-size: 40px;
line-height: 1em;
color: #f6f6f6;
}

.custom-blocks .block-icon-image {
width: 40px;
height: 40px;
}

/* Content Slider Section
---------------------------------------------------------- */
.content-slider { position: relative; }

/* Content Slider Navigation */
#content-slider-nav {
position: relative;
margin-bottom: 20px;
text-align: center;
}

.tab-slider-wrapper {
display: inline-block;
position: relative;
padding: 0;
height: 70px;
}

.ie7 .tab-slider-wrapper { display: inline; }

.tab-slider-inner-wrapper {
position: relative;
overflow: hidden;
float: left;
padding: 4px 0 0 0;
height: 66px;
}

#active-indicator {
background: transparent url('../images/tab_bg.png') no-repeat scroll center 0;
position: absolute;
left: -15px;
top: 0;
width: 244px;
height: 70px;
z-index: 9;
}

#content-slider-nav .pagination {
list-style-type: none;
background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
border: 1px solid #e5e5e5;
margin: 0;
padding: 0;
height: 48px;
text-align: left;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), 0 1px 1px 0 rgba(0, 0, 0, .4);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), 0 1px 1px 0 rgba(0, 0, 0, .4);
}

#content-slider-nav .pagination li {
float: left;
border-right: 1px solid #e5e5e5;
margin: 0;
padding: 0;
width: 212px;
height: 48px;
}

#content-slider-nav .pagination li:last-child {
border-right: 0 none;
}

#content-slider-nav .pagination a {
background: transparent url('../images/bullet_arrow.png') no-repeat scroll 20px 16px;
display: block;
position: relative;
padding: 5px 0 3px 52px;
z-index: 10;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#content-slider-nav .pagination a:hover { background: transparent url('../images/bullet_arrow_hover.png') no-repeat scroll 20px 16px; }

#content-slider-nav .pagination li.current a { background: transparent url('../images/bullet_arrow_active.png') no-repeat scroll 20px 16px; }

#content-slider-nav .pagination a strong {
display: block;
font-size: 14px;
font-weight: 600;
color: #101010;
text-transform: uppercase;
}

#content-slider-nav .pagination li a:hover strong { color: #b90d16; }

#content-slider-nav .pagination li.current a strong, #content-slider-nav .pagination li.current a:hover strong { color: #f6f6f6; }

#content-slider-nav .pagination a small {
display: block;
margin-top: -4px;
padding: 0;
font-size: 11px;
color: #8d8d8d;
}

#content-slider-nav .pagination li.current a small { color: #a5a5a5; }

/* Content Slides Container */
.content-slider .slides_container {
display: none;
padding: 0 10px;
margin: 0 0 0 -10px;
width: 960px;
height: auto;
}

.content-slider .slide {
position: relative;
padding: 0;
}

.content-slider .slide > ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 992px;
}

.content-slider .slide > ul > li {
float: left;
margin: 0 32px 0 0;
width: 216px;
height: auto;
}

/* Blog Post Section */
.content-slider .post-wrap img { height: auto; }

.content-slider .post-wrap .post-feature { margin-bottom: 10px; }

.content-slider .post-feature .blog-slider { margin-bottom: 0; }

.content-slider .post-wrap .post-title {
font-size: 14px;
margin-bottom: 8px;
}

.content-slider .post-wrap .post-meta { margin-bottom: 5px; }

.content-slider .post-wrap .meta-list {
background: none;
float: none;
display: block;
margin: 0;
}

.content-slider .post-wrap .meta-list li {
display: inline-block;
border: none;
margin-right: 10px;
padding: 0;
}

.content-slider .post-wrap .meta-list li:last-child { margin-right: 0; }

.content-slider .post-wrap .meta-list span { padding: 4px 0 4px 25px; }

.content-slider .meta-list .meta-date, .content-slider  .meta-list .meta-comments { background-position: 0 5px; }

.content-slider .post-content p { margin: 0; }

.content-slider .testimonials-list {
list-style-type: none;
margin: 0;
}

/* Call to Action Section
---------------------------------------------------------- */
.call-to-action {
background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
border: 1px solid #e5e5e5;
margin-bottom: 20px;
padding: 20px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
box-shadow: inset 0 1px 0 0 #fff;
}

.call-to-action h1, .call-to-action h2, .call-to-action h3, .call-to-action h4, .call-to-action h5, .call-to-action p {
margin: 0;
font-weight: 600;
}

.call-to-action p { font-weight: 400; }

.call-to-action a .colored:hover {
color: #101010 !important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.call-to-action .button { margin: 10px 0; }

/* Clients Section
---------------------------------------------------------- */
.clients-list {
display: table;
margin: 0 auto;
text-align: center;
}

.clients-list a {
background: transparent url('../images/bg_dark.png') no-repeat scroll 0 0;
display: inline-block;
border: 1px solid #e5e5e5;
margin: 0px 10px 20px 10px;
width: 135px;
height: 135px;
text-align: center;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
box-shadow: inset 0 1px 0 0 #fff;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.clients-list a:hover {
background: #fff;
border-color: #fff;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.clients-wrap .clients-list a img { width: 100%; max-width: 100%; }

/* Services Section
---------------------------------------------------------- */
.services-wrap ul { margin-bottom: 1em; }

/* Testimonials Section
---------------------------------------------------------- */
.testimonials { margin-bottom: 20px; }

.testimonials .bubble {
background: #fff url('../images/quote_small.png') no-repeat scroll 15px 15px;
position: relative;
padding: 14px;
border: 1px solid #e5e5e5;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
}

.testimonials .bubble p {
margin-bottom: 0;
font: 16px/1.6em "PT Serif", "Georgia", "Times New Roman", Times, Serif;
font-style: italic;
text-align: center;
text-indent: 30px;
}

.testimonials .bubble .bubble-arrow {
background: transparent url('../images/bubble_arrow.png') no-repeat scroll 0 0;
position: absolute;
left: 94px;
bottom: -15px;
width: 30px;
height: 15px;
}

.author {
margin-top: 20px;
overflow: hidden;
}

.author-thumb {
background: transparent url('../images/author_thumb_shadow.png') no-repeat scroll 3px 100%;
float: left;
padding-bottom: 10px;
}

.author-thumb span {
background: #fff;
display: block;
border: 1px solid #e5e5e5;
margin: 0 15px 0 3px;
padding: 2px;
width: 50px;
height: 50px;
border-radius: 99%;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.40);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.40);
}

.author-thumb img {
display: block;
border-radius: 25px;
}

.author-name {
margin-bottom: 0;
padding-top: 10px;
font-size: 13px;
font-weight: 600;
}

.author-name  a {
font-size: 13px;
padding-bottom: 2px;
border-bottom: 1px dotted #e5e5e5;
color: #101010;
}

.author-name a:hover {
border-bottom: 1px dotted #b90d16;
color: #b90d16;
}

.author cite {
font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
font-size: 11px;
font-style: italic;
color: #8d8d8d;
}

/* Testimonials Slider */
.testimonials-slider { position: relative; }

.testimonials-slider .slides {
position: relative;
padding: 0;
}

.testimonials-nav {
position: absolute;
top: 50%;
width: 100%;
height: 30px;
margin-top: -15px;
}

.testimonials-slider .flex-direction-nav a {
background: transparent url('../images/testimonials_nav.png') no-repeat scroll 0 0;
bottom: 100px;
width: 30px;
height: 30px;
top: auto;
right: auto;
bottom: 73px;
left: auto;
}

.section-wrap .testimonials-slider .flex-direction-nav a, .widget .testimonials-slider .flex-direction-nav a { bottom: 53px; }

.testimonials-slider .flex-direction-nav .flex-next { background-position: 0 0; right: 10px; }

.testimonials-slider .flex-direction-nav .flex-prev { background-position: -30px 0; right: 45px; }

#main-content .testimonials-slider .flex-direction-nav .flex-next { right: 0; }

#main-content .testimonials-slider .flex-direction-nav .flex-prev { left: 0; }

.testimonials-slider .flex-direction-nav .flex-next:hover, .testimonials-slider .flex-direction-nav .flex-prev:hover { background-color: transparent; }

/* Related Works Section
---------------------------------------------------------- */
.related-work-wrap .portfolio-item { margin-bottom: 0; }

/* Our Team Section
---------------------------------------------------------- */
.member-profile {
position: relative;
margin-bottom: 20px;
padding: 8px 8px 0px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.member-profile:hover {
background-color: #fff;
background-image: none;
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.member-image {
display: block;
position: relative;
margin: 0 auto;
text-align: center;
z-index: 997;
}

.member-image img {
display: inline-block;
background: #f3f3f3;
max-width: 100%;
}

.member-info {
position: relative;
padding: 15px 0;
text-align: center;
z-index: 998;
}

.member-info .name, .member-info .title { margin: 0; }

.member-info .name {
font-size: 15px;
font-weight: 700;
color: #101010;
text-transform: uppercase;
}

.member-info .title { color: #8d8d8d; }

.member-info .info {
background: #fff;
display: none;
position: absolute;
top: 55px;
left: -8px;
right: -8px;
padding: 0 8px 8px;
border-radius: 3px;
text-align: center;
z-index: 999;
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
}

.member-info .info p { margin: 10px; }

.member-info .social {
padding: 5px 0 0 0;
margin: 0 0 8px 0;
}

.member-info .social li a {
background-color: #f3f3f3;
border-radius: 9px;
}

.team-member {
margin-bottom: 20px;
text-align: center;
}

.team-member .framed-box {
margin: 0 0 0 110px;
padding: 15px;
}

.job-title {
display: block;
margin-bottom: 10px;
color: #8d8d8d;
}

.team-member p { margin-bottom: 15px; }

.team-member .social-wrap {
margin: 0;
padding: 0;
line-height: 1em;
}

.team-member .social-wrap li { margin-bottom: 0; }

/* 404 Error Page
---------------------------------------------------------- */
.error-404 { text-align: center; }

.error-404 span.text-404 {
font-size: 250px;
line-height: 1em;
color: #101010;
text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.error-404 p {
font-size: 16px;
line-height: 30px;
}

.error-404 p.search { padding: 20px 0; }

.error-404 .text-input {
margin-right: 5px;
width: 50%;
height: 30px;
line-height: 30px;
}

.error-404 button span { text-shadow: none; }

/* Contact Form
---------------------------------------------------------- */
.contact-form .text-input {
height: 25px;
line-height: 25px;
width: 89%;
}

.contact-form .error {
font-size: 10px;
text-transform: uppercase;
color: #ff8c8c;
}

.contact-form .textarea {
width: 96%;
height: 200px;
}

/*----------------------------------------------*/
/* 3.7 Sidebars */
/*----------------------------------------------*/
.right-sidebar #main-content, .left-sidebar #main-content { width: 700px; }
.right-sidebar #sidebar, .left-sidebar #sidebar { width: 220px; }


/* Right Sidebar
---------------------------------------------------------- */
.right-sidebar #main-content { float: left; }
.right-sidebar #sidebar { float: right; }

/* Left Sidebar
---------------------------------------------------------- */
.left-sidebar #main-content { float: right; }
.left-sidebar #sidebar { float: left; }

/*----------------------------------------------*/
/* 3.8 Footer */
/*----------------------------------------------*/
#footer, #footer a, #footer a.goto:hover, #footer-bottom, .copyright a, .footer-menu li a { color: #a5a5a5; }

#footer {
background: #b90d16;
position: relative;
padding: 35px 0 0;
}

#footer a:hover { color: #fff; }

#footer a.goto {
background: transparent url('../images/goto_arrow_footer.png') no-repeat scroll 100% 50%;
display: inline-block;
}

/*----------------------------------------------*/
/* 3.9 Footer Bottom */
/*----------------------------------------------*/
#footer-bottom {
background: #090909;
font-size: 11px;
}

#footer-bottom .container {
overflow: hidden;
padding: 15px 0;
}

/* Copyright
---------------------------------------------------------- */
.copyright {
color:#fff;
float: left;
margin: 0;
line-height: 18px;
}

.desenvolvedor {
float: right;
margin: 0;
line-height: 18px;
}

.copyright a:hover, .footer-menu li a:hover { color: #fff; }

/* Footer Menu
---------------------------------------------------------- */
.footer-menu { float: left; }

.footer-menu ul {
list-style-type: none;
margin: 0;
}

.footer-menu ul li {
float: left;
border-left: 1px solid #313131;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
line-height: 18px;
}

/*====================================================================*/
/* 4. PORTFOLIO STYLES */
/*====================================================================*/
/* General
---------------------------------------------------------- */
.portfolio-container {
margin: 0 -30px 0 0;
padding: 0;
}

.portfolio-item {
float: left;
position: relative;
margin: 0 30px 50px 0;
-webkit-transition: box-shadow 0.5s ease-out;
-moz-transition: box-shadow 0.5s ease-out;
-o-transition: box-shadow 0.5s ease-out;
-ms-transition: box-shadow 0.5s ease-out;
transition: box-shadow 0.5s ease-out;
}

.portfolio-item:hover {
-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
}

.item-container {
position: relative;
overflow: hidden;
}

.portfolio-item .post-feature {
overflow: hidden;
margin-bottom: 0;
}

.portfolio-item .post-info {
display: block;
position: relative;
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding: 0;
text-align: center;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.portfolio-item:hover .post-info {
background: #fff;
border-bottom: 1px solid #b90d16;
}

.portfolio-item .post-info .post-title {
margin: 0px;
padding: 0;
font-size: 14px;
font-weight: 600;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.portfolio-item .post-info a {
display: block;
padding: 10px 0;
}

.portfolio-item .post-info a:hover .post-title { color: #b90d16; }

.portfolio-item img {
width: 100%;
height: auto;
max-width: 100%;
}

.portfolio-item .post-info .post-meta span {
background: none;
margin: 0;
padding: 0;
}

.portfolio-icons {
display: block;
position: absolute;
overflow: hidden;
right: 10px;
bottom: -40px;
margin: 0;
}

.portfolio-icons a {
background: #101010 url('../images/portfolio_icons_sprite.png') no-repeat scroll 0 0;
background-color: rgba(0, 0, 0, 0.65);
float: left;
margin-left: 2px;
width: 32px;
height: 32px;
text-indent: -9999px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.portfolio-icons a:hover { background-color: #b90d16; }

.portfolio-icons a.image-hover { background-position: 8px 8px; }
.portfolio-icons a.link-hover { background-position: 8px -28px; }
.portfolio-icons a.video-hover { background-position: 8px -64px; }

/*----------------------------------------------*/
/* 4.1 Filter */
/*----------------------------------------------*/
.filter {
display: block;
margin: 0 0 35px 0;
}

.portfolio-filter {
list-style-type: none;
display: block;
position: relative;
float: right;
margin: 0;
}

.portfolio-filter li {
float: left;
margin: 0 6px 0 0;
font-size: 11px;
}

.portfolio-filter li a  {
background: transparent url('../images/filter_arrow_active.png') no-repeat scroll center 0;
display: block;
padding: 0 0 6px 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.portfolio-filter li a:hover { background-position: center 100%; }

.portfolio-filter span {
background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
display: block;
padding: 3px 10px;
height: 22px;
line-height: 22px;
color: #777;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.portfolio-filter li a.selected { background-position: center 100%; }

.portfolio-filter li a.selected span, .portfolio-filter li a:hover span {
background: #b90d16;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

/*----------------------------------------------*/
/* 4.2 Portfolio Two Columns */
/*----------------------------------------------*/
.portfolio-two-columns .portfolio-item { width: 465px; }

/*----------------------------------------------*/
/* 4.3 Portfolio Three Columns */
/*----------------------------------------------*/
.portfolio-three-columns .portfolio-item { width: 300px; }

/*----------------------------------------------*/
/* 4.4 Portfolio Four Columns */
/*----------------------------------------------*/
.portfolio-four-columns .portfolio-item { width: 217px; }

/*----------------------------------------------*/
/* 4.5 Portfolio Single */
/*----------------------------------------------*/
#portfolio-single { padding-bottom: 30px; }

#portfolio-single .post-feature, .portfolio-slider { margin-bottom: 40px; }

#portfolio-single .post-content {
float: left;
width: 660px;
}

#portfolio-single .post-details {
margin: 0 0 20px 40px ;
width: 260px;
float: right;
}

.portfolio-meta { margin: 0 0 20px; }

.portfolio-meta-list {
list-style-type: none;
margin: 0;
}

.portfolio-meta-list > li {
border-bottom: 1px dotted #e5e5e5;
margin: 0;
padding: 10px 0;
}

.portfolio-meta-list > li:last-child { border: 0; }

.portfolio-meta-list li strong {
display: block;
margin-bottom: 3px;
font-size: 14px;
color: #101010;
}

.portfolio-meta-list .work-list {
list-style-type: none;
margin: 0;
}

.portfolio-meta-list .work-list li {
background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
float: left;
border: 1px solid #e5e5e5;
margin: 5px 5px 0 0;
padding: 0 9px;
height: 20px;
line-height: 20px;
border-radius: 10px;
}

/*====================================================================*/
/* 5. WIDGET STYLES */
/*====================================================================*/
/* Widget General
---------------------------------------------------------- */
.widget {
display: block;
margin-bottom: 20px;
}

.widget-title {
margin-bottom: 20px;
padding-bottom: 5px;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #e5e5e5;
-webkit-border-image: url('../images/image_border.png') 1 0;
-moz-border-image: url('../images/image_border.png') 1 0;
-o-border-image: url('../images/image_border.png') 1 0;
border-image: url('../images/image_border.png') 1 0;
}

.widget p { margin: 0; }

.widget ul {
list-style-type: none;
margin: 0;
}

#sidebar .widget li:last-child, #footer .widget li:last-child {
border-bottom: 0;
padding-bottom: 0;
}

.widget .accordion, .widget .testimonials { margin-bottom: 0; }

/* Sidebar Widget General
---------------------------------------------------------- */
#sidebar .widget{
display: block;
margin-bottom: 40px;
border-radius: 3px;
}

#sidebar .widget:last-child { margin-bottom: 20px; }

#sidebar .subnav-widget li, #sidebar .categories-widget li, #sidebar .recent-comments-widget li, #sidebar .archives-widget li, #sidebar .popular-posts-widget li, #sidebar .recent-posts-widget li, #sidebar .meta-widget li, #sidebar .twitter-widget li {
overflow: hidden;
border-bottom: 1px dotted #e5e5e5;
margin: 4px 0 0;
padding-bottom: 4px;
}

#sidebar .subnav-widget li a, #sidebar .categories-widget li a, #sidebar .archives-widget li a, #sidebar .meta-widget li a, #sidebar .popular-posts-widget li a, #sidebar .recent-posts-widget li a, #sidebar .recent-comments-widget li a {
display: block;
overflow: hidden;
color: #626364;
}

#sidebar .subnav-widget li a:hover, #sidebar .categories-widget li a:hover, #sidebar .archives-widget li a:hover, #sidebar .meta-widget li a:hover, #sidebar .popular-posts-widget li a:hover, #sidebar .recent-posts-widget li a:hover, #sidebar .recent-comments-widget li a:hover { color: #b90d16; }

/* Footer Widget General
---------------------------------------------------------- */
#footer .widget{ margin-bottom: 30px; }

#footer .widget-title {
margin-bottom: 20px;
color: #fff;
border-bottom: 1px solid #212121;
-webkit-border-image: url('../images/image_border_footer.png') 1 0;
-moz-border-image: url('../images/image_border_footer.png') 1 0;
-o-border-image: url('../images/image_border_footer.png') 1 0;
border-image: url('../images/image_border_footer.png') 1 0;
}

#footer .widget li:first-child { margin-top: 0; }

#footer .subnav-widget li, #footer .categories-widget li, #footer .recent-comments-widget li, #footer .archives-widget li, #footer .popular-posts-widget li, #footer .recent-posts-widget li, #footer .meta-widget li {
overflow: hidden;
border-bottom: 1px dotted #222;
margin: 4px 0 0;
padding-bottom: 4px;
}

#footer .subnav-widget li a, #footer .categories-widget li a, #footer .archives-widget li a, #footer .meta-widget li a,
#footer .popular-posts-widget  i a, #footer .recent-posts-widget li a, #footer .recent-comments-widget li a {
display: block;
overflow: hidden;
}

/*----------------------------------------------*/
/* 5.1 Categories / Archives Widget */
/*----------------------------------------------*/
.categories-widget li a, .archives-widget li a {
position: relative;
}

.categories-widget li a span, .archives-widget li a span{
position: absolute;
top: 1px;
right: 0;
border: 1px solid #e5e5e5;
height: 18px;
line-height: 18px;
font-size: 10px;
color: #8d8d8d;
text-align: center;
border-radius: 15px;
min-width: 26px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.categories-widget li a:hover span, .archives-widget li a:hover span {
background: #b90d16;
border: 1px solid #b90d16;
color: #fff;
}

#footer .categories-widget li a span, #footer .archives-widget li a span {
border: 1px solid #222;
color: #a5a5a5;
}

#footer .categories-widget li a:hover span, #footer .archives-widget li a:hover span {
background: #b90d16;
border: 1px solid #b90d16;
color: #fff;
}

/*----------------------------------------------*/
/* 5.2 Search Form Widget */
/*----------------------------------------------*/
#search-form-widget, #search-form {
position: relative;
margin: 0;
}

input.search-input {
background: transparent url('../images/bg_dark.png') repeat scroll 0 0;
border: 1px solid #e5e5e5;
padding: 8px 30px 8px 8px;
width: 82%;
color: #c2c2c2;
}

input.search-input:focus {
background: #fff;
border: 1px solid #b90d16;
color: #777;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
}

input.search-submit {
background: transparent url('../images/search_icon.png') no-repeat scroll 0 0;
display: block;
position: absolute;
border: 0;
margin: 0;
top: 10px;
right: 8px;
width: 16px;
height: 16px;
line-height: 16px;
text-indent: -9999px;
}

/*----------------------------------------------*/
/* 5.3 Text Widget */
/*----------------------------------------------*/
.text-widget p { margin-bottom: 8px; }
.text-widget img { margin-bottom: 10px; }

/*----------------------------------------------*/
/* 5.4 Popular Posts / Recent Posts Widget */
/*----------------------------------------------*/
.posts-list .thumbnail, .recent-comments-list .thumbnail {
display: block;
position: relative;
float: left;
margin: 4px 10px 4px 0;
width: 55px;
height: 55px;
line-height: 100%;
}

.posts-list .post-info { overflow: hidden; }

.posts-list .post-info .post-title {
margin: 0;
font-size: 12px;
font-weight: 400;
}

.posts-list .post-info .post-meta span {
display: inline;
background: none;
margin: 0;
padding: 4px 0 0;
font-style: italic;
}

#sidebar .posts-list .post-info .post-meta a, #footer .posts-list .post-info .post-meta a  {
display: inline;
float: none;
font-weight: normal;
color: #8d8d8d;
}

#sidebar .posts-list .post-info .post-meta a:hover { color: #b90d16; }

#footer .posts-list .post-info .post-meta span, #footer .posts-list .post-info .post-meta a { color: #777; }

/*----------------------------------------------*/
/* 5.5 Recent Comments Widget */
/*----------------------------------------------*/
.recent-comments-list li { color: #8d8d8d; }

.recent-comments-list .post-info { overflow: hidden; }

.recent-comments-list .post-info .post-title {
margin: 0;
font-size: 12px;
font-weight: 400;
}

/*----------------------------------------------*/
/* 5.6 Video Widget */
/*----------------------------------------------*/
.video-widget .video { margin: 0; }

/*----------------------------------------------*/
/* 5.7 Contact Info Widget */
/*----------------------------------------------*/
.contact-info-widget {
overflow: hidden;
padding-right: 20px;

}

.contact-info-widget p {
position: relative;
margin-bottom: 5px;
padding-left: 26px;
 color: #fff;
}

.contact-info-widget p span {
position: absolute;
display: block;
overflow: hidden;
left: 0;
top: 2px;
width: 17px;
height: 17px;
text-indent: -9999px;
}

.contact-info-widget p.contact-info {
margin-bottom: 20px;
padding: 0;
}

.contact-info-widget p.contact-icon-address { margin-bottom: 10px; color: #fff;}

.contact-info-widget p.contact-icon-address span { background: transparent url('../images/map_pin.png') no-repeat scroll 0 0; }

.contact-info-widget p.contact-icon-phone span { background: transparent url('../images/telephone.png') no-repeat scroll 0 0;}

.contact-info-widget p.contact-icon-fax span { background: transparent url('../images/fax.png') no-repeat scroll 0 0; }

.contact-info-widget p.contact-icon-mobile span { background: transparent url('../images/mobile.png') no-repeat scroll 0 0; }

.contact-info-widget p.contact-icon-mail span { background: transparent url('../images/mail.png') no-repeat scroll 0 0; }

.contact-info-widget p.contact-icon-vcard span { background: transparent url('../images/vcard.png') no-repeat scroll 0 0; }

.ie7 .contact-info-widget p.contact-icon-mobile span { top: 0; }

.ie7 .contact-info-widget p.contact-icon-phone span, .ie7 .contact-info-widget p.contact-icon-mail span, .ie7 .contact-info-widget p.contact-icon-fax span, .ie7 .contact-info-widget p.contact-icon-mail span { top: 2px; }

#sidebar .contact-info-widget, #footer .contact-info-widget {  }

/*----------------------------------------------*/
/* 5.8 Tags Widget */
/*----------------------------------------------*/
.tag-cloud { padding: 3px 0 6px; }

.tag-cloud a {
display: inline-block;
border: 1px solid #e5e5e5;
margin: 3px 0 0 0;
padding: 0 10px;
font-size: 11px;
color: #8d8d8d;
border-radius: 15px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.tag-cloud a:hover {
background: #b90d16;
border: 1px solid #b90d16;
color: #fff;
}

#footer .tag-cloud a {
background: #212121;
border: 1px solid #222;
}

#footer .tag-cloud a:hover {
background: #b90d16;
border: 1px solid #b90d16;
}

/*----------------------------------------------*/
/* 5.9 Twitter Widget */
/*----------------------------------------------*/
.twitter-wrap p.loading {
background: transparent url('../images/loading_small.gif') no-repeat scroll 0 4px;
padding-left: 25px;
}

.twitter-wrap li {
overflow: hidden;
margin: 0;
padding-bottom: 15px;
}

.twitter-wrap li:last-child { padding-bottom: 0; }

.twitter-wrap .tweet_text { display: block; }

.twitter-wrap .tweet_text a {
font-weight: 700;
color: #626364;
}

.twitter-wrap .tweet_text a:hover { color: #101010; }

.twitter-wrap .tweet_time {
display: block;
overflow: hidden;
}

.twitter-wrap .tweet_time a {
font-size: 11px;
font-style: italic;
color: #8d8d8d;
}

.twitter-wrap .tweet_text a:hover,
.twitter-wrap .tweet_time a:hover {
text-decoration: underline;
}

#content .section-wrap .tweet_list {
list-style-type: none;
margin: 0;
padding: 0 90px;
background: transparent url('../images/icons/twitter.png') no-repeat scroll 35px 5px;
}

#content .section-wrap .tweet_text {
background:  none;
margin-bottom: 15px;
padding: 0;
font-size: 20px;
font-weight: 300;
line-height: 32px;
text-align: center;
}

#content .section-wrap .tweet_text a { font-weight: 400; }

#content .section-wrap .tweet_time { display: none; }

#content .section-wrap .follow-us {
margin: 0;
font-size: 16px;
text-align: center;
}

#content .section-wrap .follow-us a {
border-bottom: 1px dotted #e5e5e5;
color: #8d8d8d;
}

#content .section-wrap .follow-us a:hover {
color: #b90d16;
border-bottom: 1px dotted #b90d16;
}

#sidebar .twitter-wrap li {
background: transparent url('../images/twitter_bird.png') no-repeat scroll 0 5px;
padding-left: 22px;
}

#sidebar .twitter-wrap li:first-child { margin-top: 0; }

#sidebar .tweet_text {
background: none;
padding: 0;
}

#sidebar .twitter-wrap .tweet_time {
background: none;
padding: 0;
}

#sidebar .tweet_list { overflow: hidden; }

#footer .twitter-wrap {
background: #212121;
position: relative;
margin-bottom: 12px;
padding: 5px 10px;
border-radius: 3px;
}

#footer .twitter-wrap::after {
content: '';
position: absolute;
bottom: -10px;
left: 15px;
border: 5px solid transparent;
border-top-color: #212121;
}

#footer .tweet_list .tweet_time a { color: #777; }

#footer .tweet_text a:hover,
#footer .tweet_time a:hover {
color: #fff;
}

/*----------------------------------------------*/
/* 5.10 Flickr Widget */
/*----------------------------------------------*/
.flickr-wrap {
position: relative;
overflow: hidden;
}

.flickr-wrap li {
float: left;
margin: 0 8px 8px 0;
}

.flickr-wrap li a {
display: block;
width: 62px;
height: 62px;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}

.flickr-wrap li a:hover {
filter: alpha(opacity=70);
opacity: 0.7;
}

#sidebar .flickr-wrap li a {
width: 65px;
height: 65px;
}

/*----------------------------------------------*/
/* 5.11 Social Media Widget */
/*----------------------------------------------*/
.social-media-widget .social {
overflow: hidden;
margin: 0;
}

.social-media-widget .social li {
float: left;
margin: 0 5px 0 0;
}

.social {
list-style-type: none;
margin: 0 0 20px 0;
text-align: center;
}

#footer-bottom .social {
float: right;
margin: 0;
height: 18px;
}

.social li {
display: inline-block;
margin: 0;
padding: 0;
text-indent: -9999px;
}

#footer-bottom .social li { margin: 0 0 0 5px; }

.ie7 .social li {
display: inline;
float: left;
}

.social a {
background-color: transparent;
background-image: url('../images/icons/sprite_social.png');
background-repeat: no-repeat;
display: block;
margin: 0px;
width: 18px;
height: 18px;
}

#footer-bottom .social a {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.social a.facebook, #footer-bottom .social a.facebook:hover { background-position: 0 -18px; }
.social a.twitter, #footer-bottom .social a.twitter:hover { background-position: -18px -18px; }
.social a.rss, #footer-bottom .social a.rss:hover { background-position: -36px -18px; }
.social a.googleplus, #footer-bottom .social a.googleplus:hover { background-position: -54px -18px; }
.social a.flickr, #footer-bottom .social a.flickr:hover { background-position: -72px -18px; }
.social a.dribbble, #footer-bottom .social a.dribbble:hover { background-position: -90px -18px; }
.social a.linkedin, #footer-bottom .social a.linkedin:hover { background-position: -108px -18px; }
.social a.pinterest, #footer-bottom .social a.pinterest:hover { background-position: -126px -18px; }
.social a.skype, #footer-bottom .social a.skype:hover { background-position: -144px -18px; }
.social a.vimeo, #footer-bottom .social a.vimeo:hover { background-position: -162px -18px; }
.social a.tumblr, #footer-bottom .social a.tumblr:hover { background-position: -180px -18px; }
.social a.behance, #footer-bottom .social a.behance:hover { background-position: -198px -18px; }
.social a.youtube, #footer-bottom .social a.youtube:hover { background-position: -216px -18px; }
.social a.yahoo, #footer-bottom .social a.yahoo:hover { background-position: -234px -18px; }
.social a.stumbleupon, #footer-bottom .social a.stumbleupon:hover { background-position: -252px -18px; }
.social a.forrst, #footer-bottom .social a.forrst:hover { background-position: -270px -18px; }
.social a.instagram, #footer-bottom .social a.instagram:hover { background-position: -288px -18px; }
.social a.amazon, #footer-bottom .social a.amazon:hover { background-position: -306px -18px; }
.social a.lastfm, #footer-bottom .social a.lastfm:hover { background-position: -324px -18px; }
.social a.picasa, #footer-bottom .social a.picasa:hover { background-position: -342px -18px; }
.social a.paypal, #footer-bottom .social a.paypal:hover { background-position: -360px -18px; }
.social a.deviantart, #footer-bottom .social a.deviantart:hover { background-position: -378px -18px; }
.social a.digg, #footer-bottom .social a.digg:hover { background-position: -396px -18px; }
.social a.blogger, #footer-bottom .social a.blogger:hover { background-position: -414px -18px; }
.social a.wordpress, #footer-bottom .social a.wordpress:hover { background-position: -432px -18px; }
.social a.github, #footer-bottom .social a.github:hover { background-position: -450px -18px; }
.social a.spotify, #footer-bottom .social a.spotify:hover { background-position: -468px -18px; }
.social a.dropbox, #footer-bottom .social a.dropbox:hover { background-position: -486px -18px; }
.social a.evernote, #footer-bottom .social a.evernote:hover { background-position: -504px -18px; }

#footer-bottom .social a.facebook { background-position: 0 0; }
#footer-bottom .social a.twitter { background-position: -18px 0; }
#footer-bottom .social a.rss { background-position: -36px 0; }
#footer-bottom .social a.googleplus { background-position: -54px 0; }
#footer-bottom .social a.flickr { background-position: -72px 0; }
#footer-bottom .social a.dribbble { background-position: -90px 0; }
#footer-bottom .social a.linkedin { background-position: -108px 0; }
#footer-bottom .social a.pinterest { background-position: -126px 0; }
#footer-bottom .social a.skype { background-position: -144px 0; }
#footer-bottom .social a.vimeo { background-position: -162px 0; }
#footer-bottom .social a.tumblr { background-position: -180px 0; }
#footer-bottom .social a.behance { background-position: -198px 0; }
#footer-bottom .social a.youtube { background-position: -216px 0; }
#footer-bottom .social a.yahoo { background-position: -234px 0; }
#footer-bottom .social a.stumbleupon { background-position: -252px 0; }
#footer-bottom .social a.forrst { background-position: -270px 0; }
#footer-bottom .social a.instagram { background-position: -288px 0; }
#footer-bottom .social a.amazon { background-position: -306px 0; }
#footer-bottom .social a.lastfm { background-position: -324px 0; }
#footer-bottom .social a.picasa { background-position: -342px 0; }
#footer-bottom .social a.paypal { background-position: -360px 0; }
#footer-bottom .social a.deviantart { background-position: -378px 0; }
#footer-bottom .social a.digg { background-position: -396px 0; }
#footer-bottom .social a.blogger { background-position: -414px 0; }
#footer-bottom .social a.wordpress { background-position: -432px 0; }
#footer-bottom .social a.github { background-position: -450px 0; }
#footer-bottom .social a.spotify { background-position: -468px 0; }
#footer-bottom .social a.dropbox { background-position: -486px 0; }
#footer-bottom .social a.evernote { background-position: -504px 0; }

/*----------------------------------------------*/
/* 5.12 Google Map Widget */
/*----------------------------------------------*/
.google-map {
background: #f3f3f3;
height: 400px;
margin-bottom: 40px;
}

.google-map img { max-width: none; }

.map4 {
background: #f3f3f3;
height: 400px;
margin-bottom: 40px;
}

/*====================================================================*/
/* 6. BLOG STYLES */
/*====================================================================*/
/* General
---------------------------------------------------------- */
.blog-post {
background: #fff;
margin-bottom: 60px;
padding-bottom: 10px;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
}

.blog-post.single-post { margin-bottom: 40px; }

.post-feature {
display: block;
position: relative;
margin-bottom: 20px;
}

.post-feature img {
display: block;
width: 100%;
}

.post-feature .video { margin: 0; }

.blog-post .post-content {
float: right;
margin: -4px 0 0 0;
padding-right: 15px;
width: 530px;
}

.blog-post .post-title {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
padding-bottom: 4px;
font-size: 24px;
font-weight: 400;
line-height: 1.5em;
letter-spacing: 0;
text-transform: none;
-webkit-border-image: url('../images/image_border.png') 1 0;
-moz-border-image: url('../images/image_border.png') 1 0;
-o-border-image: url('../images/image_border.png') 1 0;
border-image: url('../images/image_border.png') 1 0;
}

.post-title a { color: #101010; }

.post-title a:hover { color: #b90d16; }

.post-meta {
display: block;
padding: 0;
margin: 0;
font-size: 11px;
color: #8d8d8d;
}

.blog-post .post-meta {
float: left;
margin: 0 20px 20px 0;
padding-left: 15px;
width: 120px;
}

.meta-list {
list-style-type: none;
float: left;
margin: 0;
width: 100%;
}

.meta-list li {
display: block;
border-bottom: 1px dotted #e5e5e5;
margin: 0;
}

.meta-list li:last-child { border-bottom: 0; }

.post-meta .meta-list span {
display: block;
padding: 4px 0 4px 27px;
}

.post-meta .meta-list span:last-child { margin-right: 0; }

.post-meta a { color: #8d8d8d; }

.post-meta a:hover { color: #b90d16; }

.post-meta .meta-list .meta-author { background: transparent url('../images/meta_author.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-date { background: transparent url('../images/meta_date.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-categories { background: transparent url('../images/meta_categories.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-tags { background: transparent url('../images/meta_tags.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-comments { background: transparent url('../images/meta_comments.png') no-repeat scroll 0 5px; }

/* Blog Slider
---------------------------------------------------------- */
.blog-slider { margin: 0 0 20px 0; }

.blog-slider .flex-next, .blog-slider .flex-prev {
margin-top: -25px;
width: 26px;
height: 50px;
}

.blog-slider .flex-next {
right: 0px;
border-radius: 3px 0 0 3px;
}

.blog-slider .flex-prev {
left: 0px;
border-radius: 0 3px 3px 0;
}

/*----------------------------------------------*/
/* 6.1 Blog Single Post */
/*----------------------------------------------*/
.single-post .post {
margin-bottom: 0;
border: none;
}

/*----------------------------------------------*/
/* 6.2 Post Navigation */
/*----------------------------------------------*/
.post-nav {
list-style-type: none;
margin: 0 0 50px 0;
width: 100%;
}

.post-details .post-nav { margin: 0 0 20px 0; }

.post-nav a {
font-size: 11px;
font-weight: 600;
line-height: 24px;
color: #8d8d8d;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.post-nav a:hover { color: #101010; }

.post-nav a .arrow, .post-nav a .grid {
background-color: #101010;
background-repeat: no-repeat;
background-position: 50% 50%;
display: block;
position: relative;
overflow: hidden;
width: 24px;
height: 24px;
border-radius: 3px;
text-indent: -9999px;
filter: alpha(opacity=30);
opacity: 0.3;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.post-nav a:hover .arrow, .post-nav a:hover .grid {
background-color: #b90d16;
filter: alpha(opacity=100);
opacity: 1;
}

a.post-next, a.post-next .arrow { float: right; }

a.post-next .arrow {
background-image: url('../images/arrow_next.png');
margin: 0 0 0 10px;
}

a.post-prev, a.post-prev .arrow { float: left; }

a.post-prev .arrow {
background-image: url('../images/arrow_prev.png');
margin: 0 10px 0 0;
}

a.main-grid {
position: relative;
display: block;
overflow: hidden;
width: 24px;
height: 24px;
margin: 0 auto;
text-align: center;
text-indent: -9999px;
}

a.main-grid .grid { background-image: url('../images/grid.png'); }

/*----------------------------------------------*/
/* 6.3 Pagination */
/*----------------------------------------------*/
#pagination {
display: block;
margin: 30px 0 10px;
text-align: center;
}

.page-list {
list-style-type: none;
display: inline-block;
margin: 0;
}

.ie7 .page-list { display: inline; }

.page-list li {
margin: 0;
padding: 0;
float: left;
text-transform: uppercase;
border-radius: 3px;
}

.page-list a,
.page-list .current {
background: #fff;
display: block;
position: relative;
border-right: 1px solid #e5e5e5;
margin: 0;
padding: 8px 15px;
color: #101010;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.page-list a:hover {
background: #101010;
border-right: 1px solid #101010;
color: #fff;
}

.page-list a.next { border-right: 1px solid transparent; }

.page-list .current {
background: #b90d16;
border-right: 1px solid #b90d16;
color: #fff;
}

/*----------------------------------------------*/
/* 6.4 Comments List */
/*----------------------------------------------*/
#comments { margin-bottom: 20px; }

.comment-title { margin-bottom: 20px; }

.comment-title .title {
padding: 0;
color: #777;
}

.comment-list {
list-style-type: none;
border-bottom: 1px dotted #e5e5e5;
padding-bottom: 30px;
margin: 0 0 40px;
}

.comment-list li {
overflow: hidden;
margin: 0;
}

.comment-list .framed-box { margin: 0 0 20px 80px }

.gravatar {
float: left;
margin: 6px 0;
width: 60px;
height: 60px;
}

.gravatar a.reply {
display: block;
margin: 0;
font-size: 11px;
font-weight: 600;
line-height: 1em;
text-align: center;
text-transform: uppercase;
}

.comment-info { overflow: hidden; }

.comment-info cite {
font-weight: bold;
font-style: normal;
}

.comment-info cite a { color: #101010; }

.comment-info cite a:hover { color: #b90d16; }

.comment-info cite .author {
background: #b90d16;
margin-left: 5px;
padding: 2px 3px;
font-size: 8px;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
border-radius: 3px;
}

.comment-meta {
padding: 2px 0 10px 0;
font-size: 11px;
line-height: 1em;
color: #8d8d8d;
}

.children {
list-style-type: none;
margin: 0 0 0 60px;
}

/*----------------------------------------------*/
/* 6.5 Comments Form */
/*----------------------------------------------*/
.respond-title { float: left; }

.respond-note {
float: right;
margin-bottom: 10px;
color: #8d8d8d;
}

#respond p { margin-bottom: 30px; }

#respond p.align-right {
margin: 0;
}

#respond input {
width: 193px;
height: 30px;
line-height: 30px;
}

#respond label { margin-bottom: 3px; }

#respond textarea {
margin: 0;
width: 435px;
height: 164px;
}

.ie7 #respond textarea { height: 168px; }

/*====================================================================*/
/* 7. EXTENDED TYPOGRAPHY & SHORTCODES */
/*====================================================================*/
/*----------------------------------------------*/
/* 7.1 Blockquote /Pullquote */
/*----------------------------------------------*/
blockquote, .pullquote-right, .pullquote-left {
background: none;
font: 15px/1.8em "PT Serif", "Georgia", "Times New Roman", Times, Serif;
font-style: italic;
padding: 0 0 0 20px;
}

blockquote, .pullquote-right, .pullquote-left { border-left: 4px solid #e5e5e5; }

blockquote.blockquote-2 {
background: transparent url('../images/quote.png') no-repeat scroll 0 0;
border: none;
padding: 0 0 0 40px;
}

blockquote.align-left {
margin: 0 20px 10px 0;
width: 33%;
}

blockquote.align-right {
margin: 0 0 10px 20px;
width: 33%;
}

blockquote.align-right p, blockquote.align-left p, .pullquote-right p, .pullquote-left p {
margin: 0 !important;
}

blockquote p {
overflow: hidden;
margin-bottom: 8px !important;
}

blockquote cite {
display: block;
font-size: 13px;
font-style: italic;
color: #8d8d8d;
}

.pullquote-left {
float: left;
margin: 10px 20px 10px 0;
width: 33%;
}

.pullquote-right {
float: right;
margin: 10px 0 10px 20px;
width: 33%;
}

/*----------------------------------------------*/
/* 7.2 Dropcap */
/*----------------------------------------------*/
.dropcap {
float: left;
display: block;
margin-right: 10px;
line-height: 1em;
font-size: 36px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
color: #101010;
}

.dropcap.circle {
background: #b90d16;
margin-top: 2px;
width: 41px;
height: 41px;
font-size: 28px;
color: #fff;
line-height: 41px;
border-radius: 99%;
}

.dropcap.circle.dark { background: #101010; }

.dropcap.circle.light {
background: #e5e5e5;
color: #101010;
}

.dropcap.square {
background: #b90d16;
margin-top: 2px;
padding: 6px 12px;
font-size: 28px;
color: #fff;
border-radius: 3px;
}

.dropcap.square.dark { background: #101010; }

.dropcap.square.light {
background: #e5e5e5;
color: #101010;
}

/*----------------------------------------------*/
/* 7.3 Text Highlights */
/*----------------------------------------------*/
.highlight {
background: #b90d16;
color: #fff;
padding: 1px 5px;
}

.highlight.light {
background: #ffff99;
color: #101010;
}

.highlight.dark { background: #101010; }

.colored { color: #b90d16 !important; }

/*----------------------------------------------*/
/* 7.4 Code & Pre */
/*----------------------------------------------*/
code, pre{
border: 1px solid #e5e5e5;
border-left: 3px solid #e5e5e5;
padding: 0 20px;
line-height: 20px;
white-space: pre-wrap;
overflow: auto;
border-radius: 3px;
}

code { background: #f7f7f7; }

pre { background: transparent url("../images/code_bg.png") repeat scroll 0 0; }

/*----------------------------------------------*/
/* 7.5 List Styles */
/*----------------------------------------------*/
ul.list-style-arrow, ul.list-style-arrow-2, ul.list-style-arrow-3, ul.list-style-arrow-4, ul.list-style-arrow-5, ul.list-style-check, ul.list-style-check-2, ul.list-style-plus, ul.list-style-dash, ul.list-style-circle, ul.list-style-square, ul.list-style-star {
list-style-type: none;
margin-left: 0;
}

ul.list-style-arrow li, ul.list-style-arrow-2 li, ul.list-style-arrow-3 li, ul.list-style-arrow-4 li, ul.list-style-arrow-5 li, ul.list-style-check li, ul.list-style-check-2 li, ul.list-style-plus li, ul.list-style-dash li, ul.list-style-circle li, ul.list-style-square li, ul.list-style-star li {
margin: 0;
padding-left: 15px;
padding-bottom: 4px;
}

ol.ordered-list {
margin-left: 0px;
padding-left: 2.1em;
list-style-position: outside;
}

.decimal-leading-zero { list-style-type: decimal-leading-zero; }

.lower-alpha { list-style-type: lower-alpha; }

.upper-roman { list-style-type: upper-roman; }

ol.ordered-list li  {
margin: 0;
padding: 4px 0;
}

ul.list-style-arrow li {
background: transparent url('../images/bullets/list_item_arrow.png') no-repeat scroll 0 6px;
padding-left: 20px;
}

ul.list-style-arrow-2 li {
background: transparent url('../images/bullets/list_item_arrow_2.png') no-repeat scroll 0 6px;
padding-left: 16px;
}

ul.list-style-arrow-3 li {
background: transparent url('../images/bullets/list_item_arrow_3.png') no-repeat scroll 0 6px;
padding-left: 15px;
}

ul.list-style-arrow-4 li {
background: transparent url('../images/bullets/list_item_arrow_4.png') no-repeat scroll 0 8px;
padding-left: 18px;
}

ul.list-style-arrow-5 li {
background: transparent url('../images/bullets/list_item_arrow_5.png') no-repeat scroll 0 7px;
padding-left: 14px;
}

ul.list-style-check li {
background: transparent url('../images/bullets/list_item_check.png') no-repeat scroll 0 7px;
padding-left: 19px;
}

ul.list-style-check-2 li {
background: transparent url('../images/bullets/list_item_check_2.png') no-repeat scroll 0 6px;
padding-left: 24px;
}

ul.list-style-plus li {
background: transparent url('../images/bullets/list_item_plus.png') no-repeat scroll 0 7px;
padding-left: 18px;
}

ul.list-style-dash li {
background: transparent url('../images/bullets/list_item_dash.png') no-repeat scroll 0 10px;
padding-left: 17px;
}

ul.list-style-circle li {
background: transparent url('../images/bullets/list_item_circle.png') no-repeat scroll 0 8px;
padding-left: 16px;
}

ul.list-style-square li {
background: transparent url('../images/bullets/list_item_square.png') no-repeat scroll 0 8px;
padding-left: 15px;
}

ul.list-style-pencil li {
background: transparent url('../images/bullets/list_item_pencil.png') no-repeat scroll 0 6px;
padding-left: 20px;
}

ul.list-style-star li {
background: transparent url('../images/bullets/list_item_star.png') no-repeat scroll 0 5px;
padding-left: 20px;
}

/*----------------------------------------------*/
/* 7.6 Icon Boxes */
/*----------------------------------------------*/
.icon-box {
overflow: hidden;
margin-bottom: 20px;
}

.icon-box-content { overflow: hidden; }

.icon-box-title { margin-bottom: 10px; }

.icon-box-content .icon-box-title { margin-bottom: 5px; }

.icon-box-title a { color: #101010; }

.icon-box-title a:hover { color: #b90d16; }

.icon-box-content p { margin-bottom: 10px; }

.icon-image, .icon-font {
float: left;
padding: 3px 10px 0 0;
}

.icon-image.align-center, .icon-font.align-center {
float: none;
margin: 0 auto;
padding: 0;
text-align: center;
}

.icon-image img, .icon-font span { display: block; }

.icon-image.align-center img { margin: 0 auto 15px; }

.icon-font.align-center span {
margin: 0 auto 10px;
font-size: 80px;
}

.icon-font span {
font-family: "sosa";
font-size: 35px;
line-height: 1em;
color: #8d8d8d;
}

.icon-box.framed-box {
padding: 47px;
display: block;
z-index: 1;
-webkit-backface-visibility: hidden;

-webkit-transition:
opacity 0.4s linear,
-webkit-transform 0.4s ease-in-out,
box-shadow 0.4s ease-in-out;
-moz-transition:
opacity 0.4s linear,
-moz-transform 0.4s ease-in-out,
box-shadow 0.4s ease-in-out;
-o-transition:
opacity 0.4s linear,
-o-transform 0.4s ease-in-out,
box-shadow 0.4s ease-in-out;
-ms-transition:
opacity 0.4s linear,
-ms-transform 0.4s ease-in-out,
box-shadow 0.4s ease-in-out;
transition:
opacity 0.4s linear,
transform 0.4s ease-in-out,
box-shadow 0.4s ease-in-out;
}

.ib-container .icon-image img, .ib-container .icon-font span, .ib-container .icon-box-content .icon-box-title, .ib-container .icon-box-content a, .ib-container .icon-box-content p {
-webkit-transition:
opacity 0.2s linear,
text-shadow 0.5s ease-in-out,
color 0.5s ease-in-out;
-moz-transition:
opacity 0.2s linear,
text-shadow 0.5s ease-in-out,
color 0.5s ease-in-out;
-o-transition:
opacity 0.2s linear,
text-shadow 0.5s ease-in-out,
color 0.5s ease-in-out;
-ms-transition:
opacity 0.2s linear,
text-shadow 0.5s ease-in-out,
color 0.5s ease-in-out;
transition:
opacity 0.2s linear,
text-shadow 0.5s ease-in-out,
color 0.5s ease-in-out;
}

.icon-box.framed-box .icon-box-title {
margin-bottom: 10px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}

/* Hover Style for all the items: blur, scale down*/
.icon-box.blur {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

.icon-box.blur .icon-image, .icon-box.blur .icon-font span {
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 0.5;
}

.icon-box.blur a {
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 0.5;
}

.icon-box.blur p {
text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
color: rgba(51, 51, 51, 0);
filter: alpha(opacity=50);
opacity: 0.5;
}

.icon-box.blur .icon-box-title { filter: alpha(opacity=50); opacity: 0.5; }

/* Hover Style for single item: scale up */
.icon-box.active {
background: #fff;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
box-shadow:
0px 0px 0px 0px rgba(255, 255, 255, 1),
0px 0px 10px 0px rgba(0, 0, 0, 0.2);
z-index: 100;
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}

.icon-box.active .icon-font span { color: #b90d16; }

/*----------------------------------------------*/
/* 7.7 Tabs & Toggles & Accordions */
/*----------------------------------------------*/
/* Tabs
---------------------------------------------------------- */
.tabs-container { margin-bottom: 20px; }

.tabs li a {
background: #f3f3f3;
display: block;
font-weight: 700;
color: #626364;
}

.tabs li a.current {
background: #f9f9f9;
color: #101010;
cursor: default;
}

.tabs li a .icon-font, .tabs li a .icon-image {
display: inline-block;
margin: 0 8px 0 0;
vertical-align: middle;
}

.tabs li a .icon-font {
font-family: "sosa";
font-size: 20px;
line-height: 20px;
}

.tab-content > div {
display: none;
overflow: hidden;
}

.tab-content p { margin-bottom: 1em; }

/* Horizontal Tabs */
.h-tabs .tabs {
list-style-type: none;
border-left: 1px solid #e5e5e5;
margin: 0 0 -1px 0;
padding: 0;
height: 35px;
}

.h-tabs .tabs li {
display: block;
float: left;
border-right: 1px solid #e5e5e5;
margin: 0;
padding: 0;
cursor: pointer;
}

.h-tabs .tabs li a {
border-top: 1px solid #e5e5e5;
padding: 0 10px;
height: 33px;
line-height: 33px;
}

.h-tabs .tabs li a.current {
border-top: 2px solid #b90d16;
border-bottom: 1px solid #f9f9f9;
margin: 0 0 -1px 0;
height: 32px;
line-height: 31px;
}

.h-tabs .tabs li a .icon-font {
padding: 0;
line-height: 33px;
}

.h-tabs .tabs li a.current .icon-font { line-height: 31px; }

.h-tabs .tabs li a .icon-image {
margin: 3px 8px 0;
padding: 6px 0 0;
}

.h-tabs .tabs li a.current .icon-image { margin-top: 2px; }

.h-tabs .tab-content {
background: #f9f9f9;
border: 1px solid #e5e5e5;
margin: 0;
padding: 10px 17px;
border-radius: 0 3px 3px 3px;
}

/* Vertical Tabs */
.v-tabs .tabs {
list-style-type: none;
position: relative;
float: left;
border-bottom: 1px solid #e5e5e5;
margin: 0 -1px 0 0;
width: 34%;
z-index: 2;
}

.v-tabs .tabs li {
background: none;
display: block;
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
margin: 0;
cursor: pointer;
}

.v-tabs .tabs li a {
display: block;
border-left: 2px solid #f3f3f3;
padding: 10px;
line-height: 20px;
}

.v-tabs .tabs li a.current {
border-right: 1px solid #f9f9f9;
border-left: 2px solid #b90d16;
margin-right: -2px;
}

.v-tabs .tabs li a .icon-font{
border-right: 1px solid #e5e5e5;
padding: 0 8px 0 0;
}

.v-tabs .tabs li a .icon-image { border-right: 1px solid #e5e5e5; }
.v-tabs .tab-content {
background: #f9f9f9;
position: relative;
float: right;
padding: 0;
width: 66%;
z-index: 1;
}

.v-tabs .tab-content > div {
border: 1px solid #e5e5e5;
padding: 10px 17px;
border-radius: 0 3px 3px 3px;
}

/* Toggles / Accordions */
.toggle-title, .accordion-title {
overflow: hidden;
border: 1px solid #e5e5e5;
margin: 0;
padding: 10px 10px 10px 40px;
line-height: 20px;
font-weight: 700;
border-radius: 3px;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.toggle-title, .accordion-title { background: #f3f3f3 url('../images/expand.png') no-repeat scroll 12px 11px; }

.toggle-active, .accordion .current {
background:  #fff url('../images/collapse.png') no-repeat scroll 12px 11px;
border: 1px solid #ccc;
color: #101010;
}

.toggle-content, .accordion-content {
overflow: hidden;
padding: 5px 10px 5px;
margin: 5px 0;
}

.toggle-content p, .accordion-content p { margin-bottom: 1em; }

/* Toggles */
.toggle {
margin-bottom: 5px;
position: relative;
}

/* Accordions */
.accordion {
margin-bottom: 20px;
position: relative;
}

.accordion-title { margin: 0 0 5px 0; }

.accordion .current { cursor: default; }

/*====================================================================*/
/* 8. ANIMATED SCROLL TO TOP */
/*====================================================================*/
#scroll-top {
display: none;
position: fixed;
right: 20px;
bottom: 100px;
z-index: 999;
}

#scroll-top a {
background-color: #333;
background-image: url('../images/scroll_top.png');
background-repeat: no-repeat;
background-position: 50% 50%;
display: block;
overflow: hidden;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 3px;
text-indent: -9999px;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#scroll-top a:hover {
background-color: #b90d16;
filter: alpha(opacity=100);
opacity: 1;
}

.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}

.whatsapp {position: fixed;top: 82%;right: 1%;padding: 10px;z-index: 10000000; height:60px; width:auto;}