body{ margin:0; font-family: 'Roboto', sans-serif; background: #fff; position:relative; } body a{ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6{ margin:0; font-family: 'Roboto', sans-serif; } p{ margin:0; } ul,label{ margin:0; padding:0; } body a:hover{ text-decoration:none; } body a:focus {
outline: none;
} /*-- banner --*/ .w3ls-banner{ background:url(../images/a.jpg)no-repeat center 0px; background-size:cover; position: relative; } .banner-agileinfo,.features-agileinfo {
background: rgba(0, 0, 0, 0.51);
} /*-- top-header --*/ .header {
padding-top: 2.5em;
} .logo{
float: left;
} .logo h1 {
font-size: 5em; line-height: 1em; font-weight: 900; letter-spacing: 3px;
} .logo h1 a,.logo h1 a:hover{
color: #FFFFFF;
text-decoration: none; outline:none; } /*-- //top-header --*/
/*-- banner-text --*/ .banner-w3ltext {
padding: 14em 0; text-align: center;
} .banner-w3ltext h2 {
font-size: 8em; color: #fff; text-align: center; text-transform: uppercase; line-height: 1.1em; letter-spacing: 1px; font-weight: 900; display: inline-block; border: 10px solid rgba(255, 255, 255, 0.34); padding: 0.7em 0;
-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
border-radius: 50%; font-family: 'Roboto', sans-serif; width: 320px; height: 320px;
} .banner-w3ltext h2 span {
font-family: 'Roboto', sans-serif; display: block; font-size: .13em; font-weight: 300; line-height: 0.5em; letter-spacing: 12px;
} /*-- //banner --*/ /*-- about --*/ .about,.codes,.subscribe,.about,.w3gallery,.team,.news,.contact,.features-agileinfo{ padding:5em 0;
background-color: #fffafa;
} h3.agileits-title {
font-size: 5em; color: #000; text-align: center; margin-bottom: 1em; font-weight: 600; letter-spacing: 3px;
} p {
font-size: 4em; color: #999; line-height: 4em;
} .w3layouts_about_grid_left {
padding: 0 13em 0 0;
} /*different grid here! 5 kinds temporarily*/ /*.w3layouts_about_grid_left_pos*/ .grid_left_colorA {
background: #cbe2f0; padding: 2em 0;
} .grid_left_colorB {
background: #dce7e9; padding: 2em 0;
} .grid_left_colorC {
background: #fdfffa; padding: 2em 0;
} .grid_left_colorD {
background: #f2eadd; padding: 2em 0;
} .grid_left_colorE {
background: #ddf6f2; padding: 2em 0;
} .w3layouts_about_grid_left_pos img.img-responsive {
margin-left: 3em;
} .w3layouts_about_grid_right h4 {
font-size: 1.2em; color:#5f9ea0; text-transform: capitalize; font-weight: 100; margin-top: 2em; margin-bottom: 0.5em; font-family: 'Lucida Handwriting', sans-serif;
} .w3layouts_about_grid_right h5 {
font-size: 2em; color: #a2b4ba; text-transform: capitalize; letter-spacing: 1px; font-family: 'Segoe UI Light', sans-serif;
} .w3layouts_about_grid_right p {
margin: 0.2em 0 0 !important; line-height: 1.6em !important; font-size: 1.2em !important; font-family: 'Segoe UI Light',sans-serif !important;
} /*-- //about --*/
div.black-bg {
background-color: #888888;
}