

.logged-in .top-menu{top: 32px;}
 

.block_footer_text, .quote-category .blogpostcategory, .block_quote {font-family: Playfair Display, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
body {   
    background:#fafaf9   !important;
    color:#767676;
    font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    font-weight: normal;
}
::selection { background: #000; color:#fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6, .block1 p {font-family: Lato, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}
h1 {    
    color:#333;
    font-size: 40px !important;
    }
    
h2, .term-description p {   
    color:#333;
    font-size: 36px !important;
    }

h3 {    
    color:#333;
    font-size: 20px !important;
    }

h4 {    
    color:#333;
    font-size: 26px !important;
    }   
    
h5 {    
    color:#333;
    font-size: 22px !important;
    }   

h6 {    
    color:#333;
    font-size: 18px !important;
    }   

.pagenav a {font-family: Lato !important;
              font-size: 14px;
              font-weight:bold;
              color:#ffffff;
}
.block1_lower_text p,.widget_wysija_cont .updated, .widget_wysija_cont .login .message  {font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;color:#444;font-size:14px;}

a, select, input, textarea, button{ color:#343434;}
h3#reply-title, select, input, textarea, button, .link-category .title a{font-family: Open Sans, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}

.prev-post-title, .next-post-title, .blogmore, .more-link {font-family: Lato, "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;}

/* ***********************
--------------------------------------
------------MAIN COLOR----------
--------------------------------------
*********************** */

a:hover, span, .current-menu-item a, .blogmore, .more-link, .pagenav.fixedmenu li a:hover, .widget ul li a:hover,.pagenav.fixedmenu li.current-menu-item > a,.block2_text a,
.blogcontent a, .sentry a, .post-meta a:hover, .sidebar .social_icons i:hover, .promotion-lower-title, .testimonial-client b, .resp_menu_button:hover

{
    color:#f57f0c;
}

.su-quote-style-default  {border-left:5px solid #f57f0c;}

/* LOGO MARGIN */

div#logo {margin-top:36px;}
 

.promotion-container {background:#F4F5F6;} 
.about-container {background:#FFFFFF;} 
.testimonials-color {background:#ffffff;} 
.news-container {background:#F4F5F6;} 
.testimonials-container {background:#ffffff;} 
.quote-container {background:#F4F5F6;} 
.advertise {background:#ffffff;} 
 
 /* ***********************
--------------------------------------
------------BACKGROUND MAIN COLOR----------
--------------------------------------
*********************** */

.top-cart, .blog_social .addthis_toolbox a:hover, .widget_tag_cloud a:hover, .sidebar .widget_search #searchsubmit,
.menu ul.sub-menu li:hover, .specificComment .comment-reply-link:hover, #submit:hover, .addthis_toolbox a:hover, .wpcf7-submit:hover, #submit:hover,
.link-title-previous:hover, .link-title-next:hover, .specificComment .comment-edit-link:hover, .specificComment .comment-reply-link:hover, h3#reply-title small a:hover, .pagenav li a:after,
.widget_wysija_cont .wysija-submit,.sidebar-buy-button a, .widget ul li:before, #footer .widget_search #searchsubmit, .presenter-read-more a:hover, .blogpost .tags a:hover,
.mainwrap.single-default.sidebar .link-title-next:hover, .mainwrap.single-default.sidebar .link-title-previous:hover, #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus,
.pagenav .social_icons a:hover, .top-search-form i:hover, #mc_embed_signup input#mc-embedded-subscribe:hover, a.promotion-button, #footer .social_icons a:hover, .gototop:hover
  {
    background:#f57f0c ;
}
.pagenav  li li a:hover {background:none;}
.link-title-previous:hover, .link-title-next:hover {color:#fff;}
#headerwrap {background:#000000;}


 /* ***********************
--------------------------------------
------------BOXED---------------------
-----------------------------------*/
  
 
 
 
/* ***********************
--------------------------------------
------------RESPONSIVE MODE----------
--------------------------------------
*********************** */


@media screen and (min-width:0px) and (max-width:1220px){
    
    /* MENU */
    .pagenav-container {overflow:hidden;}
    .pagenav {width:100% !important;width:100%;float:left;border-top: 1px solid #ddd;background:#31323e ;}
    .pagenav .social_icons {    position: relative;
    text-align: center;
    margin: 0 5px !important;
    /* margin-left: 30px !important; */
    /* float: none; */
    margin-top: 20px !important;}
    #headerwrap {z-index:auto;}
    .menu > li {padding-bottom:0;}
    #menu-main-menu-container{    width: 50% !important;
    float: left;
    text-align: center;
    /* border-bottom: 1px solid #eee; */
    margin-top: 10px;}
    .pagenav li a {padding:15px 15px 7px 15px;}
    #logo {width:20%;margin:20px 0 0 20px !important;float:left;}
    .top-search-form {margin:-10px 10px 10px 0;}

    .menu > li.has-sub-menu:after{margin-top:14px;}
    .relatedPosts {min-width:initial;width:auto !important;}
    .main, #footerb, #footer, .content-container, .pmc-content {width: 94%; padding-left:3%;padding-right:3%; }
    .pagenav .menu {padding-left:3%;}
    .top-nav {width: 100%; padding-left:0%;padding-right:0%;}
    .pagecontent, .block2_content, #footerinside{width:100%;}
    .blogimage img, .blogsingleimage img, .related img, #slider-category img{width:100%;height:auto;}
    .bx-viewport {height:auto;}
    .pagenav .social_icons {float:right;}
    
    .block2_social:before, .social_text, .pagenav.fixedmenu, .gototop {display:none !important;}
    .block2_social .social_content  {margin-left:0;}
    .block2_social .social_content {margin-top:0;}
    .block2_social {top:0; padding:10px;background:#fff;}
    .block1 p, .block1 a:hover p {font-size:16px;}
    
    /* BLOG */
    
    .widget h3:after {margin-left:47.5%;}
    .blog_social, .socialsingle {background-position: -11px 21px;}
    .right-part {width:85%;}
    .mainwrap.single-default.sidebar .right-part {width:70% !important;}
    .mainwrap.single-default.sidebar .related img{max-width:initial;}
    
    .sidebar.default .blogpostcategory {width:91%;}
    .singledefult .blogpost {min-width:initial;}
    
    /* GRID BLOG */
    
    .presenter-grid .blogpostcategory, .presenter-grid .content.blog {width:initial;}
    .presenter-grid .blogpostcategory {height:auto;max-height:100%;}
    
    .presenter-grid-2 .presenter-blog-image{width:100%;}
    .presenter-grid-2 .presenter-blog-image img {max-width:100% !important;}
    .presenter-grid-2 .presenter-blog-content {width:100%;border-bottom:5px solid #eee;min-height:250px;}
    .presenter-grid-2 .presenter-blog-content.left {margin-left:0;}
    .presenter-grid-2 .presenter-blog-image.right {margin-right:0;}
    .presenter-grid-2 .presenter-blog-content.left .blog-category, .presenter-grid-2 .presenter-blog-content.left h2.title , .presenter-grid-2 .presenter-blog-content.left .post-meta, .presenter-grid-2 .presenter-blog-content.left p  {text-align:left !important;}
    .presenter-grid-2.sidebar .blogpostcategory {min-width:100%;}
    .sidebar.default .blogpostcategory {min-width:initial;}
    
    /* FOOTER */
    .lowerfooter {height:2px;padding:0;margin-top:0px;}
    .footer_widget3 {float:left;}
    
    .left-footer-content, .right-footer-content {margin-top:30px;}
    
    /* WITH SIDEBAR */
    
    .mainwrap.sidebar .content.blog, .mainwrap.single-default.sidebar .main .content.singledefult,.sidebar .content.singlepage{width:60% !important;margin-right:1% !important;}
    .sidebar .content.singlepage {width:55% !important;}
    .mainwrap.sidebar .postcontent, .mainwrap.single-default.sidebar .content.singledefult .related img  {width:100% !important;}
    .mainwrap .sidebar {width: 27.4% !important; float: left; } 
    .widget-line {width:100%;}
    .mainwrap.blog.sidebar .main .content.blog .blogimage img, .mainwrap.single-default.sidebar .main .content.singledefult .blogsingleimage img {padding:0;}
    .link-category .title, .sidebar .link-category .title {display:block;float:left;position:relative;width:100%;margin-top:0;padding:0 !important; }
    .su-column img {height:auto;}
    
    .block2_text {width:48%;max-height:initial;}
    .testimonial-image {width:30%;}
    .testimonial-content {width:70%;}
    .promotion-title h2 {font-size:40px !important;}
}


@media screen and (min-width:0px) and (max-width:960px){
    
    
    
    textarea#comment {width:85%;}
    .pagenav .menu, .postcontent.singledefult .share-post::before, .postcontent.singledefult .share-post::after, .blog-category:before, .blog-category:after{display:none;}
    .pagenav {padding: 0px 3.2%;margin-left:-3.2%;width:100%;float:left;background: #31323e;}
    .pagenav .social_icons {position:relative;text-align:center ;left:50%;margin:0 auto !important;margin-left:-70px !important;float: none;margin-top: 70px !important;}
   
    
    /* MENU */
    
.respMenu {width:100% !important;float:none !important; text-transform:uppercase;background:#fff;background:rgba(255,255,255,1);border-left:1px solid #eee;border-right:1px solid #eee; text-align: center; color:#121212;font-weight:normal;     cursor:pointer;display:block;position: absolute;/* z-index: 9; */}
    .resp_menu_button {position:absolute;display:inline-block;  text-align:center;margin:0 auto;top: 42px;color:#fff;left: 20px;width:32px;height:24px;margin-left: 0;z-index: 9999999;}
    .top-search-form {margin:-40px 20px 30px 0;}
    .logged-in .resp_menu_button {top: 25px;}
    .respMenu.noscroll a i {display:none;}
    
    .respMenu .menu-main-menu-container {position: absolute;width: 100%;z-index: 9;}
    .event-type-selector-dropdown {display:none;margin-top:77px;}
    .respMenu a{border-left:1px solid #eee;border-right:1px solid #eee; background:#fff;width:94%;font-size:14px;font-weight:bold;padding:10px 3%; border-bottom:1px solid #ddd;text-transform:uppercase !important;float:left;text-align: left !important;text-transform:none;font-weight:normal;}
    

    .right-part {width:80%;}
    .mainwrap.single-default.sidebar .right-part {width:55% !important;}
    .blog_social, .socialsingle {margin-top:45px;}
    textarea {width:97%;}
    
    .mainwrap.blog .blog_social,.mainwrap.single-default .blog_social {margin:0 0 30px 0;}
    .mainwrap.single-default .blog_social {margin-left:30px;}
    .quote-category .blogpostcategory .meta p:before, .quote-category .blogpostcategory .meta p:after {display:none;}
    .quote-category .blogpostcategory p {text-indent:0;}
    
    .block2_text{margin-left:0; background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:90%;}
    .block2_img {text-align:center;background:none;width:100%;padding:35px 0;}
    .block2_img .block2_img_big{float:none}
    .block2 {background:#fff;}
    
    .testimonial-image {width:35%;}
    .testimonial-content {width:65%;}
    
    .news-container .blogpostcategory {margin-right:0;}
    .promotion-title h2 {font-size:36px !important;}
    
}

@media screen and (min-width:0px) and (max-width:768px){
    h1 {font-size:48px !important;}
    h2 {font-size:36px !important;}
    h3 {font-size:28px !important;}
    h4 {font-size:24px !important;}
    h5 {font-size:22px !important;}
    h6 {font-size:18px !important;}
    .right-part{width:78%;}
    .mainwrap.single-default.sidebar .right-part  {width:75% !important;}

    .link-title-next {float:left;padding-left:25px;}
    .link-title-next span, .next-post-title {float:left;text-align:left;}
    
    .blog-category em:before,.blog-category em:after{display:none;}
    
    /* WITH SIDEBAR */
    .bibliographical-info {padding:0 20px;}
    .mainwrap .sidebar {width:80% !important;float:left !important;margin-left:0;}
    .mainwrap.blog.sidebar .sidebar, .mainwrap.single-default.sidebar .sidebar, .mainwrap.sidebar .sidebar, .sidebar .widget {margin-left:0;}
    .mainwrap.sidebar .content.blog, .mainwrap.single-default.sidebar .main .content.singledefult,.sidebar .content.singlepage {width:100% !important;}
    .sidebar .content.singlepage, .content.singlepage {width:85% !important;}
    #footer .wttitle {float:none;}
    
    /* NEWSLETTER */
    
    #mc_embed_signup input#mce-EMAIL {width:auto;height:40px;}
    #mc_embed_signup input#mce-EMAIL, #mc_embed_signup input#mc-embedded-subscribe {height:36px !important;margin-top:30px !important;}
    .tp-mask-wrap {height:100px !important;}
    
    .event-type-selector-dropdown {display:none;margin-top:65px;}
    .testimonial-text {font-size:18px;}
    
    .testimonial-image {width:40%;}
    .testimonial-content {width:60%;}
    .promotion-title h2 {font-size:30px !important;}
}

@media screen and (min-width:0px) and (max-width:720px){
    #footer .widget h3{text-align:center;}
    .footer_widget1, .footer_widget2, .footer_widget3 {width:100%;text-align:center;}
    .footer_widget3 {margin-bottom:30px;}
    .footer_widget2 .widget.widget_text p {padding-left:0;}
    #footer .social_icons {float:left;margin-top:20px;position:relative;left:50%;margin-left:-100px;  }
    .footer_widget1 {margin-bottom:30px;}
    
    #footerb .copyright {float:left;margin-top:30px; text-align:center;}
    .right-part {width:75%;}
    .widget-date {text-align:left;}

    img.alignleft, img.alignright {width:100%;height:auto;margin-bottom:20px;}
    #mc_embed_signup input#mce-EMAIL, #mc_embed_signup input#mc-embedded-subscribe {margin-top:40px !important;}
}

@media screen and (min-width:0px) and (max-width:620px){
    .presenter-grid-2 .presenter-blog-content {padding-bottom:25px;}
    .quote-category .blogpostcategory {font-size:24px;line-height:34px;}
    .mainwrap.blog.sidebar h2.title, .mainwrap.single-default.sidebar h2.title {font-size:24px !important;}
    .block1 a{width:94%;padding-left:3%;padding-right:3%; float:left;}
    .block1 p, .block1 a:hover p {}
    .block1 {background:#FAFAFA;}
    .block2_social {width: 100%;left:0;margin:0; position:relative;float:left;background:#f4f4f4 !important;padding:25px 0 15px 0;}
    .block2_social .social_content {width:auto;}
    
    .left-footer-content, .right-footer-content {width:100%;float:left;text-align:center;margin-top:0;}
    
    .related .one_third {width:100%;margin-bottom:30px;}
    .right-part {width:70%;}
    
    .mainwrap.blog .blog_social,.mainwrap.single-default .blog_social {float:left !important;margin-top:30px !important;}
    .addthis_toolbox a:first-child{margin-left:0;}
    
    .post-meta {margin-left:0;}
    
    .blog_social, .socialsingle {float:left;margin:10px 0;}
    
    .bottomBlog {float:left;}
    
    .block2_content {margin-top:10px;}
    
    /* INSTAGRAM */
    
    h5.block3-instagram-title {font-size:36px !important;}
    .block3-instagram-username {display:none;}
    .link-category .title a {line-height:40px;}
    
    #mc_embed_signup input#mce-EMAIL, #mc_embed_signup input#mc-embedded-subscribe {margin-top:50px !important;}
    
    .top-search-form i{padding:10px;margin-top:25px;}
    .pagenav .social_icons {margin-bottom:120px !important;}
    .logged-in .resp_menu_button {top:22px;}
    .promotion-title h2 {font-size:26px !important;}
}
    
    
@media screen and (min-width:0px) and (max-width:515px){    
    
    .resp_menu_button{top:42px;}
    .specificComment .blogAuthor {display:none;}
    .right-part {width:100%;}
    .mainwrap.single-default.sidebar .right-part  {width:100% !important;}
    h1 {font-size:40px !important;}
    h2, .mainwrap.blog.sidebar h2.title, .mainwrap.single-default.sidebar h2.title {font-size:20px !important;}
    h3 {font-size:24px !important;}
    h4 {font-size:20px !important;}
    h5 {font-size:18px !important;}
    h6 {font-size:16px !important;}
    .blog_category {font-size:13px;}
    .gallery-single {text-align:center;}
    .image-gallery, .gallery-item {float:none;}
    
    .post-meta:after {display:none;}
    .post-meta{font-size:12px !important;}
    
    
    .block2_text{width:80%;}
    #mc_embed_signup input#mce-EMAIL, #mc_embed_signup input#mc-embedded-subscribe {margin-top:60px !important;}
    
    .testimonial-image {width:100%;text-align:center;}
    .testimonial-content {width:100%;}
}

@media screen\0 {
     .resp_menu_button{margin-left:48%;}
}

@media screen and (min-width:0px) and (max-width:415px){    
    .top-search-form {display:none;}
}


/* menu responsivo marco paz */
@media screen and (max-width: 1100px){

 body #menu-main-menu-container {
    width: 60% !important;
    float: left;
    text-align: center;
    /* border-bottom: 1px solid #eee; */
    margin-top: 10px;
}
 
}


@media screen and (max-width: 960px) {
    #logo {
    width: 30%;
   margin: 33px 0 0 40% !important;
    float: left;
}
.top-search-form{
    display: none;
}

.pagenav .social_icons {
    position: relative;
    text-align: center;
    left: 50%;
    margin: 0 auto !important;
    margin-left: -70px !important;
    float: none;
    margin-top: 0px !important;
}

.pagenav .social_icons {
    position: relative;
    text-align: center;
    left: 20%;
    margin: 0 auto !important;
    margin-left: -70px !important;
    float: none;
    margin-top: 33px !important;
}



}

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

    #logo {
    width: 30%;
   margin: 33px 0 0 30% !important;
    float: left;
}

}

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

    #logo {
    width: 20%;
   margin: 33px 0 0 25% !important;
    float: left;
}

.pagenav .social_icons {
    position: relative;
    text-align: center;
    left: 30%;
    margin: 0 auto !important;
    margin-left: -70px !important;
    float: none;
    margin-top: 33px !important;
}

}

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

    #logo {
    width: 20%;
   margin: 33px 0 0 19% !important;
    float: left;
}

.pagenav .social_icons {
    position: relative;
    text-align: center;
    left: 35%;
    margin: 0 auto !important;
    margin-left: -70px !important;
    float: none;
    margin-top: 33px !important;
}

}

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

    #logo {
    width: 20%;
   margin: 33px 0 0 19% !important;
    float: left;
}

#logo img{
    width: 190px;
}
.pagenav .social_icons {
    position: relative;
    text-align: center;
    left: 35%;
    margin: 0 auto !important;
    margin-left: -70px !important;
    float: none;
    margin-top: 33px !important;
}

}

@media screen and (max-width: 600px){
#wpadminbar {
     position: fixed; 
}
}

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

    #logo {
    width: 20%;
   margin: 37px 0 0 19% !important;
    float: left;
}

#logo img{
    width: 150px;
}
.pagenav .social_icons {
    position: relative;
    text-align: center;
    left: 35%;
    margin: 0 auto !important;
    margin-left: -70px !important;
    float: none;
    margin-top: 33px !important;
}

}

@media screen and (max-width: 1220px){
body .presenter-grid .blogpostcategory{
    width: 200px;
}   

}
