@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
vertical-align:baseline;
/* direction: rtl; */
margin:0;
padding:0;
}
input {
    background: url(img/bg.png) repeat-x;
    font: normal normal normal 12px/normal Verdana, Tahoma, sans-serif;
    text-align: right;
    border: 1px solid #C4C2C2;
    padding: 5px;
}
a,
.main_nav li:hover a,
.main_nav li a:hover,
.main_nav .sub_nav li a,
.opinions .headlines li a {
    color: #010101;
    font-size: 17px;
}
* {
    text-decoration: none;
    margin: 0 auto;
    padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    direction: rtl;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 140%;
    padding: 0;
    margin: 0;
font-family: 'Droid Arabic Kufi',sans-serif;
    background: #e5e5e5 url(img/bg.jpg) 57% 29% no-repeat fixed;
}
ol,
ul,
li {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}
a {
    text-decoration: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
#con_body {}
#a {
    width: 1050px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
      background: #FFF;
  overflow: hidden;
  
  
    /* -webkit-box-shadow: inset 0 0 14px 14px#EFEFEF; */
  
    /* box-shadow: inset 0 0 14px 14px #EFEFEF; */
  
    /* border: solid 1px #FFF; */
  
    /* border-radius: 4px; */
  
  
    /* -webkit-border-radius: 4px; */
}
#header {
    background: url(img/bb.jpg);
}
#logo {
    width: 1050px;
    background: url(img/header.jpg) no-repeat left;
    height: 145px;
    overflow: hidden;
    margin: 0 auto;
}
#banner {
    width: 621px;
    height: 98px;
    overflow: hidden;
    float: left;
    margin: 17px;
    /* display: none; */
}
#banner img {
    width: 600px !important;
    height: 80px !important;
    margin: 9px;
}
#topmenu {
    background: #146B66 url(img/topmenu.png);
    height: 37px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
#topmenu ul {
    /* width: 1050px; */
    /* float: right; */
}
#topmenu .menu li {
    display: block;
    float: right;
    border-width: 0 1px 0 0;
    margin: 0;
    padding: 0;
}
#topmenu .menu a {
    text-decoration: none;
    float: right;
    line-height: 35px;
    color: #FFFFFF;
    border-left: 1px solid #1CB6E0;
    padding: 0px 11px;
    font-size: 13px;
    height: 40px;
  font-family: 'Droid Arabic Kufi',sans-serif;
    /* font-weight: bold; */
}
#topmenu .menu a:hover {
    background: #1C88AB;
    color: #FFFFFF;
}
#cont {
    padding-top: 7px;
    overflow: hidden;
}
#content {
    width: 745px;
    float: left;
    background: #FFF;
    overflow: hidden;
    /* border-radius: 10px; */
}
#left {
    width: 300px;
    float: right;
    overflow: hidden;
}
#left h2 {
line-height: 37px;
    
font-size: 14px;
    
font-weight: bold;
    
color: #FFFFFF;
    
height: 38px;
    
text-align: right;
    
padding-right: 19px;
    
background: #046998;

}
#left .block {
    background: #fff;
    border: 7px solid #e5e5e5;
    box-shadow: 0 0 8px #e2e2e2;
    margin-bottom: 8px;
    margin-right: 3px;
}
#left .all_news_item {
    width: 300px;
}
#left .news_item a {
  width: 183px;
  float: right;
  font-size: 12px;
  color: #046D71;
  font-weight: bold;
  line-height: 26px;
  padding: 6px 4px 3px 2px;
  text-align: right;
  font-family: 'Droid Arabic Naskh',serif;
}
#left .news_item a:hover {
    color: rgb(169, 91, 91);
}
#left .news_item img {
  width: 66px;
  height: 56px;
  float: left;
  /* border: 1px solid #CACACA; */
  margin: 2px;
  padding: 2px;
  float: right;
}
#left .news_item li {
  width: 277px;
  /* overflow: hidden; */
  border-bottom: 1px solid #D5D5D5;
  height: 80px;
  display: block;
  padding: 4px 0px 4px 0px;
}
#right h2 {
    background: url(img/sprite-v30.png);
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    height: 34px;
    line-height: 38px;
    text-align: center;
    clear: both;
    margin: 0;
    padding: 0;
}
#title h1,
h1 a {
font-family: 'Droid Arabic Kufi', sans-serif;
    font-style: normal;
    
font-weight: bold;
    
font-size: 20px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: -1px;
    line-height: 1.4;
    
text-align: right;
    display: block;
    
color: #007664;
    padding: 0px 3px 0px 3px;
}
#title h1,
h1 a:hover {
    color: #BA0000;
}
.content p {
  color: #333;
  font-size: 17px;
  line-height: 36px;
  font-family: arial;
  /* padding: 4px; */
  text-align: right;
  font-weight: bold;
}
#content p a {
    text-decoration: underline;
    color: #C80D37;
}
.sharethis-buttons {
    height: 48px;
    padding: 6px;
}
.node-teaser li.statistics_counter.last{
    display:none;
}
.node-teaser {
    margin-top: 22px;
    border-bottom: 1px solid #C4C4C4;
    clear: both;
    overflow: hidden;
}
.node-teaser h2 a {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 21px;
    color: #004D79;
    padding-right: 4px;
    text-decoration: none;
    display: block;
    text-align: right;
}
.node-readmore a,
li.comment-comments a {
    font: 400 18px/22px 'Open Sans', sans-serif;
    float: left;
    background: #3FA5BC;
    color: #FFFFFF;
    height: 22px;
    line-height: 23px;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 13px 6px;
    border-radius: 5px;
    margin-bottom: 4px;
    margin-left: 5px;
}
.node-readmore a:hover {
    background: #1e8bc3;
    color: #fff;
    text-decoration: none;
}
em.submitted,
.submitted {}#left .submitted {
    display: none;
}
.field.field-name-field-tagg {
    clear: both;
    display: block;
    font-size: 13px;
    width: 600px;
    height: 28px;
    background: url(img/icon-tag.png) no-repeat left;
    padding-left: 25px;
    margin: 20px;
}
.field.field-name-field-tagg a {
    background: #F4F4F4;
    border-left: 2px solid #fff;
    color: #9A9A9A;
    display: block;
    float: left;
    min-width: 40px;
    line-height: 24px;
    margin-top: 2px;
    text-align: center;
    font-size: 11px;
    padding: 0 10px;
}
.field.field-name-field-tagg a:hover {
    color: #fff;
    background: #CA0000;
}
li.statistics_counter.last {
    font-size: 12px;
    color: #A9A8A8;
    width: 104px;
    background: url(img/24_statistics.png) no-repeat right;
    padding-right: 28px;
    margin-right: 21px;
    float: left;
    line-height: 34px;
    font-size: 15px;
    font-family: arial;
    font-weight: bold;
}
.field-items img {
    float: right;
}
.node-teaser .field.field-name-field-image.field-type-image.field-label-hidden p {
    display: none;
}
.field.field-name-field-image.field-type-image.field-label-hidden {
  width: 397px;
  float: left;
  overflow: hidden;
}
.node-teaser .field.field-name-field-image.field-type-image.field-label-hidden img {
    width: 215px;
    height: 150px;
    float: right;
    border-radius: 6px;
}
.node-teaser .field.field-name-field-image.field-type-image.field-label-hidden {
    width: 215px;
    height: 150px;
    float: right;
    margin: 3px;
    /* margin-right: 9px; */
}
.field.field-name-field-image.field-type-image.field-label-hidden img {
    width: 397px;
    float: left;
    height: 271px;
}
.field.field-name-field-image.field-type-image.field-label-hidden p,
.field.field-name-field-imgs.field-type-image.field-label-hidden p {
    /* background: rgb(242, 242, 242); */
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: rgb(0, 0, 0);
    font-family: arial;
    clear: both;
    padding: 4px;
    margin: 0px;
    line-height: 22px;
}
.field.field-name-field-imgs.field-type-image.field-label-hidden img {
    width: 474px;
    height: 301px;
}
.field.field-name-field-imgs.field-type-image.field-label-hidden {
    width: 472px;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
}
.pager .item-list ul li {
    color: #FFF;
    height: 8px;
    line-height: 8px;
    margin: 0 5px 0 0;
    padding: 16px;
}
.pager-item,
.pager-current {
    background: #413f3f;
    float: right;
    padding: 5px 11px;
}
.pager-item a {
    color: #FFF;
    text-decoration: none;
    line-height: -14px;
    padding: 0;
}
.date {
    color: #7A7A7A;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    font-family: arial;
    margin: 0 0 4px 8px;
}
div#block-views-slideshow-block {
    float: right;
}



/* slideshow_main */
#slid div#block-views-slideshow-block {
    width: 402px;
    float: right;
    /* height: 437px; */
    /* background: rgb(236, 236, 236); */
}
#slid #views_slideshow_cycle_main_slideshow_-block {
    width: 400px;
    /* background: black; */
    float: right;
    overflow: hidden;
    /* border: 1px solid #E4E4E4; */
    height: 350px;
}
#slid .views-slideshow-cycle-main-frame-row {

}
#slid .views_slideshow_cycle_main .views-field-title{
/* font-size: 7px; */
width: 400px;
background: #F1F1F1;
height: 83px;
/* border-bottom: 3px solid #000; */
overflow: hidden;
}

#slid .views_slideshow_cycle_main .views-field-title a{
	color: #2A2B2B;
	font-size: 15px;
	line-height: 32px;
	font-weight: bold;
	text-align: right;
	display: block;
	padding: 6px;
}
#slid .views_slideshow_cycle_main .views-field-field-image{
    width: 400px;
    overflow: hidden;
    background: rgb(255, 184, 0);
    height: 266px;
}
#slid .views_slideshow_cycle_main .views-field-field-image img{
height: 266px;
width: 400px;
float: right;
}
#slid .views_slideshow_cycle_main .views-field-body{
color:#fff;
height: 92px;
overflow: hidden;
background: #898989;
clear: both;
display: none;
width: 350px;
}
#slid .views_slideshow_cycle_main .views-field-body p{
font-size: 12px;
font-family: tahoma;
font-weight: normal;
line-height: 21px;
color: #FAFFD5;
padding: 5px;
/* width: 331px; */
float: right;
text-align: right;
}
/* slideshow_contr */
#slid .views-slideshow-controls-top {
        background: rgb(255, 240, 242);
       
        width: 363px;


        float: right;
        overflow: hidden;
        /* height: 396px; */
        /* border: 1px solid #E4E4E4; */
        display: none;
}
#slid .views-slideshow-pager-field-item {
    /* background: rgb(20, 105, 51); */
    /* margin-top: 1px; */
    overflow: hidden;
    border-bottom: 1px solid #DDDDDD;
    /* height: 137PX; */
}

#slid .views-slideshow-pager-field-item:hover{
	    /* background: rgb(255, 255, 255); */

}
#slid .views-slideshow-pager-field-item .views-field-field-image{
/* width: 234px; */
/* height: 90px; */
float: right;
overflow: hidden;
/* background: rgb(19, 38, 175); */
/* margin: 5px; */
display: none;
}
#slid .views-slideshow-pager-field-item .views-field-field-image img{
width: 199px;
height: 114px;
border: 1px solid #6F6F6F;
float: right;
float: right;
}
#slid .views-slideshow-pager-field-item .views-field-body{
	font-size: 13px;
font-weight: normal;
font-family: Tahoma;

	line-height: 23px;
color: rgb(187, 187, 187);

	padding-right: 4px;
	overflow: hidden;
	/* border-right: 4px solid #ddd; */
	margin-right: 7px;
}
#slid .views-slideshow-pager-field-item .views-field-title{
/* font-size: 12px; */
/* line-height: 16px; */
/* float: left; */
/* width: 473px; */

/* overflow: hidden; */
/* border-right: 4px solid #7A9280; */
clear: both;
/* background: rgb(194, 194, 194); */
}
#slid .views-slideshow-pager-field-item .views-field-title:hover{
/* border-right: 11px solid rgb(201, 19, 19); */

}
#slid .views-slideshow-pager-field-item .views-field-title a{
font-size: 11px;
color: #2B7D79;
font-weight: bold;

text-align: right;
display: block;

padding: 4px;
clear: both;
/* height: 57px; */
background: white;
line-height: 26px;
border-right: 2px solid #46A7A2;
}
#slid .views-slideshow-pager-field-item .views-field-title a:hover{
	/* color: rgb(156, 0, 0); */
}

#block0 .active{
    background:#276803;
}
#footer {
    background: #046998;
}
#copyright {
    direction: rtl;
    color: #fff;
    text-align: right;
    height: 42px;
    border-top: 1px solid #5D835E;
}
#copyright p {
    font-size: 13px;
    line-height: 42px;
    color: #FFFFFF;
    font-family: 'Droid Arabic Kufi', serif;
    /* float: right; */
    padding-right: 20px;
    text-align: center;
}
.node-teaser .field.field-name-field-image.field-type-image.field-label-hidden p {
    display: none;
}
.field.field-name-field-image.field-type-image.field-label-hidden {
    float: left;
    padding: 6px;
}
.node-teaser .field.field-name-field-image.field-type-image.field-label-hidden img {}.node-teaser .field.field-name-field-image.field-type-image.field-label-hidden {}.field.field-name-field-image.field-type-image.field-label-hidden img {
  width: 397px;
  float: left;
  height: 290px;
}
#content .caption p {
    /* background: rgb(242, 242, 242); */
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    color: rgb(137, 134, 134);
    font-family: arial;
    clear: both;
    padding: 4px;
    margin: 0px;
    line-height: 22px;
}
.field.field-name-field-imgs.field-type-image.field-label-hidden img {
    width: 474px;
    height: 301px;
}
.field.field-name-field-imgs.field-type-image.field-label-hidden {
    width: 472px;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
}
#comments {
    margin: 6px;
    border: 1px solid #ddd;
    text-align: left;
    padding: 7px;
}
#comments .field-item {
    font-weight: inherit;
    font-size: 12px;
    font-family: arial;
    line-height: 18px;
    color: #868585;
}
#comments .comment.comment-by-anonymous.clearfix {
    border-bottom: 1px solid #ddd;
    padding: 4px;
}
#comments li.comment-reply.first.last a {
    font-size: 12px;
    float: right;
    background: #ECECEC;
    padding: 0px 4px 0px 4px;
    color: rgb(107, 104, 104);
    display: none;
}
#comments label {
    font-size: 12px;
    font-weight: normal;
}
#comments h2.title {
    color: rgb(215, 148, 83);
    font-size: 14px;
}
#comments input#edit-preview {
    margin: 5px;
    display: none;
}
#content p.comment-time {
    float: right;
    font-size: 10px;
    display: none;
}
a.permalink {
    display: none;
}
span.username {
    color: rgb(160, 160, 160);
}
li.comment-add.first.last {
    text-align: left;
    display: block;
    font-size: 15px;
    padding: 4px;
    display: none;
}
li.comment-add.last {
    display: none;
}
div#block-block-5 img {
    margin: 8px 16px 1px 16px;
    width: 66px !important;
    height: 63px !important;
    border-radius: 12px;
}

#slid .block ,#video .block{
    /* clear: both; */
    overflow: hidden;
  margin-bottom:4px;

    /* width: 300px; */
    /* float: right; */
}
#slid h2,#video h2{
    padding: 0 0 4px 0;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #046998;
    border-bottom: 2px solid #D2D2D2;
    /* margin: 12px 0px 0px 0px; */
    text-align: right;
    padding-right: 14px;
    background: #D8D8D8;
    line-height: 29px;
    height: 23px;
    border-right: 4px solid #A2A2A2;
}
.article1 {
    width: 356px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    float: right;
    margin: 4px;
    /* background-color: red; */
}
.article1 .views-field-title a {
    font-size: 12px;
    color: #055471;
    display: block;
    height: 58px;
    line-height: 26px;
    padding: 4px;
    font-family: 'Droid Arabic Kufi', sans-serif;
    text-align: right;
    padding-left: 11px;
    font-weight: bold;
}
.article1 .views-field-title a:hover {
    color: rgb(190, 0, 0);
}
.article1 .views-field-field-image img {
    width: 100px;
    height: 80px;
    background: #fff;
    float: left;
    padding: 2px;
    margin-right: 9px;
    border-radius: 9px;
}
.article2 {
    width: 177px;
    margin: 5px 4px 4px 4px;
    float: right;
    /* border: 1px solid #D5BDBD; */
    overflow: hidden;
}
.article2 .views-field.views-field-field-image {}.article2 .views-field.views-field-field-image img {
    width: 175px;
    height: 114px;
    border-radius: 11px;
}
.article2 .views-field.views-field-title {
    text-align: left;
    padding-left: 5px;
}
.article2 .views-field.views-field-title a {
    /* font-weight: bold; */
    font-size: 12px;
    color: rgb(10, 94, 136);
    line-height: 25px;
    text-align: right;
    display: block;
    font-weight: bold;
    font-family: 'Droid Arabic Naskh',serif;
}
.article2 .views-field.views-field-title a:hover {
    color: rgb(51, 143, 160);
}
.block.block-aggregator li a {
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  color: #0084B4;
  display: block;
  font-family: Arial,"Helvetica Neue",sans-serif;
  line-height: 23px;
  height: 22px;
  overflow: hidden;
  direction: rtl;
  background: url(http://essahraa.net/archive/templates/essahraa_2013/img/menu_icon_arrow.gif) no-repeat right;
  padding: 5px 30px 5px 0px;
}


.field.field-name-field-imagge.field-type-image.field-label-hidden {
    float: right;
}

div#block-views-news-item-block-6 h2 {
  background: #706257;
  clear: both;
  color: rgb(255,252,192);
  padding-right: 15px;
  height: 24px;
  line-height: 23px;
  font-size: 13px;
  text-align: right;
}

div#block-views-news-item-block-6 a {
  line-height: 32px;
  border-bottom: 1px dotted #C0C0C0;
  padding: 5px;
  clear: both;
  display: block;
  color: rgb(185,9,9);
  font-family: arial;
  font-weight: bold;
  text-align: right;
}

div#block-views-news-item-block-6 .li {

}



div#block-menu-menu-reg li {
    display: block;
float: right;

    margin: 2px;
padding: 0 0 0 0;
}
div#block-menu-menu-reg li a {
    font-size: 12px;
/* display: block; */
line-height: 38px;

    color: #A36F48;

    padding: 6px 27px;

    border: 1px solid #899689;
font-weight: bold;

    height: 31px;
overflow: hidden;

    background: #FFEECF;
    border-radius: 3px;
    /* width: 138px; */
    /* display: block; */
    text-align: center;
}
div#block-views-article2-block-3 {
    /* width: 397px; */
    border: 1px solid #ddd;
    float: right;
    /* clear: right; */
}

div#block-views-article2-block-2 {
    float: right;
    width: 379px;
    clear: none;
}

div#block-views-article2-block-1 {
    clear: both;
}

div#block-views-article2-block-7 {
    clear: both;
}
div#block-views-article2-block-4 {
    clear: both;
    padding: 11px 0px 11px 0px;
}

div#block-views-article2-block-2{
    float: right;
    clear: none;
    width: 742px;
    /* margin-right: 5px; */
    clear: both;
}
div#block-views-article2-block-2 .article1{
    width: 352px;

}
div#block-views-article2-block-2 .article1 img{
    width: 100px;

    height: 75px;
    margin: 3px;
    border-radius: 10px;
}
div#block-views-article2-block-2 .article1 a{
    color: rgb(27, 107, 147);

}
div#block-views-article2-block-6,div#block-views-article2-block-7 {
    float: right;
    clear: none;
    width: 365px;
    /* margin-right: 5px; */
    border: 1px solid #ddd;
}
div#block-views-article2-block-7 {
  float:left;
}




.news-time {
display: block;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 5px 0px;
    clear: both;
    overflow: hidden;
}
.news-time div.views-field.views-field-created span {
  /* color: #FFFFFF; */
  /* font-size: 13px; */
  /* font-weight: bold; */
  /* font-family: arial; */
  /* background-color: rgb(160, 5, 5); */
  /* padding: 3px 6px 3px 6px; */
  /* border-radius: 13px; */
}
.news-time div.views-field.views-field-created {
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #CC3333;
    float: right;
    width: 34px;
    height: 36px;
    line-height: 22px;
}
.news-time div.views-field.views-field-title {
    margin: 0;
    display: block;
    float: left;
    width: 280px;
}
.news-time div.views-field.views-field-title a {
    color: #006699;
    font-size: 15px;
    font-weight: bold;
    padding-right: 2px;
    font-family: arial;
    text-align: right;
    display: block;
}


#left li.statistics_counter.last{
display:none;
}
div#block-system-main-menu {
        margin: 0 auto;
    width: 1050px;
}




div#block-views-news-time-block .content::-webkit-scrollbar{
    width: 16px;
}
 
div#block-views-news-time-block .content::-webkit-scrollbar-track { 
background: #dde;

    width: 21px;
}
 
div#block-views-news-time-block .content::-webkit-scrollbar-thumb {
    border-radius: 10px; 
  background: url("../media/drag_grab.gif") no-repeat scroll 50% 50% #047CBC;
}

div#block-views-news-time-block .content{
        height: 316px;
    overflow: scroll;
    overflow-x: hidden;
    padding-bottom: 25px;
}

div#block-views-news-time-block {
    width: 340px;
}

div#block-views-news-time-block .views-row:hover {
    background-color: #ECECEC;
}

div#node-1020 p {
    float: right;
    width: 141px;
    text-align: center;
    font-weight: Bold;
    color: #0081ac;
    font-size: 15px;
    text-decoration: none;
    margin-right: 1px;
    height: 16px;
    border-radius: 7px;
    border: 1px #a3a3a3 solid;
    margin: 3px;
    line-height: 31px;
    height: 33px;
    width: 176px;
    overflow: hidden;
    padding: 0px;
}
div#node-1020 p a {
    font-weight: Bold;
    color: #395B67;
    font-size: 15px;
    text-decoration: none;
    line-height: 29px;
}

div#slid {
    clear: both;
    overflow: hidden;
}

.video {
    border: 1px solid #ddd;
    width: 339px;
    overflow: hidden;
    float: right;
    margin: 4px;
    border-radius: 0px;
}
.video a{
  font-weight: bold;
  font-size: 13px;
  color: rgb(0, 83, 126);
  line-height: 26px;
  text-align: right;
  height: 93px;
  clear: both;
}
.video img{
width: 339px;
height: 231px;
border-radius: 19px;
}

div#block-views-article2-block-4 img {
    width: 363px;
    height: 226px;
    border-radius: 0px;
}

#block-views-article2-block-4 .article2 {
    width: 364px;
    
    /* background-color: red; */
}