@import url(http://fonts.googleapis.com/css?family=Nunito:regular,700);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* slider */

/*slider */
	@font-face {
font-family: 'NeoSansArabicBold';
src: url('NeoSansArabicBold.eot');
src: url('../fonts/NeoSansArabicBold.eot') format('embedded-opentype'),
url('../fonts/NeoSansArabicBold.woff') format('woff'),
url('../fonts/NeoSansArabicBold.ttf') format('truetype'),
url('../fonts/NeoSansArabicBold.svg#CalibriBold') format('svg');
}
@font-face {
    font-family: 'CalibriRegular';
    src: url('calibri.eot');
    src: url('../fonts/calibri.eot') format('embedded-opentype'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg#CalibriRegular') format('svg');
}
@font-face {
    font-family: 'NeoSans-regular';
    src: url('../fonts//NeoSans-regular.eot');
    src: local('NeoSans-regular'),
     url('../fonts/NeoSans-regular.woff') format('woff'),
      url('../fonts//NeoSans-regular.ttf') format('truetype');
}

body{background: #fff;
     text-align: right;
     font-family: 'NeoSans-regular', serif;
     color:#646262;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'NeoSans-regular', serif;
}
.header-wrapper{background: #f9ffeb}
.header-top{background: #232020;color: #fff; line-height: 40px;}
.header-top-1 ul li{float: right; list-style-type: none; margin-left: 10px;}
.header-top-1 ul li a{color: #fff;}
.header-top-1 ul li a:hover{color: #FFEFA8;text-decoration:none;}
.header-top ul.cs-social li{
    float: left;
    list-style-type: none;
}
.header-top ul.cs-social li a {
    display: block;
    font-size: 16px;
    padding: 5px 8px;
    color: #fff;
}
ul.cs-social li a:hover, ul.cs-social li a:hover {
    background-color: #3f7228;
    transform: scale(1.1);
}
.cs-social li a i {
    color: #fff;
    -webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.menubar{
    padding: 20px 0;
    margin: 0px;
    background: #f1f1f1;
}

.afro-logo{
    vertical-align: top;
    z-index: 99;
    display: inline-block;
}
.afro-logo img{
    max-width: 75%;
    margin: auto;
    display: table;
}

@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}
.menulist{
    display: inline-block;
}
.navbar-default{
    background-color: transparent;
    border-color: transparent;
    position: relative;
    top: 30px;
}
.navbar-default .navbar-brand {
    color: #000000;
}
.navbar-default .navbar-nav>li>a {
    color: #000000;
}
.navbar-nav{
    padding-left: 0;
}
.navbar-nav>li {
    margin-left: 0px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #d63f5b;
}
.navbar-nav>li>a{
    padding: 5px 15px;
    font-size: 13px;
    display: block;
    text-decoration: none;
    color: #999999;
    white-space: nowrap;
    transition: .7s;
    -webkit-transition: .7s;
    border-radius: 4px;
        font-weight: 600;
}
.navbar-brand {
    float: right;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 20px;
}
.dropdown-menu{
    background-color: #fff;
}
.dropdown-menu>li>a{
    transition: .7s;
    -webkit-transition: .7s;
    color:#999;

}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #a71733;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #d63f5b;
}

.dropdown-menu .divider {

    background-color: #FFCC04;
}
.slideshow{height: 520px; width: 100%; margin: 0;}
.slideshow a img{height: 100%; width: 100%;}
h1.center{
    background: url(../img/title-center1.png) no-repeat bottom center;
    color: #d63f5b  ;
    text-align: center;
    font-size: 23px;
    line-height: 60px;
}
h2.center{
    color: #000000;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    line-height: 60px;

}
.image-circle{
    height: 75px;
    width: 75px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    color: #a10423;
    border: 4px solid #f4f4f4;
    margin: 0 auto;
}
.image-circle:hover{
    background: #d63f5b;
    color: #fff;
}
.for-colume{text-align:center; margin-bottom: 40px;}
.image-circle i{position: relative; bottom:-10px; font-size: 50px;}
.for-colume h1 a{
    color: #666666;
    font-size: 17px;
    font-weight: 700;
}
.for-colume h1 a:hover{
    text-decoration: none;
      color: #a10423;
    transition: .7s;
    -webkit-transition: .7s;
}
.btn{padding: 2px 12px;}
.btn-success{
    background: transparent;
    color: #d63f5b ;
    border-color: #d63f5b ;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
    color: #fff;
    background-color: #d63f5b;
    border-color: #d63f5b;
}
.gray{background: #f1f1f1; padding: 50px 0}
.company-gool{text-align:center; color: #909090;}
.company-gool h3{
    color: #666666;
    font-size: 18px;
}
.company-gool h4{
    color: #fecb02;
    font-size: 16px;
}
.afro-agreclture img{
    width: 100%;
}
.afro-agreclture .btn{
    font-size: 18px;
    padding: 20px 12px;
    margin-bottom: 50px;
}
.afro-agreclture .btn-list .btn:last-child{margin-bottom: 0}

.afro-agreclture .btn-danger,
.afro-agreclture .btn-warning,
.afro-agreclture .btn-info,
.afro-agreclture .btn-primary{
    background-color: #fcfcfc;
    border-color: #efefef;

}

.afro-agreclture .btn-danger{color: #e47e7f}
.afro-agreclture .btn-warning{color: #b3a533}
.afro-agreclture .btn-info{color: #2cb212;}
.afro-agreclture .btn-primary{color: #852163;}

.afro-agreclture .btn-danger:hover,
.afro-agreclture .btn-warning:hover,
.afro-agreclture .btn-info:hover,
.afro-agreclture .btn-primary:hover{
    color: #fff;
    transition: .7s;
    -webkit-transition: .7s;

}

.afro-agreclture .btn-danger:hover{background: #e47e7f}
.afro-agreclture .btn-warning:hover{background: #b3a533}
.afro-agreclture .btn-info:hover{background: #2cb212;}
.afro-agreclture .btn-primary:hover{background:  #852163;}



.item-co{
    border-radius: 5px;
    background: #fff;
    transition: all 0.2s linear 0s;
    display: block;
}
.item-co:hover{
    transform: scale(1.05);
    transition: all 0.2s linear 0s;
}
.item-image{height: 175px}
.item-image img{width: 100%; height: 100%; border-radius: 5px 5px 0 0 }
.itme-title{
    background: #d63f5b  ;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}
.itme-title h1{margin: 0}
.itme-title h1 a{
    font-size: 18px;
    color: #fff;
    line-height: 15px;

}
.item-description{
    padding: 10px;
    /* height: 95px; */
    display: inline-block;
}
.item-description .btn{float: left; display: block; z-index: 99;}
.date{background: #232020; width: 20%; color: #fff; border-radius: 5px; float:right; text-align: center; padding: 8px; margin-left: 10px;margin-bottom: 3px;}
.last-news .title h1{line-height: 18px;}
.last-news .title h1 a{
    font-size: 16px;
    color: #232020;
}

.last-news:hover .date{background: #d63f5b;}
.last-news:hover .title a{color: #d63f5b;}
.last-news:hover .btn-success{color: #fff; background:#d63f5b; border-color: #d63f5b }
.footer{
    background: #232020; 
     
    margin-top: 100px;
    position: relative;}

.back-to-top{background: url(../img/up.png); width:121px; height:121px; position: absolute; left: 50%; top:-62px;}
.copyright{ padding:60px 20px 0 0; color: #fff; font-size: 16px; font-weight: 700;}
.copyright a{color: #d63f5b;}

/* Component *******************************/
/* Container */
#container {
    max-width:1180px;
    height:auto;
    padding:10px;
    margin:20px auto 0px auto;
    float: left
}


#container #menu-wrap {
    width:100%;
    height:auto;
    /*	border-bottom:#09F thin solid;
            border-bottom-width:3px;*/
    padding:0px 0px 0px 0px;
    margin:0px 0px 50px 0px;
    text-align:center;
    line-height:13px;
}

#container #menu-wrap .menu-item {
    width: 38px;
    height: 55px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

#container #menu-wrap .menu-item i {
    width:100%;
    padding:7px 0px 5px 0px;
    border-radius:3px;
}

#container #menu-wrap .menu-item i.fa-facebook {
    background:#3B5998;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-twitter {
    background:#44CCF6;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-youtube {
    background:#CE332D;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-linkedin {
    background:#0275B6;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-google-plus {
    background:#D13F2D;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-dribbble {
    background:#EA4C89;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-pinterest-square {
    background:#CB2027;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-stack-overflow {
    background:#FEA501;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-tumblr {
    background:#274152;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-instagram {
    background:#517FA3;
    color:#FFF;
}
#container #menu-wrap .menu-item i.fa-vimeo-square {
    background:#86C9EF;
    color:#FFF;
}

#container #menu-wrap .menu-item span {
    width:32px;
    height:32px;
    position: absolute;
    top: 5px;
    left: 0px;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: block;
    color:#fff;
    /*	border:#09F thin solid;
            border-width:2px;*/
    border-radius:50%;
}

#container #menu-wrap .menu-item span:hover {
    top: -29px;
    font-size:20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

span.active {
    top:-20px !important;
    font-size:0px !important;
}

#container #menu-wrap .menu-item a {
    font-size:12px;
    color:#445878;
    text-decoration:none;
}

#container #menu-wrap .menu-item .text {
    text-decoration: none;
    font-size: 0px;
    padding:20px 0px 17px 0px;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    width: 100%;
    position: absolute;
    bottom: -54px;
    display: block;
    border-top:#fff thin solid;
    border-top-width:9px;
    border-radius:6px;
    background-color: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#container #menu-wrap .menu-item:hover > .text {
    bottom: 0;
    font-size:25px;
    padding:0px 0px 0px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align:center;
    border-top:#a3c95c thin dotted;
    border-top-width:0px;
}

#container #menu-wrap .menu-item .icon {
    width: 32px;
    height: 32px;
    padding:15px 9px 5px 4px;
    font-size:25px;
    text-align:center;
}



#cs-social {
    height:auto;
    float: left;
}


#cs-social #menu-wrap {
    width:100%;
    height:auto;
    /*	border-bottom:#09F thin solid;
            border-bottom-width:3px;*/
    padding:0px 0px 0px 0px;
    text-align:center;
    line-height:13px;
}

#cs-social #menu-wrap .menu-item {
    width: 38px;
    height: 40px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

#cs-social #menu-wrap .menu-item i {
    width:100%;
    padding:7px 0px 5px 0px;
    border-radius:3px;
}

#cs-social #menu-wrap .menu-item i.fa-facebook {
    background:#3B5998;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-twitter {
    background:#44CCF6;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-youtube {
    background:#CE332D;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-linkedin {
    background:#0275B6;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-google-plus {
    background:#D13F2D;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-dribbble {
    background:#EA4C89;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-pinterest-square {
    background:#CB2027;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-stack-overflow {
    background:#FEA501;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-tumblr {
    background:#274152;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-instagram {
    background:#517FA3;
    color:#FFF;
}
#cs-social #menu-wrap .menu-item i.fa-vimeo-square {
    background:#86C9EF;
    color:#FFF;
}

#cs-social #menu-wrap .menu-item span {
    width:32px;
    height:32px;
    position: absolute;
    top: 10px;
    left: 5px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    display: block;
    color:#fff;
    /*	border:#09F thin solid;
            border-width:2px;*/
    border-radius:50%;
}

#cs-social #menu-wrap .menu-item span:hover {
    top: -29px;
    font-size:20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

span.active {
    top:100px !important;
    font-size:0px !important;
}

#cs-social #menu-wrap .menu-item a {
    text-decoration:none;
}

#cs-social #menu-wrap .menu-item .text {
    text-decoration: none;
    font-size: 25px;
    padding:0px 0px 0px 0px;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    width: 100%;
    position: absolute;
    bottom: -37px;
    left:0;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#cs-social #menu-wrap .menu-item:hover > .text {
    padding:0px 0px 17px 0px;
    bottom:-10px;
    font-size:25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align:center;
}

#cs-social #menu-wrap .menu-item .icon {
    width: 0px;
    height: 32px;
    font-size:18px;
    text-align:center;
}
.footer-bottom{
    background: #424242;
    line-height: 34px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    float: right;
}
.footer-bottom a{
	color:#FFEF;
}
.footer-bottom a:hover{
	color:#FFEFA8;
	text-decoration:none;
}
.hided, .anim {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.shown {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.project h4{
    color: #8DC53C;
}
.project p{
    text-align:center;
}
.container.projects h4 {
    background-image: url(../img/icon-project.jpg);
}
.container.photo h4 {
    background-image: url(../img/icon-photo.jpg);
}
.container.photo h4, .container.projects h4 ,.container.offers h4, .container.request h4  {
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 0;
    color: #046836;
    font-weight: bold;
}
.container.projects h4 span ,.container.offers h4 span,.container.request h4 span{
    font-size: 12px;
    color: #000;
    line-height: 35px;
}
.container.projects h5{
        color: #046836;
    font-weight: bold;
}
.container.offers h4 {
    background-image: url(../img/icon-offers.jpg);
        direction: rtl;
}
.container.offers a i {
    position: relative;
    border-radius: 100%;
    background-color: #046836;
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 12px;
    width: 40px;
    height: 40px;
    z-index: 1;
margin: 0 auto;
top:-20px;
}
.container.offers a i:hover{
background-color: #8DC53C;
color: #fff;
}
.offer h5 {
text-align: center;
color: #046836;
font-weight: bold;
}
.offer p{
    text-align: center;
}
.offer img{
    width: 100%;
}
.container.project img , .offer1 img ,.offers-item img {
    border: solid 2px #ffcc04;
    border-radius: 5px;
    margin: 10px;
}
.offer1 img, .offers img{
    padding: 0;
}
.container.project, .offer1 {
    margin: 10px 0;
}
.container.project h5 {
    font-weight: bold;
    color: #046738;
}
.offer1 {
    min-height: 220px;
}
.offer1 h5, .offers-item h5{
    color: #232020;
    padding: 5px;
    font-weight: bold;
}
.offers-item {
    min-height: 190px;
    float: right;
    width: 100%;
}
.news-head h4 {
    color: #046836;
    background-image: url(../img/icon-about.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 28px;
    font-weight: bold;
}
.news-head img {
      border: solid 2px #8DC53C;
    border-radius: 5px;
    margin-left: 10px;
    padding: 0;
}
.container.header {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
.alboum h4, .gallery h4 {
    color: #fff;
    padding: 5px;
    text-align: center;
    background-color: #ffcc04;
    font-weight: bold;
}
.vedio img, .gallery-item a img{
    width: 100%;
}
.gallery-item a img:hover{
    opacity: 0.5;
}
.vedio h5, .gallery-item h5 {
    color: #000;
    margin-top: -5px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
}
.photo a img , .vedio a img{
    width: 100%;
    height: 180px;
    margin-bottom:10px;
}
.photo:hover .zoom , .vedio:hover .zoom{
    opacity: 1 !important;
    height: 180px;
}
.photo .zoom , .vedio .zoom{
    margin-top: -189px;
    background: rgba(197, 185, 60, 0.71);
    position: absolute;
    z-index: 10;
    width: 351px;
    max-width: 94%;
    height: 0;
    opacity: 0;
    transition:0.5s;
    background-repeat: no-repeat;
    background-position: center;
}
.photo .zoom {
        background-image: url(../images/zoom.png);

}
.vedio .zoom{
            background-image: url(../images/play.png);
}
.message {
    margin-bottom: 15px;
}
.h-news h4 {
    float: right;
    color: #fff !important;
}
.h-news p{
    color: #fff;
}
.more a {
    float: left;
    margin-left: 38px;
    background: #ffcc04;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
}
.more a:hover {
    background: #F5C10A;
    color: #FFFFFF;
}
.project-page h5{
font-weight: bold;
}
 .project-page img{
    border: solid 2px #ffcb05;
    border-radius: 5px;
    margin: 0 auto;
    width:100%;
    max-height: 300px;
}
.form-group {
    direction: rtl;
}
.form-group {
    float: right;
    width: 92%;
}
button.btn.btn-primary.pull-right {
    border-radius: 0;
}
button.btn.btn-primary.pull-right:hover {
    color: #000;
}
.btn-primary {
    background-color: #F5C10A !important;
    border-color: #F5C10A !important;
}
textarea#message {
    min-height: 100px;
}
.clear{
    clear: both;
}
h4{
    padding-bottom: 15px;
    background-image: url(../img/footer-h.png);
    background-size: 69px;
    background-repeat: no-repeat;
    background-position: right 33px;
    font-weight: bold !important;
    color: #d63f5b    !important;
}

.container-fluid.top-banner {
    max-height: 300px;
    overflow: hidden;
    margin-bottom: 10px;
}
.container-fluid.top-banner img{
    width: 100%;    
}
ul.sub-menu,ul.sub-menu2 ,ul.sub-menu3  {
    position: absolute;
    right: 190.1px;
    float: right;
    display: none;
    z-index: 1000;
}
ul.sub-menu {
    top: 5px;
}
ul.sub-menu2 {
    top: 48px;
}
ul.sub-menu3 {
    top: 91px;
}
.menu {
    margin-top: -35px;
}
ul.sub-menu li, ul.sub-menu2 li,ul.sub-menu3 li {
    list-style: none;
    clear: both;
    min-width: 170px;
    line-height: 35px;
    background: #ffffff;
}

ul.nav.navbar-nav li ul li{
    padding:0 !important;
    width:190px !important;
}
ul.dropdown-menu li:hover ul.sub-menu, ul.dropdown-menu li:hover ul.sub-menu2, ul.dropdown-menu li:hover ul.sub-menu3 {
    display: block !important;
}
ul.nav.navbar-nav li ul li a{
    color:#000000 !important;
}
ul.nav.navbar-nav li ul li a:hover{
    background: #a71733 !important;
    text-decoration: none;
    color: #fff !important;
}
li a{
    padding: 0;
}

.text-circle {
    height: 100px;
    width: 270px;
  
    text-align: center;
  
    margin: 0 auto;
}
.bg_001{
    background: #f1f1f1;
    padding: 50px 0;
}