@import url("https://fonts.googleapis.com/css?family=Playfair+Display|Poppins:300,400,500,600,700,800,900");body, html{overflow-x:hidden;}
body{background-color:#ffffff;font-family:"Poppins", Arial, Helvetice Neue, sans-serif;font-size:13px;color:#151515;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6, span, p{font-family:"Poppins", Arial, Helvetice Neue, sans-serif;}
.clear{clear:both;}
.height30{height:30px;}
.top-bar{min-height:40px;background-color:#eeeeee;}
.top-menu{min-height:110px;background-color:#ffffff;z-index:5000;width:100%;}
.top-menu .navbar-toggle{margin-top:38px;}
.top-menu .navbar-brand{padding:0;margin:15px 0 0 0;}
#carousel{background:url('../images/bg.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow-x:hidden;overflow-y:hidden;margin-bottom:0;height:670px;}
#carousel .carousel-caption{z-index:10;}
#carousel .item{height:500px;}
#carousel .carousel-inner > .item > img{position:absolute;min-width:100%;height:500px;left:0;top:0;}
@media (min-width:768px){#carousel .carousel-caption p{margin-bottom:20px;line-height:1.4;font-size:21px;}
#carousel .carousel-caption{padding-bottom:70px;right:20%;left:20%;}
}
@media (max-width:768px){#carousel .carousel-caption{padding-bottom:60px;}
}
@media (max-width:1024px){#carousel{background:url('../images/bg.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow-x:hidden;overflow-y:hidden;margin-bottom:0;height:500px;}
}
#carousel .welcome{position:absolute;min-height:650px;width:100%;background:none;overflow-y:hidden;}
.slogan{font-family:"Poppins", sans-serif;font-weight:normal;font-size:40px;margin:70px 0;color:#FFFFFF;padding:12%;}
.slogant{font-family:"Poppins", sans-serif;font-weight:700px;font-size:60px;margin-left:-100px;color:#FFFFFF;padding:12%;}
.service{margin-bottom:100px;margin-top:100px;}
.service-item{font-family:"Poppins", sans-serif;margin-bottom:10px;font-size:20px;}
.service-item p{font-weight:normal;text-align:justify;margin-top:22px;font-size:14px;color:#000000;}
.subheader{font-family:"Poppins", sans-serif;font-weight:normal;margin-top:12px;font-size:12px;color:#e67e22;}
.btn-orange{background-color:#ff7600;border-bottom:2px solid #d35400;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#ffffff;}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange{background-color:#d35400;color:#ffffff;}
.btn-green{background-color:#2ecc71;border-bottom:2px solid #27ae60;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#ffffff;}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green{background-color:#27ae60;color:#ffffff;}
.nav > li > a{padding:10px 20px;}
.nav > li > a:hover,
.nav > li > a:focus{background-color:#ff7600;color:#fff;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{background-color:#F45355;color:#fff;}
.nav > li > a{color:#929292;}
.navbar-default{background-color:#fff;border:none;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{background-color:#B40003;color:#fff;}

.navbar-default .navbar-nav1 > li > a:hover,
.navbar-default .navbar-nav1 > li > a:focus{background-color:#F45355;color:#fff;}
.navbar-default .navbar-nav1 > .active > a,
.navbar-default .navbar-nav1 > .active > a:hover,
.navbar-default .navbar-nav1 > .active > a:focus{background-color:#B40003;color:#fff;}


.navbar{margin-bottom:0px;}
.service-item-header{margin-left:-10px;padding:16px 20px 20px;font-weight:bold;display:inline-block;}
.header-orange{background-color:#ff7600;min-width:298px;height:67px;color:#fff;}
.team_hr{border:1px solid #fff;width:39.5%;float:left;}
.team_hr_left{margin-right:30px;margin-left:15px;}
.team_hr_right{margin-left:30px;}
.hr_gray{border:1px solid #05C1FF;}
.team{background:#f7f7f7 !important;font-family:"Poppins", sans-serif;min-height:590px;color:#000000;}
.line-header{margin-top:100px;margin-bottom:80px;}
.member-thumb:hover .thumb-overlay{transition:all 0.3s ease-in-out 0s;visibility:visible;opacity:1;}
.member-thumb{position:relative;overflow:hidden;}
.member-thumb img{height:240px;width:240px;border-radius:50%}
.member-thumb .thumb-overlay{background-color:rgba(0,0,0,0.10);position:absolute;visibility:hidden;padding-top:35%;padding-left:25%;height:100%;width:100%;opacity:0;right:0;top:0;}
.thumb-overlay a{float:left;margin-right:5px;}
.team-inner{margin-top:10px;}
.team-inner-header{font-family:"Poppins", sans-serif;font-weight:600;font-size:16px;}
.team-inner-subtext{font-weight:normal;font-size:12px;}
.row_team{margin-left:-50px;margin-top:70px;}
.row_team li{list-style:none;}
.project-box{background-size:cover;position:relative;overflow:hidden;cursor:pointer;height:100%;width:100%;}
.project-box:hover .project-overlay{transition:all 0.3s ease-in-out 0s;visibility:visible;opacity:1;}
.project-overlay{background:rgba(0,0,0,.75);border:2px solid #B40003;visibility:hidden;position:absolute;text-align:center;padding-top:40px;color:#ffffff;height:100%;width:100%;opacity:0;right:0;top:0;}
.project-overlay hr{width:70%;}
.project-gallery li{margin:15px;}
.txt_darkgrey{color:#333333;}
.txt_white{color:#ffffff;}
.txt_orange{color:#A70002;}
.txt_service{color:#A70002;text-shadow:1px 0px 2px #BD1013;font-size:26px;}
.txt_slogan{font-size:14px;color:#929292;}
.line-header span{font-size:20px;float:left;margin-top:10px;}
.team_box div{text-align:center;padding-top:100px;}
.span_blog{margin-bottom:80px;}
.blog_post{color:#333333;padding:10px;}
.blog_header{font-weight:bold;font-size:16px;}
.blog_text{text-align:justify;font-size:14px;margin-top:20px;}
#contact{margin-top:50px;font-size:14px;}
.contact-map{margin-bottom:15px;height:378px;}
.head_contact{padding-bottom:80px;margin-bottom:0;}
.contact_right img{margin-right:5px;}
.contact_right form{padding-left:15px;padding-right:15px}
.tweet_txt{border-left:1px solid #00FFFF;min-height:200px;}
.twitter_user{color:#FFFF33;font-size:14px;float:right;}
.footer{position:relative;border-top:2px solid #cccccc;margin-top:20px;background:#00001F;z-index:2;}
.footer:before{content:"";background:rgba(4, 8, 29, 0.7);position:absolute;left:0px;top:0px;z-index:-1;width:100%;height:100%;}
.footer_container{margin-top:20px;margin-bottom:20px;}
.footer_bottom_content{margin:auto;margin-bottom:30px;font-size:14px;color:#333333;}
.social-icon-fb{background:url('../images/social-icon-fb.png') no-repeat;width:42px;height:42px;display:block;}
a:hover .social-icon-fb{background:url('../images/social-icon-fb-over.png') no-repeat;}
.social-icon-rss{background:url('../images/social-icon-rss.png') no-repeat;width:42px;height:42px;display:block;}
a:hover .social-icon-rss{background:url('../images/social-icon-rss-over.png') no-repeat;}
.social-icon-twitter{background:url('../images/social-icon-twitter.png') no-repeat;width:42px;height:42px;display:block;}
a:hover .social-icon-twitter{background:url('../images/social-icon-twitter-over.png') no-repeat;}
.social-icon-linkedin{background:url('../images/social-icon-linkedin.png') no-repeat;width:42px;height:42px;display:block;}
a:hover .social-icon-linkedin{background:url('../images/social-icon-linkedin-over.png') no-repeat;}
.
ul.project-gallery li a img:hover{border:3px solid #ff7600;}
.gallery-category a{color:#333333;}
.gallery-category a.active{color:#e67e22;text-decoration:none;}
.gallery-category a:focus{color:#e67e22;text-decoration:none;}
.gallery-category a:hover{color:#e67e22;text-decoration:none;}
.link_orange:hover{text-decoration:none;}
.project-gallery{margin:0 0 0 0;margin-top:30px;margin-left:10px;}
.project-gallery li{list-style:none;margin-bottom:25px;}
.project-gallery li img{cursor:pointer;}
.tweets{background:url(../images/bg5.jpg) no-repeat fixed center center;background-size:cover;position:relative;z-index:2;padding:25px 0px;min-height:400px;font-family:"Poppins", sans-serif;font-size:20px;color:#ffffff;margin-top:100px;}
.form-control{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-style:normal;}
.btn_loadmore{margin-top:30px;margin-bottom:80px;}
.blog_box{margin-left:-12px;}
@media (min-width:991px) and (max-width:1200px){.project-box, .project-overlay{height:170px;width:170px;}
.project-gallery{margin-left:-70px;}
.service-item-header{padding:16px 10px 20px;}
.header-orange{min-width:230px;}
.team_box, .team_box_over{height:220px;width:220px;}
}
@media (max-width:991px){.team-inner{margin-top:20px;margin-bottom:20px;}
.btn-read-more{float:right;margin-bottom:40px;}
}
@media (min-width:768px) and (max-width:990px){.member-thumb .thumb-overlay{padding-left:30%;}
.project-box , .project-overlay{height:130px;width:130px;padding-top:0px;}
.project-gallery{margin-left:10px;}
.blog_box{margin-right:-140px;}
}
@media (min-width:768px){.navbar-nav > li > a{padding-top:9px;padding-bottom:9px;}
}
@media (max-width:768px){.member-thumb .thumb-overlay{padding-left:40%;}
.btn-read-more{float:right;margin-bottom:40px;}
}
@media (max-width:380px){.member-thumb .thumb-overlay{padding-left:30%;}
.service-item-header{font-size:16px;padding:23px 10px 22px;}
.header-orange{min-width:0px;}
}
@media (min-width:991px) and (max-width:1200px){.team_hr{width:37%;}
}
@media (min-width:683px) and (max-width:991px){.team_hr{width:33%;}
}
@media (min-width:585px) and (max-width:683px){.member-thumb .thumb-overlay{padding-left:25%;}
.team_hr{width:30%;}
}
@media (min-width:536px) and (max-width:585px){.team_hr{width:28%;}
}
@media (min-width:410px) and (max-width:536px){.team_hr{width:21%;}
}
@media (max-width:410px){.team_hr{width:11%;}
}
*---------------------------------------
Galllery section
-----------------------------------------*/#gallery{background:#ffffff !important;}
#gallery .gallery-thumb{background-color:#ffffff;box-shadow:0px 1px 2px 0px rgba(90, 91, 95, 0.15);cursor:pointer;display:block;margin-bottom:25px;position:relative;top:0px;transition:all 0.4s ease-in-out;}
#gallery .gallery-thumb:hover{box-shadow:0px 16px 22px 0px rgba(90, 91, 95, 0.3);top:-5px;}
#gallery .gallery-thumb img{border-top-right-radius:2px;border-bottom-left-radius:2px;width:100%;}
.service_area{background:url(../images/ti.jpg) no-repeat fixed center center;background-size:cover;position:relative;z-index:2;padding:65px 0px;}
.service_area:before{content:"";background:rgba(4, 8, 29, 0.7);position:absolute;left:0px;top:0px;z-index:-1;width:100%;height:100%;}
.service_item{text-align:center;color:#fff;}
.service_item i{background-image:-moz-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background-image:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #476EC4), color-stop(62%, #05C1FF), color-stop(100%, #00ffff));background-image:-webkit-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background-image:-o-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background-image:-ms-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background-image:linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:50px;}
.footer_widgets{background:none;overflow:hidden;padding:0px 0px 25px 0px;}
.f_w_title{padding-bottom:25px;}
.f_w_title h3{color:#fff;font-family:"Poppins", sans-serif;font-weight:400;font-size:15px;}
.service_item h4{font-size:18px;font-family:"Poppins", sans-serif;font-weight:500;padding:18px 0px 12px 0px;}
.service_item p{font-size:14px;line-height:26px;font-family:"Poppins", sans-serif;max-width:360px;margin:auto;}
.subscribe_widget p{font-size:14px;line-height:26px;color:#b5aec4;font-weight:300;font-family:"Poppins", sans-serif;padding-bottom:20px;}
.subscribe_widget .input-group input{background:rgba(255,255,255,0.89);border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;height:40px;border-radius:4px;font-size:12px;color:#000000;font-family:"Poppins", sans-serif;padding:0px 15px 15px 0px;}
.subscribe_widget .input-group input.placeholder{font-size:12px;color:#000000;font-family:"Poppins", sans-serif;margin-left:10px;}
.subscribe_widget .input-group input:-moz-placeholder{font-size:12px;color:#000000;font-family:"Poppins", sans-serif;margin-left:10px;}
.subscribe_widget .input-group input::-moz-placeholder{font-size:12px;color:#000000;font-family:"Poppins", sans-serif;margin-left:10px;}
.subscribe_widget .input-group input::-webkit-input-placeholder{font-size:12px;color:#000000;font-family:"Poppins", sans-serif;margin-left:10px;}
.submit_btn{font-size:13px;text-transform:uppercase;font-family:"Poppins", sans-serif;font-weight:600;color:#fff;text-align:center;padding:10px 10px;background:-moz-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #476EC4), color-stop(62%, #05C1FF), color-stop(100%, #00ffff));background:-webkit-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background:-o-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background:-ms-linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);background:linear-gradient(45deg, #476EC4 0%, #05C1FF 62%, #00ffff 100%);-webkit-transition:all 400ms ease-out;-o-transition:all 400ms ease-out;transition:all 400ms ease-out;background-size:200% auto;border:none;outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;border-radius:3px;cursor:pointer;}
.grid2{width:110%;margin:0 auto;overflow:hidden;position:relative;display:block;}
.grid-item{float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:15px solid white;}
.grid-item img{display:block;width:100%;height:auto;max-height:none;max-width:none;border-radius:2px;-webkit-transition:all 400ms linear 0s;-o-transition:all 400ms linear 0s;transition:all 400ms linear 0s;}
.grid-item img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.grid-sizer, .grid-item{width:30%;}
.grid-item.p_two_third{width:60%;padding:3%;}
.grid-item.p_one{width:100%;}
.portfolio-text-holder{position:absolute;top:30px;left:30px;bottom:30px;right:30px;z-index:1;font-size:20px;background-color:white;text-align:center;display:none;}
.portfolio-text{line-height:100%;}
.portfolio-type{line-height:100%;font-size:11px;color:#9a9a9a;padding-top:20px;letter-spacing:5px;padding-left:5px;}
.grid-item a:hover{color:#191919;}
.more-posts-portfolio img{transition:all .2s linear;width:100px;height:100px;}
.more-posts-portfolio img:hover{cursor:pointer;transform:scale(0.9);}
div.pp_default .pp_loaderIcon{display:none !important;}
.button.button-white-stroke, a.button.button-white-stroke, a.button.button-white-stroke:link, a.button.button-white-stroke:visited,
.primary-color-white .button.button-primary-stroke, .primary-color-white a.button.button-primary-stroke, .primary-color-white a.button.button-primary-stroke:link, .primary-color-white a.button.button-primary-stroke:visited{background:none;border:1px solid #fff;box-shadow:none;}
.button.button-white-stroke:hover, a.button.button-white-stroke:hover,
.primary-color-white .button.button-primary-stroke:hover, .primary-color-white a.button.button-primary-stroke:hover{background:#fff none repeat scroll 0 0;color:#002633;}
.button.button-primary-stroke, a.button.button-primary-stroke, a.button.button-primary-stroke:link, a.button.button-primary-stroke:visited,
.primary-color-primary .button.button-primary-stroke, .primary-color-primary a.button.button-primary-stroke, .primary-color-primary a.button.button-primary-stroke:link, .primary-color-primary a.button.button-primary-stroke:visited{background:none;border:1px solid #194582;box-shadow:none;width:35px;height:32px;line-height:30px;color:#194582;padding:5px;}
.button.button-primary-stroke:hover, a.button.button-primary-stroke:hover,
.primary-color-primary .button.button-primary-stroke:hover, .primary-color-primary a.button.button-primary-stroke:hover{background:#4B4949 none repeat scroll 0 0;color:#fff;}
.button.button-dark-stroke, a.button.button-dark-stroke, a.button.button-dark-stroke:link, a.button.button-dark-stroke:visited,
.primary-color-dark .button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke:link, .primary-color-dark a.button.button-primary-stroke:visited{background:none;border:1px solid #002633;box-shadow:none;color:#002633;}
.button.button-dark-stroke:hover, a.button.button-dark-stroke:hover,
.primary-color-dark .button.button-primary-stroke:hover, .primary-color-dark a.button.button-primary-stroke:hover{background:#002633 none repeat scroll 0 0;color:#fff;}
.div_t{margin:0;padding:0px;height:45px;text-align:right;margin-left:10px;}
.top-menu .social-icon{padding:0;margin:0;}
.top-menu .social-icon li{display:inline-block;list-style:none}
.top-menu .social-icon li a{border-radius:50px;border:thin solid #C7C7C7;color:#000000;font-size:18px;width:45px;height:45px;line-height:45px;text-align:center;margin:10px 10px 42px 2px;padding:6px;}
.top-menu .social-icon li a:hover{background:#48D6E8;color:#FFFFFF;list-style:none;text-decoration:none;}
@media screen and (max-width:650px){.grid2, .grid-sizer, .grid-item, .grid-item.p_one, .grid-item.p_two_third{width:100%;}
.portfolio-text-holder{top:30px;left:30px;right:30px;bottom:30px;font-size:20px;}
}
#canvas{background:url(../images/bg6.jpg) no-repeat center center;background-size:cover;display:block;min-height:130vh;width:100%;z-index:-1;color:rgba(235,233,233,1.00);margin-top:0px}
.content{margin-left:5%;margin-right:5%;margin-top:-8%;text-align:center}
ul.sdt_menu{margin:0 auto;padding:0;list-style:none;font-family:""Poppins"", sans-serif;font-size:14px;width:100%;}
ul.sdt_menu a{text-decoration:none;outline:none;}
ul.sdt_menu li{float:left;width:16.5%;height:150px;position:relative;display:inline;cursor:pointer;}
ul.sdt_menu li > a{position:absolute;top:400px;left:0px;width:95%;height:150px;z-index:12;background:transparent url(../images/overlay.png) no-repeat bottom right;}
ul.sdt_menu li a img{border:none;position:absolute;width:0px;height:0px;bottom:0px;left:85px;z-index:100;-moz-box-shadow:0px 0px 4px #000;-webkit-box-shadow:0px 0px 4px #000;box-shadow:0px 0px 4px #000;}
ul.sdt_menu li span.sdt_wrap{position:absolute;top:25px;left:0px;width:100%;height:60px;z-index:15;}
ul.sdt_menu li span.sdt_active{position:absolute;background:rgba(0,0,0,0.12);top:85px;width:100%;height:auto;left:0px;z-index:14;}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{margin-left:25px;}
ul.sdt_menu li span span.sdt_descr{margin-left:5px;text-align:justify;}
ul.sdt_menu li span span.sdt_link{color:#fff;font-size:18px;float:left;clear:both;}
ul.sdt_menu li span span.sdt_descr{color:#FDF9F9;float:left;clear:both;width:95%;font-size:0px;letter-spacing:.3px;font-weight:300;}

.buttont{
    height:2.5em;
    padding:10px;
    cursor:pointer;
    display:inline-block;
    color:#040A47;
    font-size:18px;
    border:1px solid #eee;
	margin:30px auto;
    background:#eee;
    border-radius:1px;
    line-height:1em;
    border-top:2px double #95C3D4;
  border-bottom:2px double #95C3D4;
    text-decoration:none;
	font-weight:600;

    -webkit-transition: all 0.3s linear;
     -khtml-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}


.grey{
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(238,238,238,0.50) 0%, rgba(204,204,204,1) 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,0.50)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(238,238,238,0.50) 0%,rgba(204,204,204,1) 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(238,238,238,0.50) 0%,rgba(204,204,204,1) 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(238,238,238,0.50) 0%,rgba(204,204,204,1) 80%); /* IE10+ */
    background: linear-gradient(left, rgba(238,238,238,0.50) 0%,rgba(204,204,204,1) 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */
}
.buttont:hover{
    -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
}
.buttont:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    text-shadow:1px 1px 1px #eee;
}

.light {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    padding: 1px 9px;
    top: -16px;
    left: -53px;
    height: 0px;
}
.buttont:hover .light{

    padding:1px 5px;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -khtml-animation-name: shine;
    -khtml-animation-duration: 0.6s;
    -khtml-animation-timing-function: linear;
    -moz-animation-name: shine;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -o-animation-name: shine;
    -o-animation-duration: 0.6s;
    -o-animation-timing-function: linear;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    left:45px;
}

@-webkit-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -webkit-transform: rotate(-360deg); }
}

@-khtml-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -khtml-transform: rotate(-360deg); }
}

@-moz-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -moz-transform: rotate(-360deg); }
}

@-o-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; -o-transform: rotate(-360deg); }
}

@-keyframes shine {
    0% { top: -15px; left: -48px; }
    10% { top: -5px; }
    20% { top: 5px; }
    30% { top: 15px; }
    40% { top: 25px; }
    50% { top: 35px; }
    60% { top: 25px; }
    70% { top: 15px; }
    80% { top: 5px; }
    90% { top: -5px; }
    100% { top:-15px; left:45px; transform: rotate(-360deg); }
}