Team:AshesiGhana/demo.css

body { background: #F1F2F7; color: #566473; font-family: "Open Sans",Helvetica,Arial,sans-serif;

   font-size: 14px;
   line-height: 24px;

}

.head { background: white; text-align: center; padding: 20px 0; }

.demo-content .container { padding:60px 0; }

.demo-content .item { margin:30px 30px 50px; text-align: center;

background: transparent;

-webkit-transition: all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }

.demo-content .item:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.item .title { font-size: 16px; font-weight: bold; margin: 15px auto 20px; text-transform: uppercase; }

.title span { font-family: "Pacifico", Arial; font-weight: normal; text-transform: none; letter-spacing:1px; font-size: 24px; padding-right: 7px; }

.item p { margin: 20px 0; font-weight: 400; }

footer { text-align: center; background: #252C34; padding: 15px 0; }

.page-mask { width: 100%; height: 100%; position: fixed; background: #fff; top:0px; left: 0px; z-index: 99999; }

.page-loader { width: 44px; height: 44px; text-align: center; line-height: 44px; margin: 23% auto 0 auto; font-size: 12px; }

.spinner {

 border: 2px solid #eeeeee;
 font-size: 40px;
 width: 1em;
 height: 1em;
 border-radius: .5em;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-animation: spin 1s linear infinite;
 -moz-animation: spin 1s linear infinite;
 animation: spin 1s linear infinite;

}

@-webkit-keyframes spin {

 to {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }

}

@-moz-keyframes spin {

 to {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }

}

@keyframes spin {

 to {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }

}

.scrollup {

   width: 40px;
   height: 40px;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   filter: alpha(opacity=80);
   opacity: 0.8;
   position: fixed;
   bottom: 100px;
   right: 15px;
   display: none;
   text-align: center;
   color: #fafafa;
   font-size: 28px;
   background: #576370;
   z-index: 9999;

outline: none; }

.scrollup i {

   line-height: 38px;

}

a.scrollup:hover i,a.scrollup:focus i {

   text-decoration: none;
   color: #fafafa;
   outline: none;

}