*{
margin: 0 auto;
padding: 0 auto;
}
body{
width: 1300px;
height: 3589px;
background-image: url("img/Background1.png");
}
.container{
width: 1300px;
height: 85px;
}
.menu ul{
display: inline-flex;
}
.top{
display: inline-flex;
margin-top: 41px;
font-family: open sans;
color: rgba(102, 102, 102, 0.67);
font-size: 13.2px;
font-weight: 600;
margin-left: 93px;
}
li {
margin-right: 30px;
text-decoration: none;
}
.menu ul li{
list-style: none;
}
.logo img{
width: 210px;
margin-left: 130px;
margin-top: 21px;
}
.singup-btn {
font-family: Open Sans;
color: rgba(255, 255, 255, 0.81);
margin-left: 45px;
background-color: rgba(173, 209, 54, 0.81);
border-radius: 55px;
padding: 9px 25px;
}
a{
color: rgba(102, 102, 102, 0.67);
text-decoration: none;
}
.LINE {
margin: 25px 160px;
}
/*--------------------------------*-----------------*/
#banner {
background-image:url("img/icrowdme-PSD-(1)_02.png"); /* The image used */
filter:contrast(0.8);
width: 1300px;
height: 570px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#banner h1 {
text-align:center;
width: 899px;
height: 102px;
font-family:open sans;
color: #ffffff;
line-height: 70px;
font-size: 49.2px;
font-weight: 600;
padding:11% 221px ;
}
em{
font-family: Open Sans;
color: #ffffff;
line-height: 77px;
font-size: 35.2px;
font-weight: 400;
font-style: normal;
}
#banner a {
width: 173px;
height: 15px;
font-family: Open Sans;
color: #ffffff;
font-size: 19.2px;
font-weight: 600;
line-height: 77px;
border-radius: 10px;
background-color: #99c50a;
box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.54);
padding: 25px;
text-decoration:none;
}
/*------------------------------the secnd part-----------------*/
.mid {
text-align: center;
}
.flash img{
margin-top: 99px;
}
.our h2{
margin-top: 52px;
width:550px;
height: 72px;
font-family: Open Sans;
color: #515151;
font-size: 31.2px;
font-weight: 600;
line-height: 50px;
text-transform:uppercase;
}
.para p {
margin-top:70px;
width: 920px;
height: 154px;
font-family: Open Sans;
color: rgba(81, 81, 81, 0.71);
font-size: 19.2px;
font-weight: 400;
line-height: 24px;
}
/*-------------------------------------------------------------**/
.numbers {
margin-top: 156px;
margin-left: 164px;
}
/*--------------------------------------*/
.first h3 {
margin-left:466px;
width: 529px;
height: 25px;
font-family: Open Sans;
color: #add136;
font-size: 25.2px;
font-weight: 400;
margin-top:65px;
margin-bottom: 34px
}
.first p {
width: 650px;
height: 77px;
font-family: Open Sans;
color: rgba(96, 96, 96, 0.67);
font-size: 17.2px;
font-weight: 400;
margin-right: 183px;
line-height: 29px;
}
.first img {
width: 113px;
height: 102px;
position: absolute;
margin-top: -123px;
margin-left: 249px;
}
/*-------------------------*/
.member {
display: inline-flex;
}
.find {
margin-top:107px;
height: 305px;
width: 648px;
}
.find:hover {
background: #C3DDD5 ;
}
.find h1 {
font-family: Montserrat;
color: #515151;
font-size: 23.2px;
font-weight: 400;
margin-left: 320px;
margin-top: 46px
}
.find p {
margin-left:319px;
margin-top: 34px;
margin-bottom: 50px;
width: 256px;
height: 73px;
font-family: Open Sans;
color: #515151;
font-size: 17.2px;
font-weight: 400;
line-height: 24px;
}
.find img {
float: left;
margin-top: 84px;
margin-left: 141px
}
.find a{
padding: 18px;
font-family: Open Sans;
color: #ffffff;
font-size: 19.2px;
font-weight: 600;
transform: scale(0.779,0.773);
width: 187px;
height:51px;
border-radius: 8px;
background-color: #26a6d1;
margin-left: 320px;
}
/**-------------------------------------*/
.find2{
margin-top:107px;
height: 305px;
width: 648px;
}
.find2 {
margin-top:107px;
height: 305px;
width: 652px;
}
.find2:hover {
background: #C3DDD5 ;
}
.find2 h1 {
font-family: Montserrat;
color: #515151;
font-size: 23.2px;
font-weight: 400;
margin-left: 252px;
margin-top: 46px
}
.find2 p {
margin-left:249px;
margin-top: 34px;
margin-bottom: 50px;
width: 256px;
height: 73px;
font-family: Open Sans;
color: #515151;
font-size: 17.2px;
font-weight: 400;
line-height: 24px;
}
.find2 img {
float: left;
margin-top: 96px;
margin-left: 76px
}
.find2 a{
padding: 18px;
font-family: Open Sans;
color: #ffffff;
font-size: 19.2px;
font-weight: 600;
transform: scale(0.779,0.773);
width: 187px;
height:50px;
border-radius: 8px;
background-color: #add136;
margin-left: 252px;
}
/****************************************/
.projects h1{
width: 248px;
height: 29px;
font-family: Open Sans;
color: #515151;
font-size: 29.2px;
font-weight: 600;
margin-top: 81px;
margin-left:161px;
margin-bottom: 26px;
}
.projects p {
margin-left:161px;
width: 620px;
height: 47px;
font-family: Open Sans;
color: #8f8f8f;
font-size: 17.2px;
font-weight: 400;
line-height: 27px;
}
.projects a {
float: right;
font-family: Open Sans;
color: rgba(81, 81, 81, 0.71);
font-size: 17.2px;
font-weight: 600;
transform: scale(0.87,0.862);
border-radius: 9px;
background-color: rgba(255, 255, 255, 0.42);
border: 2px solid rgba(159,177,198,0.41);
padding: 17px 21px;
margin-top:28px;
margin-right: 162px;
}
/*****************************************/
.placese{
display: flex;
flex-direction: row;
margin-top: 66px;
margin-left: 160px;
margin-right:162px
}
.box1{
width: 300px;
height: 520px;
border-radius: 10px;
background-color: rgba(247, 247, 247, 0.71);
margin-right: 41px;
}
.price a {
float: right;
font-family : Open Sans;
color: #ffffff;
font-size: 19.2px;
font-weight: 400;
transform: scale(0.852,0.86);
padding: 5px 9px;
border-radius: 5px;
background-color: #26a6d1;
margin-top: -55px;
}
.placese h1{
width: 217px;
height: 15px;
font-family: Open Sans;
color: #484747;
font-size: 17.2px;
font-weight: 700;
margin-top: 29px;
margin-left: 22px;
margin-bottom: 17px;
}
.placese p{
width: 250px;
height: 82px;
font-family: Open Sans;
color: rgba(72, 71, 71, 0.71);
font-size: 13.2px;
font-weight: 400;
line-height: 19px;
margin-bottom: 20px;
}
.super {
padding-left: 22px
}
.placese h6{
margin-top: 20px;
margin-left: 20px;
padding-right: 47px;
letter-spacing: 0.6px;
font-family: Open Sans;
color: #8d8d8d;
font-size: 13.2px;
font-weight: 600;
display:inline-flex;
text-align: center;
}
.line{
width: 252px;
height: 1px;
background-color: #BBBBBB;
margin-top:20px;
}
.placese h5{
font-family: Open Sans;
color: rgba(72, 72, 72, 0.85);
font-size: 15.2px;
font-weight: 600;
float: right;
margin-top: 20px;
margin-right: 80px;
}
#triangle-up {
width: 0;
height: 0;
border-top:8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 15px solid rgb(173, 209, 54) ;
margin-top: 22px;
margin-left: 240px;
}
.box2{
width: 300px;
height: 520px;
border-radius: 10px;
background-color: rgba(247, 247, 247, 0.71);
margin-right: 37px;
}
.box3{
width: 300px;
height: 520px;
border-radius: 10px;
background-color: rgba(247, 247, 247, 0.71);
}
/************************************/
.lastone{
margin-top: -33px;
width: 1300px;
height: 670px;
background-image: url("img/bg.png");
background-position: center;
background-size: cover;
}
.lastone h1{
text-align: center;
width: 878px;
height: 39px;
font-family: open sans;
color: #9ec02d;
font-size: 39.2px;
font-weight: 600;
padding-top: 137px
}
.parag p {
text-align: center;
width: 914px;
height: 53px;
font-family: Open Sans;
color: #949494;
font-size: 19.2px;
font-weight: 400;
line-height: 30px;
margin-top: 43px;
}
.all {
display: flex;
}
.David-Beckham {
margin-top:98px;
background-image: url("img/Rounded_Rectangle_12.png");
background-size: cover;
width: 397px;
height: 166px;
margin-left: 166px;
margin-right: 1px;
}
.all h2{
width: 177px;
height: 16px;
font-family:open sans;
color: #9ec02d;
font-size: 21.2px;
font-weight: 600;
padding-top: 25px;
}
.all p{
width: 320px;
height: 59px;
font-family:open sans;
color: #848484;
font-size: 13.2px;
font-weight: 400;
margin: 22px;
text-align: center;
}
.david {
margin-top: 52px;
margin-left: 49px
}
.all h5{
margin-top: -44px;
font-family: Montserrat ;
color: #494949;
font-size: 15.2px;
font-weight: 600;
margin-left: 78px
}
/*********************************/
.spon {
width: 1028px;
height: 45px;
margin-top: 45px;
margin-right: 140px;
}
.copy {
margin-top: 38px;
width: 248px;
height: 13px;
font-family: Open Sans;
color: #848484;
font-size: 13.2px;
font-weight: 400;
}