@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300|Roboto+Condensed:400,300|Open+Sans:400,300);
html,body{
font-family:"Open Sans",sans-serif;
font-size:14px;
line-height:1.6em;
color:#fff;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background: -webkit-linear-gradient(#C49AD8, MediumOrchid); 
background: -o-linear-gradient(#C49AD8, MediumOrchid); 
background: -moz-linear-gradient(#C49AD8, MediumOrchid); 
background: linear-gradient(#C49AD8, MediumOrchid); 

}

h1,h2,h3,h4,h5,h6{font-family:"Roboto",sans-serif;font-weight:100;color:#fff;-webkit-text-stroke:.003em;-webkit-transform:translateZ(0);margin:0;padding:0}
a{color:#fff;text-decoration:none}:focus{outline:none !important}::-moz-focus-inner{border:0 !important}a:hover{color:#ddd}
.hover{-webkit-user-select:none;-webkit-touch-callout:none}
.page-header{font-size:3em;border-bottom:solid 1px #fff;margin:0 0 30px 0;padding:20px 0 10px}@media (max-width:768px){.page-header{font-size:2.6em}}
.section-title{font-size:4em;text-align:center;margin:20px 0 40px 0;padding:20px 0 0}
.btn-default{background:none;color:#fff;border:solid 1px #fff}
.btn-default:hover,.btn-default:focus{background-color:rgba(255,255,255,0.3);color:#fff;border:solid 1px #fff}
.btn-primary{background:none;color:#8dd3ff;border:solid 1px #8dd3ff}
.btn-primary:hover,.btn-primary:focus{background-color:rgba(83,176,255,0.7);color:#444;border:solid 1px #8dd3ff}
.btn-success{background:none;color:#92ff8d;border:solid 1px #92ff8d}
.btn-success:hover,.btn-success:focus{background-color:rgba(146,255,141,0.7);color:#444;border:solid 1px #92ff8d}
.btn-info{background:none;color:#b4fff7;border:solid 1px #b4fff7}
.btn-info:hover,.btn-info:focus{background-color:rgba(180,255,247,0.7);color:#444;border:solid 1px #b4fff7}
.btn-warning{background:none;color:#ffe3b6;border:solid 1px #ffe3b6}
.btn-warning:hover,.btn-warning:focus{background-color:rgba(255,227,182,0.7);color:#444;border:solid 1px #ffe3b6}
.btn-danger{background:none;color:#ff8f8f;border:solid 1px #ff8f8f}
.btn-danger:hover,.btn-danger:focus{background-color:rgba(255,143,143,0.7);color:#444;border:solid 1px #ff8f8f}
.panel{background-color:rgba(255,255,255,0.3);border:solid 1px #fff}.panel 
.panel-heading{background-color:rgba(255,255,255,0.3);color:#fff;font-family:"Roboto",sans-serif;font-size:1.3em;font-weight:300;-webkit-text-stroke:.005em}.panel 
.panel-body{color:#fff}
.panel-elementary>
.panel-heading{padding:0}
.panel-elementary>
.panel-heading>
.panel-title a{padding:10px 15px;display:block;color:#fff;font-family:"Roboto",sans-serif;font-size:1em;font-weight:300;-webkit-text-stroke:.005em;text-decoration:none}
.panel-elementary>
.panel-heading>
.panel-title a:hover{text-shadow:0 0 5px #fff}
.panel-elementary>
.panel-heading>
.panel-title a:focus{text-decoration:none}
.lead{font-size:2.8em;text-align:center;font-family:"Roboto",sans-serif;font-weight:100;color:#000000;-webkit-text-stroke:.005em;margin-bottom:40px}
.lead strong{font-weight:100;color:#fff}
.nav-stacked{background-color:rgba(255,255,255,0.2);border-radius:5px;border:solid 1px #fff}.nav-pills>li>a{border-radius:0}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li>a:hover{background-color:rgba(255,255,255,0.2)}.nav-pills>li>a:hover p{color:#fff}.nav-stacked>li+li{margin-top:0}.nav-stacked>li>a{border-bottom:dotted 1px #fff}.nav-stacked>li:last-child>a{border-bottom:0}.nav-stacked>li>a>p{margin-bottom:0}.nav-stacked>li>a>h4{margin:5px 0;
font-weight:300;
-webkit-text-stroke:0}@media (min-width:768px)
{#wrap{margin-left:110px}}section{margin-bottom:30px}
#mainbar{width:100px;
background-color:rgba(255,255,255,0.3);
border-right:solid 1px #ccc;
padding:10px;
float:left;overflow:hidden;position:fixed;
top:0;bottom:0;left:0;-webkit-box-shadow:2px 0 3px 0 rgba(0,0,0,0.55);
-moz-box-shadow:2px 0 3px 0 rgba(0,0,0,0.55);
box-shadow:2px 0 3px 0 rgba(0,0,0,0.55)}#mainbar ul{margin:0 auto;text-align:center}#mainbar ul li{margin:20px 0;font-family:"Roboto",sans-serif}#mainbar ul li a{color:#fff;text-decoration:none}#mainbar ul li a:hover{text-shadow:0 0 10px #fff}#mainbar ul li a i{display:block;font-size:3.5em}.feature-widget{background-color:rgba(255,255,255,0.3);
color:#fff;
border:solid 1px #fff;
border-radius:5px;
padding:10px;
position:relative;overflow:hidden;height:280px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.05);
box-shadow:0 1px 4px rgba(0,0,0,0.05);
margin-bottom:20px}

.feature-widget 
.item-icon{text-align:center;padding:20px}
.feature-widget i{color:#fff;font-size:12em}
.feature-widget 
.item-content{background-color:rgba(255,255,255,0.5);
color:#000;
padding:20px 10px;height:280px;
position:absolute;z-index:10;top:225px;left:0;-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;font-size:1em}.home-features-item:hover 
.item-content,.home-features-item.cs-hover 
.item-content{top:0;background-color:rgba(255,255,255,0.85)}
.feature-widget .item-content h3{font-size:1.3em;text-align:center;font-weight:300;margin:0 0 20px 0;color:#8f71ab}@media (min-width:768px) and (max-width:991px)
{.feature-widget{height:250px}.feature-widget i{font-size:12em}.feature-widget 
.item-content{line-height:1.6em}.feature-widget 
.item-content h3{font-size:1.4em;margin:0 0 10px 0}
.feature-widget .item-content{padding:10px;height:250px;top:210px;left:0}}@media (min-width:992px){.feature-widget .item-content{line-height:1.6em;font-size:1.2em}.feature-widget 
.item-content h3{font-size:1.2em;margin:-5px 0 10px 0}
.feature-widget i{font-size:12em}}@media (min-width:1200px){.feature-widget .item-content{font-size:.9em}
.feature-widget .item-content h3{font-size:1.5em;margin:0 0 10px 0}
.feature-widget i{font-size:12em}}#about img{padding:10px;background-color:rgba(255,255,255,0.5);
border:solid 1px #fff;
display:block;
margin:0 auto;
border-radius:5px;
margin-bottom:20px}.news-list{margin-bottom:30px}
.news-content{overflow:hidden}
.news-content img{float:right;padding:5px;
border-radius:3px;
background-color:rgba(255,255,255,0.5);border:solid 1px #fff;margin:0 0 10px 10px}
.news-content-title{font-size:2.4em;margin-bottom:20px}.service-list li{counter-increment:myIndex;position:relative;margin-bottom:20px;padding:10px 0 10px 80px}
.service-list li:before{content:counter(myIndex);
font-family:"Roboto",sans-serif;font-size:4em;padding:20px 15px;
border:solid 1px #fff;border-radius:500px;
position:absolute;top:10px;left:0}@media (min-width:992px) and (max-width:1199px)
{.service-list li{margin-bottom:25px}}#works{margin-bottom:40px}#Grid .mix{opacity:0;display:none}
.works-control{display:block;text-align:center;margin-bottom:30px}
.btn-group>.btn.active{background-color:rgba(255,255,255,0.3);
box-shadow:none;border-color:#fff;color:#fff}@media (max-width:600px){.btn-group .btn{font-size:.85em;padding:8px 5px}}
.thumbnail img{width:100% !important}.pricign-box{background-color:rgba(255,255,255,0.3);
color:#fff;border:solid 1px #fff;border-radius:5px;
-webkit-box-shadow:0 0 4px 1px rgba(0,0,0,0.25);
-moz-box-shadow:0 0 4px 1px rgba(0,0,0,0.25);
box-shadow:0 0 4px 1px rgba(0,0,0,0.25);
margin-bottom:20px;
-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.pricign-box:hover{background-color:rgba(255,255,255,0.4)}
.pricing-box-header{background-color:rgba(255,255,255,0.3);
padding:10px;text-align:center;
border-bottom:solid 1px #fff}
.pricing-box-header h2{margin-bottom:5px;font-size:2em;font-weight:300}
.pricing-box-header p{margin-bottom:0}
.pricing-box-price{background-color:rgba(255,255,255,0.1);
padding:10px;text-align:center;border-bottom:dotted 1px #fff}
.pricing-box-price h3{font-weight:300;font-size:1.9em}
.pricing-box-content li{padding:10px 15px;border-bottom:dotted 1px #fff}
.pricing-box-content li i{font-size:1.4em;margin-right:10px}
.pricing-box-footer{padding:10px;text-align:center}#contact-form{margin-bottom:40px}input[type="text"],input[type="email"],textarea{background-color:rgba(255,255,255,0.1) !important;color:#fff !important;border-color:#fff !important}input[type="text"]:focus,input[type="email"]:focus,textarea:focus{background-color:rgba(255,255,255,0.3) !important;border-color:#fff !important;-webkit-box-shadow:0 0 5px 0 #fff;
-moz-box-shadow:0 0 5px 0 #fff;
box-shadow:0 0 5px 0 #fff}#contact{margin-bottom:40px}
.social-icon{text-align:center}
.social-icon a{display:inline-block;background-color:rgba(255,255,255,0.3);
border:solid 1px #fff;
border-radius:5px;
padding:15px;text-align:center;
text-decoration:none;height:90px;width:90px;margin:0 10px 10px 0}
.social-icon a i{display:block;font-size:3em}
.social-icon a:hover{color:#fff;
background-color:rgba(255,255,255,0.5)}#footer{text-align:center;margin:20px 0}