/**
 * Theme Name: Raisons d'Agir
 * Theme URI: http://templatic.com/ecommerce-themes/supreme/
 * Description: Thème du site Web des éditions "Raisons d'Agir" basée sur le thème Publisher
 * Version: 10
 * Author: Templatic / Jérôme Morlon
 * Author URI: http://templatic.com / http://www.iperiago.com
 * Template: supreme
 */

/* Importing the parent theme stylesheet. */
@import url( '../supreme/style.css' );

/* Importing Fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

/*	--------------------------------------------------
	:: GLOBAL RESET
	-------------------------------------------------- */

body {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight:normal;
    color: #4f4b41;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', serif;
    font-style: normal;
    font-weight: normal;
    padding: 12px 0;
    }

h1 {font-size: 36px;line-height: 48px;}
h2 {font-size: 24px;line-height: 36px;}
h3 {font-size: 18px;line-height: 30px;}
h4 {font-size: 16px;line-height: 24px;}
h5 {font-size: 12px;line-height: 21px;}
h6 {font-size: 9px;line-height: 15px;}

ol {
	margin-left: 20px;
	list-style: decimal inside;
	}
	
ul {
	list-style: disc inside;
	}
	
ul li {
	padding-left: 0;
	}

.left { float: left; }

.right { float: right; }

.clearfix { clear:both; }

.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}
	
div#menu-primary, 
#header, 
div#menu-secondary, 
.sidebar-after-header, 
#main, 
.sidebar-subsidiary, 
div#menu-subsidiary, 
#footer { 
	width: 1280px;
	}
	
form {
	font-family: 'Roboto', serif;
	margin: 20px 0;
	}
	
.indicates {
	color:red;
	}
		
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="email"], 
input[type="month"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input.input-text, input[type="time"], 
input[type="url"], input[type="week"], 
select, 
.selectbox,
textarea {
	background-color: #ffffff;
	border: 1px solid #cccccc !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: 'Roboto', serif;
	font-size: 14px;
	color: #666666;
	font-weight: normal;
	padding: 8px 10px;
	}
	
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="email"]:focus, 
input[type="month"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="text"]:focus, 
input.input-text:focus, 
input[type="time"]:focus, 
input[type="url"]:focus,
input[type="week"]:focus, 
select:focus, 
textarea:focus {
	border-color: #ed5944; 
	color: #141414;
	}
	
input[type="reset"], 
input[type="submit"], 
input[type="button"], 
button,
.button,
a.follow_us_twitter {
	height: 45px;
	background: #575757;
	border: none;
    border-radius: 0 !important;
	font-family: 'Roboto', serif;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 8px;
	}
	
input[type="reset"]:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover, 
button:hover,
.button:hover,
a.follow_us_twitter:hover {
	opacity: .9;
	background-color: #453F31;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #fff;
	}
	
input[type="reset"]:active, 
input[type="submit"]:active, 
input[type="button"]:active, 
button:active,
.button:active {
	position: relative;
	top: 1px;
	}
	
	input.btn_update_profile {
								background: #ed5944;
								color: #ffffff;
	}
	
.reverse {
	background: #4B4B4B;	
	}
	
.reverse:hover {
	background: #ed5944;
	}
	
#content h1 {
	font-size: 40px;
	padding-top: 0;
	}
    
.uploadfilebutton {
    top: 0 !important;
    height: 46px;
    }
    
.upload span {  
	display: block;
    line-height: 28px;
    text-align: center;
    }
    
#profile_photo { position: absolute !important; width: 123px !important; }

#librairies p {
	padding: 5px 0;
}
	
	
/*	--------------------------------------------------
	:: HEADER
	-------------------------------------------------- */

.container-wrap-header {
    background-color: #ffffff;
}

#header {
	padding-top: 5px;
	}
	
.header-wrap {
	background: none;
	}
	
#branding {
	width: auto;
	padding: 0 0;
	}

#site-title {
    padding-top: 35px;
    padding-bottom: 15px;
}

#site-title a {
	}
	
#site-title a img {
	display: block;
    margin-top: 10px;
	max-width: 90%;
    margin-left: 20px;
	}
	
#site-description {
	font-family: 'Roboto', serif;
	font-size: 15px;
	color: #8c8a87;
	line-height: normal;
	text-align: left;
	padding: 0;
	}
	
.primary_nav_bg {
	background-color: #d51317;
	}
	
.home_page_banner {
	width: 100%!important;
    overflow: hidden;
}

.home_page_banner .widget {
    width: 100%;
}
	
.header_right {
	width: 350px;
	float: right;
	padding: 0;
    padding-top: 3px;
	}
	
/*------ Flex slider ------**/

.home_page_banner .widget {
	margin: 0;
	}

.flexslider {
    max-width: 1280px;
    width: 1280px;
    margin: 0 auto!important;
}


.flex-viewport {
    height: auto !important;
    overflow: visible!important;
}

.flexslider .slides {
	padding: 10px 0;
	}

.flexslider .slides li {
	border: none;
	padding: 0 !important;
    position: relative;
    display: block;
    margin: 0 auto;
}


.flexslider .slides li .slider-post h2 { 
	font-size: 15px;
	color: #141414;
	line-height: normal;
	padding: 0;
	}
	
.flexslider .slides li .slider-post {
    position: absolute;
    top: 20%;
    left: 44%;
	display: block;
	width: 45%;
	}

.flexslider .slides li .slider-post .label,
.flexslider .slides li .slider-post .collection,
.flexslider .slides li .slider-post h2 a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 15px;
    line-height: 18px;
    }

.flexslider .slides li .slider-post .collection {
    display: inline-block;
    border-bottom: 1px solid #ffffff;
    margin-top: -3px;
    }

.flexslider .slides li .slider-post h2 {
    padding-top: 15px;
}

.flexslider .slides li .slider-post h2 a {
    font-size: 34px;;
    line-height: 42px;
    font-family: 'Oswald', sans-serif;
    }
	
.flexslider .slides li .slider-post p,
.flexslider .slides li .slider-post .product_author,
.flexslider .slides li .slider-post span.product_proce {
    display: none;
	}

.flex-control-paging {
	display: none;
	}
	
.home_page_banner .flex-direction-nav li {
	border: none;
	padding: 0;
	}
	
.home_page_banner .flex-direction-nav li a {
	width: 40px;
	height: 65px;
	background-repeat: no-repeat;
	position: absolute;
	top: 45%;
	text-indent: -9999px;
	opacity: 1;
	}
	
.home_page_banner .flex-direction-nav li a.flex-prev {
    left: 50%;
    margin-left: -620px;
    background-image: url(images/ra_slider_arrow_left.png);
    padding: 0 12px;
    }
	
.home_page_banner .flex-direction-nav li a.flex-next {
    right: 50%;
    margin-right: -620px;
    background-image: url(images/ra_slider_arrow_right.png);
    padding: 0 12px;
    }
	
.flexslider .slides li .post_img {
	margin: 20px 10px;
    display: inline-block!important;
    *display: inline!important;
    float: none!important;
    }

.flexslider .slides li .post_hover_img {
    position: absolute;
    top: 18%;
    left: 75px;
    opacity: 1;
}

.flexslider .slides li .post_hover_more {
	display: none;
    position: absolute;
    bottom: 18%;
    left: 44%;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid #ffffff;
    font-family: 'Oswald', sans-serif;
    opacity: 0;
}

.flexslider .slides li .post_hover_more a {
    color: #ffffff;
}

.flexslider .slides li .post_img:hover .post_hover_img,
.flexslider .slides li .post_img:hover .post_hover_more {
    opacity: 1;
}

body .flexslider .slides div.carousel .dark {
    display: inline-block;
    background-color: #000000;
    }

body .flexslider .slides div.carousel .dark img {
    opacity: .5;
    }

.flexslider .slides li .post_img:hover .dark {
    background-color: #1691B9;
}

.flexslider .slides li .post_img:hover .generic {
    opacity: 0.7;
}

.flexslider .slides li .post_img:hover .dark img {
    opacity: 0;
}

body .flexslider .slides div.carousel .generic {
    display: inline-block;
}

body .flexslider .slides div.carousel .generic img {
    opacity: .3;
}

/*	--------------------------------------------------
	:: MEGA MENU
	-------------------------------------------------- */

.main_nav_in .widget { margin-bottom:0; }
.mega-menu ul.mega ul, .mega-menu ul.mega li { list-style: none;  padding: 0;  margin: 0; }
.mega-menu ul.mega ul { display: none; /* Hides non-mega links */ }
.mega-menu ul.mega .sub ul { display: block; /* overrides above hide */ }

/* Main menu styles */
.mega-menu ul.mega { width: 100%;   position: relative; /* Important - required for positioning of mega menu */  }
.mega-menu ul.mega li { float: left;  }
.mega-menu ul.mega li a { 
	display: block;
	background: none;
	border: none;
	font-family: 'Oswald', serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	padding: 20px 40px;
	line-height: normal;
	}
	
.mega-menu ul.mega li:hover > a,	
.mega-menu ul.mega li a:hover,
.mega-menu ul.mega li.current-menu-item a {
	background-color: #6b1514;
    color: #FFFFFF;
    position: relative;
    text-decoration: none;
	}
	
.mega-menu { clear: both; position: relative; z-index: 1; width: 1280px; background-color: #d51317; margin: 0 auto; }
.mega-menu ul.mega {
    clear: right;
    display: block;
    float: left;
	margin: 0;
}
.mega-menu ul.mega li {
	background: none;
    display: block;
}
.mega-menu ul.mega li:hover { background: none; }
.mega-menu ul.mega li { padding: 0; }


/*	--------------------------------------------------
	:: CONTENT 
	-------------------------------------------------- */
#content {
	width: 66%;
	padding-top: 30px;
	}
	
#main .wrap {
	background:  none;
	}
	
#main .wrap h1 {
	font-size: 40px;
	padding: 10px;
	line-height: normal;
    font-weight: normal;
	}
	
.hfeed {
	border: none;
	}
	
.content_widget {
    padding: 20px 0 0;
    position: relative;
    background: #ffffff;
}

.content_widget .widget {
    clear: none;
    float: left;
    margin: 0 0 0 2%;
    width: 27%;
	}

.content_widget #tabview {
    height: 42px;
    margin-bottom: 10px;
    border-bottom: 5px solid #9a9181;
}

.content_widget #tabview a {
    width: 25%;
    float: left;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 22px;
    display: block;
    color: #9a9181;
    background-color: #ffffff;
    padding: 0;
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-left: 1px solid #9a9181;
}

.content_widget #tabview a:first-child {
    border-left: 1px solid transparent;
}

.content_widget #tabview a:last-child {
    width: 25%;
}

.content_widget #tabview a.active {
    color: #ffffff;
    border-top: 10px solid #9a9181;
    border-bottom: 10px solid #9a9181;
    background-color: #9a9181;
    margin-top: 0;
    margin-right: -1px;
}

.content_widget .widget:first-child, .content_widget .widget:nth-child(2), .content_widget .widget:nth-child(3), .content_widget .widget:nth-child(4), .content_widget .widget:nth-child(5) {
    width: 67%;
    margin: 0 1% 0 3%;
}

.content_widget .widget:nth-child(3), .content_widget .widget:nth-child(4), .content_widget .widget:nth-child(5) {
    display: none;
}

#home-text, #home-message, .latestnews {
    padding: 35px 15px;
}

#home-text {
    background-color: #e5e5e5;
    letter-spacing: 1px;
    line-height: 25px;
    margin-top: -78px;
    }

#home-quote {
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 1.8em;
    line-height: 38px;
    font-family: 'Oswald', sans-serif;
}

#home-quote .quote {
    background: url(images/ra_giant_quote.png) 0 15px no-repeat;
    float: left;
    width: 105px;
    height: 70px;
    }

#home-message {
    background-color: #b5ada1;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    }

#home-message h3 {
    text-transform: uppercase;
    font-size: 29px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: normal;
    color: #ffffff;
    }

.latestnews {
    background-color: #faf9f8;
    font-size: 16px;
    letter-spacing: 1px;
    }

.latestnews h3.widget-title, .latestnews ul li a {
    text-transform: uppercase;
    color: #e9632f;
    }

.latestnews h3.widget-title {
    font-size: 29px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: normal;
    }

.latestnews ul {
    list-style: none;
    }
	
/*	--------------------------------------------------
	:: FOOTER
	-------------------------------------------------- */

.container-wrap-footer {
    background-color: #0f0f0f;
    color: #ffffff;
    font-family: 'Roboto', serif;
}

.container-wrap-footer a {
    color: #ffffff;
    text-decoration: underline;
}

#footer {
    font-size: 14px;
    line-height: inherit;
    text-transform: none;
    padding: 0 15px 20px 15px;
    }

#footer p {
    padding: 0;
}

#footer h3 {
    text-transform: uppercase;
    font-family: 'Oswald', serif;
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: 1px;
    display: block;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 15px;
    }

#footer .tel, #footer .address {
    display: block;
    min-height: 32px;
    font-size: 1.5em;
    padding: 4px 0 10px 40px;
}

#footer .tel {
    background: transparent url(images/ra_tel.png) left center no-repeat;
}

#footer .address {
    background: transparent url(images/ra_address.png) left center no-repeat;
}
	
.footer-wrap {
	background: none;
	border-top: none;
	text-transform: none;
	padding: 25px 0 0 0;
	}
	
.footer_widget {
    padding: 20px 0;
    position: relative;
	}
	
.footer_wid_cont {
	margin-left: -6%;
	}
	
.footer_widget .widget {
    clear: none;
    float: left;
    margin: 0 0 0 6%;
    width: 27.3%;
	}

/*	--------------------------------------------------
	:: SIDEBAR
	-------------------------------------------------- */
	
#sidebar-primary, #sidebar-secondary {
	width: 29%;
	border: none!important;
    padding: 0;
    }
	
.sidebar {
	border-left: 1px solid #D9D9D9 !important;
	padding: 36px 0 0 30px;
	}
	
.layout-2c-r .sidebar {
	border-right: 1px solid #D9D9D9 !important;
	border-left: none !important;
	padding: 36px 30px 0 0;
	}
	
.widget-inside {
	padding: 0;
	}
	
.widget {
	margin-top: 0;
	}
	
/*	--------------------------------------------------
	:: WIDGET 
	-------------------------------------------------- */
	
.popular_post ul li .post_data h3 {
	border: none;
	font-size: 16px;
	line-height: 20px;
	}
	
.widget {
	margin-bottom: 40px;
	}

.widget h3,
.widget-title,
.widget-search .widget-title {
	background: none;
	font-family: 'Roboto', serif;
	font-size: 21px;
	color: #141414;
	font-weight: normal;
	text-transform: none;
	padding-bottom: 8px;
	}
	
.widget ul li {
	padding: 10px 0;
	border-bottom: none;
	}
	
.widget ul li li {
	border-bottom: none;
	}
	
.widget ul ul {
	border-left: 1px dotted #dddddd;
	}
	
/*----- Search widget -----*/
	
.widget-search input[type="text"] {
	font-size: 14px;
	}
	
/*----- Posts widget -----*/
	
.sidebar .category-blog {
	padding-top: 15px;
	}
	
/*----- Subscribe news widget -----*/

.footer_widget .widget h3 {
	border-bottom: none;
	font-size: 15px;
    color: #ffffff;
	}
	
.subscribe form {
	margin: 0;
	}

.subscribe form p {
	display: block !important;
	background: none;
	padding-left: 0;
	}

.subscribe form {
    margin-top: -5px;
}

.subscribe form input[type="text"] {
	width: 100%;
    height: 22px;
    text-transform: uppercase;
    font-size: 12px;
    color: #6b1514;
    border-color: #efa3a5!important;
    padding: 0 8px;
	}

::-webkit-input-placeholder {
    color: #6b1514;
}

:-moz-placeholder { /* Firefox 18- */
    color: #6b1514;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #6b1514;
}

:-ms-input-placeholder {
    color: #6b1514;
}
	
.subscribe form input.replace {
	padding: 8px 15px;
    visibility: hidden;
    left: -9999px;
	}
	
/*----- Header Search widget -----*/

.header_right .widget {
	margin: 0;
	}

.header_right .widget h3, .header_right a.advanced {
    border: 0;
    text-transform: uppercase;
    font-weight: bold!important;
    color: #575757;
    padding: 0 0 0 20px;
    margin-top: 20px;
	}

.header_right .widget h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    }

.header_right a.advanced {
    text-decoration: underline;
    font-family: 'Roboto', serif;
    font-size: 12px;
    }

.search-form {
	margin: -5px 0;
	}

.search-form input[type="text"] {
	background: url("images/ra_search.png") no-repeat 5px 5px #ffffff;
	height: 45px;
    width: 250px;
	margin: 0;
	padding: 10px 0 8px 45px;
    text-transform: uppercase;
	}

.header_right .newsletter_subscribe_footer_widget {
    position: absolute;
    width: 279px;
    z-index: 2;
    }

.header_right .newsletter_subscribe_footer_widget h3 {
    text-transform: none;
    padding-left: 0;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: normal!important;
    }

.header_right .newsletter_subscribe_footer_widget form input:nth-child(1) {
    display: none;
}
	
/*----- Latest News -----*/

.widget .latestnews ul {
	margin: 0;
	border: none;
	}
	
.widget .latestnews p {
	padding: 0;
    text-transform: uppercase;
}

.error-404 .publisher_latest_posts {
    margin-top: 20px;
}

.widget .latestnews .excerpt p {
    color: #000000;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 10px;
}

.widget .latestnews p a {
    font-size: .9em;
    text-decoration: underline;
}

.widget .latestnews ul li {
	border: none;
	line-height: 20px;
	padding: 8px 0;
	}

.widget .latestnews ul li p {
	font-size: 13px;
    color: #4f4b41;
	padding: 0;
    }
	
/*----- Latest Products -----*/

.home .latest_product {
    margin-bottom: 20px;
}

.latest_product li .product span {
    margin: 0!important;
    }

.latest_product .product {
    margin-left: -30%;
    width: 90%!important;
}

.latest_product .product_author {
    color: #857e70;
    font-size: 15px;
    letter-spacing: 1px;
    padding-top: 8px;
    }

.latest_product h3, .latest_product h2, .latest_product h4 a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 0;
    line-height: 22px;
    }

.latest_product h2 a {
    color: #635945;
    font-size: 18px;
    font-weight: bolder!important;
    }

.latest_product h4 a, .latest_product h4, .latest_product p {
    color: #857e70;
    font-size: 15px;
    padding: 0;
    margin: 0;
}

.latest_product .price {
    display: none;
    }

.latest_product ul li {
    float: left;
    width: 49%;
    position: relative;
    height: 460px;
    background-color: #f1eeee;
    margin-bottom: 20px;
    }

.latest_product ul li:nth-child(odd){
    margin-right: 1%;
}

.latest_product ul li:nth-child(even){
    margin-left: 1%;
}

.latest_product ul li .product_img img {
	position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -95px;
    width: 189px;
    height: 300px;
    box-shadow: 3px 3px 3px #aaa;
    }

.more_references {
    color: transparent;
    font-size: 0px;
    padding-left: 20px;
}

a.latest_more, .more_references a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 20px 0;
}

.more_references a {
    float: left;
    font-size: 15px;
    padding: 5px 10px;
}

.more_references a:last-child {
    padding-bottom: 20px;
}

/*	--------------------------------------------------
	:: BLOG LISTING
	-------------------------------------------------- */
	
.loop-meta,
h1.archive-title {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    line-height: 22px;
    display: block;
    color: #9a9181;
    background-color: #ffffff;
    font-size: 18px!important;
    text-align: left;
	padding: 20px 0!important;
    border: 0;
	}

.loop-title {
	display: none;
	}

.search #content, .archive #content {
    padding-top: 0;
    width: 67%;
    margin: 0 2% 0 1%;
}

.hentry.error {
    padding: 2%;
    font-family: 'Roboto', serif;
}

.hentry.error .entry-summary {
    font-size: 18px;
}

.arclist {
    display: none;
}

.loop-entries li {
    padding-left: 0;
}

.loop-entries li.dd-product,
#loop_product_taxonomy .dd-product {
    clear: none;
    float: left;
    position: relative;
    width: 49%;
    height: 460px;
    background-color: #f1eeee;
    padding: 20px;
    margin: 0;
    margin-bottom: 20px;
}

#loop_product_taxonomy .dd-product {
    padding: 0;
}

.loop-entries li.dd-product:nth-child(odd),
#loop_product_taxonomy .dd-product:nth-child(odd) {
    margin-right: 1%;
}

.loop-entries li.dd-product:nth-child(even),
#loop_product_taxonomy .dd-product:nth-child(even) {
    margin-left: 1%;
}

.loop-entries li.dd-product .featured-image-link img,
#loop_product_taxonomy .dd-product .priduct-image {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -95px;
    width: 189px!important;
    height: 290px;
    box-shadow: 3px 3px 3px #aaa;
}

.loop-entries li.dd-product .featured-image-link,
#loop_product_taxonomy li.dd-product .priduct-image {
    float: none;
    margin: 0;
    padding: 0;
}

.loop-entries .entry-title,
#loop_product_taxonomy .entry-title {
    padding: 0!important;
}

.loop-entries .entry-title, .loop-entries .entry-title a,
#loop_product_taxonomy .entry-title, #loop_product_taxonomy .entry-title a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 0;
    line-height: 22px!important;
    color: #635945;
    font-size: 18px;
    font-weight: bolder!important;
    margin-bottom: 0!important;
}

.loop-entries .collection,
#loop_product_taxonomy .collection {
    color: #857e70;
    font-size: 15px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

.loop-entries .product_author,
#loop_product_taxonomy .product_author {
    color: #857e70;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 30px;
}

#loop_product_taxonomy .entry-summary, .search .entry-summary {
    display: none;
}

.search .error .entry-summary {
    display: block;
}

#loop_product_taxonomy .entry {
    padding: 20px;
    width: auto!important;
}

/*----- PAGINATION -----**/
	
.loop-nav, .pagination, .comment-pagination, .bbp-pagination {
	background: none;
	text-align: center;
	padding: 10px 0 30px 0;
	}
	
.loop-nav span.previous, .loop-nav span.next, .pagination .page-numbers, .comment-pagination .page-numbers, .bbp-pagination .page-numbers {
	font-size: 14px;
	font-weight: bold;
	padding: 4px 11px 3px;
	margin-right: 5px;
    font-family: 'Oswald', sans-serif;
    text-decoration: underline;
    background: none;
	}

.page-numbers.next, .page-numbers.prev, .loop-nav span.previous, .loop-nav span.next {
    text-decoration: none!important;
    font-size: 18px;
}
	
.loop-nav span.previous:hover, 
.loop-nav span.next:hover, 
.pagination .page-numbers:hover, 
.comment-pagination .page-numbers:hover, 
.bbp-pagination .page-numbers:hover,
#content .pos_navigation .post_right a:hover,
#content .pos_navigation .post_left a:hover {
	}
	
.pagination .current, 
.comment-pagination .current, 
.bbp-pagination .current {
    }

	
/*	--------------------------------------------------
	:: BLOG DETAIL
	-------------------------------------------------- */
	
.form_row {
    padding: 0 0 20px;
    position: relative;
	}
	
.entry-title, .byline, .entry-content, .entry-author, .entry-meta {
	border: none;
	}

.page-title.entry-title, .page-title.entry-title a, .singular-post .published {
    width: 100%;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    line-height: 22px;
    display: block;
    color: #9a9181;
    background-color: #ffffff;
    font-size: 18px!important;
    text-align: left;
    padding: 0 1%!important;
    margin-top: 20px;
    border: 0;
	}

.error-404 .entry-title {
    margin-top: -30px!important;
}

.singular-post .wrap, .error-404 .wrap, .search .wrap, .archive .wrap {
    background: #ffffff !important;
}

.singular-post .byline {
    background: transparent;
    font-weight: normal;
    margin: 0;
    padding: 10px;
}

.singular-post .published {
    margin: 0;
    padding: 0!important;
}

.singular-post h1.entry-title, .error-404 .entry-title {
    color: #6f6f6f;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
    font-weight: bold;
    width: auto;
    margin-top: 20px;
}

.singular-page #content, .singular-post #content {
    padding-top: 0;
}

.singular-post-1 #content {
    padding-top: 30px;
}

.singular-dd-product #content {
    padding: 1%;
    width: 98%;
    background: #ffffff;
}

.singular-page .byline, .singular-page .entry-title {
    display: none;
	}

.singular-page-5 .entry-content,
.singular-page-1097 .entry-content,
.singular-post .entry-content,
.error-404 .entry-content, .error-404 h4,
.archive .entry-summary {
    font-family: 'Roboto', serif;
    font-size: 18px!important;
    line-height: 30px;
    padding: 10px;
}

.singular-page-5 .entry-content a,
.singular-page-1097 .entry-content a,
.singular-post .entry-content a {
    text-transform: uppercase;
    text-decoration: underline;
}

.singular .entry-content, .error-404 .entry-content {
    margin-bottom: 0!important;
    padding-right: 20px!important;
}

.post .entry-content {
    padding: 0;
}

.singular-page .entry-content {
    padding: 0;
}


.singular-page #text-14,
.search #text-14,
.error-404 #text-14 {
    display: none;
}

.singular-post #home-text {
    margin-top: -100px;
}

.singular-post .widget, .archive .widget, .error-404 .widget {
    margin-bottom: 0;
}

.singular-post-1 #home-text {
    margin-top: 150px;
    background-color: #f74c4a;
    color: #FFFFFF;
}

.singular-post-1 #home-quote .quote {
    background: url(images/ra_giant_quote_white.png) 0 15px no-repeat;
    float: none;
}

.singular-post-1 .published {
    color: #f74c4a;
    font-size: 2.5em!important;
    margin-top: 50px;
}


.archive #home-text {
    margin-top: 0;
}

.archive .viewsbox {
    display: none;
}

.singular-page-5 .entry-content h2,
.post .entry-content h2 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    color: #cb0000;
    padding-top: 30px;
}

.singular-post .byline {
	display: none;
}

.singular-page-5.layout-2c-r #main .wrap {
    background: #ffffff url(images/ra_bkg_contact.png) top center no-repeat!important;
    background-size: 100%;
}

.singular-page-5 #content {
    padding-top: 480px;
}

.singular-post-1.layout-2c-r #main .wrap {
    background: #ffffff url(images/ra_bkg_quisommesnous.png) top center no-repeat!important;
    background-size: 100%;
}

.singular-post-1 #content {
    padding-top: 480px;
}

.singular-page-6 .latestnews {
    margin-top: -78px;
}

.singular-page-1716 .latestnews {
    margin-top: -20px;
}

.wpcf7 {
    margin-top: 150px!important;
    width: auto;
    background: #e55421;
    padding: 40px 15px 15px 15px!important;
}
.Contact, .wpcf7 {
    margin-bottom: 0!important;
}

.privacy {
    padding: 15px;
    font-family: 'Roboto', serif;
    font-size: 15px;
    width: auto;
    background: #dedad4;
    color: #635945;
}

.wpcf7 h3 {
    font-size: 18px;
    color: #ffffff;
}

.wpcf7 label, .wpcf7 label:hover {
    padding-left: 20px;
    text-transform: uppercase;
    cursor: auto;
    color: #ffffff!important;
}

.wpcf7 .indicates {
    color: #ffffff!important;
}

.wpcf7 label:before {
    content: '> ';
}

.wpcf7 input, .wpcf7 textarea {
    border: 0!important;
}

.wpcf7 input[type="submit"] {
    background: #ffffff url(images/ra_contact_submit_bkg.png) 10px center no-repeat;
    background-size: 10px;
    float: right;
    color: #e55421;
    font-family: 'Roboto', serif;
    font-size: 15px;
    height: auto;
    padding: 5px 10px 5px 25px;
}

.wpcf7 input[type="submit"]:hover {
    text-shadow: none;
    opacity: 1;
}

.search .Contact, .search #sidebar-primary #text-9, .singular-page-5 #text-9,
.singular-post .Contact, .singular-post #sidebar-primary #text-13, .singular-post-1 .publisher_latest_posts,
.singular-post .entry-author-meta, .singular-post .entry-meta, .singular-post .comments-link, .singular-post .edit, .singular-post .author,
.archive .Contact, .archive #sidebar-primary #text-13,
.error-404 .Contact, .error-404 #sidebar-primary #text-13,
.singular-post-1 .entry-title {
    display: none;
}

.post-title.entry-title {
    padding: 10px!important;
}

.entry-meta {
	font-size: 14px;
	padding: 24px 0 30px;
	}
	
.entry-author-meta {
	border-bottom: 1px solid #DDDDDD;
	padding: 18px 0 19px;
	}
	
.entry-author-meta img.avatar {
	border: 1px dashed #DDDDDD;
	padding: 2px;
	}
	
.entry-author-meta .author-name {
	font-family: 'Roboto', serif;
	color: #333333;
	font-weight: normal;
	text-transform: none;
	margin: 15px 0 0 70px;
	}
	

/*	--------------------------------------------------
	:: PRODUCT INFO
	-------------------------------------------------- */
    
.pp_nav { margin: 20px 10px 0 0 !important; }
div.pp_default .pp_social { margin-top: 25px !important; }
a.pp_close { right: -26px !important; top: 22px !important; }
#fullResImage { width: 100% !important; height: auto !important; display: block; }    
    
.singular-page .hfeed .entry-title,
.singular-post .hentry .entry-title {
	display: none;
	}

.singular-dd-product .primary_nav_bg,
.singular-page .primary_nav_bg, .singular-post .primary_nav_bg,
.search .primary_nav_bg, .archive .primary_nav_bg, .error-404 .primary_nav_bg {
    border-bottom: 30px solid #f3f5f7;
}

html .singular-dd-product #primary #content .entry-header {
	float: none;
    width: 30%;
	margin-top: 0;
	}
	
html .singular-dd-product #primary #content .entry-header .product_gallery {
     display: block;
     width: 100%;
     max-width: 340px;
     color: #6f6f6f;
     text-transform: uppercase;
     font-family: 'Roboto', serif;
     font-weight: bold;
     margin-bottom: 25px;
     }

html .singular-dd-product #primary #content .entry-header .product-infos {
    width: 100%;
    max-width: 340px;
    }

html .singular-dd-product #primary #content .entry-header .product-meta {
    background: #e4e0da;
    color: #575757;
    padding: 20px;
    font-family: 'Roboto', serif;
    margin-bottom: 20px;
    }

html .singular-dd-product #primary #content .entry-header .product-meta .webstore a {
    text-transform: uppercase;
    }

html .singular-dd-product #primary #content .entry-header .product_gallery::before {
    content: "> ";
    }

.product_sample_download, .product_table_download {
    display: block;
    text-align: center;
    background: #6f6f6f;
    color: #ffffff;
    padding: 10px;
}

hr.product_download {
    border: 0;
    margin: 10px 0 -10px 0;
    background: #6f6f6f;
    border-top: 1px dotted #ffffff;
    }

.product_sample_download .sample_download,
.product_table_download .table_download {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto', serif;
    }

.product_sample_download .sample_download::before,
.product_table_download .table_download::before {
    content: "> ";
    }

html .singular-dd-product #primary #content .entry-content {
    float: right;
    width: 70%;
    padding: 10px 0 0 30px;
    }

html .singular-dd-product #primary #content .entry-title {
    clear: none;
}

html .singular-dd-product #primary #content .entry-content .label,
html .singular-dd-product #primary #content .entry-content .collection {
    text-transform: uppercase;
    color:  #000000;
    font-size: 15px;
    line-height: 18px;
}

html .singular-dd-product #primary #content .entry-content .collection {
    display: inline-block;
    border-bottom: 1px solid #000000;
}
	
html .singular-dd-product #primary #content .entry-content .product_author {
    color: #6f6f6f;
    font-family: 'Roboto', serif;
    font-size: 20px;
    margin: 30px 0;
	}

	
html .singular-dd-product #primary #content .entry-header img {
	max-width: 100%;
	margin: 5px auto;
    box-shadow: 3px 3px 5px #aaa;
	}
	
html .singular-dd-product #primary #content .entry-content h1.entry-title {
    color: #0090bb;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    line-height: 73px;
    font-weight: normal;
    padding: 0;
    word-wrap: normal;
    margin: 30px 0;
    width: 60%;
    min-width: 250px;
	}


html .singular-dd-product #primary #content .entry-content h2.entry-subtitle {
    color: #6f6f6f;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
}
	
html .singular-dd-product #primary #content .entry-header p.book-publish {
	font-size: 13px;
	color: #8f8f8f;
	}

.addthis_sharing_toolbox {
    float: right;
    margin-top: 15px;
}

.webstore, .bookshop {
    margin-bottom: 15px;
    }

.webstore a  {
    text-decoration: underline;
    }
	
html .singular-dd-product #primary #content .entry-content p,
html .singular-dd-product #primary #content .entry-content .about {
	font-family: 'Roboto', serif;
    font-size: 16px;
    margin-top: 20px;
    line-height: 28px;
    padding: 0;
	}

html .singular-dd-product #primary #content .entry-content p {
    color: #575757;
}

html .singular-dd-product #primary #content .entry-content .about {
    padding: 20px;
    margin-bottom: 30px;
    background-color: #0090bb;
    color: #ffffff;
}

html .singular-dd-product #primary #content .entry-content .about p {
    margin: 0;
    padding: 0;
    color: #ffffff;
}

html .singular-dd-product #primary #content .entry-content .about h2 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    padding: 0 0 10px 0;
    margin: 0;
}

.container-wrap-related {
    border-top: 30px solid #f3f5f7;
    background: #ffffff;
}

.container-wrap-related .related {
    width: 1280px;
    margin: 0 auto;
}

html .realated_product {
    margin-top: 0;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 20%;
}

html .realated_product h3 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 20px;
    background: #9a9181;
    margin-bottom: 20px;
    display: inline-block;
	}

html .realated_product .jcarousel-skin-tango .jcarousel-container .jcarousel-clip {
	overflow: hidden;
	width: auto;
	padding-bottom: 0;
    height: 500px;
	}

html .realated_product .related_product_grid_view .post_img {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -95px;
	}

html .realated_product .related_product_grid_view .post_img img {
    width: 189px;
    height: 300px;
    box-shadow: 3px 3px 3px #aaa;
    }
	
html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal {
    position: relative;
    width: 290px;
    height: 460px;
	margin: 0 40px 0 0;
    }

html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal .underlay {
    background: #e4e0da;
    width: 250px;
    height: 420px;
    padding: 20px;
}

html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal:hover .underlay {
    background: transparent;
}
	
html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal h4 {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
    padding: 0;
	}

html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal:hover h4 a {
    font-size: 40px;
    line-height: 50px;
    display: block;
    color: #ffffff;
    width: 100%;
}

html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal:hover h4 a:before {
    content: '//';
    display: block;
    margin-top: 20%;
}

html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal:hover span,
html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal:hover .post_img img {
    opacity: 0;
}

html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal span {
	display: block;
	font-size: 13px;
	color: #d86462;
    text-transform: uppercase;
	text-align: left;
	line-height: normal;
	margin-top: 5px;
	}
	
html .jcarousel-skin-tango .jcarousel-prev-horizontal { 
	position: absolute;
	top: -42px;
	left: auto;
	right: 20px;
	width: 16px;
	height: 16px;
	background: url("images/ra_slider_arrow_left_small_dark.png") no-repeat 0 0;
	}
	
html .jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: -42px;
	right: 0;
	width: 16px;
	height: 16px;
	background: url("images/ra_slider_arrow_right_small_dark.png") no-repeat 0 0;
	}

	
.publisher_image {
	float: right;
	margin: -20px 22px 10px 0;
}

div.templ_popup_forms h3 {
    border-bottom: 3px solid rgba(128, 128, 128, 0.2);
    font-size: 35px;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 20px;
    padding: 0 0 12px;
}
	

/*	--------------------------------------------------
	:: PAGES
	-------------------------------------------------- */
	
.wp_themeSkin iframe {
	background: #fff !important;
	}
	
/*----- Archive Page -----*/	

.arclist {
    clear: both;
    float: left;
    margin-bottom: 40px;
    width: 100%;
}	

.arclist ul {
	padding: 0;
	margin: 0;
	}
	
.arclist ul li {
	border-bottom: 1px solid rgba(128,128,128,0.2);
    font-size: 14px;
	color: #666666;
    display: block;
    float: left;
    padding: 10px 0;
    width: 100%;
	}
	
.arclist ul li:last-child { 
	border: none;
	}
	
.arclist ul li a {
	font-size: 18px;
    color: #333333;
	}

.arclist ul li a:hover {
	color: #ed5944;
	text-decoration: none;
	}
	
.arclist ul li span.arclist_date,
.arclist ul li span.arclist_date a {
	font-size: 12px;
	}
	
.arclist ul ul {
	margin-left: 20px;
	}
	
.arclist ul ul li {
	border: none;
	padding-bottom: 0;
	}
	
.arclist ul ul li a {
	background: url(images/small_icons.png) no-repeat -22px -2166px;
	padding-left: 15px;
	}
	
.arclist ul ul li a:hover {
	background-position: -22px -2217px;
	}

.arclist ul li span.arclist_comment {
    color: #666666;
    float: right;
}


/*TABBED CONTENT*/

ul.tabbernav, .tabbertab h2 { display: none}


/*	--------------------------------------------------
	:: Ecrans < 1440px
	-------------------------------------------------- */

@media only screen and (max-width: 1441px) and (min-width: 981px) {

    div#menu-primary,
    #header,
    div#menu-secondary,
    .sidebar-after-header,
    #main,
    .sidebar-subsidiary,
    div#menu-subsidiary,
    .mega-menu,
    .container-wrap-related .related {
        width: 980px;
    }

    #footer {
        width: 950px;
    }

    #site-title a img {
        width: 80%;
        margin-top: 20px;
    }

    .mega-menu ul.mega li a {
        padding: 20px 20px;
        line-height: normal;
    }

    .header_right {
        width: 270px;
    }

    .header_right .widget .search-form input[type="text"] {
        width: 230px;
    }

    .header_right .subscribe form input[type="text"],
    .header_right .newsletter_subscribe_footer_widget {
        width: 230px;
    }

    #home-text, #home-message, .latestnews, .wpcf7, .privacy {
        padding: 35px 15px;
    }

    #home-quote .quote {
        width: 100px;
        height: 60px;
        background-size: 75px;
    }

    #home-quote {
        font-size: 1.4em;
        line-height: 25px;
    }

    .latest_product ul li .product_img img {
        width: 176px;
        height: 280px;
    }

    .flexslider {
        width: 980px;
    }

    .home_page_banner .flex-direction-nav li a.flex-prev {
        left: 15px;
        margin-left: 0;
    }

    .home_page_banner .flex-direction-nav li a.flex-next {
        right: 15px;
        margin-right: 0;
    }

    .flexslider .slides li .slider-post h2 a {
        font-size: 32px;
        line-height: 38px;
    }

    .flexslider .slides li .post_hover_img {
        left: 70px;
        top: 19%;
    }

    .flexslider .slides li .post_hover_img img {
        width: 70%;
    }

    .flexslider .slides li .post_hover_more {
        bottom: 23%;
        padding: 2px 8px;
    }

    .content_widget #tabview a {
        font-size: 15px;
    }

    html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal {
        width: 260px;
    }

    html .singular-dd-product #primary #content .entry-content h1.entry-title {
        width: 70%;
    }

    }

/*	--------------------------------------------------
	:: Tablet (Landscape)
	-------------------------------------------------- */
	
@media only screen and (max-width: 980px) {

    div#menu-primary,
    #header,
    div#menu-secondary,
    .sidebar-after-header,
    #main,
    .sidebar-subsidiary,
    div#menu-subsidiary,
    #footer,
    .footer_container,
    .container_12,
    .slider_content_wrap,
    .mega-menu,
    .container-wrap-related .related {
        width: 96%;
    }

    .mega-menu ul.mega li a {
        padding: 20px 10px;
        font-size: 1em;
        line-height: normal;
    }

    /*----- Header -----*/

    #header {
        width: 96%;
        position: relative;
    }

    #site-title {
        padding: 15px 0 35px 0;
    }

    .header_right {
        display: none;
        position: absolute;
        background: #ffffff;
        border-bottom: 20px solid #d31822;
        text-align: center;
        right: 0;
        top: 203px;
        width: 100%;
        z-index: 3;
    }

    .header-right-mobile {
        display: block;
        position: absolute;
        right: 0;
        top: 140px;
        background: #851a1c url("images/ra_mobile_search.png") center center no-repeat;
        width: 100px;
        height: 61px;
        z-index: 2;
    }
    .header_right .widget .search-form {
        margin: 0;
    }

    .header_right .widget .search-form input[type="text"] {
        width: 90%;
        margin: 0;
        padding: 10px 0 8px 45px;
        text-transform: uppercase;
    }

    .header_right .newsletter_subscribe_footer_widget, .header_right h3, .header_right .textwidget a {
        display: none;
    }

    .home_page_banner .flex-direction-nav li a.flex-prev {
        left: 15px;
        margin-left: 0;
    }

    .home_page_banner .flex-direction-nav li a.flex-next {
        right: 15px;
        margin-right: 0;
    }

    .flexslider {
        max-width: 100%;
        width: 100%;
    }

    .publisher_image {float: left;}

    #home-quote {
        font-size: 1.6em;
    }

    /*----- Blog Detail -----*/

    form#commentform input[type="text"] {
        width: 95%;
        max-width: 370px;
    }

    form#commentform textarea {
        width: 95%;
        max-width: 530px;
    }

    body div.product .woocommerce-tabs ul.tabs li a,
    body #content div.product .woocommerce-tabs ul.tabs li a {
        font-size: 15px;
    }

    /*---- Product List -----*/

    html #loop_product_taxonomy .dd-product .entry {
        width: 100%;
    }

    .content_widget #tabview {
        height: auto;
    }

    .content_widget #tabview a, .content_widget #tabview a.active, .content_widget #tabview a:last-child {
        width: 100%;
        float: none;
        border: none;
        margin: 0;
        padding: 10px 0;
    }

    .latest_product ul li {
        float: none;
        width: 100%;
    }

    .loop-entries li.dd-product, #loop_product_taxonomy .dd-product {
        float: none;
        clear: both;
        width: 100%;
    }

    .latest_product ul li:nth-child(odd), .latest_product ul li:nth-child(even),
    .loop-entries li.dd-product:nth-child(odd), .loop-entries li.dd-product:nth-child(even){
        margin: 1% 0;
    }

    .content_widget .widget:first-child, .content_widget .widget:nth-child(2), .content_widget .widget:nth-child(3), .content_widget .widget:nth-child(4) {
        width: 60%;
        margin: 0 1% 0 3%;
    }

    #content, .search #content, .archive #content {
        width: 60%;
    }

    #sidebar-primary, #sidebar-secondary {
        width: 35%;
    }

    .content_widget .widget {
        width: 34%;
    }

    #home-text {
        margin-top: -161px;
    }

    .singular-page-6 .latestnews {
        margin-top: -161px;
    }

    /*---- Product Info -----*/

    html .singular-dd-product #primary #content .entry-header-image .product_gallery {
        margin-left: 0;
    }

    html .singular-dd-product .entry-content #tabbed-box .tabberlive ul li.tabberactive a {
        border-radius: 7px;
        border-bottom: 1px solid #D5D5D5;
    }

    html .singular-dd-product #primary #content .entry-content h1.entry-title {
        font-size: 40px;
        line-height: 48px;
        width: auto;
    }

    html .singular-dd-product #primary #content .entry-content h2.entry-subtitle {
        font-size: 25px;
    }

    #footer .tel, #footer .address {
        font-size: 1.3em;
    }

    #footer {
        font-size: .8em;
    }

    #home-text, #home-message, .latestnews, .wpcf7, .privacy {
        width: auto;
    }

}

/*	--------------------------------------------------
	:: Tablet (Portrait) 
	-------------------------------------------------- */
	
@media only screen and (max-width: 679px) {

    .flexslider .slides li .post_hover_img {
        opacity: 0;
    }

    /*----- CONTENT -----*/

    #content {
        width: 100%;
    }

    .singular-page-5 .entry-content {
        background: #ffffff;
        margin-top: -180px;
    }

    .singular-page-5 .entry-content,
    .post .entry-content {
        padding : 0 20px;
    }

    .flexslider .slides li .post_img:hover .post_hover_img,
    .flexslider .slides li .post_img:hover .post_hover_more {
        opacity: 0;
    }

    .flexslider .slides li .post_img:hover .dark {
        background-color: #000000;
    }

    .flexslider .slides li .post_img:hover .generic {
        opacity: 1;
    }

    .flexslider .slides li .post_img:hover .dark img {
        opacity: .5;
    }

    /*----- SIDEBAR -----*/

    .sidebar {
        border: none !important;
    }

    #sidebar-primary, #sidebar-secondary {
        width: 100%;
        margin: 0;
        padding: 0!important;
    }

    #sidebar-primary .widget, #sidebar-secondary .widget {
        margin: 0;
    }

    .widget-inside {
        padding: 0!important;
    }

    #header {
        float: left;
        clear: none;
        margin-left: 2%;
    }

    .header_right {
        top: 153px;
    }

    div#menu-primary-title {
        z-index:999;
    }

    #branding {
        width: 450px;
    }

    #site-title {
        padding: 0 0 20px 0;
    }

    .header-right-mobile {
        top: 89px;
        height: 60px;
    }

    .flexslider .slides li .slider-post h2 a {
        font-size: 32px;
        line-height: 38px;
    }

    .latest_product ul li, .latest_product h3.widget-title, #main {
        width: 100%;
    }

    .search #content, .archive #content {
        width: 100%;
        margin: 0;
    }

    .search #content .loop-meta, .archive #content .loop-meta, .archive #content h1 {
        width: 100%;
        text-align: center;
        padding: 10px 0!important;
    }

    .search #content .loop-meta p, .archive #content .loop-meta p {
        padding: 0;
    }

    #primary.full-width {
        width: 96%;
        margin: 0 auto;
    }

    .content_widget .content_wid_wrap {
        margin-left: 0;
    }

    .content_widget .widget:first-child, .content_widget .widget:nth-child(2), .content_widget .widget:nth-child(3), .content_widget .widget:nth-child(4), .content_widget .widget {
        width: 100%;
        margin: 0;
    }

    .content_widget .widget:last-child {
        margin-bottom: 0;
    }

    #home-text, .singular-post #home-text, .singular-page-6 .latestnews, .singular-page-1716 .latestnews {
        margin-top: 0;
    }

    /*----- Footer Area -----*/

    #footer {
        width: auto;
    }

    .footer_wid_cont {
        margin-left: 0;
    }

    .footer_widget .widget {
        width: 100%;
        margin: 0 0 40px;
    }

    .footer_widget .widget:last-child {
        margin-bottom: 0;
    }

    /*----- Product info -----*/

    .nav-single span {
        margin: 10px 0;
    }


    /*----- NAVIGATION RESPONSIVE -----**/

    /* ---- MEGA MENU  ----*/

    #menu-mega-menu { display: none; }

    .nav_bg { background-color: #d31822;}

    .mega-menu { width: 96%; background: none!important; }
    .mega-menu ul.mega { display: none; width: 100%; background: none; padding-bottom: 10px;}
    .mega-menu ul.mega li { clear: both; float: none; width: 100%; }
    .mega-menu ul.mega li a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #ffffff; float: none; padding: 10px 15px 8px; }
    .mega-menu ul.mega li:last-child a { border-bottom: none; }
    .mega-menu ul.mega li a:hover, .mega-menu ul.mega li:hover a { background: none; box-shadow: none; }

    .mega-menu ul.mega li .sub li.mega-hdr { width: 100%; }
    .mega-menu ul.mega li ul li a { background: url("images/small_icons.png") no-repeat -20px -1px !important; border-bottom: none; margin: 0 !important; padding: 7px 10px 7px 15px !important; }
    .mega-menu ul.mega li a:hover, .mega-menu ul.mega li:hover a, .mega-menu ul.mega li.current-menu-item a, .mega-menu ul.mega li.current-menu-ancestor a { background: none; box-shadow: none; border-radius: 0; }

    .mega-menu ul.mega li ul li ul li a { padding: 10px 10px 10px 15px !important; }

    /*----- MENUS RESET -----*/

    /* Global Menus Reset */

    div#menu-primary-title,
    div#menu-secondary-title,
    div#menu-subsidiary-title,
    div#menu-header-primary-title,
    div#menu-header-secondary-title,
    div#menu-header-horizontal-title {
        display: block;
    }

    span.sub-indicator {
        display: none !important;
    }

    div#menu-primary .menu,
    div#menu-secondary .menu,
    div#menu-subsidiary .menu,
    div#menu-header-primary .menu,
    div#menu-header-secondary .menu,
    div#menu-header-horizontal .menu {
        display: none;
        float: none;
        height: auto;
        min-height: 0;
        padding: 0;
        width: 100%;
    }

    div#menu-primary .menu.visible,
    div#menu-secondary .menu.visible,
    div#menu-subsidiary .menu.visible,
    div#menu-header-horizontal .menu.visible,
    div#menu-header-primary .menu.visible,
    div#menu-header-secondary .menu.visible { /* Works with supreme.js .toggleClass() */
        display: block;
    }

    div#menu-primary .menu ul,
    div#menu-primary .menu li,
    div#menu-primary .menu ul ul,
    div#menu-secondary .menu ul,
    div#menu-secondary .menu li,
    div#menu-secondary .menu ul ul,
    div#menu-subsidiary .menu ul,
    div#menu-subsidiary .menu li,
    div#menu-subsidiary .menu ul ul,
    div#menu-header-primary .menu ul,
    div#menu-header-primary .menu li,
    div#menu-header-primary .menu ul ul,
    div#menu-header-secondary .menu ul,
    div#menu-header-secondary .menu li,
    div#menu-header-secondary .menu ul ul,
    div#menu-header-horizontal .menu ul,
    div#menu-header-horizontal .menu li,
    div#menu-header-horizontal .menu ul ul {
        float: none;
        width: 100% !important;
    }

    div#menu-primary .menu ul ul,
    div#menu-secondary .menu ul ul,
    div#menu-subsidiary .menu ul ul,
    div#menu-header-primary .menu ul ul,
    div#menu-header-secondary .menu ul ul,
    div#menu-header-horizontal .menu ul ul,
    .layout-hl-1c div#menu-header-primary .menu ul ul,
    .layout-hl-1c div#menu-header-secondary .menu ul ul,
    .layout-hl-2c-l div#menu-header-primary .menu ul ul,
    .layout-hl-2c-l div#menu-header-secondary .menu ul ul,
    .layout-hl-2c-r div#menu-header-primary .menu ul ul,
    .layout-hl-2c-r div#menu-header-secondary .menu ul ul,
    .layout-hr-1c div#menu-header-primary .menu ul ul,
    .layout-hr-1c div#menu-header-secondary .menu ul ul,
    .layout-hr-2c-l div#menu-header-primary .menu ul ul,
    .layout-hr-2c-l div#menu-header-secondary .menu ul ul,
    .layout-hr-2c-r div#menu-header-primary .menu ul ul,
    .layout-hr-2c-r div#menu-header-secondary .menu ul ul,
    .layout-hl-1c div#menu-header-horizontal .menu ul ul,
    .layout-hl-2c-l div#menu-header-horizontal .menu ul ul,
    .layout-hl-2c-r div#menu-header-horizontal .menu ul ul,
    .layout-hr-1c div#menu-header-horizontal .menu ul ul,
    .layout-hr-2c-l div#menu-header-horizontal .menu ul ul,
    .layout-hr-2c-r div#menu-header-horizontal .menu ul ul {
        bottom: auto !important;
        display: block !important;
        left: auto !important;
        margin: 0 !important;
        position: static !important;
        top: auto !important;
        visibility: visible !important;
        width: 100% !important;
    }

    div#menu-primary .menu li li a,
    div#menu-secondary .menu li li a,
    div#menu-subsidiary .menu li li a,
    div#menu-header-primary .menu li li a,
    div#menu-header-secondary .menu li li a,
    div#menu-header-horizontal .menu li li a {
        padding-left: 40px !important;
    }

    div#menu-primary .menu li li li a,
    div#menu-secondary .menu li li li a,
    div#menu-subsidiary .menu li li li a,
    div#menu-header-primary .menu li li li a,
    div#menu-header-secondary .menu li li li a,
    div#menu-header-horizontal .menu li li li a {
        padding-left: 60px !important;
    }
    div#menu-primary .menu li li li li a,
    div#menu-secondary .menu li li li li a,
    div#menu-subsidiary .menu li li li li a,
    div#menu-header-primary .menu li li li li a,
    div#menu-header-secondary .menu li li li li a,
    div#menu-header-horizontal .menu li li li li a {
        padding-left: 80px !important;
    }
    div#menu-primary .menu li li li li li a,
    div#menu-secondary .menu li li li li li a,
    div#menu-subsidiary .menu li li li li li a,
    div#menu-header-primary .menu li li li li li a,
    div#menu-header-secondary .menu li li li li li a,
    div#menu-header-horizontal .menu li li li li li a {
        padding-left: 100px !important;
    }

    /* Secondary/Subsidiary Menus */

    div#menu-secondary .menu li a,
    div#menu-subsidiary .menu li a {
        background: #fff url(images/disc.png) 40px 17px no-repeat;
        border: 0;
        border-bottom: 1px dotted #f8f8f8;
        padding-left: 66px;
        padding-right: 40px;
    }

    div#menu-secondary .menu li a:hover,
    div#menu-subsidiary .menu li a:hover {
        background-color: #fcfcfc;
    }
    div#menu-secondary .menu li li a,
    div#menu-subsidiary .menu li li a {
        background-color: #fff;
        background-position: 66px 17px;
        border-color: #f8f8f8;
        padding: 10px 0;
    }
    div#menu-secondary .menu li li li a,
    div#menu-subsidiary .menu li li li a { background-position: 20px -2154px; }
    div#menu-secondary .menu li li li li a,
    div#menu-subsidiary .menu li li li li a { background-position: 40px -2154px; }
    div#menu-secondary .menu li li li li li a,
    div#menu-subsidiary .menu li li li li li a { background-position: 60px -2154px; }

    /* Header Primary/Secondary/Horizontal Menus */

    div#menu-header-primary,
    div#menu-header-secondary,
    div#menu-header-horizontal {
        clear: both;
        float: none !important;
        margin: 0 !important;
        padding: 0 40px;
        width: auto !important;
    }

    div#menu-header-primary .wrap,
    div#menu-header-secondary .wrap,
    div#menu-header-horizontal .wrap {
        padding-top: 0;
    }

    div#menu-header-primary .menu li a,
    div#menu-header-secondary .menu li a,
    div#menu-header-horizontal .menu li a {
        background: #fff url(images/disc.png) 0 17px no-repeat  !important;
        border: 0;
        border-bottom: 1px dotted #f8f8f8;
        padding-left: 26px !important;
        padding-right: 0;
    }
    div#menu-header-primary .menu li li a,
    div#menu-header-secondary .menu li li a,
    div#menu-header-horizontal .menu li li a {
        background: #fff url(images/disc.png) 26px 17px no-repeat  !important;
        padding-left: 52px !important;
        padding-right: 0;
    }
    div#menu-header-primary .menu li li li a,
    div#menu-header-secondary .menu li li li a,
    div#menu-header-horizontal .menu li li li a {
        background-position: 52px 17px !important;
        padding-left: 78px !important;
    }
    div#menu-header-primary .menu li li li li a,
    div#menu-header-secondary .menu li li li li a,
    div#menu-header-horizontal .menu li li li li a {
        background-position: 78px 17px !important;
        padding-left: 104px !important;
    }
    div#menu-header-primary .menu li li li li li a,
    div#menu-header-secondary .menu li li li li li a,
    div#menu-header-horizontal .menu li li li li li a {
        background-position: 104px 17px !important;
        padding-left: 130px !important;
    }

    div#menu-footer {
        width: 100%;
    }
    div#menu-footer .menu li {
        margin-left: 0;
        margin-right: 40px;
    }

    .mega-menu {
        width: 100%;
    }

    /*----- SECONDARY MENU START -----*/

    .nav_bg {
        clear: both;
    }

    div#menu-secondary-title,
    div#menu-primary-title {
        height: 61px;
        background: #d31822 url(images/ra_mobile_menu.png) no-repeat 2% center;
        padding: 0 55px;
        line-height: 61px;
        vertical-align: baseline;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 16px;
        font-family: 'Oswald', sans-serif;
    }

    div#menu-secondary-title:active {
        box-shadow: none;
    }

    div#menu-secondary .menu li a {
        border-bottom: 1px dashed #F2F2F2;
        padding: 10px 20px;
    }

    div#menu-secondary .menu li li a {
        background-image: url(images/small_icons.png);
        background-repeat: no-repeat;
        background-position: left -2155px;
        border: none;
        color: #333333;
    }

    div#menu-secondary .menu li li a {
        background-color: transparent;
    }

    div#menu-secondary .menu li li > a:hover,
    div#menu-secondary .menu li li.current-menu-item > a,
    div#menu-secondary .menu li li.current_page_item > a,
    div#menu-secondary .menu li li:hover > a {
        background-color: #ffffff;
        border-top-color: transparent;
        border-bottom-color: transparent;
        color: #3077d2;
    }

}



/*	--------------------------------------------------
	:: Mobile (Landscape)
	-------------------------------------------------- */

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

    #branding {
        width: 280px;
    }

    #site-title {
        padding: 0 0 15px 0;
    }

    #site-title a img {
        margin: 0 5px;
        max-width: 100%;
    }

    .header-right-mobile {
        top: 58px;
    }

    .header_right {
        top: 119px;
    }

    .flexslider .slides li .slider-post h2 a {
        font-size: 24px;
        line-height: 28px;
    }

    .content_widget,
    body .flexslider .slides div.carousel img,
    .flexslider .slides,
    .flexslider .slides li .post_img {
        padding: 0;
    }

    .flexslider .slides li .post_list {
        margin: 0;
    }

    html .singular-dd-product #primary #content .entry-content,
    html .singular-dd-product #primary #content .entry-header {
        float: none;
        width: 100%;
        padding: 10px 0;
    }

    html .singular-dd-product #primary #content .entry-header {
        text-align: center;
    }

    html .singular-dd-product #primary #content .entry-header .product_gallery,
    html .singular-dd-product #primary #content .entry-header .product-infos {
        max-width: 480px;
    }

    html .singular-dd-product #primary #content .entry-header .product-infos {
        text-align: left;
    }

    html .realated_product .jcarousel-skin-tango .jcarousel-item-horizontal {
    }

    /*----- Footer -----*/

    #footer p {
        display: block;
    }

}


/*	--------------------------------------------------
	:: Mobile (Portrait)
	-------------------------------------------------- */

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

    .flexslider .slides li .post_list {
        margin: 0 0 0 58px;
    }

    .intro {
        padding-top: 0;
    }

    /*----- Sitemap Page -----*/

    .arclist ul li span.arclist_comment {
        display: block;
        float: none;
    }

    /*----- Blog Detail -----*/

    #comments li li .comment-wrap {
        margin-left: 0 !important;
    }

    /* ---- Product Info ----*/

    html .singular-dd-product #primary #content .entry-header-image {
        width: 100%;
        margin-right: 0;
    }

    html .singular-dd-product #primary #content .entry-header-image img {
        width: 100%;
    }

    /* ---- Blog ----*/

    .loop-entries li .entry-summary {
        clear: both;
    }

}