css temp

body { margin: 0px auto; font-family: Segoe UI, sans-serif; }
p, ul, span { font-family: Segoe UI, sans-serif; font-size: 1em; line-height: 1.2em}
h1 {font-size: 2.3em; line-height: 1.2em }
h2 {font-size: 2.3em; line-height: 1.2em}
h3 {font-size: 2.3em; line-height: 1.2em}
h4, h5, h6 {font-size: 2.3em; line-height: 1.2em}

.fl { float: left;}
.col-30 { width: 30%}
.col-70 { width: 70%}
.col-100 { width: 100%}

.container {
    /* display: flex; */
    width: 1170px;
    margin: 0px auto;
    overflow: hidden;
}
p{
    color: #666666;
}

form {
    position: relative;
}
.col-33 img {
    position: absolute;
    top: 20px;
}
.col-100 img {
    position: absolute;
    bottom: 76px;
}
header {
    position: absolute;
    width: 100%;
    background: rgba(15,28,47, 0.7);
    z-index: 2;
    padding: 10px 0;
}
header nav {
    float: right;
}
header .logo img { 
    padding: 14px 0}

header nav ul li {
    display: inline-block;
    margin: 0 4px;
}
header nav ul li a {
    text-transform: capitalize;
    text-decoration: none;
    color: #fff;
    padding: 22px 14px;
    line-height: 1.2em;
    font-size: 1em;
}
header nav ul li a:hover, header nav ul li a:active, header nav ul li a:focus{
    border-bottom: 1px solid #1fa2fd;
    color: #1fa2fd;
}

.cont p:before {
    position: absolute;
    width: 30px;
    height: 1px;
    content: "";
    background: #fff;
    margin: 10px -40px;
}
.cont p:after {
    position: absolute;
    width: 30px;
    height: 1px;
    content: "";
    background: #fff;
    margin: 10px 10px;
}
#banner { background: url('../img/baner.jpg') no-repeat scroll center top; width: 100%; float: left; padding: 6.5em 0; position: relative}
#banner:before { background: #000; content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.6; top: 0;}
#banner .container {
    justify-content: center;
}
.cont p { color: #fff;}
.cont h3 { color: #fff; font-weight: 400;margin: 0px auto 1em;}
.cont span {
    color: #1fa2fd; font-weight: bold;
}
#banner .cont { position: relative; z-index: 9;text-align: center;padding: 2em 14em 0;}
.col-33 {
    width: 30%;
    margin: 0 3% 0 0;
}
.col-33 input {
    background: transparent;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #fff;
    padding: 10px 24px;
    margin: 10px 0;
    color: #fff;
    width: 100%;
}
.col-100 input {
    background: transparent;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #fff;
    width: 100%;
    padding: 10px 0 10px 27px;
    margin: 10px 0;
}
.py10 {padding: 10px 0;}
.py4em { padding: 4em 0}
section.choose_demos {
    justify-content: center;
    display: block;
    text-align: center;
    margin: 0px auto;
}
hr {
    background: #1fa2fd;
    height: 3px;
    width: 100px;
    border: 0px solid;
}
.title{
    text-align: center;
}
.custm-heading h3 { margin: 0.5em 0 0}
.main-heading {
    border-style: solid;
    border-width: 0 1px 0 1px;
    border-color: #999;
    padding: 0 14px;
    text-transform: uppercase;
    color: #666;
}
.cont button {
    background: #1c88d5;
    border: 0px solid;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
    margin: 12px auto 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
main {
    position: relative;
    z-index: 2;
    width: 100%;
    display: inline-block;
}
/* about */
.damac-feature
{
    width: 100%;

}
.left-section{
    width: 23%;
    float: left;
    padding-top: 20px;
}
.right-section{
    width: 23%;
    float: left;
    padding-top: 20px;
}
.middle-section{
    width: 50%;
    float: left;
}
.box-1{
    
    text-align: center;
    color: #999999;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    height: 200px;
    padding: 25px;
}
.choose_demos .box-1 span {
    font-size: 24px;
}
.middle-section img {
    border: 4px solid #999999;
    border-radius: 5px;
}
/* tour */
.tour-box {
    width: 28%;
    float: left;
}
.tour-box:not(last-child){
    margin-right: 10px;
}
.tour-box h3 {
   font-size: 20px;
   font-weight: bold;
   color: #353a4b;
}
.tour-box p span{
   font-weight: bold;
   color: #666666;
}
.tour-enquiry-btn a {
    color: #ffffff;
    background-color: #353a4b;
    padding: 10px 25px;
    text-transform: uppercase;
    text-decoration: none;
}
.tour-box:not(last-child) {
    margin-right: 62px;
}
/* offer */
.offer-section{
    text-align: center;
    background-color: #efefef;
}
.guarante{
    background: url(../img/garantee.jpg), rgba(15,28,47, 0.7);
   
}

 

You Might Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>