/*
Theme Name: estorage
Theme URI: http://hmc.fr/
Author: HMC
Author URI: http://hmc.fr/
Description: This Theme is based on Increase by Cmsmasters, updated by HMC.
Version: 2.0
License:
License URI:
Tags: light, white, dark, one-column, two-columns, left-sidebar, right-sidebar, featured-images, sticky-post, blog-post, portfolio-project, custom-colors, post-formats, custom-menu, theme-options, custom-widgets, custom-shortcodes, translation-ready, seo-optimized, responsive, adaptive, html5, css3, microformats
*/

/* CSS Document */
/*-------= REINIT DE MEYER ------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
/*-- FIN DU REINIT DE MEYER ------------*/

* {}

a {
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
	color: #33BEE5;
}
a:active, a:focus, a:visited {
	color:#33BEE5;
}
a:hover {text-decoration:none;color: #727A7E;}

strong {
	font-weight:bold ;
}
.cl {clear:both;}

/* ====> Headings <==== */
h1,
h2,
h3,
h4,
h5,
#reply-title,
.related_posts_content div p a {
	margin:0 0 8px;
	padding:0;
}

h1,
h1 a,
.logo .title {
	font:32px/36px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:300;
	font-style:normal;
	color:#4e5c64;
}

h2,
h2 a,
.cmsms_sitemap > li > a,
.error h2,
#reply-title {
	font:24px/36px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:300;
	font-style:normal;
	color:#4e5c64;
}

h3,
h3 a {
	font:22px/36px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:300;
	font-style:normal;
	color:#4e5c64;
}

h4,
h4 a,
h1.widgettitle {
	font:20px/36px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:300;
	font-style:normal;
	color:#4e5c64;
}

h5,
h5 a,
.widgettitle {
	font:18px/24px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:300;
	font-style:normal;
	color:#4e5c64;
}

h6,
h6 a,
.tog,
.tog:hover,
.tog.current,
.widget_portfolio_link,
.related_posts_content .one_half > p,
.related_posts_content .one_half > p a,
.cmsms_shortcode_testimonials blockquote,
.cmsms_sitemap > li ul > li > a {
	font:16px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:300;
	font-style:normal;
}



body {
	background:url(/wp-content/themes/estorage-v2/img/bg.jpg) repeat-x;
	font:13px Arial, Geneva, Helvetica, sans-serif;font-weight:normal;font-style:normal;
	color:#727A7E;
}

#page {max-width:1200px; min-width:800px; width: 90%; margin:32px auto 0; background-color:#FFFFFF;}

.container {margin:0 20px;z-index: 0;}

.header_inner {
	height:100px;
	width:100%;
	/*background:url(/wp-content/themes/estorage-v2/img/banner.jpg) center center no-repeat;*/
	position:relative;
	clear:both;
}

.logo-l, .logo-r {width:45%; display:block; position:absolute;}
.logo-l, .logo-r {width:45%; display:block; position:absolute;}
.logo-l {left: 0; top: 20px;}
.logo-r {right: 0; top: 20px; text-align:right;}
.logo-l img, .logo-r img {width:100%; max-width:200px;}

/*-----Start nav-----*/

.responsive_nav{display:none;}
.responsive_nav span {background-color:#33bee5;}
#header nav {
	position:relative;
	top:0;
	z-index:20;
	width:100%;
	height:47px;
	background-color:#3A454B;
	-webkit-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	box-shadow:0 5px 2px -3px rgba(0, 0, 0, 0.3);
	display: block;
    margin: 0;
    padding: 0;
	color: #727A7E;
}

#header nav.navi_scrolled {
	position:fixed;
	top:-100px;
	right:auto;
	z-index:200px;
	width:940px;
}

#header nav.navi_scrolled.h_mt {margin-top:28px;}

#navigation,
#navigation ul {
	margin:0;
	list-style:none;
	padding:0;
	background-color:#3A454B;
}

#navigation:after {clear:both;}

#navigation {
	position:relative;
	z-index:202;
	display:inline-block;
	display:block;
	zoom:1;
}

#navigation li {
	position:relative;
	display:block;
	float:left;
	margin-left:-1px;
}

#navigation > li:before {
	position:absolute;
	top:10px;
	right:0;
	width:1px;
	height:22px;
	background:#576166;
	background:rgba(255, 255, 255, .15);
	content:'';
	z-index:-1;
}

#navigation > li:hover:before {width:0px;}

#navigation li a {
	display:block;
	height:47px;
	overflow:hidden;
}

#navigation a {z-index:204;}

#navigation > li > a > span {
	position:relative;
	display:block;
	min-width:100px;
	max-width:100%;
    width: 100%;
    top: 12px;
	color: #FFFFFF;
	padding:0 2px;
	height:37px;
	text-align:center;
	word-wrap:break-word;
	line-height:37px;
	font: 13px/18px Arial,Geneva,Helvetica,sans-serif;
}

#navigation ul {
	position:absolute;
	top:47px;
	left:0;
	z-index:100;
	visibility:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:9px 0;
	opacity:0;
	background-color:#ffffff;
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
	-o-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
	transition:opacity .3s ease-in-out, margin .3s ease-in-out;
}

#navigation li:hover > ul {
	visibility:visible;
	margin:0;
	opacity:1;
}

#navigation ul ul {
	top:-9px;
	left:97%;
	margin:0 0 0 20px;
}

#navigation ul li:hover > ul {margin:0 0 0 1px;}

#navigation ul ul:before {
	position:absolute;
	top:0;
	left:-1px;
	width:1px;
	height:100%;
	content:'';
}

#navigation ul li {
	display:block;
	float:none;
	padding:0;
	height:auto;
	background:none;
}

#navigation ul li a {
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px 25px 5px;
	min-width:165px;
	min-height:35px;
	text-align:left;
}

#navigation ul li a span {display:block;}

#navigation ul li,
#navigation ul li ul li,
#navigation ul li ul li ul li {margin:0;}

#navigation li,
.tour li a {
	-webkit-transition:background-color .3s ease-in;
	-moz-transition:background-color .3s ease-in;
	-ms-transition:background-color .3s ease-in;
	-o-transition:background-color .3s ease-in;
	transition:background-color .3s ease-in;
}

#navigation li:hover,
.tour li.current > a,
.tour li a:hover {
	color:#ffffff;
	-webkit-transition:background-color 0.01s;
	-moz-transition:background-color 0.01s;
	-ms-transition:background-color 0.01s;
	-o-transition:background-color 0.01s;
	transition:background-color 0.01s;
}

#navigation li li > a {
    color: #4E5C64;
	line-height:37px;
	height:27px;
}

#navigation li li > a:hover {
    color: #33BEE5;
}

.jp_body #navigation > li {background-position:50.3% 0;}

#navigation > li:hover ul li,
#navigation > li + li:hover ul li,
#navigation > li + li + li:hover ul li,
#navigation > li + li + li + li:hover ul li,
#navigation > li + li + li + li + li:hover ul li,
#navigation > li + li + li + li + li + li:hover ul li,
#navigation > li + li + li + li + li + li + li:hover ul li,
#navigation > li + li + li + li + li + li + li + li:hover ul li,
#navigation > li + li + li + li + li + li + li + li + li:hover ul li {background:#ffffff;}


/*-----End nav-----*/

.cmsms_breadcrumbs, .ngg-breadcrumb {
	/*margin:0 -30px;*/
	padding:14px 0 15px;
	border-top:1px solid #ededed;
	border-top:1px solid rgba(0, 0, 0, .08);
	border-bottom:1px solid #ededed;
	border-bottom:1px solid rgba(0, 0, 0, .08);
}

#headline {
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
	/*border-bottom: 1px solid #CCC;*/
	clear:left;
}

h1 {
	margin: 0 0 20px;
	color: #4E5C64;
	font: 300 32px/36px Arial,Geneva,Helvetica,sans-serif;
}

#middle {
	display:block;
    padding: 25px 0 5px;
    position: relative;
	overflow:hidden;
}
#middle img {
    height: auto;
    width: 100%;
}
#middleleft img {
    height: auto;
    width: auto;
}


.content {
	display:block;
}
.content-l, .content-r {
	width:47%;
	padding:0 1%;
	float:left;
	overflow:hidden;
}
.content-l img, .content-r img {
	border:none;
	width:100%;
	height:auto;
}

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

ol, ul {
    list-style-position: inside;
    margin: 0 0 18px 20px;
	padding-left:20px;
}
ul li {
    line-height: 24px;
    list-style: disc outside ;
}
.containerLogoPartner {
	border-top: 5px solid #D1D3D4;
    margin-top: 25px;
    max-height: 100px;
    overflow: hidden;
    padding-top: 15px;
    width: 100%;
}
.logoPartner {
/*	width:15%;  */
height : 80%;
	float:left;
	margin:auto 2%;
	text-align:center;
}
.containerLogoPartner2 {
	border-top: 5px solid #D1D3D4;
    margin-top: 25px;
    max-height: 100px;
    overflow: hidden;
    padding-top: 15px;
    width: 100%;
}
.logoPartner2 {
	width:8%;
	float:right;
	margin:2% 1% 0% 1%;
	text-align:center;
}
#footer {
    color: #D1D3D4;
}
#footer {
    color: #D1D3D4;
}
#footer {
	display:block;
    background-color: #3A454B;
    line-height: 20px;
    margin: 20px auto;
    overflow: hidden;
    padding: 20px 30px 25px;
    position: relative;
	color: #D1D3D4;
	line-height: 20px;
	text-align:right;
}
.copyright {
    text-align:right;
	position:relative;
}
/*-----Start slide top ---*/
#slide_top {
	background: #33BEE5 url("/wp-content/themes/estorage-v2/img/arrow_top.png") no-repeat scroll 50% 50% ;

	border-radius: 50% 50% 50% 50%;
    bottom: 20px;
    display: none;
    height: 35px;
    opacity: 0.5;
    padding: 2px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    transition: opacity 0.2s ease-in-out 0s, display 0.2s ease-in-out 0s;
    width: 35px;
    z-index: 999;
	color: #33BEE5;
	font: 13px/18px 'Droid Sans',Arial,Geneva,Helvetica,sans-serif;
	cursor: pointer;
    outline: medium none;
    text-decoration: none;
	text-align: left;
}

#slide_top:hover {
    opacity: 1;
}
/*-----End slide top ---*/

/*================START Home page============*/
.div3sur4 {
	overflow:hidden;
	float:left;
	width:78%;
}
.div1sur4 {
	float:right;
	width:20%;
}
.cadrenews {
	width:90%;
	overflow:hidden;
	border:1px solid #D1D3D4;
	padding:5px;
	margin-bottom:20px;
}
/*================END Home page============*/

/*================Formulaire============*/

form,
fieldset {
	border:0;
	margin:0;
	padding:0;
}

label {
	display:inline-block;
	min-width:30%;
	margin:0;
	padding:0;
}

input {
	outline:none;
	border:0;
	background:none;
}

textarea {
	overflow:hidden;
	outline:none;
	border:0;
	background:none;
	resize:none;
}

input,
textarea,
select,
option {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#submit,
input[type="submit"] {
	position:relative;
	z-index:1;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:9px 20px 8px;
	min-width:87px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	-webkit-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	-moz-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	-ms-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	-o-transition:background-color .3s ease-in-out, color .3s ease-in-out;
	transition:background-color .3s ease-in-out, color .3s ease-in-out;
}

input[type="submit"] {
	position:relative;
	display:block;
}


form #submit,
form input[type="submit"] {margin-bottom:5px;}

input[type="submit"] {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
}

input[type="submit"]:hover {
	-webkit-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-moz-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-ms-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-o-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
}

.resize {overflow:hidden;}



/* ---------- Form builder ---------- */
.cmsms-form-builder label {padding-bottom:12px;}

select {
	margin:0 0 3px;
	padding:9px;
	width:320px;
	height:36px;
	border:1px solid #e9e9e9;
	background-color:#fefefe;
	line-height:20px;
}

option {
	margin:0;
	padding:0 11px;
	height:20px;
	border:none;
}

input[type="text"],
input[type="email"],
textarea,
input[type="password"],
select {
	overflow:hidden;
	margin:0 0 5px;
	padding:5px;
	width:100%;
	/*height:36px;*/
	z-index:1;
	border:1px solid #f7f7f8;
	background-color:#f7f7f8;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

select {padding-top:8px;}

input[type="text"],
input[type="email"],
.bottom_inner input[type="text"] {padding:10px 5px;}

textarea {padding:8px 10px;}

.wpcf7 form.wpcf7-form > p {padding-bottom:10px;}


.wpcf7 form.wpcf7-form > p span.wpcf7-form-control-wrap {
	display:block;
	margin-top:10px;
}

input[type="submit"],
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select option:hover,
select option:focus,
select:focus,
select:focus option {
	background-color:#33BEE5;
	color:#FFFFFF;
}

input[type="submit"] {color:#ffffff;}

input[type="submit"]:hover {background-color:#F8F8F8;color:#727A7E;}

input,
input[type="submit"],
textarea,
select,
option,
label,
.cmsms-form-builder p,
.cmsms-form-builder .check_parent input[type="checkbox"]+label,
.cmsms-form-builder .check_parent input[type="radio"]+label {
	font:12px/18px Arial,Geneva,Helvetica,sans-serif;
	font-weight:normal;
	font-style:normal;
}
/* ---------- Form Error ---------- */

.inputContainer {
	position:relative;
	float:left;
}

.formError {
	position:absolute;
	top:300px;
	left:300px;
	z-index:5000;
	display:block;
	cursor:pointer;
}

.ajaxSubmit {
	display:none;
	padding:20px;
	border:1px solid #999999;
	background:#55ea55;
}

.formError .formErrorContent {
	position:relative;
	z-index:5001;
	padding:4px 10px;
	width:150px;
	border:1px solid #333333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#000000;
	color:#ffffff;
	font-size:11px;
	font-family:Tahoma;
}

.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {
	background:#393939;
	color:#ffffff;
}

.formError .formErrorArrow {
	position:relative;
	z-index:5006;
	margin:-2px 0 0 13px;
	width:15px;
}

.formError .formErrorArrowBottom {
	top:2px;
	margin:0 0 0 12px;
}

.formError .formErrorArrow div {
	display:block;
	margin:0 auto;
	height:1px;
	border-right:1px solid #333333;
	border-left:1px solid #333333;
	background:#000000;
	font-size:0;
	line-height:0;
}

.greenPopup .formErrorArrow div {background:#33be40;}

.blackPopup .formErrorArrow div {
	background:#393939;
	color:#ffffff;
}

.formError .formErrorArrow .line10 {
	width:15px;
	border:0;
}

.formError .formErrorArrow .line9 {
	width:13px;
	border:0;
}

.formError .formErrorArrow .line8 {width:11px;}

.formError .formErrorArrow .line7 {width:9px;}

.formError .formErrorArrow .line6 {width:7px;}

.formError .formErrorArrow .line5 {width:5px;}

.formError .formErrorArrow .line4 {width:3px;}

.formError .formErrorArrow .line3 {
	width:1px;
	border-right:1px solid #333333;
	border-bottom:0;
	border-left:1px solid #333333;
}

.formError .formErrorArrow .line2 {
	width:1px;
	border:0;
	background:#333333;
}

.formError .formErrorArrow .line1 {
	width:0;
	border:0;
	background:#333333;
}

.content_wrap {
	-webkit-transition:background-position .3s ease-in-out;
	-moz-transition:background-position .3s ease-in-out;
	-ms-transition:background-position .3s ease-in-out;
	-o-transition:background-position .3s ease-in-out;
	transition:background-position .3s ease-in-out;
}

.error h2 {
	-webkit-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
	-moz-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
	-ms-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
	-o-transition:font-size .3s ease-in-out, padding .3s ease-in-out;
	transition:font-size .3s ease-in-out, padding .3s ease-in-out;
}

/*==================Youtube videos=======================*/
.yt-image-gallery a.item {
	height:180px;
	max-height:none;
}
/*================Galery=======================*/
.gallery-item {
    float: left;
    margin:4px;
    text-align: center;
    width: 150px !important;
	min-height:150px;
	min-width:none;
}
.gallery-icon {
    float: left;
	margin:0;
	padding:0;
    text-align: center;
	/*border: 1px solid #727A7E;*/
    /*max-width: 150px;*/
}
.attachment-thumbnail {
	/*max-width:150px;*/
	border: none !important;
	margin:0;
	padding:0;

}

/* ===================> Navigation Hover Background Colors <================== */

#navigation > li:hover,
#navigation > li.current_page_item > a,
#navigation > li.current-menu-ancestor > a,
.tour  > li a:hover,
.tour  > li.current a {background-color:#33bee5;}

#navigation > li + li:hover,
#navigation > li + li.current_page_item > a,
#navigation > li + li.current-menu-ancestor > a,
.tour  > li + li a:hover,
.tour  > li + li.current a {background-color:#fabe09;}

#navigation > li + li + li:hover,
#navigation > li + li + li.current_page_item > a,
#navigation > li + li + li.current-menu-ancestor > a,
.tour  > li + li + li a:hover,
.tour  > li + li + li.current a {background-color:#6cc437;}

#navigation > li + li + li + li:hover,
#navigation > li + li + li + li.current_page_item > a,
#navigation > li + li + li + li.current-menu-ancestor > a,
.tour  > li + li + li + li a:hover,
.tour  > li + li + li + li.current a {background-color:#f97a14;}

#navigation > li + li + li + li + li:hover,
#navigation > li + li + li + li + li.current_page_item > a,
#navigation > li + li + li + li + li.current-menu-ancestor > a,
.tour  > li + li + li + li + li a:hover,
.tour  > li + li + li + li + li.current a {background-color:#e94f4f;}

#navigation > li + li + li + li + li + li:hover,
#navigation > li + li + li + li + li + li.current_page_item > a,
#navigation > li + li + li + li + li + li.current-menu-ancestor > a,
.tour  > li + li + li + li + li + li a:hover,
.tour  > li + li + li + li + li + li.current a {background-color:#48dcb8;}

#navigation > li + li + li + li + li + li + li:hover,
#navigation > li + li + li + li + li + li + li.current_page_item > a,
#navigation > li + li + li + li + li + li + li.current-menu-ancestor > a,
.tour  > li + li + li + li + li + li + li a:hover,
.tour  > li + li + li + li + li + li + li.current a {background-color:#33bee5;}

#navigation > li + li + li + li + li + li + li + li:hover,
#navigation > li + li + li + li + li + li + li + li.current_page_item > a,
#navigation > li + li + li + li + li + li + li + li.current-menu-ancestor > a,
.tour  > li + li + li + li + li + li + li + li a:hover,
.tour  > li + li + li + li + li + li + li + li.current a {background-color:#de5c8d;}

#navigation > li + li + li + li + li + li + li + li + li:hover,
#navigation > li + li + li + li + li + li + li + li + li.current_page_item > a,
#navigation > li + li + li + li + li + li + li + li + li.current-menu-ancestor > a,
.tour  > li + li + li + li + li + li + li + li + li a:hover,
.tour  > li + li + li + li + li + li + li + li + li.current a {background-color:#db4141;}

#navigation > li + li + li + li + li + li + li + li + li + li:hover,
#navigation > li + li + li + li + li + li + li + li + li + li.current_page_item > a,
#navigation > li + li + li + li + li + li + li + li + li + li.current-menu-ancestor > a,
.tour  > li + li + li + li + li + li + li + li + li + li a:hover,
.tour  > li + li + li + li + li + li + li + li + li + li.current a {background-color:#3387e5;}

.ngg-thumbnail {margin-right:30px !important;}
.divider {
    -moz-box-sizing: border-box;
    background: #ededed;
    background: none repeat scroll 0 0 rgba(0, 0, 0, .08);
    clear: both;
    height: 1px;
    margin: 20px -30px 30px;
    width: 150%;}