/******************* reset.css ******************************************
************************************************************************/
/* self-clear floats */
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow: hidden; } 
/* ie.css */
/***********************************************************************/

/*
Theme name: Memento
Theme URI: http://yithemes.com/themes/html/memento-a-template-html-free/
Description: The start base for easy theme wordpress development.
Version: 1.1
Author: Your Inspiration Themes
Author URI: http://yithemes.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, white, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, stretched, boxed, corporate, creative, portfolio, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, responsive
*/

/* === MAIN LAYOUT */
html, body { min-height:101% }

body {
    background: #fff;
    font-size: 12px;
    min-width: 1000px !important;
    width: 100% !important;
}

/* === TYPOGRAPHY */
p, li, address, dd, blockquote, td, th { font-size:12px; line-height:1.81em }
body, p, li, address, dd, blockquote   { color:#545252; } 
h1, h2, h3, h4, h5, h6, p, dl, ul, ol  { margin:0.8em 0 0.3em; }         
a, a:hover                             { text-decoration:none; }
a, #sidebar a:hover                    { color: #ef9911 }
a:hover, #sidebar a                    { color: #a6a6a6 }
h1, h2, h3, h4, h5, h6                 { color: #000 }
h1                                     { font-size:26px; }
h2                                     { font-size:20px; }
h3                                     { font-size:20px; font-weight: normal }
h4                                     { font-size:18px; font-weight: normal }
h5                                     { font-size:12px; }
h6                                     { font-size:12px; }
h1 span, h2 span, h3 span,
h4 span, h5 span, h6 span              { color: #000 }
#content ul                            { margin-left:40px; list-style:square }
#content ol                            { margin-left:40px; }
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6  { /*padding: 0 10px*/ }
i, em                                  { font-style:italic; }
strong                                 { font-weight:bold; }
blockquote                             { background:url('images/cite.png') no-repeat 45px 25px; padding:35px; }        
dt                                     { font-weight:bold; }
.line                                  { border-top:1px solid #cacaca; }
.space                                 { height:30px }
body .last, body .widget-last          { margin-right:0; border-right:0; }
body .last-row                         { margin-bottom:0; }           
.border-line                           { height:1px; background:#ddd; width:100%; clear:both; margin:1.2em 0; }
 

/* === MAIN WIDTH */
.wrapper                          { padding: 0; min-width:1000px }              
.boxed-layout .wrapper 	          { width:1000px; margin:0 auto; } 
.inner                            { width:960px; position:relative; margin:0 auto; padding: 0 20px; /* main width */ }     
.responsive .inner                { max-width:960px; width:auto; }
body.responsive.isMobile .wrapper { overflow:hidden; }

/* ====================== START MAIN STRUCTURE ====================== */
/* ==== Widths, heights, floats and margins of all basic sections === */
#topbar     { margin: 0; padding: 0 20px; height: 40px; }
#header     { padding-top: 30px; }
#logo       { float: left; margin: 0; }
#nav        { float: right; margin-top: 0; }
#slogan     {  }
#slider     { margin-bottom: 15px; }
#content    { margin-left:  15px; margin-right: 15px; width:715px; }
#sidebar    { width: 230px; }
#footer     { clear: both; margin: 0; }
#copyright  { margin: 0; }
.slider-mobile{ display:none; }


/* === LAYOUTS */
.layout-sidebar-left #sidebar, .layout-sidebar-right #content { float:left; }
.layout-sidebar-right #sidebar, .layout-sidebar-left #content { float:right; }
.layout-sidebar-no #content                                   { float:left; width:100%; }

.layout-sidebar-left #content  { margin-right: 0; }
.layout-sidebar-right #content { margin-left: 0; }
.inner #content{ margin: 0px; }


/* ====================== END MAIN STRUCTURE ====================== */


/* ====================== START 404 ====================== */

/* ====================== END 404 ====================== */


/* ====================== START TOPBAR ====================== */


/* === TOPBAR MENU */

/* ====================== END TOPBAR ====================== */


/* ====================== START HEADER ====================== */

/* ====================== END HEADER ====================== */

/* ====================== START NAVIGATION ====================== */

/* ====================== END NAVIGATION ====================== */


/* ====================== START PRIMARY CONTENT ====================== */
#primary .inner {
    padding: 20px;
}

/* === SIDEBAR */

/* ====================== END PRIMARY CONTENT ====================== */


/* ====================== START BLOG ====================== */
                                                     
/* ====================== END BLOG ====================== */


/* ====================== START MAP ====================== */



/* ====================== END MAP ====================== */



/* ====================== START FOOTER ====================== */

/* ====================== END FOOTER ====================== */

/* ====================== START COPYRIGHT ====================== */

/* ====================== END COPYRIGHT ====================== */


/* ====================== START WIDGETS ====================== */
.
/* === RECENT POSTS */

/* === LAST NEWS */

/* === RECENT COMMENTS */

/* === TEXT-IMAGE */

/* === TAG CLOUD */

/* === CALENDAR */


/* === LAST TWEETS */


/* === NAV MENU */


/* === FLICKR RSS */

/* ====================== END WIDGETS ====================== */


/* ====================== START SHORTCODES ====================== */

/* === COLUMNS */


/* === LISTS */


/* === TABS */

/* === FEATURES TAB */

/* === CALL TO ACTION 1 & 2 */

/* === TICK */


/* === IMAGE STYLED */
.image-styled a.thumb {display:block;position:relative;max-width:100%;width:auto;}
.image-styled .img_frame {max-width:100%;padding:4px;background:#fff;border:1px solid #FFFFFF;box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;}
.image-styled .img_frame img {display:block;max-width:100%;width:auto;}
.image-styled .img_frame.img_size_fullwidth, .image-styled .img_frame.img_size_fullwidth img {display:block;max-width:940px;width:auto;height:auto;}   
a.zoom { position:absolute; width:280px; height:143px; left:5px; top:5px; text-indent:-9999px; background:#000 url('images/icons/zoom.png') center no-repeat }      
a.video a.zoom { background:#000 url('images/icons/play.png') center no-repeat }

/* === TESTIMONIALS SLIDER */

/* === FEEDS SLIDER */

/* === NIVO SLIDER */

/* === STYLED BUTTONS */

/* = BUTTON RTL */

/* = BUTTON ICONS */

/* === ALERT BOX & SUCCESS */

/* === SECTIONS */

/* === ICON SECTIONS */

/* === TABLES */

/* ====================== START VARIABLES, CLASSES AND FUNCTIONS ====================== */
/* === GENERAL STRUCTURE */
/* === GENERAL COLORS */
/* === GENERAL FONTS */
.general-font-family {
  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
.title-font-family {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
/* === TOP BAR COLORS */
/* === HEADER COLORS */
/* === NAVIGATION COLORS */
/* === HOME ROW */
/* === SIDEBAR COLORS */
/* === BLOG COLORS */
/* === FOOTER COLORS */
/* === MISCELLANEOUS CLASSES */
.border-line {
  background: #ddd;
  clear: both;
  margin: 1.2em 0;
  width: 100%;
  height: 1px;
}
/* ====================== END VARIABLES, CLASSES AND FUNCTIONS ====================== */
/* =================== START MEMENTO =================== */
/* ============= Main code is in style.css ============= */
html {
  background-color: #2b2b2b;
}
/* === TYPOGRAPHY */
body {
  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
body,
p,
li,
address,
dd,
blockquote {
  color: #6f6f6f;
}
a,
#sidebar a:hover {
  color: #c98206;
}
a:hover,
#sidebar a {
  color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #2b2b2b;
}
h1,
h2 {
  letter-spacing: -1px;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
i.reverse {
  color: #d48303;
}
blockquote {
  background: url('../images/cite.png') no-repeat left 25px;
  padding: 35px;
}
/* ====================== START MAIN STRUCTURE ====================== */
/* ==== Widths, heights, floats and margins of all basic sections === */
#topbar {
  height: 40px;
}
#header {
  min-height: 85px;
  padding-top: 30px;
}
#logo {
  margin: 10px 0;
}
#nav {
  float: right;
}
#page_meta {
  margin-bottom: 15px;
  padding: 20px 0;
}
#primary {
  padding-top: 20px;
}
#content {
  padding-bottom: 20px;
  width: 75%;
}
#sidebar {
  width: 22%;
}
#footer {
  clear: both;
}
.boxed-layout #header .inner,
.boxed-layout #slider,
.boxed-layout .home-row .widget,
.boxed-layout .home-section {
  -webkit-box-shadow: 0 0 5px 0px rgba(70, 70, 70, 0.3);
  -moz-box-shadow: 0 0 5px 0px rgba(70, 70, 70, 0.3);
  box-shadow: 0 0 5px 0px rgba(70, 70, 70, 0.3);
}
/* ====================== END MAIN STRUCTURE ====================== */
/* ====================== START STRETCHED LAYOUT ====================== */

/* ====================== END STRETCHED LAYOUT ====================== */

/* ====================== END HEADER ====================== */
/* ====================== START HEADER MAP ====================== */

/* ====================== END HEADER MAP ====================== */
/* ====================== START NAVIGATION ====================== */

/* point right for anchors in subs */

/* ====================== END NAVIGATION ====================== */
/* ====================== START SLIDER ====================== */

/* ====================== START SLIDER ====================== */
/* ====================== START PAGE META ====================== */
#page_meta {
  background-color: #fff;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}
#page_meta .meta-left,
#page_meta .meta-right {
  min-height: 25px;
}
#page_meta .meta-left {
  float: left;
  padding: 0 15px 0 0;
  width: 310px;
}
#page_meta .meta-left h2.page-title,
#page_meta .meta-left h2 {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  line-height: 1.25em;
}
#page_meta .meta-left h2.page-title {
  font-size: 25px;
}
#page_meta .meta-left #slogan {
  clear: left;
  font-weight: normal;
}
#page_meta .meta-left #slogan h2,
#page_meta .meta-left #slogan h3 {
  font-weight: normal;
}
#page_meta .meta-left #slogan h3 {
  font-size: 15px;
  margin: 0px;
}
#page_meta .meta-right {
  float: right;
  padding: 0 0 0 15px;
  text-align: right;
  width: 310px;
}
#page_meta .meta-right #crumbs {
  margin-top: 8px;
  position: absolute;
  right: 20px;
  bottom: 0;
  font-size: 16px;
}
#page_meta .meta-right #crumbs a {
  color: #6f6f6f;
}
#page_meta .meta-right #crumbs a:hover {
  color: #000;
}
/* ====================== END PAGE META ====================== */
/* ====================== START HOME ====================== */
/* === SECTION STYLE */
.home-section {
  background-color: #fff;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 20px 25px 20px;
  margin-bottom: 15px;
}
/* === HOME ROW */
.home-row.inner {
  padding: 0;
  max-width: 1000px;
}
.home-row .widget {
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  float: left;
  padding: 1.25% 2.083333333333333%;
  margin-right: 1.5625%;
  margin-bottom: 15px;
  padding-top: 4px;
}
.home-row .widget.only-one {
  width: 95.83333333333333%;
}
.home-row .widget.two-fourth {
  width: 45.052083333333336%;
}
.home-row .widget.one-third {
  width: 28.125%;
}
.home-row .widget.one-fourth {
  width: 19.661458333333335%;
}
.home-row .widget.one-fifth {
  width: 14.583333333333334%;
}
.home-row .widget.widget-last {
  margin-right: 0;
}
.chrome .home-row .widget {padding: 1.25% 2.04%;}
.chrome .home-row .widget.one-third {width: 28%;}
.home-row .widget h2 {
  margin-top: 0;
  font-size: 25px;
  border-bottom: 1px solid #bcbcbc;
}
.home-row .widget h2 i {
  font-size: 130%;
  padding-right: 4px;
}
.home-row .widget h2 span,
.home-row .widget h2 i.reverse {
  color: #d48303;
}
.home-row .widget h2 img {
  padding-top: 7px;
}
.chrome .home-row .widget,
.opera .home-row .widget,
.safari .home-row .widget {
  border: 1px solid #fff;
}
/* === HOME TESTIMONIALS */
.home-testimonials {
  padding-bottom: 10px;
}
.home-testimonials .title {
  float: left;
  padding-right: 30px;
  margin-right: 0px;
  border-right: 1px solid #bcbcbc;
}
.home-testimonials .title h2 {
  margin: 5px 0 0;
  font-size: 25px;
}
.home-testimonials .title h2 i {
  font-size: 130%;
  padding-right: 4px;
}
.home-testimonials .title h2 img.icon-img {
  padding-top: 7px;
  min-width: 32px;
}
.home-testimonials .title p {
  margin: -10px 0 5px;
  text-align: right;
  color: #898989;
}
.home-testimonials ul {
  list-style: none;
  margin: 0 0 0 26px;
  float: right;
}
.home-testimonials ul strong {
  color: #000;
}
.bl_testimonials .thumbnail,
.bl_testimonials .withoutthumbnail,
.bl_testimonials .the-content {
  width: 100% !important;
  float: none !important;
}
.bl_testimonials .image-wrap img {
  width: auto !important;
}
/* === HOME BLOG */
.home-blog .hentry-post {
  float: left;
  width: 23.828125%;
  margin-right: 1.5625%;
}
.home-blog .hentry-post.last {
  margin-right: 0;
}
.home-blog .hentry-post img {
  padding: 3px;
  border: 1px solid #b7bdbd;
  display: block;
  margin-bottom: 12px;
}
.home-blog .hentry-post img:hover {
  background: 0;
  border: 0;
  padding: 0;
  border: 4px solid #f6b651;
}
.home-blog .hentry-post p.post-date {
  color: #000;
}
.home-blog .hentry-post p.post-date i {
  font-size: 18px;
  padding-right: 5px;
}
.home-blog .hentry-post h3 {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.home-blog .hentry-post h3 a {
  color: #000000;
}
.home-blog .hentry-post h3 a:hover {
  color: #c98206;
}
.home-blog .hentry-post .btn-more-link {
  vertical-align: middle;
}
.home-blog .hentry-post .btn-more-link i {
  margin-right: 2px;
  vertical-align: middle;
}
/* === HOME SERVICES */
.home-services {
  padding-bottom: 0px;
}
.home-services h2 {
  margin: 4px 0 10px;
}
.home-services .hentry-post {
  float: left;
  width: 23.828125%;
  margin-right: 1.5625%;
  margin-bottom: 15px;
}
.home-services .hentry-post.last {
  margin-right: 0;
}
.home-services .hentry-post img {
  padding: 3px;
  border: 1px solid #b7bdbd;
  display: block;
  margin-bottom: 12px;
}
.home-services .hentry-post img:hover {
  background: 0;
  border: 0;
  padding: 0;
  border: 4px solid #f6b651;
}
.home-services .hentry-post h3 {
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.home-services .hentry-post h3 a {
  color: #000000;
}
.home-services .hentry-post h3 a:hover {
  color: #c98206;
}
/* === HOME PORTFOLIO */
.home-portfolio ul {
  width: 103%;
}
/* === HOME GALLERY */
.home-gallery {
  padding-bottom: 0;
}
.home-gallery .gallery-wrap {
  margin-bottom: 0 !important;
}
.home-gallery .gallery-filters {
  overflow: hidden;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.home-gallery .gallery-filters h1 {
  float: left;
  font-size: 18px;
  margin: 0;
}
.home-gallery .gallery-filters ul.filters {
  float: left;
  list-style: none;
  margin: 8px 1px 0px;
}
.home-gallery .gallery-filters ul.filters li {
  float: left;
  height: 12px;
  line-height: 11px;
  margin-bottom: 10px;
  color: #6f6f6f;
}
.home-gallery .gallery-filters ul.filters li.first {
  border-left: 0;
}
.home-gallery .gallery-filters ul.filters li a {
  float: right;
  font-size: 12px;
  color: #6f6f6f;
}
.home-gallery .gallery-filters ul.filters li a:hover,
.home-gallery .gallery-filters ul.filters li.selected a {
  color: #c67a02;
  margin: 0;
}
/* === BUTTON READ MORE */
.btn-more-link {
  margin: 7px 0;
}
/* ====================== END HOME ====================== */
/* ====================== START PRIMARY CONTENT ====================== */
#primary .inner {
  font-size: 12px;
  padding: 0;
}
/* === SIDEBAR */

@media screen and (max-width: 960px){ 
.wrapper, .boxed-layout .wrapper{ width: 100% !important; min-width: 100% !important; }

#header { margin-bottom: 10px !important; }


#slider {display:none !important;}
#slider.elastic {display:block !important;}   
#slider.not-for-mobile {display:none !important;}
#slider.mobile {display:block !important;height:auto;width:auto;}
.slider-mobile, .slider-mobile #slider {display:block !important;}



html{
    width: 100% !important;
    overflow-x: hidden !important;
}


body{
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    min-width: 0px !important;
}

.stretched-layout .wrapper{ background: white !important; padding-bottom: 20px !important; }

body .last-row {margin-bottom:20px;}
.box-sections, .one-fourth, .one-third, .two-fourth, .two-third {width:100%;clear:both;}         
.footer_cols_5 .widget, .footer_cols_4 .widget { width: 100%; clear:both; }
.style-picker{ display: none !important; }
table td, table th{ padding: 5px 10px !important; }
.inner{ width: 96% !important; padding: 0px !important; margin: 0 auto !important;}


/* HEADER */

#logo{
    width: 100%;
    max-width: none !important;
    text-align: center;
}

#header .inner #logo{
    text-align: center !important;
}

.topbar-left{
    display: none;
}

#crumbs{ font-size: 16px; }

/* NAVIGATION */


/* HOME */
}
@media screen and (max-width: 600px){
    html{
    width: 100% !important;
    overflow-x: hidden !important;
}


body{
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
    padding: 0px !important;
}

.home-section{ padding: 0px !important; }
.stretched-layout .wrapper, .stretched-layout .home-section, .stretched-layout .home-row .widget{ background: white !important; padding-bottom: 10px !important; }

body .last-row {margin-bottom:20px;}
.box-sections, .one-fourth, .one-third, .two-fourth, .two-third {width:100%;clear:both;}         
.footer_cols_5 .widget, .footer_cols_4 .widget { width: 100%; clear:both; }
.style-picker{ display: none !important; }
table td, table th{ padding: 5px 10px !important; }
.inner{ width: 92% !important; padding: 4% !important; margin: 0 auto !important;}
#crumbs{ font-size: 16px; }

/* HEADER */


/* NAVIGATION */



/* HOME */

/* CONTENT */

/* PORTFOLIO */

/* CALL TO ACTION */


/* CONTACT PAGE */

/* ---------- TESTIMONIALS ---------- */

/* ---------- SHORTCODES ---------- */


/* ---------- FEATURE TAB ---------- */


/* ---------- BLOG ---------- */

/* -- comments */


/* ---------- FOOTER ---------- */
}
@media screen and (max-width: 480px){
#crumbs{ font-size: 16px; }  
}