/* Preloader */ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f2f3f7; /* change if the mask should have another color then white */ z-index: 9999999; } #status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(../img/status.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; } /* Main wrappers */ body { font-family: 'Open Sans', sans-serif; color: #8a8b8b; font-size: 18px; line-height: 22px; background-color: #333; background-size: cover; background-repeat:repeat; font-weight: normal; } .bg-overlay { background: url("../img/bg-overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0; } .main-wrapper { padding: 0px 20px 20px 0px; margin: 0 auto; } /*Logo*/ .logo { text-align: center; margin: 25% 0 30px 0; padding: 0; } /*Slogan*/ .slogan { margin-bottom: 56px; text-align: center; } .slogan p { font-size: 16px; margin: 10px 0; padding: 0; color: #ccc; } /*Blocks*/ .block-one, .block-two, .block-three { display:table-cell; text-align: center; padding:30px; background-color: #090909; } .block-one:hover, .block-two:hover, .block-three:hover { background-color: #444; transition: ease 1.5s all; } .block-title a { text-transform: uppercase; color:#fff; } .block-title a:hover{ text-transform: uppercase; color:#00B79B; text-decoration: none; } .block-one p, .block-two p, .block-three p{ font-size:14px; } /*Social Links*/ .connect-us { margin: 40px 0 28px 0; padding: 0; text-align: center; } .connect-us li { display: inline-block; font-size: 28px; } .connect-us li a { display: block; margin: 10px; width: 40px; height: 40px; line-height: 36px; color: #fff; } .connect-us .social-menu-facebook, .connect-us .social-menu-twitter { float:right; padding:7px 0px 6px 0px; position: relative; color:transparent; } .connect-us .social-menu-facebook:before, .connect-us .social-menu-twitter:before { position: absolute; font-family: FontAwesome; font-size: 1.2em; color:#333; } .connect-us .social-menu-facebook:before { content: "\f230"; } .connect-us .social-menu-twitter:before { content: "\f099"; } .connect-us .social-menu-twitter:hover:before, .connect-us .social-menu-facebook:hover:before { color:#ccc; } /*Footer*/ footer { text-align: center; font-size: 16px; } .footer-text{ font-size: 12px; } .ux .modal { background: rgba(31, 31, 31, 0.96) } /*Responsive css*/ @media only screen and (min-width:50px) and (max-width : 600px) { } @media only screen and (min-width:601px) and (max-width : 991px) { }